@charset "utf-8";

/********************************************************
■ Mobile Header
********************************************************/
#header_mo { 
	box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); 
	-webkit-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); 
	-moz-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15);
	background: #fff;
}

/********************************************************
■ PC Menu
********************************************************/
#nt_menu { 
    /* position: absolute; */
	width:100%;
    /*height: 70px;*/
	background: #fff;
	z-index:20;
	box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); 
	-webkit-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); 
	-moz-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); 
}
#nt_menu .nt-container,
#nt_menu .me-list .me-li,
#nt_menu .sub-1dul,
#nt_menu .sub-1dli {
	position:relative;  
}


#nt_menu .header-logo { padding:15px 0 0; text-align:center;}

#nt_menu .nt-container .d-flex { justify-content:space-between;}
#nt_menu .sub-slide { 
	display:none; 
	visibility:visible; 
}
#nt_menu .sub-icon::after { 
	font-family: "FontAwesome"; 
	float: right; 
	position: relative; 
	content: "\f105"; 
}
#nt_menu .me-a { 
	display:block; 
	position:relative;
	text-align:center;
}
#nt_menu .me-icon {
	width:4.0rem;
	text-align:center;
}
#nt_menu .sub-1div { 
	position:absolute; 
	left:0; 
	z-index:21; 
}
#nt_menu .sub-1da { 
	display:block; 
}
#nt_menu .sub-1line { 
	position:relative; 
	display:block;
}

#nt_menu .sub-2div { 
	left:100%; 
	top:0; 
	position:absolute; 
	z-index:22; 
} 
#nt_menu .sub-2dul { }
#nt_menu .sub-2dli { }
#nt_menu .sub-2da { 
	display:block; 
} 
#nt_menu .sub-2line { 
	display:block; 
}
#nt_menu .sub-1div { 
	width:100%; 
	text-align:left; 
}
#nt_menu .sub-1div::before { 
	left: 50%; 
	margin-left:-8px; 
}

/* 스타일 */
#nt_menu .me-a { 
	font-weight:500;
	color:#333;
	padding:0px ;
	/*width:135px;*/
    height: 65px;
    line-height: 65px !important;
}
#nt_menu .me-li.on .me-a,
#nt_menu .me-li:hover .me-a { 
	color:#ee333a; 
	background:#fff;
}
#nt_menu .sub-1div {
	position:absolute;
	top:100%;
	left:0;
	background:#fff; 
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
}
#nt_menu .sub-1da { 
	color:#000; 
	border-bottom: 1px solid #eee;

}
#nt_menu .sub-1dli.on .sub-1da,
#nt_menu .sub-1dli:hover .sub-1da { 
	color:#000; 
	background: #f5f5f5; 
	border-color: #eee;
	font-weight:bold;
}
#nt_menu .sub-1line { 
	color:#000; 
	font-weight:bold; 
	background:#fafafa; 
}
#nt_menu .sub-2div { 
	background: #fff; 
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
} 
#nt_menu .sub-2da { 
	color:#000; 
	border-bottom: 1px solid #eee; 
} 
#nt_menu .sub-2dli.on .sub-2da,
#nt_menu .sub-2dli:hover .sub-2da { 
	color:#000; 
	background: #fafafa; 
	border-color: #eee;
	font-weight: bold;
}
#nt_menu .sub-2line { 
	color:#000; 
	font-weight:bold; 
	background:#f5f5f5; 
}

#nt_menu .logo_wrap { /*width: 300px; */}
#nt_menu .logo_wrap img {max-width:225px;}
#nt_menu .menu_wrap { width:100%;  }
#nt_menu .menu_wrap > .me-list { width: 100%; float: left; }
#nt_menu .menu_wrap ul.nav-slide { justify-content: space-between;}
#nt_menu .menu_wrap ul.nav-slide .me-li:last-of-type  { padding: 0 12px;}
#nt_menu .menu_wrap ul.nav-slide .sub-1dul .sub-1dli { font-size:14px;}

#nt_menu .lang_wrap { position:absolute; right:0; top:10px; }
#nt_menu .lang_wrap  > ul { display: inline-flex; /*width:180px;*/ margin:0; padding:0; list-style:none; overflow:hidden;}
#nt_menu .lang_wrap  > ul > li { float:left; padding:0 5px; height: 42px; }
#nt_menu .lang_wrap  > ul > li > a {  font-size: 14px; font-weight:500; line-height: 42px; color:#9e9e9e;  }
#nt_menu .lang_wrap  > ul > li > a.active { color:#000; }

/* 서브메뉴 높이설정 : 페딩값으로 조절 */
#nt_menu .me-sh { 
	/*padding:0.59rem 1.0rem;*/
	padding:0.5rem;
}

/* 햄버거 메뉴 */
.top_menu_btn {
    padding: 10px 0px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    color: #222;
    text-align: center;    
    width: 23px;
}
.hamburger .line {
	width: 23px;
	height: 2px;
	background-color: #222;
	display: block;
	margin: 4px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.hamburger:hover {
	cursor: pointer;
}
/*

#hamburger-1.is-active .line:nth-child(2) {
	opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1) {
	-webkit-transform: translateY(6px) rotate(45deg);
	-ms-transform: translateY(6px) rotate(45deg);
	-o-transform: translateY(6px) rotate(45deg);
	transform: translateY(6px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-6px) rotate(-45deg);
	-ms-transform: translateY(-6px) rotate(-45deg);
	-o-transform: translateY(-6px) rotate(-45deg);
	transform: translateY(-6px) rotate(-45deg);
}
*/



#nt_menu { display:block; }
#header_mo { display:none; }

#header_mo h3 > a.float-right { position: relative; z-index: 20; }
#header_mo h3 > a.logo { display: block; text-align: left; }
#header_mo h3 > a.logo img { max-width:200px}

/* 햄버거 메뉴 */
#header_mo h3 > a > .top_menu_btn {
    padding: 10px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    color: #222;
    text-align: center;
    margin-left: 35px;
    width: 35px;
    margin-top: 4px;
}
#header_mo h3 > a > .top_menu_btn .hamburger .line {
	width: 35px;
	height: 4px;
	background-color: #222;
	display: block;
	margin: 8px auto;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#header_mo h3 > a:hover > .top_menu_btn #hamburger-1 .line:nth-child(2) {
  /* 애니메이션 이름 */
  animation-name: size;
  animation-duration:0.5s;
  animation-duration: leaner;
  animation-iteration-count:1;
  animation-direction:alternate;
  animation-fill-mode: forwards;
}

@-webkit-keyframes 'size' { 
	from { width: 35px; margin-left:0; } 
	to { width: 20px; margin-left:15px; } 
}

@media all and (max-width:1199px) {
	.responsive #nt_menu { display:none; }
	.responsive #header_mo { display:block; }
}

@media all and (max-width:768px) {
	.responsive #header_mo, 
	.responsive #header_mo h3 > a.logo {
		height:70px;
		line-height:70px;
	}
	.responsive #header_mo h3 > a.logo > img { height:35px; }
	.responsive #header_mo h3 > a > .top_menu_btn {
		padding: 18px 0px;
		margin-left: 28px;
		width: 25px;
		margin-top: 0px;
	}
	.responsive #header_mo h3 > a > .top_menu_btn .hamburger .line {
		width: 28px;
		height: 3px;
		margin: 6px auto;
	}

	@-webkit-keyframes 'size' { 
		from { width: 28px; margin-left:0; } 
		to { width: 15px; margin-left:10px; } 
	}

}



/********************************************************
■ 전체 메뉴
********************************************************/
#menu_all { 
	-webkit-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2); 
	-moz-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2); 
	box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2);
}

#menu_all .sub-a.on {
	font-weight:bold;
}

/* 상단고정시 */
#nt_menu_wrap.me-sticky { 
	position:fixed;
	width:100%; 
	z-index:20; 
	left:0;
	top:0;
}