/*************** header ***************/
#header{
	position:fixed;
	width:100%;
	min-height:7.5rem;
	background:rgba(255, 255, 255, .8);
	z-index:200;
}
#header > div{position: relative;}
#header > div::after{
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 9.8rem;
	min-height:7.5rem;
	background: #fff;
}
#header h1{
	position:absolute;
	top:2.3rem;
	left:31rem;
	z-index:30;
}
#header h1 > a{display:block;}
#header .lan{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	position:absolute;
	top:3.8rem;
	right:5rem;
	z-index:30;
}
#header .lan span{
	display: inline-block;
	width: 1px; height: 1.5rem;
	background: #222;
	opacity: .3;
}
#header .lan a{
	font-size: 1.6rem;
	color: #222;
	opacity: .6;
}
#header .lan a.current{
	font-weight: 600;
	opacity: 1;
}



/*************** gnb ***************/
.gnb{
	position:relative;
	left:0; top:0;
	width:100%;
	padding-right: 21.5rem;
	text-align:right;
	box-shadow:0px 0px 2px rgba(0,0,0,.2);
	z-index:15;
}
.gnb > .gnb_container{
	display:inline-block;
	vertical-align:top;
}
.gnb > .gnb_container > ul > li{
	float:left;
	margin:0 1rem;
}
.gnb > .gnb_container > ul > li > a{
	display:block;
	padding:3.9rem 3rem;
	font-size:2rem;
	line-height: 1;
	font-weight: 600;
	color:#222;
}
.gnb > .gnb_container > ul > li > ul{
	position:relative;
	top:-1rem;
	padding-top: 3rem;
	display:none;
}
.gnb > .gnb_container > ul > li > ul > li:last-child{padding-bottom:2rem;}
.gnb > .gnb_container > ul > li > ul > li > a{
	display:block;
	padding:1rem;
	text-align: center;
	font-size:1.6rem;
	color:#222;
	font-weight:300;
}



/*************** 버거메뉴 ***************/
div.burger {height: 30px;width: 26px;position: relative;cursor: pointer;z-index:10;}
div.x,div.y,div.z {position: absolute; margin: auto;top: 4px;background: #000;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: 3px; width: 26px; }
div.y{top: 14px;}
div.z{top: 24px;}
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{-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;}
div.circle{border-radius: 50%;width: 0px;height: 0px;position:absolute;top: 36px;right: 36px;background:#000;opacity:1;z-index:10;-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);}
div.circle.expand{width:3000px;height:3000px;top: -1500px;right: -1500px;-webkit-transition: all 1400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-moz-transition: all 1400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-ms-transition: all 1400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-o-transition: all 1400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);transition: all 1400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);}

@media(max-width:1500px){#header h1{left: 3rem;}}
@media(max-width:1400px){
	#header .lan{right: 3rem;}
	.gnb{padding-right: 16rem;}
	.gnb > .gnb_container > ul > li > a{font-size: 2rem;}
}
@media(max-width:1199.98px){
	#header > div::after{height:7.7rem;}
	#header h1{left: 2rem; top: 1.7rem;}
	#header h1 img{max-width: 150px !important;}
	#header .lan{
		gap: 1.5rem;
		top: 2.7rem;
		right: 2rem;
	}
	.gnb{padding-right: 14rem;}
	.gnb > .gnb_container > ul > li > a{
		padding: 3rem 3.3rem;
		font-size: 1.8rem;
	}
	.gnb > .gnb_container > ul > li > ul > li > a{font-size: 1.5rem;}
}
@media(min-width:992px){
	.gnb{display:block !important;}
	div.circle.expand{display:none !important;}
}
@media(max-width:991.98px){
	#header{box-shadow:0px 0px 2px rgba(0,0,0,.2);}
	#header > div::after{height: 7.4rem;}
	#header h1{top: 1.6rem;}
	#header .lan{right: 8rem;}
	#header .gnb_side{
		position:absolute;
		top:2.1rem;
		right: 2rem;
		z-index:30;
	}
	.gnb{visibility:hidden;height:0;overflow:hidden;padding-right: 0;text-align: center;}
	.gnb.open{visibility:visible;height:auto;}
	.gnb > .gnb_container >  ul >  li {float:none;width:100%;margin:0;opacity:0;-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);}
	.gnb > .gnb_container >  ul > li.animate{opacity:1;-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);}
	.gnb > .gnb_container > ul > li.animate:nth-of-type(1){margin-top:70px;transition-delay: 0.5s;}
	.gnb > .gnb_container >  ul >  li.animate:nth-of-type(2){transition-delay: 0.55s;}
	.gnb > .gnb_container >  ul >  li.animate:nth-of-type(3){transition-delay: 0.60s;}
	.gnb > .gnb_container >  ul >  li.animate:nth-of-type(4){transition-delay: 0.65s;}
	.gnb > .gnb_container >  ul >  li.animate:nth-of-type(5){transition-delay: 0.70s;}
	.gnb > .gnb_container >  ul >  li > a{color:#fff;font-size:2.6rem;}
	.gnb > .gnb_container > ul > li > ul > li > a{color:#fff;font-size:2rem}
}
@media(max-width:767.98px){
	#header h1{top: 1.55rem;}
	#header h1 img{max-width: 140px !important;}
}



/*************** search ***************/
#top_search{display:none;}