@charset "utf-8";

@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    src: url("/kr/event/2025/04/01_lgforme/css/pre/Pretendard-Black.woff") format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    src: url("/kr/event/2025/04/01_lgforme/css/pre/Pretendard-ExtraBold.woff") format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url("/kr/event/2025/04/01_lgforme/css/pre/Pretendard-Bold.woff") format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url("/kr/event/2025/04/01_lgforme/css/pre/Pretendard-SemiBold.woff") format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url("/kr/event/2025/04/01_lgforme/css/pre/Pretendard-Medium.woff") format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    src: url("/kr/event/2025/04/01_lgforme/css/pre/Pretendard-Light.woff") format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    src: url("/kr/event/2025/04/01_lgforme/css/pre/Pretendard-ExtraLight.woff") format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    src: url("/kr/event/2025/04/01_lgforme/css/pre/Pretendard-Thin.woff") format('woff');
}
@media screen and (max-width: 767px) {
    a, input {outline:none;-webkit-tap-highlight-color:transparent;}
    a:focus
    a:active,
    input:focus {outline: none;-webkit-tap-highlight-color:transparent;}
    div:focus {outline: none; -webkit-tap-highlight-color:transparent;}
}
/********************************** 전체 Layout **********************************/
@media screen and (max-width: 767px) {
    /* .event-benefit-template .content-wrap .tab_wrap {top:46px}
    .header.helloBar~.container .event-benefit-template .content-wrap .tab_wrap {top:88px} */
    /* .header.helloBar~.container .tab_wrap4 {top:calc(86px + 12.77vw)} */
    .tab_wrap .tab_inner ul {height:calc(108/720*100vw);}
    .tab_wrap .tab_inner li {border-bottom-width: calc(8/720*100vw);}
    .tab_wrap .tab_inner li a {font-size:calc(26/720*100vw);letter-spacing:-0.03em;font-weight:800;border-width:2px}
    .tab_wrap .tab_inner li a span {margin-top:1.11vw}
    .tab_wrap .tab_inner li:nth-child(3) span::before {width:4.02vw;height:3.61vw;vertical-align:-2px}
}
/* Toggle Btn */
.toggle_btn .toggle_on {display:none}
.toggle_btn.active .toggle_off {display:none}
.toggle_btn.active .toggle_on {display:block}
.toggle_btn + .toggle_con {display:none}
.toggle_btn.active + .toggle_con {display:block}
.toggle_on.evt-acco-cont {display:none}
.toggle_on.evt-acco-cont.unfolded {display:block}
/********************************************************************/
.tab_wrap5 {position:sticky; z-index:4; top:0; left:0; height:80px}
.tab_wrap5 .tab_inner {padding:0; height:100%; text-align:center; background:#fff;}





                                   
/* .tab_wrap5.careCase .tab_inner li a {padding:0 calc(8/1380*100vw);} */
@media screen and (max-width: 1380px) {
    .padding-section picture img{max-width: 72.5%;}
/* .padding-section .bigTabArea .tab_inner{max-width: 75% !important;} */

    .toggleData picture img{max-width: 100%;}

}


/* 수정부분 */
@media screen and (max-width: 767px) {
    .tab_wrap5 {top:46px; height:calc(108/720*100vw);}
    .header.helloBar~.container .tab_wrap5 {top:88px}
    /* .header.helloBar~.container .tab_wrap5 {top:calc(86px + (100/720*100vw))}
    .tab_wrap5 {top:calc(45px + (100/720*100vw));overflow-x:scroll} */
    .tab_wrap5 .tab_inner {padding:0;}
    .tab_wrap5 .tab_inner ul {justify-content:flex-start;} 
    .tab_wrap5 .tab_inner li {width: 50%;}
    .tab_wrap5 .tab_inner li:nth-child(1) a {width: 100%; background: url(/kr/event/2025/05/13_more_buy_more_save/images/m-tab00-01-off-v6.png) no-repeat center / 100% 100%;}
    .tab_wrap5 .tab_inner li:nth-child(2) a {width: 100%; background: url(/kr/event/2025/05/13_more_buy_more_save/images/m-tab00-02-off-v11.png) no-repeat center / 100% 100%;}
    /* .tab_wrap5 .tab_inner li:nth-child(3) a {width: 100%; background: url(/kr/event/2025/05/13_more_buy_more_save/images/tab00-03.m-png) no-repeat center / 99% 97%;} */
    .tab_wrap5 .tab_inner li:nth-child(1).active a {width: 100%; background: url(/kr/event/2025/05/13_more_buy_more_save/images/m-tab00-01-on-v11.png) no-repeat center / 100% 100%;}
    .tab_wrap5 .tab_inner li:nth-child(2).active a {width: 100%; background: url(/kr/event/2025/05/13_more_buy_more_save/images/m-tab00-02-on-v11.png) no-repeat center / 100% 100%;}
    /* .tab_wrap5 .tab_inner li:nth-child(3).active a {width: 100%; background: url(/kr/event/2025/05/13_more_buy_more_save/images/tab00-03-on-m-v3.png) no-repeat center / 99% 97%;} */
    .go_landing04_01{position: absolute; left: 10%; bottom: 10%; width: 80%; height: 20%; font-size: 0;}

    
    .padding-section picture img{max-width: 100%;}
    .bigTabArea .tab_inner{max-width: 100% !important;}
    .multiBenefit .pcNotice{display: none !important;}
    /* .benefitNote .btnToggle img{position: relative; left: 50%; transform: translateX(-50%);} */
    .toggle_notice.mobile img{max-width: 100%;}
    .coupon-container .new-coupon-down-list .swiper-slide img.pc{display: none;}
    .coupon-container .new-coupon-down-list .swiper-wrapper{height: 56%;}
    .toggle_notice.mobile{display: block;}

}
/* 수정부분 */

.content-wrap{position: relative;left: 50%; transform: translateX(-50%); max-width: 1380px;}

.content-section{position: relative;}
.benefitNote{position: relative;}

.padding-section{position: relative; padding: 4.5vw 0 7vw 0;}
.fullLine .btnToggle{position: relative; left: -45%;}
.padding-section .bottom-notice{position: relative; width: 70%; left: 50%; transform: translateX(-50%); height: 100%; display: block;  }
.padding-section .bottom-notice picture{position: relative; left: 0; width: 100%; height: 100%; display: block;}
.padding-section .bottom-notice picture img{position: relative; left: -25%; max-width: 100%; }

@media screen and (max-width:767px) {
.content-wrap{position: relative;left: 50%; transform: translateX(-50%); width: 100%;}
    .padding-section{position: relative; padding: 12vw 7vw;}

    

    .fullLine .btnToggle{position: relative; left: -40%;}
    .padding-section .bottom-notice{position: relative; width: 80%; height: 100%; display: block;}
    .padding-section .bottom-notice picture{position: relative; left: 0%; width: 100%; height: 100%; display: block;}
    .padding-section .bottom-notice picture img{position: absolute; left: -11.5%; max-width: 100%; }
    .btnToggle + .toggleData {display:none; padding-top:10px;}
}

@media screen and (max-width:1380px) {
    .content-wrap{position: relative;left: 50%; transform: translateX(-50%); width: 100%;}
    .padding-section{position: relative; padding: 12vw 7vw;}

    .fullLine .btnToggle{position: relative; left: -40%;}
    .padding-section .bottom-notice{position: relative; width: 80%; height: 100%; display: block;}
    .padding-section .bottom-notice picture{position: relative; left: 0%; width: 100%; height: 100%; display: block;}
    .padding-section .bottom-notice picture img{position: absolute; left: -11.5%; max-width: 100%; }
    .btnToggle + .toggleData {display:none; padding-top:10px;}
}





/* Toggle Btn New */
.btnToggle + .toggleData {display:none; padding-top:20px;}
.btnToggle.on + .toggleData {display:block}
.fullLine .btnToggle {display:block;}
.fullLine .btnToggle img {position: relative; left: 50%; transform: translateX(-50%); height:100%; padding-top: 1vw}
.fullLine .btnToggle + .toggleData {padding-top: 1vw;}
@media screen and (max-width:767px) {
    .fullLine .btnToggle img {width: 20vw;}
    .fullLine .btnToggle img { padding: 3vw 0;}
}