@charset "euc-kr"; /* settings */
.eventWrap .evSection { background-size: auto 100%; } 
.eventWrap .evSection.fff, .eventWrap .evSection .fff { color: #fff !important; } 
.eventWrap .evSection .f00 { color: #f00 !important; } 
/* .eventWrap .evSection .whs-pre { white-space: pre-wrap; } */
.eventWrap .evSection b { font-weight:700; } 
.eventWrap .evSection strong { font-weight:900 } 

.evSection:not(.evtoggleWarning,.main,.evCon1,.evCon2) { padding: 175px 0; } 

/* text style */ 
.con_tit { margin-bottom: 70px; line-height: 1.2; } 
.con_tit h4 { font-weight: 900; font-size: 40px; } 
.con_tit h4 span { color: #570199; } 
.con_tit .top_txt { font-size: 26px; margin-bottom: 10px; font-weight: 700; } 
.con_tit .sub_txt { margin-top: 35px; font-size: 22px; line-height: 1.4; } 

.circle_txt { position: relative; margin-bottom: 30px; } 
.circle_txt::before { content: ''; display: block; width: 100%; height: 1%; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.circle_txt span { position: relative; display: block; width: fit-content; margin: 0 auto; font-weight: 700; background: #000; border-radius: 30px; font-size: 18px; padding: 12px 50px; color:#fff } 

.circle_txt2 { position: relative; margin-bottom: 30px; display: flex; } 
.circle_txt2 span { font-size: 18px; font-weight: 700; border-radius: 30px; border: 1px solid; padding: 13px 45px; } 
.circle_txt2 i { position: relative; flex: 1; } 
.circle_txt2 i::before { content: ''; display: block; width: 100%; height: 1%; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 

/* 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 { background: #ccc; opacity: 1; width: 12px; height: 12px; transition: all .5s ease; } 
.swiper_common_wrap .swiper-pagination-bullet-active { background: #222; } 

/* button box */
.btn_box { display:flex; justify-content: center; gap: clamp(10px, 2vmin, 20px); margin: 0 auto; position: relative; } 
.btn_box a { display: block; width: min(400px,65%); /* margin: 0 auto; */ } 

.eventVideo { max-width: 1000px; margin: 0 auto; } 
.eventVideo.video_renewal .video_box .play_area > img { height: 100%; } 
/* contents */
@keyframes fadeIn { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 }
 
@keyframes fadeInTxt { 
 0% { opacity: 0; transform: translate(-50%, 0) scale(0.5); } 
 100% { opacity: 1; transform: translate(-50%, 0) scale(1); } 
 }
@keyframes fadeInTxt2 { 
 0% { opacity: 0; transform: translate(-50%, 0); } 
 100% { opacity: 1; transform: translate(-50%, 0); } 
 }
 
.fix_menu { display: none; } 

/* main */
.main > * { transition: all 1s ease; } 
.main { background: linear-gradient(to bottom, #edd3e3 0%, #d0e5f3 100%); transition: all 1s ease; padding-top: 0; } 
.main .main_box { position: relative; height: 1100px; background: linear-gradient(to bottom, #edd3e3 0%, #d0e5f3 100%); } 

.main .main_box .img { position: relative; } 
.main .main_box .intro { position: absolute; width: 100%; height: 100%; display: none; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: fadeIn 2s forwards; background-position: center 0; background-size: auto 100%; background-repeat: no-repeat; background-image: url('https://image.megagong.net/m/2024/0704_megamega2/main_intro_bg.jpg'); padding: 420px 0 430px; } 
.main .main_box .intro .mid_txt { position: absolute; left: 50%; width: 100%; transform-origin: center; } 
.main .main_box .intro .mid_txt img { width: min(1190px,90%); margin: 0 auto; } 
.main .main_box .intro.on { animation: fadeIn 2s forwards; display: block; } 
.main .main_box .intro.on .mid_txt { animation: fadeInTxt 1s forwards; } 
.main .main_box .intro:nth-child(2).on .mid_txt { animation: fadeInTxt2 2s forwards; } 
.main .main_box .intro:nth-child(3).on .mid_txt { animation: fadeInTxt2 2s forwards; } 

.main .main_box .intro:nth-child(1) { z-index: 1; } 
.main .main_box .intro:nth-child(2) { z-index: 2; } 
.main .main_box .intro:nth-child(3) { z-index: 3; } 
.main .main_box .intro:nth-child(4) { z-index: 4; background-image: url('https://image.megagong.net/m/2024/0704_megamega2/main_bg.jpg'); padding: 55px 0 0; } 
.main .main_box .intro:nth-child(4) .title { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; } 
.main .main_box .intro:nth-child(4) .title a { position: absolute; bottom: 95px; width: 200px; height: 34px; left: 50%; transform: translateX(-50%); /* background: #ff00005c; */font-size: 0; } 
 
.evCon1 { background: #17002b url(https://image.megagong.net/m/2024/0704_megamega2/con1_bg.jpg) no-repeat center; padding: 140px 0 85px; } 
.evCon1 .flex { flex-wrap: wrap; max-width: 864px; margin: 0 auto; justify-content: space-between; } 
.evCon1 .tiny_noti { opacity: .6; } 

.evCon2 { background: #f6f5fb url(https://image.megagong.net/m/2024/0704_megamega2/con3_bg.jpg) no-repeat center;; padding: 260px 0; } 
.evCon2 .txt_box { font-size: 26px; font-weight: 700; line-height: 2; } 

.evCon3 { background: #1d1c1c url(https://image.megagong.net/m/2024/0704_megamega2/con4_bg.jpg) no-repeat center; } 
.evCon3 .con_tit { margin-bottom: 50px; } 
.evCon3 .flex { max-width: 1000px; margin: 0 auto; gap: 20px; justify-content: space-between; } 
.evCon3 .flex li { flex: 1; background: rgba(78, 36, 151,.8); border-radius: 15px; height: 340px; align-items: center; justify-content: center; flex-direction: column; display: flex; color: #ccc; position: relative; padding: 100px 0 60px; } 
.evCon3 .flex li:last-child { background: rgba(158, 27, 157,.8); } 
.evCon3 .flex li .line { font-size: 22px; padding-bottom: 7px; border-bottom: 1px solid; color: #fff; position: absolute; top: 45px; left: 50%; transform: translateX(-50%); } 
.evCon3 .flex li p:not(:last-child) { margin-bottom: 10px; } 
.evCon3 .flex li p { text-align: left; padding-left: 20px; width: 285px; position: relative; line-height: 1.6; font-size: 16px; } 
.evCon3 .flex li p:before { content: '\2713'; display: block; position: absolute; left: 0; top: 5px; color: #fff; font-size: 12px; } 
.evCon3 .flex li b { color: #fff; } 

.evCon3 .flex:last-child li { background: rgba(158, 27, 157,.8); } 
.evCon3 .flex:last-child li:last-child { background: rgba(78, 36, 151,.8); } 

.evCon3 .circle_txt2 { margin: 55px auto; } 
.evCon3 .circle_txt2 span { border: 0; font-size: 26px; } 
.evCon3 .circle_txt2 i::before { background: linear-gradient(90deg, #fff 0%, transparent 100%); width: 625px; } 
.evCon3 .circle_txt2 i:first-child:before { background: linear-gradient(90deg, transparent 0%, #fff 100%); left: auto; right: 0; } 

.evCon4 { background-color: #f5f5f5; } 
.evCon4 .swiper-wrapper { gap:8px; flex-wrap: wrap; justify-content: space-between; } 
.evCon4 .swiper-wrapper .swiper-slide { width: 353px; } 
.evCon4 .swiper-wrapper .swiper-slide.slide1 { position: relative; } 
.evCon4 .swiper-wrapper .swiper-slide.slide1::before { content: ''; display: block; position: absolute; top: -30px; left: -30px; background:url(https://image.megagong.net/m/2024/0704_megamega2/review_tag.png) no-repeat center; width: 105px; height: 104px; background-size: contain; } 
.evCon4 .btn_box { margin-top: 60px; } 

.evCon5 { background: #ebd6ff url(https://image.megagong.net/m/2024/0704_megamega2/con5_bg.jpg) no-repeat center;; padding-bottom:0 !important; } 
.evCon5 .flex li { position: relative; } 
.evCon5 .flex li:first-child { padding-top: 40px; z-index: 2; } 
.evCon5 .flex li:first-child img + img { position: absolute; bottom: 65px; left: 45px; } 
.evCon5 .flex li:last-child { margin-right: -70px; margin-left: -80px; z-index: 1; } 

.evCon6 { background-color: #fafafa; } 
.evCon6 section { margin-top: 80px; } 
.evCon6 .curri { margin: 0 -10px 0 0; } 
.evCon6 .bar_txt { text-align: left; padding-left: 13px; font-size: 18px; margin-bottom: 25px; position: relative; font-weight: 700; } 
.evCon6 .bar_txt:before { content:''; display:block; width: 3px; height: 70%; background: #000; position: absolute; left: 0; top: 5px; } 
.evCon6 .bar_txt:last-of-type { margin-top: 60px; } 
.evCon6 .tbl { border-top: 2px solid #000; border-bottom: 2px solid #000; } 
.evCon6 .tbl tr td { background: #fff; font-size: 16px; text-align: left; position: relative; } 
.evCon6 .tbl tr td span { padding-left: 40px; display: block; } 
.evCon6 .tbl tr td b { text-align: center; display: block; } 
.evCon6 .tbl tr th { font-size: 14px; position: relative; } 
.evCon6 .tbl tr th.table_color1 { background-color: #f8f2ff; } 
.evCon6 .tbl tr th.table_color2 { background-color: #f4ebff; } 
.evCon6 .tbl tr th.table_color3 { background-color: #ebdbff; } 
.evCon6 .tbl tr th.table_color4 { background-color: #e2cbff; } 


.evCon7 { background-color: #ececec; } 
.evCon7 .tab_base { display: flex; } 
.evCon7 .tab_base li { flex: 1; } 
.evCon7 .tab_base li a { background: #f4f4f4; color: #a6a6a6; display: block; padding: 16px 0; border-bottom: 2px solid #000; font-weight: 700; font-size: 20px; } 
.evCon7 .tab_base li.on a { background: none; border: 2px solid #000; border-bottom: 0; color: #000; } 
.evCon7 section:first-child { margin-bottom: 80px; } 
.evCon7 .panel_base { margin-top: 30px; } 
.evCon7 .txt { gap: 20px; } 
.evCon7 .txt li { background: #fff; flex: 1; height: 185px; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 16px; border: 1px solid #ccc; } 
.evCon7 .btn_box { margin-top: 60px; } 
.evCon7 .btn_box i { position: absolute; left: 50%; transform: translateX(-50%); top: -40px; } 
.evCon7 .btn_box i.on { display: none; } 
.evCon7 .book { align-items: center; gap: 20px; margin-left: -80px; position: relative; } 
.evCon7 .book::before { content: ''; display: block; position: absolute; bottom: 6%; left: 50%; transform: translateX(-50%); background: #d8d8d8; height: 49%; width: 3000px; z-index: 1; } 
.evCon7 .book li:first-child { margin-right: 35px; position: relative; z-index: 2; } 
.evCon7 .book li:not(:first-child) { background: #fff; height: 240px; width: 230px; display: flex; align-items: center; justify-content: center; border-radius: 20px; font-size: 18px; font-weight: 500; z-index: 2; } 

.event .con_tit h4 { margin: 40px auto 0; } 
.event .con_tit h4 .color2 { color: #f9ff54; } 
.event .con_tit .tag img { width: min(166px,30%); } 
.event .con_tit .end::after { background-color: #fff; opacity: 0.8; } 
.event_step { gap: 20px; align-items: stretch !important; } 
.event_step .step { border-radius: 20px; height: 286px; padding: 40px 0 0 0; } 
.event_step .step:first-child p { height: 70px; display: flex; align-items: center; } 
.event_step .step span { margin-bottom: 30px; background: #ededed; font-size: 15px; padding: 3px 30px; border-radius: 30px; } 
.event_step .step i.custom_option:last-of-type { margin-top: 30px; color: #b827af; font-weight: normal; font-size: 16px; justify-content: center; } 
.event_step .step::before { background: url(https://image.megagong.net/m/2024/0704_megamega2/arrow.png) no-repeat center; width: 39px; height: 39px; right: -28px; } 

.event1 { background-color: #6a16ab; color: #fff; } 
.event1 .con_tit h4 span { color: #c16ffe; } 
.event1 .container_info.ver_dark { background: none; border: 1px solid #c571ff; max-width: 925px; margin: 0 auto; } 
.event1 .coupon { margin: 60px auto 50px; } 

.event2 { background-color: #b52baf; } 
.event2 .circle_txt2 i::before { background: #fff; } 
.event2 .container_info { background-color: #a3189a; border-radius: 0; padding: 55px 0; position: relative; margin-bottom: 90px; font-size: 18px; } 
.event2 .container_info.ver_column .info { max-width: 655px; } 
.event2 .container_info.ver_column .info .info_title { width: 115px; } 
.event2 .container_info::before { content: ''; display: block; background-color: #a3189a; left: 50%; position: absolute; transform: translateX(-50%); height: 100%; width: 3000px; } 
.event2 .container_gift_wrap { margin-bottom: 90px; } 
.event2 .btn_box { margin: 60px auto 110px; } 
.event2 .eventBoard .evtBoard_common .info_wrap .tip_list { color:#fff; opacity: 0.6; font-weight: normal; } 
.event2 .eventBoard .evtBoard_common .info_wrap.with_tip button { color:#fff; opacity: 0.6; font-weight: normal; } 
.event2 .evtBoard_common .board_write .btn_wrap a { background: #83007b; } 
.shareList.ver3 ul,.shareList.ver3 + .evtBoard_common { background: #a3189a; } 
.evtoggleWarning .warningList li ul li a { color: #a3189a; padding: 0 0 2px; border-bottom: 1px solid #a3189a; } 

/* 240809 */
.main.no_intro { padding-top: 45px; } 
.main.no_intro .inner { width: 100%; max-width: 1129px; } 
.main.no_intro .inner a { position: absolute; bottom: 125px; width: 200px; height: 34px; left: 50%; transform: translateX(-50%); font-size: 0; /*background: #ff00005c; */} 

.tbl .blink { background: #a422ff; color:#f9ff54; font-style: normal; height: 30px; line-height: 30px; font-size: 15px; display: block; border-radius: 30px; position: absolute; top: 15px; left: 50%; transform: translateX(-50%); text-align: center; width: 160px; z-index: 2; } 
.tbl .blink.vol { width: 185px; top: -15px; } 
.tbl .blink::before { content: '\25BC'; display: block; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); color:#a422ff } 
.tbl .blink.on { background: #c80047; } 
.tbl .blink.on::before { color:#c80047 } 

.evCon8 {background: #fff url(https://image.megagong.net/m/2024/0704_megamega2/con8_bg.jpg) no-repeat center 0;background-size: 100% 100% !important;z-index: 3;position: relative;} 
.evCon8 .question { gap: 20px; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; } 
.evCon8 .question dl { /* flex: 1; */ background: #363636; width: calc(50% - 10px); color: #fff; font-size: 18px; border-radius: 15px; padding: 45px 0 0; height: 310px; display: flex; flex-direction: column; } 
.evCon8 .question dl dt { font-size: 20px; margin-bottom: 20px; } 
.evCon8 .question dl .link { margin-top: 60px; } 
.evCon8 .question dl .link a { border: 1px solid #c067fe; color: #c067fe; font-size: 16px; width: 150px; display: block; line-height: 40px; margin: 0 auto; } 
.evCon8 .question dl .color { font-size: 15px; color: #c067fe; margin-top: 10px; } 

.event.v2 h4 span,
.event.v2 .sub_txt span { color:#77ffe1 } 
.event.v2 .container_info.ver_column .info { margin: 0 25%; } 
.event.v2 .container_info.ver_column::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 3000px; height: 100%; transform: translate(-50%,-50%); background: inherit; } 
.event.v2 .circle_txt2 span { padding: 8px 60px; font-size: 16px; } 
.event.v2 .circle_txt2 i::before { background: #fff; } 
.event.v2 .container_info.ver_column { border-radius: 0; padding: 60px 0; } 
.event.v2 .event_step .step { height: auto; justify-content: space-between; padding: 45px 0; height: 285px; } 
.event.v2 .step:first-child p { display: block; } 
.event.v2 .event_step .step span { font-size: 16px; } 
.event.v2 .event_step .step a { background: #77ffe1; color: #000; font-size: 18px; max-width: 230px; } 
.event.v2 .event_step .step a.marked { background:#3b3b3b; color: #fff; } 
.event3 .container_info.ver_column { background: #7a18d6; } 
.event4 .container_info.ver_column { background: #df3f91; margin-bottom: 60px; } 

.event3 {background-color: #993cf0;color: #fff;z-index: 2;position: relative;} 
.event3 .container_gift_wrap { margin: 90px auto 60px; } 

.event4 { background-color: #ea52a0; } 
.event4 .evtBoard_common{padding-top: 0;}
.event4 .container_gift_wrap { margin: 60px auto 80px; } 
.event4 .container_gift_wrap ul { justify-content: center; } 
.event4 .mt70 { margin-top: 70px; } 

/* Æ˾÷ °øÅë */
.mg_popup_wrap .content_inner { padding: 50px; background: #fff; text-align: center; font-size: 15px; line-height: 1.4; font-family: 'Noto Sans KR'; } 
.mg_popup_wrap .content_inner h5 { font-size: 30px; } 

/* À¯Åõºê Æ˾÷ */
#youtubeDim .video_inner { padding-bottom: 56%; overflow: hidden; } 
#youtubeDim .video_inner iframe { position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: calc(100% - 40px); width: 100%; } 

/* ½½¶óÀ̵å Æ˾÷ */
#guideDim .content_inner { padding: 0; } 
#guideDim .mega_swiper_basic { overflow: hidden; } 
#guideDim .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin: -100px auto 40px; z-index: 2; left: auto; } 
#guideDim .swiper-pagination-bullet { background: #fff; opacity: 1; width: 12px; height: 12px; transition: all .5s ease; border: 1px solid #000; } 
#guideDim .swiper-pagination-bullet-active { background: #000; border-radius: 30px; } 
#guideDim [class*="swiper-button-"]:after { font-size: 0; } 
#guideDim [class*="swiper-button-"].swiper-button-disabled { opacity: 1; } 
#guideDim .arrow { position: absolute; top: 50%; transform: translate(0, calc(-50%)); left: 30px; z-index: 2; background: url('https://image.megagong.net/m/2024/0704_megamega2/pop_slide_arrow.png') no-repeat center; width: 30px; height: 40px; background-size: auto 100%; } 
#guideDim .arrow.swiper-button-next { transform: rotate(180deg) translate(0, calc(50%)); left: auto; right: 30px; } 

/* ÁøµµÀ² È®Àιæ¹ý Æ˾÷ */
#progressDim .content_inner { padding: 50px 19px; } 
#progressDim .content_inner h5 { margin-bottom: 30px; } 
#progressDim .content_inner > div { text-align: left; line-height: 1.4; font-weight: 700; } 
#progressDim .content_inner > div img { margin: 20px auto 40px; } 

/* ½ÃÇè Æ˾÷ */
#testDim h6 { font-size: 15px; margin-bottom: 10px; text-align: left; } 
#testDim .content_inner { padding: 50px 19px; } 
#testDim .test_title { margin-bottom: 15px; } 
#testDim .test_title p { font-size: 15px; color: #333; margin-top: 15px; line-height: 1.2; font-weight: 700; } 
#testDim .test_title p + p { color: #999; font-size: 13px; } 
#testDim .table_box { border-bottom: 1px solid; margin-bottom: 25px; } 
#testDim .table_box ul { flex-wrap:wrap; overflow: hidden; line-height: 1.4; } 
#testDim .table_box ul li { display: flex; width: 100%; } 
#testDim .table_box ul li span { flex: 1; border-right: 1px solid #d0d0d0; font-size: 15px; line-height: 48px; } 
#testDim .table_box ul li span.ox_o { color: blue; } 
#testDim .table_box ul li span.ox_x { color: red; } 
#testDim .table_box ul li span:last-of-type { border-right: 0; } 
#testDim .table_box ul .num { border-top: 1px solid; background: #f5f5f5; } 
#testDim .table_box ul .num span { border-bottom: 1px solid #d0d0d0; } 
#testDim .table_box ul .inp input { width: 100px; border-color: #d9d9d9; border-style: solid; border-width: 1px; text-align: center;} 
#testDim .textarea_box textarea { width: 100%; height: 85px; overflow-y: scroll; padding: 20px; } 
#testDim .caution_box { font-size: 13px; } 
#testDim .btn { margin: 40px auto 0; } 
#testDim .btn a { font-size: 17px; width: 220px; line-height: 55px; display: flex; align-items: center; justify-content: center; color: #fff; background: #000; margin: 0 auto; } 

@media screen and (max-width: 1200px){
    .eventWrap,
    .event2 .eventBoard .evtBoard_common .info_wrap .tip_list,
    .event_step .step i.custom_option:last-of-type { font-size: clamp(13px,1.6vmin,16px); } 

    .eventWrap .tiny_noti { font-size: clamp(10px,1.3vmin,13px); } 
    .evSection:not(.evtoggleWarning,.main) { padding: 18% 0; } 

    .btn_box a:first-child:last-child { border-radius: 10px; overflow: hidden; } 
    .btn_box a:first-child:last-child img { max-width: 110%; margin: 0 -5%; } 

    .con_tit { margin-bottom: 7%; } 
    .con_tit h4 { font-size: clamp(19px,5vmin,40px); margin: 0 auto; } 
    .con_tit .sub_txt { font-size: clamp(15px,2.4vmin,24px); margin-top: 3% } 
    .con_tit .top_txt { margin-bottom: 1%; font-size: clamp(15px,3vmin,26px); } 

    .circle_txt { margin-bottom: 5%; } 
    .circle_txt span { font-size: clamp(13px,3vmin,18px); width: fit-content; padding: 0 5%; line-height: clamp(30px,5vmin,50px); } 
    .circle_txt2 { margin-bottom: 5%; gap: 10px; } 
    .circle_txt2 span { font-size: clamp(13px,3vmin,26px); padding: clamp(5px,1.5vmin,15px) clamp(20px,5vmin,45px); } 

    /* contents */
    .main .main_box { height: clamp(600px,80vw,950px); min-height: 600px; } 
    .main .main_box .intro { padding: clamp(100px,30vmin,400px) 0; } 
    .main .main_box .intro:nth-child(4) { padding-top: 3%; } 
    .main .main_box .intro:nth-child(4) .title img { width: min(1088px,80%); } 
    .main .main_box .intro:nth-child(4) .title a { bottom: 8%; width: 20%; } 

    /* fix_menu */
    .fix_menu { z-index: 11; position: relative; width: 100%; background: #5e009f; position: absolute; transition: all 1s ease; animation: fadeIn 1s forwards; } 
    .fix_menu.on { position: fixed; top: 0; } 
    .fix_menu ul { margin: 0 auto; display:flex; justify-content:space-between; align-items: center; color: #fff; position: relative; cursor: pointer; z-index: 5; width: 97%; } 
    .fix_menu ul li { flex: 1; position: relative; } 
    .fix_menu ul li:not(:last-child)::before { content: ''; display: block; top: 50%; transform: translateY(-50%); width: 1px; height: 100%; position: absolute; right: 0; background: #fff; opacity: .4; } 
    .fix_menu ul li a { font-size:18px; display: flex; align-items: center; justify-content: center; gap: 12px; height: 100px; } 
    .fix_menu ul li a i { font-size: 14px; font-style: normal; border: 1px solid; border-radius: 30px; display: flex; align-items: center; justify-content: center; width: 90px; height: 35px; } 
    .fix_menu ul li a span { display: flex; flex-direction: column; text-align: left; } 
    .fix_menu ul li a span strong { color: #ff4a84; } 

    .evCon1 { padding: 15% 0 10%; } 
    .evCon1 .flex li { width: 50%; } 

    .evCon2 .txt_box { font-size: clamp(15px,3.6vmin,26px); line-height: 1.6; } 
    .evCon3 .con_tit { margin-bottom: 7%; } 

    .evCon4 .swiper-wrapper { max-width: 700px; margin: 0 auto; } 
    .evCon4 .swiper-wrapper .swiper-slide { width: 49%; } 
    .evCon4 .btn_box { margin-top: 7%; } 

    .evCon5 .flex li:first-child { margin-left: -10%; } 

    .evCon6 section { margin-top: 10%; } 
    .evCon6 .curri { margin: 0 0 0 0; } 
    .evCon6 .bar_txt { font-size: clamp(13px,2.5vmin,15px); } 
    .evCon6 .tbl tr td { font-size: clamp(13px,2vmin,16px); } 
    .evCon6 .tbl tr td span { padding-left: 0; } 
    .evCon6 .tbl tr th { font-size: clamp(11px,2vmin,14px); } 

    .evCon7 .tab_base li a { font-size: clamp(13px,3vmin,20px); padding: 10px 0; } 
    .evCon7 section:first-child { margin-bottom: 15%; } 
    .evCon7 .txt { gap: clamp(5px,1vmin,20px); align-items: stretch; } 
    .evCon7 .txt li { font-size: clamp(13px,3vmin,16px); height: auto; border-radius: 10px; padding: 20px 5px; } 
    .evCon7 .btn_box { margin-top: 12%; } 
    .evCon7 .btn_box i { top: -40%; } 
    .evCon7 .book { gap: 10px; margin-left: -6%; justify-content: center; } 
    .evCon7 .book li:first-child { margin-right: 0; } 
    .evCon7 .book li:not(:first-child) { font-size: clamp(13px,2vmin,18px); padding: 20px 10px; height: 200px; } 
    .evCon7 section:last-child .btn_box a { border-radius: 10px; overflow: hidden; } 
    .evCon7 section:last-child .btn_box a img { max-width: 140%; margin: 0 -20%; } 
    .evCon7 .btn_box a { width: min(600px,70%); } 

    .event .con_tit h4 { margin: 5% auto; } 
    .event_step .step { height: 235px; } 
    .event_step .step span { margin-bottom: 15px; font-size: clamp(12px,1.5vmin,15px); padding: 3px 15px; } 
    .event_step .step i.custom_option:last-of-type { margin-top: 15px; } 
    .event_step .step:first-child p { height: auto; } 

    .event2 .container_info { padding: 7% 0; margin-bottom: 10%; font-size: clamp(13px,3vmin,18px); } 
    .event2 .container_info.ver_column .info { max-width: none; } 
    .event2 .container_info.ver_column .info .info_title { width: fit-content; } 
    .event2 .container_gift_wrap { margin-bottom: 10%; } 
    .event2 .btn_box { margin: 7% auto 10%; } 
    .event2 .btn_box a { border-radius: 10px; overflow: hidden; } 
    .event2 .btn_box a img { max-width: 140%; margin: 0 -20%; } 

    /* 240809 */
    .main.no_intro { padding-top: 5%; } 
    .main.no_intro .inner { width: 97%; } 
    .main.no_intro .inner a { bottom: 11%; width: 20%; height: 5%; } 

    .tbl .blink { width: fit-content; font-size: clamp(10px,1.7vmin,15px); line-height: normal; height: auto; padding: 5px 0; min-width: 110px; } 
    .tbl .blink.vol { width: fit-content; top: -20px; } 
    .tbl .blink::before { bottom: -10px; } 

    .evCon8 .question dl { font-size: clamp(13px,2.8vmin,18px); padding: 5% 10px; } 
    .evCon8 .question dl dt { font-size: clamp(15px,3vmin,20px); } 
    .evCon8 .question dl .link { margin-top: 10%; } 
    .evCon8 .question dl .link a { font-size: clamp(11px,2vmin,15px); } 
    .evCon8 .question dl .color { font-size: clamp(10px,2vmin,15px); } 

    .event.v2 .container_info.ver_column .info {margin: 0 auto;width: 450px;} 
    .container_info.ver_column .info .info_title { width: 120px; } 
    .event.v2 .circle_txt2 span { font-size: clamp(13px,2vmin,16px); padding: 5px 20px; } 
    .event.v2 .container_info.ver_column {padding: 7% 0;flex-direction: column;} 
    .event.v2 .event_step .step { height: auto; } 
    .event.v2 .event_step .step span { font-size: clamp(12px,2vmin,16px); margin-bottom: 8px; } 
    .event.v2 .event_step .step a { font-size: clamp(13px,2vmin,18px); max-width: none; width: min(80%,200px) } 
    .event3 .container_gift_wrap { margin: 5% auto; } 
    .event4 .mt70 { margin-top: 10%; } 
    .event4 .container_gift_wrap { margin: 5% auto; } 


    .mg_popup_wrap .content_inner h5 { font-size: clamp(18px,3vmin,30px); } .mg_popup_wrap .content_inner { font-size: clamp(13px,2vmin,15px); } 
    /* À¯Åõºê Æ˾÷ */
    [class*=mg_popup_wrap] .mg_popup_close, [class*=mg_popup_wrap] button.mfp-close { width: clamp(25px, 4vmin,36px); height: clamp(25px, 4vmin,36px); top: min(-30px,-5.1vmin); background-size: contain; right: 20px; } 
    .mfp-zin.mfp-ready .z-anim { padding:0 20px; } 
    #youtubeDim .video_inner { padding-bottom: 56%; overflow: hidden; } 
    #youtubeDim .video_inner iframe { width: calc(100% - 40px); } 

    /* ÁøµµÀ² È®Àιæ¹ý Æ˾÷ */
    #progressDim .content_inner { padding: 10% 10px; } 
    #progressDim .content_inner h5 { margin-bottom: 5%; } 

    /* ½ÃÇè Æ˾÷ */
    #testDim h6 { font-size: clamp(13px,2vmin,15px); } 
    #testDim .content_inner { padding: 10% 10px; } 
    #testDim .test_title p { font-size: clamp(13px,2vmin,15px); margin-top: clamp(5px,2vmin,15px); } 
    #testDim .test_title p + p { font-size: clamp(11px,1.5vmin,13px); } 
    #testDim .table_box ul li span { font-size: clamp(13px,2vmin,15px); } 
    #testDim .table_box ul .inp input { width: 90%; } 
    #testDim .textarea_box textarea { padding: 10px; } 
    #testDim .caution_box { font-size: clamp(11px,1.5vmin,13px); } 
 }
@media screen and (max-width: 768px){
    .fix_menu ul li a { font-size: clamp(12px,2vmin,18px); display: flex; align-items: center; gap: clamp(5px,1vmin,12px); justify-content: flex-start; flex-direction: column; padding-top: clamp(5px,1vmin,10px); height: clamp(90px,16vmin,120px); } 
    .fix_menu ul li a i { font-size: clamp(10px,1.5vmin,14px); font-style: normal; border: 1px solid; border-radius: 30px; display: flex; align-items: center; justify-content: center; width: clamp(70px,15vmin,90px); height: clamp(20px,3.5vmin,35px); } 
    .fix_menu ul li a span { align-items: center; justify-content: center; height: clamp(50px,9vmin,65px); text-align: center; } 
    
    .main .main_box { max-height: 850px; min-height: 380px; height: clamp(380px,108vw,850px); } 
    .main .main_box .intro .mid_txt img { width: min(768px,100%); } 
    .main .main_box .intro:nth-child(4) .title a { width: 35%; height: 4%; } 
    .main .main_box .intro:nth-child(4) .title img { width: min(768px,100%); } 


    .evCon3 .flex { gap: 10px; } 
    .evCon3 .flex li { height: auto; padding: 15% clamp(5px,1vmin,5%)7%; align-items: flex-start; } 
    .evCon3 .flex li .line { font-size: clamp(15px,3.2vmin,22px); padding-bottom: 4px; top: 7%; } 
    .evCon3 .flex li p:not(:last-child) { margin-bottom: 0; } 
    .evCon3 .flex li p { width: auto; font-size: clamp(13px,2.6vmin,16px); padding-left: 15px; } 
    .evCon3 .flex li p:before { top: 3px; font-size: 10px; } 
    .evCon3 .circle_txt2 { gap: 0; margin: 7% auto; } 
    .evCon3 .circle_txt2 span { font-size: clamp(15px,3.6vmin,26px); padding: 0 10px; } 
    .evCon3 .circle_txt2 i::before { width: 100%; } 
    .evCon3 .circle_txt2 i:first-child:before { width: 100%; } 

    .evCon4 .swiper-wrapper { gap:0; flex-wrap: nowrap; max-width: none } 
    .evCon4 .swiper-wrapper .swiper-slide { width: auto; } 
    .evCon4 .swiper-wrapper .swiper-slide img { width: min(350px,90%); } 
    .evCon4 .swiper-wrapper .swiper-slide.slide1::before { left: 50%; width: min(25%,105px); margin-left: -200px; } 

    .evCon5 .flex { flex-direction: column-reverse; } 
    .evCon5 .flex li:first-child { padding: 0; margin: 0 -7% 0 -15%; } 
    .evCon5 .flex li:first-child img + img { bottom: 0; top: -25%; width: 55%; left: 16%; } 
    .evCon5 .flex li:last-child { margin: 0 0 -35% 65%; } 


    .evCon7 .book { flex-wrap: wrap; margin: 0; gap: 10px 5px; align-items: stretch; } 
    .evCon7 .book li:first-child { width: 55%; margin: 0 20%; } 
    .evCon7 .book li:first-child img { margin-left: -12%; } 
    .evCon7 .book li:not(:first-child) { width: 32%; height: auto; border-radius: 10px; } 
    .evCon7 .btn_box a { width: min(600px,80%); } 

    .event1 .coupon { margin: 10% auto; } 
    .event1 .coupon ul { border-radius: 10px; overflow: hidden; max-width: 500px; margin: 0 auto; } 
    .event1 .coupon ul li:first-child { background: #fff; padding: 5px 20px 0; } 
    .event1 .coupon ul li:last-child { background: #a227ff; position: relative; padding: 5% 10%; } 
    .event1 .coupon ul li:last-child img { position: absolute; left: 5%; top: 5%; width: min(20%,100px); } 
    .event1 .coupon ul li:last-child strong { display: block; text-align: right; font-size: clamp(30px,4vmin,40px); } 
    .event1 .coupon ul li:last-child strong p { color: #000; opacity: .4; font-weight: 500; text-decoration: line-through; font-size: 16px; } 
    .event1 .coupon ul li:last-child span { font-size: 12px; opacity: .5; font-weight: normal; margin-top: 10px; display: block; } 

    .event_step:not(.had_four) .step::before { bottom: -28px; } 
    .container_info.ver_column .info .info_title { width: clamp(80px,17vmin,125px); } 

    /* 240809 */
    .main.no_intro .inner a { bottom: 8%; width: 35%; } 

    .tbl .blink { min-width: 0; width: 100%; border-radius: 10px; padding: 5px 10px; } 
    .tbl .table_color4 .blink.vol { width: clamp(53px,13vmin,95px); } 

    .evCon8 .question { gap: 10px; margin-bottom: 20px; } 
    .evCon8 .question dl { width: 100%; height: auto; } 
    .evCon8 .question dl dt { margin-bottom: 10px; } 
    .evCon8 .question dl .link { margin-top: 4%; } 
    .evCon8 .question dl .link a { line-height: 25px; width: 70%; } 


    .event.v2 .container_info.ver_column .info {width: 100%;} 
    .event.v2 .event_step .step { height: auto; padding: 5%0; } 

    /* ½ÃÇè Æ˾÷ */
    #testDim .btn a { width: 180px; font-size: clamp(13px,2vmin,17px); line-height: 45px; } 
 }
@media screen and (max-width: 576px){
    .evCon4 .swiper-wrapper .swiper-slide.slide1::before { margin-left: 0; left: 0; } 
 }