@charset "utf-8";




.wrap{position:relative;  width:1200px; margin:0 auto; /*overflow:hidden*버튼등 영역밝 가려짐떄문에 못씀*/ } /*전체 최대 넓이 조절 */

/******************************* 공통layout ******************************************/

#header_wrap { position: relative;  z-index: 2000 !important; height:139px}
#header { width: 100%;  height: 139px; background:#FFF; border-bottom:0px solid #e3e3e3 }
#header h1 {position: absolute; z-index: 1; padding: 62px 0px 0px; left: 50%;  margin-left: -600px;  }



/*gnb*/
.gnb { margin: 0 auto; overflow:hidden; background:#ec1f27; color:#fff; height:44px}
.gnb  ul { float:right; margin-top:5px}
.gnb li { float: left; font-size: 11px;   }
.gnb li a { padding:5px 10px; font-weight: 400; font-size:12px;  display:block; letter-spacing:0px }
.gnb li a img{ vertical-align:top; margin-top:1x; margin-right:5px}
/*lnb*/
.lnb { position: absolute; z-index: 11 !important; top: 75px;  left: 50%; width:800px; margin-left: -220px;   }
.lnb > ul {  }
.lnb > ul > li { text-align: center; letter-spacing:0; background:url(/new/img/common/lnb_vline.gif) no-repeat left 7px  }
.lnb  ul  li:first-child{  background:none}
.lnb > ul > li > a { padding: 8px 10px; display: block; font-size: 19px;  letter-spacing:0px ; color:#000; font-weight:600}
.lnb > ul > li > a:hover, .lnb > ul > li > a.on { color: #001546; } /* 오버색상*/
.lnb ul li.lnb_1 { float: left; position: relative; }
.lnb ul li.lnb_1 ul { position: relative; top:40px; height: 100%; clear: both; display: none;}
.lnb ul li.lnb_1 ul li a { font-size: 15px; display: block; padding: 3px 5px; color: #333; line-height:1.5em }
.lnb li.on ul li a {  }
.lnb li.on ul li a:hover { color: #001546; text-decoration: underline }   /*오버색상*/
.lnb li.lnb1 { width: 150px; text-align: center }
.lnb li.lnb2 { width: 160px; text-align: center }
.lnb li.lnb3 { width: 150px; text-align: center }
.lnb li.lnb4 { width: 130px; text-align: center }
.lnb li.lnb5 { width: 130px; text-align: center }
.lnb li.lnb6 { width: 130px; text-align: center }
.lnb li.lnb7 { width: 130px; text-align: center }
  .bg_navi { background: #F7F7F7; top: 139px; width: 100%; height: 0px; overflow: hidden; position: absolute; z-index: 10; opacity:.99;filter:alpha(opacity=99);}
  .bg_navi li.bgn { left: 50%; top: 0px; width: 1000px; padding-top: 10px; margin-left: -500px; position: absolute; z-index: 10000; }
  .bg_navi li.bgn p.lnb_tit { font-size: 14px; font-weight:600; margin-bottom:10px; display:none }
  .bg_navi li.bgn p.lnb_img {  padding-top: 0px; width: 250px; font-size: 12px; letter-spacing: -1px; display:none }
  .bg_navi li.bgn p.lnb_img img { margin-bottom: 10px; }
  .bg_navi li.bgn p.text { float: left; letter-spacing: -1px; color: #666; line-height:normal }

.mobile_lnb { display: none }




/* footer */
#footer { clear:both; overflow:hidden;  position: relative;background: #38475f; color:#fff; padding-bottom:20px; line-height:24px  }
#footer .foot_link { overflow: hidden; padding:10px 0 10px 0; margin-bottom:20px; font-size:14px; border-bottom:1px solid #525f74; text-align:center}
#footer .foot_link span{ display:inline-block; line-height:24px}
#footer .foot_link a{ padding:5px 0; display:block}
#footer .foot_link span.v_line{ padding:0 15px; color:#606c7f;  }
#footer .sns_icon{ float:right}
#footer .sns_icon li{ display:inline-block}

#footer h1{ float:left}
#footer address { font-size: 14px; color: #fff;   margin-left:130px;  }
#footer address span{ color:#999; padding:0 5px;  }
#footer .copy{ font-size:14px;  text-transform:uppercase; margin-left:130px;  }
#footer .copy span{ color:#fff; }






/***********************************************서브레이아웃***************************************************/
/*서브비주얼*/
.sub_visual { height: auto; margin: 0 auto; height:250px; text-align:center;  background-repeat:no-repeat; background-position:top center; }
.sub_visual h2 { font-size: 42px; padding-top: 85px; font-weight:normal; margin:0;line-height:42px;   }
.sub_visual p { font-size: 14px;  padding:0; margin-top:5px; color:#666 }

.sub_bg01{ background:#fff url(/new/img/sub/sub_visual03.jpg) bottom center no-repeat; }
.sub_bg02{ background:#fff url(/new/img/sub/sub_visual02.jpg) bottom center no-repeat;  }
.sub_bg03{ background:#fff url(/new/img/sub/sub_visual01.jpg) bottom center no-repeat;  }
.sub_bg04{ background:#fff url(/new/img/sub/sub_visual04.jpg) bottom center no-repeat; }
.sub_bg05{ background:#fff url(/new/img/sub/sub_visual05.jpg) top center no-repeat; }
.sub_bg06{ background:#fff url(/new/img/sub/sub_visual06.jpg) top center no-repeat; }
.sub_bg07{ background:#fff url(/new/img/sub/sub_visual07.jpg) top center no-repeat; }
.sub_bg08{ background:#fff url(/new/img/sub/sub_visual08.jpg) top center no-repeat; }





/*타이틀, path*/
.tit_area{  position:relative; color:#333; z-index:1999 !important ; margin-bottom:3em ;}
.tit_area .wrap{ }
.tit_area .path{  position:absolute; right:0%; top:20px ;font-size:13px; color:#777  }
.tit_area .path span.home{  background:url(/new/img/sub/path_home.gif) no-repeat left 50%;  display:inline-block; width:20px; height:20px; text-indent: -9999px;}
.tit_area .path span.v_line{ background:url(/new/img/sub/path_arr.gif) no-repeat 50% 50%; display:inline-block; width:20px; height:10px;}
.tit_area h2{  font-size:40px;  padding:0 ; letter-spacing:-1px; font-weight:400  ; color:#333; text-align:center  }

.mobile_path{ display:none}


.sub_container{ position:relative; margin:0 auto;  z-index:1;overflow:hidden ; padding:50px 0 90px 0; min-height:350px; }



/*go_top*/

.btn_top{ position:absolute; right:2%;bottom:2%; width:50px; z-index:100}
.btn_top{ position:fixed}



.sub_nav{ display:block;  margin:0 auto; text-align:center}
.sub_menu{ }
.sub_menu { margin: 0px auto; margin-top: -45px; margin-left:0px;  }
.sub_menu::after { overflow: hidden; clear: both; display: block; content: " "; }
.sub_menu li { min-width: 150px; _display:inline;*float:left; margin:0;  display:inline-block ;}
.sub_menu li a { border:1px solid #e6e6e6; height: 43px; text-align: center; line-height: 43px; overflow: hidden; display: block; position: relative; z-index: 0; background: #fff; padding:0 25px; font-size:16px; margin-left:-6px ; }
.sub_menu li.last a { border-right:1px solid #e6e6e6 }
.sub_menu li a:hover {/* border: 1px solid #CCC; color: #fff; z-index: 100; background: #CCC; */ }
.sub_menu li.actived a { border: 1px solid #000; color: #fff; z-index: 100; background: #38475f; }
.sub_menu li a.on { border: 1px solid #000; color: #fff; z-index: 100; background: #38475f; }