@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2025/ */

/* settings */
:root { --color-primary: #4c65ff; } 
.evSection { padding: 150px 0; } 
.evSection .mini_tit { color: rgba(0, 0, 0, 0.6); } 
.evSection .con_tit { margin-bottom: 60px; } 
.evSection .con_tit.mb0 { margin-bottom: 0; } 
.evSection .mini_tit + .con_tit { margin-top: 10px } 
.evSection .con_tit + .mini_tit { margin: 10px 0 60px; } 
.evSection .tx_primary { color: var(--color-primary); } 
.evSection .box_shadow { box-shadow: 10px 10px 16px rgba(0, 0, 0, 0.1); } 

.evSection .sale_wrap { display: flex; } 
.evSection .sale_wrap + .sale_wrap { margin-top: 20px; } 
.evSection .white_wrap { flex: 1; display: flex; justify-content: space-between; align-items: center; text-align: left; padding: 0 80px; background: #fff; border-radius: 12px 0 0 12px } 
.evSection .info_wrap li + li { margin-top: 18px; } 
.evSection .info_wrap li .tit { display: inline-block; width: 100px; color: #fff; background: #000; padding: 4px 0; border-radius: 15px; text-align: center; margin-right: 20px; } 
.evSection .title_wrap span { display: block; color: #555; } 
.evSection .title_wrap strong { display: block; } 
.evSection .price_wrap { display: flex; align-items: flex-end; gap: 10px; text-align: right; } 
.evSection .price_wrap .before { font-weight: 400; text-decoration:line-through; color: #b6b6b6; } 
.evSection .price_wrap .after .sale_badge { display: block; min-width: 180px; background: var(--color-primary); text-align: center; padding: 4px 35px; border-radius: 15px; margin-bottom: 4px; } 
.evSection .price_wrap .after b { display: block; } 
.evSection .btn_wrap { width: 240px; position: relative; display: flex; justify-content: center; align-items: center; color: #fff; background: #000; border-radius: 0 12px 12px 0; } 
.evSection .btn_wrap .end_badge { position: absolute; top: -30px; right: 20px; width: min(20vw, 127px); height: min(20vw, 128px); background: url(https://image.megagong.net/m/2025/0407_interview/ico_end_badge.png) no-repeat; background-size: contain; font-size: 0; z-index: 2; } 

.flt_inner.renewal li:not(.top) { border-radius: 8px; box-shadow: 10px 10px 16px rgba(0, 0, 0, 0.1); } 

/* fix_tab */
.fix_tab { width: 1080px; margin: -80px auto 0; } 
.fix_tab li a { display: flex; flex-direction: column; justify-content: center; height: 80px; color: #fff; background: #c7d1fe; } 
.fix_tab .on a { color: #000; background: #fbfbfb; } 
.fix_tab.fixed { position: fixed; top: 0; left: 0; width: 100%; margin: 0 auto; justify-content: center; background: #c7d1fe; z-index: 3; } 
.fix_tab.fixed li { width: 50%; max-width: 540px; } 


.fix_menu { height: auto; z-index: 3; background: #4c65ff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; justify-content: flex-end; display: none; } 
.fix_menu.fixed { position: fixed; bottom: 0; left: 0; width: 100%; display:block } 
.fix_menu a { color: #fff; font-size: 14px; gap: 30px; display: flex; padding: 20px 0; width: 1080px; margin: 0 auto; align-items: center; } 
.fix_menu .date { font-weight: bold; border-radius: 30px; background: #fff; color: #000; display: flex; justify-content: center; align-items: center; padding: 6px 40px; } 
.fix_menu .title { display: flex; justify-content: flex-start; align-items: center; gap: 30px; color: #c4caff; line-height: 1; text-align: left; } 
.fix_menu .title strong { font-size: 20px; font-weight: bold; color: #fff; } 
.fix_menu .apply { margin-left: auto; border-bottom: 1px solid #ffffff82; display: inline-flex; } 

.flt_inner.new { display: flex; flex-direction: column; align-items:stretch; } 
.flt_inner.new ul:first-child { border-radius: 8px; padding: 26px 0 10px; background-color: #fff; display: flex; flex:1; flex-direction: column; justify-content: center; align-items: center; border:1px solid #e8e8e8; box-shadow: 10px 10px 16px rgba(0, 0, 0, 0.1); } 
.flt_inner.new li p { margin:0 auto 14px; font-weight:bold; text-align: center; } 
.flt_inner.new li:not(.top) { box-shadow: none; } 


/* evBnr */
.evBnr .inner { height: 70px; justify-content: space-between; align-items: center; color: #fff; } 
.evBnr .date { color: #000; background: #fff; font-weight: 700; width: 170px; padding: 4px 0; border-radius: 15px; } 
.evBnr .txt { margin: 0 auto 0 35px; } 
.evBnr .txt .place { display: inline-block; margin-left: 25px; opacity: 0.6; } 
.evBnr .btn { flex-shrink: 0; text-underline-offset: 5px; } 
.evBnr.fixed { position: fixed; bottom: 0; left: 0; width: 100%; background: var(--color-primary); z-index: 3; } 

/* evMain */
.evMain { padding: 110px 0 165px; background: #e7e7ff url(https://image.megagong.net/m/2025/0407_interview/main_bg.jpg) no-repeat; background-size: auto 100%; } 
.evMain .con_tit .badge { position: absolute; top: 20%; right: -50px; display: flex; width: 161px; height: 165px; justify-content: center; align-items: center; font-style: normal; font-weight: 900; background: url(https://image.megagong.net/m/2025/0407_interview/ico_main_badge.png) no-repeat; background-size: contain; } 
.evMain .m_tit { font-weight: 300; } 
.evMain .s_tit { color: var(--color-primary); background: #fff; width: 80%; max-width: 474px; border-radius: 26px; padding: 13px 0; margin: 0 auto 35px; } 
.evMain h3 { margin: 20px 0 25px; } 
.evMain .tea_img { margin: 0 -60px; padding-bottom: 60px; } 
.evMain .feature { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); gap: 30px; } 
.evMain .feature li { width: 130px; height: 130px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; background: #fff; border-radius: 50%; } 
.evMain .feature .txt { font-weight: 700; } 

/* evCon1 */
.evCon1 { background: #fbfbfb; } 
.evCon1 .case_wrap { gap: 20px; margin-bottom: 60px; } 
.evCon1 .case_wrap .item { flex: 1; background: #fff; border-radius: 12px; padding: 40px 0; } 
.evCon1 .case_wrap .num { display: inline-block; width: 100px; color: #fff; background: var(--color-primary); font-style: normal; font-weight: 700; padding: 4px 0; border-radius: 15px; } 
.evCon1 .case_wrap .tit { display: block; font-weight: 900; margin: 18px 0 0; } 
.evCon1 .case_wrap .txt { font-weight: 400; color: #555; margin-top: 10px; } 
.evCon1 .btm_msg { color: rgba(0, 0, 0, 0.4); } 
.evCon1 .btm_msg strong { color: #000; } 

/* evCon2 */
.evCon2 { background: #2a2d42; } 
.evCon2 .mini_tit { color: rgba(255, 255, 255, 0.6); } 
.evCon2 .lineup_wrap { flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; } 
.evCon2 .lineup_wrap.row3 { gap: 10px 20px; } 
.evCon2 .lineup_wrap.row3::before { content: ''; width: 100%; order: 0; } 
.evCon2 .lineup_wrap.row3 .item:nth-child(-n+3) { order: -1; } 
.evCon2 .lineup_wrap .item { position: relative; border-radius: 12px; overflow: hidden; cursor: pointer; } 
.evCon2 .lineup_wrap .item .detail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; z-index: 1; text-align: left; padding: 20px; padding-right: 15px; letter-spacing: -0.06em; } 
.evCon2 .lineup_wrap .item ul { opacity: 0.6; margin-top: 10px; } 
.evCon2 .lineup_wrap .item li { position: relative; padding-left: 3px; } 
.evCon2 .lineup_wrap .item li .mark { position: absolute; top: 0; left: -7px; } 
.evCon2 .lineup_wrap .item:hover .detail { opacity: 1; visibility: visible; } 

/* evCon3 */
.evCon3 { background: #f5f5f5; } 
.evCon3 .sale_wrap { height: 160px; margin-bottom: 100px; } 
.evCon3 .question_wrap { gap: 20px; margin: 50px auto 100px; } 
.evCon3 .question_wrap .item { height: 340px; display: flex; flex-direction: column; background: #fff; border-radius: 12px; padding-top: 60px; } 
.evCon3 .question_wrap p { font-weight: 400; color: #555; } 
.evCon3 .question_wrap .img { margin-top: auto; } 
.evCon3 .box_wrap { position: relative; background: #fff; border-radius: 12px; margin-top: 75px; padding: 60px 40px; } 
.evCon3 .box_wrap .box_tit { position: absolute; top: 0; left: 50%; width: 240px; font-weight: 700; background: #000; padding: 8px 0; border-radius: 24px; margin: 0 auto; transform: translate(-50%, -50%); } 
.evCon3 .box_wrap ol { color: #555; border-width: 1px 0 1px 0; border-style: solid; border-color: #eee; } 
.evCon3 .box_wrap ol li { padding: 12px 0; } 
.evCon3 .box_wrap ol li + li { border-top: 1px solid #eee; } 
.evCon3 .box_wrap .mega_card_wrap { width: 346px; height: 174px; padding: 24px 40px 32px; background: url(https://image.megagong.net/m/2025/0407_interview/bg_card_mega_md.png) 0 0 no-repeat; background-size: contain; margin-top: 50px; } 
.evCon3 .mega_card_wrap .date { font-size: 13px; } 
.evCon3 .mega_card_wrap .card .txt { font-size: 16px; } 
.evCon3 .mega_card_wrap .card .name { font-size: 28px; } 
.evCon3 .gift_result_base { width: 90px; height: 90px; text-align: center; } 

/* evCon4 */
.evCon4 { background: #edf0ff; } 
.evCon4 .curr_tit { position: relative; font-weight: 700; color: #fff; background: #000; padding: 15px 0; margin-bottom: 40px; } 
.evCon4 .curr_tit::before { content: ''; position: absolute; bottom: -10px; left: 50%; border-top: 10px solid #000; border-left: 10px solid transparent; border-right: 10px solid transparent; } 
.evCon4 .curr_con { gap: 20px; flex-wrap: wrap; justify-content: center; } 
.evCon4 .curr_con + .curr_tit { margin-top: 80px; } 
.evCon4 .curr_con .item { background: #fff; border-radius: 12px; overflow: hidden; width: calc(33.3% - 20px); } 
.evCon4 .curr_con .num { font-weight: bold; color: #fff; background: var(--color-primary); padding: 16px 0; } 
.evCon4 .curr_con ul { padding: 30px 25px; text-align: left; } 
.evCon4 .curr_con li { position: relative; padding-left: 22px; } 
.evCon4 .curr_con li + li { margin-top: 4px; } 
.evCon4 .curr_con li::before { content: ''; position: absolute; top: 5px; left: 0; width: 18px; height: 13px; background: url(https://image.megagong.net/m/2025/0407_interview/con4_check.png) no-repeat; background-size: contain; } 
.evCon4 .curr_con.flex_wrap { flex-wrap: wrap; gap: 40px 20px; } 
.evCon4 .curr_con.flex_wrap .item { flex: 1 0 auto; width: calc(50% - 10px); } 
.evCon4 .curr_con.flex_wrap ul { min-height: 136px; } 

/* evCon5 */
.evCon5 { background: #fbfbfb; } 
.evCon5 .container_info { font-size: 18px; margin-bottom: 40px; } 
.evCon5 .container_info .info_title { font-weight: 700; font-size: 16px; } 
.evCon5 .sale_wrap { height: 230px; } 
.evCon5 .white_wrap { padding: 0 60px; } 
.evCon5 .sale_wrap + .evt_con_base { text-align: left; margin-top: 20px; } 

/* evCon6 */
.evCon6 { background-color:#e6e6ff; } 
.evCon6 .square_tit { margin: 0 auto 20px; display: flex; align-items:center; justify-content: center; background-color: #4c65ff; color:#fff; width: 126px; height: 53px; font-weight: bold; } 
.evCon6 .step_wrap { display: flex; align-items: center; gap:30px; justify-content: center; } 
.evCon6 .step_wrap .step { position:relative; display: flex; flex-direction: column; align-items: center; width:330px; height:330px; gap: 13px; background-color: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border-radius: 50%; } 
.evCon6 .step_wrap .step:nth-child(1) { gap: 40px; } 
.evCon6 .step_wrap .step:nth-child(2) { gap: 25px; } 
.evCon6 .step_wrap .step:nth-child(3) { gap: 40px; } 
.evCon6 .step_wrap .step .img_wrap { margin: 80px 0 0; } 
.evCon6 .step_wrap .step p { letter-spacing: -1px; } 
.evCon6 .step_wrap .step:nth-child(2)::before ,
.evCon6 .step_wrap .step:nth-child(2)::after { content: ''; display: block; background-image: url("https://image.megagong.net/m/2025/0620_interview/arr1.png"); width:42px; height:42px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; } 
.evCon6 .step_wrap .step:nth-child(2)::before { left:-36px; } 
.evCon6 .step_wrap .step:nth-child(2)::after { right:-36px; } 
.evCon6 .sub_tit {margin: 70px auto 25px;} 
.evCon6 .det .point { color:#8a8a8a; } 
.evCon6 .arrow_wrap { margin: 28px auto 0; width: 80; } 
.evCon6 .arrow_wrap .row { margin: 0 auto 5px; display: flex; align-items: stretch; gap:20px; width: 100%; } 
.evCon6 .row .left { position:relative; border-radius:10px; background-color: #f3f3ff; width: 228px; display:flex; align-items: center; justify-content: center; } 
.evCon6 .row .right { border-radius:10px; padding: 40px 0; background-color: #fff; width: calc(100% - 238px); display:flex; align-items: center; justify-content: center; } 
.evCon6 .row .right .point { color:#4c65ff; font-weight: 600; } 
.evCon6 .row .left::after { content:""; display: block; background-image: url("https://image.megagong.net/m/2025/0620_interview/arr2.png"); width:33px; height:38px; right: -15%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); } 
.evCon6 .row .right .nums { display: flex; align-items:stretch; } 
.evCon6 .row .right .nums li { padding: 0 20px; text-align: left; } 
.evCon6 .row .right .nums li p { margin: 12px 0 0; } 
.evCon6 .row .right .nums li:nth-child(2) { border-right: 1px dashed #b7c1ff; border-left:1px dashed #b7c1ff; } 


/* evClass */
.evClass .tea_img { position: absolute; bottom: 0; left: -15%; } 
.evClass .tea_img.type2 { left: auto; right: -17%; } 
.evClass .con_box { position:static; } 
.evClass .det_box { position:relative; margin:0 auto; width: 666px; } 
.evClass .date { display: flex; align-items: center; justify-content: center; gap:34px; } 
.evClass .date li { display: flex; align-items: center; gap:20px; } 
.evClass .date .cir { border-radius: 40px; border:1px solid #4c65ff; color:#4c65ff; width:100px; height: 30px; display: flex; align-items: center; justify-content: center; line-height: 1; } 
.evClass .price,
.evClass .chk_list { padding: 40px 70px; border-radius: 12px; border: 1px solid #d5d5d5; display: flex; flex-direction: column; gap:10px; background-color: #fff; } 
.evClass .price { margin:40px auto 0; } 
.evClass .chk_list { margin:35px auto 0; } 
.evClass .price li { display: flex; gap: 20px; } 
.evClass .price .cir { margin:-5px 0 0; background-color: #000; color:#fff; display: flex; align-items:center; justify-content: center; line-height: 1; width: 170px; height: 30px; border-radius: 40px; } 
.evClass .price .txt {text-align: left;}
.evClass .price .cir.blue { background-color: #4c65ff; } 
.evClass .price .origin { color:#b5b5b5; text-decoration:line-through; } 
.evClass .chk_list li { display: flex; gap: 12px; text-align: left; } 
.evClass .chk_list li::before { content: ""; display: block; margin:5px 0 0; background-image: url("https://image.megagong.net/m/2025/0620_interview/arr3.png"); width:14px; height:10px; background-position: center center; background-repeat: no-repeat; background-size: cover; } 
.evClass .evt_con_base.xs {text-align: right;margin: 5px 0 0;} 


/*??? ??*/
.popup_custom_wrap { position: relative; margin-bottom: 40px; margin: 20px auto 0; width: fit-content; } 
.popup_custom_wrap .popup_btn { display: flex; padding: 2px 8px; justify-content: center; align-items: center; gap: 2px; width: max-content; font-size: 11px; color:#9b9b9b; border-radius: 80px; border:1px solid #9b9b9b; } 
.popup_custom { display: none; position: absolute; bottom: 42px; left: 50%; transform: translateX(-50%); width: max-content; color: #8a8a8a; background: #fff; border: 1px solid #9b9b9b; padding: 30px 20px 20px; z-index: 10; text-align: left; min-width: 260px; } 
.popup_custom ol a { font-weight: 500; text-decoration: underline; } 
.popup_custom .close { position: absolute; top: 7px; right: 10px; background: none; border: none; cursor: pointer; } 
.popup_custom ol { max-height: 220px; overflow-y: auto; } 

/*evLec*/
.evLec { padding: 0 0 150px; } 
.evLec .lectureTab,
.evLec .lectureInfo > ul{display:  none;}


/* evFame */
.evFame { background: #020305 url(https://image.megagong.net/m/2025/0407_interview/fame_bg.jpg) no-repeat; background-size: auto 100%; } 
.evFame .mini_tit { color: rgba(255, 255, 255, 0.6); } 
.evFame .fame_wrap { height: 520px; perspective: 420px; margin-bottom: 60px; pointer-events: none; } 
.evFame .fame_roll { position: relative; overflow: hidden; width: 100%; height: 100%; transform: rotateX(50deg); margin-top: -40px; } 
.evFame .fame_roll .swiper-wrapper { transition-timing-function: linear; } 
.evFame .fame_roll .swiper-slide { height: fit-content; color: #fff; margin-bottom: 25px; } 

/* evMap */
.evMap { background: #fff; } 
.evMap .map { margin-bottom: 50px; } 
.evMap .facil_info { font-weight: 400; color: #000; padding: 30px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } 
.evMap .facil_info strong { display: block; margin-bottom: 5px; } 

/* evMsg */
.evMsg { padding: 180px 0; background: #2c2c2c url(https://image.megagong.net/m/2025/0407_interview/msg_bg.jpg) no-repeat; background-size: auto 100%; } 
.evMsg .mini_tit { color: #fff; margin: 10px auto 55px; } 
.evMsg .mini_tit sup { font-size: 0.5em; } 
.evMsg .con_tit { color: var(--color-primary); } 

@media screen and (max-width: 1200px) { 
    /* settings */
    .evSection { padding: 14% 0; } 
    .evSection .con_tit { margin-bottom: 6%; } 
    .evSection .mini_tit + .con_tit { margin-top: 1%; } 
    .evSection .con_tit + .mini_tit { margin: 1% 0 6%; } 

    /* fix_tab */
    .fix_tab { width: 100%; } 
    .fix_tab li a { height: auto; padding: min(16px, 2.5vmin) 0; } 

    .fix_menu a { width: 100%; padding: clamp(15px, 2.5vmin, 20px); gap: 2vw; font-size: clamp(13px, 1.9vmin, 14px); } 
    .fix_menu .date { padding: 5px 10px; line-height: 1.2; border-radius: 15px; } 
    .fix_menu .title { gap: 1vw; display: flex; flex-direction: column; align-items: flex-start; } 
    .fix_menu .title strong { font-size: clamp(14px, 2.3vmin, 18px); } 
    
    .flt_inner.new { display: none; } 

    /* evMain */
    .evMain { padding: 10% 0 15%; } 
    .evMain .con_tit .badge { top: 0; right: 0; transform: translateY(-50%); } 
    .evMain .tea_img { margin: 0 -6vmin; padding-bottom: 6vmin; } 
    .evMain .feature { gap: 2vmin; } 

    /* evCon4 */
    .evCon4 .curr_con,
    .evCon4 .curr_con.flex_wrap { gap: 2vmin; } 
    .evCon4 .curr_con + .curr_tit { margin-top: 8%; } 
    .evCon4 .curr_con ul { padding: 3vmin 2.5vmin; } 


    /* evCon6 */
    .evCon6 .row .left strong {font-size: clamp(13px, 2vmin, 18px);}
    .evCon6 .row .right strong {font-size: clamp(13px, 2vmin, 18px);}
    .evCon6 .row .right .nums{font-size: clamp(13px, 2vmin, 18px);}
    .evCon6 .step_wrap {flex-direction: column;gap: 3vmin;align-items: center;} 
    .evCon6 .step_wrap .step {border-radius: 10px;height: auto;padding: 4vmin 5vmin;flex-direction: row;width: clamp(310px, 65vmin, 504px);} 
    .evCon6 .step_wrap .step:nth-child(1) {gap: 5vmin;}
    .evCon6 .step_wrap .step:nth-child(2) {gap: 5vmin;}
    .evCon6 .step_wrap .step:nth-child(3) {gap: 5vmin;}
    .evCon6 .step_wrap .step .img_wrap {width: 13vmin;margin: 0;}
    .evCon6 .step_wrap .step p {text-align:left;}
    .evCon6 .step_wrap .step:nth-child(2)::before {transform: rotate(90deg) translateX(-50%);left: 45%;top: -1.5vmin;width: 5vmin;height: 5vmin;}
    .evCon6 .step_wrap .step:nth-child(2)::after {transform: rotate(89deg) translateX(50%);right: auto;top: auto;left: 45%;bottom: -1.5vmin;width: 5vmin;height: 5vmin;}
    
    /* evClass */
    .evClass .tea_img {left: -4%;}
    .evClass .det_box {width: 55%;margin: 0 0 0 25%;} 
    .evClass .price, .evClass .chk_list {padding: 5vmin 4vmin;}
    .evClass .date .txt {font-size: clamp(12px, 2.9vmin, 24px);}

    .evLec { padding: 0 0 14%; } 

    /* evFame */
    .evFame .fame_wrap { height: 50vmin; margin-bottom: 6px; } 
    .evFame .fame_roll { margin-top: -3vmin; } 
    .evFame .fame_roll .swiper-slide { margin-bottom: 2%; } 

    /* evMap */
    .evMap .map { margin-bottom: 5%; } 
    .evMap .facil_info { padding: 2vmin 0; } 

    /* evMsg */
    .evMsg .mini_tit { margin: 1% auto 5%; } 
 }
@media screen and (max-width: 1024px){
    .evCon6 .arrow_wrap { overflow-x:auto; padding: 0 0 2vmin; } 
    .evCon6 .arrow_wrap .row {width: 1080px;}
    
    /* evClass */
    .evClass .tea_img { position: static; margin: 0 0 8vmin; height: 44vmin; } 
    .evClass .tea_img img { height: 100%; max-width: unset; } 
    .evClass .tea_img_wrap { display: flex; justify-content: center; align-items: center; } 

    .popup_custom_wrap .popup_btn {display:none;}
    .evClass .det_box {width: 90%;margin: 0 auto;}
}
@media screen and (max-width: 992px){
    .evSection .sale_wrap { flex-direction: column; height: auto; } 
    .evSection .white_wrap { padding: 4vmin; border-radius: 12px 12px 0 0; } 
    .evSection .info_wrap { margin: 0 auto; } 
    .evSection .price_wrap .after .sale_badge { min-width: auto; padding: 1vmin 2vmin; } 
    .evSection .btn_wrap { width: 100%; padding: 2vmin 0; border-radius: 0 0 12px 12px; } 

    .evCon2 .lineup_wrap,
    .evCon2 .lineup_wrap.row3 { gap: 2vmin; } 
    .evCon2 .lineup_wrap.row3::before { content: none; } 
    .evCon2 .lineup_wrap .item { width: calc(50% - 1vmin); max-width: 300px; } 
    .evCon2 .lineup_wrap .item > img { width: 100%; } 

    .evCon3 .sale_wrap { margin-bottom: 10%; } 
    .evCon3 .question_wrap { flex-direction: column; margin: 5% auto 10%; gap: 5px; } 
    .evCon3 .question_wrap .item { height: auto; padding: 2vmin 0; } 
    .evCon3 .question_wrap .img { display: none; } 
    .evCon3 .box_wrap { margin-top: 10%; } 

    .evCon4 .curr_con { flex-direction: column; } 
    .evCon4 .curr_con .item { display: flex; align-items: center; flex-direction: column; width: 100%; } 
    .evCon4 .curr_con .num { align-self: stretch; width: min(100px, 16%); display: flex; justify-content: center; align-items: center; width: 100%; padding: 10px 0; } 
    .evCon4 .curr_con ul { width: 100%; display: flex; flex-direction: column; align-items: center; padding: 10px 0; } 
    .evCon4 .curr_con.flex_wrap .item { flex: 1; width: 100%; display: block; } 
    .evCon4 .curr_con.flex_wrap .num { width: 100%; } 
    .evCon4 .curr_con.flex_wrap ul { min-height: auto; } 


}

@media screen and (max-width: 768px){
    .evBnr .txt { margin: 0 auto; } 

    .evMain { padding: 10% 0 max(20%, 120px); } 
    .evMain .con_tit .badge { width: 113px; height: 116px; } 
    .evMain .s_tit { padding: 1.5vmin 0; margin-bottom: 5%; } 
    .evMain .feature { width: 100%; } 
    .evMain .feature li { width: auto; height: auto; flex: 1; border-radius: 12px; padding: 1.5vmin 0; } 

    .evCon1 .case_wrap { flex-direction: column; gap: 2vmin; margin-bottom: 6%; } 
    .evCon1 .case_wrap .item { padding: 3vmin 0; } 
    .evCon1 .case_wrap .tit { margin: 2% 0; } 
    .evCon1 .case_wrap .txt { margin-top: 1%; } 

    .evCon3 .box_wrap .mega_card_wrap { width: 255px; height: 128px; padding: 15px 25px 20px; } 
    .evCon3 .mega_card_wrap .date { font-size: 10px; } 
    .evCon3 .mega_card_wrap .card .txt { font-size: 14px; } 
    .evCon3 .mega_card_wrap .card .name { font-size: 25px; } 
    .evCon3 .gift_result_base { width: 60px; height: 60px; right: -20px; top: -20px; } 
    .evCon3 .gift_result_base .label { font-size: 12px; } 

    .evCon5 .container_info { font-size: 14px; } 
    .evCon5 .container_info .info_title { font-size: 14px; } 

    /* evCon6 */
    .evCon6 .row .left { width: clamp(246px,32vmin,300px); } 
    .evCon6 .row .right { width: 100%; padding: 4vmin 2vmin; } 
    .evCon6 .row .right .nums li { padding: 3vmin 3vmin; } 
    

    /* evClass */
    .evClass .tea_img {margin: 0 0 5vmin;} 
    .evClass .det_box { width: 100%; } 
    .evClass .date {gap: 10px;} 
    .evClass .date li { gap: 5px; } 
    .evClass .date li .cir {width: max-content; padding: 1vmin 5vmin;}
    .evClass .price,
    .evClass .chk_list { padding: 5vmin 3vmin; } 
    .evClass .price { margin: 4vmin auto 0; } 
    .evClass .price .cir {width: 34%;height: max-content;padding: 1.5vmin 0;} 
    .evClass .evt_con_base.xs { font-size: 12px; text-align:left; } 

    .fix_menu a { justify-content: center; } 
    .fix_menu .date { display: inline-flex; } 
    .fix_menu .apply { display: none; top: 50%; right: 0; margin: -10px 0 0; } 
}
@media screen and (max-width: 576px){
    .evSection .white_wrap { flex-direction: column; align-items: flex-start; } 
    .evSection .info_wrap li + li { margin-top: 10px; } 
    .evSection .info_wrap li .tit { width: 80px; margin-right: 15px; } 
    .evSection .price_wrap { align-self: flex-end; } 

    .evBnr .inner { display: grid; grid-template-columns: 60px 1fr; height: auto; padding: 10px 0; } 
    .evBnr .date { grid-column: 1 / 2; grid-row: 1 / 3; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 50%; } 
    .evBnr .txt { grid-column: 2 / 3; } 
    .evBnr .txt .place { display: block; margin-left: 0; } 
    .evBnr .btn { grid-column: 2 / 3; } 

    .evMain .con_tit .badge { top: 4vmin; right: -4%; width: 97px; height: 99px; } 
    .evMain .feature { flex-wrap: wrap; position: static; transform: none; } 
    .evMain .feature li { width: calc(33.333% - 1.333vmin); flex: 1 0 auto; gap: 4px; } 
    .evMain .feature .ico { width: 26px; } 

    .evCon2 .lineup_wrap .item .detail { padding: 10px 5px 10px 10px; font-size: 11px; letter-spacing: -0.14em; } 
    .evCon2 .lineup_wrap .item ul { margin-top: 5px; } 
    .evCon2 .lineup_wrap .item li { padding-left: 0; } 

    .evCon3 .box_wrap { padding: 8vmin 4vmin; } 

    .evCon4 .curr_tit { padding: 8px 0; margin-bottom: 20px; } 
    .evCon4 .curr_con li { padding-left: 15px; } 
    .evCon4 .curr_con li::before { width: 11px; height: 8px; } 

    .evCon6 .arrow_wrap .row { width: 800px; } 
    
    .popup_custom { left: 50%; transform: translateX(-50%); padding: 30px 10px 20px; min-width: unset; max-width: 241px; } 
}