@charset "euc-kr"; /* settings */
.evSection:not(.evtoggleWarning,.evCon1) { padding: 160px 0; } 
.eventWrap .evSection.fff, .eventWrap .evSection .fff, .fff { color: #fff !important; } 
.eventWrap .evSection .lecture { margin:0 auto; color: #000; } 

.flt_inner { right: 0; } 
.flt_inner.renewal li { margin-top: -1px; } 
.flt_inner.renewal li.top { margin-top: 0; } 

/* text */
.eventWrap .tiny_noti { opacity: 0.6; } 
.evSection:not(.event) .con_tit { margin-bottom: 70px; } 
.evSection:not(.event) .con_tit strong span { color: #8d95ff; } 
.evSection:not(.event,.evCon8) .con_tit .mini_tit { color: #888; font-weight: normal; margin-bottom: 27px; } 
.evSection .gradi_text { background: linear-gradient(45deg, #19191a, #7981ee); margin: 0 auto 30px; padding: 0 60px; border-radius: 30px; width: fit-content; height: 58px; display: flex; align-items: center; justify-content: center; } 

/* swiper */
.swiper_common_wrap { position: relative; margin: 0 -90px; } 
.swiper_common_wrap .swiper_common.swiper-initialized { position: relative; overflow: hidden; max-width: 1080px; margin: 0 auto; } 
/* swiper - pagination */
.swiper_common_wrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 15px; z-index: 2; } 
.swiper_common_wrap .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; } 
.swiper_common_wrap .swiper-pagination-bullet-active { background-color:#4148d4 } 
/* swiper - button */
.swiper_common_wrap [class*="swiper-button-"]:after { font-size: 0; } 
.swiper_common_wrap [class*="swiper-button-"].swiper-button-disabled { opacity: 1; } 
.swiper_common_wrap .arrow { position: absolute; top: 50%; transform: translate(0, calc(-50%)); left: 0; z-index: 2; background: url('https://image.megagong.net/m/2024/1209_lyj4718/con2_arrow.png') no-repeat center; width: 44px; height: 85px; background-size: contain; } 
.swiper_common_wrap .arrow.swiper-button-next { transform: rotate(180deg) translate(0, calc(50%)); left: auto; right: 0; } 

/* contents */
.evCon1 { background: #bcc0ff url(https://image.megagong.net/m/2024/1209_lyj4718/con1_bg.jpg) no-repeat center; background-size: auto 100%; padding-top: 50px; } 
.evCon1 h3 { margin: 170px -105px 40px; } 
.evCon1 .poa { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100%; height: 100%; } 
.evCon1 .mid_text { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 350px; } 
.evCon1 .bottom_text { margin-bottom: 80px; display: block; color:#4a4f8a } 

.evCon2 { background:#16171e url(https://image.megagong.net/m/2024/1209_lyj4718/con2_bg.jpg) no-repeat center; } 
.evCon2 .num_box { gap: 30px 20px; flex-wrap: wrap; margin-bottom: 60px; } 
.evCon2 .num_box li { width: calc(50% - 20px); background: #4148d4; color: #fff; border-radius: 15px; padding: 45px 0 10px; } 
.evCon2 .num_box li span { position: relative; } 
.evCon2 .num_box .deco { position: absolute; top: -20px; right: 3px; } 
.evCon2 .num_box .wide .tiny_noti { margin-top: 60px; margin-right: 40px; width: 100%; } 
.evCon2 .num_box li strong { display: block; margin-bottom: 35px; width: 100%; } 
.evCon2 .num_box li.wide { background: #fff; color: #000; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 0 160px; } 
.evCon2 .bottom_text { margin-top: 60px; } 

.evCon3 { background-color:#f5f5f5; } 
.evSection.evCon3 .con_tit strong span { color: #3f47d5; } 
.evCon3 .box_wrap { margin-top: 80px; } 
.evCon3 .box_title { margin-bottom: 30px; } 
.evCon3 .box_title .number { width: 60px; height: 60px; line-height: 58px; border-radius: 50%; display: inline-block; background: #000; margin-bottom: 15px; } 
.evCon3 .qual_box { justify-content: center; margin: 0 auto; gap: 70px; position: relative; } 
.evCon3 .qual_box::before { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: -25px; background: url(https://image.megagong.net/m/2024/1209_lyj4718/con3_arrow.png) no-repeat center; background-size: contain; width: 1208px; height: 216px; } 
.evCon3 .qual_box li { position: relative; } 
.evCon3 .illu_box { gap: 20px; } 
.evCon3 .illu_box li { background: #fff; border-radius: 15px; filter: drop-shadow(2px 4px 6px #ddd); } 

.evCon4 .pepper_title { margin-bottom: 80px; position: relative; } 
.evCon4 .pepper_title .bubble { position: absolute; top: 60px; z-index: 2; right: -55px; } 
.evCon4 .pepper_wrap { margin: 0 -91px 0 -60px; gap: 12px; align-items: stretch; } 
.evCon4 .pepper_wrap .stext { flex-direction: column; gap: 115px; } 
.evCon4 .pepper_wrap .mtext { flex-wrap: wrap; justify-content: space-between; gap: 30px 20px; flex: 1; } 
.evCon4 .pepper_wrap .mtext .pepper { position: relative; width: 100%; } 
.evCon4 .pepper_wrap .mtext li { width: 255px; } 
.evCon4 .pepper_wrap .mtext .btn-base { margin-top: 10px; } 
.evCon4 .pepper_wrap .mtext .btn-base a { width: 175px; } 
.evCon4 .pepper_wrap .mtext .btn-base.white a { cursor: default; } 
.evCon4 .pepper_wrap .date { margin: 20px auto 30px; display: flex; gap: 0 10px; flex-wrap: wrap; justify-content: center; } 
.evCon4 .pepper_wrap .date span { color: #fff; background: #979797; padding: 2px 15px; border-radius: 30px; } 
.evCon4 .detail_wrap { padding: 0; background: none; } 
.evCon4 .pepper_wrap .detail { border: 1px solid #dcdcdc; border-radius: 15px; height: 170px; display: flex; align-items: center; justify-content: center; flex-direction: column; } 
.evCon4 .pepper_wrap .detail dt { margin-bottom: 7px; font-weight: 700; } 
.evCon4 .pepper_wrap .detail dd { text-align: left; width: 100%; padding-left: 20px; } 

.evCon5 { background-color:#3f47d5; } 
.evCon5 .con_tit strong span { color:#dddfff } 
.evCon5 .must_box { display: flex; flex-direction: column; gap: 20px; } 
.evCon5 .must_box li { display: flex; background: #fff; border-radius: 15px; gap: 60px; align-items: center; } 
.evCon5 .must_box dl { text-align: left; color: #333; } 
.evCon5 .must_box dt { font-weight: 700; margin-bottom: 12px; color: #111; } 
.evCon5 .must_box dd:not(:last-child) { margin-bottom: 15px; } 

.evCon5 .must_box .circle { gap: 8px; margin-bottom: 15px; } 
.evCon5 .must_box .circle span { font-size: 11px; background: #3f47d5; color: #fff; border-radius: 30px; padding: 5px 15px; } 
.evCon5 .must_box .link a { padding: 7.5px 38px; } 

.evSection.evCon6 .con_tit strong span { color: #3f47d5; } 


.evCon7 { background: linear-gradient(90deg, 0% #f5f5f5, 100% #ffb4bd); } 

.event1 { background: linear-gradient(180deg, #f5f4f5, #ffafb8); } 
.event1 .con_tit b span { color: #ff4b8f; } 
.event1 .sale_wrap { display: flex; border-radius: 15px; overflow: hidden; margin-top: 60px; } 
.event1 .white_wrap { flex: 1; background: #fff; padding: 30px 40px; text-align: left; } 
.event1 .title_wrap dl { margin-top: 20px; line-height: 1.5; } 
.event1 .title_wrap dd { color: #999999; padding-left: 20px; position: relative; } 
.event1 .title_wrap dd::before { content: ''; display: block; position: absolute; left: 0; top: 55%; transform: translateY(-50%); background: url(https://image.megagong.net/m/2024/1209_lyj4718/evt1_arrow.png) no-repeat center; width: 14px; height: 10px; } 
.event1 .price_wrap { display: flex; align-items: flex-end; gap: 20px; justify-content: flex-end; margin-top: -20px; } 
.event1 .price_wrap .before { color: #999; text-decoration: line-through; } 
.event1 .price_wrap .after { display: flex; flex-direction: column; color: #ff4b8f; align-items: flex-end; gap: 5px; } 
.event1 .price_wrap .after .percent { background: #ff4b8f; border-radius: 30px; padding: 6px 20px; } 
.event1:not(.new) .btn_wrap { position: relative; background: #000; display: flex; align-items: center; justify-content: center; width: 200px; } 
.event1:not(.new) .btn_wrap::before { content: ''; display: block; position: absolute; left: 0; top: 0; background: url(https://image.megagong.net/m/2024/1209_lyj4718/evt1_line.png) repeat-y center; width: 10px; height: 100%; } 

.event1:not(.new) .btn_wrap.done { background: #999; cursor: default; } 
.event1:not(.new) .btn_wrap.done::before { background-image: url(https://image.megagong.net/m/2024/1209_lyj4718/evt1_line_done.png); } 

.event1.new .con_tit b span { color:#00a89a; } 
.event1.new .evt_message { color:#222; margin-top:40px; } 
.event1.new .evt_message em { font-style:normal; color:#3000ff; text-decoration:underline; cursor:pointer; } 

.event2 { background: linear-gradient(180deg, #f5f5f5, #d4c0ff); } 
.event2 .con_tit b span { color: #863fd5; } 
.event2 .mini_tit span,
.event2 .click_base_wrap .count_area .evt_tit_base.primary,
.event2 .click_base_wrap .count_area .evt_con_base.xs { color: #863fd5; } 
.event2 .click_base_wrap .count_area .evt_con_base.xs { margin:10px -60px; } 
.event2 .click_base_wrap .click_wrap { margin: 40px auto 70px; } 

.event2 .click_base_wrap .count_area .btn-base.done a { background: #999; border-color: inherit; } 
.event2 .click_base_wrap .count_area .btn-base.down a { background: #863fd5; border-color: inherit; } 

[class*=mg_popup_wrap].popupFadeIn .m_tit { font-size: 17px; margin-bottom: 30px; } 
[class*=mg_popup_wrap].popupFadeIn .m_tit strong { display: block; } 
[class*=mg_popup_wrap].popupFadeIn .img { text-align: center; } 

.event3 { background: linear-gradient(180deg, #f5f5f5, #b3baff); } 
.event3 .con_tit b span { color: #3f47d5; } 
.evSection.event3 .bg_shadow { bottom: auto; top: 49%; } 
.event3 .container_info_wrap { margin-top: 60px; } 
.event3 .step_base_wrap { margin-top: 80px; } 
.event3 .evt_con_base { margin-bottom: 15px; } 
.event3 .click_base_wrap .result_list { gap:0 } 
.event3 .click_base_wrap .result_list li:not(:last-child) { border-right: 0; } 
.event3 .click_base_wrap .result_list li { border-radius: 0; } 

.flt_inner.renewal li.line { border-top:1px solid #000; } 
.event1.new { background: linear-gradient(180deg, #f5f5f5, #c0f3e4); } 
.event1.new .container_info_wrap + .lecture { margin-top:30px; } 
.event2.new { background: linear-gradient(180deg, #f5f5f5, #c2e6ff); } 
.event2.new .con_tit b span { color:#0097e5; } 
.event2.new .bg_shadow { bottom:auto; top:36%; } 
.event2.new .gallery_base_wrap { margin-top:100px; } 

.event3.new { background: linear-gradient(180deg, #f5f5f5, #e2b5ff); } 
.event3.new .con_tit b span { color:#a23fd5; } 
.event3.new .bg_shadow { bottom:auto; top:31%; } 
.event3.new .gallery_base_wrap { margin-top:110px; } 

.evCon6 .con_tit .evt_badge.type-2 { top:-40px; background: linear-gradient(90deg, #7f85ea 0%, #4148d5 100%); } 
.evCon6 .con_tit .evt_badge.type-2 span.btn { color:#3f47d5; font-size:14px; } 

/* S : [ws-v2] 250203 */
.ver2502 .evCon6 .mt_re { margin-top: 100px; } 

.ver2502 .event .mini_tit { margin-bottom: 10px; } 
.ver2502 .event .container_info_wrap { margin-top: 60px; } 

.ver2502 .event1 .b_color { color: #0082ff; } 
.ver2502 .event1 { background: linear-gradient(180deg, #f5f5f5, #7bbeff); } 
.ver2502 .event1 .btn-base-wrap { margin-top: 80px; } 
.ver2502 .event1 .bg_shadow { bottom: 40px; } 

.ver2502 .event2 { background: linear-gradient(180deg, #f5f5f5, #ffb1bb); } 
.ver2502 .event2 .p_color { color: #e45c6c; } 
.ver2502 .event2 .bg_shadow { top: 37%; } 
.ver2502 .event2 .gallery_base_wrap .paging { display: flex; justify-content: center; align-items: center;margin-top: 10px;} 
.ver2502 .event2 .table-order li.active a { color: #e45c6c; } 
.ver2502 .event2 .gallery_base_wrap .gallery_list > li .con { -webkit-line-clamp:inherit; -webkit-box-orient: inherit; overflow-y: auto; padding-right: 1px; overflow-wrap: break-word; display: block;} 
.ver2502 .event2 .gallery_base_wrap .gallery_list > li .con::-webkit-scrollbar { width: 8px; } 
.ver2502 .event2 .gallery_base_wrap .gallery_list > li .con::-webkit-scrollbar-thumb { background-color: #777777; border-radius: 6px; } 
.ver2502 .event2 .gallery_base_wrap .gallery_list > li .con::-webkit-scrollbar-track { background-color: #f2f2f2; border-radius: 6px; margin: 0px 0; } 

.book_review[class*=mg_popup_wrap] .content_area { font-family: 'Noto Sans KR'; } 
.book_review .mg_s_info { color: #777; } 
.book_review .mg_s_info li { font-size: 13px; padding-left: 16px; margin-top: 6px; } 
.book_review .mg_s_info li:before { content: '\002D'; } 
.book_review .mg_s_info li .pop_a { border: 1px solid #777; border-radius: 50px; padding: 1px 10px 2px; font-size: 12px; display: inline-block; } 
/* E : [ws-v2] 250203 */


/* S : [ws-v3] 250304 */
.ver2503 .event2 { background: linear-gradient(180deg, #f5f5f5, #fab2ff); } 
.ver2503 .event2 .con_tit .end{right: -100px}
.ver2503 .event2 .mini_tit {color:#c46fff;display: block;line-height: 1.5;margin-top: 30px;font-weight: normal;text-wrap: balance;} 
.ver2503 .event2 .con_tit b span{color:#c46fff}
.ver2503 .event2 .bubble{position: absolute; left: 50%; margin-left: 260px; top: -85px;}
.ver2503 .event2 .container_info_wrap{ margin-top: 35px; }
.ver2503 .event2 .bg_shadow{ top: 47%; }

.evCon8{background: #bcc0ff url(https://image.megagong.net/m/2024/1209_lyj4718/2503_con8_bg.jpg) no-repeat center;background-size: auto 100%;color: #fff;}
.evCon8 .circle_txt{ background: #8d95ff; height: 60px; width: 155px; display: inline-block; border-radius: 30px; align-content: center; font-weight: 900; margin-bottom: 20px;}
.evCon8 .con_tit .mini_tit{display: block;line-height: 1.5;margin-top: 30px;text-wrap: balance; font-weight: 300;}
.evCon8 .con_tit .mini_tit strong{ color: #8c93ff; }
.evCon8 .benefit_box{ display: flex; align-items: center; justify-content: center; gap: 0 50px; }
.evCon8 .benefit_box li{ position: relative; background: #fff; width: 320px; height: 320px; border-radius: 50%; color: #000; align-content: center;  }
.evCon8 .benefit_box li > *{position:relative}
.evCon8 .benefit_box li img{ margin-bottom: 20px; }
.evCon8 .benefit_box li:before{content:'';display:block;width: calc(100% + 20px);height: calc(100% + 20px);position: absolute;left: 50%;top: 50%;background: rgb(255 255 255 / 20%);transform: translate(-50%, -50%);border-radius: 50%;z-index: 0;}
.evCon8 .benefit_box li span{ color: #8c93ff; font-weight: 700;}
.evCon8 .btn-base-wrap{margin-top: 55px;}
/* E : [ws-v3] 250304 */

@media screen and (max-width: 1200px){
    .eventWrap { font-size: clamp(13px,1.6vmin,16px); } 
    .eventWrap .tiny_noti { font-size: clamp(10px,1.3vmin,13px); } 
    .evSection:not(.evtoggleWarning,.evCon1) { padding: 15% 0; } 

    .evSection:not(.event1) .con_tit { margin-bottom: 8%; } 
    .evSection:not(.event1) .con_tit .mini_tit { margin-bottom: 3%; } 

    /* swiper */
    .swiper_common_wrap { margin: 0 auto; } 

    /* contents */
    .evCon1 { padding-top: 7%; } 
    .evCon1 h3 { margin: 15% auto 5%; } 
    .evCon1 .mid_text { margin-top: 40%; } 
    .evCon1 .mid_text li { width: min(314px,30%); } 
    .evCon1 .mid_text li:last-child { padding-left: 3vmin; } 
    .evCon1 .bottom_text { margin-bottom: 5%; } 
    .evCon1 .teacher { width: min(760px,80%); margin: 0 auto; } 
    .evCon1 .home { width: min(130px,25%); display: inline-block; } 

    .evCon2 .num_box .deco { width: min(21px,10%); top: min(-15px,-5%); right: 1%; } 
    .evCon2 .num_box { gap: 3vmin 10px; justify-content: space-between; } 
    .evCon2 .num_box li { width: calc(50% - 5px); padding: 6% 5px; } 
    .evCon2 .num_box .wide .tiny_noti { margin: 0; text-align: center !important; } 
    .evCon2 .num_box li strong { margin-bottom: 0; } 
    .evCon2 .num_box li.wide { gap: 7vmin 4vmin; padding: 7% 5px; } 
    .evCon2 .num_box li.wide > img { width: min(381px,70%); } 

    .evCon3 .qual_box { gap: 1vmin; padding-right: 10%; } 
    .evCon3 .qual_box::before { width: 100%; left: 2%; } 
    .evCon3 .illu_box { gap: 1vmin; } 


    .evCon4 .pepper_wrap { margin: 0 -2% 0 0; } 
    .evCon4 .pepper_title .bubble { width: 25%; right: 0; top: 6vmin; } 
    .evCon4 .pepper_wrap .stext { gap: 15vmin; width: 11%; } 
    .evCon4 .pepper_wrap .mtext { gap: 3vmin 1vmin; } 
    .evCon4 .pepper_wrap .mtext .pepper { width: 92%; padding-left: 7%; } 
    .evCon4 .pepper_wrap .mtext li { width: calc(25% - 1vmin); } 
    .evCon4 .pepper_wrap .mtext .btn-base a { width: 100%; } 
    .evCon4 .pepper_wrap .detail { padding-top: 15%; justify-content: flex-start; } 
    .evCon4 .pepper_wrap .detail dt { font-size: clamp(14px,1.8vmin,18px); } 
    .evCon4 .pepper_wrap .detail dd { font-size: clamp(12px,1.4vmin,14px); padding: 0 10px 0 15px; text-indent: -10px; } 

    .evCon5 .must_box { margin: 0 auto; max-width: 1000px; } 
    .evCon5 .must_box li { padding: 2vmin 2vmin; } 
    .evCon5 .must_box li > img { width: 45%; } 
    .evCon5 .must_box dt { margin-bottom: 2vmin; } 
    .evCon5 .must_box dd:not(:last-child) { margin-bottom: min(3vmin,30px); } 

    .event1 .price_wrap { margin-top: 20px; } 
    .event2 .con_tit .evt_badge.type-1 { top: -15px; } 
    .event2 .click_base_wrap .result_list { flex-wrap: wrap; gap: 8px; } 
    .event2 .click_base_wrap .result_list li { flex: none; width: calc(25% - 6px); } 
    .event2 .click_base_wrap .count_area .evt_con_base.xs { margin: 10px auto; } 

    [class*=mg_popup_wrap].popupFadeIn .m_tit { font-size: 17px; margin-bottom: 30px; } 

    .event3 .container_info_wrap { margin-top: 10%; } 
    .event3 .step_base_wrap { margin-top: 10%; } 
    .event3 .evt_con_base { margin-bottom: 15px; } 
    .event3 .gift_item_wrap { width: auto; } 
    .event3 .click_base_wrap .result_list { flex-wrap: wrap; gap: 5px 0; } 
    .event3 .click_base_wrap .result_list li { flex: none; width: calc(25%); } 
    .event3 .click_base_wrap .result_list li:not(:last-child) { border-right: 1px solid var(--border-color-2); } 

    .event2.new .gallery_base_wrap { margin-top:10%; } 
    .event3.new .gallery_base_wrap { margin-top:11%; } 

    .evCon6 .con_tit .evt_badge.type-2 { top:-100px; width:120px; height:120px; } 
    .evCon6 .con_tit .evt_badge.type-2 span.txt1 { font-size:12px; } 
    .evCon6 .con_tit .evt_badge.type-2 span.txt2 { font-size:14px; margin-top:3px; } 
    .evCon6 .con_tit .evt_badge.type-2 span.btn { font-size:12px; } 


    /* S : [ws-v2] 250203 */
    .ver2502 .evCon6 .mt_re { margin-top: 10%; } 
    .ver2502 .event .mini_tit { margin-bottom: 1%; } 
    .ver2502 .event .container_info_wrap { margin-top: 6%; } 
    .ver2502 .event .btn-base-wrap { margin-top: 10%; } 
    /* E : [ws-v2] 250203 */ 


    /* S : [ws-v3] 250304 */
    .ver2503 .event2 .con_tit .end{ right: auto; left: 0; top: min(-12vw, -50px);}
    .ver2503 .event2 .bubble{margin: 0;left: auto;right: 0;}
    .ver2503 .event2 .mini_tit{margin-top: 3vmin;}

    .evCon8 .circle_txt{ width: clamp(100px,15vmin,155px); height: clamp(40px,7vmin,60px); margin-bottom: 3vmin;}
    .evCon8 .con_tit .mini_tit{margin-top: 3vmin;}
    .evCon8 .benefit_box{ gap: 0 4vmin; align-items: stretch; max-width: 800px; margin: 0 auto;}
    .evCon8 .benefit_box li{ width: auto; height: auto; flex: 1; border-radius: 10px; padding: 5vmin 0; align-content: flex-start;}
    .evCon8 .benefit_box li img{ width: min(108px,45%);margin-bottom: clamp(10px, 2vmin, 20px);}
    .evCon8 .benefit_box li:before{ width: calc(100% + 2vmin); height: calc(100% + 2vmin); border-radius: 10px;}
    .evCon8 .btn-base-wrap{ margin-top: 7%;}
    /* E : [ws-v3] 250304 */
} 
@media screen and (max-width: 768px){
    .evCon1 { padding-bottom: 15%; } 
    .evCon1 .teacher { padding-top: 5%; } 
    .evCon1 h3 { margin: 70% auto 0; } 
    .evCon1 .mid_text { margin: 0; } 
    .evCon1 .mid_text li { width: min(314px,43%); } 
    .evCon1 .bottom_text { font-size: clamp(13px,2.9vmin,24px); margin: 3% 0; } 

    .evCon2 .reviewSlider .swiper-slide img { margin: 0 auto; } 

    .evCon3 .box_title { margin-bottom: 3vmin; } 
    .evCon3 .box_title .number { width: auto; height: auto; line-height: normal; padding: 3px 20px; border-radius: 5px; margin-bottom: 2vmin; } 
    .evCon3 .qual_box { padding: 0; flex-wrap: wrap; } 
    .evCon3 .qual_box::before { content: none; } 
    .evCon3 .qual_box li:first-child { margin: 0 25%; } 
    .evCon3 .qual_box li { width: calc(50% - 1vmin); background: #4449d8; border-radius: 10px; overflow: hidden; } 
    .evCon3 .qual_box li img { max-width: 114%; margin: -10% -7%; } 
    .evCon3 .illu_box { flex-wrap: wrap; max-width: 700px; margin: 0 auto; } 
    .evCon3 .illu_box li { width: calc(50% - .5vmin); } 

    .evCon4 .tab_base li img { width: min(108px,75%); } 
    .evCon4 .tab_base li:nth-child(1) img { width: min(71px,49%); } 
    .evCon4 .tab_base li:nth-child(3) img { width: min(145px,100%); } 
    .evCon4 .pepper_title .bubble { top: 10vmin; width: 53%; min-width: 280px; } 
    .evCon4 .pepper_wrap { margin: 0; } 
    .evCon4 .pepper_wrap .panel_base > li > div { display: flex; align-items: center; padding-top: 14vmin; gap: 5vmin; justify-content: center; } 
    .evCon4 .evt-tab.type-1 li:not(:last-child,.on) a { border-right: 1px solid #fff; } 
    .evCon4 .evt-tab.type-1 li.on a { border-right: 3px solid #000; } 
    .evCon4 .pepper_wrap .btn-base { width: 100%; margin-top: 10px; } 
    .evCon4 .pepper_wrap .btn-base a { padding: clamp(15px,2.8vmin,23px) 0; font-size: clamp(14px,2vmin,15px); width: 100%; } 
    .evCon4 .pepper_wrap .circle { background: #dddfff; padding: clamp(5px,1vmin,9px) clamp(20px,6vmin,32px); border-radius: 30px; text-align: center; margin-right: 2vmin; justify-content: center; } 
    .evCon4 .pepper_wrap .date { margin: 0 0 clamp(10px,3vmin,30px); font-size: clamp(14px,3vmin,20px); flex-wrap: nowrap; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 0; } 
    .evCon4 .pepper_wrap .date span { color: #333; background: none; padding: 0; } 
    .evCon4 .pepper_wrap .detail { padding: 0; border: none; height: auto; } 
    .evCon4 .pepper_wrap .detail dt { display: flex; justify-content: flex-start; align-items: center; width: 100%; margin: 0 0 clamp(10px,3vmin,30px); font-size: clamp(14px,3vmin,20px); } 
    .evCon4 .pepper_wrap .detail dd { font-size: clamp(14px,3vmin,20px); } 

    .evCon5 .must_box { max-width: 500px; } 
    .evCon5 .must_box li > img { width: 100%; } 
    .evCon5 .must_box li { flex-direction: column; padding: 0; gap: 0; } 
    .evCon5 .must_box dl { padding: 10% 5%; width: 100%; } 
    .evCon5 .must_box dt { margin-bottom: 2vmin; font-size: clamp(18px,3vmin,20px); } 
    .evCon5 .must_box dd { margin-bottom: 2vmin; font-size: clamp(15px,3vmin,16px); } 
    .evCon5 .must_box .link { display: flex; justify-content: center; align-items: center; margin-bottom: 0; } 
    .evCon5 .must_box .link .btn-base a { font-size: clamp(15px,3vmin,16px); padding: 12px 50px; } 
    .evCon5 .must_box .circle { gap: 5px; justify-content: flex-end; } 
    .evCon5 .must_box .circle span { padding: 5px 10px; } 

    .event1 .sale_wrap { margin-top: 10%; flex-direction: column; } 
    .event1 .white_wrap { padding: clamp(20px,4vmin,40px); } 
    .event1 .price_wrap .after .percent { padding: clamp(3px,1vmin,6px) clamp(10px,2vmin,20px); } 
    .event1:not(.new) .btn_wrap { width: 100%; padding: 20px 0 15px; } 
    .event1:not(.new) .btn_wrap::before { height: 10px; width: 100%; background-repeat: repeat-x; } 

    .event2.new .gift_item_wrap { width:80%; } 
    .btn-base-wrap > .btn-base.xl > * { line-height:1.2; } 
    .evCon6 .con_tit .evt_badge.type-2 { top:-125px; } 

    .gallery_base_wrap .gallery_list{display: flex;}
    .gallery_base_wrap .gallery_list > li{width: calc(50% - 10px);margin-top: 0;}

    /* S : [ws-v2] 250203 */
    .event2.new .gift_item_wrap { width: 96%; } 
    .book_review[class*=mg_popup_wrap] .content_area .content_inner { padding: 4% 2%; } 
    .book_review[class*=mg_popup_wrap] .b_tit { font-size: 26px; } 
    .book_review .b_tit + .mg_tb_wrap { margin-top: 5%; } 
    .book_review .mg_s_info { margin-top: 3%; } 
    .book_review .mg_info_wrap { margin-top: 3%; } 
    .book_review .mg_s_info li { margin-top: 0%; line-height: 1.3; } 
    /* E : [ws-v2] 250203 */ 

    /* S : [ws-v3] 250304 */
    .ver2503 .event2 .bubble{ width: fit-content; font-size: clamp(11px,2vmin,20px); font-style: normal; background: #c070ff; color: #fff; border-radius: 5px; width: 32%; padding: 10px 5px; top: -5.5vmin;}
    .ver2503 .event2 .bubble:after{content: '';display: block;position: absolute;left: 50%;width: 0;height: 0;border-right: 9px solid transparent;border-top: 10px solid #bc71ff;border-left: 0;border-right-width: 22px;margin-left: 0;border-top-width: 16px;bottom: -6px;} 
    .ver2503 .event2 .bubble b{ display: block; border-bottom: 1px solid; padding-bottom: 3px; width: fit-content; margin: 0 auto 5px;}
    .ver2503 .event2 .desc{ max-width: 560px; margin: 0 auto; justify-content: space-around; font-size: clamp(11px,2vmin,13px);color:#222}
    .ver2503 .event2 .desc dt{ background: #000000c4; color: #fff; border-radius: 5px; padding: 3px 0; margin-bottom: 5px;font-size: clamp(13px,2vmin,15px);}
    /* E : [ws-v3] 250304 */
} 
@media screen and (max-width: 576px){
    .evCon4 .pepper_wrap .panel_base > li > div { flex-direction: column; } 
    
    .gallery_base_wrap .gallery_list{display: block;}
    .gallery_base_wrap .gallery_list > li{width: 100%;margin-top: 10px;}

    /* S : [ws-v2] 250203 */
    .book_review[class*=mg_popup_wrap] .b_tit { font-size: 21px; } 
    .book_review .mg_tb_form th, .book_review .mg_tb_form td { padding: 5px 3px; font-size: 12px; } 
    .book_review .mg_s_info li { font-size: 12px; } 
    .book_review .mg_s_info li .pop_a { padding: 0px 4px 1px; font-size: 11px; } 
    .book_review .mg_terms { padding: 2% 3%; line-height: 1.3; font-size: 13px; height: 100px; } 
    .book_review[class*=mg_popup_wrap] .content_area .mg_btn_wrap { margin-top: 3%; } 
    /* E : [ws-v2] 250203 */ 
} 

