#header_wrap {
	min-height: 110px;
	max-width: 1700px;
	width: 100%;
	padding: 0 50px;
	position: fixed;
	transform: translate(-50%);
	left: 50%;
	top: 0;
	z-index: 1000;
	font-size: 0;
	box-shadow: 0px 16px 16px 0 rgba(0, 0, 0, 0);
	background-color: transparent;
  transition: width 1s, background-color 1s;
  will-change: width, background-color;
}

#header_wrap.expansion {
  background-color: #fff;
  box-shadow: 0px 16px 16px 0 rgba(0, 0, 0, 0.08);
}

#header_wrap.full_screen {
  background-color: #0c0d65;
  box-shadow: none;
}

#header_wrap.full_screen .header_list {
	color: white;
}

.header_list  div span a{
	color: #000000;
}

#header_wrap .header_content {
	position: relative;
}

#header_wrap .header_content::after {
	clear: both;
	content: '';
	display: block;
}

#header_wrap .header_content>.header_logo {
	display: inline-block;
	width: 141px;
	height: 110px;
	line-height: 110px;
}

#header_wrap .header_content>.header_logo>a {
	width: 141px;
	height: 110px;
	background: url(/kor/_images/common/main_logo.png)no-repeat;
	background-size: 141px 35px;
	background-position: 0 37px;
}

#header_wrap .header_content:after {
	clear: both;
	display: block;
	content: "";
}

#header_wrap.full_screen .header_content .header_list,
#header_wrap.full_screen .header-nav {
  display: none !important;
}

#header_wrap .header_content .header_list {
	display: inline-block;
	height: 110px;
	min-width: 960px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

#header_wrap .header_content .header_list>div {
	float: left;
	width: 160px;
	min-width: 160px;
	line-height: 110px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

#header_wrap .header_content .header_list div span {
	padding-bottom: 15px;
}

#header_wrap .header_content .header_list div:hover span {
	color: #e60021;
	border-bottom: 4px solid #e60021;
}

#header_wrap .header_content .header_list>div:last-child {
	margin-right: 0;
}

#header_wrap .header_content .header_i18n {
	height: 110px;
	line-height: 110px;
	float: right;
	font-size: 14px;
}

#header_wrap .header_content .header_i18n>div>div {
	float: left;
}

#header_wrap .header_content .header_i18n .kr a {
	color: #e60021;
	padding-right: 14px;
	background: url(/kor/_images/common/header_line.png)no-repeat right center;
}

#header_wrap .header_content .header_i18n .kr a:hover {
	color: #000000;
}

#header_wrap .header_content .header_i18n .en a {
	color: #7387a0;
	margin-left: 14px;
}

#header_wrap .header_content .header_i18n .en a:hover {
	color: #000000;
}


/* ======================
hamburger menu
=========================*/

#header_wrap .three_line {
	display: inline-block;
	width: 23px;
	height: 20px;
	position: relative;
	margin-left: 42px;
	top: 45px;
	cursor: pointer;
}

#header_wrap .three_line span {
	display: inline-block;
	background-color: #e60021;
	position: absolute;
	transition: transform 1s, opacity 1s, top 1s, width 1s;
	will-change: transform, opacity, top, width;
}

#header_wrap .three_line span:nth-child(1) {
	width: 23px;
	height: 2px;
	top: 0;
	left: 0;
	transform-origin: 100% 100%;
}

#header_wrap .three_line span:nth-child(2) {
	width: 13px;
	height: 2px;
	top: 9px;
	left: 11px;
}

#header_wrap .three_line span:nth-child(3) {
	width: 19px;
	height: 2px;
	top: 18px;
	left: 4px;
	transform-origin: 100% 0%;
}

#header_wrap .three_line.active span:nth-child(1) {
	width: 23px;
	height: 2px;
	transform: rotate(-45deg);
}

#header_wrap .three_line.active span:nth-child(2) {
	opacity: 0;
}

#header_wrap .three_line.active span:nth-child(3) {
	width: 23px;
	height: 2px;
	top: 17px;
	left: 0px;
	transform: rotate(45deg);
}


/* =======================
header hover naviagion
==========================*/

#header_wrap .header-nav {
	overflow: hidden;
	background-color: white;
	text-align: center;
	padding-bottom: 53px;
	/* jQuery slideUp init */
	display: none;
}

#header_wrap .header-nav .wrapper {
	display: inline-block;
	text-align: center;
	font-size: 0;
}

#header_wrap .header-nav ul {
	width: 160px;
	min-width: 160px;
	display: inline-block;
	vertical-align: top;
}

#header_wrap .header-nav li {
	line-height: 44px;
	font-size: 18px;
	cursor: pointer;
}

#header_wrap .header-nav li:hover {
	color: #e60021;
}

#header_wrap .header-nav li a:hover {
	color: #e60021;
}

/* ===========================
full screen navigation
============================== */

.full_screen_nav {
	display: none;
	visibility: hidden;
	opacity: 0;
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 900;
	background-color: white;
	transition: opacity 1s;
	will-change: opacity;
	background-color: #0c0d65;
	overflow-y: scroll;
}

.full_screen_nav.active {
	display: block;
	visibility: visible;
	opacity: 1;
}

.full_screen_nav .wrapper {
	display: flex;
	justify-content: space-between;
	width: 60%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 16% 0;
}

.full_screen_nav .wrapper::after {
	display: none;
}

.full_screen_nav .wrapper ul p {
	display: none;
}

.full_screen_nav .wrapper ul li:nth-child(2) a {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 2.5vw;
}

.full_screen_nav .wrapper ul li a {
	display: block;
	color: #eee;
	color: rgba(255, 255, 255, .5);
	font-size: 16px;
	line-height: 2.5;
}


.full_screen_nav .wrapper ul li a:hover {
	color: #fff;
}

@media screen and (max-width: 1300px) {
	#header_wrap .header_content .header_list {
		display: none;
	}
	#header_wrap .header-nav {
		display: none !important;
	}
	#header_wrap .header_content .header_i18n {
		font-size: 18px;
	}
	#header_wrap .header_content .header_i18n .kr a {
		color: #e60021;
		padding-right: 2.4vw;
		background: url(/kor/_images/common/header_line.png)no-repeat right center;
		font-weight: bold;
	}
	#header_wrap .header_content .header_i18n .en a {
		color: #7387a0;
		margin-left: 2.4vw;
		font-weight: bold;
	}
}

@media screen and (max-width: 720px) {
	#header_wrap {
		background-color: transparent;
		padding: 0 5.555vw;
		transition: padding 1s;
		will-change: padding;
		box-shadow: none;
    min-height: 60px;
	}
	#header_wrap.expansion {
		padding: 0;
    height: 12.5vw;
    box-shadow: none;
		background-color: transparent;
	}
	#header_wrap .header_content {
		background-color: transparent;
    box-shadow: 0px 16px 16px 0 rgba(0, 0, 0, 0);
    will-change: background-color;
    transition: background-color 1s;
  }
  #header_wrap.expansion .header_content {
    background-color: #fff;
    box-shadow: 0px 16px 16px 0 rgba(0, 0, 0, 0.08);
  }
	#header_wrap.full_screen .header_content {
		background-color: transparent;
	}
	#header_wrap .header_content>.header_logo {
		margin-left: 3.6vw;
		width: 19.72vw;
		height: 15vw;
	}
	#header_wrap .header_content>.header_logo>a {
		width: 19.72vw;
		height: 15vw;
		background: url(/kor/_images/common/main_logo.png)no-repeat;
		background-size: 19.72vw 4.86vw;
		background-position: 0 4.33vw;
	}
	#header_wrap .header_content .header_i18n {
		font-size: 2.77vw;
		line-height: 2.7vw;
		height: 15vw;
		line-height: 15vw;
		margin-right: 3.88vw;
	}
	/* ==================
    hamburger menu responsive
    =====================*/
	#header_wrap .three_line {
		width: 5.416vw;
		height: 4.72vw;
		margin-left: 4.44vw;
		top: 4.87vw;
	}
	#header_wrap .three_line span:nth-child(1) {
		width: 5.416vw;
		height: 0.416vw;
		top: 0;
		left: 0;
	}
	#header_wrap .three_line span:nth-child(2) {
		width: 3.055vw;
		height: 0.416vw;
		top: 2.083vw;
		left: 2.361vw;
	}
	#header_wrap .three_line span:nth-child(3) {
		width: 4.44vw;
		height: 0.416vw;
		top: 4.305vw;
		left: 0.972vw;
	}
	#header_wrap .three_line.active span:nth-child(1) {
		width: 5.416vw;
		height: 0.416vw;
	}
	#header_wrap .three_line.active span:nth-child(3) {
		width: 5.416vw;
		height: 0.416vw;
		top: 3.888vw;
		left: 0px;
	}
	/* ===========================
    full screen navigation
    ============================== */
	.full_screen_nav .wrapper {
		display: block;
		width: 100%;
		padding: 16% 0;
	}
	.full_screen_nav .wrapper ul li:nth-child(1) {
		display: none;
	}
	.full_screen_nav .wrapper ul li {
		display: none;
	}
	.full_screen_nav .wrapper ul.active li {
		display: block;
	}
	.full_screen_nav .wrapper ul li a,
	.full_screen_nav .wrapper ul p {
		display: block;
		color: #eee;
		color: rgba(255, 255, 255, .5);
		font-size: 3.5vw;
		line-height: 10vw;
		padding: 0 3.2vw;
		padding-left: 10vw;
	}
	.full_screen_nav .wrapper ul p {
		display: block;
		position: relative;
	}
	.full_screen_nav .wrapper ul p::after {
		content: '';
		display: inline-block;
		width: 2.5vw;
		height: 2.5vw;
		transform: rotate(135deg);
		border-top: 2px solid white;
		border-right: 2px solid white;
		position: absolute;
		top: 35%;
		right: 10vw;
		transition: transform 1s, top 1s;
		will-change: transform, top;
	}
	.full_screen_nav .wrapper ul.active p::after {
		transform: rotate(-45deg);
		top: 45%;
	}
	.full_screen_nav .wrapper ul p {
		color: #fff;
		font-size: 4.2vw;
		line-height: 14vw;
		margin-bottom: 0;
		/* border-top: 1px solid white; */
		border-bottom: 1px solid #46517b;
		cursor: pointer;
		padding-left: 10vw;
	}
	.full_screen_nav .wrapper ul li:nth-child(2) a {
		display: none;
	}
	.full_screen_nav .wrapper ul li:last-child{
		border-bottom: 1px solid #46517b;
	}
	.m_none{
		display: none!important;
	}
}

@media screen and (min-width: 1700px) {
	#header_wrap {
		max-width: none;
		width: 1700px;
	}
	#header_wrap.expansion {
		width: 100%;
	}
}

@media screen and (min-width: 1700px) {
    #header_wrap .header_content .header_list {
        display: inline-block;
        height: 110px;
        min-width: 960px;
        position: absolute;
        left: calc(50% - 480px);
        transform: none;
				display: none;
    }
}