.event-benefit-template * {
    font-family: 'Pretendard', sans-serif;
}

.pc{display: block;}
.mo{display: none;}
.product_wrapper{
    position: relative;
    padding-bottom: 85px;
    background-color: #F3F1ED;
}
.show-more-btn{
    display: block;
    position: absolute;
    bottom: 85px;
    max-width: 1000px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.prdList {max-width:1000px; margin:0 auto;}
.prdList ul {display:grid; grid-template-columns:repeat(4, minmax(calc((100% - 96px)/4), auto)); gap:32px;}
.prdList ul li{position: relative;}
.prdList ul li .pd .img {display:flex; justify-content:center; align-items:center; margin-bottom:24px; width:100%; height:auto; max-height:296px; aspect-ratio:1 / 1; border-radius:16px; overflow: hidden; background:#fff;}
.prdList ul li .pd .img img {width:auto; height:100%; max-height:180px;}
.prdList ul li .badge {display:flex; flex-wrap:wrap; gap:7px 9px; width:100%; margin-top:5px;}
.prdList ul li .badge em {display:inline-block; padding:3px 6.5px; font-size:15px; font-weight:500; color:#FFFFFF; white-space: nowrap; border-radius:6px; background: #B7A095;}
.prdList ul li .badge em.p {color:#fff; background:#EA1917;}
.prdList ul li .badge em.sale {color:#fff; background:#EA1917;}
.prdList ul li .badge + .txt {padding-top:13px;}
.prdList ul li .badge .sale + .sale {display:none;}
.prdList ul li .pd .txt {text-align:left;}
.prdList ul li .pd strong {padding-bottom: 16px;font-size: 22px;line-height: 1.2;color: #1A1A1A;font-weight: 600;border-bottom: 1px solid #CEC7B4;letter-spacing: -0.02em;display: flex;flex-direction: column-reverse;}
.prdList ul li .pd strong em {display: block;padding-bottom: 8px;color: #7E7C77;font-weight: 300;font-size: 20px;}
.prdList ul li .pd dl {display:flex; flex-wrap: wrap; align-items: center; gap:8px 8px; padding-top:16px; white-space:nowrap;}
.prdList ul li .pd dl dt { flex:0 1 20%; font-size:20px; font-weight:400; color:#000; letter-spacing: -0.02em;}
.product_box_buy.prdList ul li .pd dl dt:nth-of-type(2),.product_box_buy.prdList ul li .pd dl dd:nth-of-type(2) {display: none;}
.prdList ul li .pd dl dt:nth-of-type(3) {color: black;}
.prdList ul li .pd dl dt.last {display:inline-flex; font-size: 16px; font-weight: 700; color: #000;}
.prdList ul li .pd dl dd {flex:1 0 70%; font-size:20px; color:#1A1A1A; letter-spacing: -0.02em; }
.prdList ul li .pd dl dd del {color:#1A1A1A; text-decoration: none;}
.prdList ul li .pd dl dd del::after {content:'원';}
.prdList ul li .pd dl dd em::after {content:'원';}
.prdList ul li .pd dl dd.lastPrice {flex:1 0 50%;}
.prdList ul li .pd dl dd.lastPrice em {font-weight:600; font-size:20px; color: #ff0000; letter-spacing: -0.02em;}
.prdList ul .typeBtn {display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:8px;}
.prdList ul .typeBtn a {position:relative; flex:1; display:flex; justify-content: center; align-items:center; height:42px; gap:11px; font-size:17px; font-weight:500; color:#000; border:1px solid #000; border-radius:9px; cursor:pointer; overflow:hidden;}
.prdList ul .typeBtn a::after {content:''; display:inline-block; width:8px; height:14px; background: url(/kr/event/2025/04/01_lgforme/images/img_pd_arrow_right.png) no-repeat center; background-size:cover;}
.prdList ul.careCase li .pd dl dd em::before {content:'월 ';}
.prdList ul.careCase li .pd dl dd em::after {content:'원';}
.prdList ul.careCase li .pd dl dd.lastPrice em::after {content:'원 ~';}
.prdList ul.careCase li .careItem {margin-top:24px;  border-radius:12px; overflow: hidden;}
.prdList ul.careCase li .careItem dt {position: absolute; width: 100%; z-index: 2; display:flex; justify-content: center; align-items:center; height:42px; gap:0; font-size:17px; font-weight:500; color:#000; cursor:pointer;}
.prdList ul.careCase li .careItem .careItem_off {display: block;}
.prdList ul.careCase li .careItem .careItem_on {display: none;}
.prdList ul.careCase li .careItem.active .careItem_off {display: none;}
.prdList ul.careCase li .careItem.active .careItem_on {display: block;}
.prdList.landscape ul {display:block; max-width:486px;}
.prdList.landscape ul li {max-width:none; width:100%; min-height:172px;}
.prdList.landscape ul li ~ li {margin-top:25px;}
.prdList.landscape ul li .pd {position:relative; display:block; width:100%; padding:0 0 0 190px;}
.prdList.landscape ul li .pd .img {position:absolute; left:0; top:0; width:172px; margin-bottom:0;}
.prdList.landscape ul li .pd .img img {max-height:140px;}
.prdList.landscape ul li .badge {margin-left:190px; width: calc(100% - 190px);}
.prdList.landscape ul li .typeBtn {margin-left:190px;}
.prdList.landscape ul li .careItem {margin-left:190px;}
.prdList.landscape ul li .pd dl dd:nth-child(2) {flex: 0 1 auto;}
.prdList.landscape ul li .pd dl dd:nth-child(4) {flex: 0 1 51%;}
.prdList.landscape ul li .pd dl dd.lastPrice {flex:1 0 50%;}
.prdList.landscape ul.careCase  li .pd dl dd:nth-child(2) {flex: 0 1 100%;}
.prdList.landscape ul.careCase  li .pd dl dd:nth-child(4) {flex: 1 0 50%;}
.prdList.landscape ul.careCase  li .pd dl dd.lastPrice {flex:1 0 50%;}
.prdList.interior ul {display:flex;}
.prdList.interior ul li {width:316px; padding-bottom:24px; border-radius:24px; max-width:none; overflow:hidden; background:#fff;}
.prdList.interior ul li .pcImg {display:inline-flex; justify-content:center; align-items:center; margin-bottom:24px; width:100%; height:auto; max-height:296px; aspect-ratio:1 / 0.93; overflow: hidden; background:#fff;}
.prdList.interior ul li .pcImg img {display:block; width:100%;}
.prdList.interior ul li .pd .img {display:none;}
.prdList.interior ul li .pd .txt {display:block; padding:0 24px;}
.prdList.interior ul li .pd dl dd:nth-child(2) {flex: 0 1 auto;}
.prdList.interior ul li .pd dl dd:nth-child(4) {flex: 0 1 50%;}
.prdList.interior ul li .badge {padding:0 24px;}
.prdList.interior ul .typeBtn {padding:16px 24px 0;}
.prdList.interior ul.careCase li .pd dl dd:nth-child(2) {flex: 0 1 100%;}
.prdList.interior ul.careCase li .pd dl dd:nth-child(4) {flex: 1 0 50%;}
.prdList.interior ul.careCase li .pd dl dd.lastPrice {flex:1 0 50%;}
.prdList.interior ul.careCase li .careItem {margin:8px 24px 0; width: calc(100% - 48px);}
/* soldOut */
.prdList ul li.soldout::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; background:rgba(0,0,0,.86) url(/kr/event/2025/04/01_lgforme/images/img_soldout.png) no-repeat center; background-size:140px;}
.prdList ul li.soldoutAll::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; background:rgba(0,0,0,.86) url(/kr/event/2025/04/01_lgforme/images/img_soldout.png) no-repeat center; background-size:140px;}
.prdList.landscape ul li.soldout::before {background-size:120px;}
.prdList.landscape ul li.soldoutAll::before {background-size:120px;}
.prdList ul li .typeBtn a.soldout::before {content:'특가 종료'; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; display:flex; justify-content:center; align-items:center; color:#fff; font-size:20px; background:rgba(0,0,0,.8);}
.prdList ul li.soldoutAll .typeBtn .soldout::before {display:none;}
/**/
.skeleton {position: relative; overflow: hidden; z-index: 2; width:100%;}
.skeleton .pd::after { content : ""; width: 100%; height: 100%; position:absolute; top:0; left: 0; z-index: 2;
    background-image: linear-gradient(270deg,
        rgba(255,255,255,0.2),
        rgba(255,255,255,0.1),
        rgba(255,255,255,0.2));
    transform: translateX(-100%);
    animation: skeleton-loader 2s infinite;
}
.skeleton .pd i { display:block;  height:18px;  border-radius:10px;  font-size:0 !important;  overflow:hidden;  background: #e3e3e3;}
.skeleton .pd strong { padding-bottom: 33px !important;}
.skeleton .pd strong em i {width: 50%;}
.skeleton .pd dl {gap: 16px 8px !important;}




        .event-benefit-template .summary-visual,
        .event-benefit-template .summary-content,
        .relative_wrap{
            position: relative;
        }
        .event-benefit-template .summary-visual img{
            max-width: 100%;
        }
        video{position: absolute; top: 17.95%; left: 13.8%; width: 72.5%; height: 43.35%; border-radius: 22px;}
        
        .pd01_btn01{position: absolute; top: 73.3%; left: 13.8%; width: 21.8%; height: 5.1%; }
        .pd01_btn02{position: absolute; top: 87.1%; left: 13.8%; width: 21.8%; height: 5.1%; }
        .pd02_btn01{position: absolute; top: 73.3%; left: 39.1%; width: 21.8%; height: 5.1%; }
        .pd02_btn02{position: absolute; top: 87.1%; left: 39.1%; width: 21.8%; height: 5.1%; }
        .pd03_btn01{position: absolute; top: 73.3%; left: 64.5%; width: 21.8%; height: 5.1%; }
        .pd03_btn02{position: absolute; top: 87.1%; left: 64.5%; width: 21.8%; height: 5.1%; }

        .sh_banner_btn{position: absolute; bottom: 22.9%; left: 13.8%; width: 72.5%; height: 54.5%; }

        .cont0  {border-bottom: 8px solid #e5e5e5;}
        .cont0-tit  {}
        .cont0-iframe   {top: 26.65%; left: 13.8%; width: 72.5%; height: 64%; border-radius: 22px; position: absolute;}



.tab_container {position:sticky; top:0; left: 0; display:flex; width:100%; height: 98px; justify-content:center;transition: all 0.2s; opacity: 1; z-index: 95; border-bottom:1px solid rgba(0,0,0,0.1); background-color: #fff;} 
.tab_container li { width: 25%; height: 100%;background-color: #fff;} 
.tab_container li a {font-family: 'Pretendard-Regular',serif; line-height: 1.35; display: flex; width:100%; height: 100%; background-color:#fff; color: #696969; justify-content: center;align-items: center; font-size: 26px; line-height: 38px; font-weight:bold;  text-align: center;  } 

.tab_container li a span {pointer-events: none;}
.tab_container li a.active {color: #2E2E33; background: linear-gradient(0deg, #2E2E33 8%, #fff 8%);}

.contents.exhibition .cont-wrap{max-width: 1380px !important;}


        @media screen and (max-width: 767px){
            .event-benefit-template .summary-visual img {width: 100%;}

            /*video{top: 10.95%; left: 6.4%; width: 87.2%; height: 38.2%;}*/
            .video_wrap{background: #f6f3eb;}
            video{position: relative; width: 87.2%; height: auto; left: 50%; margin-left: -43.6%;}

            .event_01_slide {background-color:#ffffff;}
            .event_01_slide .swiper-container{padding-bottom:calc(32/720 * 100vw); margin-bottom: calc(64/720 * 100vw);}
            .event_01_slide .swiper-slide {position:relative; background:transparent; padding: 0 calc(40/720*100vw);}
            .event_01_slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {background: #E5E5E5; width:calc(14/720*100vw);height:calc(14/720*100vw); border-radius: 50%; opacity:1;}
            .event_01_slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#18181D; width:calc(30/720*100vw); border-radius: 50px;}

            .pd01_btn01{left: 39.8%; top: 27.3%; width: 53.8%; height: 4.9%;}
            .pd01_btn02{top: 35.7%;left: 39.8%;  width: 53.8%; height: 4.9%;}
            .pd02_btn01{top: 54.2%;left: 39.8%; width: 53.8%; height: 4.9%;}
            .pd02_btn02{top: 62.6%;left: 39.8%;  width: 53.8%; height: 4.9%;}
            .pd03_btn01{top: 81%; left: 39.8%;  width: 53.8%; height: 4.9%;}
            .pd03_btn02{top: 89.5%; left: 39.8%; width: 53.8%; height: 4.9%;}

            .sh_banner_btn{bottom: 18.9%; height: 62.5%; left: 6.8%; width: 86.5%;}

            

            .care_service{background-color: #f6f3eb; padding-bottom: calc(64/720*100vw);}
            .care_service ul {padding: 0 calc(48/720*100vw);}
            .care_service ul li{margin-bottom: calc(24/720*100vw);}
            .care_service ul li:last-of-type{margin-bottom: 0;}
            .care_service ul li p{box-shadow: 0px 0px 3px rgba(174, 164, 137, 0.20); position: relative; border-radius: 11px;}
            .care_service ul li p.on a{ position: absolute; bottom: 0; left: 0; width: 100%; height: 34%;}

            .cont0  {padding-bottom: calc(65 / 720 * 100vw);}
            .cont0-tit  {}
            .cont0-video-cont   {position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto;}
            .cont0-iframe   {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0;}
            
            
.tab_container {top: 44px; height: calc(108/720*100vw);}
.tab_container li { width:100%;} 
.tab_container li a {font-size: calc(32/720*100vw); line-height: 1.35;}
.tab_container li:nth-child(2) a { line-height: 1.35; padding: 0 calc(45/720*100vw);}
.tab_container li:nth-child(3) a { line-height: 1.35; padding: 0 calc(45/720*100vw);}
        }


@keyframes skeleton-loader{
    0%{
        transform: translateX(-100%);
    }
    100%{
        transform: translateX(100%);
    }
}
@media screen and (max-width: 767px) {


    .relative_wrap.border_bottom,
    .relative_wrap.border_bottom_mo{
        border-bottom: calc( 16 / 720 * 100vw ) solid #E5E5E5;
    }
    .pc{display: none;}
    .mo{display: block;}
    .product_wrapper{padding-bottom: calc( 85 / 720 * 100vw );}
    .prdList {padding:0 calc(48 / 760* 100vw);}
    .prdList ul {grid-template-columns:repeat(2, 1fr); gap:calc(32 / 760* 100vw);}
    .prdList ul li {max-width:none; width:auto;}
    .prdList ul li .pd .img {margin-bottom:calc(24 / 760* 100vw); max-height:calc(296 / 760* 100vw); border-radius:calc(16 / 760* 100vw);}
    .prdList ul li .pd .img img {max-height:calc(220 / 760* 100vw);}
    .prdList ul li .badge {gap:calc(8 / 760* 100vw) calc(12 / 760* 100vw); margin-top:calc(16 / 760* 100vw);}
    .prdList ul li .badge em {padding:calc(4 / 760* 100vw) calc(8 / 760* 100vw); font-size:calc(20 / 760* 100vw); border-radius:calc(8 / 760* 100vw);}
    .prdList ul li .badge + .txt {padding-top:calc(14 / 760* 100vw);}
    .prdList ul li .pd strong {padding-bottom:calc(16 / 760* 100vw); font-size:calc(26 / 760* 100vw);}
    .prdList ul li .pd strong em {padding-top:calc(6 / 760* 100vw); font-size:calc(22 / 760* 100vw);}
    .prdList ul li .pd dl {gap:calc(8 / 760* 100vw) calc(8 / 760* 100vw); padding-top:calc(16 / 760* 100vw);}
    .prdList ul li .pd dl dt {font-size:calc(22 / 760* 100vw);}
    .prdList ul li .pd dl dd {font-size:calc(26 / 760* 100vw);}
    .prdList ul li .pd dl dd.lastPrice em {font-size:calc(28 / 760* 100vw);}
    .prdList ul .typeBtn {gap:calc(16 / 760* 100vw); padding-top:calc(16 / 760* 100vw);}
    .prdList ul .typeBtn a {height:calc(54 / 760* 100vw); gap:calc(14 / 760* 100vw); font-size:calc(22 / 760* 100vw); border-radius:calc(12 / 760* 100vw);}
    .prdList ul .typeBtn a::after {width:calc(9 / 760* 100vw); height:calc(18 / 760* 100vw);}
    .prdList ul.careCase li .careItem {margin-top:calc(24 / 760* 100vw); border-radius:calc(12 / 760* 100vw); overflow: hidden;}
    .prdList ul.careCase li .careItem dt { height:calc(54 / 760* 100vw); gap:calc(14 / 760* 100vw); font-size:calc(22 / 760* 100vw);}
    .prdList ul.careCase li .careItem dt::after {width:calc(18 / 760* 100vw); height:calc(10 / 760* 100vw);}
    .prdList ul.careCase li .careItem.active dd {padding:0 ;}
    .prdList ul.careCase li .careItem.active dd span {padding-top:calc(10 / 760* 100vw); min-height:calc(80 / 760* 100vw); font-size:calc(19 / 760* 100vw);}
    .prdList.landscape ul {max-width:none; }
    .prdList.landscape ul li {min-height:calc(220 / 760* 100vw); overflow:hidden;}
    .prdList.landscape ul li ~ li {margin-top:calc(32 / 760* 100vw);}
    .prdList.landscape ul li .pd {padding:0 0 0 calc(244 / 760* 100vw);}
    .prdList.landscape ul li .pd .img {width:calc(220 / 760* 100vw);}
    .prdList.landscape ul li .pd .img img {max-height:calc(160 / 760* 100vw);}
    .prdList.landscape ul li .typeBtn {margin-left:calc(244 / 760* 100vw);}
    .prdList.landscape ul li .careItem {margin-left:calc(244 / 760* 100vw);}
    .prdList.landscape ul li .badge {margin-left: calc(244 / 760* 100vw); width: calc(100% - 244px);}
    .prdList.interior ul li {width:calc(460 / 720 * 100vw);}
    .prdList.interior ul li .badge {padding:0 calc(24 / 760* 100vw);}
    .prdList.interior ul li .pcImg {margin-bottom:calc(24 / 760* 100vw);}
    .prdList.interior ul li .pd .txt {display:block; padding:0 calc(24 / 760* 100vw);}
    .prdList.interior ul li .pd dl dd:nth-child(2) {flex: 1 0 100%;}
    .prdList.interior ul li .pd dl dd:nth-child(4) {flex: 1 0 100%;}
    .prdList.interior ul .typeBtn {padding:calc(16 / 760* 100vw) calc(24 / 760* 100vw) 0;}
    .prdList.interior ul.careCase li .pd dl dd:nth-child(2) {flex: 1 0 100%;}
    .prdList.interior ul.careCase li .pd dl dd:nth-child(4) {flex: 1 0 50%;}
    .prdList.interior ul.careCase li .pd dl dd.lastPrice {flex:1 0 50%;}
    .prdList.interior ul.careCase li .careItem {margin:calc(8 / 760* 100vw) calc(24 / 760* 100vw) 0; width: calc(100% - calc(24 / 760* 100vw));}
    /**/
    .skeleton .pd strong { padding-bottom: calc(33 / 760* 100vw) !important;}
    .skeleton .pd strong em i {width: 50%;}
    .skeleton .pd dl {gap: calc(16 / 760* 100vw) calc(8 / 760* 100vw) !important;}
    /**/
    .prdList ul li.soldout::before {background-size:calc(176 / 760* 100vw);}
    .prdList ul li.soldoutAll::before {background-size:calc(176 / 760* 100vw);}
    .prdList.landscape ul li.soldout::before {background-size:calc(156 / 760* 100vw);}
    .prdList.landscape ul li.soldoutAll::before {background-size:calc(156 / 760* 100vw);}
    .prdList ul li .typeBtn a.soldout::before {font-size:calc(22 / 760* 100vw);}
}