@charset "utf-8";

#wrap .sub_nav.pc{height: 58px;border: 1px solid #e1e1e1;border-right: none;border-left: none; }
#wrap .sub_nav.pc .container{width: 1198px;height: 57px;margin: 0 auto;border-right: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1; }
#wrap .sub_nav.pc .container:after{display: block;content: '';clear: both;}
#wrap .sub_nav.pc .home{float: left;width: 65px;border-right: 1px solid #e1e1e1;}
#wrap .sub_nav.pc .home a{display: block;width: 100%;height: 57px;text-indent: -9999px;background: url(../img/s_img/sub_nav_home.png) no-repeat center center;}
#wrap .sub_nav.pc .depth1{float: left;border-right: 1px solid #e1e1e1; width:240px;background: url(../img/s_img/sub_nav_arrow.png) no-repeat 95% center; }
#wrap .sub_nav.pc .depth1 a.duble{padding: 0 13px 0 13px; min-width:80px;}
#wrap .sub_nav.pc .depth1 a{display: block;font-size: 16px;color: #1284cb;font-weight:600;padding: 0 22px 0 22px; }
#wrap .sub_nav.pc .depth1 a:after{display: block;content: '';clear: both;}
#wrap .sub_nav.pc .depth1 span{float: left;display: block;height: 57px;line-height: 57px;}
#wrap .sub_nav.pc .depth1 img{float: left;display: block;}
#wrap .sub_nav.pc .depth2{float: left;}
#wrap .sub_nav.pc .depth2 ul{}
#wrap .sub_nav.pc .depth2 ul:after{display: block;content: '';clear: both;}
#wrap .sub_nav.pc .depth2 ul li{float: left;margin-left:25px; padding-right:25px; background:url(../img/s_img/sub_nav_bar.gif) no-repeat right 50%;}
#wrap .sub_nav.pc .depth2 ul li:last-child{background:none;}
#wrap .sub_nav.pc .depth2 ul li.duble{float: left;margin-left:6px; padding-right:9px; letter-spacing:-0.05em; padding-top:10px;background:url(../img/s_img/sub_nav_bar.gif) no-repeat right 43%; text-align:center; line-height:18px !important;}
#wrap .sub_nav.pc .depth2 ul li.duble a{font-size: 14px;color: #222; letter-spacing:-0.05em;  line-height:18px !important;font-weight: normal; text-align:center;}
#wrap .sub_nav.pc .depth2 ul li.duble a span.cut{display:block;}


#wrap .sub_nav.pc .depth2 ul li.long{float: left;margin-left:10px; padding-right:10px; background:url(../img/s_img/sub_nav_bar.gif) no-repeat right 50%;}
#wrap .sub_nav.pc .depth2 ul li.long a{font-size: 15px;color: #222;letter-spacing:-0.05em;  line-height: 58px;font-weight: normal;}

#wrap .sub_nav.pc .depth2 ul li a{font-size: 16px;color: #222;line-height: 58px;font-weight: normal;}
#wrap .sub_nav.pc .depth2 ul li.on a{color: #1284cb; font-weight:500;}
#wrap .sub_nav.pc .depth2 ul li.last{background:none !important; padding-right:0;}



#wrap .sub_nav.mobile{display: none;position: relative;width: 100%;z-index: 1000;}
#wrap .sub_nav.mobile a.selected{position: relative;display: block;width: 100%;height: 60px;border-bottom: 1px solid #ccc;}
#wrap .sub_nav.mobile a.selected span.txt{display: block;width: 100%; padding-right:7px; height:60px;line-height: 60px;font-size:20px; letter-spacing:-0.05em; font-weight: 500;text-align: center;color: #090909;}
#wrap .sub_nav.mobile a.selected span.arrow{position: absolute;top: 15px;right: 15px;display: block;width: 30px;height: 30px;background: url(../img/s_img/sub_nav_m_arrow.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
#wrap .sub_nav.mobile a.selected.on span.arrow{background: url(../img/s_img/sub_nav_m_arrow_on.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
#wrap .sub_nav.mobile ul{display: none;position: absolute;top:60px;left: 0;width: 100%; background:#1e83d0; padding:20px 0; }
#wrap .sub_nav.mobile ul li{}
#wrap .sub_nav.mobile ul li a{display: block;width: 100%;font-size: 20px;color: #fff;text-align: center;height: 38px;line-height: 38px;}
#wrap .sub_nav.mobile .depth2 ul li.long a span.cut{display:inline;}



@media (max-width: 1200px) {


#wrap #content .sub_nav .container{width: 100%;border-left: none;}
#wrap #content .sub_nav ul li:last-child a{border-right: none;}


}/* 1200px End */


@media (max-width: 1199px) {
/* 1199px sub */


#sub h4 {display:none;}

#wrap .sub_nav.pc{display: none;}
#wrap .sub_nav.mobile{display: block !important;}

#wrap .sub_nav.mobile a.selected span.txt{display: block;width: 100%; padding-right:5px; height:60px;line-height: 60px;font-size:18px; letter-spacing:-0.07em; font-weight: 500;text-align: center;color: #090909;}
#wrap .sub_nav.mobile a.selected span.txt span.cut{display:block; }




#sub_nav_mobile02{display:block;}


/*모바일 3차메뉴 스타일*/

#sub_nav_mobile02 {clear:both; padding:0px; margin:0px auto 20px auto !important; width:100%;line-height:38px; min-height:38px; background:url(../img/s_img/tab_line.gif) repeat-x 0 bottom;}
#sub_nav_mobile02 ul li {display:inline-block; line-height:44px; min-height:44px; font-size:15px; margin-left: -1px; padding:0 10px; min-width:145px;letter-spacing:-0.05em;  width:100%; background:#319fa1 url('../img/s_img/m_nav_s2_off.png') no-repeat 15px 49%; color:#333; border-bottom:1px solid #d0cfcf; text-align:left;}
#sub_nav_mobile02 ul li a {display:block; line-height:44px; min-height:44px; letter-spacing:-0.05em; font-weight:500; color:#fff;}
#sub_nav_mobile02 ul li.tab_ov{background:#1892b1 url('../img/s_img/m_nav_s2_on.png') no-repeat 15px 20px; padding-left:30px;letter-spacing:-0.05em;   }
#sub_nav_mobile02 ul li a:link, #sub_nav_mobile02 ul li a:link{ background: url('../img/s_img/m_nav_s2r_off.png') no-repeat 97% 20px;color:#fff;letter-spacing:-0.05em;  font-weight:500; padding:0px 0px 0px 20px; text-align:left;line-height:44px;min-height:44px; }
#sub_nav_mobile02 ul li.tab_ov a:link, #sub_nav_mobile02 ul li.tab_ov a:visited, #sub_nav_mobile02 ul li.tab_ov a:hover {background:#1892b1 url('../img/s_img/m_nav_s2r_on.png') no-repeat 97% 49%; color:#fff; font-size:15px; padding-left:20px;line-height:44px; letter-spacing:-0.05em; min-height:44px; font-weight:300; padding:0px 0px 0px 0px;text-align:left;}
#sub_nav_mobile02 ul li a:hover {font-weight:500; padding:0px 0px 0px 20px; letter-spacing:-0.05em;  text-align:left; line-height:44px; min-height:44px; color:#fff;}



}/* 1199px End*/





@media (max-width: 991px) {



/*991px sub(common) */
#wrap #content h4{display: none;}  /* sub_nav.js에서 h4가 .sub_nav.mobile a.selected span.txt 로 변경 */


#wrap .sub_nav.pc{display: none;}
#wrap .sub_nav.mobile{display: block;}

#wrap .sub_nav.mobile a.selected span.txt{display: block;width: 100%; padding-right:5px; height:60px;line-height: 60px;font-size:18px; letter-spacing:-0.07em; font-weight: 500;text-align: center;color: #090909;}
#wrap .sub_nav.mobile a.selected span.txt span.cut{display:block; }

#wrap .sub_nav.pc{display: none;}
#wrap .sub_nav.mobile{display: block;}



span.mob_block{display: block;}



}/* 991px End*/




@media (max-width: 768px) {





#wrap .sub_nav .select{display: block;}
#wrap .sub_nav ul{display: none;padding: 35px 0;}
#wrap .sub_nav ul li{float: none;width: 100% !important;}
#wrap .sub_nav ul li.on{} 
#wrap .sub_nav ul li a{background: transparent;color: #fff;border-right: none;font-size: 22px;height: 55px;line-height: 55px;} 
#wrap .sub_nav ul li.on a{background: transparent;color: #fff;} 




}/* 768px End*/