@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&family=Noto+Sans+KR:wght@100..900&display=swap");
@font-face {
    font-family: "Helvetica";
    src: url("../font/Helvetica\ Black.ttf") format("truetype");
}
@font-face {
    font-family: "URWClassico";
    src: url("../font/URWClassico-Regular.ttf") format("truetype");
}
/* layout */
html,
body {
    height: 100%;
}

body.fixed {
    overflow-y: hidden;
}

.main {
    width: 100%;
    height: 100%;
    /* padding-top: 84px; */
}

[data-current-page="main"] #wrap {
    width: 100%;
    min-height: 100%;
    position: relative;
    padding-bottom: 144px;
}
#full_wrap {
    width: 100%;
    min-height: 100%;
    position: relative;
}

.container {
    width: 100%;
    max-width: 1314px;
    margin: 0 auto;
}

/* Header */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header-height);
    z-index: 101;
    background: transparent;
    /* overflow: hidden; */
    /* transition: 0.35s; */
}
.header.active {
    height: 304px;
}
.header.white {
    background: #fff;
}
.header__inner {
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    height: 72px;
}

.header .menu {
    display: flex;
    max-width: 780px;
    width: 100%;
    justify-content: space-between;
    height: 50%;
    align-items: center;
}

.header .right-dropdown-section {
    display: flex;
    align-items: baseline;
    position: relative;
    top: -3px;
}

.header .right-dropdown-section .brand-site {
    margin-right: 4rem;
    display: flex;
}

.header .right-dropdown-section .header-icon {
    display: inline-block;
    width: 21px;
    height: 21px;
    position: relative;
}

.icon-down-arrow {
    background: url(../_img/common/icon_arrow_down_bl.svg) no-repeat center
        center / contain;
}
.icon-global {
    background: url(../_img/common/icon_global.svg) no-repeat center center /
        contain;
}

[data-current-page="main-campaign"] .icon-down-arrow,
[data-current-page="main-campaign"] .icon-global {
    filter: invert(1) brightness(2);
}

.right-dropdown-section .brand-site .header-icon {
    top: 5px;
}

.right-dropdown-section .brand-site .icon-global {
    margin-right: 2px;
}

.right-dropdown-section .lang-box .icon-down-arrow {
    top: 1px;
}

.header .menu > li {
    position: relative;
    color: #111;
    font-family: "URWClassico";
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    cursor: pointer;
}

[data-current-page="main-campaign"] .header .menu > li {
    color: #fff;
}

.header .menu > li.active {
    font-weight: 700;
}
.header .sub_menu {
    /* display: flex; */
    display: none;
    flex-direction: column;
    gap: 16px;
    position: absolute;
    top: 47px;
    padding: 24px 0;
}

.header .sub_menu.active {
    display: flex;
}

.header .sub_menu li {
    color: #111;
    font-family: "URWClassico";
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;
}
.header__inner .logo img {
    width: 182.598px;
    margin: 0 auto;
}
[data-current-page="main-campaign"] .header__inner .logo img {
    filter: invert(1) brightness(2);
}

.ham_btn.active {
    background: url(../_img/common/icon_x_white.svg) no-repeat center center /
        contain;
    width: 24px;
    height: 24px;
    z-index: 102;
}
.pc_sidebar__header {
    height: 52px;
    display: flex;
    align-items: center;
    max-width: calc(100% - 40px);
    width: 100%;
    margin: 0 auto;
}
.pc_sidebar__header .x_btn {
    background: url(../_img/common/icon_x.svg) no-repeat center center / contain;
    width: 24px;
    height: 24px;
    position: relative; /* 위치 설정 */
    z-index: 106;
}

.pc_sidebar {
    display: block;
    position: fixed;
    width: 203px;
    top: 0;
    left: -100%;
    height: 100svh;
    background: #fff;
    z-index: 9999;
    transition: 0.35s;
    max-width: 340px;
    margin: 0 auto;
    font-family: "URWClassico";
}

.pc_sidebar.open {
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 9999;
}
.p_sidebar {
    max-width: 260px;
    width: 100%;
    margin: 0 auto;
    margin-top: 44px;
    z-index: 9999;
}

.p_sidebar .sidebar_ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.p_sidebar .sidebar_ul > li {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%; /* 30px */
    font-family: "URWClassico";
}

.p_sidebar .sidebar_ul > li:hover,
.lnb__list li:hover {
    color: #fd0;
}
.btn-lnb {
    position: relative;
    width: 100%;
    text-align: left;
    display: flex;
    gap: 16px;
    align-items: center;
    line-height: 150%;
    color: #000;
}
.sidebar_ul li.active {
    font-weight: 700;
}
.btn-lnb.active {
    font-weight: 700;
}
.btn-lnb p {
    width: 16px;
    height: 16px;
    background: url(../_img/common/icon_plus_bl.svg) no-repeat center
        center/contain;
}
.btn-lnb.active p {
    background: url(../_img/common/icon_minus_bl.svg) no-repeat center
        center/contain;
}

.btn-lnb.active {
    color: #fd0;
}
.lnb__list {
    display: none;
    display: flex;
    padding: 0px 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin-top: 4px;
}
.lnb__list li {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    font-family: "URWClassico";
}

.p_sidebar .sidebar_ul > li.on,
.lnb__list li.on {
    color: #d5ae6b;
}
.menu_hr {
    background: rgba(255, 255, 255, 0.1);
    height: 1px;
    width: 100%;
    margin-bottom: 24px;
}
.global {
    position: relative;
    color: #111;
    font-family: "URWClassico";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    z-index: 999;
}

[data-current-page="main-campaign"] .global {
    color: #fff;
}

.global .global_btn {
    display: flex;
    gap: 8px;
    align-items: center;
}
.global .global_btn p {
    background: url(../_img/common/icon_arrow_bottom.svg) no-repeat center
        center / contain;
    width: 20px;
    height: 20px;
}

.header-dropdown-box {
    position: absolute;
    top: 38px;
    left: 0;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    background: #f5f4f8;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
    z-index: 999;
    border: 1px solid;
    padding: 13px 17px;
}
.header-dropdown-box::after {
    content: "";
    width: 11px;
    height: 11px;
    display: block;
    position: absolute;
    background: #f5f4f8;
    border: 1px solid #000;
    border-right: none;
    border-bottom: none;
    top: -6.8px;
    right: 5px;
    transform: rotateZ(45deg) skew(5deg, 5deg);
    border-radius: 1px;
}

.brand_ul.header-dropdown-box {
    min-width: max-content;
}

.global_ul.header-dropdown-box {
    top: 33px;
}

.header-dropdown-box li {
    padding: 1px 0px;
    font-family: "URWClassico";
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.header-dropdown-box li.on {
    font-weight: 600;
    font-family: sans-serif;
}

.global_ul.header-dropdown-box li {
    padding-right: 10px;
}
/* Footer */
.section_footer {
    background: #f5f5f5;
    min-height: 410px !important;
}
.footer {
    width: 100%;
    height: 410px;
    padding: 20px;
}
.footer__inner {
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 4rem 1rem 1.6rem 80px;
}
.footer_logo {
    width: 205px;
}

.footer_logo span {
    /* background: url(/_img/common/logo_footer.svg) no-repeat center center / contain; */
    background: url(/_img/logo/logo-black.svg) no-repeat left center / contain;
    width: 100%;
    height: 50px;
    display: inline-block;
    left: -10px;
    position: relative;
}

.footer__inner > p {
    color: rgba(0, 0, 0, 0.5);
    font-family: "Helvetica";
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 15px */
}

.footer__inner .flex-display {
    display: flex;
}

.footer__inner .flex-wrapper {
    width: 100%;
    font-size: 1.3rem;
    color: #747474;
}

.footer__inner .flex-wrapper .left {
    width: 50%;
}

.footer__inner .mb-2 {
    margin-bottom: 2rem;
}

.footer__inner .flex-wrapper .right {
    gap: 2rem;
}

.footer__inner p,
.footer__inner b,
.footer__inner div {
    font-family: sans-serif;
    text-decoration: none !important;
    line-height: 2rem;
}

.footer__inner a {
    font-family: sans-serif;
}

.btn_gotop {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 48px;
    right: 48px;
    z-index: 999;
    background-color: #fff;
    cursor: pointer;
    width: 80px;
    height: 80px;
    border-radius: 500px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.btn_gotop span {
    background: url(../_img/common/arrow_up.svg) no-repeat center center /
        contain;
    width: 24px;
    height: 24px;
    display: inline-block;
}
.btn_gotop p {
    font-family: "Pretendard";
    color: #111;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}
.ham_btn {
    display: none;
}

.mo-header-right-placeholder {
    width: 24px;
    height: 24px;
    display: none;
}

.mobile-section {
    height: auto !important;
    min-height: auto !important;
    position: relative !important;
    transform: none !important;
}

.mobile-section .footer-container {
    position: relative;
    width: 100%;
}

.footer .right .flex-control {
    display: flex;
    gap: 2rem;
}

.footer__inner b {
    color: #444444;
}

.footer .mo-only {
    display: none;
}

.grey-bg {
    background: #f1f1f1;
}

.bg-white {
    background-color: #fff;
}

.footer .etc.title,
.footer .ethic.title {
    display: flex;
    flex-flow: column wrap;
}

.footer .ethic.title {
    display: flex;
    flex-flow: column wrap;
}

.mid-screen-only {
    display: none;
}

.mid-screen-only span.margin-left,
.large-screen-only span.margin-left {
    margin-left: 5px;
}

.main {
    opacity: 0;
}

.is-loaded .main {
    opacity: 1;
}

@media screen and (max-width: 1770px) {
    .footer .mid-screen-only {
        display: inline-block;
    }

    .large-screen-only {
        display: none !important;
    }
    .footer__inner .flex-wrapper .left {
        width: 45%;
    }
}

@media screen and (max-width: 1400px) {
    .header .menu {
        max-width: 660px;
    }
    .header .menu > li {
        font-size: 13px;
    }
}

@media screen and (max-width: 1200px) {
    .footer__inner .flex-wrapper .left {
        width: 36%;
    }
    .footer__inner {
        padding: 4rem 1rem 1.6rem 45px;
    }
}

/* Pad & Mobile */
@media screen and (max-width: 1100px) {
    .header .right-dropdown-section {
        display: none;
    }
    .mo-header-right-placeholder {
        display: block;
    }
    .header .ham_btn {
        background: url(../_img/common/icon_ham_btn.svg) no-repeat center center /
            contain;
        width: 24px;
        height: 24px;
        display: block;
    }
    [data-current-page="main-campaign"] .header .ham_btn {
        filter: invert(1) brightness(2);
    }
    .header .menu {
        display: none;
    }
    .global .global_btn span {
        display: none;
    }
    .pc_sidebar {
        max-width: 100%;
    }
    .pc_sidebar__header {
        height: 55.52px;
    }

    .p_sidebar {
        width: 156px;
        margin: 24.46px 20px;
    }
    .btn-lnb::after {
        width: 20px;
        height: 20px;
    }
    .lnb__list li {
        font-size: 16px;
    }
    .global .global_btn p {
        background: url(../_img/common/icon_global.svg) no-repeat center center /
            contain;
        width: 24px;
        height: 24px;
    }
    .global_ul {
        top: 24px;
        left: -44px;
    }
    .dropdown-mo {
        position: relative;
        margin-bottom: 32px;
        color: #838383;
    }
    .dropdown-mo .dropdown-mo-btn {
        display: flex;
        gap: 4px;
        align-items: center;
    }
    .dropdown-mo .dropdown-mo-btn p {
        background: url(../_img/common/icon_arrow_down_bl.svg) no-repeat center
            center / contain;
        width: 16px;
        height: 16px;
    }
    .dropdown-ul-mo {
        position: absolute;
        top: 21px;
        border-radius: 6px;
        background: #000;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
        z-index: 999;
    }

    .dropdown-ul-mo li {
        padding: 8px 12px;
        color: #999;
        font-family: "URWClassico";
        font-size: 14px;
        font-weight: 400;
        line-height: 150%; /* 21px */
        height: 37px;
    }

    .dropdown-ul-mo li.on {
        color: #fd0;
    }
    .lnb__list {
        gap: 4px;
    }
}
/* Pad */
@media screen and (min-width: 768px) and (max-width: 1200px) {
}
/* Mobile */
@media screen and (max-width: 768px) {
    .footer .mo-only {
        display: flex;
    }
    .footer .pc-only {
        display: none;
    }

    .footer .mo-only .business,
    .footer .mo-only .etc {
        display: flex;
        gap: 1rem;
        margin-top: 0.8rem;
    }
    .footer .mobile-contact-title,
    .footer .mobile-contact-title b {
        font-size: 1.3rem;
        width: 82px;
    }
    .footer .accordion-control,
    .footer .ethic.title {
        border-top: 1px solid #c5c5c5;
        border-bottom: 1px solid #c5c5c5;
        padding: 1.5rem 5px;
        position: relative;
    }

    .footer .ethic.title {
        border-top: none;
        display: flex;
        justify-content: space-between;
        flex-flow: row;
    }

    .footer .accordion-control .title,
    .footer .ethic.title a {
        line-height: 0;
    }

    .footer .accordion-control .opened,
    .footer .accordion-control .closed {
        position: absolute;
        right: 5px;
        font-weight: 900;
    }
    .header,
    .header__inner {
        height: 52px;
    }

    .header__inner {
        border: none;
    }

    .footer__inner > p {
        font-size: 9px;
    }
    .btn_gotop {
        width: 45px;
        height: 45px;
        bottom: 15px;
        right: 15px;
    }

    .btn_gotop > span {
        width: 14px;
        height: 14px;
    }

    .btn_gotop > p {
        font-size: 11px;
    }

    .footer {
        padding: 8rem 3rem;
        position: relative;
        height: 100%;
        transform: translateY(0);
        bottom: 0;
        overflow: scroll;
    }
    .footer_logo {
        width: 70%;
        line-height: 0;
    }
    .footer_logo span {
        left: -13px;
        top: -6px;
        height: 65px;
    }
    .header__inner .logo img {
        width: 149.398px;
        margin: 0 auto;
    }
    .global_ul li {
        padding: 8px 12px;
        font-size: 14px;
        font-weight: 400;
    }
    [data-current-page="main"] #wrap {
        padding-bottom: 190px;
    }
    .footer_logo img {
        content: url(/_img/common/logo_footer_mo.svg);
    }
    .footer__inner {
        padding: 0;
        justify-content: normal;
        gap: 0.5rem;
    }
    .footer__inner .flex-wrapper {
        flex-flow: column wrap;
        font-size: 1.3rem;
    }
    .footer__inner .flex-wrapper .left {
        width: 100%;
    }
    .footer__inner .flex-wrapper .right {
        flex-flow: column wrap;
    }
    .footer__inner b {
        font-size: 1.7rem;
    }
    .footer__inner .flex-wrapper .right {
        gap: 0;
    }
    .section_footer {
        min-height: 100svh !important;
        position: relative;
        z-index: 1;
    }
    .mobile-footer {
        position: relative !important;
        height: auto !important;
        min-height: auto !important;
        transform: none !important;
        z-index: 1;
    }

    /* fullPage.js 전환 효과 오버라이드 */
    .fp-section.mobile-footer {
        transform: none !important;
        -webkit-transform: none !important;
    }

    /* 푸터 내부 요소들 스타일 보정 */
    .section_footer .footer-container {
        opacity: 1 !important;
        visibility: visible !important;
        position: relative !important;
        /* height: 100%; */
    }
}

/* @media screen and (max-width: 768px) {
    .section_footer {
        height: auto !important;
        min-height: auto !important;
    }
} */

/* Galaxy Fold specific fixes */
@media screen and (min-width: 768px) and (max-width: 834px) and (min-height: 1700px) {
    /* Galaxy Fold (open state) - targeting 768x1768+ dimensions */
    .section {
        height: 100dvh !important;
        min-height: 100dvh !important;
    }

    .section_video {
        height: 100dvh !important;
        min-height: 100dvh !important;
    }

    .section_2 {
        min-height: 100dvh !important;
    }
}