@import 'reset.css';

.logo{margin-top: 10px;}

.header_bottom {float: right;  background: #76afcc;
    height: 38px;
    border: 1px solid #fff;
	padding: 0 38px;
}
.header_bottom h1{width: 88px; height: 56px; background: url("../img/logo.jpg") no-repeat; background-position: center; margin: 14.5px 60px 0 0 ; float: left; background-size: 88px 56px;}
.header_bottom h1 a{display: block; text-indent:-9999px; height: 34px;}
.header_bottom .gnb{}
.header_bottom .gnb .bg{    position: absolute;
left: 0;
height: 0;
background: #fff;
width: 100%;
z-index: 2;
top: 38px;
border-bottom:1px solid #eee;}
.header_bottom .gnb .inner{}
.header_bottom .gnb .inner > ul{text-align: center; letter-spacing:0.25; padding-left: 0;}
.header_bottom .gnb .inner > ul:after{content:"";clear: both;display: block;}
.header_bottom .gnb .inner > ul > li{ display: inline-block;    padding: 0 20px; position: relative;}
.header_bottom .gnb .inner > ul > li:hover {}
.header_bottom .gnb .inner > ul > li:nth-child(1) .depth2{width: 350px;}
.header_bottom .gnb .inner > ul > li:nth-child(2) .depth2{width: 680px;}
.header_bottom .gnb .inner > ul > li:nth-child(3) .depth2{width: 300px;}
.header_bottom .gnb .inner > ul > li:nth-child(4) .depth2{width: 400px;}
.header_bottom .gnb .inner > ul > li:nth-child(5) .depth2{width: 325px;}
.header_bottom .gnb .inner > ul > li:nth-child(6) .depth2{width: 300px;}
.header_bottom .gnb .inner ul li a{font-size: 15px; font-family: 'Noto Sans KR', sans-serif; color: #fff; display: block; width: 100%;}
.header_bottom .gnb .inner ul li:hover a.main_menu{}
.header_bottom .gnb .inner ul ul {position: absolute;z-index: 9999;top: 35px;/*display: block; width: 120px; height: 0;*/ padding: 5px 0;	display: none; 
    left: 0;}
.header_bottom .gnb .inner ul ul::after { content: ''; dispaly: table; clear: both }
.header_bottom .gnb .inner ul li:hover > .depth2{display: block;}
.header_bottom .gnb .inner ul li:hover > .depth2 li::marker{display: none !important;}

.header_bottom .gnb .inner ul ul li{ height: 30px;    line-height: 30px; float: left;     background: #fff; opacity: .9;	padding:5px 20px;}
.header_bottom .gnb .inner ul ul li a{color: #000; font-size:13px !important; font-weight: 500;}
.header_bottom .gnb .inner ul ul li a:hover{color: #76afcc;}
.header_bottom .gnb .inner ul ul li.main_txt a:hover {color: #000;}
.header_bottom .gnb .inner li.main_txt a{font-weight:400; font-size:16px;}
.header_bottom .gnb li li.main_txt:hover a{ text-decoration: none;border-bottom: 3px solid #01acd8; }


.header_bottom .gnb li:last-child{padding-right: 0;}
.header_bottom .gnb li a{line-height: 38px; font-size: 18px;   color: #fff;}
.header_bottom .gnb li li a{ line-height: 30px;text-align: center;font-weight: 300;}
.header_bottom .gnb li a:hover{}
.header_bottom .search {float: right; display: block; width: 20px; height: 20px; background: url("../img/icon-search.png") no-repeat; background-position: center; margin-top: 32px;}
.header_bottom .search a{display: block; height: 20px; text-indent:-9999px;}


.menu_wrap{padding: 0 10px; width:171px;}
.menu_wrap .menu_tit{/*border-top:3px solid #3b7e9f; background: #c95c87;*/ padding:7px 0; }
.menu_wrap .menu_tit > span{float: left;}
.menu_wrap .menu_tit > span:nth-child(1){font-size: 20px; font-weight: bold; width: 100%; color: #111; position: relative; margin-bottom: 5px;}
.menu_wrap .menu_tit > span:nth-child(1):after{content:""; display: block; position: absolute; right: 0; top: 0; background:url("/img/sub/sub_box_img.png") no-repeat; width: 24px; height: 23px;}
.menu_wrap .menu_tit > span:nth-child(2){width: 80%;}
.menu_wrap .menu_tit span span{padding-left: 5px; display: block; width: 100%; color: #111;}
.menu_wrap .menu_tit span span:first-child{font-size: 14x;}
.menu_wrap .menu_tit span span:last-child{font-size: 10px; color: #777;}

.menu_wrap ul{padding:3px 0;}
.menu_wrap li{border-bottom:1px solid #f1f1f1;}
.menu_wrap li a{
    line-height: 30px;
    display: inline-block;
    font-size: 13px;
    padding-left: 10px;
    color: #222;
    position: relative;
    width: 100%;
}
.menu_wrap li a:after{content:""; display: block; position: absolute; top:11px; right: 10px; background:url("/html/images/arrow_s_03.png") no-repeat; width: 5px; height: 7px;}
td.con01{float: left;}
.menu_wrap li a.on{background:#f1f1f1; color: #c95c87;}
.tr2{float: left !important;}

.menu_wrap .on a{background:#3a8dbb; color: #fff; border-radius:2px;}
.menu_wrap .on a:after{content:""; display: block; position: absolute; right: 10px; top: 13px; background:url("/img/sub/arrow_bottom.jpg") no-repeat; width: 7px; height: 4px;}