@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.servies .group {position:relative; padding-top:100px;}
.servies .group:after {content:" "; position:absolute; top:50px; left:0; width:100%; height:1px; background:#03236b;}
/* .servies .group:first-child {margin-bottom:0;} */
.servies .group:first-child:after {content:" "; display:none;}
.servies .group .row {display:table; table-layout:fixed; width:100%;}
.servies .group .pic {display:table-cell; vertical-align:top; width:520px; line-height:0;}
.servies .group .txt {display:table-cell; vertical-align:bottom; width:calc(100% - 520px);}
.servies .group .txt h4 {font-size:28px; line-height:40px; color:#03236b; margin-bottom:5px;}
.servies .group .txt p {font-size:16px; line-height:28px; color:#454545;}
.servies .group .txt p span {font-weight:500; color:#1b429a;}
.servies .group .txt.txt-fl {padding-right:20px;}
.servies .group .txt.txt-fr {padding-left:20px;}
.servies .group .explain .box {padding:12px 28px; border-radius:10px; background:#f5f5f5;}
.servies .group .explain .box .tt {font-size:20px; line-height:30px; color:#232323; font-weight:500; margin-bottom:12px;}
.servies .group .explain .box ul li {font-size:16px; line-height:22px; color:#686868; margin-bottom:5px;}
.servies .group .explain .box ul li > ul:after {content:" "; display:block; clear:both;}
.servies .group .explain .box ul li > ul > li {float:left; width:50%;}
.servies .group .explain .box ul.dot-lst li {position:relative; padding-left:10px;}
.servies .group .explain .box ul.dot-lst li:after {content:" "; position:absolute; top:10px; left:0; width:3px; height:3px; border-radius:50%; background:#244aa1;}
.servies .group .explain .box ul.dot-lst li.nodot {padding-left:0;}
.servies .group .explain .box ul.dot-lst li.nodot:after {content:" "; display:none;}
.servies .group .explain .row {display:table; width:100%;}
.servies .group .explain .cell {display:table-cell; vertical-align:top; width:50%; padding:0 5px;}
.servies .group .explain .cell > .box {height:206px;}
.servies .group .explain .cell > .box > .tt {margin-bottom:20px;}
.servies .group:nth-child(1) .explain {margin-top:16px;}
.servies .group:nth-child(2) .explain {margin-top:60px;}
.servies .group:nth-child(3) .explain {margin-top:50px;}
.servies .group:nth-child(4) .explain {margin-top:22px;}

.networks .txt {padding:0 80px; margin-bottom:50px; font-size:25px; line-height:35px; font-weight:500; color:#1b429a;}
.networks .pic {position:relative; line-height:0;}
.networks .pic:after {content:" "; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd;}
.networks .pic img {width:auto !important; height:auto !important; max-width:100%;}

.contactus {margin-bottom:50px; text-align:center;}
.contactus h3 {font-size:25px; line-height:35px; font-weight:500; color:#1b429a;}

/* 사이트맵 */
.sitemap {*zoom:1; margin:0 -15px;}
.sitemap:after {content:" "; display:block; clear:both;}
.sitemap dl {float:left; display:inline; width:25%; padding:0 15px; margin-bottom:50px;}
.sitemap dl dt {border:1px solid #0065ad; background:#0065ad; height:50px; line-height:50px; text-align:center; font-weight:500; font-size:18px; color:#fff; margin:0 0 5px 0;}
.sitemap dl dd {border-bottom:1px dotted #ccc;}
.sitemap dl dd a {display:block; line-height:22px; color:#686868; background:url("../images/sub/dot.gif") 10px 20px no-repeat; padding:12px 0 12px 23px;}
.sitemap dl dd ul {background:#eee; padding:8px 0;}
.sitemap dl dd ul li a {background:none; font-size:11px; letter-spacing:-1px; line-height:18px; padding:0 0 0 15px; text-decoration:none;}