@charset "utf-8";


/* ==================== */
/* 공통 변수 */
/* ==================== */

.primary-color {
    color: #EA1917;
}
/* ==================== */
/* // 공통 변수 */
/* ==================== */


/* ==================== */
/* 공통 레이아웃 */
/* ==================== */
.event-benefit-template .article__inner {
    padding: 56px 10px 80px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .article__inner {
        padding: calc(28 / 390 * 100%) 0 calc(40 / 390 * 100%);
    }
}
/* ==================== */
/* // 공통 레이아웃 */
/* ==================== */


/* ==================== */
/* 공통 컴포넌트 */
/* ==================== */

/* main KV */
.event-benefit-template .main-kv-video {
    display: block;
    width: 100%;
}
.event-benefit-template .main-kv {
    position: relative;
    aspect-ratio: 1380 / 740;
}
.event-benefit-template .main-kv__img {
    width: 100%;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .main-kv {
        aspect-ratio: 780 / 780;
    }
}

/* 공유하기 버튼 위치 커스텀 */
.contents.event .ev-detail-wrap .ev-detail-con .ev-cont .component-wrap.layer-btn {
    top: min(100px, calc(670 / 1380 * 100vw) - 14px) !important;
    right: min(60px, calc(60 / 1380 * 100vw)) !important;
}
@media screen and (max-width: 767px) {
    .contents.event .ev-detail-wrap .ev-detail-con .ev-cont .component-wrap.layer-btn {
        top: calc(96 / 390 * 100vw - 46px) !important;
        right: calc(20 / 390 * 100vw) !important;
    }
}
/* // 공유하기 버튼 위치 커스텀 */

/* // main KV */


/* c-title */
.event-benefit-template .c-title-area {
    margin-bottom: 24px;
}
.event-benefit-template .c-title__main-title {
    font-weight: 700;
}
.event-benefit-template .c-title__main-title--small {
    color: #111;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.4px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-title-area {
        margin-bottom: calc(16 / 390 * 100vw);
    }
    .event-benefit-template .c-title__main-title--small {
        font-size: calc(16 / 390 * 100vw);
        line-height: calc(26 / 390 * 100vw);
        letter-spacing: calc(-0.4em/16);
    }
}
/* // c-title */

/* Tab */
.event-benefit-template .c-tab--round {
    margin-bottom: 24px;
}
.event-benefit-template [data-tab-type="scroll"] ~ .c-tab__content > .c-tab__panel {
    display: block;
}
.event-benefit-template .c-tab--round:has(+ .c-tab__content .c-tab__panel.active .c-tab--switch-small-txt) {
    margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-tab--round:has(+ .c-tab__content .c-tab__panel.active .c-tab--switch-small-txt) {
        margin-bottom: calc(8 / 390 * 100vw);
    }
    .event-benefit-template .c-tab--round {
        margin-bottom: calc(20 / 390 * 100vw);
    }
}
/* // Tab */


/* text Dimmer */
.c-area-dimmer {
    position: relative;
}
.c-area-dimmer.comming-soon {
    height: 697px;
}
.c-area-dimmer__content {
    display:none;
}
.c-area-dimmer .c-area-dimmer__bg {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.8);
}
.c-area-dimmer .c-area-dimmer__img {
    max-width: 633px !important;
}
.c-area-dimmer .c-area-dimmer__txt {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #FFF;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
    font-size: 22px;
    font-weight: 600;
    line-height: 145.455%;
    letter-spacing: -0.2px;
}
.c-area-dimmer.disabled .c-area-dimmer__content,
.c-area-dimmer.comming-soon .c-area-dimmer__content {
    display:block;
}

@media screen and (max-width: 767px) {
    .c-area-dimmer.comming-soon {
        height: calc(548 / 390 * 100vw);
    }
    .c-area-dimmer .c-area-dimmer__img {
        max-width: initial;
        width: 110%;
    }
    .c-area-dimmer.disabled .c-area-dimmer__txt {
        font-size: calc(22 / 390 * 100vw);
        letter-spacing: calc(-0.2em/22);
    }
}
/* // Text Dimmer */

/* timer */
.event-benefit-template .c-timer__box {
    display: inline-flex;
}

.event-benefit-template .c-timer--type2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 480px;
    margin: 24px 32px;
}

.event-benefit-template .c-timer--type2 .c-timer__item {
    display: flex;
    column-gap: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 12px 32px;
    background: rgba(168, 168, 168, 0.30);
    border-radius: 8px;
    backdrop-filter: blur(4px);
}

.event-benefit-template .c-timer--type2 .c-timer__label {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    color: #111;
}

.event-benefit-template .c-timer--type2 .c-timer__content {
    display: flex;
    column-gap: 4px;
    font-weight: 800;
}
.event-benefit-template .c-timer--type2 .c-timer__box {
    column-gap: 4px;
    align-items: center;
}
.event-benefit-template .c-timer--type2 .c-timer__value {
    min-width: 40px;
    padding: 4px 0;
    font-size: 18px;
    font-weight: 800;
    line-height: 140%;
    text-align: center;
    letter-spacing: -0.36px;
    background-color: #fff;
    border-radius: 4px;
}

.event-benefit-template .c-timer--type2 .c-timer__unit {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #000;
    letter-spacing: -0.28px;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .c-timer--type2 {
        width: 100%;
        padding: 0 calc(16 / 390 * 100vw) calc(16 / 390 * 100vw);
        margin: 0;
    }
    .event-benefit-template .c-timer--type2 .c-timer__item {
        display: flex;
        gap: initial;
        justify-content: space-between;
        padding: calc(12 / 390 * 100vw) calc(16 / 390 * 100vw);
        border-radius: calc(8 / 390 * 100vw);
        backdrop-filter: blur(10px);
    }

    .event-benefit-template .c-timer--type2 .c-timer__label {
        font-size: max(10px, calc(12 / 390 * 100vw));
        font-weight: 700;
        line-height: 166.667%;
    }
    .event-benefit-template .c-timer__box {
        display: inline-flex;
    }
    .event-benefit-template .c-timer--type2 .c-timer__value {
        min-width: calc(32 / 390 * 100vw);
        padding: 2px 0;
        font-size: calc(16 / 390 * 100vw);
        line-height: 140%;
        letter-spacing: calc(-0.32em / 16);
        border-radius: calc(4 / 390 * 100vw);
    }

    .event-benefit-template .c-timer--type2 .c-timer__unit {
        font-size: max(10px, calc(10 / 390 * 100vw));
        font-weight: 600;
        letter-spacing: calc(-0.2em / 10);
    }
}
/* // timer */

/* article main banner */
.c-article-main-banner {
    position: relative;
    margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
    .c-article-main-banner {
        margin: 0 calc(24 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
    .c-article-main-banner--full-width {
        margin: 0 0 calc(16 / 390 * 100vw);
    }
}
/* // article main banner */

/* floating navigation */
.event-benefit-template .floating-nav {
    position: fixed;
    bottom: 48px;
    left: 50%;
    transform: translateX(-50%) translateY(0);
    z-index: 1000;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    opacity: 1;
    visibility: visible;
}
.event-benefit-template .floating-nav--hidden {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(20px);
    pointer-events: none;
}

.event-benefit-template .floating-nav__button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px 10px 32px;
    background-color: #111;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.32px;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.2s;
}
/* .event-benefit-template #coupon-benefit {
    scroll-margin-top: calc(var(--header-height) + var(--sticky-main-switch-height) + var(--sticky-main-sticky-height));
} */
.event-benefit-template #ha-weekly-deal {
    scroll-margin-top: calc(var(--header-height) + var(--sticky-main-switch-height) + var(--sticky-main-sticky-height));
}
@media screen and (max-width: 767px) {
    .event-benefit-template .floating-nav {
        bottom: calc(env(safe-area-inset-bottom) + 54px + 40px);
    }
    .mdevice.app .event-benefit-template .floating-nav {
        bottom: calc(env(safe-area-inset-bottom) + 40px);
    }
    .event-benefit-template .floating-nav__button{
        padding: calc(6 / 390 * 100vw) calc(6 / 390 * 100vw) calc(6 / 390 * 100vw) calc(14 / 390 * 100vw);
        font-size: calc(14 / 390 * 100vw);
        line-height: calc(20 / 390 * 100vw);
        letter-spacing: calc(-0.28em / 14);
    }
    .event-benefit-template .floating-nav__button svg {
        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
}
/* // floating navigation */


/* 일반 쿠폰 */
.event-benefit-template .c-coupon__download {
    width: 120px;
}
.event-benefit-template .c-coupon--cetner-only-one {
    margin: 0 auto;
    max-width: 561px;
    min-width: 561px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-coupon__download {
        width: calc(80 / 390 * 100vw);
    }
    .event-benefit-template .c-coupon--cetner-only-one {
        max-width: 100%;
        width: 100%;
        padding: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .custom-scroll-slider__content-wrapper--shadow {
        margin: 0 calc(20 / 390 * 100vw);
        padding: 0;
    }
}
/* // 일반 쿠폰 */


/* 썸네일 있는 쿠폰 */
.event-benefit-template .c-coupon--thumnail {
    width: 100%;
    max-width: 561px;
    margin: 0 auto;
}
.event-benefit-template .c-coupon--thumnail .c-coupon__info {
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 24px;
    align-items: center;
    padding: 0 20px;
}
.event-benefit-template .c-coupon--thumnail .c-coupon__text {padding: 0;}
.event-benefit-template .c-coupon--thumnail .c-coupon__thumbnail {
    display: flex;
    position: relative;
    align-items: center;
    width: 80px;
    height: 80px;
}
.event-benefit-template .c-coupon--thumnail .c-coupon__thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    will-change: opacity;
    z-index: 0;
}
.event-benefit-template .c-coupon--thumnail .c-coupon__thumbnail-img--active {
    opacity: 1;
    z-index: 1;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-coupon--thumnail .c-coupon__info {
        padding: 0 calc(12 / 390 * 100vw) 0 calc(14 / 390 * 100vw);
        column-gap: calc(10 / 390 * 100vw);
    }
    .event-benefit-template .c-coupon--thumnail .c-coupon__text {
        justify-content: center;
        gap: 0;
    }
    .event-benefit-template .c-coupon--thumnail .c-coupon__thumbnail {
        width: calc(50 / 390 * 100vw);
        height: calc(50 / 390 * 100vw);
    }
    .event-benefit-template .c-coupon--thumnail .c-coupon__thumbnail-img {
        
    }
}
/* // 썸네일 있는 쿠폰 */

/* 특정 영역 히든 */
.event-benefit-template .c-custom-hidden-area--fade {
    overflow: hidden;
}
.event-benefit-template .c-custom-hidden-area--active {
    overflow: visible;
}
/* // 특정 영역 히든 */

/* ==================== */
/* // 공통 컴포넌트 */
/* ==================== */

/* ==================== */
/* 개별 영역 */
/* ==================== */

/* 라이프스타일 플랫폼 LGE.COM */
.event-benefit-template .life-style-platform {
    background: #111;
}
.event-benefit-template .life-style-platform .c-title__desc {
    color: #ccc;
}
.event-benefit-template .life-style-platform .article__content-area {
    display: flex;
    justify-content: center;
}
.event-benefit-template .life-style-platform__video {
    display: block;
    width: 100%;
    max-width: 800px;
    aspect-ratio: 1280 / 720;
    border-radius: 16px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .article__content-area {
        padding: 0 calc(20 / 390 * 100vw);
    }
}
/* // 라이프스타일 플랫폼 LGE.COM */

/* 쿠폰 모음 */
.event-benefit-template .coupon-benefit .custom-scroll-slider__content-wrapper {
    flex-wrap: wrap;
    gap: 24px;
}
.event-benefit-template .coupon-benefit .custom-scroll-slider__item {
    width: calc((100% - 24px) / 2);
}
.event-benefit-template .coupon-benefit .content__list {
    display: flex;
    flex-direction: column;
    row-gap: 56px; 
}
.event-benefit-template .coupon-benefit__coupon-list {
    display: flex;
    column-gap: 24px;
}
.event-benefit-template .coupon-benefit__coupon-item {
    flex-basis: 100%;
    display: flex;
}
.event-benefit-template .coupon-benefit__coupon-item {
    position: relative;
}

.event-benefit-template .coupon-benefit .l-notice--other-coupon {
    margin-bottom: 0;
}
.event-benefit-template .coupon-benefit .c-custom-hidden-area--fade {
    height: 240px;
}

.event-benefit-template .l-notice {
    margin-top: 48px;
}
.event-benefit-template .coupon-benefit .c-toggle.on .c-toggle__data {
    margin-top: 60px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .coupon-benefit .custom-scroll-slider__content-wrapper {
        flex-wrap: nowrap;
        gap: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .coupon-benefit .custom-scroll-slider__item {
        width: 100%;
    }
    .event-benefit-template .coupon-benefit .content__list {
        row-gap: calc(40 / 390 * 100vw); 
    }
    .event-benefit-template .coupon-benefit .content__list .c-title-area {
        margin-bottom: calc(24 / 390 * 100vw);
    }
    .event-benefit-template .coupon-benefit__coupon-list {
        flex-direction: column;
        column-gap: 0;
        row-gap: calc(12 / 390 * 100vw);
    }
    .event-benefit-template .coupon-benefit__coupon-item {
        padding: 0 calc(20 / 390 * 100vw);
        min-width: calc(304 / 390 * 100vw);
    }
    .event-benefit-template .coupon-benefit .custom-scroll-slider__item {
        min-width: 100%;
    }
    .event-benefit-template .coupon-benefit .c-coupon {
        min-width: 100%;
    }
    .event-benefit-template .c-coupon__price {
        font-size: calc(14 / 390 * 100vw);
        font-weight: 600;
        line-height: 157.143%;
        letter-spacing: calc(-0.28em / 14);
    }
    .event-benefit-template .c-coupon__info {
        /* padding: calc(16 / 390 * 100vw); */
        /* column-gap: calc(5 / 390 * 100vw); */
    }
    .event-benefit-template .l-notice .c-toggle__btn-wrap {
        margin: 0 calc(20 / 390 * 100vw) 0;
    }

    .event-benefit-template .l-notice .c-toggle__btn-wrap.on {
        margin: 0 calc(20 / 390 * 100vw) calc(20 / 390 * 100vw);
    }

    .event-benefit-template .coupon-benefit .c-toggle.on .c-toggle__data { 
        margin: calc(20 / 390 * 100vw) calc(20 / 390 * 100vw) 0;
    }
    .event-benefit-template .l-notice {
        margin-top: calc(24 / 390 * 100vw);
    }
   .event-benefit-template .coupon-benefit .c-custom-hidden-area--fade {
        height: calc(180 / 390 * 100vw);
    }
}
/* // 쿠폰 모음 */


/* 구매 부담을 덜어줄 결제 혜택 */
.event-benefit-template .payment-benefits .article__inner {
    padding-top: 0;
}
.event-benefit-template .payment-benefits .c-custom-hidden-area--fade {
    height: 290px;
}

.event-benefit-template .card-benefit__content {
    position: relative;
}
.event-benefit-template .card-benefit__img-linker {
    position: absolute;
}

.event-benefit-template .card-benefit__img-linker--benefit {
    bottom: 10%;
    left: 38%;
    width: 28.2%;
    height: 15.1%;
}
.event-benefit-template .card-benefit__img-linker--detail {
    right: 5.5%;
    bottom: 10%;
    width: 28.3%;
    height: 15%;
}

.event-benefit-template .payment-benefits__linker01 {
    position: absolute;
    top: 9%;
    left: 24.4%;
    width: 25.2%;
    height: 93%;
}

.event-benefit-template .payment-benefits__linker02 {
    position: absolute;
    top: 9%;
    left: 49.7%;
    width: 25.2%;
    height: 93%;
}

.event-benefit-template .payment-benefits__hyundai-card-linker {
    position: absolute;
    bottom: -3%;
    left: 38%;
    width: 24%;
    height: 26%;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .payment-benefits .article__inner {
        padding-top: calc(32 / 390 * 100%);
    }
    .event-benefit-template .payment-benefits .c-custom-hidden-area--fade {
        height: calc(220 / 390 * 100vw);
    }

    .event-benefit-template .payment-benefits .payment-benefits__list {
        display: block;
        margin: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .payment-benefits .card-benefit__content {
        margin: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .card-benefit__img-linker--benefit {
        bottom: 1.7%;
        left: 4%;
        width: 46.2%;
        height: 8.7%;
    }
    .event-benefit-template .card-benefit__img-linker--detail {
        bottom: 1.7%;
        left: 50%;
        width: 46.2%;
        height: 8.7%;
    }
    .event-benefit-template .payment-benefits__hyundai-card-picture {
        display: block;
        margin: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .payment-benefits__linker01 {
        top: 23%;
        left: 0;
        width: 100%;
        height: 27%;
    }

    .event-benefit-template .payment-benefits__linker02 {
        top: 50%;
        left: 0;
        width: 100%;
        height: 27%;
    }
    .event-benefit-template .payment-benefits__hyundai-card-linker {
        bottom: -5%;
        left: 3%;
        width: 94%;
        height: 31%;
    }
}

/* 공통 모달 (커스텀) */
#paymentBenefitsInterestFree {
    max-width: 500px;
}

#paymentBenefitsKakaoPay {
    max-width: 480px;
}
.popup-wrap .relative-area {
    position: relative;
}
.popup-wrap img {
    max-width: 100%;
}

.kakao-pay__link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 33%;
}
@media screen and (max-width: 767px) {
    .popup-wrap {
        max-width: initial;
    }
    .kakao-pay__link {
        height: 48%;
    }
    #paymentBenefitsInterestFree {
        max-width: 100%;
    }

    #paymentBenefitsKakaoPay {
        max-width: 100%;
    }
}
/* // 공통 모달 (커스텀) */
/* // 구매 부담을 덜어줄 결제 혜택 */

/* 함께하면 더 큰 할인 */
@media screen and (max-width: 767px) {
    .event-benefit-template .multi-benefit .custom-scroll-slider__item {
        flex: 1 0 100%;
    }
}
/* // 함께하면 더 큰 할인 */

/* 가전 위클리 특가 */

/* // 가전 위클리 특가 */

/* 홈 스페셜 브랜드 위크 */
.event-benefit-template .home-special-brand-week .c-title-area {
    margin-bottom: 12px;
}
.event-benefit-template .home-special-brand-week .content__list{
    display: flex;
    flex-direction: column;
    row-gap: 64px;
}
.event-benefit-template .home-special-brand-week__coupon-wrap {
    position: relative;
    margin-bottom: 32px;
}
.event-benefit-template .home-special-brand-week__coupon-wrap .c-timer{
    width: fit-content;
}
.event-benefit-template .home-special-brand-week__coupon-wrap .c-timer__item{
    padding: 0;
    background-color: transparent;
}
.event-benefit-template .home-special-brand-week__coupon-wrap .c-timer{
    margin-right: 85px;
}
.event-benefit-template .home-special-brand-week .custom-scroll-slider__item{
    min-width: 210px;
}
.event-benefit-template .home-special-brand-week__coupon-linker{
    position: absolute;
    top: 73%;
    left: 0;
    width: 69%;
    height: 11%;
}
.event-benefit-template .home-special-brand-week__coupon-btn{
    position: absolute;
    bottom: 2%;
    left: 4%;
    width: 92%;
    height: 14%;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .home-special-brand-week .content__list {
        row-gap: calc(40 / 390 * 100vw);
    }
    .event-benefit-template .home-special-brand-week .c-title-area {
        margin-bottom: calc(12 / 390 * 100vw);
    }
    .event-benefit-template .home-special-brand-week__coupon-wrap {
        margin: 0 calc(20 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
    .event-benefit-template .home-special-brand-week__coupon-wrap .c-timer{
        margin: 0 calc(150 / 390 * 100vw) calc(16 / 390 * 100vw) 0;
        padding: 0;
    }
    .event-benefit-template .home-special-brand-week .custom-scroll-slider__item {
        min-width: calc(169 / 390 * 100vw);
    }
}
/* // 홈 스페셜 브랜드 위크 */

/* 놓치면 아쉬운 SALE */
.event-benefit-template .missed-sale .article__content-area:last-child{
    margin-top: 24px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .missed-sale .article__content-area:last-child{
        margin-top: calc(24 / 390 * 100vw);
    }
}

/* // 놓치면 아쉬운 SALE */

/* FOCUS ON: MOVEMENT LAB */
.event-benefit-template .movement-lab .custom-scroll-slider__item {
    min-width: 366px;
}
.event-benefit-template .movement-lab .content__list {
        display: flex;
        flex-direction: column;
        row-gap: 64px;
    }
@media screen and (max-width: 767px) {
    .event-benefit-template .movement-lab .content__list {
        row-gap: calc(24 / 390 * 100vw);
    }
    .event-benefit-template .movement-lab .c-title-area {
        margin-bottom: calc(24 / 390 * 100vw);
    }
    .event-benefit-template .movement-lab__coupon-wrap {
        margin: 0 calc(20 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
    .event-benefit-template .movement-lab .custom-scroll-slider__item {
        min-width: calc(169 / 390 * 100vw);
    }
}
/* // FOCUS ON: MOVEMENT LAB */

/* only here, only yours */
.event-benefit-template .only-here-only-yours {
    background-color: #EDF1F2;
}
.event-benefit-template .only-here-only-yours .custom-scroll-slider__content-wrapper {
}
.event-benefit-template .only-here-only-yours .custom-scroll-slider__item {
    min-width: 270px;
}
.event-benefit-template .only-here-only-yours .c-product__item {
    background-color: transparent;
}
.event-benefit-template .only-here-only-yours .custom-scroll-slider__scrollbar-track{
    background-color: #D5D9DA;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .only-here-only-yours .c-product__list {
        margin: 0;
        grid-template-columns: auto;
    }
    .event-benefit-template .only-here-only-yours .custom-scroll-slider__item {
        min-width: calc(169 / 390 * 100vw);
        overflow:hidden;
    }
}
/* // only here, only yours */

/* live */
.event-benefit-template .live-commerce {
    background-color: #111;
}
.event-benefit-template .live-commerce .c-title__main-title {
    display: flex;
    column-gap: 8px;
}
.event-benefit-template .live-commerce .c-title__desc {
    color: #ccc;
}
.event-benefit-template .live-commerce__live-icon {
    display: flex;
    width: 8px;
    height: 8px;
    margin: 8px 0;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 100px;
    background: #EA1917;
}
.event-benefit-template .live-commerce .c-area-dimmer.disabled .c-area-dimmer__bg {
    display: none;
}
.event-benefit-template .c-area-dimmer.disabled .live-commerce__banner {
    filter: brightness(0.3);
}

@media screen and (max-width: 767px) {
    .event-benefit-template .live-commerce .c-title__main-title {
        column-gap: calc(6 / 390 * 100vw);
    }
    .event-benefit-template .live-commerce .c-area-dimmer__txt {
        top: calc(115 / 390 * 100vw);
        height: auto;
    }
    .event-benefit-template .live-commerce__live-icon {
        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
        margin: calc(6 / 390 * 100vw) 0;
    }
    .event-benefit-template .live-commerce__banner {
        display: block;
        margin: 0 calc(20 / 390 * 100vw);
    }
}
/* // live */

/* 가전 & 홈스타일 결합 혜택 */
.event-benefit-template .appliance-style-bundle {
    position: relative;
    background: linear-gradient(180deg, #F0ECE4 0%, #FFF 95.58%);
}
.event-benefit-template .appliance-style-bundle .c-title-area {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
}
.event-benefit-template .appliance-style-bundle__bg {
    position: absolute;
    top: 0;
    right: calc(10/1166 * 100%);
    width: calc(639/1166 * 100%);
    z-index: 0;
}
.event-benefit-template .appliance-style-bundle .j-custom-scroll-slider--only-mo {
    margin-top: 134px;
}
.event-benefit-template .appliance-style-bundle .custom-scroll-slider__content-wrapper {
    column-gap: 0;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .appliance-style-bundle {
    }
    .event-benefit-template .appliance-style-bundle__bg {
        position: initial;
        width: 100%;
    }
    .event-benefit-template .appliance-style-bundle .j-custom-scroll-slider--only-mo {
        margin-top: 6px;
    }
    .event-benefit-template .appliance-style-bundle .custom-scroll-slider__item{
        overflow: hidden;
    }
    .event-benefit-template .appliance-style-bundle .custom-scroll-slider__content-wrapper {
        column-gap: 0;
        margin: 0;
        padding: 0;
    }
    .event-benefit-template .appliance-style-bundle .custom-scroll-slider__item {
        width: 100%;
        min-width: 100%;
    }
}
/* // 가전 & 홈스타일 결합 혜택 */

/* sale more-after-content */
.event-benefit-template .more-after-content__linker {
    position: absolute;
}
.event-benefit-template .sale-more-after-content .more-after-content__linker01 {
    top: 28%;
    left: 0;
    width: 50%;
    height: 37%;
}
.event-benefit-template .sale-more-after-content .more-after-content__linker02 {
    top: 28%;
    right: 0;
    width: 50%;
    height: 37%;
}
.event-benefit-template .sale-more-after-content .more-after-content__linker03 {
    bottom: 0;
    left: 0;
    width: 50%;
    height: 34%;
}
.event-benefit-template .sale-more-after-content .more-after-content__linker04 {
    right: 0;
    bottom: 0;
    width: 50%;
    height: 34%;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .sale-more-after-content .article__inner {
        padding: 0;
    }
    .event-benefit-template .sale-more-after-content .more-after-content__linker01 {
        top: 13%;
        left: 3%;
        width: 94%;
        height: 18.8%;
    }
    .event-benefit-template .sale-more-after-content .more-after-content__linker02 {
        top: 58.7%;
        left: 3%;
        width: 94%;
        height: 18.8%;
    }
    .event-benefit-template .sale-more-after-content .more-after-content__linker03 {
        top: 31.4%;
        left: 3%;
        width: 94%;
        height: 18.8%;
    }
    .event-benefit-template .sale-more-after-content .more-after-content__linker04 {
        top: 77.1%;
        left: 3%;
        width: 94%;
        height: 18.8%;
    }
}
/* // more-after-content */

/* 미리 보는 라이브 */
.event-benefit-template .live-preview {
    background-color: #111;
}
.event-benefit-template .live-preview .article__inner {
    padding-bottom:0;
}
.event-benefit-template .live-preview .c-title__desc {
    color: #ccc;
}
.event-benefit-template .live-preview__content {
    position: relative;
}
.event-benefit-template .live-preview__linker {
    position: absolute;
}
.event-benefit-template .live-preview__linker--01 {
    top: 2%;
    left: 2%;
    width: 46%;
    height: 95%;
}
.event-benefit-template .live-preview__linker--02 {
    top: 57%;
    right: 34%;
    width: 14%;
    height: 19%;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .live-preview .article__inner {
        padding-bottom:calc(40 / 390 * 100vw);
    }
    .event-benefit-template .live-preview__content {
        margin: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .live-preview__linker--01 {
        top: 4%;
        left: 2%;
        width: 95%;
        height: 65%;
    }
    .event-benefit-template .live-preview__linker--02 {
        top: 79%;
        right: -2%;
        width: 105%;
        height: 24%;
    }
}
/* // 미리 보는 라이브 */

/* Celeb content */
.event-benefit-template .study-life {
    background-color: #111;
}
.event-benefit-template .study-life .article__inner{
    padding: 80px 10px;
    display: flex;
    flex-direction: column;
}
.event-benefit-template .study-life .c-title {
    width: 100%;   
}
.event-benefit-template .study-life .c-title__desc {
    color: #ccc;
}
.event-benefit-template .study-life__card-content {
    position: relative;
    flex-basis: 585px;
}
.event-benefit-template .study-life__video-wrap {
    display: flex;
    justify-content: center;
    overflow: hidden;
    border-radius: 16px;
    background-color: #111;
}
.event-benefit-template .study-life__video-wrap:last-child {
    margin-top: 48px;
}
.event-benefit-template .study-life__video {
    flex-basis: 560px;
    max-width: 560px;
    height: auto;
    /* aspect-ratio: 560 / 315; */
}
.event-benefit-template .study-life__linker01 {
    position: absolute;
    top: 68%;
    left: 6%;
    width: 34%;
    height: 19%;
    outline-color: #fff;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .study-life .article__inner {
        padding: calc(28 / 390 * 100%) 0 calc(40 / 390 * 100%);
    }
    .event-benefit-template .study-life__card-content {
        flex-basis: initial;
        width: 100%;
        margin-top: calc(24 / 390 * 100vw);
    }
    .event-benefit-template .study-life__video-wrap {
        flex-direction: column;
        margin: 0 calc(20 / 390 * 100vw);
        overflow: visible;
    }
    .event-benefit-template .study-life__video-wrap:last-child {
        margin-top: calc(68 / 390 * 100vw);
    }
    .event-benefit-template .study-life__video {
        flex-basis: initial;
        width: 100%;
        padding: 0;
        border-radius: calc(8 / 390 * 100vw);
        aspect-ratio: 560 / 315;
    }
    .event-benefit-template .study-life__linker01 {
        top: 69%;
        left: -1%;
        width: 102%;
        height: 35%;
    }
}
/* // Celeb content */

/* 홈 스타일 오리진 */
.event-benefit-template .home-style-origin {
    background-color: #F6F2ED;
}
.event-benefit-template .home-style-origin .article__inner {
    padding-top: 80px;
}
.event-benefit-template .home-style-origin .blind {
    top:0;
}
.event-benefit-template  .home-style-origin__linker01 {
    position: absolute;
    top: 94%;
    left: 37%;
    width: 26%;
    height: 8%;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .home-style-origin .article__inner {
        padding: 0;
    }
    .event-benefit-template  .home-style-origin__linker01 {
        top: 91%;
        left: 5%;
        width: 91%;
        height: 7%;
    }
}
/* // 홈 스타일 오리진 */

/* 공간별 취향 찾기 */
.event-benefit-template .curate-your-space .custom-scroll-slider__item {
    min-width: 366px;
    max-width: 366px;
}
.event-benefit-template  .curate-your-space__linker {position: absolute;}
.event-benefit-template  .curate-your-space__linker01 {
    top: 66%;
    left: 5%;
    width: 18%;
    height: 8%;
}
.event-benefit-template  .curate-your-space__linker02 {
    top: 79%;
    left: 6%;
    width: 28%;
    height: 17%;
}
.event-benefit-template  .curate-your-space__linker03 {
    top: 79%;
    left: 36%;
    width: 28%;
    height: 17%;
}
.event-benefit-template  .curate-your-space__linker04 {
    top: 79%;
    left: 66%;
    width: 28%;
    height: 17%;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .curate-your-space .custom-scroll-slider__content-wrapper {
        /* overflow: initial; */
        /* column-gap: initial; */
        /* padding: 0; */
    }
    .event-benefit-template .curate-your-space .custom-scroll-slider__item {
        min-width: 100%;
    }
    .event-benefit-template  .curate-your-space__linker01 {
        top: 71.8%;
        left: 4%;
        width: 17%;
        height: 6.5%;
    }
    .event-benefit-template  .curate-your-space__linker02 {
        top: 79%;
        left: 5.1%;
        width: 28%;
        height: 18%;
    }
    .event-benefit-template  .curate-your-space__linker03 {
        top: 79%;
        left: 37.1%;
        width: 27%;
        height: 18%;
    }
    .event-benefit-template  .curate-your-space__linker04 {
        top: 79%;
        left: 66.1%;
        width: 29%;
        height: 18%;
    }
}
/* // 공간별 취향 찾기 */

/* 주목할 홈스타일 브랜드 */
@media screen and (max-width: 767px) {
    .event-benefit-template .home-style-brand__card-item {
        display: block;
        margin: 0 calc(20 / 390 * 100vw);
    }
}
/* // 주목할 홈스타일 브랜드 */

/* 인테리어도 여기서 한 번에 */
.event-benefit-template .interior-all-in .custom-scroll-slider__item {
    min-width: 561px;
    max-width: 561px;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .interior-all-in .swiper-container-wrap {
        padding:0;
    }
    .event-benefit-template .interior-all-in .custom-scroll-slider__item {
        min-width: 100%;
    }
}
/* // 인테리어도 여기서 한 번에 */

/* curation more-after-content */
.event-benefit-template .curation-more-after-content .blind--01 {
    top: 5%;
}
.event-benefit-template .curation-more-after-content .blind--02 {
    top: 5%;
}
.event-benefit-template .more-after-content__linker {
    position: absolute;
}
.event-benefit-template .curation-more-after-content .more-after-content__linker01 {
    top: 28%;
    left: 0;
    width: 50%;
    height: 37%;
}
.event-benefit-template .curation-more-after-content .more-after-content__linker02 {
    top: 28%;
    right: 0;
    width: 50%;
    height: 37%;
}
.event-benefit-template .curation-more-after-content .more-after-content__linker03 {
    bottom: 0;
    left: 0;
    width: 50%;
    height: 34%;
}
.event-benefit-template .curation-more-after-content .more-after-content__linker04 {
    right: 0;
    bottom: 0;
    width: 50%;
    height: 34%;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .curation-more-after-content .blind--01 {
        top: 10%;
    }
    .event-benefit-template .curation-more-after-content .blind--02 {
        top: 56%;
    }
    .event-benefit-template .curation-more-after-content .article__inner {
        padding: 0;
    }
    .event-benefit-template .curation-more-after-content .more-after-content__linker01 {
        top: 13%;
        left: 3%;
        width: 94%;
        height: 18.8%;
    }
    .event-benefit-template .curation-more-after-content .more-after-content__linker02 {
        top: 58.7%;
        left: 3%;
        width: 94%;
        height: 18.8%;
    }
    .event-benefit-template .curation-more-after-content .more-after-content__linker03 {
        top: 31.4%;
        left: 3%;
        width: 94%;
        height: 18.8%;
    }
    .event-benefit-template .curation-more-after-content .more-after-content__linker04 {
        top: 77.1%;
        left: 3%;
        width: 94%;
        height: 18.8%;
    }
}
/* // more-after-content */

/* ==================== */
/* // 개별 영역 */
/* ==================== */