@charset "euc-kr"; :root { --point-color1:#f9b71f; --point-color2:#fff2d4; --point-color3:#f66800; } 

/* bg url: https://img.megagong.net/m/2023/ - as-is url */
/* bg url: https://image.megagong.net/m/2023/ - to-be url */


/* °øÅë */
.eventWrap .evSection { padding: 150px 0; } 
.warningList li ul li a { color: #0038fd; text-decoration: underline; } 
.lecture { padding-bottom: 0 !important; background: #fff; } 

/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end::after { background: #fff } 

.eventWrap .tiny_noti.right { text-align: right; } 
.eventWrap .tiny_noti.left { text-align: left; } 

.clamp-title { font-size:46px; } 
.clamp-text30 { font-size:30px; } 
.clamp-text22 { font-size:22px; } 
.clamp-text20 { font-size:20px; } 
.clamp-text18 { font-size:18px; } 
.clamp-text16 { font-size:16px; } 


/* ŸÀÌƲ */
.evSection .con_tit { font-size: 20px; margin: 0 0 60px; font-weight:900 } 
.evSection .con_tit .tiny { display:block; padding:25px 0 0; font-weight: bold; } 
.evSection .con_tit .tiny.top { padding: 0 0 15px; } 
.evSection .bigt { display:block; font-weight: 900; line-height: 1.3; } 
.evSection .bigt.wht { color:#fff } 
.evSection .bigt.grd { background-image:var(--pt-gradi-color); background-clip:text; -webkit-background-clip:text; color:transparent } 
.evSection .bigt .stgrd { background-image:var(--pt-gradi-color); background-clip:text; -webkit-background-clip:text; color:transparent } 
.eventWrap .tit_point { margin: -45px 0 60px; font-size: 20px; } 
.eventWrap .tit_point strong { font-weight:900 } 
.eventWrap .tit_line { position: relative; margin-bottom: 50px; } 
.eventWrap .tit_line::before { content: ''; display: block; width: 100%; height: 1%; background: #111; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.eventWrap .tit_line span { position: relative; padding: 8px 90px; color: #fff; background: #111; border-radius: 30px; font-size: 20px; } 
.evSection .con_tit .evt img { width:auto } 

.eventWrap .btn_n { display: flex } 
.eventWrap a.btn { font-size: 20px; display: block; margin: 0 auto; padding: 26px 0px; width: 400px; border-radius: 65px; font-weight: bold; background: #000; color: #fff; } 
.eventWrap a.btn span { display: inline-block; position: relative; padding: 0 25px 0 0 } 
.eventWrap a.btn span::before { content: ""; position: absolute; right: 0; top: 50%; width: 12px; height: 17px; margin: -7px 0 0; background-color:#fff; color: #fff; -webkit-mask-size: 100%; mask-size: cover; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; -webkit-mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg); mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg) } 


.evSection .con_tit sup { vertical-align: top; font-size: clamp(12px,2.3vmin,16px); line-height: 1; display: inline-block; padding: 6px 0 0; } 

.eventWrap .swiper-pagination-bullet { background-color: #dedede; width: 10px; height: 10px; } 
.eventWrap .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #111; } 

/* con1 */
.evSection.evCon1 { background: url(https://image.megagong.net/m/2024/0802_tjenglish08/bg_con1.jpg) no-repeat center 0; padding: 0 0 38px; } 
.evCon1 .point { position: absolute; top: 310px; right: 200px; } 
.evCon1 h3 { padding: 543px 0 0; } 
.evCon1 .con_box p { font-size: 20px; color: #fff; background: rgba(0,0,0,0.5); display: inline-flex; justify-content: center; align-items: center; height: 60px; padding: 0 40px; border-radius: 50px; margin: 0 0 30px; } 
.evCon1 .con_box a { color: #ccc; display: block; line-height: 1; padding: 5px 0; } 
.evCon1 .con_box a strong { position: relative; margin: 0 0 0 20px; } 
.evCon1 .con_box a strong::before { content:''; position: absolute; top: 50%; left: -12px; width: 1px; height: 14px; background: #fff; opacity: 0.5; margin: -6px 0 0; } 
.evCon1 .con_box a strong i { background: #999999; color: #fff; display: inline-flex; border-radius: 100%; width: 20px; height: 20px; text-align: center; font-style: normal; font-size: 12px; line-height: 1; justify-content: center; align-items: center; margin: 0 0 0 7px; } 

/* con2 */
.evSection.evCon2 { background: url(https://image.megagong.net/m/2024/0802_tjenglish08/bg_con2.jpg) no-repeat center 0; color:#fff } 
.evCon2 .con_tit .bigt { color:var(--point-color1) } 
.evCon2 .evCon2_slider1 { margin: 0 30px 15px; } 
.evCon2 .evCon2_slider1 .swiper-wrapper { gap: 10px; } 
.evCon2 .evCon2_slider1 .swiper-slide { flex: 1 1 auto } 
.evCon2 .evCon2_slider1 .swiper-pagination { display: none; } 
.evCon2 .swiper-pagination-bullet { background-color: #555; } 
.evCon2 .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; } 
.evCon2 .evCon2_slider1 .swiper-slide img { border-radius: 20px; } 
.evCon2 .tiny_noti { opacity: 0.5; padding-right: 40px; } 

/* con3 */
.evSection.evCon3 { background: var(--point-color1) } 
.evCon3 .evCon3_slider1 { font-weight: normal; margin: 0px -10px 60px; } 
.evCon3 .evCon3_slider1 .swiper-wrapper { flex-wrap: wrap; } 
.evCon3 .evCon3_slider1 .swiper-slide { flex: 1 1 calc(33.3% - 10px); padding: 10px; } 
.evCon3 .evCon3_slider1 .swiper-pagination { display: none; } 
.evCon3 .evCon3_slider1 .swiper-slide .item { background: #fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); height: 150px; display: flex; justify-content: center; align-items: center; border-radius: 17px; flex-direction: column; } 
.evCon3 .evCon3_slider2 .swiper-wrapper { gap: 10px; } 
.evCon3 .evCon3_slider2 .swiper-slide { padding: 0; flex: 1 1 auto; } 
.evCon3 .evCon3_slider2 .swiper-pagination { display: none; } 

/* con4 */
.evSection.evCon4 { position: relative; background: #fff; padding-bottom: 130px; } 
.evCon4 .book_wrap { position: relative; } 
.evCon4 .book_wrap .book { padding: 0 0 0 195px; text-align: left; } 
.evCon4 .book_wrap p { position: absolute; left: 0; bottom:440px } 
.evCon4 .book_wrap p:last-child { left:unset; right: 3px; bottom:115px } 

/* con5 */
.evSection.evCon5 { position: relative; background: var(--point-color2) } 
.evCon5 .slider_wrap { position: relative } 
.evCon5 .slider_wrap::before { content:''; background: #ffebbd; position: absolute; bottom: 130px; left: 50%; width: 3000px; height: 365px; margin: 0 0 0 -1500px; } 
.evCon5 .slider_wrap::after { content:''; background-image:url(https://image.megagong.net/m/2024/0802_tjenglish08/con_img14.png), url(https://image.megagong.net/m/2024/0802_tjenglish08/con_img14.png); background-position: 0% 0%, 100% 0; background-repeat: no-repeat, no-repeat; position: absolute; bottom: 22px; left: 50%; width: 832px; height: 030px; margin: 0 0 0 -430px; } 
.evCon5 .evCon5_slider1 { margin: 0 auto; width: 830px; overflow: hidden; } 
.evCon5 .evCon5_slider1 .swiper-slide { gap: 0; margin: 0; font-size: 0; background-color: #fff; } 
.evCon5 .evCon5_slider1 .item { display: flex; gap: 0; margin: 0; font-size: 0; } 
.evCon5 .evCon5_slider1 .swiper-pagination { margin-top: 40px; } 
.evCon5 .slider_wrap .book { position: absolute; bottom: -54px; left:0; z-index: 1; } 

/* con6 */
.evSection.evCon6 { background: #f9b71f } 
.evCon6 .eventVideo.with_shadow { margin: 0 40px 60px; } 

/* con7 */
.evSection.evCon7 { background: var(--point-color3); color: #fff; } 
.evCon7 .con_tit .tiny { font-weight: 500; } 
.evCon7 .bigt { color: #000; } 
.evCon7 .tit_point { margin: -35px 0 60px; } 
.evCon7 .container_gift_wrap { margin: 0 0 70px; } 
.evCon7 .container_gift_wrap .flex { gap: 40px; justify-content: center; } 
.evCon7 .container_info { border: 1px solid #111; border-width: 1px 0; padding: 40px 0 40px 90px; margin: 0 0 50px; } 
.evCon7 .container_info.ver_circle .info .info_title { background-color: #111; } 
.evCon7 .container_info .info .noti { color: #ff0; } 


.evSection.evtoggleWarning { padding: 0 !important; } 


/* 241015 */
.event_temp.evSection { background: var(--point-color3); color: #fff; } 
.event_temp .clamp-title { font-size: 54px; } 
.event_temp.evSection .con_tit { font-size: 20px; margin: 0 0 30px; font-weight: 900; } 
.event_temp .con_tit .tiny { font-weight: 500; } 
.event_temp .bigt { color: #000; } 
.event_temp .tit_point { margin: 0px 0 50px; font-size: 22px; font-weight: 400; line-height: 1.5; } 
.event_temp .container_gift_wrap { margin: 0 0 70px; } 
.event_temp .container_gift_wrap .flex { gap: 40px; justify-content: center; } 
.event_temp .container_info { border: 1px solid #111; border-width: 1px 0; padding: 20px 0px; margin: 0 0 50px; font-size: 20px; gap: 60px; } 
.event_temp .container_info.ver_circle .info { justify-content: center; width: auto; } 
.event_temp .container_info.ver_circle .info .info_title { background-color: #111; } 
.event_temp .container_info.ver_circle .info .info_date { flex: inherit; display: inline-block; } 
.event_temp .container_info .info .noti { color: #ff0; } 
.event_temp .con_tit .evt_mark { background: #ff8a00; box-shadow: none; border: 4px solid #fff; font-size: 38px; font-weight: 900; padding: 7px 29px; } 
.event_temp .con_tit .evt_mark::after { border-top: 10px solid #ff8a00; } 
.event_temp .con_tit .evt_mark::before { content: ''; display: block; position: absolute; left: 50%; margin-left: -14px; bottom: -16px; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 15px solid #fff; } 

.event_temp.evCon7 { background: #ff8a00; } 
.event_temp.evCon8 { background: #f34d26; } 
.event_temp.evCon8 .con_tit .evt_mark { background: #f34d26; } 
.event_temp.evCon8 .con_tit .evt_mark::after { border-top: 10px solid #f34d26; } 
.event_temp.evCon8 .container_info { flex-direction: inherit; flex-wrap: inherit; } 

.evCon7 .sale_app_wrap { display: flex; justify-content: center; align-items: center; height: 237px; } 
.evCon7 .sale_app_wrap .b_box { width: 213px; background: #000; font-size: 22px; font-weight: 400; height: 100%; border-radius: 0px 20px 20px 0; } 
.evCon7 .sale_app_wrap .b_box a { height: 100%; display: flex; justify-content: center; flex-wrap: wrap; align-content: center; } 
.evCon7 .sale_app_wrap .wh_box { width: calc(100% - 213px); background: #fff; color: #000; text-align: left; padding: 50px 85px; border-radius: 20px 0 0 20px; height: 100%; } 
.evCon7 .sale_app_wrap .wh_box p { font-size: 35px; font-weight: 700; } 
.evCon7 .sale_app_wrap .wh_box .price_box { display: flex; justify-content: flex-start; align-items: center; gap: 93px; margin-top: 15px; } 
.evCon7 .sale_app_wrap .wh_box .price_box .orign_pr { display: flex; justify-content: flex-start; align-items: center; gap: 43px; position: relative; } 
.evCon7 .sale_app_wrap .wh_box .price_box .orign_pr p { font-size: 28px; color: #777; font-weight: 400; } 
.evCon7 .sale_app_wrap .wh_box .price_box .orign_pr .sale_num { display: block; background: #f34d26; color: #fff; font-size: 20px; border-radius: 50px; padding: 7px 26px; position: relative; } 
.evCon7 .sale_app_wrap .wh_box .final_pr { font-size: 45px; font-weight: 700; } 
.evCon7 .cancle_line_wrap { position: absolute; width: 390px; height: 100%; } 
.evCon7 .cancle_line_wrap .cancle_line { position: relative; display: block; width: 100%; height: 100%; } 
.evCon7 .cancle_line_wrap .cancle_line::before { content: ""; width: 100%; height: 1px; background: #000; position: absolute; left: -6px; top: 50%; } 
.evCon7 .cancle_line_wrap .cancle_line::after { content: ''; display: block; position: absolute; right: 0px; margin-left: -9px; top: 50%; transform: translateY(-47%); height: 0; border-left: 9px solid #000; border-right: 0px solid transparent; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } 
.eventWrap .evCon7 .tiny_noti { font-size: 14px; text-align: left; display: block; margin-top: 6px; } 

.evCon8.evSection .subtitle_line .text { font-size: 20px; font-weight: 800; } 
.evCon8.evSection .event_step { gap: 20px; } 
.evCon8.evSection .event_step .step { height: 321px; padding: 30px 25px 32px 25px; } 
.evCon8.evSection .event_step .step span { margin-bottom: 40px; } 
.evCon8.evSection .event_step .step:nth-child(2) span { margin-bottom: 20px; } 
.evCon8.evSection .event_step .step .step_mid { height: 125px; } 
.evCon8.evSection .event_step .step:nth-child(2) .step_mid { height: 145px; } 
.evCon8.evSection .event_step .step .step_mid .grp_img { margin-top: 10px; } 
.evCon8.evSection .event_step .step p { font-size: 18px; font-weight: 400; line-height: 1.5; } 
.evCon8.evSection .event_step .step a { width: 156px; height: inherit; line-height: 1.4; padding: 9px 0; margin-top: 13px; font-size: 17px; font-weight: 400; border-radius: 50px; } 
.evCon8.evSection .event_step .step .no_dim { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 17px; font-weight: 700; } 
.evCon8.evSection .event_step .step::before ,
.evCon8.evSection .event_step .step::after { display: none; } 

.warningList li ul li a.tp1_new { font-size: 13px; padding: 2.5px 0px; color: #000; text-decoration: none; } 

.evCon8.evSection .event_step .step .step_mid .grp_img { margin-top: 10px; border: 1px solid #000; padding: 10px 15px; width: 295px; } 
.evCon8.evSection .event_step .step .grp_img p { font-size: 14px; font-weight: 500; } 
.evCon8.evSection .event_step .step .grp_img .grp_tit { text-align: left; margin-bottom: 5px; } 
.evCon8.evSection .event_step .step .grp_box { height: 33px; width: 100%; background: #dfdfdf; position: relative; overflow: hidden; } 
.evCon8.evSection .event_step .step .grp_box .grp_bar { background: #f34d26; height: 100%; position: absolute; left: 0px; top: 0px; display: flex; justify-content: center; align-items: center; font-size: 16px; } 
.evCon8.evSection .event_step .step .per_wrap { display: flex; justify-content: space-between; margin-top: 3px; } 
.evCon8.evSection .event_step .step .per_wrap .per_right { display: flex; justify-content: flex-end; width: 80px; } 

.event_temp.evCon7 .con_tit .end::after { background: #ffdcb3; } 
.event_temp.evCon8 .con_tit .end::after { background: #fbc4b8; } 

.evCon8.evSection .event_step span.tiny_noti {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 7px;
    font-family: 'Noto Sans KR';
    display: block;
}


@media screen and (max-width: 1200px){
 .eventWrap img { width: 100%; } 

.con_tit .end { right:0; width:26%; } 

.eventWrap .evSection { padding: clamp(70px,17vmin,150px) 0 } 

.clamp-title { font-size: clamp(20px,4.5vmin,40px); } 
.clamp-text30 { font-size: clamp(16px,3.5vmin,30px); } 
.clamp-text22 { font-size:clamp(16px,2.7vmin,22px); } 
.clamp-text20 { font-size: clamp(13px,2.3vmin,18px); } 
.clamp-text18 { font-size:clamp(14px,2.3vmin,18px); } 
.clamp-text16 { font-size:clamp(13px,2.1vmin,16px); } 

/*ŸÀÌƲ*/
.eventWrap sup { vertical-align:top } 
.evSection .con_tit { margin:0 0 5%; } 
.evSection .con_tit .tiny { padding:25px 0 0 } 
.evSection .bigt.wht { color:#fff } 
.eventWrap .tit_point { margin:0 0 6%; font-size: clamp(13px,2.5vmin,20px); } 
.eventWrap .tit_line { margin-bottom: 5%; } 
.eventWrap .tit_line span { font-size: clamp(15px,2.5vmin,20px); padding: 1% 5% 1.5%; } 
.evSection .con_tit .evt img { width: clamp(140px,25vmin,200px); } 

.eventWrap .tiny_noti.right,
.eventWrap .tiny_noti.left { text-align: center; } 

.eventWrap a.btn { font-size: 17px; padding: 20px 0 } 

/* con1 */
.evSection.evCon1 { background-size: cover; padding: 0 0 5%; } 
.evCon1 .point { width: clamp(115px,25vmin,210px); right: 8%; top: unset; bottom: 57%; } 
.evCon1 h3 { padding: 60% 12% 0; } 
.evCon1 .con_box p { font-size: clamp(13px,2.5vmin,20px); margin: 0 0 4%; } 
.evCon1 .con_box a { font-size: clamp(14px,2vmin,16px); } 

/* con2 */
.evSection.evCon2 { background-size: cover; } 
.evCon2 .evCon2_slider1 { margin: 0 0 10px; } 
.evCon2 .tiny_noti { padding: 15px 0 0; } 

/* con3 */
.evCon3 .evCon3_slider1 { margin: 0 0 8%; } 

/* con4 */
.evCon4 .book_wrap .book { padding: 0 4% 0 16%; } 
.evCon4 .book_wrap p { width: 16%; bottom: 70%; } 
.evCon4 .book_wrap p:last-child { width: 20%; bottom: 10%; } 

/* con5 */
.evCon5 .slider_wrap::before { display: none; } 
.evCon5 .slider_wrap::after { display: none; } 
.evCon5 .evCon5_slider1 { width: 90%; } 
.evCon5 .evCon5_slider1 .item img { /* width: 50%; */ } 
.evCon5 .evCon5_slider1 .swiper-pagination { margin-top: 3%; } 
.evCon5 .slider_wrap .book { bottom: -7%; left: -5%; width: 26%; } 

/* con6 */
.evCon6 .eventVideo.with_shadow { margin: 0 0 6%; } 

/* con7 */
.evCon7 .container_gift_wrap { margin: 0 0 7%; } 
.evCon7 .container_info { padding: 0; display: inline-flex; border: 0; flex-direction: column; } 

/* event_temp */
.event_temp .clamp-title { font-size: clamp(21px,5.4vmin,54px); } 
.event_temp .container_gift_wrap { margin: 0 0 7%; } 

.event_temp .container_info { padding: 2% 12%; display: inline-flex; border: 0; flex-direction: column; border: 1px solid #111; border-left: none; border-right: none; gap: 4%; font-size: clamp(13px,2.5vmin,20px); } 
.event_temp .con_tit .evt_mark { font-size: clamp(15px,3.8vmin,38px); padding: 1% 3%; } 
.event_temp.evSection .con_tit .tiny.top { padding: 0 0 1%; } 
.event_temp.evSection .con_tit { font-size: clamp(13px,2.5vmin,20px); margin: 0 0 3%; } 
.event_temp.evCon8 .container_info { flex-wrap: wrap; } 
.event_temp .container_info.ver_circle .info { margin-bottom: 1%; font-size: clamp(15px,2vmin,20px); } 
.event_temp .container_info.ver_circle .info:last-child { margin-bottom: 0; } 
.event_temp .container_gift_wrap .flex { gap: 4%; padding: 0 11%; } 


.evCon7 .sale_app_wrap { height: 23vw; } 
.evCon7 .sale_app_wrap .wh_box { width: calc(100% - 21vw); padding: 5% 0% 5% 5%; display: flex; flex-wrap: wrap; align-items: center; } 
.evCon7 .sale_app_wrap .b_box { width: 21vw; font-size: clamp(14px,2.5vmin,22px); } 
.evCon7 .sale_app_wrap .wh_box p { font-size: clamp(16px,3.5vmin,35px); } 
.evCon7 .sale_app_wrap .wh_box .price_box { gap: 16%; margin-top: 2%; width: 100%; } 
.evCon7 .sale_app_wrap .wh_box .price_box .orign_pr { gap: 3vw; } 
.evCon7 .sale_app_wrap .wh_box .price_box .orign_pr p { font-size: clamp(16px, 3.2vmin, 35px); } 
.evCon7 .sale_app_wrap .wh_box .final_pr { font-size: clamp(18px,4.5vmin,45px); } 
.evCon7 .cancle_line_wrap { width: 39vw; } 
.evCon7 .sale_app_wrap .wh_box .price_box .orign_pr .sale_num { font-size: clamp(13px,2.5vmin,20px); padding: 2% 26px; } 
.eventWrap .evCon7 .tiny_noti { font-size: 13px; margin-top: 1%; } 

.evCon8.evSection .event_step { gap: 1%; } 
.evCon8.evSection .event_step .step { height: 32vw; padding: 3% 2% 3% 2%; } 
.evCon8.evSection .event_step .step span { margin-bottom: 14%; } 
.evCon8.evSection .event_step .step:nth-child(2) span { margin-bottom: 4%; } 
.evCon8.evSection .event_step .step p { font-size: clamp(16px,2vmin,18px); } 
.evCon8.evSection .event_step .step .step_mid { height: 11.5vw; } 
.evCon8.evSection .event_step .step:nth-child(2) .step_mid { height: 14vw; } 
.evCon8.evSection .event_step .step a { width: 15vw; margin-top: 2%; font-size: clamp(15px,2vmin,17px); } 
.evCon8.evSection .event_step .step .grp_box { height: 2vw; } 
.evCon8.evSection .event_step .step .grp_box .grp_bar { font-size: clamp(13px,1.6vmin,16px); } 
.evCon8.evSection .event_step .step .step_mid .grp_img { margin-top: 2%; padding: 2% 3%; width: 29vw; } 

.event_temp.evCon7 .con_tit .end { width: min(25vw, 211px); height: min(25vw, 206px); } 
.event_temp.evCon8 .con_tit .end { width: min(25vw, 211px); height: min(25vw, 206px); }

.evCon8.evSection .event_step .step:nth-child(2) span.tiny_noti {margin-bottom: 0px;}
.evCon8.evSection .event_step .step:nth-child(2) {
    padding: 3% 2% 1% 2%;
}
}





@media screen and (max-width: 992px) { /* °øÅë */
.con_tit .end { top: 42%; } 


/* con3 */
.evCon3 .evCon3_slider1 .swiper-slide { padding: 5px; } 
.evCon3 .evCon3_slider1 .swiper-slide .item { border-radius: 10px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); } 


/* event_temp */
.evCon7 .cancle_line_wrap { width: 43vw; } 

.evCon8.evSection .event_step .step a { width: 19vw; font-size: clamp(15px, 2vmin, 17px); } 
 }





@media screen and (max-width: 768px) { /* °øÅë */
br.mo_for { display: none; } 

/* con1 */
.evCon1 .point { right: 3%; } 
.evCon1 h3 { padding: 75% 8% 0; } 

/* con3 */
.evCon3 .evCon3_slider1 .swiper-wrapper { flex-wrap: nowrap; } 
.evCon3 .evCon3_slider1 .swiper-slide { padding: 5px; flex: 1 0 100%; } 
.evCon3 .evCon3_slider1 .swiper-pagination { display: block; } 
.evCon3 .evCon3_slider1 .swiper-slide .item { box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); } 
.evCon3 .evCon3_slider2 { position: relative; overflow: hidden; } 
.evCon3 .evCon3_slider2 .swiper-wrapper { gap: 0; } 
.evCon3 .evCon3_slider2 .swiper-slide { flex: 1 0 50%; padding: 0 1%; } 
.evCon3 .evCon3_slider2 .swiper-pagination { display: block; bottom: 0; } 

/* con5 */
.evCon5 .evCon5_slider1 { position: relative; overflow: hidden; } 
.evCon5 .evCon5_slider1 .swiper-wrapper { gap: 0; } 
.evCon5 .evCon5_slider1 .swiper-slide { /* flex: 1 0 100%; */ } 
.evCon5 .evCon5_slider1 .swiper-pagination { display: block; } 

/* con7 */
.evCon7 .container_gift_wrap .flex { gap: 1%; } 
.evCon7 .container_gift_wrap ul li { margin: 0; flex: 1; } 


/* event_temp */
.event_temp .container_info { padding: 2% 0%; width: 100%; } 
.event_temp .container_info.ver_circle .info .info_title { width: 20vw; padding: 1% 0; } 
.event_temp .container_gift_wrap .flex { gap: 1%; } 
.event_temp .container_gift_wrap ul li { margin: 0; flex: 1; } 
.evCon7 .sale_app_wrap .wh_box { border-radius: 10px 0 0 10px; } 
.evCon7 .sale_app_wrap .wh_box .price_box { gap: 14%; } 
.evCon7 .sale_app_wrap .b_box { border-radius: 0px 10px 10px 0; } 

.evCon8.evSection .event_step .step { height: inherit; margin-bottom: 3%; padding: 4% 2% 4% 2%; } 
.evCon8.evSection .event_step .step:nth-child(2) { height: inherit; } 
.evCon8.evSection .event_step .step span { margin-bottom: 2%; } 
.evCon8.evSection .event_step .step a { width: 24vw; margin-top: 10%; } 
.evCon8.evSection .event_step .step .step_mid { height: inherit; } 
.evCon8.evSection .event_step .step:nth-child(2) .step_mid { height: inherit; width: 100%; } 
.evCon8.evSection .event_step .step .step_mid .grp_img { width: 90%; margin: 2% auto 0; } 
.evCon8.evSection .event_step .step .grp_box { height: 3vw; } 
.evCon8.evSection .event_step .step:nth-child(2) {
    padding: 3% 2% 3% 2%;
}
 }






@media screen and (max-width: 576px) { /* °øÅë */

.eventWrap a.btn { width: 100%; padding: 13px 0; font-size: 15px } 

.eventWrap .swiper-pagination-bullet { width: 7px; height: 7px; } 

/* con1 */
.evCon1 .point { right: 0; } 
.evCon1 h3 { padding: 80% 8% 0; } 

/* con2 */
.evCon2 .evCon2_slider1 { position: relative; overflow: hidden; margin: 0 8%; } 
.evCon2 .evCon2_slider1 .swiper-wrapper { gap: 0; } 
.evCon2 .evCon2_slider1 .swiper-slide { flex: 1 0 100%; } 
.evCon2 .evCon2_slider1 .swiper-pagination { display: block; } 

/* con3 */
.evCon3 .evCon3_slider1 { margin: 0 2% 7%; } 
.evCon3 .evCon3_slider1 .swiper-slide { padding: 0; } 
.evCon3 .evCon3_slider1 .swiper-slide .item { height: 120px; } 
.evCon3 .evCon3_slider2 { margin: 0 2%; } 
.evCon3 .evCon3_slider2 .swiper-slide { flex: 1 0 100%; padding: 2% 8%; background: #222; } 

/* con4 */
.evCon4 .book_wrap { padding: 0 0 8%; margin: 0 0 0 0; } 
.evCon4 .book_wrap .book { padding: 0 33% 0 00; } 
.evCon4 .book_wrap p { bottom: unset; top: 0; width: 33%; left: 4%; left: unset; right: 0; } 
.evCon4 .book_wrap p:last-child { bottom: 0; width: 43%; right: 0; top: unset; } 

/* con5 */
.evCon5 .evCon5_slider1 { width: 70%; } 
.evCon5 .evCon5_slider1 .swiper-slide { flex:none; } 
.evCon5 .evCon5_slider1 .item { display: flex; flex-direction: column; width: 100%; } 
.evCon5 .evCon5_slider1 .item img { margin: 0; } 
.evCon5 .slider_wrap .book { bottom: -2%; left: -32px; width: 40%; } 
.evCon5 .evCon5_slider1 .swiper-slide { flex: 1 0 100%; } 

/* con7 */
.evCon7 .con_tit .tiny.top { padding: 0 0 5px; } 
.evCon7 .container_gift_wrap .flex { gap: 0; } 
.evCon7 .container_info { margin: 0 0 20px; } 


/* event_temp */
.event_temp .clamp-title { font-size: clamp(24px, 5.4vmin, 54px); } 
.event_temp .con_tit .tiny.top { padding: 0 0 5px; } 
.event_temp .con_tit .evt_mark::after { border-top: 10px solid #ff8a00; } 
.event_temp .con_tit .evt_mark { font-size: clamp(19px, 3.8vmin, 38px); padding: 2% 5%; } 
.event_temp .container_info { margin: 0 0 20px; } 
.event_temp .container_info { padding: 3% 0%; width: 100%; } 
.event_temp .container_info.ver_circle .info .info_title { width: 28vw; font-size: 14px; } 

.event_temp .container_gift_wrap .flex { gap: 0; } 
.event_temp .container_gift_wrap .flex { padding: 0 0%; } 
.event_temp .con_tit .evt_mark::after { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 8px solid #ff8a00; bottom: -7px; margin-left: -9px; } 
.event_temp .con_tit .evt_mark::before { bottom: -14px; border-top: 14px solid #fff; } 


.evCon7 .sale_app_wrap { height: inherit; display: block; } 
.evCon7 .sale_app_wrap .wh_box { width: 100%; border-radius: 10px 10px 0 0; padding: 5%; } 
.evCon7 .sale_app_wrap .b_box { width: 100%; border-radius: 0 0 10px 10px; } 
.evCon7 .sale_app_wrap .b_box a { padding: 4% 0; } 
.evCon7 .sale_app_wrap .wh_box .price_box { justify-content: space-between; } 
.evCon7 .sale_app_wrap .wh_box .price_box .orign_pr .sale_num { font-size: clamp(13px, 2.5vmin, 20px); padding: 2% 14px; } 
.evCon7 .sale_app_wrap .wh_box p { font-size: clamp(19px, 3.5vmin, 35px); } 
.evCon7 .sale_app_wrap .wh_box .final_pr { font-size: clamp(23px, 4.5vmin, 45px); } 
.evCon7 .cancle_line_wrap { width: 52vw; } 
.evCon7 .cancle_line_wrap .cancle_line::after { border-left: 7px solid #000; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } 
.eventWrap .evCon7 .tiny_noti { font-size: 12px; margin-top: 1%; } 


.evCon8.evSection .subtitle_line .text { font-size: 18px; } 
.evCon8.evSection .event_step .step a { width: 34vw; margin-top: 12%; padding: 5% 0; } 
.evCon8.evSection .event_step .step p { font-size: clamp(15px, 2vmin, 18px); } 
.evCon8.evSection .event_step .step .grp_box { height: 6vw; } 
 }