@charset "utf-8";

/* *************************************************************************************
*
* layout 공통
* 
* **************************************************************************************/
.inner {max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
.content {padding-top: 3rem; padding-bottom: 10rem;}
.inner:has(.inner_reset) {max-width: none; padding: 0;}
.inner_reset .inner {max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}

/* *************************************************************************************
*
* 인트로 header
* 
* **************************************************************************************/
.intro-header {padding: 3rem 0;}
.intro-header .inner {display: flex; justify-content: space-between; align-items: center; gap: 1rem 3rem;}
.intro-header .header-logo > a {display:block; width:100%; height:100%;}
.intro-header .header-search {position: relative; max-width: 40rem; flex: 1;}
.intro-header .header-search-inp {width:100%; height: 5rem; padding: 0 2rem; font-size: 2rem; border: 1px solid #aaa; border-radius: 2.5rem;}
.intro-header .header-search-btn {position: absolute; right: 1.5rem; top: 1.2rem;}
.intro-header .header-search-btn > img {filter: invert(35%) sepia(99%) saturate(840%) hue-rotate(194deg) brightness(81%) contrast(84%);}
.intro-header .header-util {display: flex; align-items: center; gap: 2rem;}
.intro-header .header-login-list {display: flex;}
.intro-header .header-login-list > li {position: relative;}
.intro-header .header-login-list > li + li {margin-left: 4rem;}
.intro-header .header-login-list > li + li::before {content: ''; position: absolute; left: -2rem; top: 0.3rem; width: 1px; height: 1.4rem; background-color: #888;}
.intro-header .header-login-list > li > a {display: block; width: 100%; height: 100%; font-size: 1.8rem; line-height: 1; background-color: #fff; background-position: left center; background-repeat: no-repeat;}
.intro-header .header-sitemap {margin-left: 2rem;}
.intro-header .all-menu-btn {display: flex; flex-direction: column; gap: 5px;}
.intro-header .all-menu-btn .bar {width: 24px; height: 2px; background-color: #484848;}
.intro-header .goMypage {order:2; text-align:right;font-size: 1.8rem; margin-top:1.5px; border: 1px solid #f49393; padding:4px 10px 2px; border-radius:30px}
.intro-header .goMypage_icon {margin-top:0.5px}
.intro-header .goMypage_link {display: inline-flex;align-items: center; color:#fb4c4c}
.intro-header .mobile_util {display:none;}


/* *************************************************************************************
*
* 인트로 footer
* 
* **************************************************************************************/
.intro-footer .footer-guide {padding: 3rem 0; background-color: #6c6c6c;}
.intro-footer .footer-guide .inner {display: flex; justify-content: space-between; align-items: center;}
.intro-footer .guide-list {display: flex; flex-wrap:wrap;}
.intro-footer .guide-list > li {position: relative;}
.intro-footer .guide-list > li + li::before {position: absolute; left: 0; top: 5px; width: 2px; height: 16px; background-color: #fff; content: '';}
.intro-footer .guide-list > li:first-child > a {padding-left: 0;}
.intro-footer .guide-list > li > a {display: inline-block; width: 100%; height: 100%; padding: 0 3rem; color: #fff; font-size: 2rem; font-weight: 500;}
.intro-footer .guide-list > li:last-child > a {padding-right: 0;}
.intro-footer .guide-sns {display: flex; gap: 1.5rem;}
.intro-footer .guide-sns > li > a {display: block; width: 5rem; height: 5rem; border-radius: 50%; background-color: #000; text-align: center; align-content: center;}

.intro-footer .footer-copyright {padding: 4rem 0; background-color: #353535; color: #fff;}
.intro-footer .policy-list {display: flex; gap: 4.5rem; margin-bottom: 3rem; flex-wrap:wrap;}
.intro-footer .policy-list > li {position: relative; padding-left: 10px; font-size: 1.8rem;}
.intro-footer .policy-list > li::before {position: absolute; left: 0; top: 9px; width: 3px; height: 3px; border-radius: 50%; background-color: #fff; content: '';}

.intro-footer .copyright-group {display: flex; justify-content: space-between; align-items: center;}
.intro-footer .address-area {max-width: 67rem; line-height: 1.6; font-size: 1.8rem;}

.intro-footer .cpo-list {display: flex; gap: 0 4.5rem; flex-wrap: wrap; overflow: hidden;}
.intro-footer .cpo-list > li {position: relative;}
.intro-footer .cpo-list > li + li::before {position: absolute; left: -20px; top: 6px; width: 2px; height: 16px; background-color: #fff; content: '';}
.intro-footer .help-desk {display: flex;}
.intro-footer .help-desk .help-ico {width: 106px; height: 73px; margin-right: 2.5rem; background: url("/images/site/NGLMS/icon/help_desk_icon.png");}
.intro-footer .help-desk strong {display: block; width: 100%; font-size: 3rem; font-weight: 500;}
.intro-footer .help-desk span {display: block; width: 100%; margin-top: 1rem; font-size: 2rem;}

/* *************************************************************************************
*
* 모바일 - 인트로
* 
* **************************************************************************************/
@media all and (max-width:1024px){
	/*인트로*/
    .intro-header .inner {flex-wrap: wrap;}
    .intro-header .header-logo {order: 1;}
    .intro-header .header-logo .logo_site {width:22rem;}
	.intro-header .header-logo .logo_asp {display:none;}
    .intro-header .header-util {order: 3;}
    .intro-header .header-search {order: 4; width: 100%; max-width: none; margin-top: 1rem; flex: none;}
    .intro-header .header-search-btn {right: 1rem; top: 0.6rem;}
    .intro-header .header-search-btn > svg {width: 2rem;}
    .intro-header .header-search-inp {height:4rem; font-size:1.6rem;}
	.intro-header .header-search-btn {right:1.2rem; top:0.6rem;}
	.intro-header .goMypage {margin-left:auto; margin-right:0.01rem; font-weight:800}
	.intro-header .goMypage_icon {display:none}
    .intro-header .header-login {display: none;}
    .intro-header .mobile_util {display: block;}
	
	.intro-footer .guide-sns {display:none;}
	.intro-footer .policy-list {gap:1.5rem 2rem;}
	.intro-footer .guide-list > li > a {padding: 0 1.5rem;}
	.intro-footer .copyright-group {flex-wrap:wrap;}
	.intro-footer .help-desk {order:1; margin-bottom:3rem;}
	.intro-footer .address-area {order:2;}
}

@media all and (max-width:780px){	
    .intro-footer .guide-list > li + li::before {top: 3px; height: 10px;}
	.intro-footer .guide-list > li > a {font-size:1.6rem;}
    .intro-footer .footer-guide {padding: 2rem 0;}
    .intro-footer .footer-copyright {padding: 3rem 0;}
    .intro-footer .help-desk .help-ico {display: none;}
}

@media all and (max-width:480px){ 
	/*인트로*/
	.intro-header .header-search-btn {top: 0.4rem;}
}

/* *************************************************************************************
*
* 중등부, 고등부, 평생학습 - header 공통
* 
* **************************************************************************************/
.header_tnb {display:flex; justify-content: space-between; align-items: center;}
.header_tnb li {align-content: center;}
.header_tnb li > a {display:block; padding:1.5rem 0.8rem;}
.header_tnb .tnb_site, .header_tnb .tnb_util {display:flex;}
.header_tnb .tnb_site {font-size : 1.45rem;}
.header_tnb .tnb_util {font-size : 1.45rem;}
.header_tnb .tnb_site > li {color:var(--font-gray);}
.header_tnb .tnb_site > li:first-child > a {padding-left:0.5rem;}
.header_tnb .tnb_site .d-day {padding: 1.5rem 1rem; color:var(--primary-color);}
.header_tnb .tnb_util span {color:var(--font-gray);}
.header_tnb .tnb_util .user_name {color: #000;}
.header_tnb .tnb_util > li:last-child > a {padding-right:0.5rem;}
.header_tnb .tnb_util > li > button {display:block; padding:1.5rem 0.8rem;}
.header_tnb .tnb_util .icon {display:none;}
.header_tnb .tnb_util .mo_only {display:none;}

.header_group {padding:2rem 0; display:flex; align-items: center; justify-content: space-between; gap:0 2rem;}
.header .logo {line-height:1;}
.header .logo > a {display: block;}
.header .logo .logo_asp {max-width:12rem;}
.header_search {position:relative; width:34rem;}
.header_search .search_input {width:100%; height:4.2rem; padding:0 2rem; border:1px solid var(--primary-color); border-radius: 2rem;}
.header_search .search_submit {position:absolute; top:0.8rem; right:1.5rem;}

/*
.header_quickMenu {display:flex; align-items: center;}
.header_quickMenu > li {position:relative; color:#333;}
.header_quickMenu > li + li::before {position:absolute; left:0; top:7px; width:2px; height:15px; background-color:#333; content:''}
.header_quickMenu > li:last-child::before {content:none;}
.header_quickMenu > li > a {display:block; padding:0.7rem 1.5rem; line-height: 1;}
.header_quickMenu > li > a.seoul_run {border:1px solid var(--primary-color); color:var(--primary-color); border-radius:2rem;}
.header_quickMenu .goMypage {text-align:right; margin-top:1.3px; border: 1px solid #f49393; border-radius:30px}
.header_quickMenu .goMypage > a {padding:0.7rem 1rem 0.4rem}
.header_quickMenu .goMypage_icon {margin-top:-1.5px}
.header_quickMenu .goMypage_link {display: inline-flex;align-items: center; color: rgb(236, 89, 89)} 
*/


.header_quickMenu {display: flex;align-items: center;gap: 0;margin: 0;padding: 0;list-style: none;}
.header_quickMenu > li {position: relative;margin: 0;padding: 0;color: #333;}
.header_quickMenu > li > a {display: block;line-height: 1;text-decoration: none;}
.header_quickMenu .quick_intro > a {padding: 0.7rem 1rem;color: #333;}
/* 마이페이지*/
.header_quickMenu .goMypage {margin:1px 0 0 12px;border: 1px solid #f49393;border-radius: 30px;white-space: nowrap;}
.header_quickMenu .goMypage_link { display: inline-flex;align-items: center;justify-content: center;gap: 0; padding: 0.6rem 0.9rem 0.45rem;color: #fb4c4c;line-height: 1; text-decoration: none;}
.header_quickMenu .goMypage_icon { display: block; width: auto; height: auto; padding:0; margin: 0;vertical-align: middle;}

.mobile_nav {display: none;}
.mobile_nav_btn {padding: 0 0.5rem; display:flex; flex-direction:column; gap:5px; align-items: end;}
.mobile_nav_btn .bar {display:block; width:20px; height:2px; background-color:#333;}
.mobile_nav_btn .bar.mid {width:14px;}
.mobile_nav {display: none; position: fixed; right: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: 9999;}
.mobile_nav .mobile_login {padding: 2.5rem 2rem; background-color: #37404a;}
.mobile_nav .mobile_login .login_msg {display:flex; align-items:baseline; gap: 0.8rem 2rem; color: #fff; font-size: 2rem; flex-wrap:wrap;}
.mobile_nav .mobile_login .login_msg > b {font-weight: 500;}
.mobile_nav .member_info {display:flex; align-items:center; gap:2.5rem; flex-wrap:wrap;}
.mobile_nav .member_info > li {position: relative; color:#fff; text-align:center; font-size:1.4rem;}
.mobile_nav .member_info > li::before {position: absolute; right:-1.5rem; top:0.3rem; width:1px; height:10px; background-color:#fff; content:'';}
.mobile_nav .member_info > li:last-child::before {content:none;}
.mobile_nav .member_info .member_pay > a {position: relative; padding-right:1rem; color:#fb4c4c; font-weight:bold;}
.mobile_nav .member_info .member_pay > a::after {position: absolute; right:-0.5rem; top: 0.4rem; content: ''; width: 5px; height: 5px; border-top: 2px solid #fb4c4c; border-right: 2px solid #fb4c4c; transform: rotate(45deg);}

.mobile_nav .login_menu {display: flex; margin-top: 2rem; flex-wrap: wrap; gap: 1rem 1.2rem;}
.mobile_nav .login_menu > li {min-width: calc(50% - 0.6rem); flex: 1; border: 1px solid #fff; border-radius: var(--border-radius-base); font-size: 1.5rem;}
.mobile_nav .login_menu .btn {display: block; width: 100%; height: 100%; padding: 1.5rem 1rem 1.2rem; text-align: center; color: #fff;}
.mobile_nav .login_menu .btn span {display: inline-block; padding: 0.2rem 0 0.2rem 2.5rem; background-position: left top; background-size: 2rem; background-repeat: no-repeat;}
.mobile_nav .login_menu .login span {background-image: url("/images/site/NGLMS/common/sign_in.svg");}
.mobile_nav .login_menu .logout span {background-image: url("/images/site/NGLMS/common/sign_out.svg");}
.mobile_nav .login_menu .join span {background-image: url("/images/site/NGLMS/common/user_icon.svg"); background-size: 1.6rem;}
.mobile_nav .login_menu .bell span {background-image: url("/images/site/NGLMS/common/bell_icon.svg");}
.mobile_nav .login_menu .setting span {background-image: url("/images/site/NGLMS/common/set_icon.svg");}
.mobile_nav .mobile_gnb {height: calc(100% - 17rem); padding-bottom: 18rem; display: flex; flex-direction: column; overflow-y: auto;}
.mobile_nav .mypage {display: block; width: calc(100% - 4rem); margin: 2rem auto; padding: 1.5rem; background-color: var(--primary-color); color: #fff; font-weight: 500; border-radius: var(--border-radius-base); text-align: center; font-size: 1.7rem;}
.mobile_nav .gnb_list {position: relative; display: flex; padding: 0 2rem; flex-wrap: wrap;}
.mobile_nav .gnb_list::after {position: absolute; left: 2rem; bottom: 0; width: calc(100% - 4rem); height: 1px; background-color: var(--border-gray-color); content: '';}
.mobile_nav .gnb_list > li {width: calc(100% / 4); color: #333; border-bottom: 1px solid var(--border-gray-color);}
.mobile_nav .gnb_list > li > a {display: block; width: 100%; height: 100%; padding: 1.5rem 1rem; text-align: center;}
.mobile_nav .gnb_list > li span {display: block; margin-top: 0.5rem;}
.mobile_nav .gnb_list .d-day {display: block; width: 100%; margin: 2rem auto; padding: 1.2rem; background-color: var(--primary-color); color: #fff; font-weight: 500; border-radius: var(--border-radius-base); text-align: center; font-size: 1.7rem;}
.mobile_nav .gnb_list .d-day > span {display:inline-block; margin-top:0;}

.mobile_nav .chat_bot {position: absolute; top: -7rem; left: 50%; transform: translateX(-50%); display: block; width: 9rem; height: 9rem; background-color: #d3ebff; border-radius: 50%; overflow: hidden; z-index: -1;}
.mobile_nav .chat_bot > img {margin-top: 1.5rem;}
.mobile_nav .quik_list {display: flex; flex-wrap: wrap;}
.mobile_nav .quik_list > li {width: calc(100% / 3); border-right: 1px solid #fff; border-bottom: 1px solid #fff; background-color: var(--primary-color); color: #fff; flex-grow: 1;}
.mobile_nav .quik_list > li:nth-child(3n) {border-right: 0;}
.mobile_nav .quik_list > li:last-child {border-right: 0;}
.mobile_nav .quik_list > li > a {display: block; width: 100%; height: 100%; padding: 1.5rem 1rem; font-size: 1.5rem; font-weight: 500; text-align: center; line-height: 1;}

.mobile_nav .bottom_navi {position: absolute; left: 0; bottom: 0; width: 100%; background-color: #fff; z-index: 10;}
.mobile_nav .navi_bar {padding: 3rem 0; display: flex; justify-content: space-between;}
.mobile_nav .navi_bar > li {width: calc(100% / 5);}
.mobile_nav .navi_bar > li > a {display: block; width: 100%; height: 100%; text-align: center;}
.mobile_nav .navi_bar > li > a > i {display: flex; align-items: center; justify-content: center; height: 4rem; margin-bottom: 1rem;}
.mobile_nav .navi_bar > li > a > span {display: block; font-size: 1.6rem;}
.mobile_nav .close_btn {position: absolute; right: 1.5rem; top: 2.5rem;}

.mobile_nav .app_setting {display: inline-flex; align-items: center; flex-wrap: wrap; gap: 2rem; background-color: #37404a;}
.mobile_nav .app_setting .set_btn {padding: 0;}
.mobile_nav .app_setting .set_btn > img {width: 1rem; filter: invert(100%);}

/* *************************************************************************************
*
* 중등부, 고등부, 평생학습 - Gnb 공통
* 
* **************************************************************************************/
.header nav {position:relative; background-color:var(--primary-color);}
.header .gnb {display:flex; border-left:1px solid rgba(255, 255, 255, 0.7);}
.header .gnb > li {width:calc(100% / 8); border-right:1px solid rgba(255, 255, 255, 0.7); text-align:center;}
.header .gnb > li > a {display:block; width:100%; height:100%; padding:1.5rem 1rem; color:#fff; font-size:1.7rem; font-weight:500; line-height:1;}
.header .gnb > li.active > a {background-color:#fff; color:var(--middle-primary-font-color);}
.header .gnb > li.is-disable > a {background-color:transparent; color:#fff;} 
.header .gnb > li.is-open > a {background-color:#fff; color:var(--middle-primary-font-color);}
.header .gnb > li.is-open .depth2_wrap {display: block;}
.header .gnb .depth2_wrap {display: none; position:absolute; left:0; top:4.7rem; width:100%; background-color: #fff; box-shadow: 0px 5px 5px rgb(0 0 0 / 0.2); z-index: 10;}
.header .gnb .depth2 {display: flex; max-width: 1180px; padding: 0 15px; margin: 0 auto;}
.header .gnb .depth2 > li {position:relative;}
.header .gnb .depth2 > li + li {margin-left:2rem;}
.header .gnb .depth2 > li + li::before {position:absolute; left:-1rem; top:50%; transform:translateY(-50%); width:5px; height:5px; border-radius:50%; background-color:#888; content:'';}
.header .gnb .depth2 > li > a {display:block; width:100%; height:100%; padding:3rem 1.5rem; font-size:1.6rem;}
.header .gnb .depth2 > li:first-child > a {padding-left:0;}
.header .gnb .depth2 > li > a:hover {color:var(--middle-primary-color); font-weight:500; transition:.3s;}
.header .mobile_util {display: none;}

/* *************************************************************************************
*
* 결제방법 - Modal
* 
* **************************************************************************************/
#pay_modal .img_box {position: relative; height: 12rem; background-color: #f7f7f7; border-radius: var(--border-radius-base); overflow: hidden;}
#pay_modal .img_box > img {position: absolute; bottom: -21rem;}

/* *************************************************************************************
*
* footer
* 
* **************************************************************************************/
.footer .footer_guide {background-color: #5b6061;}
.footer .guide_group {padding: 2rem 0; display: flex; justify-content: space-between; align-items: center;}
.footer .footer_menu {display: flex;}
.footer .footer_menu > li {position: relative;}
.footer .footer_menu > li + li::before {position: absolute; left: 0; top: 3px; width: 2px; height: 16px; background-color: #fff; content: '';}
.footer .footer_menu > li:first-child > a {padding-left: 0;}
.footer .footer_menu > li > a {display: inline-block; width: 100%; height: 100%; padding: 0 2.5rem; color: #fff; font-size: var(--font-size-18px); font-weight: 500;}
.footer .footer_menu > li:last-child > a {padding-right: 0;}
.footer .footer_sns {display: flex; gap: 1.5rem;}
.footer .footer_sns > li > a {display: block; width: 5rem; height: 5rem; border-radius: 50%; background-color: #000; text-align: center; align-content: center;}
.footer .footer_sns > li > a.seoul_run {color:#fff}

.footer .adress_group{padding: 1.5rem 0 4.5rem; color: #fff;}
.footer .policy_list {display: flex; gap: 1rem 4.5rem; margin-bottom: 1.8rem; flex-wrap:wrap;}
.footer .policy_list > li {position: relative; padding-left: 10px; font-size: var(--font-size-18px); font-weight:500;}
.footer .policy_list > li::before {position: absolute; left: 0; top: 9px; width: 3px; height: 3px; border-radius: 50%; background-color: #fff; content: '';}

.footer .copyright_group {display: flex; justify-content: space-between; align-items: center;}
.footer .address_area {display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap; gap:2rem;}
.footer .address {width: calc(100% - 44rem); line-height: 1.6;}

.footer .cpo_list {display: flex; gap: 0 4rem; flex-wrap: wrap; overflow: hidden;}
.footer .cpo_list > li {position: relative;}
.footer .cpo_list > li + li::before {position: absolute; left: -2rem; top: 0.5rem; width: 2px; height: 1.6rem; background-color: #fff; content: '';}

.footer .help_desk {width:42rem; display: flex; margin-top:2.5rem; align-items: center;}
.footer .help_desk .help_ico {display: block; width: 10.6rem; height: 7.3rem; margin-right: 2.4rem; background: url("/images/site/NGLMS/icon/help_desk_icon.png"); background-size:10.6rem;}
.footer .help_desk .help_ico + p {width:calc(100% - 13rem);}
.footer .help_desk strong {display: block; width: 100%; font-size:2.3rem; font-weight: 500;}
.footer .help_desk span {display: block; width: 100%;}

/* *************************************************************************************
*
* floating
* 
* **************************************************************************************/
.floating_menu {position: fixed; right: 2rem; bottom: 10rem; text-align: center; z-index: 9;} /*플로팅 배너 위치*/
.floating_menu > ul {display: flex; flex-direction: column; align-items: center; gap: 1rem;}
.floating_menu > ul > li {position: relative; text-align: center;}
.floating_menu > ul > li > a {display:block; width:90px; height:90px; border-radius: 50%; overflow: hidden;} /*플로팅 배너 사이즈*/
.floating_menu > ul > li > a > img {width:100%; height:100%;}
.floating_menu .top_btn {position: relative; display: block; width: 6rem; height: 6rem; padding-top: 1.2rem; margin: 2rem auto 0; background-color: #fff; border-radius: 50%; font-weight: 500; text-align: center; box-shadow: 4px 4px 17px 0px #71717145;}
.floating_menu .top_btn::before {position: absolute; top: 0.5rem; left: 50%; transform: translateX(-50%); border-bottom: 8px solid #222; border-top: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; content: '';}
.floating_menu .close_btn {position: absolute; right: 0; top: 0; width: 2.5rem; height: 2.5rem; padding: 0; text-align: center; border-radius: 50%; background-color: rgba(0, 0, 0, 0.9);}
.floating_menu .close_btn > img {width: 1rem; margin-top: 0.5rem;}

/*Only Pc*/
.floating_menu .top_btn:hover {background-color: var(--primary-point-color); color: #fff; transition: .3s;}
.floating_menu .top_btn:hover::before {border-bottom-color: #fff;}

.chat-widget {z-index:99 !important;}

/* *************************************************************************************
*
* 메인 layer 팝업
* 
* **************************************************************************************/
.layer_popup {display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 99;}
.layer_popup .popup_inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 4rem); max-width: 65rem; background-color: #fff;}
.layer_popup .popup_zone {position: relative;}
.layer_popup .layer_popup_slide .swiper-slide .item {position: relative; display: block; width: 100%; height: 0; padding-top: 84.617%;}
.layer_popup .layer_popup_slide .swiper-slide .item > * {position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important;}
.layer_popup .slide_controls {position: absolute; left: 50%; bottom: 3rem; transform: translateX(-50%); display:flex; align-items:center;  justify-content: center; width:15rem; height:4rem; background-color:rgba(0,0,0, 0.5); border-radius:3rem; z-index:3;}
.layer_popup .swiper-pagination {display: flex; position: initial;}
.layer_popup .swiper-pagination-bullet {display: inline-block; width: 1.2rem; height: 1.2rem; border-radius: 50%; background-color: #fff; cursor: pointer; opacity:1;}
.layer_popup .swiper-pagination-bullet-active {width: 3rem; border-radius: 3rem;}
.layer_popup .slide_controls .play_control .pause_icon {background-color: #fff;}
.layer_popup .slide_controls .slide_btn.play::after {border-left: 12px solid #fff;}
.layer_popup .popup_today {padding: 1rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; background-color: #f1f1f1;}
.layer_popup .today_label {display: inline-flex; align-items: center; gap: 0.5rem; cursor: pointer;}
.layer_popup .close_btn {padding: 0.5rem; display: inline-flex; align-items: center;}


/* *************************************************************************************
*
* 모바일
* 
* **************************************************************************************/
@media all and (max-width:1480px){
	/* Galaxy Tab S9 Ultra, iPad Pro 12.9 대응 */
    .header .mobile_util {display: block;}
}

@media all and (max-width:1280px){
	.header .logo .logo_site {width: 25rem;}
}

@media all and (max-width:1024px){
    .header {padding-bottom:0;}
    .header_tnb {display: none;}
    .header_group {padding: 2.5rem 0 3rem; flex-wrap: wrap; gap:2.5rem 1.5rem;}
    .header .logo .logo_asp {display:none;}
    .header_search {order: 3; width: 100%;}
    .header_search .search_input {padding: 0 1.5rem;}
	.header_search .search_input:focus {outline:none;}
	.header_search .search_submit {top:0.6rem; right: 1rem;}
	.header_search .search_submit svg {width:18px;}	
	.header_quickMenu {margin-left:auto; margin-right:2rem;}
	.header_quickMenu > li {display:none;}
	.header_quickMenu .quick_intro {display:block;}
	.header_quickMenu > li > a {padding:0;}
	.header nav .inner {padding:0;}
	.header .gnb {border-left:0;}
	.header .gnb > li {width: calc(100% / 4);}
    .header .gnb > li:last-child {border-right: 0;}
    .header .gnb > li.active .depth2_wrap {display:none;}
    .header .gnb > li.is-open .depth2_wrap {display:none;}
    
	.footer .policy_list {gap: 1rem 2.5rem;}
	.footer .guide_group {display:none;}
	.footer .adress_group {padding: 2rem 0 3rem;}
	.footer .address_area {flex-direction: column-reverse; border-top:1px solid #fff;}
	.footer .address {width:100%;}
	.footer .help_desk {width:100%;}
	.footer .help_desk .help_ico {display:none;}
	.footer .help_desk .help_ico + p {width:100%;}
	
	.floating_menu {right:1rem; bottom:1rem;} /*플로팅 배너 위치*/
	.floating_menu > ul > li > a {width:60px; height:60px;} /*플로팅 배너 사이즈*/
}

@media all and (max-width:480px){ 
	.header .logo .logo_site {width:19rem;}
	.header .gnb > li > a {padding: 1.5rem 0.5rem; font-size:1.4rem;}
	.header_quickMenu {margin-right: 1rem;}
    .mobile_nav .gnb_list > li {width: calc(100% / 3);}
    .mobile_nav .gnb_list > li i > img {width: 5rem;}	
}