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

.greeting {margin:0 -25px;}
.greeting:after {content:"";display:block;clear:both;}
.greeting .col {float:left; width:50%; padding:0 25px; box-sizing:border-box; text-align:justify; letter-spacing:-.40px;}


.company {position:relative; text-align:center; font-size:22px; line-height:1.4em; color:#2c2c2c; font-weight:300; padding-bottom:75px; margin-bottom:10px;}
.company strong {color:#30539f; font-weight:500}
.company:after {content:"";position:absolute; bottom:10px; left:50%; width:1px; height:46px; background:#ddd;}

.com-cnt {border:1px solid #ededed;}
.com-cnt:after {content:" "; display:block; clear:both;}
.com-cnt .col {float:left; width:33.333%; height:278px; position:relative;}
.com-cnt .col.bg1 {background:url('/images/sub/com_icon1.png') 50% 41px no-repeat;}
.com-cnt .col.bg2 {background:#f8f9fb url('/images/sub/com_icon2.png') 50% 31px no-repeat;}
.com-cnt .col.bg3 {background:url('/images/sub/com_icon3.png') 50% 33px no-repeat;}
.com-cnt .col:first-child:after {display:none;}
.com-cnt .col:after {content:"";position:absolute; top:0; left:0; width:1px; height:100%; background:#ededed;}
.com-cnt .col dl {padding-top:145px; text-align:center;}
.com-cnt .col dl dt {color:#284685; font-size:18px; line-height:1.4em; font-weight:500; margin-bottom:10px;}
.com-cnt .col dl dd {font-size:15px; line-height:1.4em; text-align:left; padding-left:76px;}


.app-cnt:after {content:" "; display:block; clear:both;}
.app-cnt .col {float:left; width:275px; height:130px; position:relative; box-sizing:border-box;}
.app-cnt .col.inquiry {width:345px}
.app-cnt .col:first-child:after {display:none;}
.app-cnt .col:after {content:"";position:absolute; top:0; left:0; width:1px; height:100%; background:#ededed;}
.app-cnt .col .box {width:100%; height:130px;position:relative; display:table;}
.app-cnt .col .icon {position:absolute; top:0; left:0; width:107px; height:107px; background:url('../images/sub/sub2_1_icon.gif') 0 50% no-repeat;}
.app-cnt .col .info {padding-left:130px; font-size:15px; line-height:1.6em; height:130px;position:relative; vertical-align:middle; display:table-cell; letter-spacing:-.30px;}
.app-cnt .col.type2 .info {padding-left:48px; font-size:16px;}
.app-cnt .col.type2 dl dt {color:#284685; font-size:18px; line-height:1.4em; font-weight:500; margin-bottom:5px;}
.app-cnt .col.type2 dl dt img {vertical-align:middle; padding-left:5px;}

.product-cnt {margin-bottom:70px; text-align:center;}
.product-cnt:last-child {margin-bottom:0}
.product-cnt p {line-height:0}
.product-cnt .col {position:relative; vertical-align:top; display:inline-block; width:420px; margin:-61px 10px 0 10px;}
.pro-title.type1 {background-color:#41adde}
.pro-title.type2 {background-color:#0280c9}
.pro-title.type3 {background-color:#284685}
.pro-title {font-size:20px; line-height:61px;color:#fff; font-weight:500; text-align:center;background-image:url('../images/sub/sub2_2_tit.png'); background-repeat:no-repeat; background-position:100% 0;}
.table01 table {width:100%; border-collapse:collapse; border-spacing:0px;}
.table01 table tbody th {padding:12px 10px; height:35px; font-size:16px; font-weight:500; line-height:22px; color:#4d4d4d; border-bottom:1px dotted #d6d6d6; background:#f6fafc;}
.table01 table tbody td {padding:12px 20px; color:#2c2c2c; font-size:16px; line-height:22px; border-bottom:1px dotted #d6d6d6;}
.table01 strong {font-weight:500}

.box-cnt {border:1px solid #e0e0e0; border-radius:10px; padding:38px 27px; margin-bottom:50px;}
.box-cnt:last-child {margin-bottom:0}
.box-cnt .title {background:#f6f6f6; font-size:20px; line-height:1.4em; color:#2c2c2c; padding:5px 0 5px 18px; font-weight:500; margin-bottom:15px;}
.box-cnt .cnt {padding-left:18px; font-size:17px; line-height:1.6em; font-weight:200}
.box-cnt .cnt dl dt {position:relative; color:#2e3192; font-size:18px; line-height:1.4em; font-weight:500; padding-left:18px;}
.box-cnt .cnt dl dt:after {content:"";position:absolute;top:50%; margin-top:-2px; left:0; width:10px; height:5px; background:#2e3192; border-radius:2px;}
.box-cnt .cnt dl dd {text-indent:-10px; padding-left:10px; letter-spacing:-.30px;}

/*
.sitemap:after {content:" "; display:block; clear:both;}
.sitemap dl {float:left; display:inline; width:225px; margin:0 0 30px 80px;}
.sitemap dl.first {margin-left:0}
.sitemap dl dt {padding:10px 0; text-align:center; font-size:16px; font-weight:500; color:#fff; margin:0 0 5px 0; background:#737373;border-top-left-radius:20px; border-bottom-right-radius:20px;}
.sitemap dl dd {line-height:40px; border-bottom:1px solid #eee; font-weight:300; text-indent:-12px; padding-left:13px;}
.sitemap dl dd a {display:block; padding:8px 0 8px 15px; font-size:15px; line-height:20px;}
.sitemap dl dd a:hover {color:#f1592a}
.sitemap dl dd ul {padding:2px 0 20px;}
.sitemap dl dd ul li a {background:none; color:#f1592a; font-size:12px; line-height:20px; padding:0 0 0 20px;}
*/