@charset "euc-kr";

:root { --ev1-bg:url('https://image.megagong.net/m/2024/0425_lyj4718/con1_bg.jpg'); --ev2-bg:url('https://image.megagong.net/m/2024/0425_lyj4718/con2_bg.jpg'); --box-shadow: 0px 0px 7px #00000063; } 

.flt_inner .close{z-index: 2;position: absolute;right: 0;top: 0;color: #fff;text-shadow: 0px 1px 5px #222;}

/* curri */
.teaCurr .essential { font-family: 'NotoSans KR' !important; letter-spacing: .5rem; } 
.teaCurr .essential .tbl tbody td { font-size: 16px; } 
.teaCurr .essential .tbl thead tr th { background: #000 !important; color:#fff; font-size: 18px; } 
.teaCurr .essential .tbl tbody tr th { background: #f7f0ff !important; font-size: 16px; font-weight: bold; } 

/* swiper */
.swiper_common_wrap { position: relative; } 
.swiper_common_wrap .swiper_common.swiper-initialized { position: relative; overflow: hidden; } 
.swiper_common_wrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 0; z-index: 2; } 
.swiper_common_wrap .swiper-pagination-bullet { background: #fff; opacity: 1; width: 12px; height: 12px; transition: all .5s ease } 
.swiper_common_wrap .swiper-pagination-bullet-active { border-radius: 30px; width: 30px; background: linear-gradient(to right, #99ffda 0%, #9c50ff 100%); } 

/* settings */
.eventWrap .evSection { background-size: auto 100%; color:#121212; } 
.eventWrap .evSection .lecture { max-width:1000px; margin:0 auto } 
.eventWrap .evSection.fff { color: #fff; } 
.evSection:not(.evtoggleWarning,.evCon1) { padding: 145px 0; } 
.eventWrap strong, .eventWrap b { font-weight: 900; } 

/* settings - text */ 
.con_tit { margin-bottom: 30px; } 
.con_tit h4 {font-weight: 900;font-size: 46px;margin: 0 -150px;} 
.con_tit > div {font-size: 20px;} 
.con_tit .top_txt { margin-bottom: 15px; color: #78648f; font-weight: 700; } /*ŸÀÌƲ »ó´Ü ÅؽºÆ®*/
.con_tit .sub_txt { margin-top: 15px; } /*ŸÀÌƲ ÇÏ´Ü ÅؽºÆ®*/

.circle_txt { position: relative; margin: 75px auto 25px; } 
.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; padding: 0 20px; background: #f7f0ff; font-size: 26px; font-weight: 700; } 
 
/* contents */
.evCon1 { background-color: #17032d; background-image: var(--ev1-bg); padding-top: 50px; background-position: 50% 0 !important; } 
.evCon1 .flex { align-items: center; width: 1490px; margin-left: -50px; } 
.evCon1 .title { text-align: left; z-index: 2; } 
.evCon1 .title .sub_tit { margin-bottom: 50px; } 
.evCon1 .title h3 { position: relative; margin-left: -35px; } 
.evCon1 .title h3 a { position: absolute; right: 0; bottom: 23px; /* background: #9eff00b0; */width: 52px; height: 52px; border-radius: 50%; } 
.evCon1 .img { margin-left: -630px; } 

.evCon2 { background: #f1f1f2; } 
.evCon2 .con_tit { margin-bottom: 80px; } 
.evCon2 .read_wrap { position: relative; width: 1375px; margin-left: -145px; display: flex; align-items: center; justify-content: center; } 
.evCon2 .read_wrap > img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.evCon2 .read_wrap .read_box { position: relative; } 
.evCon2 .read_wrap .read_box strong { font-size: 56px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #7f1fff; } 
.evCon2 .read_wrap .read_box ul { flex-wrap: wrap; justify-content: space-between; gap: 40px 0; width: 765px; margin-left: 3%; } 
.evCon2 .btn_box a { display: block; width: min(400px,63vmin); margin: 0 auto; } 
.evCon2 .bottom_txt { font-size: 32px; font-weight: 700; margin: 70px -80px 35px; } /*ÄÁÅÙÃ÷ ÇÏ´Ü ÅؽºÆ®*/

.evCon3 { background: #7A19FF; background: linear-gradient(to bottom, #7A19FF 0%, #4d10a7 50%, #2C0265 100%); } 
.evCon3 .sub_txt p { opacity: .6; } 
.evCon3 .sub_txt p span { font-size: 12px; display: inline-block; margin-left: 10px; } 
.evCon3 .sub_txt strong { display: block; margin: 30px auto 0; width: fit-content; font-size: 26px; position: relative; z-index: 1; } 
.evCon3 .sub_txt strong:before { content:""; display:block; width: 104%; left: 50%; transform: translateX(-50%); bottom: -5px; position: absolute; background: #440091; height: 50%; z-index: -1; } 
.evCon3 .swiper_review_wrap { width: 1180px; margin-left: -50px; } 
.evCon3 .award_box { position: relative; width: 1870px; margin: 60px 0 0 -395px; } 
.evCon3 .award_box strong { position: absolute; top: 50px; font-size: 240px; width: 100%; left: 50%; transform: translateX(-50%); color: #5e11c6; z-index: 0; letter-spacing: 1.5rem; } 
.evCon3 .award_box img { z-index: 2; position: relative; } 
.evCon3 .award_box .award { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); gap: 0 65px; z-index: 2; } 
.evCon3 .award_box .award li { background:#6e40bfb3 url('https://image.megagong.net/m/2024/0425_lyj4718/con3_award.png') no-repeat center; border-radius: 50%; width: 240px; height: 240px; display: flex; align-items: center; font-size: 22px; justify-content: center; } 
.evCon3 .tiny_noti { opacity: .4; margin-top: 25px; line-height: 1.8; } 

.evCon4 { background-color: #fff; } 
.evCon4 .circle_txt span { background: #fff; } 
.evCon4 .char_zone,.evCon4 .curr_tit,.evCon4 .curr_Stit,.evCon4 .noti_txt { display: none; } 
.evCon4 .teaCurr .essential { letter-spacing: normal; } 

.evCon5 { background-color: #f7f0ff; } 
.evCon5 .ot { justify-content: space-between; width: 1000px; margin: 0 auto; } 
.evCon5 .book p { display: flex; gap: 10px; background: #fff; border-radius: 45px; padding-left: 130px; text-align: left; width: 440px; font-size: 16px; align-items: center; height: 90px; position: relative; margin-bottom: 20px; } 
.evCon5 .book p img { position: absolute; left: 50px; bottom: 5px; } 
.evCon5 .book p span strong { text-align: left; font-size: 18px; } 
.evCon5 .book p span.f00 { color: #f00; font-size: 12px; } 
.evCon5 .video { width: 540px; } 
.evCon5 .step { display: flex; flex-direction: column; gap: 10px; margin-bottom: 30px; } 
.evCon5 .step li { display: flex; background: #fff; position: relative; padding: 20px 40px; border-radius: 15px; border: 1px solid #6d28cb; align-items: center; font-size: 16px; } 
.evCon5 .step li strong { margin-right: 85px; border-right: 1px solid #cfcfcf; width: 200px; } 
.evCon5 .step li strong span { background: #6d28cb; border-radius: 30px; width: 40px; display: inline-block; line-height: 20px; font-size: 12px; color: #fff; margin-bottom: 5px; } 
.evCon5 .step li a { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); background: #eee1ff; color: #6d28cb; width: 160px; border-radius: 30px; line-height: 40px; font-weight: 700; font-size: 14px; } 
.evCon5 .faq { justify-content: space-between; gap: 15px; } 
.evCon5 .faq li {position: relative;background: #fff;flex: 1;padding: 85px 18px 35px;border-radius: 10px;font-size: 16px;} 
.evCon5 .faq li strong { color: #7331cd; display: block; margin: 10px auto 20px; padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; font-size: 20px; } 
.evCon5 .faq li > img{-webkit-animation: cloud_ani 1s infinite alternate;animation: cloud_ani 1s infinite alternate;position: absolute;top: 40px;left: 50%;margin: 0 0 0 -28px;}

@-webkit-keyframes cloud_ani { 
    from { top:40px}
    to { top:30px}
}
@keyframes cloud_ani { 
    from { top:40px}
    to { top:30px}
}


/* event */
.container_info.ver_dark { background-color: transparent; border-radius: 0; justify-content: flex-start; padding: 40px; border: 1px solid #000; border-width: 1px 0; gap: 30px; margin-bottom: 35px; } 
.container_info .info { width: 100%; justify-content: flex-start; margin-right: 0; align-items: flex-start; font-size: 16px; text-align: left; } 
.container_info .info .info_title { background: #fff; border-radius: 30px; width: 120px; color: #6d28cb; margin-right: 10px; text-align: center; line-height: 30px; } 
.container_info .info .info_title:before, .container_info .info .info_title:after { display:none } 

.event1 .con_tit,.event2 .con_tit { margin-bottom:60px } 
.event1 .con_tit .sub_txt b,.event2 .con_tit .sub_txt b { color:#fff } 
.event1 { background-color: #6d26d0; } 
.event1 .con_tit .sub_txt { color: #d2aeff; } 
.event1 .con_tit .end::after { background-color: #370e6d; } 
.event1 .gift_list > ul { gap:50px } 
.event1 .btn_box { margin-top: -20px; } 
.event1 .btn_box a { overflow: visible; display: block; width: min(520px,80%); margin: 0 auto; } 

/* 2024-05-21 - event1 */
.event1.d0521 { background-color: #be213c; } 
.event1.d0521 .con_tit .end::after { background-color: #df909e; } 
.event1.d0521 .con_tit > img { margin-bottom: 15px; } 
.event1.d0521 .con_tit h4 { color: #fff; font-size: 46px; font-weight: 900; } 
.event1.d0521 .con_tit .sub_txt { color: #f2d3d8; } 
.event1.d0521 .container_info .info .info_title { color: #be213c; } 
.event1.d0521 .container_info .info .info_date { margin-top: 3px; } 
.event1.d0521 .container_info .info .info_date .noti { color: #f2d3d8; } 
.event1.d0521 .gift_list > ul { margin-left: 40px; gap: 120px; } 
.event1.d0521 .btn_box { margin-top: 60px; } 


.event2 { background-color: #41a3ce; } 
.event2 .con_tit .end::after { background-color: #0f546f; } 
.event2 .container_info .info .info_title { color: #41a3ce; } 
.event2 .con_tit .sub_txt { color: #afebff; } 
.event2 .set_wrap { margin-bottom: 20px; border-radius: 10px; overflow: hidden; box-shadow: var(--box-shadow); } 
.event2 .set_wrap > ul { justify-content: space-between; text-align: left; background: #fff; color: #000; align-items: center; padding: 30px 40px; } 
.event2 .set_wrap .title { margin-right: 40px; border-right: 1px solid #ddd; width: 67%; } 
.event2 .set_wrap .title strong { color: #2b28cb; display: block; font-size: 24px; } 
.event2 .set_wrap .title span { background: #e4ecff; border-radius: 30px; padding: 0 10px; margin: 10px 0; display: block; font-size: 16px; width: fit-content; } 
.event2 .set_wrap .title p { font-size: 14px; opacity: .6; } 
.event2 .set_wrap:nth-child(3) .title strong { color: #23a2cc; } 
.event2 .set_wrap:nth-child(3) .title span { background: #dbf6ff; } 
.event2 .set_wrap:nth-child(4) .title strong { color: #cc232f; } 
.event2 .set_wrap:nth-child(4) .title span { background: #ffeaea; } 
.event2 .set_wrap .btn_box a { font-size: 18px; display: block; line-height: 50px; background: #000; } 
.event2 .set_wrap .btn_box a.end { background: #999; } 

/* 2024-05-21 - event2 */
.event2.d0521 { background-color: #23a2cc; } 
.event2.d0521 .con_tit .end::after { background-color: #06526e; } 
.event2.d0521 .con_tit > img { margin-bottom: 15px; } 
.event2.d0521 .con_tit h4 { color: #fff; font-size: 46px; font-weight: 900; } 
.event2.d0521 .con_tit .sub_txt { color: #afebff; } 
.event2.d0521 .container_info .info .info_title { color: #058cb9; } 
.event2.d0521 .container_info .info .info_date { margin-top: 3px; } 
.event2.d0521 .set_wrap .title strong i { margin-left: 9px; color: #121212; font-size: 14px; font-weight: 400; font-style: normal; } 
.event2.d0521 .set_wrap .title strong i b { display: inline-block; height: 14px; line-height: 13px; margin-right: 6px; padding-right: 6px; font-weight: bold; border-right: 1px solid #000000; } 
.evtoggleWarning .warningList li ul li a { color: #6d28cb; padding: 0 0 2px; border-bottom: 1px solid #6d28cb; } 

.evtoggleWarning.d0521 { background-color: #f2f2f3; } 
.evtoggleWarning.d0521 p.w_tit { padding: 23px 0; color: #121212; font-size: 24px; } 
.evtoggleWarning.d0521 p.w_tit::before { background-color: #fff; } 
.evtoggleWarning.d0521 .warningList li ul li a { padding: 4px 10px; color: #ff0000; font-size: 12px; text-decoration: initial; border-bottom: initial; background-color: #ffd9d9; border-radius: 5px; } 

/* 2024-07-11 - event1 */
.event1.d0711 {background-color: #bc263e;} 
.event1.d0711 .con_tit .end::after { background-color: #fff; opacity: 0.8;} 
.event1.d0711 .con_tit > img {margin-bottom: 15px;width: min(30%,228px);} 
.event1.d0711 .con_tit h4 { color: #fff; font-size: 46px; font-weight: 900; } 
.event1.d0711 .con_tit .sub_txt {color: #ffbdc9;} 
.event1.d0711 .container_info {padding: 0;border: 0;gap: 20px;flex-direction: column;}
.event1.d0711 .container_info .info{font-size: 20px;width: 600px;}
.event1.d0711 .container_info .info .info_title {color: #fff;background: #000;width: 135px;} 
.event1.d0711 .container_gift_wrap{margin: 80px auto;}
.event1.d0711 .btn_box{margin:0}
.event1.d0711 .btn_box a{width: min(400px,80%);}
.evtoggleWarning.d0711 .warningList li ul li a { color: #bc263e; padding: 0 0 2px; border-bottom: 1px solid #bc263e; } 
.evCon5 .ot.w1080{max-width: 1080px;align-items: center;width: 100%;}
.evCon5 .ver2 {display: flex;justify-content: space-between;align-items: center;} 
.evCon5 .ver2 .book p {width: 415px;} 
.evCon5 .ver2 .arrow_box{margin: -15px -10px 0 0;}


@media screen and (max-width: 1200px){
    .eventWrap { font-size: clamp(13px,1.6vmin,16px); } 
    .eventWrap .tiny_noti { font-size: clamp(11px,1.3vmin,13px); } 
    .evSection:not(.evtoggleWarning,.evCon1) { padding: 15% 0; } 

    .con_tit { margin-bottom: 5%; } 
    .con_tit h4 { font-size: clamp(20px,5vmin,46px); margin: 0 auto; } 
    .con_tit > div {font-size: clamp(14px,3vmin,20px);} 
    .con_tit .top_txt { margin-bottom: 3%; } 
    .con_tit .sub_txt { margin-top: 3% } 
    .evCon3 .sub_txt p span{font-size: 0.8em;}
    .circle_txt { margin: 10% auto 5%; } 
    .circle_txt span { font-size: clamp(16px,3vmin,26px); padding: 0 10px; } 
    /* curri */
    .teaCurr .essential .tbl thead tr th { font-size: clamp(15px,1.8vmin,18px); } 
    .teaCurr .essential .tbl tbody tr th,.teaCurr .essential .tbl tbody td { font-size: clamp(13px,1.6vmin,16px); } 

    /* contents */
    .evCon1 { padding-top: 5%; } 
    .evCon1 .flex { width: 100%; margin-left: 0; } 
    .evCon1 .title { margin-top: 10%; } 
    .evCon1 .title .sub_tit {margin-bottom: 5%;width: 62%;} 
    .evCon1 .title h3 { margin-left: -3%; } 
    .evCon1 .title h3 a { bottom: 5%; width: 4vw; height: 4vw; } 
    .evCon1 .img { margin: 0 -15% 0 -50%; } 

    .evCon2 .con_tit { margin-bottom: 8%; } 
    .evCon2 .read_wrap { margin: 0 auto; width: 100%; } 
    .evCon2 .read_wrap > img {max-width: 150%;top: 47%;} 
    .evCon2 .read_wrap .read_box strong { font-size: clamp(28px,6vmin,56px); top: 45%; } 
    .evCon2 .read_wrap .read_box ul {gap: 0 9%;width: min(850px,100%);margin: 0 auto;justify-content: center;} 
    .evCon2 .read_wrap .read_box ul li {width: 45%;} 
    .evCon2 .bottom_txt { font-size: clamp(16px,3vmin,32px); margin: 8% auto 5%; } 

    .evCon3 .swiper_review_wrap { width: 104%; margin-left: -1.5%; } 
    .evCon3 .sub_txt strong {margin-top: 5%;font-size: clamp(15px,3vmin,26px);} 
    .evCon3 .award_box { width: 100%; margin: 10% 0 0 0; } 
    .evCon3 .award_box strong { top: 5%; font-size: 20vmin; width: 150%; } 
    .evCon3 .award_box img { width: 55%; height: 55%; } 
    .evCon3 .award_box .award { gap: 2vmin; position: relative; margin-top: -15%; justify-content: center; left: auto; bottom: auto; transform: none; } 
    .evCon3 .tiny_noti { margin-top: 5%; } 

    .evCon5 .ot { width: 100%; flex-direction: column; } 
    .evCon5 .book { display: flex; gap: 10px; } 
    .evCon5 .book p { width: auto; height: auto; padding: 3% 2% 3% 10%; flex: 1; gap: 20px 0; border-radius: 10px; font-size: clamp(13px,2vmin,16px); } 
    .evCon5 .book p img { bottom: auto; left: 5%; width: min(68px,7vmin); } 
    .evCon5 .book p span strong { font-size: clamp(15px,2.2vmin,18px); } 
    .evCon5 .book p span { display: block; } 
    .evCon5 .book p span + br { display:none } 
    .evCon5 .video {width: min(100%, 750px);margin: 0 auto;} 
    .evCon5 .step { margin-bottom: 5%; } 
    .evCon5 .step li { font-size: clamp(13px,3vmin,16px); padding: 3%; width: min(740px,100%); margin: 0 auto; } 
    .evCon5 .step li strong { margin-right: 4%; } 
    .evCon5 .step li strong span { background: #6d28cb; border-radius: 30px; width: 40px; display: inline-block; line-height: 20px; font-size: 12px; color: #fff; margin-bottom: 5px; } 
    .evCon5 .faq { justify-content: space-between; gap: 15px; } 
    .evCon5 .faq li {font-size: clamp(13px,2vmin,16px);padding: 60px 5px 20px;} 
    .evCon5 .faq li > img{-webkit-animation: cloud_ani1200 1s infinite alternate;animation: cloud_ani1200 1s infinite alternate;top: 15px;margin: 0 0 0 -20px;width: 40px;}

    @-webkit-keyframes cloud_ani1200 { 
        from { top:15px}
        to { top:20px}
    }
    @keyframes cloud_ani1200 { 
        from { top:15px}
        to { top:20px}
}
    .evCon5 .faq li strong { font-size: clamp(15px,2.2vmin,20px); } 
    .evCon5 .swiper_solution .swiper-scrollbar { display: block; position: relative; margin-top: 15px; left: auto; top: auto; height: 8px; width: 100%; z-index: 1; } 
    .evCon5 .swiper_solution .swiper-scrollbar .swiper-scrollbar-drag { background: #7331cd; } 

    .container_info.ver_dark { padding: 5% 3%; gap: max(15px, 5%); display: flex; } 
    .container_info .info { font-size: clamp(13px,3vmin,16px); flex-wrap: wrap; } 
    .container_info .info .info_title:before,[class*="event"] .container_info .info .info_title:after { display:none } 

    .event1 .con_tit,.event2 .con_tit { margin-bottom: 7%; } 
    .event1 .con_tit .sub_txt b,.event2 .con_tit .sub_txt b { color:#fff } 
    .event1 { background-color: #6d26d0; } 
    .event1 .con_tit .sub_txt { color: #d2aeff; } 
    .event1 .con_tit .end::after { background-color: #370e6d; } 

    .event1.d0521 .gift_list > ul { margin-left: 0; gap: 20px; } 

    .event2 { background-color: #41a3ce; } 
    .event2 .con_tit .end::after { background-color: #0f546f; } 
    .event2 .container_info .info .info_title { color: #41a3ce; } 
    .event2 .set_wrap { width: min(1000px,100%); margin: 0 auto 20px; } 
    .event2 .set_wrap > ul { padding: 3% 5%; } 
    .event2 .set_wrap .title { margin-right: 3%; padding-right: 3%; width: 100%; } 
    .event2 .set_wrap .title strong { font-size: clamp(18px,4vmin,24px); } 
    .event2 .set_wrap .title span { font-size: clamp(13px,2vmin,16px); padding: 5px 10px; border-radius: 5px; } 
    .event2 .set_wrap .title p { font-size: clamp(12px,1.5vmin,14px); } 
    .event2 .set_wrap .btn_box a { font-size: clamp(14px,2vmin,18px); line-height: clamp(45px,5vmin,50px); } 

    .event2 .set_wrap .title strong { display: flex; flex-direction: column; } 
    .event2.d0521 .set_wrap .title strong i { margin-top: 7px; margin-left: 0; } 


    /* 2024-07-11 - event1 */
    .event1.d0711 .con_tit h4 {font-size: clamp(22px,5vmin,46px);} 
    .event1.d0711 .container_info{gap: max(10px, 5%);}
    .event1.d0711 .container_info .info{font-size: clamp(14px,3vmin,20px);width: min(650px,100%);}
    .event1.d0711 .container_info .info .info_title{width: clamp(85px,19vmin,150px);}
    .event1.d0711 .container_gift_wrap{margin: 10% auto;}

    .evCon5 .ver2 {width: 100%;justify-content: center;max-width: 750px;gap: 3vmin;} 
    .evCon5 .ver2 .book {flex-direction: column;flex: 1;}
    .evCon5 .ver2 .book p {padding-left: 5%;gap: 20px;margin: 0 auto;width: 100%;} 
    .evCon5 .ver2 .book p img {width: 15%;position: relative;left: auto;}     
    .evCon5 .ver2 .arrow_box{margin: 0;width: min(116px,24%);margin-right: -10px;}



}

@media screen and (max-width: 992px){
    .event1.d0521 .gift_list { width: 100%; } 
    .event1.d0521 .gift_list > ul { justify-content: center; width: 100%; } 
}

@media screen and (max-width: 768px){
    .evCon3 .swiper_review_wrap .swiper-slide img {width: min(90%,392px);} 
    .evCon3 .sub_txt strong:before {height: calc(100% + 10px);width: 3000px;} 
    .evCon3 .award_box { display: flex; justify-content: space-between; padding-top: 10%; align-items: flex-end; margin-bottom: 5%; } 
    .evCon3 .award_box strong { letter-spacing: normal; font-size: 15vmin; top: 0; width: 100%; } 
    .evCon3 .award_box img { margin-left: -3%; width: 50%; height: 50%; } 
    .evCon3 .award_box .award { flex-direction: column; margin: 0 0 5% -12%; width: 100%; } 
    .evCon3 .award_box .award li { height: auto; border-radius: 10px; font-size: clamp(13px,3vmin,22px); padding: clamp(10px,3vmin,30px) 5px; width: 100%; background-size: 13%; background-position: 5% 50%; padding-left: 10%; } 
    .evCon3 .award_box .award li br { display: none; } 
    .evCon3 .tiny_noti { margin-top: 0; } 

    .evCon5 .book { flex-direction: column; } 
    .evCon5 .book p { padding-left: 5%; gap: 20px; margin: 0 auto; width: min(100%, 540px); } 
    .evCon5 .book p img { width: 20%; position: relative; left: auto; } 
    .evCon5 .step { margin-bottom: 5%; } 
    .evCon5 .step li { flex-direction: column; width: min(540px,100%); } 
    .evCon5 .step li strong { margin: 0 0 2%; border-bottom: 1px dashed #cfcfcf; border-right: 0; padding-bottom: 2%; width: 100%; } 
    .evCon5 .step li strong span { background: #6d28cb; border-radius: 30px; width: 40px; display: inline-block; line-height: 20px; font-size: 12px; color: #fff; margin-bottom: 5px; } 
    .evCon5 .step li a { position: relative; right: auto; top: auto; transform: none; margin-top: 4%; font-size: clamp(12px,1.4vmin,14px); line-height: 30px; } 
    .evCon5 .faq { flex-direction: column; width: min(540px,100%); margin: 0 auto; } 
    .evCon5 .faq li strong {margin-bottom: 10px;padding-bottom: 10px;margin-top: 0;} 
    .evCon5 .faq li {padding: 20px 10px;} 
    .evCon5 .faq li > img{display:none}
    
    .evCon5 .swiper_solution .swiper-wrapper .swiper-slide { width: min(300px,70%) !important; } 
    .evCon5 .swiper_solution .swiper-scrollbar { display: block; position: relative; margin-top: 25px; left: auto; top: auto; height: 8px; width: 100%; z-index: 1; } 
    .evCon5 .swiper_solution .swiper-scrollbar .swiper-scrollbar-drag { background: #7331cd; } 

    .container_info .info .info_title { width: 100px; margin-right: calc(100% - 100px); margin-bottom: 5px; line-height: 20px; } 
    .event1 .gift_list > ul { flex-wrap: wrap; gap: 0; justify-content: center; } 
    .event1 .gift_list > ul li { width: 50%; } 
    .event1 .gift_list > ul li:first-child { margin: 0 25% 5%; } 

    .event1.d0521 .gift_list > ul { flex-wrap: wrap; gap: 0 20px; justify-content: center; } 
    .event1.d0521 .gift_list > ul li { width: auto; } 

    .event1.d0521 .container_info .info .info_title,
    .event2.d0521 .container_info .info .info_title { width: 130px; margin-right: calc(100% - 130px); padding: 6px 0; } 
    .event1.d0521 .btn_box { margin-top: 8%; } 
    .event2 .set_wrap > ul { flex-direction: column; padding: 5%; } 
    .event2 .set_wrap .title { margin: 0 auto 3%; padding: 0 0 3%; border-right: 0; border-bottom: 1px solid #ddd; } 
    .event2 .set_wrap .price { width: min(60%, 250px); } 

    .evtoggleWarning.d0521 p.w_tit { padding: 10px 0; font-size: 16px; } 
    .evtoggleWarning p.w_tit i { width: 17px; } 


    .evCon6 .swiper_sparta .swiper-wrapper .swiper-slide{width: min(345px,80%) !important;}
    .evCon6 .swiper_sparta .swiper-scrollbar { display: block; position: relative; margin-top: 15px; left: auto; top: auto; height: 8px; width: 100%; z-index: 1; } 
    .evCon6 .swiper_sparta .swiper-scrollbar .swiper-scrollbar-drag { background: #f67424; }     
}

@media screen and (max-width: 576px){
    .event1.d0521 .con_tit > img,
    .event2.d0521 .con_tit > img { width: 40%; } 

    .event1.d0521 .con_tit h4,
    .event2.d0521 .con_tit h4 { font-size: 28px; } 

    .event1.d0521 .gift_list > ul li { width: 40%; } 
    .event2.d0521 .set_wrap .title strong i { font-size: 11px; } 
}