/* header */
#headerWrap a { font-family: 'NotoSansKR-LIGHT'; }
#headerWrap {position:fixed; left:0; top:0; width:100%; height:100px; background:#fff; z-index:100; transition:all 0.5s ease-in-out; border-bottom: 1px solid #e5e6eb;}
#headerWrap:after {content:""; display:block; clear:both; position:absolute; left:0; top:-520px; width:100%; height:600px; background:#fff;border-bottom:1px solid #e5e6eb; opacity:0; z-index:3; transition:opacity 0.5s ease-in-out;}
#header {position:relative;}
#header:after {content:""; display:block; clear:both;}
#header h1 {position:absolute; left:100px; top:10px; width:177px; height:37px; /* transition:all 0.5s ease-in-out; */ z-index:100; margin-top:0px;}
#header h1 a {display:block; 
	width:177px; height:37px; background:url("../images/newmain/logo2_1.png?ver=1") no-repeat center/contain; margin: 22px 0;
	/*width:127px; height:64px; background:url("../images/newmain/logo_20year.png?ver=1") no-repeat center/contain; margin:7px auto 15px 0;*/
	text-indent: -9999px;/* transition:all 0.5s ease-in-out; */}
#headerWrap.styleB:after {opacity:1; top:100px;}

#gnb {position:absolute; float:right; width:100%; z-index:10; /* transition:all 0.5s ease-in-out; */}
#gnb.on {height:300px;}
#gnb>ul {margin:0 auto; width:1143px; }
#gnb>ul:after {content:""; display:block; clear:both;}
#gnb>ul>li.subDeth {float:left; height:100px; width:150px;}
#gnb>ul>li.subDeth>a {display:block; margin-left:24px;padding:40px 0px; height:100%; font-size:18px; color:#282a3c; letter-spacing:2px; line-height:20px;}
#gnb>ul>li.subDeth>div.sub_class {display:none; max-height: 70px; margin-left:24px; white-space: nowrap; padding:24px 0px; height:100%; font-size:18px; color:#282a3c; letter-spacing:2px;}
#headerWrap.styleC:after { height: 70px; }
#headerWrap.styleC:after { opacity: 1; top: 100px; transition: none;}
#headerWrap.styleC { background: #fff; }

#gnb>ul>li.subDeth>a:hover {color:#2C77F4 !important; }
#gnb>ul>li.subDeth.last a {font-weight:bold;}

#gnb>ul>li.subDeth>a>span.on_air,
#gnb>ul>li.subDeth>ul>li>a>span.on_air { 
	width:8px; 
	height:8px; 
	background:#ff3333; 
	border-radius:5px; 
	position:relative; top:-7px; 
	left:1px; 
	display:inline-block; 
	animation-name: on-air;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: normal;
}
@keyframes on-air {
/*
	0% { box-shadow: 0px 0px 1px #ff0000; }
	50% { box-shadow: 0px 0px 10px #ff0000; }
*/
	0% { opacity: 1; }
	50% { opacity: 0; }
}

#gnb>ul>li.subDeth>ul {padding-top:25px; min-height:280px; opacity:0; transition:opacity 0.5s ease-in-out; transform:translateY(-1000px);}
#headerWrap.styleB #gnb>ul>li.subDeth>ul {opacity:1;  transform:translateY(0);}

#gnb>ul>li.subDeth>ul li {width:180px; left:40px; position:relative; /*text-align:left;*/ text-align: left; line-height:30px; }
#gnb>ul>li.subDeth>ul li a {/*margin-left:40px;*/ font-size:16px; letter-spacing:-0.1px;}
#gnb>ul>li.subDeth>ul li a:hover {color:#2C77F4;}
/*
#gnb>ul>li.subDeth>ul li span{
    display: inline-block;
    width: 30px;
    height: 15px;
    background: url(../images/newmain/new.png) no-repeat center/contain;
	text-indent: -9999px;
    vertical-align: text-top;
    margin-left: 3px;
    margin-top: 2px;
}
*/

#gnb>ul>li.subDeth>ul li span.hit_tag{
    display: inline-block;
    width: 30px;
    height: 15px;
    background: url(../images/newmain/hit_tag.png) no-repeat center/contain;
    text-indent: -9999px;
    vertical-align: text-top;
    margin-left: 3px;
    margin-top: 2px;
}

#gnb>ul>li.subDeth>ul li span.hot_tag{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/newmain/hot_tag.png) no-repeat center/contain;
    text-indent: -9999px;
    vertical-align: text-bottom;
    margin-left: 3px;
    margin-top: 2px;
}

#gnb>ul>li.subDeth>ul li span.free_tag{
    display: inline-block;
    width: 30px;
    height: 15px;
    background: url(../images/newmain/free_kr.png) no-repeat center/contain;
    text-indent: -9999px;
    vertical-align: text-top;
    margin-left: 3px;
    margin-top: 2px;
}
 


#gnbOverBar {display:none; position:absolute; left:0; top:97px; width:0; height:3px; background:#2C77F4; transition:all 0.2s ease-in-out;}


#header .utilWrap {position:absolute; right:100px; min-width:500px; height: 100px; z-index:10; white-space:nowrap;} 
#header .util:after,
#header .topMenu:after {content:""; display:block; clear:both;}
#header .util li {float:left; margin-left:20px;}
#header .util li a {font-size:12px; color:rgba(255,255,255,0.7);}

#header .topMenu {position:absolute; right:0; margin-top:25px;}
#header .topMenu li {position:relative; float:left;padding-left:15px; white-space:nowrap; cursor:pointer;}
#header .topMenu li.cs_phone { cursor:auto;}
#header .topMenu li:before {content:""; display:block; clear:both; position:absolute; left:0; top:19px; width:1px; height:13px; background: #dcd6d6;}
#header .topMenu li:first-of-type:before{display: none;}
#header .topMenu li a { display: block; margin-top:15px; font-size:17px; color:#282a3c; letter-spacing:0.5px; font-weight:bold; line-height: 20px;}
#header .topMenu li:first-of-type b{ color: #2c77f4; }
#header .topMenu li:last-of-type a{ margin-top:0; }
#header .topMenu li + li {position:relative; margin-left:15px; }
#header .topMenu li + li:before {background-position-x:-10px;}

#headerWrap.styleB {background:#fff}
#headerWrap.styleB #header h1 a {display:block; 
	width:177px; height:37px; background:url("../images/newmain/logo2_1.png") no-repeat center/contain;
	/*width:127px; height:64px; background:url("../images/newmain/logo_20year.png") no-repeat center/contain;*/}
#headerWrap.styleB #header .util li a {color:#969696;}
#headerWrap.styleB #header .topMenu li a {color:#282a3c;}
#headerWrap.styleB #header .topMenu li:before {background-position:0 -12px;}
#headerWrap.styleB #header .topMenu li + li:before {background-position:-10px -12px;}
#headerWrap.styleB #gnb>ul>li.subDeth a {color:#382e2c; cursor: pointer; font-weight: normal;}
#headerWrap.styleB #gnb>ul>li.subDeth a:hover {color:#2C77F4; font-weight:bold; }

#headerWrap.on {/* height:65px;  */background:#fff;}
#headerWrap.on #gnb {/* margin-top:22px */}
#headerWrap.on #header h1 {/* top:10px; */}
#headerWrap.on #header h1 a {display:block; /* width:100px !important; height:48px !important; background:url("../images/newmain/logo.png") no-repeat center center;*/}
#headerWrap.on #header .util li a {color:#969696;}
#headerWrap.on #header .topMenu li a {color:#282a3c;}
#headerWrap #header .topMenu li a .img_cs_phone { background:url("../images/newmain/call_icon.png") no-repeat center bottom/contain; width:15px; height: 15px; display: inline-block; margin-right: 10px; }
#headerWrap #header .topMenu li i{font-style: normal;}
#headerWrap #header .topMenu li a .img_login { background:url("../images/newmain/login_icon.png") no-repeat center bottom/contain; width:15px; height: 15px; display: inline-block; margin-right: 10px;}
#headerWrap #header .topMenu li a.img_request { display: inline-block; width:150px; height: 50px; background:url("../images/newmain/request_btn.png") no-repeat center bottom/contain; text-indent: -9999px;}
#headerWrap #header .topMenu li.cs_phone a { cursor: default; } 
#headerWrap #header .topMenu li.login a:hover { color:#2C77F4; } 
#headerWrap.on #header .topMenu li:before {background-position:0 -12px;}
#headerWrap.on #header .topMenu li + li:before {background-position:-10px -12px;}
#headerWrap.on #gnb>ul>li.subDeth a {color:#382e2c;}
/* #headerWrap.on #gnbOverBar {top:66px;}
#headerWrap.on.styleB:after {top:66px;} */

#login-popup{
	display:none;
	position: absolute;
    border: 1px solid #d3d3d3;
	/*top: 150px;*/
	top: 103px;
	right: 7%;
	width: 400px;
	border-radius: 10px; 
	z-index: 101;
	background-color:rgba(255,255,255,0.8);
}
#login-popup .popup-head{
	position: relative;
	padding-top: 15px;
	height: 50px;
/*
	padding-top: 24px;
	height: 70px;
*/
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
/*
	background: #2c77f4;
*/
	background-color:rgba(44, 119, 244, 0.8);
	text-align: center;
	color: #fff;
}
#login-popup .popup-head h2{
	text-indent: -9999px;
	margin: 0 auto;
	width: 121px;
	height: 22px;
	background: url('../images/newmain/ezadmin_white_logo.png') no-repeat center/contain;
}
#login-popup .login-popup-close{
	position: absolute;
	cursor: pointer;
	top: 15px;
/*
	top: 25px;
*/
	right: 25px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('../images/newmain/close.png') no-repeat center/contain;
	text-indent: -9999px;
	z-index: 101;
}
#login-popup .content-inner{
	/*padding: 30px; */
	padding: 26px; 
	text-align: center;
	border-radius: 0 0 10px 10px;
}
#login-popup .content-inner h3{
	font-family: 'NotoSansKR-Bold';
/*
	font-size: 30px;
*/
	font-size: 23px;
	color: #282a3c;
}
#login-popup .content-inner>p{
	font-family: 'NotoSansKR-Light';
	font-size: 14px;
	color: #595d6e;
}
#login-popup #savedomain {
	margin-top:-3px;
}
#login-popup input.box{
	width: 100%;
/*
	height: 50px;
*/
	height: 38px;
	margin-bottom: 2px;
	padding-left: 15px;
	background: #f2f3f8;
	border: 1px solid #e5e6eb;
	font-family: 'NotoSansKR-Regular';
}
#login-popup .txt{
	margin-bottom: 8px;
	/*margin-bottom: 20px;*/
}

#login-popup input.box::placeholder{
	color: #a2a5b9;
	font-size: 14px;
}
#login-popup .check-save-login{
	/*margin: 10px 0 20px;*/
	margin: 10px 0 15px;
}
#login-popup .login-btn{
    display: block;
	cursor: pointer;
	width: 100%;
    border: 1px solid #2c77f4;
    /*padding: 14px;*/
    padding: 10px;
/*    margin-bottom: 15px;*/

	background: #2c77f4;
	color: #fff;

	font-size: 20px;
    font-weight: bold;
}
#login-popup .login-btn:hover{

	color: #2c77f4;
	background: transparent;

	transition: all .1s ease-in;
}
#login-popup .login_btn{
	font-family: 'NotoSansKR-Regular';
}
#login-popup .cc-info span{
    display: inline-block;
	position: relative;
	text-indent: -9999px;
}
#login-popup .cc-info span:after{
	content: "";
	display: inline-block;
	margin-right: 4px;
	width: 7px;
	height: 19px;
	position: absolute;
	top: 0;
	right: 0;
	background: url('../images/newmain/call.png') no-repeat center/contain;
}


/* 2026.02.25 헤더 수정 사항 */
#headerWrap.styleB #gnb>ul>li.subDeth > ul {
	display: none;
}
#headerWrap.styleB #gnb>ul>li.subDeth.on > ul {
	display: flex;
}
#gnb > ul > li.subDeth {
	
}
#gnb > ul > li.subDeth > ul {
	width: 1143px;
	margin: 0 auto;
	margin-left: calc(24px - 40px);
	padding-top: 20px;
}
#gnb > ul > li.subDeth:nth-child(2) > ul {
	margin-left: calc(8px - 430px);
}
#gnb > ul > li.subDeth:nth-child(3) > ul {
	margin-left: calc(24px - 340px);
}
#gnb > ul > li.subDeth.on > a {
	color:#2C77F4 !important;
	font-weight: bold !important;
}
#gnb > ul > li.subDeth > ul li {
	width: 380px;
}
#gnb > ul > li.subDeth > ul .subDeth-col {
    margin-right: 16px;
}
#gnb > ul > li.subDeth > ul .subDeth-col a {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}
#headerWrap:after {
	height: 300px;
}

#gnb > ul > li.subDeth > ul li .sub-menu-img {
	margin-left: -20px;
	margin-top: -15px;
}
#gnb > ul > li.subDeth > ul li .sub-menu-icon {
	background: #e5e7ee;
    border-radius: 8px;
	padding: 5px 9px;
}
#gnb > ul > li.subDeth > ul li .sub-menu-icon img {
	height: 24px;
}
#gnb > ul > li.subDeth > ul li span.sub-menu-title {
	font-size: 14px;
	font-weight: 600;
	line-height: 150%;
}
#gnb > ul > li.subDeth > ul li span.sub-menu-desc {
	font-size: 12px;
	color: #787f88;
	line-height: 150%;
    word-break: keep-all;
}

#gnb .flex-row {
	display: flex;
	flex-direction: row;
	align-items: center;
    gap: 10px;
}
#gnb .flex-col {
	display: flex;
	flex-direction: column;
}