/*******************

header_type02 입니다.
쓰지 않는 소스는 삭제해주세요

********************/

#wrap_quick {
	display: none;
	position: absolute;
	width: 140px;
	right: 50px;
	top: /*530px;*/30px;
	color: #fff;
	z-index:9999;
}

#wrap_quick ul {width:100%; overflow:hidden;}
#wrap_quick ul.quick01 {width:100%; border:2px solid #3b8577; box-sizing:Border-box; background:#fff;}
#wrap_quick ul li {float:left; width:100%; text-align:center; border-top:1px solid #e7e7e7; }
#wrap_quick ul li:first-child {border-top:0;}
#wrap_quick ul li a {line-height:40px; display:block; font-size:16px; color:#555555; transition:all ease 0.5s;}
#wrap_quick ul li a:hover {background:#eee;}
#wrap_quick ul li strong {line-height:40px; font-size:18px; color:#333; font-weight:600;}


#wrap_quick ul.quick02 {margin-top:10px; background:#977649; float:left;}
#wrap_quick ul.quick02 li {float:left; width:100%;  color:#fff; border:0;}
#wrap_quick ul.quick02 li:first-child {border-bottom:1px solid #b69f80;}
#wrap_quick ul.quick02 li strong {color:#fff; line-height:1.3; font-size:18px; padding:18px 0; display:block;}
#wrap_quick ul.quick02 li span {font-size:10px; color:#f1f1f1; display:block;}
#wrap_quick ul.quick02 li:nth-child(2) {background:url(/hwagae/main/images/common/quick02_ico01.gif) no-repeat center 0;  margin:15px 0; padding-top:40px;}
#wrap_quick ul.quick02 li:nth-child(3) {background:url(/hwagae/main/images/common/quick02_ico02.gif) no-repeat center 0;  margin:15px 0; padding:0 10px; box-sizing:Border-box; padding-top:40px; font-size:14px; letter-spacing:-1px;}



/* 탑버튼 */
#top_btn{position:fixed; right:60px; bottom:60px; display:none; z-index:9999; width:46px; height:46px; background:#fff url(/hwagae/main/images/common/top.png) no-repeat center center; text-indent:-10000px; border:1px solid #999; opacity:0.8; transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; border-radius:24px;}


/* header PC layout */
#wrap_header{position:relative;  width:100%; min-width:320px; z-index:1000; top:0;}
.header {position:relative; width:100%; margin:0 auto; height:100px; max-width:1430px; padding:0px; display: flex; justify-content: space-between; align-items: center;}
.header h1{}


/* PC gnb */
.gnb{}
.gnb li{float:left; margin:0}
.gnb li .gnb_tit{display:block; height:100px; padding:0 22px; line-height:100px;}
.gnb li .gnb_tit span{display:block; width:100%; text-align:center; font-size:19px; font-weight:500; color:#212121;}

.tnb{ display: none; position:absolute; top:0px; left:0; width:100%; border-bottom:1px solid #e7e7e7; height:40px; box-sizing:border-box;}
.tnb > div {width:1170px; margin:0 auto;}
.tnb > div::before {clear:both; display:block; content:'';}

.tnb > div > ul {float:right; margin-top:5px;}
.tnb > div > ul li {float:left; position:relative; padding:0 10px; box-sizing:Border-box;}
.tnb > div > ul li:first-child {padding-left:0;}
.tnb > div > ul li:last-child {padding-right:0;}
.tnb > div > ul li::before {position:absolute; content:''; top:8px; left:0; width:1px; height:11px; background:#d9d9d9;}
.tnb > div > ul li:nth-child(1)::before {display:none;}
.tnb > div > ul li a {font-size:14px; color:#555;}


.tnb_bt {display: none; position:absolute; right:0; bottom:20px; border:1px solid #727a9a; border-radius:36px;  width:170px; box-sizing:Border-box; font-size:18px; color:#212121; text-align:Center;}
.tnb_bt a {font-weight:500; font-size:18px; transition:all ease 0.5s; display:block;  border-radius:36px;line-height:36px;}
.tnb_bt a:hover {background:#12298c; color:#fff;}

.active .gnb li .gnb_tit.active span{color:#7457c2 !important;}
.active .gnb li .gnb_tit:hover  span{color:#7457c2 !important;}



.right_menu{float:right; width:110px; height:110px; background:#00aeef; padding:32px; cursor:pointer; display:none;}
.right_menu a{display:block; width:46px; height:46px;}
.right_menu a ul{display:block; width:46px; height:46px; overflow:hidden;}
.right_menu a ul li{display:block; float:left; height:2px; background:#fff; text-indent:-10000px; margin-top:10px; transition : all .4s;}
.right_menu a ul li:nth-child(1){width:100%; margin-top:10px;}
.right_menu a ul li:nth-child(2){width:100%;}
.right_menu a ul li:nth-child(3){width:100%;}
.right_menu a ul li.on:nth-of-type(1){
	-webkit-transform : translateY(4px) rotate(45deg);
	-ms-transform : translateY(4px) rotate(45deg);
	-moz-transform : translateY(4px) rotate(45deg);
	transform : translateY(4px) rotate(45deg);
	background:#fff;
	width:100% !important;
	margin-top:20px;
}
.right_menu a ul li.on:nth-of-type(2){
	opacity : 0;
	background:#fff;
}
.right_menu a ul li.on:nth-of-type(3){
	-webkit-transform : translateY(-10px) rotate(-45deg);
	-ms-transform : translateY(-10px) rotate(-45deg);
	-moz-transform : translateY(-10px) rotate(-45deg);
	transform : translateY(-10px) rotate(-45deg);
	background:#fff;
	width:100% !important;
	margin-top:0px;
}
.s_right_menu a ul li{background:#003876 !important;}

.gnb_list {position:relative;}
.snb_bg{position:absolute; z-index:9; top:111px; width:100%; height:305px; background:#fff url(../hwagae/main/images/common/snb_bg.png) no-repeat left top;}
.gnb_bg{position:absolute; z-index:10; /*width:100%; min-width:1170px;*/ top:100%; left:50%;}
.menu {
 position:absolute; 
 left:50%; 
 transform:translateX(-50%); 
 top:-1px; 
 width:160px; 
 /*background:rgba(0,84,157,0.8);*/ height:auto; display:none; vertical-align:top;
 box-sizing:border-box; 
 text-align:center; 
 background:#fff;
 border-top: 2px solid #5d3cb4;
}
.menu:first-of-type { margin-left:0px; }
.menu:last-of-type { border-right:0; }
.menu > a.dep_no { display:none;  }
.menu li { display:inline-block; margin:0 !important; width:100%; }
.menu li:hover { background: #f6f6f6;}
.menu li:hover a { color:#444; font-weight: 500;}
.menu li > a { display:block; font-size:15px; color:#666666; font-weight:300; padding-bottom:0px; box-sizing:border-box; padding:13px 3px;}
.menu li > a:hover{ box-sizing:border-box;}
.snb1{left: !important;}
.snb2{left: !important;}
.snb3{left: !important;}
.snb4{left: !important;}




/* header Mobile layout */
#wrap_header .header_top{float:left; width:100%; height:54px; background:#00b3ed; display:none;}


/* Mobile gnb */
nav#menu{width:100%; position:absolute;  top:0; left:0; z-index:1000;}

.cate_content{float:left; width:100%;}
.cate_all{}/* 전체카테고리 */
.nav_list{float:left; display:inline-block; width:100%; padding:0;  min-width:320px; background:rgba(0,0,0,0.75); padding-top:53px;}
.nav_list li{float:left; width:100%; cursor:pointer; border-bottom:1px solid #444; }
.nav_list li:first-child{border-top:1px solid #444;}
.nav_list li.nav_depth0 span{display:block; float:left; padding:12px 30px; width:100%; font-size:16px; font-weight:400; color:#fff; text-align:right;}
.nav_list li.nav_depth1 span{display:block; float:left; padding:12px 30px; width:100%; font-size:16px; font-weight:400; color:#fff; text-align:right; box-sizing:border-box;}
.nav_list li.nav_depth1 span:hover{color:#fff; font-weight:400;}
.nav_list li.nav_depth1 span:active{color:#fff; font-weight:400;}
.nav_list li.nav_depth1 span.span_down{color:#fff; font-weight:600; background:#00aeef;}
.nav_list li.nav_depth2{cursor:pointer; padding:12px 30px; font-size:14px; font-weight:400; color:rgba(255,255,255,0.75); text-align:right; border-bottom:1px solid #444; background:rgba(41,41,41,0.75); box-sizing:border-box;}
.nav_list li.nav_depth2 a { color:#fff; }
.nav_list li.nav_depth2:hover{text-decoration:underline;}
.nav_list li.depth2_first{}
.nav_list li.depth2_last{border-bottom:1px solid #444;}
.nav_list li.nav_depth3{cursor:pointer;  padding:10px 30px;  line-height:20px; background:#f8f8f8; font-size:14px; text-align:left; color:#333; border-bottom:1px solid #444;}
.nav_list li.nav_depth3 a{font-size: 14px; font-weight:400; color: #333; background:#f8f8f8;}
.nav_list li.nav_depth3 a:hover{background:#f8f8f8;}
.nav_list li.nav_depth3 a:visited{background:#f8f8f8;}
.nav_list li.nav_depth3 a:active{background:#f8f8f8;}
.nav_list li.depth3_last{border-bottom:1px solid #e9ebee;}

.s_menu{top:54px !important;}
.s_menu .nav_list{padding-top:0px !important;}

.header h1.logo img.logo_w {display:none;}


@media screen and (max-width:1600px){
#wrap_quick {right:0px;}
}



@media screen and (max-width:1500px){
.header { max-width: initial; }
.tnb_bt {width:120px;}
.header h1 { padding-left:30px; }

.tnb > div {width:1000px;}

.gnb {  display: flex; justify-content: flex-end; }
.gnb li:last-child .gnb_tit { padding:0 40px 0 25px; }
.gnb_bg { width: 100%; left:0; }
.menu { width:120px; left: 45%;}
}
@media screen and (max-width:1400px){
	


}

@media screen and (max-width:1300px){
#wrap_quick {display:none!important;}

}

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


}

@media screen and (max-width:1034px){
#top_btn{right:15px;}

.tnb_bt {right:20px;}
.tnb > div {width:100%; padding:0 20px; box-sizing:border-box;}
.header {box-sizing:border-box;}



.tnb_bt a {font-size:16px;}
.menu li > a {font-size:14px;}

}



@media screen and (max-width:991px){
#top_btn{position:fixed; right:15px; bottom:30px; width:38px; height:38px; background-size:30px auto;}
	
#qmenu {display:none;}	
	

/* header Mobile layout */
.header{ width:100%; height:54px;  padding:0 30px; align-items: initial;}
.header h1{margin-top:12px; margin-left:0; padding-left: 0;}


.header .gnb{display:none;}



.header .right_menu{width:54px; height:54px; margin:0px; padding:0; display:block; background:none;}
.header .right_menu a{display:block; float:left; width:54px; height:54px;}
.header .right_menu a ul{display:block; width:30px; margin-left:auto; margin-top:4px;}
.header .right_menu a ul li{display:block; float:left; width:100%; height:2px; background:#222222; text-indent:-10000px; margin-top:8px; transition : all .4s;}
.header .right_menu a ul li:first-child{margin-top:10px;}

.right_menu a ul li.on:nth-of-type(1){transform: translateY(2px) rotate(45deg); margin-top:18px;}

.tnb,.tnb_bt {display:none;}

.header h1.logo img.logo_c {display:block;}
.header h1.logo.on img.logo_w {display:block;}
.header h1.logo.on img.logo_c {display:none;}

.header h1 img {width:90px;}

.m_nav_tnb li {float:left; width:33.3%; box-sizing:border-box; text-align:center; color:#fff; border:0!important; line-height:40px; background:rgba(0,0,0,0.5); font-size:14px;}
.m_nav_tnb li:not(:first-child) {border-left:1px dashed rgba(255,255,255,0.3)!important;}
.m_nav_tnb02 {display:none;}
.m_nav_tnb02 li {width:50%; text-align:Center; }

}

@media screen and (max-width:767px){
.header{ padding:0 6vw;}
.header h1{margin-top:15px;}
.nav_list li.nav_depth1 span,
.nav_list li.nav_depth2 { font-size: 3.8vw; padding: 2vw 6vw;}


}