@charset "utf-8"; /* CSS Document */
/* 헤더 */
#header { position: fixed; width: 100%; top: 0; transition: top 0.4s ease-in-out; z-index: 10; box-shadow: 0 0.5rem 1rem 0 rgba(0,0,0,0.1); } 
#header.hidden { box-shadow: none; }
#header .nav_area { display: flex; align-items: center; justify-content: space-between; background-color: rgba(255, 255, 255, 1); }

/* 헤더 - 등록번호 */
#header .top_num { background-color: var(--dark_gray); }
#header .top_num a {display: flex; align-items: center; gap:5px }

/* 헤더 - 로고 */
#header .logo { display: inline-flex; align-items:center; gap:0.15rem;  }
#header .logo .logo_img {height: 24px; /*align-self: flex-start*/ }
#header .logo p {transition: all 0.25s ease-in-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* ==================== 해상도 1415px 이상 ==================== */
@media screen and (min-width: 1415px) {
	.navOn{ color: var(--blue_02)!important; box-shadow: inset 0px -.5em 0 #ecf5f9; }
	/* 헤더 */
	#header { position: fixed; width: 100%; z-index: 5; }
	
	/*헤더 스크롤/히든*/
	#header.hidden {top: calc(0% - 50px); box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1); /* overflow: hidden!important; */}
	#header.hidden .header_menu .toggle{height: 60px;}
	
	
	#header .nav_area { padding: 0 0 0 1.25rem; }

	/* 헤더 - 등록번호 */
	#header .top_num { padding: 0rem 2rem; height: 50px; font-size: 1.1em; }

	/* 헤더 - 메뉴 */
	#header .header_menu { display: inline-flex; align-items: center; justify-content: space-between; }
	#header .header_menu .dropdown { position: relative; transition: all 0.3s ease-in-out; }  
	/* 헤더 - 메뉴 아이콘 */
	#header .hamburger { display: none; } 

	/* 헤더 - 토글 */
	#header .header_menu .toggle { display: flex; align-items: center; justify-content: center; text-align: center; height: 80px; font-size: 1.1em; line-height: 1.2; font-weight: 500; color: #111; padding: 0 1rem; transition: var(--transition); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
	#header .header_menu .toggle:hover{ color: var(--blue_01); }
	
	
	/* 헤더 - 드롭다운 */
	#header .header_menu .dropdown .dropdown_menu { max-height: 0; transition: all 0.3s ease-in-out; position: absolute; top: 80px; left: 0; opacity: 0; width: 100%; background-color: #fff; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1); border-radius: 0 0 var(--br_m) var(--br_m); z-index: 0; border-top: solid 1px var(--border_color); padding: 1rem 0; overflow: hidden; }
	#header .header_menu .dropdown:hover .dropdown_menu { max-height: 1000px; opacity: 1; overflow: hidden; }
	#header .header_menu .dropdown .dropdown_menu a { display: block; width: 100%; color: #666; text-decoration: none; transition: all 0.3s ease-in-out; text-align: center; padding: 1rem; position: relative; z-index: 2; } 
	#header .header_menu .dropdown .dropdown_menu a:hover { color: var(--blue_01); }
 }
	

/* ==================== 모바일 레이아웃 ==================== */
@media ( max-width: 1414px ) {
	.navOn{ color: #a7ff40!important; font-weight: 700!important;  }
	/* 헤더 */
	#header.hidden {top: calc(0% - 40px); box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1); }
	#header .nav_area { height: 70px; padding: 0 1rem; }

	/* 헤더 - 등록번호 */
	#header .top_num { height: 40px; padding: 0 1rem; }

	/* 헤더 - 메뉴 */
	#header .header_menu { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; width: 0; height: 100vh; top: 0; right: 0; background-color: var(--blue_02); z-index: 3; overflow: hidden; opacity: 0; transition: var(--transition); padding: 0rem 0rem; } 
	#header .header_menu.active { right: 0; width: 100%;  color: #fff; opacity: 1; overflow-y: hidden; touch-action: none; } 
	
	/* 헤더 - 토글 */
	#header .header_menu .toggle { display: block; font-weight: 300; text-align: left; position: relative; font-size: 1.5em; color: #fff; padding: 1.25rem 1.5rem; width: 100%; border-bottom: solid 1px rgba(255,255,255,0.15); } 
	#header .header_menu .menu:last-of-type { padding-bottom: 5rem; border: none; }
	
	/* 헤더 - 드롭다운 */
	#header .header_menu .dropdown { width: 100%; opacity: 0; transition: all 0.3s ease-in-out; margin-bottom: 2rem; } 
	#header .header_menu .dropdown:last-of-type { margin-bottom: 0; } 
	#header .header_menu.active .dropdown { opacity: 1; } 
	#header .header_menu .dropdown .dropdown_menu { max-height: 0; opacity: 0; overflow: hidden; transition: 0.3s ease-in-out; text-align: center; background-color: rgba(255,255,255,0.1); width: 100%; } 
	#header .header_menu .dropdown .dropdown_menu.active { max-height: 300px; opacity: 1; } 
	#header .header_menu .dropdown .dropdown_menu a { display: inline-block; width: 100%; opacity: 0; transition: opacity 0.3s ease-in-out; color: #fff; text-align: left; margin: 0.75rem 0; font-weight: 500; font-size: 1.05em; padding: 0 1.5rem;} 
	#header .header_menu .dropdown .dropdown_menu a:first-of-type { margin-top: 2rem; } 
	#header .header_menu .dropdown .dropdown_menu a:last-of-type { margin-bottom: 2rem; padding-bottom: 0; } 
	#header .header_menu .dropdown .dropdown_menu.active a { opacity: 1; } 

	/* 헤더 - 드롭다운 토글 */
	#header .header_menu .dropdown .dropdown_toggle::after { content: "+"; font-weight: 300; font-size: 1.4em; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: var(--transition); } 
	#header .header_menu .dropdown .dropdown_toggle.active::after { content: "-"; } 

	/* 헤더 - 메뉴 아이콘 */
	#header .hamburger, #header .hamburger .line { display: inline-block; transition: all .4s; box-sizing: border-box; } 
	#header .hamburger { position: relative; width: 60px; height: 40px; z-index: 10; transform: scale(0.5); transform-origin: right; cursor: pointer; display: inline-block; } 
	#header .hamburger .line { position: absolute; left: 0; width: 100%; height: 4px; background-color: #333; border-radius: 4px; } 
	#header .hamburger .line:nth-of-type(1) { top: 0; } 
	#header .hamburger .line:nth-of-type(2) { top: 18px; } 
	#header .hamburger .line:nth-of-type(3) { bottom: 0; }
	#header .hamburger.active .line { background-color: #fff; }
	#header .hamburger.active .line:nth-of-type(1) { -webkit-transform: translateY (18px) rotate (-45deg); transform: translateY(18px) rotate(-45deg); } 
	#header .hamburger.active .line:nth-of-type(2) { opacity: 0; } 
	#header .hamburger.active .line:nth-of-type(3) { -webkit-transform: translateY(-18px) rotate(45deg); transform: translateY(-18px) rotate(45deg); }
	

}


@media ( max-width: 900px ) {
	#header .top_num a {padding: 8px; aspect-ratio:1/1; }
	#header .top_num a i {font-size: 1rem;}
	/* 헤더 */
	#header .nav_area { height: 62px; }
	/* 헤더 - 토글 */
	#header .header_menu .toggle {font-size: 1.25em; letter-spacing: 0; } 
	/* 헤더 - 로고 */
	#header .logo .logo_img { height: 16px; }
	#header .logo p { font-size: 16px; }
	
}

/***** 가로모드 *****/ 
@media screen and (orientation: landscape) and ( max-width: 900px ) {
	/* 헤더 - 메뉴 아이콘 */
	#header .hamburger.active { top: -2.5rem!important; }
	/* 헤더 - 메뉴 */
	#header .header_menu.active { overflow-y: auto; touch-action: auto; }
	/* 헤더 - 토글 */
	#header .header_menu .menu:last-of-type { padding-bottom: 0; }
	/* 헤더 - 드롭다운 */
	#header .header_menu .dropdown .dropdown_menu a { font-size: 1em; }
}

/* ==================== oneWaySend ==================== */

@media screen and (max-width: 375px) and (orientation:portrait) {
	/* 헤더 - 토글 */
	#header .header_menu .toggle {font-size: 1em; letter-spacing: 0; } 
	#header .header_menu .dropdown .dropdown_menu a { font-size: 0.9em; }
 }
/* ========================================================================== */