/******************************************************* wrap ********************************************************/ #wrap{width:100%; min-width:980px; margin:0 auto; overflow:hidden;} .main{background-color:#dce2e2;} /******************************************************* header ********************************************************/ #header{position:relative; width:960px; margin:0 auto; z-index:10; font-family:'nanum';} #header .log{float:right; margin-top:17px;} #header .log span{float:left; display:block; height:27px; color:#888; letter-spacing:-0.5px;} #header .log span a{display:block; height:27px; color:#fff;} #header .log span.login a{} #header .log span.join a{} #header .log span.logout a{} #header .log span.mypage a{} /* header > navbar */ #navbar{position:relative; width:960px; overflow:hidden; background-color:#23201b;} #navbar h1{float:left; margin-top:13px; margin-left:23px;} /* nav */ #navbar .nav{float:right;} #navbar .nav li{float:left; height:52px; padding:0 34px; font-size:15px; line-height:52px; list-style:none; font-family:'nanumB'; background:url(/layouts/default/image/nav_lne.gif) 0 20px no-repeat;} #navbar .nav li a{display:block; height:51px; color:#fff;} #navbar .nav li a:hover{color:#ff9000; border-bottom:1px solid #ff9000;} #navbar .nav li.nav01{background:none;} #navbar .nav li.nav02{} #navbar .nav li.nav03{} #navbar .nav li.nav04{padding-right:60px} #navbar .nav li.nav05{} /* snb_wrap */ #snb_wrap{display:none; position:absolute; top:52px; left:50%; margin-left:-480px; z-index:100; width:960px; height:45px; z-index:999999; background:url(/layouts/default/image/navi_subbg.png);} #snb_wrap .snb ul li{float:left; height:45px; text-align:left; list-style:none; line-height:42px; font-size:13px; font-family:'nanum';} #snb_wrap .snb ul li a{display:block; height:45px; padding:0 8px; text-indent:10px; color:#fff; text-decoration:none;} #snb_wrap .snb ul li a:hover{color:#ff9000;} .snb dd{position:relative; display:none; height:45px;} .snb dd.snb01{margin-left:502px;} .snb dd.snb02{margin-left:609px;} .snb dd.snb03{margin-left:644px;} .snb dd.snb04{margin-left:686px;} /******************************************************* sub_top_visual ********************************************************/ #sub_visual{position:absolute; top:0; left:0; width:100%; height:281px; overflow:hidden; } #sub_visual .sub_top_visual{position:absolute; top:0; left:50%; width:1900px; height:281px; margin-left:-950px; z-index:1; overflow:hidden;} /******************************************************* sub_contents ********************************************************/ #sub_contents{position:relative; width:960px; margin:151px auto 0; z-index:10; overflow:hidden; background-color:#fff;} #sub_contents .sub_top{width:958px; height:59px; border:1px solid #e2e2e1; background:url(/layouts/default/image/sub_top_bg.gif) no-repeat top right;} #sub_contents .sub_top h1{padding:18px 0 0 26px; font-family:'nanum-square-r'; font-size:25px; font-weight:normal; color:#23201b; letter-spacing:-0.5px;} #sub_contents .sub_top h1 span{font-family:'nanum'; font-size:11px; color:#909090; letter-spacing:5px; margin-left:15px;} #sub_contents .left_nav{float:left; width:184px; margin:27px 44px 0 0px; border-top:0 none;} #sub_contents .left_nav ul{} #sub_contents .left_nav ul li{list-style:none; font-family:'nanumB'; font-size:14px; background:url(/layouts/default/image/sub_nav_dot.gif) no-repeat 11px 19px;} #sub_contents .left_nav ul li a{display:block; height:40px; padding-left:26px; color:#454444; line-height:39px;border:1px solid #efefef; border-top:none; } #sub_contents .left_nav ul li a:hover, #sub_contents .left_nav ul li a.on{color:#fff; background:url(/layouts/default/image/sub_nav_dot_on.gif) no-repeat 11px 19px #f58a01;border:1px solid #f58a01; border-top:none; } #sub_contents .left_nav ul li:first-child a {border-top:1px solid #efefef;} #sub_contents .left_nav ul li:first-child a:hover, #sub_contents .left_nav ul li:first-child a.on {border-top:1px solid #f58a01;} #sub_contents .sub_contents_box{float:left; width:730px;} #sub_contents .sub_contents_box .sub_tit{position:relative; margin-top:34px; border-bottom:1px solid #e5e5e5;} #sub_contents .sub_contents_box .sub_tit h1{padding-bottom:15px; font-size:30px; color:#050505; font-family: 'nanum-square-r';font-weight:normal; letter-spacing:-0.5px; border-bottom:3px solid #696969;} #sub_contents .sub_contents_box .sub_tit .sub_sitemap{position:absolute; top:0px; right:0;} #sub_contents .sub_contents_box .sub_tit .sub_sitemap span{float:left; padding:0 10px; font-family:'nanum'; line-height:25px; color:#363636; font-size:13px; letter-spacing:-0.5px; background:url(/layouts/default/image/sitemap_line.gif) no-repeat 0 7px;} #sub_contents .sub_contents_box .sub_tit .sub_sitemap span.first{background:none; margin-top:5px;} #sub_contents .sub_contents_box .sub_tit p{padding:12px 5px 12px 0px; font-family:'nanum'; font-size:14px; color:#6d6d6d; letter-spacing:-0.5px;} #sub_contents .sub_contents_box .sub_box{padding:52px 0; font-size:13px; text-align:justify;letter-spacing:-1px; } #sub_contents .sub_contents_box .sub_box strong {font-family:'nanumB'; } /******************************************************* main_footer ********************************************************/ #main_footer{width:100%; height:171px; margin:59px auto 0; background-color:#23201b;} #main_footer #footerCon{position:relative; width:960px; margin:0 auto;} #main_footer #footerCon .btn{position:absolute; top:16px; right:26px;} #main_footer #footerCon .f_loc{display:none; position:absolute; top:-35px; left:0; width:480px; height:65px; background-color:#c0b9b1; letter-spacing:-0.5px;} #main_footer #footerCon .f_loc a{display:block; margin:22px 0 0 28px; font-family:'nanumB'; font-size:19px; color:#fff;} #main_footer #footerCon .f_loc a span{padding-left:10px; font-family:'nanum'; font-size:13px; color:#fff;} #main_footer #footerCon .f_mov{display:none;position:absolute; top:-35px; right:0; width:480px; height:65px; background-color:#141414;} #main_footer #footerCon .f_mov a{display:block; margin:22px 0 0 28px; font-family:'nanumB'; font-size:19px; color:#fff;} #main_footer #footerCon .f_mov a span{padding-left:10px; font-family:'nanum'; font-size:13px; color:#bfb8b0;} #main_footer #footerCon p{padding-top:40px; font-family:'nanumB'; text-align:left; color:#86827e;} #main_footer #footerCon p a{color:#ffff00;} /*#main_footer #footerCon .f_top_btn{position:absolute; top:0px; right:0px;}*/ #main_footer #footerCon strong {font-weight:normal; color:#f5f5f5;} #main_footer #footerCon .rights {display:block; font-size:13px; margin-top:10px;} #main_footer #footerCon .family{position:absolute; top:40px; right:0px; cursor:pointer;} #main_footer #footerCon .family dd{ width:191px; border:1px solid #ddd; position:absolute; left:0px; bottom:40px; background-color:#fff; padding:5px 0 5px 5px; display:none; z-index:999;} #main_footer #footerCon .family dd li{ padding-left:12px;height:30px; line-height:30px; font-size:12px; list-style:none;} #main_footer #footerCon .family dd li a{ color:#525252; font-size:12px;} #main_footer #footerCon .family dd li a:hover{ color:#bf1e2e;} .f_top_btn{position:fixed; bottom:0px; right:30px;} hr {display:block; border:none; height:30px;margin:0px; padding:0px;line-height:0px; font-size:0px;width:0;color:#fff;} hr.h5 {display:block; border:none; height:5px !important;margin:0px; padding:0px;line-height:0px; font-size:0px;width:0;color:#fff;} hr.h10 {display:block; border:none; height:10px !important;margin:0px; padding:0px;line-height:0px; font-size:0px;width:0;color:#fff;} hr.h15{display:block; border:none; height:15px !important;margin:0px; padding:0px;line-height:0px; font-size:0px;width:0;color:#fff;} hr.h20 {display:block; border:none; height:20px !important;margin:0px; padding:0px;line-height:0px; font-size:0px;width:0;color:#fff;} hr.h40 {display:block; border:none; height:40px !important;margin:0px; padding:0px;line-height:0px; font-size:0px;width:0;color:#fff;} hr.h50 {display:block; border:none; height:50px !important;margin:0px; padding:0px;line-height:0px; font-size:0px;width:0;color:#fff;} hr.bd {display:block; border:none; height:1px !important;margin:30px 0px; background:#dce2e2; padding:0px;width:100%;color:#dce2e2;} #sub_contents .fl {margin-top:0px;} #sub_contents .fl dt{clear:both;float:left; width:210px; margin-right:50px;display:block;} #sub_contents .fl dd{float:left; width:470px; display:block;} #sub_contents .fl:after{clear:both; content:''; display:block;} #sub_contents .fl2 {margin-top:0px;} #sub_contents .fl2 dt{clear:both;float:left; width:300px; margin-right:50px;display:block;} #sub_contents .fl2 dd{float:left; width:380px; display:block;} #sub_contents .fl2:after{clear:both; content:''; display:block;} #sub_contents .fl3 {margin-top:0px;} #sub_contents .fl3 dt{clear:both;float:left;display:block; width:130px; margin-right:30px; line-height:28px; letter-spacing:-0.5px; font-size:18px; font-family:'nanum-square-b'; color:#008485;} #sub_contents .fl3 dd{float:left; display:block; width:570px;font-size:16px; line-height:28px; font-family:'nanum'; color:#525252;letter-spacing:-1px;} #sub_contents .fl3:after{clear:both; content:''; display:block;} #sub_contents .fl4 {margin-top:0px;} #sub_contents .fl4 dt{clear:both;float:left;display:block; width:130px; margin-right:40px; line-height:26px; letter-spacing:-0.5px; font-size:18px; font-family:'nanum-square-b'; color:#008485;} #sub_contents .fl4 dd{float:left; display:block; width:560px;} #sub_contents .fl4:after{clear:both; content:''; display:block;} #sub_contents .fl_0101 {margin-top:0px;} #sub_contents .fl_0101 dt{clear:both;float:left; width:380px;display:block;} #sub_contents .fl_0101 dd{float:left; width:300px; margin-left:50px; display:block;} #sub_contents .fl_0101:after{clear:both; content:''; display:block;} #sub_contents .fl_0101 .poTit1 {font-size:25px; line-height:40px; font-family:'nanum-square-r'; color:#6d6d6d;} #sub_contents .fl_0101 .poTit1 strong {font-weight:normal; font-family:'nanum-square-b';} #sub_contents .bg_0101 {background:url(/layouts/default/image/01/01_i01.jpg) no-repeat right top;padding-right:260px;} #sub_contents h3.tit{margin:0px 0 8px 0px; color:#008485; font-family: 'nanum-square-b'; font-weight:normal; font-size:20px; line-height:28px; text-align:left; letter-spacing:-0.5px;} #sub_contents h4{margin:2px 0 3px 0px; color:#212121;font-weight:normal; font-family:'nanumB'; font-size:15px; line-height:24px; text-align:left; letter-spacing:-1px;} .sub_tab {width:730px; overflow:hidden; margin-bottom:30px; } .sub_tab ul{padding:0px; margin:0px;} .sub_tab ul::after {clear:both; content:""; display:block;} .sub_tab li{list-style-type:none; float:left; display:inline;overflow:hidden; margin:0px 0px 1px 1px;} .sub_tab li a{display:block; text-decoration:none;background:#faf9f7; border:1px solid #e2dfdb; padding:12px 0px 12px 0px; font-size:14px; color:#666 !important; text-align:center;overflow:hidden; } .sub_tab li:first-child , .sub_tab li.el{ margin:0px 0px 1px 0px; } .sub_tab li a:hover{ text-decoration:none;border:1px solid #c0b9b1; } .sub_tab li a.on {border:1px solid #696969; background:#696969; font-size:16px;color:#fff !important;font-family:'nanumB';} .tabCont h3.ctt {font-style:none; font-weight:normal;font-size:24px; color:#212121; font-family: 'nanum-square-r';letter-spacing:-1px;border-bottom:1px solid #696969; padding-bottom:10px; margin:0px 0px 30px 0px;} #sub_contents .tabCont h3.tit{margin:0px 0 3px 0px; color:#008485; font-family: 'nanum-square-b'; font-weight:normal; font-size:18px; line-height:28px; text-align:left; letter-spacing:-0.5px;} .tabCont {clear:both;margin:40px 0px 30px 0px; letter-spacing:-0.5px;} .litc2 {width:362px;} .litc5 {width:143px;} .pott {color:#008485 !important;} .pott1 {color:#ff9000 !important;} .pott2 {color:#212121 !important;} .pott3 {color:#e67828 !important;}