/* layout.css */
body{ margin:0; font-family:'NanumGothic';}
#wrap {position:relative;width:100%; background:#fafafa; z-index:0;}


/* header */
#header{position:relative; z-index:2;width:100%;height:78px;text-align:center;font-size:12px; background:#fafafa url('../images/layout/header_bg.png') repeat-x 0 0;}
#header:after{content:"";display:block;clear:both;}
#header .header_in{position:relative;width:1000px;margin:0 auto;height:71px;}
#header .header_in h1{position:absolute;left:0;top:13px;width:290px; height:60px; text-align:left; font-size:11px; color:#787878; z-index:5;}
#header .header_in h1 img{float:left; padding:5px 10px 0 0;}
#header .header_in .logo_txt{font-size:20px; color:#0e8276; margin-top:15px; line-height:18px; letter-spacing:-0.5px;}
#header .header_in .sm_logo{font-family:'Arial'; font-weight:normal; font-size:8px;  letter-spacing:0;}
#header .header_in h1 p {line-height:6px;}
#header .header_in .util{position:absolute;width:auto;float:right;right:0;top:5px;text-align:right;}
#header .header_in .util li{display:inline-block;float:left;padding:0 0 0 25px; background:url('../images/layout/top_menu_bar.gif') no-repeat 11px 6px;}
#header .header_in .util li.first{background:none;} 
#header .header_in .util li a{font-weight:400; color:#b6b3ab; font-size:10px;} 

#header .top_con{background-color:#fafafa;height:60px; border-top:1px solid #e3e4e6;}
#header .top_con_in{width:1000px;position:relative;margin:0 auto;}
#header .top_con_in .left {float:left;*display:inline;zoom:1;* width:676px;width:680px; }
#header .top_con_in .left li{position:relative;float:left;font-size:13px;color:#696969;padding:15px 0;}
#header .top_con_in .left li.title{font-size:15px;color:#383838;padding-left:15px;}
#header .top_con_in .left li.txt{width:560px;text-align:left;}
#header .top_con_in .left li .line{color:#afaaaa;font-size:10px;vertical-align:center;padding:0 12px;}
#header .top_con_in .left li .date{position:absolute;right:0;color:#a1a1a1;font-size:12px;}
#header .top_con_in .left li.arrow{line-height:9px;font-size:0;}
#header .top_con_in .left li.arrow a{margin-left:10px;}
#header .top_con_in .left li.arrow img{width:9px;}
#header .top_con_in .right{position:relative; float:right; font-size:12px; width:300px; margin-top:5px;}
#header .top_con_in .right li{font-size:13px}
#header .top_con_in .right li input{border:1px solid #d3d3d3;color:#a1a1a1;padding:5px;width:208px; height:21px;}
#header .top_con_in .right li input.pw{margin:-1px 0 0 0px; }
#header .top_con_in .right li.txt{margin:5px 10px;width:140px; font-size:15px; letter-spacing:-0.5px; text-align:right;}
#header .top_con_in .right li.login_btn2 a{position:absolute; top:2px; right:0; border:1px solid #5c5c5c;background-color:#6f6f6f;width:60px; height:45px; display:block; line-height:45px;font-size:12px; text-align:center;}
#header .top_con_in .right li.mypage_btn a{border:1px solid #888888;background-color:#888888;padding:4px;margin:10px 3px;line-height:32px;font-size:12px}
#header .top_con_in .right li a{color:#fff}

/*gnb*/
#gnb{position:relative;top:23px;padding:0;width:800px;height:44px;margin:0 auto;z-index:2;float:right;}
#gnb .depth1{display:inline-block;*display:inline; zoom:1; float:right;}
#gnb .t{position:relative; float:left; width:auto;padding:10px 20px 0 20px;height:34px; background:url('../images/layout/gnb_dot.png') no-repeat 0 18px; letter-spacing:-0.5px;}
#gnb .t.first{background:none;}
#gnb .t.last{padding:10px 0 0 20px;}
#gnb .t a{font-size:17px; display:inline-block;width:auto;padding:0 6px;color:#333; font-weight:normal;}
#gnb .t a:hover, #gnb .t a:focus, #gnb .on .tl{color:#333;}
#gnb li a{display:inline-block;}
#gnb .last{position:relative;float:left; width:auto;padding:13px 0 0 17px;height:31px;}


#submenu01 {position:absolute;left:0;top:37px;padding:0;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;}
#submenu01 .subfont { border-bottom:1px solid #666; padding:6px 0; }
#submenu01 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; }
#submenu01 .subfont a:hover{color:#fff;}

#submenu02 {position:absolute;left:0;top:37px;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;}
#submenu02 .subfont { border-bottom:1px solid #666; padding:6px 0; }
#submenu02 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; }
#submenu02 .subfont a:hover{color:#fff;}

#submenu03 { position:absolute;left:0;top:37px;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;}
#submenu03 .subfont { border-bottom:1px solid #666; padding:6px 0; }
#submenu03 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; }
#submenu03 .subfont a:hover{color:#fff;}

#submenu04 {position:absolute;left:0;top:37px;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;}
#submenu04 .subfont { border-bottom:1px solid #666; padding:6px 0; }
#submenu04 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; }
#submenu04 .subfont a:hover{color:#fff;}

#submenu05 {position:absolute;left:0;top:37px;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;}
#submenu05 .subfont { border-bottom:1px solid #666; padding:6px 0; }
#submenu05 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; }
#submenu05 .subfont a:hover{color:#fff;}

#submenu06 {position:absolute;left:0;top:37px;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;}
#submenu06 .subfont { border-bottom:1px solid #666; padding:6px 0; }
#submenu06 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; }
#submenu06 .subfont a:hover{color:#fff;}

#submenu07 {position:absolute;left:0;top:37px;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;}
#submenu07 .subfont { border-bottom:1px solid #666; padding:6px 0; }
#submenu07 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; }
#submenu07 .subfont a:hover{color:#fff;}

#submenu08 {position:absolute;left:0;top:37px;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;}
#submenu08 .subfont { border-bottom:1px solid #666; padding:6px 0; }
#submenu08 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; }
#submenu08 .subfont a:hover{color:#fff;}


.m1{margin-left:25px;}
.m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8{
text-align:center;
overflow:hidden;
position:relative;
float:left; font-size:17px; padding-left:1px; padding-right:1px; width:112px;}
.m7{margin-right:0px;}
.m1 div, .m2 div, .m3 div, .m4 div{display:none;}










/* container */
#container{position:relative;overflow:hidden; width:1000px; margin:0 auto; padding:0px 0 80px 0;}

/* container */
#container_member{position:relative;overflow:hidden; width:1000px; margin:0 auto; padding:100px 0 80px 0;}


/* sub_layout */
.lnb {position:relative;float:left;width:198px;padding:0;margin-top:20px; border:1px solid #e4e4e4; border-bottom:3px solid #e4e4e4;}
.lnb .title{padding:46px 0 20px 15px;color:#fff;letter-spacing:-0.5px;background:url('../images/layout/sub_title_bg.png') no-repeat bottom;font-size:27px; font-weight:600;}
.lnb .sub_title_sm{font-size:12px; color:#8ed7cc; font-weight:normal; letter-spacing:0;}
.lnb .lnb_m{width:198px;}
.lnb .lnb_m li{width:198px; border-bottom:1px solid #e4e4e4;padding:15px 0;position:relative;*height:15px;}
.lnb .lnb_m li p{margin:0 18px;}
.lnb .lnb_m li.on{color:#0e8276; background:#fff url('../images/layout/lnb_on.png') no-repeat 175px 19px; font-weight:600; letter-spacing:-0.5px;}
.lnb .lnb_m a{display:block;color:#666;font-size:13px; background:#fff;}
.lnb .lnb_m a:hover, .lnb .lnb_m a:focus, .lnb .lnb_m .on a{color:#0e8276; background:#fff url('../images/layout/lnb_on.png') no-repeat 175px 19px; font-weight:600; letter-spacing:-0.5px;}

#contents{position:relative;float:right;width:720px;overflow:hidden; margin-top:8px; padding:25px 30px; margin-top:20px; background:#fff;}
.sub_top{width:100%; height:133px; border-bottom:3px solid #5f5f5f; background: url('../images/layout/sub_top_visual01.png') no-repeat right top;}
.sub_top .sub_title{position:relative;font-size:36px;font-family:'NAnumGothicBold';color:#272727;letter-spacing:-0.5px; padding:20px 0 20px 0; background: url('../images/layout/sub_top_title.png') no-repeat left 12px;}
.sub_top .sub_title .sub_title_txt{font-size:11px; color:#a0a0a0; font-weight:normal; line-height:18px; padding-top:5px;}
.location{text-align:right; overflow:hidden; width:100%; color:#b1b1b1;*margin:0; border-bottom:1px solid #cbcbcb; padding:13px 0;}
.location img{vertical-align:middle;padding-right:3px;}
.location a{color:#000;}
.location strong {color:#666; font-weight:normal;}
.contents_con{position:relative; width:100%; padding:20px 0 15px 0;}

/* header */
#footer {position:relative; background:#fff; text-align:center;padding:0;font:12px 'NanumGothic','³ª´®°íµñ','µ¸¿ò',dotum,'±¼¸²',gulim,Helvetica,sans-serif; overflow:hidden; border-top:1px solid #e3e4e6;}
#footer .footer_in{position:relative;width:1000px;margin:0 auto; padding:25px 0; text-align:left; line-height:18px;}
#footer .footer_in address{color:#666;padding:5px 0 5px 160px;}
#footer .footer_in address span{display:inline-block;padding:0 10px 0 5px;font-size:12px;}
#footer .footer_in .txt{color:#666;padding:0 0 13px 160px;}
#footer .footer_in .dge_link{margin-left:160px;}
#footer .footer_in .dge_link a.pri{font-weight:600; color:#2475d0;}
#footer .footer_in p{padding-left:160px; font-size:11px; color:#858585;}
#footer .footer_in .txt span{display:inline-block;padding:0 0 0 16px;}
#footer .footer_in .copy{color:#666;padding:12px 0 13px 0; margin-left:160px; border-top:1px solid #DDD; }
#footer .footer_in .logo {position:absolute;left:0;top:21px;width:auto;height:200px}


@media only screen and (max-width:997px){
	#wrap,#header,#footer,.open_box{width:1000px;}
}