@charset "utf-8";

.wrap{ max-width:1000px; margin:0 auto}

/* header */
#header_wrap { width: 100%; z-index: 2000 !important; position: relative; height:90px; }
#header { width: 100%; margin: 0 auto; height: 90px; position:fixed; background:#FFF; border-bottom:1px solid #e3e3e3 }
#header h1 { padding: 22px 0px 0px; left: 50%; top: 0px; margin-left: -500px; position: absolute; z-index: 1 }
.gnb { width: 1000px; margin: 0 auto; }
.gnb ul { float: right; margin-top: 7px; }
.gnb li { float: left; margin-left: 0px; font-size: 11px; font-family: "맑은고딕", Malgun Gothic; background: url(../img/common/gnb_vline.gif) no-repeat left 6px; padding: 0 10px; }
.gnb li:first-child { background: none }
.gnb li a.allmenu { padding-right: 20px; background: url(../img/common/icon_all_pc.gif) no-repeat right 3px; }
.gnb li a { display: block; font-weight: bold }
.lnb { left: 50%; top: 30px; width: 650px; margin-left: -130px; position: absolute; z-index: 11 !important;  }
.lnb > ul { margin-left: 0px }
.lnb > ul > li { text-align: center; letter-spacing: -0.5px }
.lnb > ul > li > a { padding: 8px 10px; display: block; font-size: 17px;  }
.lnb > ul > li > a:hover, .lnb > ul > li > a.on { color: #ce4f4b; }
.lnb ul li.lnb_1 { float: left; position: relative; }
.lnb ul li.lnb_1 ul { position: relative; top: 30px; height: 180px; clear: both; display: none; /*position: absolute;*/ }
.lnb ul li.lnb_1 ul li a { font-size: 13px; display: block; padding: 4px 5px; color: #666; }
.lnb li.on ul li a { color: #019a30; }
.lnb li.on ul li a:hover { color: #ce4f4b; text-decoration: underline }
.lnb li.lnb1 { width: 150px; text-align: center }
.lnb li.lnb2 { width: 150px; text-align: center }
.lnb li.lnb3 { width: 150px; text-align: center }
.lnb li.lnb4 { width: 160px; text-align: center }
.lnb li.lnb5 { width: 150px; text-align: center }

.lnb ul li ul { border-left: 1px solid #f4f4f4 }



ul.bg_navi { background: #f6f6f6; top: 90px; width: 100%; height: 0px; overflow: hidden; position: absolute; z-index: 10; opacity:.95;filter:alpha(opacity=95);}
ul.bg_navi li.bgn { left: 50%; top: 0px; width: 1000px; padding-top: 10px; margin-left: -500px; position: absolute; z-index: 10000; }
ul.bg_navi li.bgn p.lnb_tit { font-size: 14px; font-weight:600; margin-bottom:10px; display:none }
ul.bg_navi li.bgn p.lnb_img {  padding-top: 0px; width: 250px; font-size: 12px; letter-spacing: -1px; }
ul.bg_navi li.bgn p.lnb_img img { margin-bottom: 10px; }
ul.bg_navi li.bgn p.text { float: left; letter-spacing: -0px; color: #666; line-height:normal; color:#999 }


.mobile_lnb { display: none }

 @media screen and (max-width:999px) {
#header_wrap { height: 60px}
#header { width: 100%; margin: 0 auto; height: 60px;  position:relative}
#header h1 { padding: 10px 0px 0px; left: 4%; top: 0px; margin-left: 0; position: absolute; z-index: 1 ; max-width:110px ; }
.gnb { display: none;  }
.lnb{ display:none}
.mobile_lnb { display: block; position: absolute; top: 0px;  width:100%; text-align:right ; }
.mobile_lnb a.menu_btn{  }
.mobile_lnb a.menu_btn img{ margin:17px 0;margin-right:2%;}
.mobile_lnb > ul{ position:absolute; top:60px; z-index:3000 !important ; width:100%;  left:0; text-align:center; }
.mobile_lnb > ul > li{ display:block;width:100%; opacity:.95;filter:alpha(opacity=95);}
.mobile_lnb > ul > li > a{ height:auto;background:#e9e9e9;border-bottom:1px solid #d5d4cf; width:100%; display:block; padding:15px 0; font-size:16px;}    
.mobile_lnb > ul li > ul{ margin:0; }
.mobile_lnb > ul li > ul > li{ border-top:1px solid #616265; }
.mobile_lnb > ul li > ul > li:first-child{ border-top:none; }    
.mobile_lnb > ul li > ul > li > a{ background:#757679;color:#fff;font-size:14px; display:block; padding:10px 0; }
.mobile_lnb > ul li > ul > li > a:hover, nav li > ul > li.on > a{ color:#fff; }

.mobile_lnb > ul.mobile_menu_area{}
.mobile_lnb > ul > li > a.depth1{}
.mobile_lnb > ul li > ul.depth2{overflow:hidden; height:0px;}
.mobile_lnb > ul > li.menu_close{ text-align:right;  display:block;}
.mobile_lnb > ul > li.menu_close a{ border-bottom:0 }
.mobile_lnb > ul > li.menu_close img{ margin:0 10px;f}


.mobile_lnb > ul.mobile_menu_area li.gnb a{ display:inline-block !important; background:none;  color:#fff; width:auto; border-bottom:0px solid #cc504b; padding: 7px 10px; font-size:13px}
.mobile_lnb > ul.mobile_menu_area li.gnb{color:#fff; background:#c83833;}

}






/* footer */
#footer { position: relative; padding: 0 0 20px 0; background: #eeeeee; clear:both; line-height:normal }
#footer > section > div { position: relative; max-width: 1000px; margin: 0 auto }
#footer .footer_link { border-bottom: 1px solid #858585}
#footer .footer_link h1 { position: absolute; top: 11px; left: 0 }
#footer .footer_bottom { padding: 20px 0 0 0;  }
#footer .footer_link > div > ul { padding: 20px 0 20px 180px }
#footer .footer_link > div > ul > li { display: inline; line-height: 0; line-height: 14px; }
#footer .footer_link > div > ul > li a { font-size: 13px; color: #e8e8e8; line-height: 14px; padding: 0 6px; border-left: 1px solid #ababab }
#footer .footer_link > div > ul > li:first-child a { border-left: none }
#footer .footer_bottom ul { position: absolute; top: 0; right: 0; overflow: hidden; z-index: 20 }
#footer .footer_bottom ul li { float: left; margin-left: 10px }
#footer address { font-size: 11px; line-height: 14px; color: #666; padding-right:70px; letter-spacing:0; letter-spacing:-0.5px;margin-bottom:5px }

#footer .copy{ font-size:10px; line-height:normal; letter-spacing:0; color:#999; text-transform:uppercase}





@media screen and (max-width:999px) {
#footer { position: relative; padding: 0 4% 20px 4%; }
	 
 }
 
@media screen and (max-width:640px) {
#footer .footer_link h1 { display:none }
#footer .footer_link > div > ul { padding-left: 0px }
#footer address {  }
 }


@media screen and (max-width:460px) {
#footer .footer_bottom span{ /*display:block*/}
#footer .footer_link { border-bottom: 0px solid #858585}
#footer .copy{ font-size:9px; letter-spacing:-0.5px;}
#footer address {padding-right:60px; }
#footer .footer_bottom ul li img{ max-width:50px} 
 }



.btn_top{position: absolute; bottom:120px; right:-100px}
 @media screen and (max-width:999px) {
.btn_top{ display:none}
 }






.tit_area{  position:relative; color:#333;  padding:40px 0 20px 0; z-index:1999 !important ;  }

.tit_area .wrap{ position:relative; }
.tit_area .wrap .path{  position:absolute; right:0%; top:0px !important; font-size:13px;  }
.tit_area .wrap .path span.v_line{ padding:0 5px; color:#ccc}
.tit_area h2{ margin:10px 0; font-size:28px; line-height:28px; padding:0 ; font-family:"나눔바른고딕", NanumBarunGothic,"나눔고딕", Nanum Gothic;letter-spacing:-1px; font-weight:400   }
.tit_area h2:first-letter{ }
.tit_area p.sub_text{ font-size:13px; color:#999; padding:0px 0 0 0 ; letter-spacing:-1px}


.select_smenu { position: relative;  height: 28px; font-size: 13px; line-height: 28px; background: #fff !important; cursor: pointer; margin:0; }
.select_smenu .tit{  color:#ca423c;  padding:0 23px 0 0 }
.select_smenu .arr { position: absolute; top: 0; right: -2px; width: 20px; height: 28px;background: url(../img/common/select_arr2.png) right -28px no-repeat; overflow: hidden ;}
.select_smenu .arr.on { background-position: left top }
.select_smenu_list { position: absolute; top: 35px; left: 0; width: 100%; overflow: hidden;display: block;  height:0;   }
.select_smenu_list ul { border: 1px solid #cacbcd; }
.select_smenu_list li a { display: block; height: 28px; line-height:28px;  font-size: 13px;  padding-left: 15px;   border-bottom: 0px solid #cacbcd; background: #fff;    }



@media screen and (max-width:999px){
.tit_area{padding:20px 4% 0 4% }
.tit_area h2{ margin:10px 0  }
.tit_area p{ padding:0; }
}


@media screen and (max-width:680px){

.tit_area .wrap .path{ right:0%;  position:relative;  margin:0px 0}
.tit_area p.sub_text{ display:none}
.tit_area h2{  font-size:24px; line-height:24px;  }
.select_smenu .arr { }
.select_smenu_list { top: 28px;  width: 160px; margin-left:80px;   }
	
}