/* header */
.mobile_quick { display:none; }
#header .top_wrap {position:relative; width:100%; height:30px; background:#f4d622; overflow:hidden;}
#header .top_wrap .top {max-width:1210px;width:100%;  margin:0 auto; }
#header .top_wrap .top ul.left_top {float:right;}
#header .top_wrap .top ul.right_top {float:left;padding-top:5px;}
#header .top_wrap .top ul.right_top img {width:20px;height:20px;}
#header .top_wrap .top ul li {float:left;}
#header .top_wrap .top ul li p{font-size: 12px; color: #fff; line-height: 30px; letter-spacing: 0; padding:0 10px}
#header .top_wrap .top ul li p span{display:inline-block; font-weight:700}
#header .top_wrap .top ul li.vt {border-right:0;}
#header .top_wrap .top ul li.vt a {padding:0; vertical-align:top}
#header .top_wrap .top ul li a {font-size:12px; color:#fff; padding:0 5px; line-height:30px;letter-spacing:0}
#header .top_wrap .top ul.left_top a {/*opacity:0.8;filter:alpha(opacity=80);*/}
/* 메뉴별 색상 */
#header .top_wrap.about01 {background: #1b9cb2;}
#header .top_wrap.basic {background: #8f5ca2;}
#header .top_wrap.clear {background: #5c5fa2;}
#header .top_wrap.speed {background: #3b90b5;}
#header .top_wrap.secret {background: #00a88e;}

/* 헤더 */
#header_wrap{width:100%;}
select { border-radius:none; }

.mobile_login { display:none; }

#header{top:0px;left:0px;width:100%;z-index:100}

#header .h_group{position:relative;/* padding:8px 0; */border-bottom: 1px solid #00aeef;top:0;left:0px;width:100%;background: #00aeef;height: 80px;z-index:100;/* background-color: #ffffff; */}
#header .h_group > div{width:1200px;margin:auto;overflow:hidden;height: 100%;}
#header .h_group > div h1{float:left;overflow:hidden;margin-top: 20px;font-size: 0;}
#header .h_group > div #gnb > ol{overflow:hidden; border-bottom:1px solid #ddd}
#header .h_group > div #gnb > ol > li {width:25%;float:left;text-align:center; padding:10px 0; background:#1A9CB4}
#header .h_group > div #gnb > ol > li > a {display:block; border-left:1px solid #4CACBD}
#header .h_group > div #gnb > ol > li:first-child > a {border-left:0}
#header .h_group > div #gnb > ol > li > a p {padding-top:5px; font-weight:700; color:#fff; font-size:12px}
#header .h_group > div #gnb {float:right;padding: 24px 0 0 85px;z-index:100;/* color: #fff; */width: 70%;background: rgba(0,0,0,0);border: 0;margin: 0;height: 100%;}
#header .h_group > div #gnb > ul {overflow:hidden;height: 100%;}
#header .h_group > div #gnb > ul > li {float:left;/* width: 25%; */height: 100%;}
#header .h_group > div #gnb > ul > li:first-child {background:none}
#header .h_group > div #gnb > ul > li > a {padding: 0 115px 0 40px;display:block;cursor:pointer;color: #fff;font-size: 21px;text-decoration: none;    height: 100%;
    position: static;}
#header .h_group > div #gnb > ul > li > a span {display:block;text-align:center}

#header .h_group > div #gnb > ul > li > a span.menu1{width:58px}
#header .h_group > div #gnb > ul > li > a span.menu2{width:74px}
#header .h_group > div #gnb > ul > li > a span.menu3{width:59px}
#header .h_group > div #gnb > ul > li > a span.menu4{width:59px}
#header .h_group > div #gnb > ul > li > a span.menu5{width:60px}
#header .h_group > div #gnb > ul > li > a span.menu6{width:58px}
#header .h_group > div #gnb > ul > li > a span.menu7{width:76px}


#header .h_group > div #gnb > ul > li:first-child a{padding-left:0px;/* color: #fff; */text-decoration: none;}
#header .h_group > div #gnb > ul > li.last a{padding-right:0px}

#header .h_group > div #gnb > h2{display:none;}
#header .full_menu {display:none;position:absolute;left:0;top: 80px;width:100%;/* background:#f9f9f9; */z-index:1500;/* border-bottom:2px solid #eee; */background-color: white;background-color: rgb(255, 255, 255);background-color: #f7f7f7;background-color: rgba(247, 247, 247, 0.9);}

.full_menu {}
#header .full_menu .article {width:1300px; margin:0 auto}
#header .full_menu h2 {display:none}
#header .full_menu ul { overflow:hidden; }
#header .full_menu ul > li { float:left; min-height:225px; text-indent:10px}
#header .full_menu ul > li:first-child {width: 37.3%;}
#header .full_menu ul > li:first-child img { margin-top:20px; }
#header .full_menu ul > li.sub1 {width: 10%;padding: 0px;padding-left: 0;}
#header .full_menu ul > li.sub2 {width: 10%;/* padding-left: 75px; *//* padding-right: 30px; */margin-left: 102px;}
#header .full_menu ul > li.sub3 {width:10%;    margin-left: 81px;}
#header .full_menu ul > li.sub4 { width: 16%;padding: 0px 0px 0px 75px;margin-left: 6px;}
#header .full_menu ul > li.sub5 { width:7%;}

#header .full_menu ul > li ol { padding:5px 0; }
#header .full_menu ul > li ol li a {display:block;padding:6px 0;color: #000;text-decoration: none;font-size: 16px;}
#header .full_menu ul > li ol li a:hover { color:#30384d; font-weight:700}

@media screen and (min-width:750px) and (max-width:1024px){ /* Tab 해상도 */
	#header_wrap{min-width:627px}
	#header .h_group > div{width:auto;padding:0 10px}
	#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > dl{display:none;}
	#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div > ul > li > ul{width:140px;}

}
/*@media screen and (max-width:1140px){ 
#header .top_wrap .top {width:100%; }
.popup_top_wrap .pop_top ul{width:980px}
#header .h_group > div #gnb > ul > li  { width:14%; }
#header .h_group > div #gnb > ul > li > a p { font-size:17px; font-weight:700; }
#header .h_group > div #gnb > ul > li > a span.menu1 { text-indent:0; background:none !important; width:auto; }
#header .h_group > div #gnb > ul > li > a:hover span.menu1{ text-indent:0; background:none !important; color:#35BBBA; }
#header .h_group > div #gnb > ul > li > a span.menu2 { text-indent:0; background:none !important; width:auto; }
#header .h_group > div #gnb > ul > li > a:hover span.menu2{ text-indent:0; background:none !important; color:#35BBBA; }
#header .h_group > div #gnb > ul > li > a span.menu3 { text-indent:0; background:none !important; width:auto; }
#header .h_group > div #gnb > ul > li > a:hover span.menu3{ text-indent:0; background:none !important; color:#35BBBA; }
#header .h_group > div #gnb > ul > li > a span.menu4 { text-indent:0; background:none !important; width:auto; }
#header .h_group > div #gnb > ul > li > a:hover span.menu4{ text-indent:0; background:none !important; color:#35BBBA; }
#header .h_group > div #gnb > ul > li > a span.menu5 { text-indent:0; background:none !important; width:auto; }
#header .h_group > div #gnb > ul > li > a:hover span.menu5{ text-indent:0; background:none !important; color:#35BBBA; }
#header .h_group > div #gnb > ul > li > a span.menu6 { text-indent:0; background:none !important; width:auto; }
#header .h_group > div #gnb > ul > li > a:hover span.menu6{ text-indent:0; background:none !important; color:#35BBBA; }
#header .h_group > div #gnb > ul > li > a span.menu7 { text-indent:0; background:none !important; width:auto; }
#header .h_group > div #gnb > ul > li > a:hover span.menu7{ text-indent:0; background:none !important; color:#35BBBA; }
#header .full_menu ul > li { background:none; text-indent:0; }
.popup_top_wrap .pop_top div ol li{height:100px; background-size:1547px;}
.popup_top_wrap .pop_top{height:100px;}
}*/

@media screen and (max-width:1024px){
#header .h_group {height:110px}
#header .h_group > div #gnb {width:100%;}
#header .h_group > div #gnb > ul > li {width:20%}
#header .h_group > div #gnb > ul > li > a {padding:0;text-align: center;}
#header .h_group > div h1 {width:209px; margin:8px auto; float:none}
#header .full_menu ul > li:first-child{width:1%}
#header .full_menu ul > li.sub2{padding-left: 33px;padding-right: 10px;}
#header .full_menu ul > li.sub4{padding: 0 75px 0 57px;}

}


@media screen and (max-width:768px){
#header .h_group > div h1 {float:left}
#header .h_group {height:60px}
#header .top_wrap { display:none; }
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div > ul > li:first-child { width:50%; float:left; }
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div > ul > li { width:50% !important; float:left; }
.mobile_login { display:block; } 
#header .h_group > div #gnb {}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div { width:100%; }
#header_wrap{min-width:320px}

#header .h_group > div #gnb{ display:none; padding:0; position:absolute;top:77px; left:0; width:100%;background:#fff; overflow:hidden; float:none; margin:0; }
#header .h_group > div #gnb > ul{ background: #fff; border-bottom: 2px solid #1a9cb4;}
#header .h_group > div #gnb > ul > li{float:left;width:50%; height:auto;}
#header .h_group > div #gnb > ul > li > a span{padding:0;}
#header .h_group > div #gnb > ul > li:first-child a{padding:13px 16px !important;}
#header .h_group > div #gnb > h2{text-align:center;font-size:14px;font-weight:bold;color:#fff;background:#333;padding:15px 0;display:block;}
#header .h_group > div #gnb > ul > li > a{text-align: left;display:block;color:#333; font-weight:bold;padding:13px 16px !important;border-bottom:1px solid #ddd;background-color:#fff;}

#header .h_group > div{padding:0 20px}

}

@media screen and (max-width:640px){
/* Mobile 해상도 */
#header .h_group > div #gnb{top:71px;}
#header .h_group > div #gnb > ul > li > a span{background-size:90% !important; height:16px !important; }
.sub_tab_wrap { width:100%; background:#EDEDED; }



}