@charset "utf-8";

/* Ä÷¯ º¯¼ö ¼ÂÆà */
:root {
	--primary: #00184b;
	--primary-hover: #002b7a;
	--primary-light: #e8f0fe;
	--primary-dark: #000c27;
	--action: #f59e0b;

	--dark: #0f172a;
	--dark-light: #1e293b;
	--premium: #d4af37;
	--primary-bg: #f4f7fc;

	--white: #ffffff;
	--black: #222222;
}

/* »ó´Ü ·¹À̾ƿô */
#hd { width: 100%; background:var(--primary); position: fixed;  top: 0; left: 0; z-index: 10; }

/* tnb */
#tnb .inner{display:flex; justify-content: flex-end; align-items: center; gap:20px;}
#tnb .right_tnb {display:flex;}
#tnb .right_tnb li {margin:0 5px; padding-left:10px; line-height:30px}
#tnb .right_tnb li:first-child {border-left:0}
#tnb .right_tnb a {color:#fff}

#hd.active { top: -37px; } 
#hd_wrapper { width: 100%; height: 68px; overflow: visible; z-index: 30; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; 
	transition-timing-function: ease-in-out; } 
/* #hd.active { background: #fff; border-bottom: 1px solid #ccc; }  */
#hd_wrapper .inner { height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 

#logo { padding: 0; float: none; } 
#gnb { height: 100%; } 
#gnb .gnb_wrap { width: 100%; } 
#gnb #gnb_1dul { background: none; -webkit-box-shadow: none; box-shadow: none; width: 100%; } 
#gnb .gnb_1dli { padding: 0; margin-left: 70px; } 
#gnb .gnb_1dli:hover { background: none; -webkit-transition: none; transition: none; } 
.gnb_1da { color: #333; } 
.gnb_1dli{position:relative;}