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

.map-info .addr {height:49px; padding-left:70px; background:url('../images/sub/addr.png') 0 0 no-repeat; margin-bottom:29px; line-height:20px; color:#707070; font-size:13px;}
.map-info strong {color:#000;}
.map-info span {display:inline-block; width:90px;}

.doc_content {*zoom:1; position:relative; font-family:'Nanum Gothic'; line-height:22px;}
.doc_content:after {content:''; display:block; clear:both;}

.signature {position:absolute; top:319px; left:270px;}
.vision {height:400px; background:url('/images/sub/sub1_2_bg.png') 430px 11px no-repeat;}
.project { background:url('/images/sub/sub2_4_bg.jpg') 415px 13px no-repeat;}
.map {margin-bottom:30px;}
.map_table table {width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #b5bdca;}
.map_table thead th {line-height:40px; color:#506d89; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; background:#f5f6fa;}
.map_table thead th:first-child {border-left:0;}
.map_table tbody td {padding:10px 0; text-align:center; color:#575757; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd;}
.map_table tbody td.bdl {border-left:0;}
.map_table tbody td.mail {text-align:left; padding-left:19px;}

.bl_arrow {padding-left:10px; background:url('/images/sub/blue_arrow.png') 0 50% no-repeat; color:#1f85b4; font-size:16px;}
.box {padding:15px 10px 40px; overflow:hidden;}
.box {color:#666666;}
.box ul.dot_list {padding:10px 0;}
.box ul.dot_list li {line-height:24px; padding-left:10px; color:#666; background:url('/images/sub/dot_list_dot.png') 0 50% no-repeat;}
.box2 {padding:0 0 40px; overflow:hidden;}
.box2 {color:#666666;}
.box2 ul.dot_list {padding:10px 0;}
.box2 ul.dot_list li {line-height:24px; padding-left:10px; color:#666; background:url('/images/sub/dot_list_dot.png') 0 50% no-repeat;}

.project_tt1 {margin-bottom:70px;}
.trp_ground h4 {font-size:16px; color:#000; font-family:'Nanum Gothic';}
.trp_ground p {color:#666;}

.trp_export {padding-right:340px; background:url('/images/sub/export_bg.jpg') 100% 0 no-repeat;}
.trp_import {padding-left:340px; background:url('/images/sub/import_bg.jpg') 0 0 no-repeat;}
.trp_export2 {padding-right:340px; background:url('/images/sub/export_bg2.jpg') 100% 0 no-repeat;}
.trp_import2 {padding-left:340px; background:url('/images/sub/import_bg2.jpg') 0 0 no-repeat;}

.brochure {position:relative; height:510px; background:url('/images/sub/brochure.jpg') 0 0 no-repeat;}
.txt_brochure {position:absolute; left:452px; bottom:100px;}
.btn_brochure {position:absolute; left:452px; bottom:54px;}

.project_plan h3 {margin-bottom:30px;}
.project_plan h4 {margin-bottom:10px;}
.project_plan dt {color:#000; font-size:15px; padding:10px 0;  font-family:'Nanum Barun Gothic Bold';}
.project_plan dd li {color:#666; font-size:13px; padding-left:10px; background:url('/images/sub/dot_list_dot2.png') 0 10px no-repeat}


.sitemap {*zoom:1; width:700px; margin:0 auto;}
.sitemap:after {content:" "; display:block; clear:both;}
.sitemap dl {float:left; display:inline; width:250px; margin:0 50px 50px;}
.sitemap dl dt {border:1px solid #ddd; background:#f4f4f4; height:32px; line-height:32px; text-align:center; font-weight:400; font-size:15px; color:#333; margin:0 0 5px 0;}
.sitemap dl dd {line-height:30px; border-bottom:1px dotted #ccc;}
.sitemap dl dd a {display:block; line-height:30px; color:#777; background:url("../images/bbs/sitemap_dot.gif") 10px 12px no-repeat; padding:0 0 0 23px;}
.sitemap dl dd ul {background:#eee; padding:8px 0;}
.sitemap dl dd ul li a {background:none; font-size:12px; letter-spacing:-1px; line-height:18px; padding:0 0 0 15px; text-decoration:none;}



.exchange {width:715px; height:700px; position:relative; overflow:hidden;}
.exchange iframe {position:absolute; top:-380px; left:-480px;}

.dictionary .tabs {margin-bottom:40px; overflow:hidden;}
.dictionary .tabs ul {*zoom:1; border:2px solid #0b2256; float:left;}
.dictionary .tabs ul:after {content:''; display:block; clear:both;}
.dictionary .tabs li {float:left; margin-left:-2px; line-height:0; font-size:0; border-left:0px solid #0b2256}
.dictionary .tabs li a {display:block; line-height:28px; width:28px; text-align:center; color:#4d86a0; font-size:15px; text-decoration:none; font-weight:700;}
.dictionary .tabs li.active a {background:#0b2256; color:#fff;}
.dictionary .dic-title {height:40px; color:#1da1de; font-weight:700; font-size:25px; line-height:30px;}
.dictionary .dic-subtitle {height:24px; color:#000; font-size:15px; line-height:18px; font-weight:700;}
.dictionary .dic-txt {line-height:22px; font-size:13px; color:#666; margin-bottom:45px;}

.certify .tabs {margin-bottom:40px;}
.certify .tabs ul {*zoom:1; margin-left:1px;}
.certify .tabs ul:after {content:''; display:block; clear:both;}
.certify .tabs li {float:left; border:1px solid #ddd; height:43px; width:168px; margin-left:-1px;}
.certify .tabs li a {display:block; line-height:43px; background:url('../images/sub/certifytab-off.png') 0 0 repeat-x; width:100%; text-decoration:none; text-align:center; color:#555; font-size:15px; font-weight:700;}
.certify .tabs li.active {border:1px solid #1188c0; margin-right:1px;}
.certify .tabs li.active a {background:url('../images/sub/certifytab-on.png') 0 0 repeat-x; color:#fff;}
.certify .tab-content {text-align:center; margin:0 auto;}
.certify .tab-content img {border:1px solid #ddd; text-align:center;}