@charset "utf-8";

.c-title{
    &.c-title--normal.c-title--left-align{
        text-align: left;
    }
    &.c-title--black-theme {
        .c-title__eyebrow {
            color: #A7A7A7;
        }
        .c-title__main,
        .c-title__sub-main {
            color: var(--lge-gray-g00);
        }
    }
    &.c-title--white-theme {
        .c-title__eyebrow {
            color: #5D5D5D;
        }
        .c-title__main,
        .c-title__sub-main {
            color: var(--primary-black);
        }
    }
}

.c-tab.flex-start .c-tab__list .c-tab__item {margin: 0;}
.prod-info-wrap{
    .c-swiper.c-swiper.healing-me-slider {
        .swiper-wrapper{
            gap: 0;
            .swiper-slide{flex: 0 0 100%;}
        }    
    }
} 

.banefit-accordion {
    .c-custom-accordion__area--fade {
        height: calc(115 * var(--ratio));

        &::after {
            margin-top: calc(36 * var(--ratio));
            height: calc(95 * var(--ratio));
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -3.09%, #FFF 56.54%);
        }
    }
    .c-list--normal .c-list__item {
        color: #777;
        &::before{
            background-color: #777;
        }
    }
    .c-coupon{
        max-width: 690px;

    }
    .c-custom-accordion__btn.c-button__label{min-width: 100%;}
}

.prod-notion-wrap{
    padding: calc(20 * calc(min(100vw, 780px) / 390)) calc(20 * var(--ratio)) 0;
    .prod-notion-text{
        position: relative;
        padding-left:calc(8 * calc(min(100vw, 780px) / 390));
        font-weight: 400;
        line-height: 140%;
        letter-spacing: calc(-0.22 / 390 * 100vw);
        color: var(--lge-gray-g40);
        font-size: calc(11 * calc(min(100vw, 780px) / 390));
        text-align: left;
        
        &::before{
            content: '';
            position: absolute;
            left: calc(2 * calc(min(100vw, 780px) / 390));
            top:calc(50% - 1px);
            width: calc(2 * calc(min(100vw, 780px) / 390));
            height: calc(2 * calc(min(100vw, 780px) / 390));
            background: var(--lge-gray-g40);
            border-radius: 100%;
        }
    }
}

.event-benefit-template kakao-friend-coupon.l-article__inner {
    row-gap: 0;
    .c-title__main {
        display: none;
    }
}