@charset "utf-8";

/* CSS Document */
#wrap {width:100%;}

/* header_공통 */
#header {width:100%; background:#222; position:relative; z-index:30;}
#top {width:930px; height:50px; position:relative; margin:0 auto;}
.logo {width:279px; position:absolute; top:9px; left:0;}
.utillity {float:right; margin-top:16px;}
.utillity li {display:inline;}

#top2 {width:100%; height:60px; position:relative;}
#top2 .bg1 {width:50%; height:60px; position:absolute; background:url(/image/common/bg_navi01.gif); margin-right:50%; z-index:30; top:0; left:0;}
#top2 .bg2 {width:51%; height:60px; position:absolute; background:url(/image/common/bg_navi02.gif); margin-left:49%; z-index:40; top:0; left:0;}
#top2 #navi_wrap {width:930px; height:60px; position:relative; z-index:50; margin:0 auto; background:url(/english/image/common/bg_navi_wrap.gif) no-repeat left top;}
#top2 #navi_wrap .navi {width:930px; height:43px; background:url(/image/common/bg_navi.gif) no-repeat left top; position:absolute; top:9px; left:0;}
#top2 #navi_wrap .navi li {float:left;}
#top2 #navi_wrap .navi li.first {padding-left:33px;}

/* 서브링크 */
#top2 #navi_wrap .navi a {color:#cfcfcf; text-decoration:none;}
#top2 #navi_wrap .navi a:hover {color:#fff; text-decoration:underline;}

/* 서브스타일 */
#top2 #navi_wrap .navi .sub_navi_guide {position:relative;}
#top2 #navi_wrap .navi .sub_navi_guide .sub_navi_tl {position:absolute; top:0px; left:-2px; width:2px; height:30px; background:url(/image/common/bg_subbox_tl2.gif) no-repeat 0 0; display:block;}
#top2 #navi_wrap .navi .sub_navi_guide .sub_navi_tr {position:absolute; top:0px; left:0; width:2px; height:30px; background:url(/image/common/bg_subbox_tr2.gif) no-repeat right bottom; display:block; margin-left:100%; font-size:0;}
#top2 #navi_wrap .navi .sub_contents {position:relative; top:0; left:0; padding:10px 17px 0 17px;background:#222;}
#top2 #navi_wrap .navi .sub_contents li {font-size:11px; color:#cfcfcf; padding:0 0 0 8px; float:left; height:20px;}
#top2 #navi_wrap .navi .sub_contents li.bar {background:url(/image/common/bg_navi_bar.gif) no-repeat right 2px; padding-right:8px;}

/* 서브 */
#sub_navi1 {position:absolute; top:43px; left:10px;  height:30px; background:#222; visibility:hidden; width:610px;}
#sub_navi2 {position:absolute; top:43px; left:10px; background:#222; height:30px; visibility:hidden; width:580px;}
#sub_navi3 {position:absolute; top:43px; left:200px; background:#222; height:30px; visibility:hidden; width:290px;}
#sub_navi4 {position:absolute; top:43px; left:442px; background:#222; height:30px; visibility:hidden; width:210px;}
#sub_navi5 {position:absolute; top:43px; left:470px; background:#222; height:30px; visibility:hidden; width:320px;}
#sub_navi6 {position:absolute; top:43px; left:331px; background:#222; height:30px; visibility:hidden; width:590px;}
#sub_navi7 {position:absolute; top:43px; left:673px; background:#222; height:30px; visibility:hidden; width:248px;}

/* container_서브 */
#s_container {width:930px; margin:0 auto; position:relative; background:url(/image/common/bg_container.gif) repeat-y; z-index:10;}
.snb {width:255px; float:left; position:relative; padding-bottom:100px;}

/* 사이드 네비게이션 */
.left_menu {width:255px; margin-bottom:20px;}
.left_menu h2 {margin-bottom:20px;}
.left_menu .dep1 {width:200px; border-top:#ba2e2e solid 2px; border-bottom:#0061c2 solid 2px; padding:23px 0 10px 0;}
.left_menu .dep1 li{margin-bottom:12px; margin-left:12px;}

.left_menu .dep1 li .dep2 {margin:10px 10px 10px 0;}
.left_menu .dep1 li .dep2 li {background:url(/image/common/path_bullet_dot.gif) no-repeat 0 6px; line-height:14px; border:0; padding-left:9px;}
.left_menu .dep1 li .dep2 a {color:#888; text-decoration:none;}
.left_menu .dep1 li .dep2 a:hover {color:#333;}

.left_banner01{margin-bottom:20px;}

/* 4차 텝 */
.tab_nomal{width:610px; background:url(/image/common/bg_tab.gif) repeat-x left bottom; overflow:hidden; margin-bottom:30px;}
.tab_nomal li{float:left;margin-right:1px; border-top:1px solid #D4D4D4; border-left:1px solid #D4D4D4; border-right:1px solid #D4D4D4; border-bottom:1px solid #0061c2; color:#333; background:#f4f4f4}
.tab_nomal li a{display:block; height:20px; padding:9px 18px 0 19px; color:#666; text-decoration:none;}
.tab_nomal li a:hover{color:#333; background:#fff;}
.tab_nomal li.selected{border-bottom:1px solid #fff; background:#fff; border-top:1px solid #0061c2; border-left:1px solid #0061c2; border-right:1px solid #0061c2;}
.tab_nomal li.selected a{color:#333; font-weight:bold; letter-spacing:-1px;}

/* 4차 박스 */
.box4_nomal{width:100%; overflow:hidden; border-top:2px solid #0061c2; background:#f8f8f8; margin-bottom:30px; padding:0 0 15px;}
.box4_nomal ul {margin:18px 0 0 30px;}
.box4_nomal ul li{float:left; width:30%; color:#333; line-height:1.50em; background:url(/image/common/ico_box4_dep.gif) no-repeat 0 5px; padding:0 0 10px 14px;}
.box4_nomal ul li a{color:#666; text-decoration:none;}
.box4_nomal ul li a:hover{color:#333; text-decoration:underline;}
.box4_nomal ul li.selected{color:#333; text-decoration:underline;}
.box4_nomal ul li.selected a{color:#333; font-weight:bold; text-decoration:underline;}

/* 서브 content */
#s_content {width:675px; float:left; position:relative;}
.s_visual {margin-bottom:22px;}
.ctn_wrap {width:645px; position:relative;}
.ctn_wrap h3 {margin-top:2px; margin-bottom:30px; margin-left:1px;}
.ctn {width:610px; margin-left:34px;font-size:12px; position:relative; padding-bottom:100px;}

.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

/* 문서경로 */
.path {position:relative; float:right; top:10px; background:url(/image/common/path_bullet_dot.gif) no-repeat 0 5px; padding-left:8px; color:#888; font-size:11px;}
.path a {text-decoration:none; color:#888;}
.path a:hover, a:active, a:focus {color:#888; text-decoration:underline;}
.path .bold {font-weight:bold; color:#676767;}

/* footer_공통 */
#footer_wrap {width:100%;}
.footer {width:930px; border-top:#ededed solid 2px; margin:0 auto; height:76px; position:relative;}
.footer .logo {width:100px; position:absolute; top:25px; left:1px;}
.footer address {position:absolute; top:29px; left:138px;}
.footer .copy {position:absolute; top:45px; left:138px;}
.footer .copy2 {position:absolute; top:26px; left:795px;}
.footer .viewer_down {position:absolute; top:22px; left:716px;}