@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.product-info .group {margin-bottom:30px; display:flex;}
.product-info .group .title {padding:0 10px 0 15px; font-weight:500; color:#242424; position:relative;}
.product-info .group .title:before {position:absolute; content:''; width:3px; height:3px; border-radius:100%; top:12px; left:0; background-color:#2c55a9;}
.product-info .group .cnt {flex:1;}
.product-info .group .cnt a {width:150px; height:35px; margin-right:10px; margin-bottom:10px; padding:0 20px; display:flex; justify-content:space-between; align-items:center; border:1px solid #ddd; border-radius:5px;}

.download-wrap {display:flex; flex-wrap:wrap;}

.buttons-wrap {display:flex; justify-content:center;}
.buttons-wrap .cen {padding:0 15px;}
.buttons-wrap .btn-pack {border-radius:30px;}

.pro-slider-for {margin-bottom:20px;}
.pro-slider-nav{margin:0 -5px;}
.pro-slider-nav .img-box {padding:0 5px;}
.pro-slider-nav .img-box.slick-current .img:after {border:3px solid #2c55a9;}

.doc-tit {font-size:26px; padding-bottom:17px; color:#242424;}
.doc-tit:before {width:20px; height:20px; background-image:url('../images/sub/doc_tit.png');}
.doc-tit2 {font-size:20px; padding-bottom:13px; color:#2c55a9;}
.doc-tit2:before {width:18px; height:18px; background-image:url('../images/sub/doc_tit2.png');}

.d-t {padding-left:30px; font-family:'NanumSquare', sans-serif; font-weight:800; position:relative;}
.d-t:before {position:absolute; content:''; left:0; top:3px; background-size:contain; background-repeat:no-repeat;}

.system-img {margin:50px 0; text-align:center;}
.system-img p {margin-top:15px; font-weight:700;}

.grayBg {background-color:#fafafa;}
.pad {padding-top:65px; padding-bottom:65px;}
.pad2 {padding-bottom:0;}

.system {padding:70px 60px 70px 40px;}
.system .col {margin-bottom:20px; display:flex; align-items:center;}
.system .col .cont {padding-left:35px; flex:1;}
.system .col .cont ul li {padding-left:12px; text-indent:-12px;}

.system .col:last-child {margin-bottom:0;}
.system .col:nth-child(odd) .img {order:2;}
.system .col:nth-child(odd) .cont {padding-right:90px; padding-left:0;}

.research {margin-bottom:10px; display:flex;}
.research .img-wrap {order:2;}
.research .img-wrap p {margin-top:15px; font-weight:700; text-align:center;}
.research .txt {padding-right:45px; flex:1;}
.research .txt p {margin-bottom:12px;}
.research .txt p span {color:#0070bb;}
.research .txt p:last-child {margin-bottom:0;}
.research .txt li {margin-bottom:3px; padding-left:12px; text-indent:-12px;}
.research .txt li:last-child {margin-bottom:0;}

.research-sub {margin-bottom:50px;}
.research-sub p {font-size:18px; margin-bottom:12px; letter-spacing:-.03em; font-weight:500;}
.research-sub li {line-height:2.188em;}
.research-sub .txt-wrap {margin-top:30px;}
.color1 {color:#0070bb; display:block;}

.list-item {margin-bottom:20px;}

.greeting {display:flex;}
.greeting .img {order:2;}
.greeting .cnt {flex:1; margin-right:35px;}
.greeting .cnt h4 {font-size:35px; margin-bottom:25px; line-height:1.3em; letter-spacing:-.03em; color:#242424; font-family:'NanumSquare', sans-serif;}
.greeting .cnt h4 span {font-size:40px; font-weight:800; color:#2c55a9;}
.greeting .cnt p {margin-bottom:17px;}
.greeting .cnt strong {font-weight:500; line-height:1.875em;}
.greeting .cnt .last {font-size:20px; color:#242424; font-weight:700;}

.root_daum_roughmap {width:100% !important;}

.local-address {padding:25px 0;}
.local-address .tit {font-weight:500; color:#2d3092;}
.local-address h4 {font-size:23px; font-weight:700; margin:5px 0; letter-spacing:-.03em; line-height:1.3em; font-family:'NanumSquare', sans-serif;}
.local-address span {display:inline-block; padding:0 15px;}
.local-address span.first {padding-left:0;}

.local li:first-child {border-top:1px solid #ddd;}
.local li {display:flex; position:relative; border-bottom:1px solid #ddd; padding:25px 0 25px 180px; color:#454545;}
.local li:before {position:absolute; content:''; width:20px; height:16px; left:30px; top:50%; margin-top:-8px; background-size:contain; background-repeat:no-repeat;}
.local li:nth-child(1):before {background-image:url('../images/sub/local_icon1.png'); height:20px; margin-top:-10px;}
.local li:nth-child(2):before {background-image:url('../images/sub/local_icon2.png');}
.local li:nth-child(3):before {background-image:url('../images/sub/local_icon3.png');}
.local li span {font-size:18px; left:70px; display:inline-block; position:absolute; color:#242424; font-weight:500;}