.header {isolation: isolate;backface-visibility: hidden;transform: translateZ(0);}
.header-logo-link {--logo-normal-width: 12rem;--logo-small-width: 5rem;position: relative;display: block;flex: 0 0 var(--logo-normal-width);width: var(--logo-normal-width);min-width: var(--logo-normal-width);}
.header-logo-link .logoimg {position: absolute;left: 0;top: 50%;display: block;transform: translateY(-50%);}
.header-logo-link .logo-normal {opacity: 1;transform: translateY(-50%) scale(1);}
.header-logo-link .logo-small {opacity: 0;transform: translateY(-50%) scale(0.92);}
.header.header-scrolled .header-logo-link,
html.header-compact .header .header-logo-link {flex-basis: var(--logo-small-width);width: var(--logo-small-width);min-width: var(--logo-small-width);}
.header.header-scrolled .logo-normal,
html.header-compact .header .logo-normal {opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-50%) scale(0.92);}
.header.header-scrolled .logo-small,
html.header-compact .header .logo-small {opacity: 1;transform: translateY(-50%) scale(1);}
html.header-js-ready .header-logo-link {transition: flex-basis 0.38s ease, width 0.38s ease, min-width 0.38s ease;}
html.header-js-ready .header-logo-link .logoimg {transition: opacity 0.22s ease, transform 0.38s ease;}
html:not(.header-js-ready) .header,
html:not(.header-js-ready) .header *,
html.header-initializing .header,
html.header-initializing .header * {transition: none !important;}
.header .container-fluid {align-items: center;}
.header .gnb-menu,
.header .gnb-menu > div {min-width: 0;}

@media (min-width: 768px) {
    .header .container-fluid {height: 40px;}
}

.user-menu-dropdown .dropdown-toggle::after {display: none;}
.user-menu-dropdown .dropdown-menu {min-width: 150px;margin-top: 6px;border: 0;border-radius: 12px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);}
.user-menu-dropdown:hover .dropdown-menu,
.user-menu-dropdown:focus-within .dropdown-menu {display: block;}
.user-menu-dropdown .dropdown-item {font-size: 14px;font-weight: 600;padding: 10px 14px;}
.user-menu-dropdown .dropdown-item:hover {color: #198754;background: #f3faf6;}

.header .gnb-link,
.header .user-header-dropdown-btn,
.header .mypagebtn {
    white-space: nowrap;
}

.header .mypagebtn {
    width: auto !important;
    min-width: 74px;
    flex: 0 0 auto;
}


/* begin: media queries - Bootstrap breakpoint 기준
기본 CSS        → 모바일/공통 기본
max-width: 991.98px -> lg 미만 전체
max-width 575  → xs 전용
min 576~767.98 → sm 전용
min 768~991.98 → md 전용
min 992~1199.98 → lg 전용
min 1200~1399.98 → xl 전용
min 1400 → xxl 전용
*/
@media (max-width: 991.98px) {
    .login-banner-card {
        height: 300px;
    }
    .moregnb {display:block !important;}
    .hiddengnb {display: none !important;}
    .storebtngnbMain {display:none !important;}
    .storebtngnbSub {display:block !important;}
}

@media (max-width: 575px) {
    /*.accesagencybtn, .mypagebtn{display: none !important;}*/
}

@media (min-width: 576px) and (max-width: 767.98px) {
    /*.accesagencybtn, .mypagebtn{display: none !important;}*/
}

@media (min-width: 768px) and (max-width: 991.98px) {
}

@media (min-width: 992px) {
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .moregnb {display:block !important;}
    .hiddengnb {display:none !important;}
    .storebtngnbSub {display: none;}
}

@media (min-width: 1200px) {
    .moregnb {display:none !important;}
    .hiddengnb {display:block !important;}
    .storebtngnbSub {display: none;}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
}

@media (min-width: 1400px) {
    .container {max-width: 1024px !important;}
    .mobile-only {width: 1004px !important;}
}