@charset "euc-kr";
@import url('default.css');
@import url('board.css');
@import url('layout_main.css');



/* layout */
#main_wrap{width:100%; background:url(../images/common/main_bg.gif) repeat-x 0 0;}
#main_wrap_box{position:relative; width:960px; margin:0 auto;}

#sub_wrap{width:100%; background:url(../images/common/sub_bg.gif) repeat-x 0 0;}
#sub_wrap_box{position:relative; width:960px; margin:0 auto;}





/* #header - »ó´Ü ¸Þ´º ºÎºÐ */
#header{position:absolute; top:0; left:0; z-index:10;}
#header .topmenu{float:right; height:20px; }
/*#header .topmenu img{display:block;}*/
#header .topmenu li{float:left;}
#header .topmenu_in{height:18px; margin-top:10px; float:left;}
#header .sitemap{margin-left:10px; float:left;}
#header h1{float:left; padding-top:40px; width:240px;}/* top_logo */
#header #gnb{float:left; margin-top:40px;}/* header #gnb´Â ¸Þ´º*/






/* sub_visual - ¸ÞÀÎ À̹ÌÁö(Ç÷¡½Ã) ºÎºÐ */
.sub_visual{position:absolute; top:100px; z-index:1; width:960px; height:161px; margin:0 auto; overflow:hidden;}
.sub_visual .sub_flash{width:960px; margin:0 auto; overflow:hidden; }





/* contents - º»¹® ³»¿ë ºÎºÐ */
#sub_container{padding-top:261px;}
#sub_container_box{width:960px; overflow:hidden;}




/* left_menu - Áº¯ºÎºÐ */
#sub_container_box #left{width:219px; float:left; padding-top:1px;}
#sub_container_box #left .left_menu{width:198px; border-bottom:1px solid #f1f0f0;}
#sub_container_box #left .left_menu li{border-bottom:1px solid #f1f0f0;}
#sub_container_box #left h2{}

#sub_container_box #left .left_banner{margin-top:40px; float:left;}
#sub_container_box #left .left_banner li{float:left;}
#sub_container_box #left .left_banner .lb{margin-right:2px;}
#sub_container_box #left .left_banner .lb_call{margin-top:15px;}




/* sub_contents - ¼­ºê ³»¿ëºÎºÐ */
#sub_container_box #content{width:740px; float:left;  overflow:hidden;  border-left:1px solid #e7e7e7; padding-bottom:50px;}
#content .sub_cont{width:700px; margin-left:40px;}
.sub_cont .dot_line{height:30px; background:url(../images/common/dot_line.gif) repeat-x 0 50%; }
.sub_cont .line{height:50px; background:url(../images/common/line.gif) repeat-x 0 50%; }

.sub_cont .sub_text_tit{width:700px; padding:40px 0 10px 0;}
.sub_cont .sub_tbox{padding:20px; color:#666; border:1px solid #e2e2e0; background:#faf9f7; overflow:hidden;}
.sub_cont .sub_tbox strong{color:#333;}
.sub_cont .sub_tbox .al_top tr{vertical-align:top;}
.sub_cont .tbox_tit{margin-bottom:7px;}

.sub_cont .left_img{padding-right:30px; float:left;}
.sub_cont .left_text{float:left;}
.sub_cont .right_img{padding-left:30px; float:left;}


#sub_container_box .teb{width:700px; margin-top:10px; height:46px;}
#sub_container_box .teb li{float:left;}

#sub_container_box .interior{width:700px; margin:0; padding-bottom:20px; text-align:center; background:#eae6e3;}

.selftest{width:100%; border:2px solid #70b2da;}
.selftest tr{border-bottom:1px solid #dbd9da;}
.selftest th{text-align:left; padding:7px 0 7px 20px; width:570px; background:#F5F8EE;border-bottom:1px solid #dbd9da; border-right:1px solid #dbd9da;  border-left:1px solid #dbd9da;color:#646464;}
.selftest td{text-align:center;  padding:7px;border-bottom:1px solid #dbd9da; color:#646464; font-weight:bold;}


.sub_cont .tap ul li{float:left;}






/* sub_title - ¼­ºê ŸÀÌƲ ºÎºÐ */
#sub_container_box #content .sub_tit{width:700px; border-bottom:2px solid #cda818; height:48px; padding:27px 0 0 40px; margin-bottom:30px; background:url(../images/common/under_title.gif) no-repeat 0 0;}
#sub_container_box #content .sub_tit h3{float:left;}
#sub_container_box #content .location{float:right; padding:26px 3px 0 0;}
#sub_container_box #content .location .goal{color:#ba681f;}
#sub_container_box #content .location img{vertical-align:middle;}





/* mybpage - ·Î±×ÀÎ&ȸ¿ø°¡ÀÔ ºÎºÐ */
#sub_container_box .mypage{width:710px; overflow:hidden;}
#sub_container_box .login_box{width:530px; padding:35px 35px 10px 35px; border:3px solid #f1f1f1; text-align:left; margin:0 auto;}
#sub_container_box .login_box ul{margin-bottom:15px;}
.login_box .login_table{padding:15px 10px 15px 100px; background:#f5f5f5;}
.login_box .find_area{width:300px; margin:0 auto; text-align:center;}
.login_box .find_area td{height:25px;}






.effect1{color:#333;}
.effect2{color:#463f39;}
.effect3{color:#ab580f}
.effect4{color:#ba681f;}
.effect5{color:#333; background:#e3f1b3;}



.space1{height:50px;}
.space2{height:40px;}
.space3{height:30px;}
.space4{height:20px;}
.space5{height:10px;}





/* »çÀÌÆ®¸Ê */
#sitemap {display:none; position:absolute; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;}
#sitemap #modalBox {display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.4; filter:alpha(opacity:20);}
#sitemap #sitemapBox {position:absolute; left:50%; margin-left:-480px ; width:960px; top:0; background:#fff; height:450px; border:2px solid #ae7e3c; }
#sitemapBox .sp_top { height:50px;}
#sitemapBox .sp_bottom { height:40px;}
#sitemapBox h3 {margin:20px 0 0 20px; display:inline-block; padding:0; vertical-align:top;*display:inline;*zoom:1;} 
#sitemapBox .sp_top .sp_close {position:absolute; right:25px; top:25px; z-index:201;}
#sitemapBox .sp_menu { width:960px; margin:0; position:absolute; background:#fff}
#sitemapBox .sp_menu .sitemapCont {width:920px; _width:940px; margin:20px 20px; border-top:2px solid #d8ab45;}

#sitemapBox .sp_menu .sitemapDeath {float:left;  border-left:1px solid #dad3c7; margin:10px 0 0 0; }
#sitemapBox .sp_menu .sitemapDeath h5 {height:30px; text-align:center; padding:0; border-bottom:1px solid #FFF; margin:0; background-color:#ae7e3c;}
#sitemapBox .sp_menu .sitemapDeath h5 a {font-weight:bold; color: #376982;}
#sitemapBox .sp_menu .sitemapDeath h5 a:hover{color:#2A74A3; }
#sitemapBox .sp_menu .sitemapDeath ul {padding:10px 0 0 0; height:120px; background:#f6f4ef; text-align:center;}
#sitemapBox .sp_menu .sitemapDeath ul li a{line-height:19px; color: #626262; font-size:11px; }
#sitemapBox .sp_menu .sitemapDeath ul li a:hover {color:#ba681f;  text-decoration:none;}

#sitemapBox .sp_menu .sitemap01 {width:140px; border-left:none;  }
#sitemapBox .sp_menu .sitemap01 ul { border-left:none; }
#sitemapBox .sp_menu .sitemap01 h5, .sitemap01 ul {padding-left:0px;}
#sitemapBox .sp_menu .sitemap02 {width:150px;}
#sitemapBox .sp_menu .sitemap02 ul {float:left; width:150px;  right 0; }
#sitemapBox .sp_menu .sitemap03 {width:301px; }
#sitemapBox .sp_menu .sitemap03 ul {float:left; width:160px;  right 0; border-right:1px solid #ffffff; }
#sitemapBox .sp_menu .sitemap03 ul.last {width:140px; border-right:none;}
#sitemapBox .sp_menu .sitemap04 {width:170px;}
#sitemapBox .sp_menu .sitemap04 ul {float:left; width:170px;  right 0; }

a.sitemap img { border-width:0px; display:inline; }
a.sitemap img.on { display:none; } 
a.sitemap:hover { border:0px }
a.sitemap:hover img { display:none; }
a.sitemap:hover img.on { display:inline; }