@charset "utf-8";


/* sticky menu */
.event-benefit-template .c-tab--rounded-rectangle.c-tab--custom .c-tab__list {
    border-radius: 100px;
    background-color: #ECECEC;
}
.event-benefit-template .c-tab--rounded-rectangle.c-tab--custom .c-tab__button {
    border-radius: 100px;
    width: 182px;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .c-tab--rounded-rectangle.c-tab--custom .c-tab__button {
        width: calc(111 / 390 * 100vw);
    }
}
/* // sticky menu */

/* 비디오 */
.c-responsive-video__element {
    height: auto;
    aspect-ratio: 990 / 640;
}

@media screen and (max-width: 767px) {
    .c-responsive-video__element {
    height: auto;
    aspect-ratio: 345 / 226;
}
}
/* // 비디오 */

/* item-content-00 */
.item-content-00 {
    background-color: #111111;
}
.item-content-00 .title--white,
.item-content-05 .title--white {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .item-content-00 .article__content-area {
        padding: 0 calc(20 / 390 * 100vw);
    }
}
/* // item-content-00 */

/* item-content-00 링크*/
.event-benefit-template .item-content-00 .item-content__linker {
    position: absolute;
    top: 79.2%;
    width: 16.95%;
    height: 17%;
    /* background-color: tomato;
    opacity: 0.4; */
}
.event-benefit-template .item-content-00 .item-content__linker--01 {
    left: 1.0%;
}
.event-benefit-template .item-content-00 .item-content__linker--02 {
    left: 21.3%;
}
.event-benefit-template .item-content-00 .item-content__linker--03 {
    left: 41.5%;
}
.event-benefit-template .item-content-00 .item-content__linker--04 {
    left: 61.8%;
}
.event-benefit-template .item-content-00 .item-content__linker--05 {
    left: 81.9%;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .item-content-00 .item-content__linker--01,
    .event-benefit-template .item-content-00 .item-content__linker--02 {
        width: 36%;
        height: 9%;
        top: 36.7%;
    }
    .event-benefit-template .item-content-00 .item-content__linker--01 {
        left: 11.5%
    }
    .event-benefit-template .item-content-00 .item-content__linker--02 {
        left: 52.5%
    }

    .event-benefit-template .item-content-00 .item-content__linker--03,
    .event-benefit-template .item-content-00 .item-content__linker--04,
    .event-benefit-template .item-content-00 .item-content__linker--05 {
        width: 22%;
        height: 9%;
        top: 85%;
        left: 11.5%;
    }
    .event-benefit-template .item-content-00 .item-content__linker--03 {
        left: 11.4%;
    }
    .event-benefit-template .item-content-00 .item-content__linker--04 {
        left: 38.9%;
    }
    .event-benefit-template .item-content-00 .item-content__linker--05 {
        left: 66.5%;
    }
}
/* // item-content-00 링크*/

/* item-content-01 슬라이드*/
/* .event-benefit-template .item-content-01 .custom-scroll-slider__content-wrapper {
    column-gap: 24px;
}
.event-benefit-template .item-content-01 .custom-scroll-slider__item img {
    min-width: 366px;
    max-width: 366px;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .item-content-01 .custom-scroll-slider__content-wrapper {
        column-gap: calc(12 / 390 * 100vw);
    }
    .event-benefit-template .item-content-01 .custom-scroll-slider__item img {
        max-width: 100%;
        min-width: 100%;
    }
} */
/* // item-content-01 슬라이드*/

/* item-content-03 fade 아코디언 */
.c-custom-accordion .c-custom-accordion__area--fade::after {
    top: 58%;
    height: 46%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 10%, #fff 50%, #fff 95%);
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .c-custom-accordion .c-custom-accordion__area--fade::after {
        top: 62%;
    }
}
/* // item-content-03 fade 아코디언 */

/* item-content-03 쿠폰 - 혜택 1 */
.benefit-content--coupon-01 .benefit-item--coupon .c-coupon {
    width: 100%;
}
.benefit-content--coupon-01 .benefit-item--coupon .c-coupon button {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0;
    left: 290px;
    /* background-color: #111111;
    opacity: 0.4; */
}

@media screen and (max-width: 767px) {
    .benefit-content--coupon-01 .benefit-item--coupon .c-coupon {
        width: 100%;
    }
    .benefit-content--coupon-01 .benefit-item--coupon .c-coupon {
        padding: 0 calc(20 / 390 * 100vw);
    }
    .benefit-content--coupon-01 .benefit-item--coupon .c-coupon button {
        position: absolute;
        width: calc(80 / 390 * 100vw);
        height: calc(66 / 390 * 100vw);
        top: 0;
        left: 74.5%;
    }
}
/* // item-content-03 쿠폰 - 혜택 1 */

/* item-content-03 쿠폰 - 혜택 2 */
.item-content-03 .benefit-content--coupon-02 .c-coupon__content ul {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 20px;
}
.item-content-03 .benefit-content--coupon-02 .c-coupon__content ul li {
    width: 369px;
}
.item-content-03 .benefit-content--coupon-02 .c-coupon__content ul li button,
.item-content-03 .benefit-content--coupon-02 .c-coupon__content ul li a {
    position: absolute;
    width: 80px;
    height: 80px;
    /* background-color: tomato;
    opacity: 0.4; */
}
.item-content-03 .benefit-content--coupon-02 .c-coupon__content ul li .couponPE {
    left: 289px;
    top: 0;
}
.item-content-03 .benefit-content--coupon-02 .c-coupon__content ul li .c-coupon-list__link--01 {
    left: 678px;
    top: 0;
}
.item-content-03 .benefit-content--coupon-02 .c-coupon__content ul li .c-coupon-list__link--02 {
    left: 289px;
    top: 100px;
}
.item-content-03 .benefit-content--coupon-02 .c-coupon__content ul li .c-coupon-list__link--03 {
    left: 678px;
    top: 100px;
}

@media screen and (max-width: 767px) {
    .item-content-03 .benefit-content--coupon-02 .c-coupon__content {
        padding: 0 calc(20 / 390 * 100vw);
    }
    .item-content-03 .benefit-content--coupon-02 .c-coupon__content ul {
        gap: calc(8 / 390 * 100vw);
    }
    .item-content-03 .benefit-content--coupon-02 .c-coupon__content ul li {
        width: 100%;
    }

    .event-benefit-template .item-content-03 .benefit-content--coupon-02 .c-coupon__content ul li button,
    .event-benefit-template .item-content-03 .benefit-content--coupon-02 .c-coupon__content ul li a {
        position: absolute;
        width: calc(80 / 390 * 100vw);
        height: calc(66 / 390 * 100vw);
        left: 74.5%;
    }
    .item-content-03 .benefit-content--coupon-02 .c-coupon__content ul li .couponPE {
        top: 0;
    }
    .item-content-03 .benefit-content--coupon-02 .c-coupon__content ul li .c-coupon-list__link--01 {
        top: 25.5%;
    }
    .item-content-03 .benefit-content--coupon-02 .c-coupon__content ul li .c-coupon-list__link--02 {
        top: 51.5%;
    }
    .item-content-03 .benefit-content--coupon-02 .c-coupon__content ul li .c-coupon-list__link--03 {
        top: 77%;
    }
}
/* // item-content-03 쿠폰 - 혜택 2 */

/* item-content-03 쿠폰 - 혜택 2 유의사항 */
.event-benefit-template .item-content-03 .benefit-content--coupon-02 .c-toggle__btn-wrap {
    text-align: left;
}
.event-benefit-template .item-content-03 .benefit-content--coupon-02 .c-toggle__btn-wrap .c-toggle__btn {
    text-decoration: underline;
}
.event-benefit-template .item-content-03 .benefit-content--coupon-02 .c-toggle__btn-wrap .c-toggle__btn--text::after {
    display: none;
}
/* // item-content-03 쿠폰 - 혜택 2 유의사항 */

/* item-content-03 쿠폰 - 혜택 3 */
.c-coupon-article .custom-scroll-slider__content-wrapper {
	flex-wrap: wrap;
	gap: 24px;
}
.event-benefit-template .c-coupon-article .c-toggle--notice .c-toggle__btn-wrap {
	margin-top: 64px;
}
.c-coupon-article .custom-scroll-slider__item {
	width: calc(50% - 12px);
}
.event-benefit-template .c-coupon__download,
.event-benefit-template .c-coupon__info {
	border: none;
	box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.15), 0 1px 10px 0 rgba(33, 39, 49, 0.15);
}

@media screen and (max-width: 767px) {
	.c-coupon-article .custom-scroll-slider__content-wrapper {
		flex-wrap: unset;
		column-gap: calc(12 / 390 * 100vw);
	}
	.c-coupon-article .custom-scroll-slider__item {
		min-width: calc(350 / 390 * 100vw);
	}
	.event-benefit-template .c-coupon-article .c-toggle--notice .c-toggle__btn-wrap {
		margin: calc(24 / 390 * 100vw) 0 0;
	}
}
/* // item-content-03 쿠폰 - 혜택 3 */

/* item-content-03 카드 결제 혜택 버튼 위치 */
.benefit-content--purchase .article__content-area {
    position: relative;
}
.benefit-content--purchase .article__content-area a {
    position: absolute;
    width: 8%;
    height: 12%;
    top: 51%;
    /* background-color: tomato;
    opacity: 0.4; */
}
.benefit-content--purchase .article__content-area .payment-shinhan__linker01 {
    left: 0;
}
.benefit-content--purchase .article__content-area .payment-shinhan__linker02 {
    left: 22.6%;
}
.benefit-content--purchase .article__content-area .payment-shinhan__linker03 {
    left: 34%;
}
.benefit-content--purchase .article__content-area .payment-shinhan__linker04 {
    left: 67%;
}

@media screen and (max-width: 767px) {
    .benefit-content--purchase .article__content-area a {
        width: 38.5%;
        height: 13%;
        top: 78%;
    }
    .benefit-content--purchase .article__content-area .payment-shinhan__linker01 {
        left: 10.2%;
    }
    .benefit-content--purchase .article__content-area .payment-shinhan__linker02 {
        left: 51.1%;
    }
    .benefit-content--purchase .article__content-area .payment-shinhan__linker03 {
        width: 79.5%;
        left: 10%;
    }
    .benefit-content--purchase .article__content-area .payment-shinhan__linker04 {
        width: 79.5%;
        left: 10%;
    }
    /* mo 슬라이드 하단 - 결제 해택 영역 */
    .card_benefits_list {
        padding: calc(40 / 390 * 100%) calc(20 / 390 * 100%) calc(20 / 390 * 100%);
    }
    /* // mo 슬라이드 하단 - 결제 해택 영역 */
}
/* // item-content-03 카드 결제 혜택 버튼 위치 */

/* item-content-03 포토리뷰 이벤트 유의사항 버튼 위치 */
.item-content-03 .benefit-content--review .c-toggle__btn-wrap {
    margin: 32px 0;
}

@media screen and (max-width: 767px) {
    .item-content-03 .benefit-content--review .c-toggle__btn-wrap {
        margin: calc(24 / 390 * 100%) 0;
    }
}
/* // item-content-03 포토리뷰 이벤트 유의사항 버튼 위치 */

/* item-content-04 LG Sound Suite가 필요한 순간​ 영역 */
.item-content-04 {
    background: linear-gradient(0deg, #F0ECE4 0%, #F0ECE4 100%), #ECECEC;
}
.item-content-04 .c-tab--round .c-tab__item {
    background-color: #fff;
}
/* // item-content-04 LG Sound Suite가 필요한 순간​ 영역 */

/* item-content-04 슬라이드 prograss bar */
.event-benefit-template .item-content-04 .synced-tab-slider .swiper-container-wrap .swiper-pagination-bullets .swiper-pagination-bullet::after {
    background-color: #DDD9D2;
}
.event-benefit-template .item-content-04 .synced-tab-slider .swiper-container-wrap .swiper-pagination-bullets .swiper-pagination-bullet-active::after {
    background-color: #111;
}
/* // item-content-04 슬라이드 prograss bar */

/* item-content-05 레이아웃 */
.item-content-05 {
    background-color: #111;
}

@media screen and (max-width: 767px) {
    .item-content-05 .article__content-area {
        padding: 0 calc(20 / 390 * 100vw);
    }
}
/* // item-content-05 레이아웃 */

/* item-content-07 슬라이드*/
@media screen and (max-width: 767px) {
    .event-benefit-template .item-content-07 .custom-scroll-slider__content-wrapper {
        column-gap: calc(0 / 390 * 100vw);
    }
    .event-benefit-template .item-content-07 .custom-scroll-slider--shadow .custom-scroll-slider__item {
        min-width: unset;
        padding-right: 0;
    }
    .event-benefit-template .item-content-07 .custom-scroll-slider__item img {
        min-width: calc(170 / 390 * 100vw);
        max-width: calc(170 / 390 * 100vw);
    }
}
/* // item-content-07 슬라이드*/

/* item-content-08 LG Sound Suite 조합 */
.event-benefit-template .article_card_list .card_list_wrap {
    transition: max-height 0.5s ease-in-out;
    overflow: hidden;
}
.event-benefit-template .article_card_list .card_list_wrap .c-list {
    padding: 2% 0 0 0;
}
.event-benefit-template .article_card_list .btn-more-wrap {
    display: none;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .article_card_list .card_list_wrap {
        position: relative;
        margin: 0 0 6% 0;
        overflow-x: auto;
        transition: max-height 0.5s ease-in-out;
    }
    .event-benefit-template .article_card_list .card_list_wrap .c-list {
        padding: 6% 0 0 0;
    }
    .event-benefit-template .article_card_list .card_list_wrap.is-collapsed {
        max-height: calc(425 / 390 * 100vw);
        overflow-y: hidden;
    }
    .event-benefit-template .article_card_list .card_list_wrap.is-collapsed::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 80%);
        pointer-events: none;
        z-index: 10;
    }
    .event-benefit-template .article_card_list .card_list_wrap.is-expanded::after {
        display: none;
    }
    .event-benefit-template .article_card_list .card_list_wrap.is-expanded {
        max-height: calc(900 / 390 * 100vw);
    }
    .event-benefit-template .article_card_list .card_list_wrap .card_list_section01 {
        width: calc(1380 / 390 * 100%);
        padding: 0 5%;
    }
    .event-benefit-template .article_card_list .btn-more-wrap {
        display: block;
    }
    .event-benefit-template .article_card_list .btn-more-wrap {
        text-align: center;
    }
    .event-benefit-template .article_card_list .btn-more-wrap .btn-more {
        z-index: 2;
        display: inline-flex;
        align-items: center;
        background: none;
        border: none;
        font-size: calc(13 / 390 * 100vw);
        color: #111111;
        cursor: pointer;
    }
    .event-benefit-template .article_card_list .btn-more-wrap .btn-more.is-active {
        display: none;
    }

    /* .btn-more.is-active::after { transform: rotate(180deg); } */

    .event-benefit-template .article_card_list .card_list_wrap.is-collapsed::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 349%;
        height: 100%;
        background: linear-gradient(to top, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 80%);
        pointer-events: none;
        z-index: 1;
    }
    .event-benefit-template .article_card_list .card_list_wrap.is-expanded::after {
        display: none;
    }
}
/* // item-content-08 LG Sound Suite 조합 */

/* item-content-10 일반탭 레이아웃 */
.item-content-10 .c-tab__content .article__inner {
    padding: 0 10px 0 ;
}

@media screen and (max-width: 767px) {
    .item-content-10 .c-tab__content .article__inner {
        padding: calc(15 / 390 * 100%) 0 0;
    }
}
/* // item-content-10 일반탭 레이아웃 */

/* item-content-11 더 많은 질문 보기 버튼 */
.event-benefit-template .item-content-11 .limit-view__button.c-button-custom {
    width: 260px;
    border:1px solid #DEE1E5;
    font-size: 16px;
    font-weight: 600;
}
.event-benefit-template .item-content-11 .limit-view__button.c-button-custom::after {
    display: none;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .item-content-11 .limit-view__button.c-button-custom {
        width: calc(158 / 390 * 100vw);;
        font-size: calc(15 / 390 * 100vw);
    }
}
/* // item-content-11 더 많은 질문 보기 버튼 */

/* item-content-13 고지형 배너 레이아웃 */
@media screen and (max-width: 767px) {
    .item-content-13 .notice-banner {
        margin: 0 calc(20 / 390 * 100vw);
    }
}
/* // item-content-13 고지형 배너 레이아웃 */

/* Q&A */
.event-benefit-template .c-toggle:has(.c-toggle__btn-wrap--qna) .c-toggle__btn-wrap {
    margin: 0;
}
.event-benefit-template .c-toggle:has(.c-toggle__btn-wrap--qna).on {
    border-bottom:none;   
}
.event-benefit-template .c-toggle:has(.c-toggle__btn-wrap--qna).on .c-toggle__btn-wrap {
    border: 0 solid var(--base-color--gray-01);;
    box-sizing: border-box;
    border-bottom-width: 1px;
}
.event-benefit-template .c-toggle:has(.c-toggle__btn-wrap--qna) .c-toggle__btn--text {
    display: flex;
    align-items: flex-start;
    font-size: var(--calc-size--16);
    line-height: var(--calc-size--20);
    text-align: left;
    padding:  var(--calc-size--24) var(--calc-size--12); 
    outline-offset: -1px;
    width: calc(100% - var(--calc-size--16));
}
.event-benefit-template .c-toggle:has(.c-toggle__btn-wrap--qna) .c-toggle__btn--text::after {
    width: 12px;
    height: 7px;
}
.event-benefit-template .c-toggle:has(.c-toggle__btn-wrap--qna) .c-toggle__head-symbol {
    padding-right: var(--calc-size--06);
}
.event-benefit-template .c-toggle:has(.c-toggle__btn-wrap--qna) .c-title__qna-desc {
    font-size: var(--calc-size--14);
    line-height: 1.5;
    word-break: keep-all;
}
.event-benefit-template .c-toggle:has(.c-toggle__btn-wrap--qna) .c-toggle__content {
    margin-top: 0;
    padding-top: 16px;
    background-color: #F6F6F6;
}
.event-benefit-template .j-qna-view-more .limit-view__button-wrap{
    margin: 16px 0;
    text-align: center;
}
.event-benefit-template .j-qna-view-more .limit-view__button {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-right: 16px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #111;
    text-align: center;
}
.event-benefit-template .j-qna-view-more .limit-view__button-wrap:has(.limit-view__button.is-hidden) {
    display: none;
}
.event-benefit-template .j-qna-view-more .limit-view__button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 5px;
    background: url(/kr/event/promotions/images/icon-line-chervron-down-black.svg) no-repeat;
    background-size: contain;
    transform: translateY(-50%);
    transform-origin: center;
    transition: transform 0.3s;
}

@media (max-width: 767px){
    .event-benefit-template .c-toggle-wrap:has(.c-toggle__btn-wrap--qna) {
        margin: 0 var(--calc-size--20);
    }
    .event-benefit-template .c-toggle:has(.c-toggle__btn-wrap--qna) {
        margin: 0;
    }
    .event-benefit-template .c-toggle:has(.c-toggle__btn-wrap--qna) .c-toggle__content {
        margin-top: var(--calc-size--00);
        padding-top: var(--calc-size--00);
    }
    .event-benefit-template .c-toggle:has(.c-toggle__btn-wrap--qna) .c-toggle__btn--text {
        font-size: var(--calc-size--14);
        padding:  var(--calc-size--16) var(--calc-size--22) var(--calc-size--12) var(--calc-size--12); 
    }
    .event-benefit-template .j-qna-view-more .limit-view__button-wrap{
        margin: calc(12 / 390 * 100vw) 0;
    }
    .event-benefit-template .j-qna-view-more .limit-view__button {
        padding-right: calc(16 / 390 * 100vw);
        font-size: calc(13 / 390 * 100vw);
        line-height: 138.462%;
    }
    .event-benefit-template .j-qna-view-more .limit-view__button::after {
        width: calc(8 / 390 * 100vw);
        height: calc(5 / 390 * 100vw);
    }
}
/* // Q&A */