@charset "euc-kr"; 

:root{--point-color1: #00ff78;--point-color2: #2870e8;--pt-gradi-color:linear-gradient(to right, #00c6ff, #0072ff);}

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


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


.eventWrap .flex-column768{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}

/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.eventWrap .con_tit .end::after {background: var(--point-color2);} 

/* ÆùÆ®»çÀÌÁî */
.eventWrap .clamp-title{font-size: 48px;}
.eventWrap .clamp-text34{font-size:34px;}
.eventWrap .clamp-text30{font-size:30px;}
.eventWrap .clamp-text28{font-size:28px;}
.eventWrap .clamp-text26{font-size:26px;}
.eventWrap .clamp-text24{font-size:24px;}
.eventWrap .clamp-text22{font-size:22px;}
.eventWrap .clamp-text20{font-size:20px;}
.eventWrap .clamp-text18{font-size:18px;}
.eventWrap .clamp-text16{font-size:16px;}
.eventWrap .clamp-text14{font-size:14px;}

.evSection .point_color { color:var(--point-color1) } 
.evSection .point_color2 { color:var(--point-color2) } 

/* ŸÀÌƲ */
.evSection .con_tit {margin: 0 0 55px;line-height: 1.3;font-weight: 900;} 
.evSection .con_tit b { font-weight: 900; } 
.evSection .con_tit .light_ver { font-weight: 400; } 
.evSection .con_tit .point_ver { color:var(--point-color1) } 
.evSection .con_tit .wh_ver { color:#fff } 
.evSection .con_tit .stgrd{background-image:var(--pt-gradi-color);background-clip:text;-webkit-background-clip:text;color:transparent}
.evSection .mini_tit {margin: 0 0 5px;} 
.evSection .mini_tit.mb_re { margin-bottom: 0; } 
.eventWrap .tit_point{margin:0 0 50px;font-size:24px;font-weight:200;}
.eventWrap .tit_point strong{font-weight:900}
.eventWrap .tit_line {position: relative;margin-bottom: 30px;} 
.eventWrap .tit_line::before {content: '';display: block;width: 100%;height: 1%;background: #000;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} 
.eventWrap .tit_line span {position: relative;padding: 7px 30px;background: #fff;border-radius: 30px;font-size: 28px;font-weight: bold;} 

/* ½º¿ÍÀÌÆÛ pagination */
.eventWrap .swiper-pagination {position: relative;display: flex;justify-content: center;gap: 5px;top: auto;bottom: auto;margin-top: 30px;} 
.eventWrap .swiper-pagination-bullet {background: #fff;opacity: 1;width: 12px;height: 12px;} 
.eventWrap .swiper-pagination-bullet-active { background: #111111; } 

/* ¹öÆ° */
.eventWrap .btn_n{display: flex}
.eventWrap a.btn{}
.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://image.megagong.net/m/2024/0315_sati/con_img12.svg);mask-image: url(https://image.megagong.net/m/2024/0315_sati/con_img12.svg)}
.eventButtons .btn.point{background: var(--point-color2);}

/* ÁÖ¼® */
.eventWrap .tiny_noti.right{text-align: right;}
.eventWrap .tiny_noti.left{text-align: left;}


/* banner */
.evCon2 .con_banner {background-color: #111111;overflow: initial !important;padding: 0 !important;color: #fff;position: absolute;top: 0;left: 0;width: 100%;} 
.evCon2 .con_banner.on { position: fixed; top: 0; left: 0; width: 100%; z-index: 3; } 
.evCon2 .con_banner ul {display: flex;flex-direction: row;align-items: center;justify-content: center;flex-wrap: wrap;} 
.evCon2 .con_banner ul.for_mo { display: none; } 
.evCon2 .con_banner ul li{
color: #111;
background: #fff;
}
.evCon2 .con_banner ul li a{}
.evCon2 .con_banner ul li.evt {position: relative;flex: 1;background: #111;color: #fff;} 
.evCon2 .con_banner ul li.evt a {font-weight: 300;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;width: 100%;height: 80px;padding: 0 65px 0 105px;} 
.evCon2 .con_banner ul li.evt a strong{font-size: 1.2em;color:var(--point-color1);margin: 0 0 0 15px;} 
.evCon2 .con_banner ul li.evt a i {border: 1px solid #545459;position: absolute;top: 50%;right: 0;margin: -24px 0 0;font-style: normal;display: flex;justify-content: center;align-items: center;padding: 8px 26px;border-radius: 50px;font-size: 0.9em;font-weight: bold;background: var(--point-color1););color: #000;border: 3px solid var(--point-color2);} 
.evCon2 .con_banner ul li.evt a .book{
    position: absolute;
    bottom: 10px;
    left: 20px;
} 
.evCon2 .con_banner.on ul li.evt a .book{
    width: 45px;
}

.evCon1 .home {position: absolute;bottom: 0px;left: 50%;font-weight: bold;margin: 0 0 0 245px;font-size: 0;opacity: 0;background: #000;width: 60px;height: 60px;}
.evCon1 .home i{width: 1px;height: 14px;background: #000;opacity: 0.2;display: inline-block;margin: -3px 5px 0;vertical-align: middle;}
.evCon1 .home b{background: #000;color: #e0c5b0;line-height: 1;display: inline-flex;align-items: center;justify-content: center;font-size: 13px;font-weight: 900;padding: 5px 7px 6px;border-radius: 100%;margin: 0 0 0 3px;letter-spacing: 0;}


/* con1 */
.evSection.evCon1 {background: url(https://image.megagong.net/m/2024/0926_geek2991/con_img8.jpg) no-repeat center 0;text-align: left;padding: 150px;} 
.evCon1 .point{background: url(https://image.megagong.net/m/2024/0926_geek2991/con_img9.png) no-repeat 0 0;padding: 10px 0 0 25px;margin: -10px 0 65px -25px;line-height: 1.6;font-weight: normal;}

.eventWrap .evWarning, .eventWrap .evtoggleWarning{padding: 0 !important;}


/* con2 */
.evSection.evCon2 {position: relative;background: #1554be;background: #1554bc url(https://image.megagong.net/m/2024/0926_geek2991/con_img13.jpg) no-repeat center 80px;color: #fff;padding-top: 235px;overflow: visible;} 
.evCon2 .compare_wrap {gap: 100px;align-items: center;margin: 0 0 50px;} 
.evCon2 .compare_wrap li{position: relative;} 
.evCon2 .compare_wrap li+li::before{content: '';background: url(https://image.megagong.net/m/2024/0926_geek2991/con_img3.png) no-repeat center center;width: 80px;height: 90px;position: absolute;top: 50%;left: -90px;margin: -10px 0 0;} 
.evCon2 .point{}
.evCon2 .point b{}
.evCon2 .point u{text-underline-offset: 8px;}


/* con3 */
.evSection.evCon3 {} 
.evCon3 .eventVideo{margin-left: 40px;margin-right: 40px;}
.evCon3 .eventVideo.video_renewal .video_box{padding-bottom: 61.0%;}
.evCon3 .con3_point {position: relative;overflow: hidden;/* position: relative; *//* display: flex; *//* flex-direction: row; *//* align-items: center; *//* justify-content: center; *//* gap: 20px; */margin: 0 -3px 100px;} 
.evCon3 .con3_point .swiper_common { width: 100%; } 
.evCon3 .con3_point .swiper-wrapper {/* width: 100%; *//* gap: 0px; *//* justify-content: space-between; */} 
.evCon3 .con3_point .swiper-slide {/* width: 33.3%; */} 
.evCon3 .con3_point .box {}
.evCon3 .con3_point .box img{box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.1);} 
.evCon3 .con3_point .swiper-wrapper {/* gap: 10px; */}
.evCon3 .con3_point .swiper-slide {display: flex;flex: 1 1 auto;}	
.evCon3 .con3_point .swiper-pagination {/* position: relative; *//* display: flex; *//* justify-content: center; *//* gap: 10px; *//* top: auto; *//* bottom: auto; *//* margin-top: 30px; */} 
.evCon3 .con3_point .swiper-pagination-bullet { background: #dddddd; opacity: 1; width: 12px; height: 12px; margin: 0 !important; } 
.evCon3 .con3_point .swiper-pagination-bullet-active { background: #111111; } 
.evCon3 .con3_point .swiper-pagination {display: none;}
.evCon3 .character_wrap {margin:0 0 40px}


/* con4 */
.evSection.evCon4 {position: relative;background: #d0e2ff;padding-bottom: 200px;} 
.evCon4::before {content:'';background: #bad4ff;position: absolute;bottom: 0;left: 0;width: 100%;height: 520px;} 
.evCon4 .book_wrap {position: relative;margin: 0 0 50px;padding: 0 0 0 20px;} 
.evCon4 .book_wrap .book {position: relative;z-index: 1;} 
.evCon4 .book_wrap ul {position: absolute;bottom: 105px;left: -80px;width: 100%;display: flex;flex-direction: column;align-items: flex-start;gap: 40px;} 
.evCon4 .book_wrap ul li {} 
.evCon4 .book_wrap ul li:nth-child(2) {position: absolute;top: 30px;right: -250px;} 
.evCon4 .book_wrap ul li:nth-child(5) {padding: 0;} 
.evCon4 .book_wrap ul li:nth-child(4) {position: absolute;top: 215px;right: -250px;} 
.evCon4 .book_wrap ul li b{} 


/* con5 */
.evSection.evCon5 {position: relative;background: var(--point-color2);color: #fff;} 
.evCon5 .tiny_noti{position: absolute;top: 0;left: 50%;margin: 20px 0 0 170px;opacity: 0.8;}
.evCon5 .con5_point {display: flex;flex-wrap: wrap;/* gap: 30px 20px; */text-align: left;margin: 0 0 80px;} 
.evCon5 .con5_point .swiper-wrapper{} 
.evCon5 .con5_point .swiper-slide{} 
.evCon5 .con5_point .box {flex-basis: calc(50% - 10px);display: flex;flex-direction: column;align-items: stretch;border-radius: 15px;padding: 45px 10px 45px 220px;background:#fff;height: 510px;} 
.evCon5 .con5_point .box .tit { width: 100%; font-weight: bold; font-size: 24px; margin: 0 auto 15px; color:#000} 
.evCon5 .con5_point .box p {width: 100%;font-size: 16px;color: #6c6c6c;margin: 0 auto 20px;line-height: 1.6;} 
.evCon5 .con5_point .box p b { color: var(--point-color2); } 
.evCon5 .con5_point .writer{position: absolute;top: 50px;left: 80px;color: #777;display: flex;flex-direction: column;align-items: center;font-size: 12px;gap: 10px;}
.evCon5 .con5_point .writer .ico{}
.evCon5 .compare_wrap{padding: 40px 40px 0;margin: 0;}
.evCon5 .compare_wrap li{position: relative;}
.evCon5 .compare_wrap li a{position: absolute;bottom: 48px;left: 130px;width: 230px;height: 45px;background: #000;opacity: 0;font-size: 0;}
.evCon5 .point{padding: 80px 0 0;background: url(https://image.megagong.net/m/2024/0926_geek2991/con_img14.png) no-repeat center 0;}
.evCon5 .swiper-pagination-bullet{}
.evCon5 .swiper-pagination-bullet-active{background:#fff;width: 40px !important;border-radius:50px}


/* con6 */
.evSection.evCon6 {background: #10df71;} 
.evCon6 .con_tit .end{
    top: -100px;
    right: 75px;
}
.evCon6 .sold{position: absolute;top: 64px;right: 76px;}
.evCon6 .clamp-title{font-size: 50px;margin: 0 0 40px;}
.eventWrap .event_tag {position: relative;display: block;width: 36%;max-width: 180px;font-style: normal;font-weight: bold;font-size: 20px;padding: 15px 0;background: #000;margin: 0 auto 30px;z-index: 0;color: #fff;letter-spacing: 0;}
.eventWrap .event_tag::before {content: ''; position: absolute; width: 16px; height: 16px; left: 50%; bottom: 0; transform: translate(-50%, 50%) rotate(45deg); background: inherit; z-index: -1;}
.eventWrap .event_tag.ver_border {background: #fff; border: 4px solid #000;}
.eventWrap .event_tag.ver_border::before {width: 18px; height: 18px; border: 4px solid #000; box-sizing: border-box; bottom: -3px; left: 50%; transform: translate(-50%, 50%) rotate(45deg); border-top: none; border-left: none;}
.evCon6 .container_info{background: none;border:2px solid #000;margin: 0 80px 80px;}

.warningList .f_dash li.bold{font-weight: bold;}
.warningList .f_dash li a{font-size: inherit;}

.eventVideo.with_shadow::before{opacity: 0.5;}


@media screen and (max-width: 1200px) { 

.eventWrap img{width:100%}

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

.eventWrap .con_tit .end{/* right:0; *//* width:26%; */top: -90px;right: 0;}

.eventWrap .clamp-title{font-size: clamp(21px,4vmin,40px);}
.eventWrap .clamp-text34{font-size: clamp(15px,3.0vmin,28px);}
.eventWrap .clamp-text30{font-size: clamp(15px,3.0vmin,27px);}
.eventWrap .clamp-text28{font-size: clamp(14px,2.7vmin,23px);}
.eventWrap .clamp-text26{font-size: clamp(15px,3.1vmin,22px);}
.eventWrap .clamp-text24{font-size: clamp(15px,2.9vmin,24px);}
.eventWrap .clamp-text22{font-size:clamp(15px,2.7vmin,22px);}
.eventWrap .clamp-text20{font-size:clamp(15px,2.5vmin,20px);}
.eventWrap .clamp-text18{font-size:clamp(14px,2.3vmin,18px);}
.eventWrap .clamp-text16{font-size:clamp(14px,2.1vmin,16px);}
.eventWrap .clamp-text14{font-size:clamp(13px,1.9vmin,14px);}


/* banner */
.evCon2 .con_banner {
border-top: 1px solid #111;
} 
.evCon2 .con_banner.on { position: fixed; top: 0; left: 0; width: 100%; z-index: 3; } 
.evCon2 .con_banner ul {width: 100%;gap: 1px;} 
.evCon2 .con_banner ul.for_mo { display: none; } 
.evCon2 .con_banner ul li {width: calc(50% - 1px);} 
.evCon2 .con_banner ul li::before {}
.evCon2 .con_banner ul li a{padding: 0 4%;flex-direction: column;align-items: flex-start;justify-content: center;font-size: 2.0vw;height: auto;padding: clamp(10px,2vmin,15px) 2%;width: 100%;} 
.evCon2 .con_banner ul li.evt a{padding: 0 4%;flex-direction: column;align-items: flex-start;justify-content: center;height: auto;padding: clamp(13px,3.0vmin,20px) 2% clamp(13px,3.0vmin,20px) 2%;} 
.evCon2 .con_banner ul li.evt a strong{margin: 0;font-size: 1em;} 
.evCon2 .con_banner ul li a i {
right: 4%;
} 
    .evCon2 .con_banner ul li.evt a .book{
    left: 2%;
    width: 5%;
    bottom: 16%;
    display: none;
}
    .evCon2 .con_banner ul li.evt a i{
    margin: -25px 0 0 0;
    right: 2%;
}


/*ŸÀÌƲ*/
.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%;}
.eventWrap .tit_line {margin-bottom: 3%;} 
.eventWrap .tit_line span {font-size: clamp(17px,2.3vmin,22px);padding: 5px 20px;} 

.eventWrap a.btn{/* font-size: clamp(14px,2.3vmin,18px); *//* padding: 20px 0; *//* width: 100%; */}

.eventWrap .swiper-pagination{margin-top: 10px;}



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




/* con1 */
.evSection.evCon1 {text-align: left;background-size: cover;} 
.evCon1 .point{margin: 0 0 8%;}
.evCon1 h3{margin: 0 10% 0 0;}
.evCon1 h3 span{display: block;margin: 0 41% 0 0;}
.evCon1 h3 strong{}
.evCon1 .home {bottom: 0%;right: 8%;left: unset;margin: 0;width: 7vw;height: 7vw;}

.eventWrap .evWarning, .eventWrap .evtoggleWarning{padding: 0 !important;}


/* con2 */
.evSection.evCon2 {background-size: cover;padding-top: clamp(150px,20vmin,230px);} 
.evCon2 .compare_wrap {gap: 2%;margin: 0 0 5%;} 
.evCon2 .compare_wrap li{width: 40%;} 
.evCon2 .compare_wrap li+li{width: 58%;} 
.evCon2 .compare_wrap li+li::before{width: 5vw;height: 9vw;top: 50%;left: -7%;margin: -1.3vw 0 0;background-size: 100% 100%;} 

/* con3 */
.evSection.evCon3 {} 
.evCon3 .eventVideo{margin-left: 0;margin-right: 0;}
.evCon3 .eventVideo.video_renewal .video_box{padding-bottom: 61.0%;}
.evCon3 .con3_point {margin: 0 0 6%;} 
.evCon3 .con3_point .swiper_common { width: 100%; } 
.evCon3 .con3_point .swiper-wrapper {/* width: 100%; *//* gap: 0px; *//* justify-content: space-between; */} 
.evCon3 .con3_point .swiper-slide {width: 25%;} 
.evCon3 .con3_point .box {
width: 100%;
}
.evCon3 .con3_point .box img{box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.1);} 
.evCon3 .con3_point .swiper-wrapper {gap: 10px;}
.evCon3 .con3_point .swiper-slide {}		
.evCon3 .con3_point .swiper-slide i { width: 20px; height: 20px; background-image: url('https://image.megagong.net/m/2024/0529_jeonhangil/con3_icon_check.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon3 .con3_point .swiper-slide p { line-height: 1.4; color: #000000; font-size: 18px; font-weight: 400; } 
.evCon3 .character_wrap {margin: 0 0 20px;gap: 2%;}
.evCon3 .character_wrap li{flex: 1;}


/* con4 */
.evSection.evCon4 {} 
.evCon4::before {height: 40vw;} 
.evCon4 .book_wrap {padding: 0px 30% 0 32%;margin: 0 0 4%;} 
.evCon4 .book_wrap .book {} 
.evCon4 .book_wrap ul {left: 0;width: 100%;bottom: -16%;gap: 8%;height: 100%;} 
.evCon4 .book_wrap ul li {width: 43%;} 
.evCon4 .book_wrap ul li:nth-child(2) {right: -6%;width: 41%;padding: 0;top: inherit;bottom: 70%;} 
.evCon4 .book_wrap ul li:nth-child(5) {} 
.evCon4 .book_wrap ul li:nth-child(4) {right: -6%;padding: 0;width: 41%;top: unset;bottom: 41%;} 
.evCon4 .book_wrap ul li b{} 


/* con5 */
.evSection.evCon5 {position: relative;background: var(--point-color2);color: #fff;} 
.evCon5 .tiny_noti{left: unset;right: 0;margin: 10px 0 0 0;width: 100%;text-align: center;}
.evCon5 .con5_point {margin: 0 0 10%;background: #fff;border-radius: 10px;} 
.evCon5 .con5_point .box {padding: 20px 20px 20px 90px;height: auto;}
.evCon5 .con5_point .writer{
left: 15px;
top: 20px;
}
.evCon5 .con5_point .box .tit {font-size: clamp(14px,2.2vmin,18px);margin: 0 0 5px;} 
.evCon5 .con5_point .box p {font-size: clamp(12px,2vmin,15px);line-height: 1.3;margin: 0;} 
.evCon5 .con5_point .box p br{display:none} 
.evCon5 .con5_point .box p b {} 
.evCon5 .con5_point .box .ico {width: 50px;display: block;} 
.evCon5 .compare_wrap{padding: 5% 0 0;gap: 2%;}
.evCon5 .compare_wrap li{flex: 1;}
.evCon5 .compare_wrap li a{width: 49%;left: 25%;}
.evCon5 .swiper-pagination{
    padding: 0 0 10px;
}
.evCon5 .swiper-pagination-bullet{
    background: #cbcbcb;
}
.evCon5 .swiper-pagination-bullet-active{
    background: var(--point-color2);
}
    

/* con6 */
.evSection.evCon6 {background: #10df71;} 
.evCon6 .clamp-title{font-size: clamp(30px,5vmin,45px);}
.eventWrap .event_tag {
padding: 8px 0;
font-size: clamp(15px,3vmin,25px);
}
.eventWrap .event_tag::before {content: ''; position: absolute; width: 16px; height: 16px; left: 50%; bottom: 0; transform: translate(-50%, 50%) rotate(45deg); background: inherit; z-index: -1;}
.eventWrap .event_tag.ver_border {background: #fff; border: 4px solid #000;}
.eventWrap .event_tag.ver_border::before {width: 18px; height: 18px; border: 4px solid #000; box-sizing: border-box; bottom: -3px; left: 50%; transform: translate(-50%, 50%) rotate(45deg); border-top: none; border-left: none;}
.evCon6 .container_info{margin: 0 0 6%;}
.evCon6 .sold{
width: 29vw;
height: 29vw;
top: 0;
right: 0;
max-width: 200px;
}
}





@media screen and (max-width: 992px){



}





@media screen and (max-width: 768px) { 



.eventWrap .flex-column768{flex-direction: column;align-items: center;}


.evCon2 .compare_wrap {gap: 0;padding: 0 10%;} 
.evCon2 .compare_wrap li{width: 80%;} 
.evCon2 .compare_wrap li+li{width: 100%;padding: 10% 0 0;} 
.evCon2 .compare_wrap li+li::before{
top: 0;
transform: rotate(90deg);
left: 60%;
margin: 0 0 0 -14%;
} 
.evCon2 .con_banner ul li.evt a i{
margin: -23px 0 0;
text-align: left;
right: 0;
}

.evCon3 .con3_point {
gap: 0;
} 
.evCon3 .con3_point .swiper-wrapper {gap: 0;} 
.evCon3 .con3_point .swiper-slide {width: auto;/* float: none; */flex: 1 0 auto;} 
.evCon3 .con3_point .show-768 { display: flex !important; } 
.evCon3 .character_wrap {margin: 0 0 20px;gap: 2%;}
.evCon3 .character_wrap li{background: #2870e8;width: 100%;border-radius: 10px;margin: 0 0 1%;}
.evCon3 .character_wrap li img{width: clamp(320px,50vmin,400px);}

/* con4 */
.evSection.evCon4 {} 
.evCon4::before {height: 40vw;} 
.evCon4 .book_wrap {
padding: 0 0%;
} 
.evCon4 .book_wrap .book {width: clamp(210px,40vmin,350px);} 
.evCon4 .book_wrap ul {
position: relative;
bottom: unset;
left: unset;
height: auto;
gap: 1% 1%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
} 
.evCon4 .book_wrap ul li {width: 49% !important;padding: 0;background: #fff;border-radius: 10px;margin: 0 0 1%;overflow: hidden;} 
.evCon4 .book_wrap ul li:nth-child(2) {position: relative;right: unset;bottom: unset;} 
.evCon4 .book_wrap ul li:nth-child(5) {
width: 100% !important;
padding: 0 45% 0 0;
} 
.evCon4 .book_wrap ul li:nth-child(4) {
position: relative;
right: unset;
bottom: unset;
} 
.evCon4 .book_wrap ul li:nth-child(2) img{} 
.evCon4 .book_wrap ul li:nth-child(5) {width: 100% !important;padding: 0 51% 0 0;} 
.evCon4 .book_wrap ul li:nth-child(4) img,.evCon4 .book_wrap ul li:nth-child(2) img {margin: -2% 0 0 -14%;} 
.evCon4 .book_wrap ul li b{} 

.evCon5 .compare_wrap li{
margin: 0 0 2%;
}
}






@media screen and (max-width: 576px){


/* °øÅë */
.eventWrap .btn_n{gap: 15px;}
.eventWrap a.btn{/* width: 100%; *//* padding: 18px 0; */font-size: 14px;}
.evSection .swiper-pagination-bullet{width:8px !important;height: 8px !important;}
.eventWrap .tiny_noti.right{text-align:center}



    .evCon2 .con_banner ul li.evt a{padding-left: 2%;}
    .evCon2 .con_banner ul li.evt a .book{display:none}
.evCon2 .con_banner ul li.evt a i{
    padding: 4px 13px;
    right: 2%;
    line-height: 1.1;
    margin: -20px 0 0;
}
.evCon2 .con_banner ul li a{font-size: 3.3vw;line-height: 1.3;padding: clamp(8px,2vmin,15px) 2%;}
.evCon2 .con_banner ul li a p {line-height: 1.3;} 
.evCon2 .con_banner ul li a p span{font-size:12px}
.evCon2 .con_banner ul li a i {
} 




/* con1 */
.evSection.evCon1 {text-align: left;background-size: cover;padding: clamp(50px,15vmin,150px) 0 clamp(30px,10vmin,100px);} 
.evCon1 .point{margin: 0 0 10%;padding: 12px 0 0;font-size: clamp(13px,2.3vmin,16px);background-size: 30px;line-height: 1.3;}
.evCon1 h3{margin: 0 13% 0 0;}
.evCon1 h3 span{margin: 0 21% 0 0;}
.evCon1 h3 strong{}
.evCon1 .home {right: 12%;}

.eventWrap .evWarning, .eventWrap .evtoggleWarning{padding: 0 !important;}


/* con2 */
.evSection.evCon2 {
    padding-top: clamp(170px,23vmin,250px);
} 
.evCon2 .compare_wrap {padding: 0 2%;margin: 0 0 5%;} 
.evCon2 .compare_wrap li{} 
.evCon2 .compare_wrap li+li{width: 100%;} 
.evCon2 .compare_wrap li+li::before{} 

/* con3 */
.evSection.evCon3 {} 
.evCon3 .eventVideo{margin-left: 0;margin-right: 0;}
.evCon3 .eventVideo.video_renewal .video_box{padding-bottom: 61.0%;}
.evCon3 .con3_point {margin: 0 0 10%;} 
.evCon3 .character_wrap {}
.evCon3 .character_wrap li{margin: 0 0 1%;}
.evCon3 .con3_point .swiper-pagination{margin-top: 10px;}
.evCon3 .con3_point .swiper-slide p { font-size: 14px; } 


/* con4 */
.evSection.evCon4 {} 
.evCon4 .book_wrap {
    margin: 0px -2% 5%;
} 
.evCon4 .book_wrap .book {} 
.evCon4 .book_wrap ul {display: flex;flex-direction: row;align-items: stretch;flex-wrap: nowrap;overflow: scroll;margin: 0 0 0 2%;padding: 0 5% 0 0;} 
.evCon4 .book_wrap ul li {width: 300px !important;/* padding: 0 5%; */flex: none;} 
.evCon4 .book_wrap ul li img{/* margin: -2% 0 -2% 0 !important; */}
.evCon4 .book_wrap ul li:nth-child(2) {/* padding: 0 4%; */} 
.evCon4 .book_wrap ul li:nth-child(3){/* padding: 0 8%; */}
.evCon4 .book_wrap ul li:nth-child(5) {padding: 0;width: 300px !important;} 
.evCon4 .book_wrap ul li:nth-child(4) {/* padding: 0 10%; */} 
.evCon4 .book_wrap ul li b{} 


/* con5 */
.evSection.evCon5 {position: relative;background: var(--point-color2);color: #fff;} 
.evCon5 .tiny_noti{}
.evCon5 .con5_point {} 
.evCon5 .con5_point .box {padding: 15px 15px 5px;border-radius: 8px;}
.con5_point .box .tit {} 
.evCon5 .con5_point .box p {
} 
.evCon5 .con5_point .box p b {} 
.evCon5 .con5_point .writer{display: flex;flex-direction: row;align-items: center;position: relative;top: unset;left: unset;margin: 0 0 10px;line-height: 1.5;}
.evCon5 .con5_point .box .ico {width: 33px;} 
.evCon5 .compare_wrap{padding: 7% 0 0;margin: 0 5%;}
.evCon5 .compare_wrap li{margin: 0 0 3%;}
.evCon5 .compare_wrap li a{bottom: 8%;left: 21%;width: 57%;height: 10%;}
.evCon5 .swiper-pagination-bullet{}
.evCon5 .swiper-pagination-bullet-active{width: 30px !important;}
.evCon5 .point{
padding: 11% 0 0;
background-size: 190%;
}

/* con6 */
.evSection.evCon6 {background: #10df71;} 
.evCon6 .clamp-title{}
.eventWrap .event_tag {}
.eventWrap .event_tag::before {content: ''; position: absolute; width: 16px; height: 16px; left: 50%; bottom: 0; transform: translate(-50%, 50%) rotate(45deg); background: inherit; z-index: -1;}
.eventWrap .event_tag.ver_border {background: #fff; border: 4px solid #000;}
.eventWrap .event_tag.ver_border::before {width: 18px; height: 18px; border: 4px solid #000; box-sizing: border-box; bottom: -3px; left: 50%; transform: translate(-50%, 50%) rotate(45deg); border-top: none; border-left: none;}
.evCon6 .container_info{
margin: 0 0 7%;
padding: 10px 0;
border-width: 2px 0;
border-radius: 0;
}



}