@charset "utf-8";

/* 샘플 띠와 화면 높이를 함께 조정해요. */
html { --nfs-sample-height: 38px; }
html.no-sample-bar { --nfs-sample-height: 0px; }

#nfs-sample-bar {
    position: fixed;
    inset: 0 0 auto;
    z-index: 2147483000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: var(--nfs-sample-height);
    padding: 0 130px;
    background: #1B2440;
    color: #fff;
    font: 400 14px/1.4 Pretendard, "Malgun Gothic", sans-serif;
    text-align: center;
}
#nfs-sample-bar b { color: #E8C98A; font-weight: 700; }
#nfs-sample-bar a {
    position: absolute;
    right: 28px;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    color: #fff;
    font: inherit;
    white-space: nowrap;
    text-decoration: none;
}
#nfs-sample-bar a:focus-visible { outline: 2px solid #E8C98A; outline-offset: -3px; }
.nfs-sample-mobile { display: none; }
html.no-sample-bar #nfs-sample-bar { display: none; }

html:not(.fp-enabled) body { padding-top: var(--nfs-sample-height); }
.temp_header_skin1,
.page_location_nav.topfix { top: var(--nfs-sample-height); }
.iA-intro, .iB-intro, .iC-intro, .sv-intro,
.allmenu_con {
    top: var(--nfs-sample-height);
    height: calc(100% - var(--nfs-sample-height));
}

/* fullPage의 각 화면 안쪽에 띠 높이만큼 자리를 확보해요. */
html.fp-enabled .section.fp-section {
    padding-top: var(--nfs-sample-height) !important;
}
html.fp-enabled .section:not(.section_footer) > .fp-tableCell {
    height: calc(100vh - var(--nfs-sample-height)) !important;
}
html.fp-enabled .section .fp-scrollable {
    max-height: calc(100vh - var(--nfs-sample-height));
}
html.fp-enabled .section_hero .hero_bg {
    top: var(--nfs-sample-height);
    height: calc(100% - var(--nfs-sample-height));
}
html:not(.no-sample-bar) body.is-mobile-native-scroll .section:not(.section_footer) {
    min-height: calc(var(--initial-viewport-height, 100vh) - var(--nfs-sample-height)) !important;
}
html:not(.no-sample-bar) body.is-mobile-native-scroll .section_hero {
    height: calc(var(--viewport-height, 100vh) - var(--nfs-sample-height));
}

@media (max-width: 767px) {
    html { --nfs-sample-height: 36px; }
    html.no-sample-bar { --nfs-sample-height: 0px; }
    #nfs-sample-bar { padding: 0 92px; font-size: 13px; }
    #nfs-sample-bar a { right: 12px; }
    .nfs-sample-pc { display: none; }
    .nfs-sample-mobile { display: inline; white-space: nowrap; }
}