@charset "utf-8";
/*공통*/
.txt_price{font-size: 1.1em; font-weight: 700; display: inline-block; margin-left: 4px; color: #E1575C;}

.img_title{text-align:left; position:relative; padding:30px 40px; min-height:180px; margin-bottom:40px;}
.img_title:before,
.img_title:after{ display:block; content:""; border:12px solid #eff6f9; /*border:12px solid #4b4e58;*/ width:40px; height:100%; position:absolute; top:50%; transform:translateY(-50%);}
.img_title:before{border-right:0; left:0;}
.img_title:after{border-left:0; right:0;}
.img_title .title{position:relative; font-size:3.5em;  font-weight:300; line-height:1.4em; margin-bottom:10px; font-weight:400;}
.img_title .title strong{color:#3f7ac6;}
.img_title .title02{position:relative; font-size:2em;  font-weight:500; line-height:1.4em; margin-bottom:10px; font-weight:400;}
.img_title .title02 span{ font-weight:600; font-size: inherit; color: #000 !important;}
.img_title span{font-size:1.5em; opacity:0.8;}
.img_title .tit_list span{font-size:1.5em; opacity:0.8;}
.img_title .title .price{background:#3f7ac6; color:#fff; display:inline-block; font-size:0.8em; padding:0 10px; border-radius:5px; margin-bottom:10px;}
.img_title .title .price2{font-size:14px; line-height:1.5em; color:#D60011;}
.img_title .title .txt{ font-size:15px; line-height:1.5em;}

.border_bg{text-align:left; position:relative; padding:30px 65px; min-height:180px; margin-bottom:40px;}
.border_bg:before,
.border_bg:after{ display:block; content:""; border:12px solid #eff6f9; width:40px; height:100%; position:absolute; top:50%; transform:translateY(-50%);}
.border_bg:before{border-right:0; left:0;}
.border_bg:after{border-left:0; right:0;}

@media (max-width: 991px) {
.img_title{padding:20px 35px; font-size:0.9em;}
.img_title strong{display:block; padding:0 !important}
.img_title:before,
.img_title:after{border:10px solid #eff6f9;}
.img_title:before{border-right:0;}
.img_title:after{border-left:0;}

.border_bg{padding:20px 35px; font-size:0.9em;}
.border_bg strong{display:block; padding:0 !important}
.border_bg:before,
.border_bg:after{border:10px solid #eff6f9;}
.border_bg:before{border-right:0;}
.border_bg:after{border-left:0;}
}

@media (max-width: 767px) {
.img_title:before, .img_title:after{border:0;}
.img_title{padding:10px 0px;}
.img_title .title{position:relative; font-size:2.3em;  font-weight:300; line-height:1.4em; margin-bottom:10px; font-weight:400; padding-left: 30px}
.img_title .title02{position:relative; font-size:1.7em;  font-weight:500; line-height:1.4em; margin:50px 0 10px; font-weight:400;}
}


/*서비스조직*/
.introduce{ text-align:center;}
.introduce .box{margin:0 auto 50px auto;}
.introduce .box:after{content:""; display:block; clear:both;}
.introduce .box dl{float:left; width:calc(33.3333% - 10px); padding:20px; background:#f7fcfe; border:1px solid #d4e6ee; 
				   position:relative;  border-radius:2px; text-align:left; margin:5px; min-height:162px;}
.introduce .box dl:nth-child(even){ background:#f3f6fb; border:1px solid #dce2f0;}
.introduce .box dl dt{font-size:1.8em; color:#2996cf; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #d4e6ee; font-weight:500;}
.introduce .box dl:nth-child(even) dt{ color:#4774c6; border-bottom:1px solid #dce2f0}

.introduce .box dl dd{font-size:1.3em; line-height:1.5em;}
.introduce .box dl dd strong{display:inline-block; font-weight:500; }
.introduce .box dl dd strong:after{content:""; display:inline-block; line-height:23px; width:5px; height:5px; border-radius:50%; margin:0 8px 5px 8px; background:#2996cf; vertical-align:middle;}
.introduce .box dl:nth-child(even) dd strong:after{background:#4774c6;}


.partner{/*margin-bottom:50px; */text-align:center;}
.partner:after{content:""; display:block; clear:both;}
.partner li{float:left; width:25%; margin-bottom:10px;}
.partner .photo{width:250px; height:250px; margin:0 auto 5px auto; border-radius:50%; overflow:hidden; border-bottom:3px solid #2996CF;}
.partner .photo img{ width:100%;}
.partner .name{ font-size:1.8em; padding:5px 0;}
.partner .career{ font-size:1em;}
.partner .career p{margin:0; opacity:0.8;}
.partner .career p:first-child{color:#2996CF;}

@media (max-width: 991px) {
.introduce .box dl{width:100%; font-size:0.9em;}
.partner li{ width:50%; font-size:0.9em;}
.partner .photo{width:150px; height:150px;}
}

/*상품개요*/
.service .img_title.img0{background:url(../img/sub/service00_topimg.jpg) no-repeat 95% 0%/auto;}
.service .img_title.img1{background:url(../img/sub/service01_topimg.jpg) no-repeat 95% 0%/auto;}
.service .img_title.img2{background:url(../img/sub/service02_topimg.png) no-repeat 95% 0%/40% auto;}
.service .img_title.img3{background:url(../img/sub/service03_topimg.png) no-repeat 95% 100%/70% auto;}
.service .img_title.img4{background:url(../img/sub/service04_topimg.png) no-repeat 100% 100%/65% auto;}
.service .img_title.img5{background:url(../img/sub/service05_topimg.png) no-repeat 100% 100%/65% auto;}

.service .circle_list{display: flex}
.service .circle_list p:before{content: "\f00c"; font-family: "FontAwesome"; display: inline-block; background: #599ccf; color: #fff; border-radius: 50%;  font-size: 1.6em; font-weight: 500; width: 25px; height: 25px; line-height: 22px; margin: 20px auto 0 auto;  text-align: center; text-shadow: 1px 1px 0 rgba(0,0,0,0.3);}
.service .circle_list p{display: block; width: calc(100%); aspect-ratio:1/1; background: #f9f9f9;
text-align: center; margin-right: 20px; position: relative; /*border: 1px solid #3f7ac6;*/}
.service .circle_list p:last-child{margin-right: 0;}
.service .circle_list p strong{height: 60%; padding: 20px 10px; display: flex; align-items: center; justify-content: center; font-weight: 500;}
.service .circle_list p span{height: 40%; display: flex; align-items: center; justify-content: center; border-radius:0 0  18px 18px;
	background:rgba(0,0,0,0.01); color: #3f7ac6 ; font-weight: 500; font-size: 1.1em; border-top:1px solid rgba(0,0,0,0.1); }

@media (max-width: 991px) {
	.service .circle_list{flex-wrap: wrap; margin-top: 20px;}
	.service .circle_list p{width: calc((100% / 3) - 14px);}
	.service .circle_list p:nth-child(3n){margin-right: 0;}
}

	/* 5대특장점 */
.s_merit {}
.s_merit .col-md-3{ /*width:20% !important*/}
.s_merit .ssw01, .ssw02, .ssw03, .ssw04, .ssw05 { background:#fff; background-size:120px; padding: 35px 30px 50px 30px; border-bottom: 1px solid #e7e7e7 !important;/* border-bottom:1px dotted rgba(0,0,0,.3) !important;*/ margin: 0 0 2px;}
.ssw03{ border-bottom:0}
.s_merit .tslogan{ /*background:url(../img/main/tslogan.png) no-repeat 80% 0% ; background-size: 50px*/ background:none}
.s_merit .cslogan { margin:0; padding:0;}
.s_merit .cslogan h3{margin:0 0 20px}

.ssw01{ /*background:url(../img/main/roll_img01.png) no-repeat 100% 0; height: 160px !important;*/ background-size: 110px;}
.ssw02{ /*background:url(../img/main/roll_img02.png) no-repeat 100% 0; height: 160px !important;*/ background-size: 110px;}
.ssw03{ /*background:url(../img/main/roll_img03.png) no-repeat 100% 0; height: 160px !important;*/ background-size: 110px;}
.ssw04{ /*background:url(../img/main/roll_img04.png) no-repeat 100% 0; height: 160px !important;*/ background-size: 110px;}
.ssw05{ /*background:url(../img/main/roll_img05.png) no-repeat 100% 0; height: 160px !important;*/ background-size: 110px;}

.img_stitle{text-align:left; position:relative; padding:30px 0; min-height:180px; margin-bottom:20px;}
.img_stitle .title{position:relative; font-size:1.8em;  font-weight:600; line-height:1.4em; margin:0; color:#448ac4; letter-spacing:-.080em}
.img_stitle .title strong{color:#333; font-size:1.5em; letter-spacing: -.020em; display:block; line-height: 1.2em;}
.img_stitle span{font-size:1.5em; opacity:0.8;}
.img_stitle span.check02{ color:#3b90c9; font-size: inherit !important;}
.img_stitle .tit_list span{font-size:1.5em; opacity:0.8;}

.img_stitle .title .price{background:#3f7ac6; color:#fff; display:inline-block; font-size:0.8em; padding:0 10px; border-radius:5px; margin-bottom:10px;}
.img_stitle .title .price2{font-size:14px; line-height:1.5em; color:#D60011;}
.img_stitle .title .txt{ font-size:15px; line-height:1.5em;}

@media (max-width: 1199px) {
.m_merit{ width:100%; margin:0px auto}
}
@media (max-width: 991px) {
.s_merit .ssw01, .ssw02, .ssw03, .ssw04, .ssw05 { padding:20px 0px 30px; margin: 0 0 20px;}
.s_merit .tslogan{ background:none ; background-size: 50px}
.s_merit .cslogan { margin:0 !important; padding: 10px 0 0;}
.s_merit .cslogan h3{ line-height:auto; margin:20px 0 10px}
.img_stitle{padding:20px 0px; font-size:0.9em;}
.img_stitle .title{ margin:0; font-size:1.4em; }
.img_stitle strong{display:block;}
.img_stitle:before,
.img_stitle:after{border:10px solid #eff6f9;}
.img_stitle:before{border-right:0;}
.img_stitle:after{border-left:0;}
}
@media (max-width: 991px) {
.s_merit .col-md-3{ width:100% !important}
.ssw01{ background:#fff;}
.ssw02{ background:#fff;}
.ssw03{ background:#fff;}
.ssw04{ background:#eff0f0;}
.ssw05{ background:#eff0f0;}
}


.service .serv_box{ border:1px solid #d4e6ee; font-size:1.1em; padding:30px; margin-bottom:40px;}
.service .serv_box dt{float:left; width:20%; font-size:2em; color:#2996cf; font-weight:400;}
.service .serv_box dd{font-size:1.3em; float:left; width:40%;}
.service .serv_box dd:last-child{margin-bottom:0; text-align:right;}

.service .step{margin:-20px 0;}
.service .step ul{text-align:left; ;}
.service .step li{display:inline-block; text-align:center; position:relative; margin-right:35px; vertical-align:top;}
.service .step li:after{content:""; position:absolute; right:-35px; top:50%; transform:translateY(-50%); display:block; width:35px; height:35px; 
						background:url(../img/sub/service01_arrow.png) no-repeat 0 0/100% 100%;}
.service .step li img{opacity:0.9; width:auto; height:80px;}
.service .step li p{font-size:1.2em;}
.service .step li:last-child{margin-right:0;}
.service .step li:last-child:after{display:none;}

.service .serv_list:after{content:""; display:block; clear:both;}
.service .serv_list{padding:20px 0; margin-bottom:40px;}
.service .serv_list dl:nth-child(1){/*background-image:url(../img/sub/serv_list_icon01.png);*/}
.service .serv_list dl:nth-child(2){/*background-image:url(../img/sub/serv_list_icon02.png);*/}
.service .serv_list dl:nth-child(3){/*background-image:url(../img/sub/serv_list_icon03.png);*/}
.service .serv_list dl:nth-child(4){/*background-image:url(../img/sub/serv_list_icon04.png);*/}
.service .serv_list dl{float:left; width:calc(25% - 15px); /*background-color:#F6F6F6; */background-position:95% 50%; background-repeat:no-repeat;margin-right:20px; font-size:1.3em; padding:20px 15px; border: 1px solid #e7e7e7; background: #fff; color: #333;}
.service .serv_list dl:last-child{margin-right:0;}
.service .serv_list dt{color:#3f7ac6; font-size:1.4em; margin-bottom:10px; font-weight:normal; text-align: center;}

.service .serv_link ul:after{content:""; display:block; clear:both;}
.service .serv_link li{border:1px solid #ddd; position:relative; margin-bottom:20px; padding:20px; float:left; width:calc(50% - 10px); margin-right:20px;}
.service .serv_link li:nth-child(even){margin-right:0;}
.service .serv_link li:after{content:""; display:block; clear:both;}
.service .serv_link .best{ display:inline-block; color:#D60011; font-size:11px; font-weight:600; margin-left:5px; vertical-align:middle;}
.service .serv_link .best i{ margin:0}
.service .serv_link .num{ float:left; position:relative; z-index:1; font-size:1.5em; width:50px; height:50px; line-height:50px; margin:0px 15px 0px -30px; border-radius:100%; background:#3f7ac6; color:#FFF; text-align:Center;}
.service .serv_link .txt{ float:left; font-size:1.3em; position:relative;}
.service .serv_link .txt p{ font-size:1.3em; color:#3f7ac6; margin-bottom:0px; font-weight:400;}
.service .serv_link .txt span{}
.service .serv_link a{float:right; font-size:1.2em;}

.service .char{margin-top:50px;}
.service .char ul:after{display:block; content:""; clear:both;}
.service .char ul li{float:left; width:calc(33% - 7px); background:#f7fcfe; border:1px solid #d4e6ee; margin:5px 5px 35px 5px; padding:50px 0 30px 0; position:relative;  border-radius:2px; text-align: center;
font-size: 1.70em; font-weight: 500;}
.service .char ul li:nth-child(even){ background:#f3f6fb; border:1px solid #dce2f0;}
.service .char ul li p{position:absolute; left:50%; margin-left:-20px !important; top:-15px; background:#2996cf; color:#fff; text-align:center; padding:5px 12px; border-radius:3px;}
.service .char ul li span{ font-size:0.75em; display:block; margin:10px 0 0; font-weight:400}
.service .char ul li:nth-child(even) p{background:#3f7ac6;}
.service_price{background: #3f7ac6;color: #fff;display: inline-block;font-size: 2.0em; padding: 10px 18px;;border-radius: 5px; margin-bottom: 30px;}
p.service{font-size: 1.35em;line-height: 1.7em;color: #666;font-weight: 400;}
p.service02{background: #fff;padding: 10px 15px;text-align: center;font-size: 1.00em;display: inline-block;margin: 20px 0 0; width:100%}
p.service03{background: #f2f2f2;padding: 15px 20px;text-align: left;font-size: 1.27em;display: inline-block;margin: 20px 0 0; width:100%; line-height: 1.8em;}

@media (max-width: 991px) {
.service .img_title.img0{background:none;}
.service .img_title.img1{background:none;}
.service .img_title.img2{background:none;}
.service .img_title.img3{background:none;}
.service .img_title.img4{background:none;}
.service .img_title.img5{background:none;}
.service .serv_box{margin-bottom:25px;}
.service .serv_box dt{float:none; width:100%; margin-bottom:15px;}
.service .serv_box dd{float:none; width:100%; margin-left:0; margin-bottom:20px;}
.service .serv_box dd:last-child{text-align:center;}

.service .step{margin:0;}
.service .step li p{font-size:0.85em; line-height:1em;}
.service .step li{width:calc(33.3333% - 25px); margin-right:30px;}
.service .step li img{width:100%; height:auto;}
.service .step li:after{width:30px; height:30px; background-size:100% 100%; right:-30px;}

.service .serv_list{margin-bottom:25px; font-size: 0.9em;}
.service .serv_list dl{width:48%; margin:0 1% 10px; margin-right:0;}
/*.service .serv_list dl:last-child{width:48%; margin:0 1% 10px; margin-right:0;}*/

.service .serv_link li{padding-top:40px;}
.service .serv_link .num{ position:absolute; left:50%; transform:translateX(-50%); margin:0; top:-15px;}
.service .serv_link .txt{font-size:1.2em;}
.service .serv_link a{padding-top:10px; font-size:1.1em;}

.service .char ul li{ width:98%; margin:0 1% 15px; font-size:1.30em;}
.service .char ul li span{ font-size:0.85em;}
}


/*일반장*/
.service .tit_list{width:45%;}
.service .tit_list li{ border-bottom:1px dotted #ddd; padding:10px 10px;}
.service .tit_list li:last-child{ border-bottom:0;}
.service .tit_list li strong{display:inline-block; float:left; width:50px; height:50px; line-height:47px; font-size:3em; font-weight:600; color:#4fb0ed; 
							 font-family:'NanumSquare', sans-serif,"돋움", "굴림", tahoma, sans-serif}
.service .tit_list li p{ font-size:1.5em; padding:0; margin:0; font-weight:400;}
.service .tit_list li span{ font-size:1.3em;}

#serv_pro{background:#F6F6F6; margin-bottom:30px;}
.serv_pro{background:#F6F6F6; padding:10px; margin: 0 0 30px;}
.serv_pro:after{content:""; display:block; clear:both;}
.serv_pro dl{float:left; width:calc(25% - 20px); margin:10px; font-size:1.25em;}
.serv_pro.dl{padding:15px;}
.serv_pro.dl dl{width:calc(33.3333% - 30px); margin:15px;}

.serv_pro dl img{width:100%; /*border:1px solid #d4e6ee;*/ box-shadow:0px 0px 1px #d4e6ee;}
.serv_pro dt{ font-size:1.3em; padding:10px 5px 5px 5px; font-weight:400; text-align:center}
.serv_pro dd{ padding:0 5px 0 10px; position:relative; color:#666; letter-spacing:-.020em}
.serv_pro dd:before{content:""; display:block; position:absolute; left:0; top:8px; background:#2996cf; border-radius:50%; width:5px; height:5px;}

.serv_pro3{background:#F6F6F6; padding:10px; margin: 0 0 30px;}
.serv_pro3:after{content:""; display:block; clear:both;}
.serv_pro3 dl{float:left; width:calc(33% - 20px); margin:10px; font-size:1.25em;}
.serv_pro3.dl{padding:15px;}
.serv_pro3.dl dl{width:calc(33.3333% - 30px); margin:15px;}

.serv_pro3 dl img{width:100%; /*border:1px solid #d4e6ee; */box-shadow:0px 0px 1px #d4e6ee;}
.serv_pro3 dt{ font-size:1.3em; padding:10px 5px 5px 5px; font-weight:400; text-align:center}
.serv_pro3 dd{ padding:0 5px 0 10px; position:relative; color:#666;}
.serv_pro3 dd:before{content:""; display:block; position:absolute; left:0; top:8px; background:#2996cf; border-radius:50%; width:5px; height:5px;}

.serv_pro4{background:#F6F6F6; padding:10px; margin: 0 0 30px;}
.serv_pro4:after{content:""; display:block; clear:both;}
.serv_pro4 dl{float:left; width:calc(29% - 20px); margin:10px; font-size:1.25em;}
.serv_pro4 dl:nth-child(2){width:calc(42% - 20px);}
.serv_pro4 dl h4{  font-size:1.4em; padding:10px 0 20px; font-weight:500; text-align:center}
.serv_pro4 dl{padding:15px;}
.serv_pro4 dl li{ display:inline-block; text-align:center; width:48%; margin:0 1%}
.serv_pro4 dl:nth-child(2) li{ display:inline-block; text-align:center; width:31.333%; margin:0 1%}

.serv_pro4 dl img{width:100%; /*border:1px solid #d4e6ee; */box-shadow:0px 0px 1px #d4e6ee; margin:0 0 12px}
.serv_pro4 dt{ font-size:0.9em; padding:10px 5px 5px 5px; font-weight:400; text-align:center}
.serv_pro4 dd{ padding:0 5px 0 10px; position:relative; color:#666;}
.serv_pro4 dd:before{content:""; display:block; position:absolute; left:0; top:8px; background:#2996cf; border-radius:50%; width:5px; height:5px;}

.service .serv_pop{text-align:center;}
.service .serv_pop .btn{ margin:30px auto; border:2px solid #2996cf; background:#fff; color:#2996cf; font-size:1.5em; padding:10px 25px; }
.service .modal-content{ padding:30px;}
.service .modal-content li{font-size:1.2em; position:relative; padding:2px 0 2px 10px;}
.service .modal-content li:before{content:""; display:block; position:absolute; left:0; top:10px; background:#333; border-radius:50%; width:5px; height:5px;}
@media (max-width: 991px) {
.service .tit_list{width:100%;}
.serv_pro dl{width:calc(100% - 20px);}
.serv_pro.dl{padding:10px;}
.serv_pro.dl dl{width:calc(100% - 20px); margin:10px;}

.serv_pro3 dl{width:calc(100% - 20px);}
.serv_pro3.dl{padding:10px;}
.serv_pro3.dl dl{width:calc(100% - 20px); margin:10px;}

.serv_pro4 dl{width:calc(100% - 20px);}
.serv_pro4 dl:nth-child(2){width:calc(100% - 20px);}
.serv_pro4.dl{padding:10px;}
.serv_pro4.dl dl{width:calc(100% - 20px); margin:10px;}

}