@charset "UTF-8";

/* @media (min-width: 1200px) {
    #header .gnb > ul > li > a {
        height: 80px !important;
    }

    #header .gnb .depth2 {
        top: calc(80px - 5px) !important;
    }
}

@media (max-width: 767.9px) {
    .slider_item {
        width: 100%;
        height: auto !important;
        min-height: 0px !important;
        aspect-ratio : 1920 / 1080;
    }

    .intro-prime .img {
        display: block;
        text-align: center;
    }

    .intro-prime .img img {
        width: 11.8125rem;
        height: auto;
    }
}

#footer .social_link--fc.twitter--fc,
#footer .social_link--fc.linkedin--fc {
    width: 40px;
    height: 40px;
    text-align: center;
}

#footer .social_link--fc svg.type2 {
    width: 20px;
    height: 20px;
}

#footer .social_link--fc svg.type3 {
    width: 28px;
    height: 28px;
}


.gallery-title--fc {
    white-space: wrap;
    overflow: visible;
    text-align: center;
} */


@media (min-width: 1200px) {
    #header .gnb > ul > li > a {
        height: 80px !important;
    }

    #header .gnb .depth2 {
        top: calc(80px - 5px) !important;
    }
}

@media (max-width: 767.9px) {
    .slider_item {
        width: 100%;
        height: auto !important;
        min-height: 0px !important;
        aspect-ratio : 1920 / 1080;
    }

    .intro-prime .img {
        display: block;
        text-align: center;
    }

    .intro-prime .img img {
        width: 11.8125rem;
        height: auto;
    }
}

#footer .social_link--fc.twitter--fc,
#footer .social_link--fc.linkedin--fc {
    width: 40px;
    height: 40px;
    text-align: center;
}

#footer .social_link--fc svg.type2 {
    width: 20px;
    height: 20px;
}

#footer .social_link--fc svg.type3 {
    width: 28px;
    height: 28px;
}


.gallery-title--fc {
    white-space: wrap;
    overflow: visible;
    text-align: center;
}


.products--fc.view .detail-words .category-depth {
    font-size: 1.4375rem !important;
}

.products--fc.view .product-detail-spot .prd-desc,
.products--fc.view .product-detail-spot .radius-title > span {
    font-size: 1.0625rem !important;
}

.products--fc.view .product-detail-spot .prd-desc .prd-desc__words {
    font-weight: 600;
}

.prd-desc__words table {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
}

.prd-desc__words table td,
.prd-desc__words table th {
    width: 100% !important;
    /* width: auto !important;
    height: auto !important; */
    white-space: normal !important;
}

.prd-desc__words table td * {
    white-space: normal !important;
}

/* =========================
   Refund Terms & Conditions - body (2026.10.13)
========================= */
.refund-terms--page .refund-terms__body {
    padding-bottom: 6.75rem;
    font-size: 1.125rem;
    line-height: 1.67;
    color: #222;
}

.refund-terms--page .refund-terms__body .body-title {
    margin-bottom: 0;
    line-height: 1.36;
    color: #222;
}

.refund-terms--page .refund-terms__body .refund-terms__section {
    margin-top: 2.6875rem;
}

.refund-terms--page .refund-terms__body .body-title + .refund-terms__secti {
    margin-top: 2.0625rem;
}

.refund-terms--page .refund-terms__body .refund-tit {
    font-size: inherit;
    font-weight: 700;
    line-height: inherit;
}

.refund-terms--page .refund-terms__body .refund-tit + p {
    margin-top: 1.875rem;
}

.refund-terms--page .refund-terms__body .refund-tit + .refund-list,
.refund-terms--page .refund-terms__body p + .refund-list {
    margin-top: 1.75rem;
}

.refund-terms--page .refund-terms__body .refund-list + p {
    margin-top: 2.0625rem;
}

.refund-terms--page .refund-terms__body .refund-list > li {
    display: flex;
    align-items: flex-start;
}

.refund-terms--page .refund-terms__body .refund-list > li + li {
    margin-top: 0.875rem;
}

.refund-terms--page .refund-terms__body .refund-list .num {
    flex: 0 0 1.89em;
}

.refund-terms--page .refund-terms__body .refund-list .txt {
    flex: 1 1 0;
    min-width: 0;
}

.refund-terms--page .refund-terms__body .refund-terms__section--note {
    margin-top: 3.1875rem;
}

.refund-terms--page .refund-terms__body .refund-terms__section--note .refund-tit + .refund-list {
    margin-top: 1.625rem;
}

/* product line-up */
.refund-terms--page .refund-terms__lineup {
    margin-top: 3.1875rem;
    background-color: #8b886c;
}

.refund-terms--page .refund-terms__lineup img {
    display: block;
    width: 100%;
    height: auto;
}

/* MF battery panel */
.refund-terms--page .refund-mf {
    position: relative;
    max-width: 1205px;
    margin: 4.8125rem auto 0;
    aspect-ratio: 1204.6 / 953.8;
    overflow: hidden;
    background-color: #fff;
    container-type: inline-size;
}

.refund-terms--page .refund-mf__img {
    position: absolute;
    left: -3.943%;
    top: 0.398%;
    width: 107.302%;
    max-width: none;
    height: auto;
}

.refund-terms--page .refund-mf__cap {
    position: absolute;
    letter-spacing: -0.02em;
    white-space: nowrap;
}

.refund-terms--page .refund-mf__cap--top {
    left: 59.46%;
    top: 4.38%;
}

.refund-terms--page .refund-mf__cap--bottom {
    left: 0.16%;
    top: 55.38%;
}

.refund-terms--page .refund-mf__tit {
    font-size: 30px;
    font-size: 2.524cqw;
    font-weight: 400;
    line-height: 1.2;
    color: #000;
}

.refund-terms--page .refund-mf__desc {
    margin-top: 0.88cqw;
    font-size: 26px;
    font-size: 2.208cqw;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.03em;
    color: #555;
}

.refund-terms--page .refund-mf__cap--bottom .refund-mf__desc {
    margin-top: 0.72cqw;
}

.refund-terms--page .refund-mf__desc + .refund-mf__desc {
    margin-top: 1.2em;
}

/* closing */
.refund-terms--page .refund-terms__closing {
    margin-top: 3.125rem;
    text-align: center;
}

.refund-terms--page .refund-terms__closing .refund-tit + p {
    margin-top: 0.875rem;
}

@media (max-width: 1199.9px) {
    .refund-terms--page .refund-terms__body {
        padding-bottom: 5rem;
        font-size: 1rem;
    }

    .refund-terms--page .refund-terms__body .refund-terms__section {
        margin-top: 2.25rem;
    }

    .refund-terms--page .refund-terms__body .refund-tit + p {
        margin-top: 1.25rem;
    }

    .refund-terms--page .refund-terms__body .refund-tit + .refund-list,
    .refund-terms--page .refund-terms__body p + .refund-list,
    .refund-terms--page .refund-terms__body .refund-list + p {
        margin-top: 1.25rem;
    }

    .refund-terms--page .refund-terms__body .refund-list > li + li {
        margin-top: 0.625rem;
    }

    .refund-terms--page .refund-mf {
        margin-top: 3.75rem;
    }
}

@media (max-width: 767.9px) {
    .refund-terms--page .refund-terms__body {
        padding-bottom: 4rem;
        font-size: 14px;
        line-height: 1.6;
    }

    .refund-terms--page .refund-terms__body .refund-terms__section {
        margin-top: 2rem;
    }

    .refund-terms--page .refund-terms__body .body-title + .refund-terms__section {
        margin-top: 1.5rem;
    }

    .refund-terms--page .refund-terms__body .refund-tit + p {
        margin-top: 0.75rem;
    }

    .refund-terms--page .refund-terms__body .refund-tit + .refund-list,
    .refund-terms--page .refund-terms__body p + .refund-list,
    .refund-terms--page .refund-terms__body .refund-list + p,
    .refund-terms--page .refund-terms__body .refund-terms__section--note {
        margin-top: 1rem;
    }

    .refund-terms--page .refund-terms__body .refund-list .num {
        flex-basis: 1.6em;
    }

    .refund-terms--page .refund-terms__body .refund-terms__section--note {
        margin-top: 2.5rem;
    }

    /* line-up : 가로 스크롤 */
    .refund-terms--page .refund-terms__lineup {
        margin-top: 2.5rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* .refund-terms--page .refund-terms__lineup img {
        width: 820px;
        max-width: none;
    } */

    /* MF panel : 이미지 + 설명 세로 배치 */
    .refund-terms--page .refund-mf {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        margin-top: 3rem;
        aspect-ratio: auto;
        overflow: visible;
        container-type: normal;
    }

    .refund-terms--page .refund-mf__img {
        position: static;
        width: 100%;
    }

    .refund-terms--page .refund-mf__cap {
        position: static;
        white-space: normal;
    }

    .refund-terms--page .refund-mf__cap--top {
        order: -1;
    }

    .refund-terms--page .refund-mf__cap br {
        display: none;
    }

    .refund-terms--page .refund-mf__tit {
        font-size: 17px;
        line-height: 1.35;
    }

    .refund-terms--page .refund-mf__desc,
    .refund-terms--page .refund-mf__cap--bottom .refund-mf__desc {
        margin-top: 0.5rem;
        font-size: 14px;
        line-height: 1.5;
    }

    .refund-terms--page .refund-mf__desc + .refund-mf__desc {
        margin-top: 0.75em;
    }

    .refund-terms--page .refund-terms__closing {
        margin-top: 2.5rem;
    }
}

/* =========================
   Platform Business - JV & Investment (2026.10.13)
========================= */
.jv-invest {
    margin-top: 3rem;
    margin-bottom: 4.125rem;
}

.jv-invest .jv-invest__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.jv-invest .jv-invest__list > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.jv-invest__list {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 2;
    color: #222;
    text-align: center;
}

.jv-invest__list > li::before {
    content: "•";
    margin-right: 0.3em;
    font-weight: 400;
}

@media (max-width: 1199.9px) {
    .jv-invest {
        margin-top: 2rem;
        margin-bottom: 2.5rem;
    }

    .jv-invest__list {
        font-size: 1rem;
    }
}

@media (max-width: 767.9px) {
    .jv-invest {
        margin-top: 0.5rem;
        margin-bottom: 1rem;
    }

    .jv-invest__list {
        font-size: 14px;
        line-height: 1.6;
    }

    .jv-invest .jv-invest__list > li + li {
        margin-top: 0.625rem;
    }
}

/* =========================
   Introduction - Greeting & Social Impact : ESG (2026.10.13)
========================= */
.greeting--page .layout-wide__img {
    margin-bottom: 2.4375rem;
}

.greeting--page .esg-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.9375rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.greeting--page .esg-card {
    min-height: 374px;
    padding: 1.9375rem 0.75rem 2.5rem;
    border: 1px solid #b7b7b7;
    border-radius: 8px;
    background-color: #f6f6f6;
    text-align: center;
}

.greeting--page .esg-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 121px;
    height: 121px;
    margin: 0 auto;
    background: url("/html/_skin/img/sub/company/ico_esg_bg.svg") no-repeat center / 100% 100%;
}

.greeting--page .esg-card__icon img {
    display: block;
    max-width: none;
}

.greeting--page .esg-card__tit {
    margin-top: 1.6875rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: #222;
}

.greeting--page .esg-card__desc {
    margin-top: 0.8125rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #222;
}

.greeting--page .esg-desc {
    max-width: 1100px;
    margin: 5.625rem auto 0;
}

.greeting--page .esg-desc__head {
    text-align: center;
}

.greeting--page .esg-desc__eyebrow {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    color: #b20c14;
}

.greeting--page .esg-desc__tit {
    margin-top: 0.75rem;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.5rem;
    color: #222;
}

.greeting--page .esg-desc__body {
    margin-top: 2.5rem;
    font-size: 1.125rem;
    line-height: 2rem;
    color: #333;
}

.greeting--page .esg-desc__body p + p {
    margin-top: 1.25rem;
}

.greeting--page .esg-desc__body .esg-desc__mission {
    font-weight: 600;
    color: #222;
}

@media (max-width: 1199.9px) {
    .greeting--page .layout-wide__img {
        margin-bottom: 2rem;
    }

    .greeting--page .esg-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
    }

    .greeting--page .esg-card {
        min-height: 0;
    }

    .greeting--page .esg-desc {
        margin-top: 4rem;
    }

    .greeting--page .esg-desc__tit {
        font-size: 1.5rem;
        line-height: 1.4;
    }

    .greeting--page .esg-desc__body {
        font-size: 1rem;
        line-height: 1.75;
    }
}

@media (max-width: 767.9px) {
    .greeting--page .layout-wide__img {
        margin-bottom: 1.5rem;
    }

    .greeting--page .esg-cards {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
    }

    .greeting--page .esg-card {
        padding: 1.5rem 1rem 1.75rem;
    }

    .greeting--page .esg-card__icon {
        width: 96px;
        height: 96px;
    }

    .greeting--page .esg-card__icon img {
        transform: scale(0.8);
    }

    .greeting--page .esg-card__tit {
        margin-top: 1rem;
        font-size: 16px;
        line-height: 1.5;
    }

    .greeting--page .esg-card__desc {
        margin-top: 0.5rem;
        font-size: 14px;
        line-height: 1.5;
    }

    .greeting--page .esg-card__desc br {
        display: none;
    }

    .greeting--page .esg-desc {
        margin-top: 3rem;
    }

    .greeting--page .esg-desc__eyebrow {
        font-size: 13px;
    }

    .greeting--page .esg-desc__tit {
        margin-top: 0.5rem;
        font-size: 18px;
    }

    .greeting--page .esg-desc__body {
        margin-top: 1.5rem;
        font-size: 14px;
        line-height: 1.7;
    }

    .greeting--page .esg-desc__body p + p {
        margin-top: 1rem;
    }
}