/* =======================
    ¸ÞÀÎ °³Æí ½Ã
    layout.css¿Í ÅëÇÕ
========================== */

/* =================================================
    common
==================================================== */
* {padding:0;margin:0;}
*:hover, *:active {text-decoration: none!important;}
@media (max-width: 1550px) {
	body.w-expand .header-wrap {
        width:1800px!important
	}
    body.w-expand {
        overflow: scroll!important;
    }
}

/* =================================================
    ·Î±×ÀÎ ÆäÀÌÁö
==================================================== */
.gateway .login-wrap {margin-top:0!important}

/* =================================================
    ·¹ÀÌ¾î ¹è°æ ºí·¯Ã³¸® 
	: ·¯¼¿ GNB ¸®´º¾ó ½Ã °øÅë CSS·Î ¿Å±â±â
==================================================== */
body.mask {overflow: hidden;/*box-sizing: border-box;*/}
.popup-bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);display: none;z-index: 100;transition: all ease-in 0.3s;}
.popup-bg.on {display: block;}


/* =================================================
    header & footer
    - ¸ÞÀαîÁö °³ÆíµÇ¸é layout.css¿¡ Ãß°¡
==================================================== */
/* header °øÅë */
.header-wrap {position:relative;height:150px;z-index: 101;background:#fff;border-bottom:1px solid #ebebeb;}
.header-inner {box-sizing: border-box;margin:0 auto}
.header-wrap .header-gnb {width:1200px;margin:0 auto 50px;display: flex;justify-content: space-between;align-items: center;padding-top:15px;font-size:14px;color:#777;}
.header-wrap .header-gnb img {vertical-align: middle;}
.top-go {display: flex;}
.top-go > div {margin-right:12px}
.go-all {position:relative;z-index: 300;}
.go-all .btn-all span {display: inline-block;height: 6px;overflow: hidden;vertical-align: middle ;margin-top: -2px}
.go-all .btn-all span img {vertical-align: top;}
.go-all .btn-all.on {color:#111;font-weight: 700;letter-spacing: 0.1px;}
.go-all .btn-all.on span img {margin-top:-6px}
.header-wrap .ico-n {padding: 2px 4px;margin-left:5px;color: #FC4F3F;font-size: 8px;font-weight: 700;line-height: normal;letter-spacing: -0.2px;border-radius: 100px;border: 1px solid #EBEBEB;background: #FFF;vertical-align: middle;}


/* ¿ìÃø »ó´Ü À¯Æ¿ */
.top-util {display: flex;gap:9px;align-items: center;}
.top-util .combine-txt {display:inline-block;padding:2px 10px;background:#2C5BF6;border-radius: 50px;border:1px solid #2C5BF6;color:#fff;font-size:13px;font-weight:600}
.top-util .combine {display:inline-block;padding:2px 10px;border-radius: 50px;border:1px solid #2C5BF6;color:#2C5BF6;font-size:13px;font-weight:600}
.top-util .login *:first-child {margin-left:0;}
.top-util .login a {margin-left:5px}
.top-util .login .user-info {margin-left:5px;color:#111;font-weight: 700;}
.top-util .dday {position:relative;margin-right:5px;padding-right:10px;color:#111;}
.top-util .dday::after {display:block;content:"";position:absolute;top:2px;right:0;height:16px;width:1px;background:#ddd}
.top-util .dday strong {color:#2C5BF6;font-weight: 800;}
.top-util .sns {display: flex;align-items: center;gap:8px;margin-left:10px;}

/* »ó´Ü ´ë¸Þ´º */
.header-wrap .header-menu {position:relative;height:61px;}
.header-wrap .header-menu h1 {line-height: 0;}
.header-wrap .header-menu .header-menu-inner {position:relative;width:1200px;margin:0 auto;}
/* .header-wrap .header-menu.active {width:1620px;} */
.header-wrap .header-menu a:hover {color:#2C5BF6!important;}
.header-wrap .menu-depth01 {position:absolute;top:0;right:0;height:61px;clear: both;z-index: 2}
.header-wrap .menu-depth01.active {width:1260px;left: 300px;}
.header-wrap .menu-depth01.active li {width:190px}
.header-wrap .menu-depth01::after {display: block;content:"";}
.header-wrap .menu-depth01 li {float: left;}
.header-wrap .menu-depth01 li a {display:block;padding:0 0 0 0;margin-left:48px;font-size:20px;font-weight: 700;color:#111;text-align: left;}
.header-wrap .menu-depth01 li:first-child a {margin-left:10px;}
.header-wrap .menu-depth01.active li a {padding:0;margin:0;text-align: left;transition:all ease .3s;}
.header-wrap .menu-depth02 {width:100%;overflow:hidden;visibility:hidden;padding-top:55px;position:absolute;top:60px;left:0;opacity: 0;z-index: 0;background:#fff;border-radius: 0 0 40px 40px;border-top:1px solid #ebebeb;}
.header-wrap .menu-depth02.active {visibility:visible;opacity: 1;z-index: 1;}
.header-wrap .menu-depth02 .menu-inner {width:1260px;margin:0 auto;transform: translateX(26.3%);padding-bottom:40px;box-sizing:border-box;display: flex;}
.header-wrap .menu-depth02 ul {width:190px!important;box-sizing: border-box;}
.header-wrap .menu-depth02 ul > li > a {display:inline-block;margin-bottom:18px;font-size:17px;color:#222;font-weight: 700;line-height: 140%;letter-spacing: -0.255px;}
.header-wrap .menu-depth02 ul > li > span {display:inline-block;margin-top:-3px}
.header-wrap .menu-depth02 ul li .sub-menu {padding-bottom:14px;}
.header-wrap .menu-depth02 ul li .sub-menu a {margin-bottom:10px;font-size: 15px;color:#555;font-weight: 400;}

/* ¿ìÃø¹è³Ê */
/* .right-ss-banner {display:none;} */

/* LNB */
.normal_sub_menu {width:230px}

/* footer */
#megaMoreSite #megagroup {bottom:71px!important;border-radius:20px 20px 0 0;}
.footer #megaMoreSite .clear_g {width:1200px}
#megaMoreSite #megagroup {width:1200px}
.footer .information-box {width:1200px}
#megaMoreSite #megagroup .item {width:230px}

.russel-navi-menu {top:30px!important;transform: translateY(0);}