#gnb_mo{display:none !important;}
 @media(max-width:991.98px){
	#header #gnb_pc .gnb{
		display:none;
	}
} 


/*header*/
#header{
	position:fixed;
	z-index:200;
	left: 50%;
	transform: translateX(-50%);
	width:100%;
	min-height:7.5rem;
	
}
#header:hover,#header.header_scroll{
	background:#fff;
}
#header.header_scroll .gnb_container > ul .dp1-box > a span{
	color: #000;
}
#header.header_scroll .logo > a img{filter: brightness(1) invert(0);}
#header.header_scroll #gnb_pc .gnb_side .burger div{background:#000;}
#header.open{
	background:none;
}
#header h1{
	position:absolute;
	left:15px;
	top:2.6rem;
}
#header.open #gnb_pc .gnb{
	display:none;
}


/* 햄버거 메뉴 */
.gnb_side{
	position:absolute;
	right:15px;
	top:5rem;
}
.burger {
	z-index: 10;
	position: relative;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
div.x,
div.y,
div.z {
	position: absolute; margin: auto;
	top: 4px;
	background: #fff;
	border-radius:2px;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
}
div.x, div.y, div.z { height: 2px;}
div.x{right: -2px; width: 20px;}
div.y{top: 14px; width: 30px;}
div.z{top: 24px; width: 20px;}
div.coll{
	top: 15px;
	background:#fff;
	-webkit-transition: all 70ms ease-out;
	   -moz-transition: all 70ms ease-out;
		-ms-transition: all 70ms ease-out;
		 -o-transition: all 70ms ease-out;
			transition: all 70ms ease-out;
}
div.rotate30,div.rotate150,div.rotate45,div.rotate135{left: 0;width: 30px;}
div.rotate30{
	-ms-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-webkit-transition: all 50ms ease-out;
	   -moz-transition: all 50ms ease-out;
		-ms-transition: all 50ms ease-out;
		 -o-transition: all 50ms ease-out;
			transition: all 50ms ease-out;
}
div.rotate150{
	-ms-transform: rotate(150deg);
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg);
	-webkit-transition: all 50ms ease-out;
	   -moz-transition: all 50ms ease-out;
		-ms-transition: all 50ms ease-out;
		 -o-transition: all 50ms ease-out;
			transition: all 50ms ease-out;
}

div.rotate45{
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 100ms ease-out;
	   -moz-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;
		 -o-transition: all 100ms ease-out;
			transition: all 100ms ease-out;
}
div.rotate135{
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transition: all 100ms ease-out;
	   -moz-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;
		 -o-transition: all 100ms ease-out;
			transition: all 100ms ease-out;
}



/*all_menu*/
#all_menu{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:190;
	display:none;
	overflow: hidden;
}
#all_menu .inner{
	z-index:9;
	width:100%;
	height:100%;
	background:url(../_img/main/menu_bg.png) no-repeat center top / auto 100%;
}
#all_menu .container{
	max-width: 1400px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
#all_menu .container ul{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#all_menu .container ul .dp1-box{
	width: 20%;
	position:relative; z-index:1
}
#all_menu .container ul .dp1-box:not(:first-of-type)::after{
	content:""; position:absolute; left:0; height:30000px; top:-1000%; border-left: 1px solid #393330; z-index:-1;
}
#all_menu .container ul .dp1-box > a{
	display: block;
	margin-bottom: 9rem;
	font-family: 'Play';
	font-weight: bold;
	font-size: 3.6rem;
	color: #fff;
}
#all_menu .container ul .dp1-box .dp2-box{
	display: flex;
	flex-direction: column;
}
#all_menu .container ul .dp1-box .dp2-box li{
 display: flex;
 flex-direction: column;
 line-height: 3.2;
}
#all_menu .container ul .dp1-box .dp2-box li a{
	font-family: 'Poppins';
	font-size: 1.8rem;
	font-weight: 200;
	color: #fff;
	padding-left: 3rem;
	opacity: 60%;
}



/*pc메뉴*/
#gnb_pc{
	position:relative;
	z-index:1;
	max-width:1630px;
	margin:0 auto;
}
#gnb_pc::before,
#gnb_pc::after{
	content:""; position:absolute; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; height:100%; 
}
#gnb_pc::before{
	z-index:-1;
	bottom: 90px;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
}
#gnb_pc::after{
	z-index:-2;
	top:0;
	background:rgba(0, 0, 0, 0);
}
#header.open #gnb_pc .logo > a img{filter: brightness(0) invert(1)}
#gnb_pc .gnb_container > ul{display: flex;}
#gnb_pc .gnb_container > ul .dp1-box > a{
	position: relative;
	z-index: 2;
	display:block;
	padding:0 5rem ;
	font-family: 'Play';
	font-weight: bold;
	font-size:2rem;
}
#gnb_pc .gnb_container > ul .dp1-box > a span{
	display:block;
	padding:5rem 0;
	position:relative;
	color:#fff;
	mix-blend-mode:difference;
}
#gnb_pc .gnb_container > ul .dp1-box:first-of-type > a{margin-left: 0;}
#gnb_pc .gnb_container > ul .dp1-box:last-of-type > a{margin-right: 0;}
/*pc메뉴 hover*/
#header.open #gnb_pc .gnb_side .burger div{background:#fff;}
#header:hover #gnb_pc .gnb_side .burger div{background:#000;}
#gnb_pc .logo > a img{filter: brightness(0) invert(1);}
#gnb_pc:hover .logo > a img{filter: brightness(1) invert(0);}
#gnb_pc:hover .gnb_container > ul .dp1-box > a span{color:#000}
#gnb_pc:hover .gnb_container > ul .dp1-box:hover > a span::after{
	content: "";
	z-index: 10;
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 3px;
	background: #0066a1;
}

#gnb_pc .gnb_container > ul .dp1-box:not(:first-of-type) > a::after{opacity: 0;}
#gnb_pc .gnb_container > ul .dp1-box .dp2-box{
	position: absolute;
	left: 50%;
	display: flex;
	justify-content: center;
	width: 100%;
	transform: translateX(-50%);
	z-index:1;
	margin-top:-1px;
	display:none;
}
#gnb_pc .gnb_container > ul .dp1-box:hover .dp2-box{
	display:flex;
}
#gnb_pc .gnb_container > ul .dp1-box .dp2-box::after{
	content:"";
	position:absolute;
	z-index:-1;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
	top:0;
	bottom:0;
	background:#fff;
	border-top:1px solid #ddd;
}
#gnb_pc .gnb_container > ul .dp1-box .dp2-box a{
	font-family: 'Play';
	font-size: 1.8rem;
	font-weight: bold;
	color: #666666;
}
#gnb_pc:hover .gnb > .gnb_container > ul .dp1-box .dp2-box li:hover a{color: #0066a1;}
#gnb_pc .gnb > .gnb_container > ul .dp1-box .dp2-box li{padding: 2.5rem 4rem;}
#gnb_pc .gnb > .gnb_container > ul > .dp1-box .dp2-box li:nth-child(2){position: relative;}
#gnb_pc .gnb > .gnb_container > ul .dp1-box .dp2-box li:nth-child(2)::before,
#gnb_pc .gnb > .gnb_container > ul .dp1-box .dp2-box li:nth-child(2)::after{
	content: "";
	position: absolute;
	width: 1px;
	height: 26px;
	background: #dddddd;
}
#gnb_pc .gnb > .gnb_container > ul .dp1-box .dp2-box li:nth-child(2)::before{left: 0;}
#gnb_pc .gnb > .gnb_container > ul .dp1-box .dp2-box li:nth-child(2)::after{right: 0;}
@media (max-width:1199.98px) {
	#gnb_pc .gnb_container > ul .dp1-box > a::after{bottom: -1px;}
}

#gnb_pc .gnb{
	display:flex;
	justify-content: center;
}
@media (max-width:991.98px) {
	#header:hover,#header.header_scroll{
		background:none;
	}
}


/*모바일 메뉴*/
@media (max-width:991.98px) {
	#all_menu .container ul{
		display: block;
	}
	#all_menu .container ul .dp1-box{margin: 0 auto; margin-bottom: 5rem; text-align: center; width: 100%;}
	#all_menu .container ul .dp1-box .dp2-box{display: none;}
	#all_menu .container ul .dp1-box:not(:first-of-type)::after{content: none;}
	#all_menu .container ul .dp1-box > a{margin-bottom: 0;}
	#all_menu .container ul .dp1-box .dp2-box li a{padding: 0; font-size: 2rem;}
	#gnb_pc:hover .logo > a img{filter: brightness(0) invert(1);}
	#gnb_pc:hover .gnb_side .burger div{background:#fff !important;}
}