a, img { -webkit-user-select:none;-webkit-touch-callout:none}

/* header */
.header-top.moba ~ .mobile-nav #gnav-m {height: 100%;overflow: auto;border: none;background-color: #fff;}
.header-top.moba ~ .mobile-nav #gnav-m:before {display: none;}

.header-top.moba ~ .mobile-nav .mobile-header {padding: 2rem 2rem 4.7rem;background: #F6F7F9;}
.header-top.moba ~ .mobile-nav .mobile-header.input-open {margin-bottom: 10rem;}
.header-top.moba ~ .mobile-nav .mobile-header.input-open + .mobile-menu-wrap {height: calc(100% - 19.4rem)}
.header-top.moba ~ .mobile-nav .mobile-header.input-open .mobile-header-search {display: block;}
.header-top.moba ~ .mobile-nav .mobile-header-util {display: none;}
.header-top.moba ~ .mobile-nav .mobile-header-util .select-zoom .select-label {padding-left: 0;color: #111;font-size: 1.4rem;font-weight: 500;}
.header-top.moba ~ .mobile-nav .mobile-header-util .select-zoom .select-label:after {background-image: url(/images/common/arr_select_lang.svg) !important;}
.header-top.moba ~ .mobile-nav .mobile-header-util .select-lang .select-label {color: #111;font-size: 1.4rem;font-weight: 500;}
.header-top.moba ~ .mobile-nav .mobile-header-util .select-lang .select-label:after {background-image: url(/images/common/arr_select_lang.svg) !important;}
.header-top.moba ~ .mobile-nav .mobile-header-util .select-zoom.active .select-label,
.header-top.moba ~ .mobile-nav .mobile-header-util .select-lang.active .select-label,
.header-top.moba ~ .mobile-nav .mobile-header-util .select-zoom .select-label:hover,
.header-top.moba ~ .mobile-nav .mobile-header-util .select-lang .select-label:hover {color: #111;}

.header-top.moba ~ .mobile-nav .mobile-header .mobile-menu-wrap-session {justify-content: space-between;}
.header-top.moba ~ .mobile-nav .mobile-header-session {justify-content: space-between;height: auto;margin-top: 0;}
.header-top.moba ~ .mobile-nav .mobile-header-session > .btn-login {padding-left: 0;background: none;color: #111;font-size: 2rem;font-weight: 700;line-height: initial;}
.header-top.moba ~ .mobile-nav .mobile-header-session > .btn-login em {text-decoration: underline;text-underline-offset: 0.4rem;text-decoration-thickness: 0.2rem;}
 
.header-top.moba ~ .mobile-nav .mobile-header-session .btn-group {align-items: center;margin-top: 0;}
.header-top.moba ~ .mobile-nav .mobile-header-session .btn-group .btn {min-height: 3.2rem;padding: 0 1rem;border-radius: 1rem;font-size: 1.4rem !important;}
.header-top.moba ~ .mobile-nav .mobile-header-session .btn-group .btn:not(:first-child) {margin-left: 1rem;}
.header-top.moba ~ .mobile-nav .mobile-header-session .btn-group .btn.home {position: relative;width: 2rem;height: 2rem;padding: 0;text-indent: 100%;white-space: nowrap;overflow: hidden;background: transparent;}
.header-top.moba ~ .mobile-nav .mobile-header-session .btn-group .btn.home::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background: url(/images/common/ic_nav_home.png) center center / contain no-repeat;}
.header-top.moba ~ .mobile-nav .mobile-header-session .btn-group .btn.login {border: 0.1rem solid #111;color: #111;background: transparent;}
.header-top.moba ~ .mobile-nav .mobile-header-session .btn-group .btn.close {background: #111;}

.header-top.moba ~ .mobile-nav .mobile-header-site {display: none;} 
.header-top.moba ~ .mobile-nav .mobile-header-search {display: none;}
.header-top.moba ~ .mobile-nav .mobile-header-search .mobile-search-box {height: 4rem;border-color: #d8d8d8;}
.header-top.moba ~ .mobile-nav .mobile-header-search .btn-search {width: 4rem;height: 4rem;}
.header-top.moba ~ .mobile-nav .mobile-header-link {position: absolute;top: 7rem;width: calc(100% - 4rem);padding: 1.2rem;border-radius: 1.2rem;box-shadow: 0.2rem 0.3rem 0.8rem 0 rgba(0, 0, 0, 0.1);box-sizing: border-box;background-color: #fff;}
.header-top.moba ~ .mobile-nav .mobile-header-link .links {display: flex;align-items: center;}
.header-top.moba ~ .mobile-nav .mobile-header-link a {position: relative;flex: 0 0 33.3%;display: flex;align-items: center;justify-content: center;font-size: 1.4rem;font-weight: 500;line-height: 1.671rem;}
.header-top.moba ~ .mobile-nav .mobile-header-link a::before {content: '';flex-shrink: 0;width: 2rem;height: 2rem;margin-right: .4rem;background-position: 0 0;background-size: contain;background-repeat: no-repeat;}
.header-top.moba ~ .mobile-nav .mobile-header-link a:nth-of-type(1)::before {background-image: url(/images/common/ic_nav_menu.svg)}
.header-top.moba ~ .mobile-nav .mobile-header-link a:nth-of-type(2)[data-view="전체"]::before {background-image: url(/images/common/ic_nav_recommend.svg)}
.header-top.moba ~ .mobile-nav .mobile-header-link a:nth-of-type(2)[data-view="추천"]::before {background-image: url(/images/common/ic_nav_allmenu.svg)}
.header-top.moba ~ .mobile-nav .mobile-header-link a:nth-of-type(3)::before {background-image: url(/images/common/ic_nav_setting.svg)}
.header-top.moba ~ .mobile-nav .mobile-header-link a:nth-of-type(3)::after {display: none;}
.header-top.moba ~ .mobile-nav .mobile-header-link a::after {content: '';position: absolute;top: 50%;right: 0;transform: translateY(-50%);display: flex;flex-shrink: 0;width: 0.1rem;height: 1.6rem;margin-left: 28%;background: #e5e5e5;}

.header-top.moba ~ .mobile-nav .mobile-nav-close {display: none;top: 1.9rem;right: 2rem;}
.header-top.moba ~ .mobile-nav .btn-mobile-nav-close {width: 4.5rem;height: 2.4rem;border-radius: 0.8rem;background: #111;color: #fff;text-align: center;text-indent: initial;}
.header-top.moba ~ .mobile-nav .mobile-header-session .login-welcome {padding: 0 1rem 0 0;}
.header-top.moba ~ .mobile-nav .mobile-header-session .login-welcome .welcome {color: #111;}
.header-top.moba ~ .mobile-nav .mobile-header-session .login-welcome .welcome a {color: #111;}

body.m-main #header.moba, #header.moba {position: sticky;top: 0;height: auto;}
body.m-main #header.moba ~ .main-container .main-login.before,
body.m-main #header.moba ~ .main-container .main-login.after {margin-top: -8rem;}
#header.moba.fixed .top-inner {padding-top: 0;}
#header.moba.fixed .top-inner .row:only-child{min-height: 8rem;padding-top: 2rem;}
#header.moba.fixed .top-inner .row:only-child .header-zoom,
#header.moba.fixed .top-inner .row:only-child .btn-menu-mobile {top: 2rem;}
#header.moba.fixed .top-inner .row:only-child .btn-login-mobile {top: 5.6rem;}
#header.moba.fixed .top-inner .row:first-child:not(:only-child) {display: none;}

.header-top.moba {position: static;height: auto;}
.header-top.moba .top-banner,
.header-top.moba .top-inner .header-util, 
.header-top.moba .top-inner .header-menu {display: none;}
.header-top.moba + .header-nav {display: none;}
.header-top.moba .btn-login-mobile{right: 6.3rem; top: 3.6rem;z-index: 10;}
.header-top.moba .top-inner {flex-flow: column;flex-wrap: nowrap;align-items: flex-start;justify-content: normal;max-width: 100%;height: auto;padding: 2rem 1.6rem 0;box-sizing: border-box;}
.header-top.moba .row {position:relative;display: flex;align-items: center;width: 100%;box-sizing: border-box;}
.header-top.moba .row:only-child {min-height: 6rem;}
.header-top.moba .row:nth-of-type(1) {justify-content: center;align-items: flex-start;height: 3.2rem;}
.header-top.moba .row:nth-of-type(2) {min-height: 5rem;padding: .8rem 0;}
.header-top.moba .row .btn-prev {position: relative;flex-shrink: 0;width: 2.4rem;height: 2.4rem;margin-right: .8rem;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.header-top.moba .row .btn-prev::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/images/common/ic_arr_prev.png) 0 0 / cover no-repeat;}
.header-top.moba .row .page-title {margin-right: auto;font-size: 1.8rem;color: #111;word-break: break-all;text-align: left;}
.header-top.moba .row .btn-bookmark {position: relative;flex-shrink: 0;width: 2.8rem;height: 2.8rem;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.header-top.moba .row .btn-bookmark::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background: url(/images/common/ic_bookmark.png) 0 0 / cover no-repeat;}
.header-top.moba .btn-menu-mobile {position: absolute;top: 0;right: 0;display: block;} 

/* header logo */
.header-top.moba .header-logo {display: flex;align-self: auto;margin-right: 0;padding-top: 0.25rem;}
.header-top.moba .header-logo h1 {width: 13.5rem;height: auto;margin: 0;}
.header-top.moba .header-logo h1 a {display: flex;width: 100%;height: auto;}
.header-top.moba .header-logo h1 a img {width: 100%;height: auto;}

/* header zoom */
.header-top.moba .header-zoom {position: absolute;top: 0;left: 0;z-index: 10;display: flex;flex-wrap: wrap;justify-content: center;width: 7.2rem;height: 3.2rem;border: 0.1rem solid var(--line-gray);border-radius: 1rem;box-sizing: border-box;background-color: #fff;font-size: 1.4rem;}
.header-top.moba .header-zoom.active {height: 6rem;}
.header-top.moba .header-zoom.active button {display: block !important;}
.header-top.moba .header-zoom button.header-zoom-title {display: flex;align-items: center;height: 3rem;padding: .6rem 1rem;border-radius: 1rem;}
.header-top.moba .header-zoom button:not(.header-zoom-title) {position: relative;display: none;width: 2.4rem;height: 2.4rem;margin-top: -.6rem;overflow: hidden;border: .1rem solid #ccc;border-radius: .5rem;white-space: nowrap;}
.header-top.moba .header-zoom button:not(.header-zoom-title)::before {content: '';width: 2.4rem;height: 2.4rem;}
.header-top.moba .header-zoom button:not(.header-zoom-title)[disabled] {border-color: #ddd;background-color: #f5f5f5;}
.header-top.moba .header-zoom button.zoomout {margin-right: .4rem;}
.header-top.moba .header-zoom button.zoomout::before {content: "가-";font-size: 1.3rem}
.header-top.moba .header-zoom button.zoomout[disabled]::before {background-position: 0 -2.4rem;}
.header-top.moba .header-zoom button.zoomin::before {content: "가+";font-size: 1.5rem}
.header-top.moba .header-zoom button.zoomin[disabled]::before {background-position: 0 -2.4rem;}

/* header menu */
.mobile-menu-wrap {height: calc(100% - 13.3rem);overflow: hidden auto;margin-top: 4rem;padding: 0 2rem;}
.mobile-menu-wrap > div:not(.active) {display: none;}
.mobile-menu-wrap > div.active {display: flex;}
.all-menu .gnb-menu {position: sticky;top: 0;display: flex;flex-flow: column;width: 10.5rem;height: calc(100vh - 15.3rem);border-radius: 1.2rem;background: #F6F7F9;}
.all-menu .gnb-menu a {display: flex;align-items: center;width: 10.5rem;height: calc(100% / 9);padding: 1.5rem 1.2rem;border-radius: 1.2rem;box-sizing: border-box;font-size: 1.4rem;font-weight: 500;line-height: 1.4rem;}
.all-menu .gnb-menu a:nth-of-type(5) {word-break: break-all;}
.all-menu .gnb-menu a::before {content:'';flex-shrink: 0;width: 2.4rem;height:2.4rem;margin-right: .4rem;background-position: 0 0;background-size: contain;background-repeat: no-repeat;}
.all-menu .gnb-menu a.active {color: #fff;background-color: #5084D8;box-shadow: 0.2rem 0.4rem 0.8rem 0px #5084D866;}
.all-menu .gnb-menu a:nth-of-type(1)::before {background-image: url(/images/common/ic_search_off.svg);}
.all-menu .gnb-menu a:nth-of-type(2)::before {background-image: url(/images/common/ic_certification_off.svg);}
.all-menu .gnb-menu a:nth-of-type(3)::before {background-image: url(/images/common/ic_submit_off.svg);}
.all-menu .gnb-menu a:nth-of-type(4)::before {background-image: url(/images/common/ic_old_off.svg);}
.all-menu .gnb-menu a:nth-of-type(5)::before {background-image: url(/images/common/ic_report_off.svg);}
.all-menu .gnb-menu a:nth-of-type(6)::before {background-image: url(/images/common/ic_cs_off.svg);}
.all-menu .gnb-menu a:nth-of-type(7)::before {background-image: url(/images/common/ic_news_off.svg);}
.all-menu .gnb-menu a:nth-of-type(8)::before {background-image: url(/images/common/ic_info_off.svg);}
.all-menu .gnb-menu a:nth-of-type(9)::before {background-image: url(/images/common/ic_confirm_off.svg);}
.all-menu .gnb-menu a.active:nth-of-type(1)::before {background-image: url(/images/common/ic_search_on.svg);}
.all-menu .gnb-menu a.active:nth-of-type(2)::before {background-image: url(/images/common/ic_certification_on.svg);}
.all-menu .gnb-menu a.active:nth-of-type(3)::before {background-image: url(/images/common/ic_submit_on.svg);}
.all-menu .gnb-menu a.active:nth-of-type(4)::before {background-image: url(/images/common/ic_old_on.svg);}
.all-menu .gnb-menu a.active:nth-of-type(5)::before {background-image: url(/images/common/ic_report_on.svg);}
.all-menu .gnb-menu a.active:nth-of-type(6)::before {background-image: url(/images/common/ic_cs_on.svg);}
.all-menu .gnb-menu a.active:nth-of-type(7)::before {background-image: url(/images/common/ic_news_on.svg);}
.all-menu .gnb-menu a.active:nth-of-type(8)::before {background-image: url(/images/common/ic_info_on.svg);}
.all-menu .gnb-menu a.active:nth-of-type(9)::before {background-image: url(/images/common/ic_confirm_on.svg);}

.all-menu .menu-list {width: calc(100% - 10.5rem);padding-left: 1rem;box-sizing: border-box;}
.all-menu .menu-list > li {display: flex;flex-flow: column;padding: 2rem 1.6rem;margin-bottom: 2rem;border-bottom: 1px solid #d9d9d9;box-sizing: border-box;background-color: #fff;}
.all-menu .menu-list > li.visible {border-radius: 1.2rem;}
.all-menu .menu-list > li > a {margin-bottom: 2rem;color: #111;font-size: 1.8rem;font-weight: 700;line-height: 2.148rem;}
.all-menu .menu-list > li .accSummary {position:relative;display:block;padding-right: 2rem;box-sizing: border-box;color: #111;font-size: 1.8rem;font-weight: 700;line-height: 2.148rem;}
.all-menu .menu-list > li .accSummary:after{display:block; content:''; width:0.8rem; height:0.8rem; position:absolute; right:0.4rem;top: 50%;transform: translateY(-50%);background:url(/images/common/ic_site_open.svg) center no-repeat;}
.all-menu .menu-list > li .active .accSummary::after{background-image:url(/images/common/ic_site_close.svg);}
.all-menu .menu-list > li .depth2-tt {display: block;margin-bottom: 1.6rem;font-size: 2rem;font-weight: 800;overflow: hidden;}
.all-menu .menu-list > li .depth2-tt span {position: relative;}
.all-menu .menu-list > li .depth2-tt span::after {content: '';display: block;position: absolute;width: 100%;height: 0.6rem;background-color: var(--primary-70);bottom: 0;mix-blend-mode: multiply;opacity: 0.2;transform: translateX(-100%);transition: transform 0.6s;transition-delay: 0.2s;}
.all-menu .menu-list > li.selected .depth2-tt span::after {transform: translateX(0);}

.all-menu .accDetail {margin-top: 2rem;}
.all-menu .accItem + .accItem {margin-top: 2.5rem;}
.all-menu .menu-sub-list + a {margin-top: 2.5rem;}
.all-menu .menu-sub-list > li + li {margin-top: 1.6rem;}
.all-menu .menu-sub-list > li > a {position: relative;display: flex;align-items: center;justify-content:space-between;padding-right: 2rem;color: #333;font-size: 1.4rem;font-weight: 500;line-height: 1.671rem;word-break: break-all;}
.all-menu .menu-sub-list > li > a.blank::after {content: '';position: absolute;top: -.1rem;right: 0;width: 2rem;height: 2rem;background: url(/images/common/ic_blank_snav2.svg) 50% 50% / contain no-repeat;}
.all-menu .menu-sub-list > li > a.lock::after {content: '';position: absolute;top: 0;right: 0;width: 1.6rem;height: 1.7rem;background: url(/images/common/ic_lock.svg) 50% 50% / contain no-repeat;}

.recommend-menu ul {display: grid;grid-template-columns: repeat(2, 1fr);gap: .8rem;width: 100%;}
.recommend-menu ul li {height: 100%;}
.recommend-menu a {display: flex;align-items: center;height: 100%;padding: 1.2rem;border: .1rem solid #E0E0E0;border-radius: 1.2rem;box-sizing: border-box;font-size: 1.4rem;color: #747474;font-weight: 500;}

/* sub Tab */
.sub_tabWrap ul {display:flex;text-align:center;}
.sub_tabWrap ul li {flex:1; padding: .8rem 0;border-radius: .8rem;}
.sub_tabWrap ul li.active {background: var(--primary);}
.sub_tabWrap ul li.active a {color:#fff;}
.sub_tabContents {margin-top: 1.2rem;}
.sub_tabCont {display:none}
.sub_tabCont.active {display:block}
.sub_tabCont ul {display:block;text-align:left;}
.sub_tabCont ul li {border-radius:0;}
.sub_tabCont ul li + li {border-bottom: .1rem solid #eee;}

/* modal */
.modal_full .modalWrap {max-width:100%;max-height:100%;width: 100%;height: 100%;border-radius:0;}
.modal .form-jumin-wrap {display:flex;width:100%;align-items: center;margin-top: 2rem;}
.modal .form-jumin-wrap input {display:block;width:100%;}
.modal .form-jumin-wrap input[type=number] {height: 4.6rem;padding: 0 1rem;border: .1rem solid #C6C6C6;border-radius: 0.2rem;background-color: #fff;}
.modal .form-jumin-wrap input[type=number]::placeholder {color:var(--gray-40) !important; letter-spacing:0; font-weight:400;}
.modal_full .btn-full {position:fixed;bottom:0;width:100%;left:0;border-radius:0;}
.modal_full .modalWrap .modal-body {padding-bottom: 8rem;}
.modalWrap .modal-header .save-btn {position: absolute;top: 2rem;right: 1.6rem;width: auto;height:auto;margin-left: auto;color: #fff;background: none;text-indent: initial;text-align: center;font-size: 1.4rem;}

@media (max-width: 600px) {
	.modal_full .modalWrap {max-width:100%;max-height:100%;}
}