@charset "utf-8";

/* 모바일 주소창 제외한 높이 100% */
.h100vh{height: calc(var(--vh, 1vh) * 100) !important;}
.min_h100vh{min-height: calc(var(--vh, 1vh) * 100) !important;}


/* wrap */
.wrap{position: relative; width: 1400px; height: 100%; margin: 0 auto;}
@media (max-width: 1500px){
    .wrap{width: 100%; padding: 0 30px;}
}
@media (max-width: 640px){
    .wrap{padding: 0 15px;}
}


/* header */
#header{position: fixed; z-index: 11; top: 0; left: 0; width: 100%; min-width: 320px; background-color: transparent;}
#header:before{content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 90px; background-color: var(--white); transform: translateY(-100%); transition: 0.5s cubic-bezier(.2,0,.2,1); /* border-bottom: 1px solid #f2f2f2; */}
#header.on{border-bottom: 1px solid #f2f2f2; background-color: var(--white);}
#header.on:before{display: none !important;}
/* #header.on:after{content: ""; position: absolute; top: 90px; left: 0; width: 100%; height: 1px; background-color: #f2f2f2;} */
#header.black{border-bottom: 1px solid #f2f2f2; background-color: var(--white);}
#header.black:before{content: ""; display: block !important; position: absolute; top: 91px; left: 0; height: 1px; width: 100%; background-color: #f2f2f2; transition: 0s;}
#header.scrolled{}
#header.scrolled:before{transform: translateY(0%);}
#header > .wrap{display: flex; flex-wrap: wrap; height: 100%; align-items: flex-start; width: calc(100% - 80px);}

#header .logo{width: 110px;}
#header .logo a{display: block; line-height: 90px;}
#header .logo a img{width: 100%; height: auto; margin-top: -4px;}
#header .logo a img.color{display: none;}
#header.on .logo a img.white{display: none;}
#header.on .logo a img.color{display: inline;}
#header.black .logo a img.white{display: none;}
#header.scrolled .logo a img.white{display: none;}
#header.black .logo a img.color{display: inline;}
#header.scrolled .logo a img.color{display: inline;}

#header .line{opacity: 0;}
.main #header .line{position: fixed; top: 90px; left: 0; height: 1px; width: 100%; background-color: #f2f2f2;}
.main #header.on .line{opacity: 1;}
.main #header.scrolled .line{opacity: 1; transition-delay: 0.5s;}
@media (max-width: 1820px){

}
@media (max-width: 1500px){
    #header > .wrap{width: 100%;}
}
@media (max-width: 1280px){
    .main #header .line{top: 70px;}
    #header:before{height: 70px;}
    #header.black:before{top: 71px;}
    #header > .wrap{align-items: center;}
    #header .logo a{line-height: 70px;}
}
@media (max-width: 640px){
    .main #header .line{top: 55px;}
    #header:before{height: 55px;}
    #header.black:before{top: 56px;}
    #header .logo{width: 90px;}
    #header .logo a{line-height: 55px;}
    #header .logo a img{margin-top: 0; width: 100%; height: auto;}
}


/* nav */
#nav{color: #fff; width: calc(100% - 110px - 305px); letter-spacing: 0;}
#header.on #nav{color: var(--main);}
#header.black #nav{color: var(--main);}
#header.scrolled #nav{color: var(--main);}
#nav .d1{display: flex; flex-wrap: wrap; justify-content: center;}
#nav .d1 > li{}
#nav .d1 > li.current{}
#nav .d1 > li > a{position: relative; display: block; font-weight: var(--fwm); line-height: 90px; padding: 0 84px 0 0; font-size: 19px;}
#nav .d1 > li.current > a{}
#nav .d1 > li.current > a:hover,
#nav .d1 > li.current > a:focus{color: #2850fa;}
/* #header.on #nav .d1 > li > a{padding: 0 42px;} */
#nav .d1 > li > a span{position: relative;}
#nav .d1 > li > a span:before{content: ""; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background-color: #2850fa; transition: width 0.2s ease;}
#nav .d1 > li.current > a span:before{width: 100%;}

#nav .d2{overflow: hidden; visibility: hidden; height: 0; padding-top: 0; text-align: center; transition: height 0.1s;}
#nav .d1 > li.current > .d2{}
#nav .d2 > li{}
#nav .d2 > li > a{display: block; padding: 9px 0; font-weight: var(--fwm); text-align: left;}
#nav .d2 > li > a.on{color: var(--theme);}
#nav .d1 > li.current > .d2 > li > a{}
#nav .d2 > li > a:hover,
#nav .d2 > li > a:focus{color: #2850fa;}
@media (max-width: 1800px){
    #nav{padding: 0 0 0 25px;}
    #nav .d1 > li > a{font-size: 18px; padding: 0 74px 0 0;}
}
@media (max-width: 1430px){
    #nav{display: none;}
}


/* snb */
.snb{margin-left: auto; margin-top: 30px; display: flex; flex-wrap: wrap; align-items: center;}
@media (max-width: 1280px){
    .snb{margin-top: 0;}
}


/* search */
#search{position: relative; display: inline-block; width: 220px; margin: 0 20px 0 0; transition: width 0.2s ease-in-out;}
#search:focus-within{width: 250px;}
#search input{width: 100%; height: 30px; border-radius: 30px; border: none; outline: none; padding: 0 30px 0 15px; background-color: var(--white); font-family: inherit; font-weight: var(--fwm); font-size: 12px; letter-spacing: -0.05em;}
#search input::placeholder{color: #a2a2a2;}
#header.on #search input{background-color: #f5f5f5;}
#header.black #search input{background-color: #f5f5f5;}
#header.scrolled #search input{background-color: #f5f5f5;}
#search label{}
#search button{position: absolute; top: 8px; right: 10px; width: 14px; height: 14px; background: url("/src/img/2024/common/sch.svg") no-repeat center; font-size: 0;}


/* login_timer */
.snb .login_timer{display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; font-weight: var(--fwsb); color: #fff;}
.snb .login_timer .name{max-width: 110px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.snb .login_timer .name a:hover,
.snb .login_timer .name a:focus{text-decoration: underline;}
.snb .login_timer .timer{color: #8aa0ff; margin: 0 5px;}
.snb .login_timer .btn_timer{display: inline-block; line-height: 26px; color: #5c5c5c; background-color: #f9f9f9; font-weight: var(--fwm); font-size: 14px; border-radius: 5px; padding: 0 6px; transition: 0.25s;}
.snb .login_timer .btn_timer:hover{background-color: #222; color: #fff;}
#header.on .snb .login_timer{color: #000;}
#header.black .snb .login_timer{color: #000;}
#header.scrolled .snb .login_timer{color: #000;}


/* login_links */
.snb .login_links{display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 0 16px;}
.snb .login_links > li{}
.snb .login_links > li > a{position: relative; display: block; width: 28px; height: 28px; font-size: 0; background-repeat: no-repeat; background-position: bottom center;}
.snb .login_links > li > a.mypage{background-image: url("/src/img/2024/common/user.svg");}
.snb .login_links > li > a.logout{background-image: url("/src/img/2024/common/logout.svg");}
.snb .login_links > li > a.alert{background-image: url("/src/img/2024/common/alert.svg");}
.snb .login_links > li > a.alert.hasAlert:before{content: ""; position: absolute; top: 14px; left: 16px; width: 9px; height: 9px; border-radius: 50%; background-color: #7b94ff;}
#header.on .snb .login_links > li > a{background-position: top center;}
#header.black .snb .login_links > li > a{background-position: top center;}
#header.scrolled .snb .login_links > li > a{background-position: top center;}
@media (max-width: 1280px){
    #search{display: none;}
    /* .snb .login_links{position: absolute; width: 0; height: 0; overflow: hidden;} */
    .snb .login_links{/* display: none; */ margin: 0 0 0 8px;}
    .snb .login_links > li{display: none;}
    .snb .login_links > li:nth-child(1){display: block;}
}
@media (max-width: 640px){
    .snb .login_timer .btn_timer{line-height: 22px;}
}

.snb .login_links > li:has(.dropdown){position: relative;}
.snb .login_links .dropdown{display: block; visibility: hidden; opacity: 0; z-index: -1; transition: 0.2s; position: absolute; top: calc(100% + 20px); right: -70px; background-color: #fff; width: 450px; border-radius: 15px; letter-spacing: -0.04em; overflow: hidden; overscroll-behavior: contain; box-shadow: 0px 0px 20px rgba(0,0,0,0.4);}
.snb .login_links .dropdown.on{display: block; visibility: visible; opacity: 1; z-index: 0;}
.snb .login_links .dropdown .top{display: flex; flex-wrap: wrap; background-color: #6993ff; color: #fff; padding: 11px 25px;}
.snb .login_links .dropdown .top .title{font-size: 20px; font-weight: var(--fwsb); line-height: 1.4;}
.snb .login_links .dropdown .top .dd_close{position: relative; display: block; width: 16px; height: 16px; margin: 7px 0 0 auto; font-size: 0;}
.snb .login_links .dropdown .top .dd_close:before,
.snb .login_links .dropdown .top .dd_close:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 14px; height: 2px; background-color: #fff;}
.snb .login_links .dropdown .top .dd_close:after{transform: translate(-50%, -50%) rotate(-45deg);}
.snb .login_links .dropdown .mid{padding: 15px 15px 20px; height: 515px; overflow-y: auto; overscroll-behavior: contain;}
.snb .login_links .dropdown .mid .unread_list{display: flex; flex-direction: column; gap: 10px;}
.snb .login_links .dropdown .mid .unread_list > li{}
.snb .login_links .dropdown .mid .unread_list > li > a{display: block; background-color: #eaf1fb; border-radius: 10px; padding: 20px 25px;}
.snb .login_links .dropdown .mid .unread_list > li > a.on{/* box-shadow: inset 0 0 0 1px #6993ff; */}
.snb .login_links .dropdown .mid .unread_list .item_head{display: flex; padding: 0 0 12px;}
.snb .login_links .dropdown .mid .unread_list .item_head .type{font-weight: var(--fwsb);}
.snb .login_links .dropdown .mid .unread_list .item_head .time{margin-left: auto;}
.snb .login_links .dropdown .mid .unread_list .item_con{text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 22px; height: 44px;}
.snb .login_links .dropdown .mid .unread_list > li > a.on .item_con{display: block !important; height: auto;}
.snb .login_links .dropdown .bot{padding: 30px 15px 45px;}
.snb .login_links .dropdown .bot .btn_wrap{display: flex; justify-content: center;}
.snb .login_links .dropdown .bot .btn_wrap .btn{color: #fff; background-color: #283E80; border-radius: 7px; line-height: 40px; padding: 0 20px; font-weight: var(--fwm);}
@media (max-width: 1280px){
    .snb .login_links .dropdown{position: fixed; top: 70px; left: 20px; right: 20px; width: auto; height: calc(100vh - 250px);}
    .snb .login_links .dropdown .mid{height: calc(100% - 50px);}
}



/* logout_links */
.snb .logout_links{}
.snb .logout_links > li{}
.snb .logout_links > li a{display: inline-block; letter-spacing: -0.04em; font-size: 14px; font-weight: var(--fwsb); color: var(--white); line-height: 30px; box-shadow: inset 0 0 0 1px #fff; border-radius: 10px; padding: 0 10px;}
.snb .logout_links > li a span{}
.snb .logout_links > li a span:before{content: ""; display: inline-block; vertical-align: middle; margin: -2px 3px 0 0; width: 14px; height: 14px; background: transparent url("/src/img/2024/common/login_small.png") no-repeat center;}
#header.black .snb .logout_links > li a{box-shadow: inset 0 0 0 1px #ededed; color: #5c5c5c;}
#header.black .snb .logout_links > li a span:before{filter :  brightness(0) saturate(100%);}
#header.on .snb .logout_links > li a,
#header.scrolled .snb .logout_links > li a{box-shadow: inset 0 0 0 1px #ededed; color: #5c5c5c;}
#header.on .snb .logout_links > li a span:before,
#header.scrolled .snb .logout_links > li a span:before{filter :  brightness(0) saturate(100%);}


/* btn_menu */
.btn_menu{display: none; position: relative; width: 18px; height: 28px; margin-left: 8px; background-color: transparent; font-size: 0;}
.btn_menu span{position: absolute; display: inline-block; width: 100%; height: 2px; background-color: var(--white); transition: transform 0.2s;}
.btn_menu span:nth-child(1){left: 50%; top: 35%; transform: translate(-50%);}
.btn_menu span:nth-child(2){left: 50%; top: 65%; transform: translate(-50%);}
#header.on .btn_menu span{background-color: var(--main);}
#header.black .btn_menu span{background-color: var(--main);}
#header.scrolled .btn_menu span{background-color: var(--main);}

.btn_menu.on{}
/* .btn_menu.on span:nth-child(1){top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 110%;} */
/* .btn_menu.on span:nth-child(2){top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 110%;} */
@media (max-width: 1430px){
    .btn_menu{display: block;}
}
@media (max-width: 1280px){

}


/* m_menu */
#m_menu{position: fixed; z-index: 12; top: 0; bottom: 0; left: 100%; transform: translateX(0); max-width: 515px; width: 100%; padding: 0; transition: all 0.25s ease-in-out; background-color: #f5f5f5; display: flex; flex-direction: column; color: #002367;}
#m_menu.on{transform: translateX(-100%);}

#m_menu .btn_mm_close{position: absolute; top: 0; right: 0; font-size: 0; border-radius: 0 0 0 15px; background-color: #283e80; padding: 12px 15px;}
#m_menu .btn_mm_close .shape{position: relative; display: inline-block; width: 16px; height: 16px;}
#m_menu .btn_mm_close .shape:before,
#m_menu .btn_mm_close .shape:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 100%; height: 2px; background-color: #fff;}
#m_menu .btn_mm_close .shape:after{transform: translate(-50%, -50%) rotate(-45deg);}


#m_menu .top{display: flex; flex-wrap: wrap; align-items: center; padding: 45px 50px 20px;}
#m_menu .top .logo{width: auto;}
#m_menu .top .logo img{display: block;}
#m_menu .top .mm_links{margin-left: auto; display: flex; gap: 11px;}
#m_menu .top .mm_links > li{}
#m_menu .top .mm_links > li a{display: block; width: 28px; height: 28px; background-repeat: no-repeat; background-position: center; font-size: 0;}
#m_menu .top .mm_links > li a.alert{background-image: url("/src/img/2024/common/gq_alert.svg");}
#m_menu .top .mm_links > li a.mypage{background-image: url("/src/img/2024/common/gq_user.svg");}
#m_menu .top .mm_links > li a.logout{background-image: url("/src/img/2024/common/gq_logout.svg");}
#m_menu .top .mm_links > li a.login{background-image: url("/src/img/2024/common/gq_login.svg");}
#m_menu .top .m_sch{position: relative; flex: 0 0 auto; width: 100%; margin-top: 18px;}
#m_menu .top .m_sch input{width: 100%; height: 45px; border-radius: 45px; color: #000; padding: 0 25px; background-color: #fff; border: none; outline: none; color: #222; letter-spacing: -0.02em; font-family: inherit; font-size: 1rem; font-weight: var(--fwm);}
#m_menu .top .m_sch input::placeholder{color: #222;}
#m_menu .top .m_sch button{position: absolute; top: 0; right: 8px; height: 100%; width: 40px; background: transparent url("/src/img/2024/common/mm_sch.svg") no-repeat center; font-size: 0;}

#m_menu .m_nav{overflow-y: auto; overscroll-behavior: contain; color: #fff; letter-spacing: -0.02em; padding: 0 50px 20px;}
#m_menu .m_nav::-webkit-scrollbar{width: 6px; height: 4px;}
#m_menu .m_nav::-webkit-scrollbar-thumb{background-color: rgba(255,255,255,0.3); border-radius: 0;}
#m_menu .m_nav::-webkit-scrollbar-track{background-color: transparent;}
#m_menu .m_nav .d1{}
#m_menu .m_nav .d1 > li{}
#m_menu .m_nav .d1 > li + li{border-top: 1px solid #dfdfdf;}
#m_menu .m_nav .d1 > li > a{display: flex; flex-wrap: wrap; align-items: center; font-size: 18px; font-weight: var(--fwsb); line-height: 1.2; padding: 26.5px 0; color: #002367;}
#m_menu .m_nav .d1 > li > a:after{content: ""; margin-left: auto; display: inline-block; width: 13px; height: 8px; background: url("/src/img/2024/common/mm_arr.svg") no-repeat center;}
#m_menu .m_nav .d1 > li > a.on:after{transform: rotateX(180deg);}
#m_menu .m_nav .d2{display: none;}
#m_menu .m_nav .d2 > li{padding: 0 0 0 28px;}
#m_menu .m_nav .d2 > li + li{}
#m_menu .m_nav .d2 > li > a{display: block; padding: 15px 0; color: #566D99; font-size: 1rem; font-weight: var(--fwm); line-height: 1.25;}
#m_menu .m_nav .d2 > li:first-child > a{padding-top: 0;}
#m_menu .m_nav .d2 > li:last-child > a{padding-bottom: 29px;}
#m_menu .m_nav .d2 > li + li > a{}

#m_menu .bot{margin-top: auto;}
#m_menu .bot .btn_wrap{display: flex; flex-wrap: wrap; gap: 0;}
#m_menu .bot .btn_wrap a{flex: 1; display: block; background-color: #283e80; color: #fff; line-height: 80px; text-align: center; padding: 0;}
#m_menu .bot .btn_wrap a + a{border-left: 1px solid #3C559F;}
#m_menu .bot .btn_wrap a span{}
#m_menu .bot .btn_wrap a span:before{content: ""; display: inline-block; vertical-align: middle; margin: -6px 7px 0 0; width: 21px; height: 19px; background-repeat: no-repeat; background-position: center;}
#m_menu .bot .btn_wrap a.cert span:before{background-image: url("/src/img/2024/main/ico_lock.svg");}
#m_menu .bot .btn_wrap a.voucher span:before{background-image: url("/src/img/2024/main/ico_voucher.svg");}
@media (max-width: 640px){
    #m_menu{width: 100%; max-width: none;}
    #m_menu .btn_mm_close{border-radius: 0 0 0 10px;}
    #m_menu .top{padding: 55px 20px 10px;}
    #m_menu .m_nav{padding: 0 20px 20px;}
    #m_menu .m_nav .d1 > li > a{padding: 20px 0;}

    #m_menu .m_nav .d2 > li{padding: 0 0 0 15px;}
    #m_menu .m_nav .d2 > li > a{padding: 10px 0;}
    #m_menu .m_nav .d2 > li:last-child > a{padding-bottom: 20px;}

    #m_menu .bot .btn_wrap a{line-height: 60px;}
}


/* aside */
#aside{position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); right: 0; width: 220px;}
#aside .aside_list{}
#aside .aside_list > li{padding: 26px 0;}
#aside .aside_list > li + li{border-top: 1px solid #aaa;}
#aside .aside_list > li a{display: flex; gap: 8px; flex-wrap: wrap; align-items: center; font-size: 18px; font-weight: var(--fwsb); color: var(--white); line-height: 1; letter-spacing: 0;}
#aside .aside_list > li a > div{flex: 0 0 auto; width: 63px; display: inline-flex; align-items: flex-start; flex-direction: column; gap: 6px;}
#aside .aside_list > li a > div img{}
#aside .aside_list > li a > div span{}
#aside .aside_list > li a:after{content: ""; display: inline-block; width: 35px; height: 35px; border-radius: 50%; background-color: var(--white); background-repeat: no-repeat; background-position: center; transition: 0.25s;}
#aside .aside_list > li a:hover:after{background-color: #2850fa;}
#aside .aside_list > li a.cert:after{background-image: url("/src/img/2024/main/ico_lock_blue.svg");}
#aside .aside_list > li a.voucher:after{background-image: url("/src/img/2024/main/ico_voucher_blue.svg");}
#aside .aside_list > li a.cert:hover:after{background-image: url("/src/img/2024/main/ico_lock.svg");}
#aside .aside_list > li a.voucher:hover:after{background-image: url("/src/img/2024/main/ico_voucher.svg");}
@media (max-width: 1430px){
    #aside{display: none;}
}


/* footer */
#footer{background-color: var(--gray_light); font-size: 14px; padding: 50px 0 45px;}
#footer > .wrap{display: flex; flex-wrap: wrap; height: auto;}

#footer .left{flex: 1;}
#footer .f_logo{}
#footer .f_logo img{}
#footer .address{display: flex; flex-wrap: wrap; gap: 4px 10px; padding: 26px 0 0; color: var(--gray);}
#footer .address > li{width: 100%;}
#footer .address > li:nth-child(n+3){width: auto;}
#footer .copyright{padding: 5px 0 0; font-size: 12px; font-weight: var(--fwsb); color: var(--gray_dark);}

#footer .right{margin-left: auto; display: flex; flex-direction: column; flex-wrap: wrap;}
#footer .family{display: flex; flex-wrap: wrap; align-items: center; gap: 39px; text-transform: uppercase;}
#footer .family h4{font-weight: var(--fwsb);}
#footer .family h4 span:before{content: ""; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; width: 3px; height: 12px; border-radius: 3px; background-color: var(--theme_lightgreen);}
#footer .family .list{display: flex; flex-wrap: wrap; gap: 34px;}
#footer .family .list > li{}
#footer .family .list > li a{text-transform: uppercase; font-size: 14px;}
#footer .f_links{/* margin-left: auto; */ margin-top: auto; display: flex; flex-wrap: wrap; gap: 11px 46px; max-width: 306px; font-size: 1rem; font-weight: var(--fwm);}
#footer .f_links > li{width: calc( (100% - 46px) / 2 );}
#footer .f_links > li a{}
#footer .f_links > li a b{font-weight: var(--fwb);}
@media (max-width: 1024px){
    #footer > .wrap{flex-direction: column-reverse;}
    #footer .right{margin-left: 0; margin-bottom: 30px;}
    #footer .f_links{max-width: none; gap: 5px 34px; padding: 20px 0 0;}
    #footer .f_links > li{width: auto;}
}
@media (max-width: 768px){
    #footer .f_links{gap: 5px 0;}
    #footer .f_links > li{width: 33.333%; padding: 0 10px 0 0;}
}
@media (max-width: 460px){
    #footer .f_links{font-size: 13px;}
    #footer .f_logo img{width: auto; height: 40px;}
}


/* global_quick */
#global_quick{display: none; position: fixed; z-index: 3; bottom: 0; left: 0; width: 100%; transform: translateY(0%); transition: 0.35s ease-out;}
#global_quick.out{transform: translateY(100%);}
.gq_list{display: flex; flex-wrap: wrap; background-color: rgba(255,255,255,0.8);}
.gq_list > li{flex: 1;}
.gq_list > li a{font-size: 0; display: block; line-height: 28px; background-position: center; background-repeat: no-repeat; padding: 8px 0 6px;}
.gq_list > li a.alert{background-image: url("/src/img/2024/common/gq_alert.png");}
.gq_list > li a.mypage{background-image: url("/src/img/2024/common/gq_user.png");}
.gq_list > li a.logout{background-image: url("/src/img/2024/common/gq_logout.png");}
.gq_list > li a.btn_menu_gq{}
.gq_list > li a.btn_menu_gq .shape{position: relative; display: block; margin: 0 auto; width: 28px; height: 28px;}
.gq_list > li a.btn_menu_gq .shape em{position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: inline-block; width: 18px; height: 2px; background-color: #000;}
.gq_list > li a.btn_menu_gq .shape em:nth-child(1){top: 9px;}
.gq_list > li a.btn_menu_gq .shape em:nth-child(2){top: 17px;}
@media (max-width: 1280px){
	#global_quick{display: block;}
	#global_quick:before{content: ""; display: none; position: absolute; bottom: 100%; left: 0; right: 0; height: 16px; background-color: #11202e;}
}



/* 서브페이지 */
#sub_container{min-height: 400px; margin: 90px auto 0; padding-top: 60px; /*max-width: 1400px; padding: 0 50px;*/}
#sub_container.hasNewBiz{padding: 20px 0;}
#sub_container .inner {
    max-width: 1080px; margin: 0 auto;
}
@media (max-width: 1440px){

}
@media (max-width: 1400px){
    #sub_container{padding-top: 40px;}
}
@media (max-width: 1280px){
    #sub_container{margin: 70px auto 0; padding-top: 40px;}
    #sub_container .inner {padding: 0 30px;}
}
@media (max-width: 640px){
    #sub_container{margin: 56px auto 0; padding-top: 24px;}
    #sub_container .inner {padding: 0 15px;}
}


/* pageTop */
.pageTop{padding: 0 0 50px;}

.pageTop .page_tit{}
.pageTop .page_tit h2{font-size: 30px; font-weight: var(--fwsb); line-height: 1;}

.pageTop .location{display: flex; width: auto; flex-wrap: nowrap; overflow-x: auto; gap: 50px; padding: 31px 0 0; /* display: none !important; */}
.pageTop .location:after{content: ""; flex: none; position: sticky; z-index: 1; right: 0; display: block; width: 30px; height: 20px; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); pointer-events: none;}
.pageTop .location::-webkit-scrollbar{height: 8px; /*display: none;*/}
.pageTop .location::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #dcdcdc;}
.pageTop .location::-webkit-scrollbar-track{border-radius: 10px; background-color: rgba(193,193,193,0.2);}
.pageTop .location > li{flex: 0 0 auto; display: inline-block; width: auto; margin-right: 0; margin-top: 0;}
.pageTop .location > li a{display: inline-block; font-size: 16px; font-weight: 500; letter-spacing: -0.04em; color: #666; line-height: 1.2; padding: 0 0 10px;}
.pageTop .location > li a.on{color: #000; font-weight: var(--fwsb); border-bottom: 2px solid #2850fa;}
.pageTop .location > li a span{}
@media (max-width: 640px){
    .pageTop{padding: 0 0 40px;}

    .pageTop .page_tit h2{font-size: 22px;}

    .pageTop .location{gap: 20px; padding: 20px 0 0;}
    .pageTop .location > li a{font-size: 14px; padding: 0 0 3px;}
}


/* sub_content */
.sub_content{min-height: 520px;}
@media (max-width: 640px){
    .sub_content{min-height: 600px;}
}


/* 메인페이지 공지 팝업 */
.popup{display: none; border-radius: 20px; overflow: hidden; letter-spacing: -0.05em; background-color: #4e96fb;}
.popup.show{display: block;}
.popup .tac{text-align: center;}
.popup .tal{text-align: left;}
.popup .tar{text-align: right;}

.pu_body{}
.pu_body > img{width: 100%; height: auto;}
.pu_body .pu_wrap{padding: 45px 20px 20px;}
.pu_body .pu_wrap .pu_tit{letter-spacing: -0.04em;}
.pu_body .pu_wrap .pu_tit .pu_title{line-height: 1.2; font-size: 37px; font-weight: var(--fweb); color: #fff; letter-spacing: -0.04em;}
.pu_body .pu_wrap .pu_tit .pu_sub{padding: 7px 0 0; line-height: 1.4; font-size: 20px; font-weight: var(--fwb); color: #0b2572;}
.pu_body .pu_wrap .pu_con{line-height: 1.35; border-radius: 15px; padding: 25px 32px; margin: 25px auto 0; color: #0b2572; background-color: #fff;}
.pu_body .pu_wrap .pu_con .pu_bold{font-size: 18px; font-weight: 700;}
.pu_body .pu_wrap .pu_con .pu_txt{padding: 10px 0 0; font-size: 15px; font-weight: 500; line-height: 1.5;}

.pu_foot{}
.pu_foot .pu_btn_wrap{display: flex; flex-wrap: wrap; background-color: #27314c;}
.pu_foot .pu_btn_wrap button{flex: 1; line-height: 50px; padding: 0 20px; text-align: left; font-size: 14px; font-weight: var(--fwm); color: #fff;}
.pu_foot .pu_btn_wrap button.pu_today{}
.pu_foot .pu_btn_wrap button.pu_close{flex: 0 0 auto; width: 83px; text-align: center; background-color: #001441; transition: 0s;}
.pu_foot .pu_btn_wrap button:hover{background-color: #4b4b4b;}

.popup .pu_color1{color: #fffb55;}
@media (max-width: 640px){
    .popup{z-index: 11 !important; top: 10px !important; left: 10px !important; right: 10px !important; width: auto !important;}
    .pu_body .pu_wrap{padding: 8% 5%;}
    .pu_body .pu_wrap .pu_tit .pu_title{font-size: 7vw;}
    .pu_body .pu_wrap .pu_tit .pu_sub{font-size: 4vw;}
    .pu_body .pu_wrap .pu_con{padding: 5%; margin: 5% auto 0;}
    .pu_body .pu_wrap .pu_con .pu_bold{font-size: 16px;}
    .pu_body .pu_wrap .pu_con .pu_txt{font-size: 14px;}
}


/* loading_splash */
#loading_splash{position: fixed; z-index: 999999; top: 0; bottom: 0; left: 0; right: 0; display: none; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.7);}
/* 로딩바 뒤에 요소 클릭 못하도록 수정(백승민 대리 요청)_20250416
#loading_splash,
#loading_splash *{pointer-events: none;} */
#loading_splash .loading{display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; gap: 10px;}
#loading_splash .loading span{display: inline-block; width: 0.75rem; height: 0.75rem; background-color: #ddd; border-radius: 50%; animation: loading 1s 0s linear infinite; opacity: 0;}
#loading_splash .loading span:nth-child(1){animation-delay: 0;}
#loading_splash .loading span:nth-child(2){animation-delay: 0.15s;}
#loading_splash .loading span:nth-child(3){animation-delay: 0.3s;}
#loading_splash .loading_text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 40px 0 0; font-size: 15px; color: rgba(255, 255, 255, 0.8);}
@keyframes loading{
    0%  {opacity: 0; transform: scale(0.5); background-color: #ddd;}
    50% {opacity: 1; transform: scale(1.2); background-color: #2850fa;}
    100%{opacity: 0; transform: scale(0.5); background-color: #2850fa;}
}

/* 250415 */
.new-biz-top {
    display: flex;
    width: 1500px;
    margin: 0 auto;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    padding-top: 60px;
}

.new-biz-top{
	& .contents-block{
	   display: flex;
	   width: 100%;
	   justify-content: space-between;
	}
}
.new-biz-top .pageTop .page_tit h2 {
    font-size: 24px;
    font-weight: var(--fwsb);
}
.new-biz-top .tab-step {
    margin-bottom: 40px;
    border-radius: 50px;
}
.new-biz-top .tab-step a {
    width: 200px;
    height: 42px;
    justify-content: center;
    font-size: 16px;
}
.new-biz-top .tab-step li.on a {
    border-radius: 50px!important;
}
.line-con {
    align-items: center;
}
.line-con .bultit {
    margin-bottom: 0!important;
}
.cell-btnSec {
    margin-top: 30px;
    margin-bottom: 50px;
}
.cell-btnSec .btn img {
    width: 20px;
    height: auto;
}
.mb0 {
    margin-bottom: 0!important;
}
.pb30 {
    padding-bottom: 30px!important;
}
.layer .l_cont .pop_input {
    width: 100% !important;
}
.supr_layer .btn.btn-md.btn-submit {
    width: 67px;
    min-width: 67px;
    max-width: 67px;
    font-size: 16px;
}
.supr_layer .l_body {
    padding: 35px 25px;
}
.layer_btn {
    display: flex;
    justify-content: center;
    align-items: center;
}
.gap0 {
    gap: 0!important;
}
.gap10 {
    gap: 10px!important;
}
.w100 {
    width: 100%!important;
}
#bsText {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #D1D1D1;
    padding: 0 10px;
    color: #686868;
    resize: none;
    outline: none;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    padding: 12px 10px;
}
.fw-bold {
    font-weight: 600!important;
}
.layer_file .btn.btn-md,
.layer_report .btn.btn-m {
    min-width: auto!important;
}
.new-biz-left .list li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}
.btnBox .btn_edit {
    margin-right: 5px;
}
.btn_edit,
.btn_delete {
    padding: 2px;
    color: #9D9FA3;
}
.new-biz-left .list li .btn_edit:hover,
.new-biz-left .list li .btn_delete:hover {
    filter: invert(47%) sepia(99%) saturate(334%) hue-rotate(184deg) brightness(88%) contrast(92%);
}
.new-biz-left .list li button:hover {
    color: #5981D9 !important;
}
.new-biz-left .list > li:hover button span:before {
    border-color: transparent transparent transparent #5981D9 !important;
}
.btn_FileDel span {
    color: red;
    font-weight: 600;
}
.mb16 {
    margin-bottom: 16px;
}
.guide_title {
    font-size: 16px;
    font-weight: 600;
    color: #2B384F;
    margin-bottom: 10px;
}
.guide_text {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #2B384F;
}
.dataWrap {
    position: relative;
    display: block;
    width: 100%;
    height: 250px;
    margin-top: 20px;
}

.dataWrap {
	& .anal_chart_holder{height: 100%;}
}