@charset "utf-8";

@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
html, body, div, span, object, iframe, em, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p {line-height: 1.6; }
body,button, label, select, input { font-family:'S-CoreDream-4Regular', 'Noto Sans KR', '맑은고딕', Malgun Gothic, sans-serif; letter-spacing: -0.05em;}
img {max-width:100%; }
em {font-style:normal; }
* {line-height:1.2; letter-spacing:-0.04em; }
.fix-layout {position:relative; max-width:1200px;margin:0 auto;}

#wrap {overflow:hidden;}

.m_gnb_nav{display:none}

/* mobile navi */
#mobLnb {display:none; position:fixed; top:0; right:-100%; max-width:300px; width:100%; height:100%; z-index:99999; box-sizing:border-box;}
#mobLnb > div {margin-left:50px; min-height:100%; padding-bottom:50px; position:relative; background:#fff; box-sizing:border-box; overflow-y:auto;}
#mobLnb .btn_close {background:url(../img/common/ico_close.png) no-repeat center; position:absolute; top:0; left:0; width:50px; height:50px; line-height:0; text-indent:-9999px; font-size:0; }

/* mobile mask */
.stop_scrolling {height:100%; overflow:hidden !important; }
.stop_scrolling #wrap:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index:999;}

@media all and (max-width:1024px) {
	html, body, div, span, object, iframe, em, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p {line-height: 1.2;}
	.open_sc{position:absolute; top:71px; right:10px;}
	.open_kw, .close_kw{display:block; width:40px; height:40px; text-indent:-9999px; background:#1f2872 url(/common/img/common/btn_global.png) no-repeat -81px 8px;}
	.close_kw{background-position:-123px 8px;}
	.menu_mobile{display:none; position:absolute; left:10px; top:14px; z-index:9999;}
	.menu-btn {position:relative; width:52px; height:52px; display:inline-block; vertical-align:middle; background: #13377f; }
	.menu-btn .bar {display:inline-block; position:absolute; left:14px; width:25px; height:3px; background-color:#fff; transform-origin:50%; transition:.24s cubic-bezier(.3,.74,.5,.93); }
	.menu-btn .bar-01{top:15px;}
	.menu-btn .bar-02{top:23px;}
	.menu-btn .bar-03{top:32px;}
	.menu-btn.open .bar-01{top:22px; transform:rotate(45deg)}
	.menu-btn.open .bar-02{opacity:0.0;}
	.menu-btn.open .bar-03{top:22px; transform:rotate(-45deg)}

	#mobLnb{display:block}
	.menu_mobile {left:auto; right:10px; }
	#lnb_nav {display:none; }
}

@media screen and (max-width:640px) {
	.m_gnb_nav {display:block}
	#mobLnb .depth1 > li > a {font-sizse:16px; }
	#mobLnb .depth2 > li > a {font-sizse:13px; }

	.menu-btn {transform-origin:100% 0; transform:scale(.8); -webkit-transform:scale(.8);}
}
@media screen and (max-width:425px) {
	#mobLnb .menu_top .bw2{width:100%; float:none; margin-left:0; }
	#mobLnb .menu_top .namu{width:37%; position:absolute; right:12px; top:66px; }
	#mobLnb .menu_top .namu img {width:100%; }
}