@charset "euc-kr"; 

/* bg url:https://img.megagong.net/m/2023/ - as-is url */
/* bg url:https://image.megagong.net/m/2023/ - to-be url */


:root {--point-color1:#637dcc;--point-color2:#c8a468;--point-color3:#df8f38;--arrow:url('https://image.megagong.net/m/2024/0404_kimchanghun/con3_arrow.png');--arrow2:url('https://image.megagong.net/m/2024/0404_kimchanghun/event2_arrow.png');--pt-gradi-color:linear-gradient(90deg, #fff 0%, #7794ff 100%)}

.eventWrap {font-weight:500}


/* °øÅë */
br.mo_for {display:block} /* 768 on */
.eventWrap .evSection {padding: 150px 0;}
.eventWrap .evtoggleWarning {padding:0}
.warningList li ul li a {color:#0038fd; text-decoration:underline}
.lecture {padding-bottom:0 !important; background:#fff}
.fw_bold{font-weight: bold !important;}
/* ÀÌº¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end::after {background: #000;top:0;right:-50px} 

.clamp-title {font-size:46px}
.clamp-title2 {font-size:26px}
.clamp-text {font-size:24px}
.clamp-text2 {font-size:18px}
.clamp-text3 {font-size:20px}
.clamp-text22 {font-size:22px}

.eventWrap .btn {display:flex;gap:20px}
.eventWrap .btn_n {display:flex;gap:20px}
.eventWrap a.btn {font-size: 22px;display:block;margin:0 auto;padding:26px 0px;width:530px;border-radius:3px;font-weight:bold;background:#fff;color:#000}
.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)}
.eventWrap a.btn span::before {display:none}
.eventWrap a.btn span {padding:0}
.eventWrap a.btn.point {background:var(--point-color3);color:#fff}

/* Å¸ÀÌÆ² */
.evSection .con_tit {margin: 0 -30px 60px;line-height:1.2}
.evSection .con_tit .tiny {display:block;padding: 10px 0 0;}
.evSection .con_tit .tiny.top {padding: 0 0 10px;}
.evSection .bigt {display:block;font-weight:bold;line-height:1.2}
.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: 0 0 40px;padding:22px 0 0;font-weight:bold}
.eventWrap .tit_point strong {font-weight:900}
.eventWrap .tit_line {position:relative;margin-bottom:40px;line-height: 1;display: flex;align-items: center;justify-content: center}
.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 43px;border-radius:30px;line-height: 1}


.eventWrap .bottom_fix {display: block;}
.eventWrap .bottom_fix {background-color:var(--point-color3);position:absolute;bottom:0;left:0;width:100%;z-index:3;display:flex;flex-direction:row;justify-content: center;align-items:flex-start;padding:0;color:#fff;border-bottom: 1px solid #e9b174;flex-wrap: wrap;z-index: 7;}
.eventWrap .bottom_fix.fixed {position:fixed;bottom:unset;top:0;left:0;width:100%}
.eventWrap .bottom_fix a {position:relative;display:flex;line-height:1.3;font-size: 16px;height: 80px;/* flex:1; */flex-direction:column;align-items:center;justify-content:center;font-weight: 500;width: 540px;}
.eventWrap .bottom_fix a+a:before {content:'';position: absolute;top: 50%;left: 0;width: 1px;height: 50%;background: #fff;opacity: 0.3;margin: -17px 0 0 0;}
.eventWrap .bottom_fix a i {position: absolute;top: 0;left: 50%;margin: 10px 0 0 -138px;background: #000;color: #e45c6c;font-size: 12px;font-style: normal;font-weight: bold;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;border-radius: 100%;}
.eventWrap .bottom_fix a span {background:var(--float-color2);padding:4px 15px;border-radius:30px;display:block;font-size:13px;line-height:1;font-weight:bold;margin:0 0 6px}
.eventWrap .bottom_fix a strong b {display:block;color:#fff;font-size:13px;font-weight:200;padding:3px 0 0}

.evSection .con_box{padding:0 40px}

/* con1 */
.evSection.evCon1 {padding: 250px 0 345px;background:#332101 url(https://image.megagong.net/m/2024/0710_seven/con_img3.jpg) no-repeat center 0;color:#fff;position: relative}
.evCon1 h3 {position: relative;margin: 0 -80px}

.evSection.evCon1 {padding: 120px 0; background:#332101 url(https://image.megagong.net/m/2024/0710_seven/con_img3_ver0911.jpg) no-repeat center 0;}
.evCon1 h3 {margin: 40px 0 0;}
.eventWrap .bottom_fix {z-index: 2;}
.eventWrap .bottom_fix .bf_inner {display:flex; align-items: center; justify-content: center;}
.eventWrap .bottom_fix a {display: flex; align-items: center; flex-direction: row; justify-content: center; width: 50%; gap: 10px; position: relative;}
.eventWrap .bottom_fix a i{width: 98px; height: 25px; border-radius: 30px; position: initial; margin: 0;}
.eventWrap .bottom_fix a .end_icon{position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.eventWrap .bottom_fix a em{font-style: normal;}

/* con2 */
.evSection.evCon2 {background: #f1eadf}
.evCon2 .bigt{color:var(--point-color3)}
.evCon2 .tit_point{padding: 0;margin: -30px 0 30px;font-weight: normal;}
.evCon2 .tit_point strong{font-weight: bold;}
.evCon2 .circle_point {display:flex;justify-content: center;gap: 20px;margin: 0 0 30px;}
.evCon2 .circle_point li i {content:'';position:absolute;top:380px;left:-44px} 
.evCon2 .nextpoint_swiper{margin: -15px -100px 50px;}
.evCon2 .nextpoint_swiper{}
.evCon2 .nextpoint_swiper .swiper-wrapper{align-items:stretch;justify-content: center;gap: 13px;flex-direction: row;flex-wrap: wrap;}
.evCon2 .nextpoint_swiper .swiper-slide{width: auto;width: 290px;margin: 0 0 10px 0;}
.evCon2 .nextpoint_swiper .swiper-slide[aria-label="1 / 7"]{
    margin-left: 100px;
}
.evCon2 .nextpoint_swiper .swiper-slide[aria-label="3 / 7"]{
    margin-right: 100px;
}
.evCon2 .nextpoint_swiper .item{/* width:290px; */background: #F8F8F8;border-radius: 14px;overflow: hidden;}
.evCon2 .nextpoint_swiper .item.full{flex: none;width: 100%}
.evCon2 .nextpoint_swiper .item .tit{padding: 25px 0;background: var(--point-color1);color: #fff}
.evCon2 .nextpoint_swiper .item .info{padding: 0;line-height: 1.6;font-weight: normal;height: 140px;display: flex;justify-content: center;align-items: center;}
.evCon2 .nextpoint_swiper .item .info span{background: #000;color: #fff;padding: 7px 22px 8px;border-radius: 40px;line-height: 1;display: inline-flex;justify-content: center;align-items: center;font-weight: bold;margin: 0 13px 0 0}
.evCon2 .nextpoint_swiper .item.pass {background: none;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center;padding: 0 0 0 0;gap: 30px} 
.evCon2 .tit_line span{background: #f1eadf;}



/* con3 */
.evSection.evCon3 {background: #f5f5f5}
.evCon3 .bigt b {color:var(--point-color1)} 
.evCon3 .tit_line{font-weight:bold;margin:0 0 40px}
.evCon3 .tit_line span{background: #f5f5f5;padding: 0 20px;}
.evCon3 .con3Slider_wrap {position: relative;margin: 0 0 40px;}
.evCon3 .con3_slider {position: relative;overflow: hidden;border-radius: 20px;margin: 0 -10px;}
.evCon3 .con3_slider .swiper-slide {padding: 5px;width:320px;margin: 0;}
.evCon3 .con3_slider .swiper-slide .item {background:#fff;border-radius: 15px;padding: 45px 0 0 30px;height: 380px;font-size: 15px;font-weight: normal;line-height: 1.6;background:#fff url(https://image.megagong.net/m/2024/0710_seven/con_img6_1.png) no-repeat 100% 100%;box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.3);}
.evCon3 .con3_slider .swiper-slide-active .item {background:var(--point-color1) url(https://image.megagong.net/m/2024/0710_seven/con_img6_2.png) no-repeat 100% 100%;color:#fff}
.evCon3 .con3_slider .swiper-pagination {display: none;}
.evCon3 .con3_slider .swiper-button-prev {width: 58px;left: 40px;}
.evCon3 .con3_slider .swiper-button-next {width: 58px;right: 40px;}
.evCon3 .con3_slider .swiper-button-prev:after {display: none;}
.evCon3 .con3_slider .swiper-button-next:after{display: none;}
.evCon3 .con3_slider .item {padding: 50px 0 0 30px;text-align: left;}
.evCon3 .con3_slider p{margin: 0 0 10px;line-height: 1.4;font-weight: bold;}
.evCon3 .con3_slider p strong{background:var(--point-color3);color:#fff;font-weight:500;font-size: 1.1em;line-height: 1;padding: 10px 41px 14px;border-radius: 40px;margin: 0 0 15px;}
.evCon3 .con3_slider .info{height:135px;background:#333;color:#fff;font;font-size: 1em;padding: 0;display: flex;justify-content: center;margin: 0;align-items: center;}
.evCon3 .con3slider_prev{position: absolute;top: 105px;left: -140px;}
.evCon3 .con3slider_next{position: absolute;top: 105px;right: -140px;}
.evCon3 .point_wrap{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: stretch;gap: 30px 20px;margin: 0 0 100px;}
.evCon3 .point_wrap li{display: flex;font-size: 16px;align-items: center;padding: 40px 0;justify-content: center;flex-direction: column;width: calc(50% - 10px);background: #fff;border: 1px solid #ddd;border-radius: 3px;}
.evCon3 .point_wrap li:nth-child(3){width:100%}
.evCon3 .point_wrap li span{background: var(--point-color1);color:#fff;font-size: 0.9em;padding: 5px 12px;letter-spacing: 0;font-weight: 500;border-radius: 30px;line-height: 1;margin: 0 0 15px;}
.evCon3 .point_wrap li strong{margin: 0 0 15px;}
.evCon3 a.btn,.evCon2 a.btn{background:#000;color:#fff}


/* con4 */
.evCon4 .bigt b {color:var(--point-color3)}
.evCon4 .tit_point {background:var(--point-color2);color:#fff;padding: 7px 40px;display: inline-flex;justify-content: center;align-items: center;border-radius: 40px;font-weight: 500;}
.evCon4 .tit_point.point2 {background: none;color: #000;padding: 0;border-radius: 0;font-weight: 500;margin: 0 0 20px;padding: 35px 0 0;/* font-size: 22px; */}
.evCon4_slider1 {position: relative;overflow: hidden;display: none;}
.evCon4_slider1.swiper-initialized{display: block;}
.evCon4_slider1 .swiper-wrapper {gap: 10px;}
.evCon4_slider1 .swiper-pagination {display: none;}
.evCon4_slider1 .swiper-slide {display: flex; flex: 1 1 auto; flex:1;border: 1px solid #e6e6e6;border-radius: 13px;padding: 35px 0 0;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;height: 185px;}		
.evCon4_slider1 .swiper-scrollbar {display: none;}
.evCon4_slider1 .swiper-slide .tit {display: flex;flex-direction: column;align-items: center;margin: 0 0 15px;color: var(--point-color3);line-height: 1;}		
.evCon4_slider1 .swiper-slide ul {display: inline-flex;flex-direction: column;align-items: flex-start;}
.evCon4_slider1 .swiper-slide li {position: relative;text-align: left;font-weight: normal;padding: 0 0 0 10px;}		
.evCon4_slider1 .swiper-slide li::before{content:'';position: absolute;top: 11px;left: 0;width: 3px;height: 3px;background: #000;border-radius: 100%;}
.evCon4 .tit_line{font-weight:bold;margin:0 0 40px}
.evCon4 .tit_line span{background: #fff;padding: 0 20px;}
.evCon4 .lecTab_wrap, .evCon4 .teaTab_wrap, .evCon4 .stepTab_wrap{border: 1px solid #000;border-width: 1px 0;font-family:var(--font-warning)}
.evCon4 .lecTab_wrap > div, .evCon4 .teaTab_wrap > div, .evCon4 .stepTab_wrap > div{padding: 0 !important;text-align: left;}
.evCon4 .lecTab_wrap > div + div{border-top: 1px solid #e7e7e7;}
.evCon4 .lecTab_wrap > div .tit, .evCon4 .teaTab_wrap > div .tit, .evCon4 .stepTab_wrap > div .tit{font-size: 15px;}
.evCon4 .subTab li:after{display:none}
.evCon4 .lecTab_wrap > div ul li.on button, 
.evCon4 .teaTab_wrap > div ul li.on button, 
.evCon4 .stepTab_wrap > div ul li.on button{background:#4dd0c4}
.evCon4 #tec_curr {margin-top: 30px;min-height: 562px;background-color: #333;} 


/* event */
.evCon_event .gift{position: absolute;top: 30px;right: 0;}
.evCon_event .container_info_wrap{margin: 0 0 50px;color: #fff;padding: 35px 0;display: block;}
.evCon_event .container_info_wrap::before{content:'';width: 3000px;height: 100%;position: absolute;top: 0;left: 50%;margin: 0 0 0 -1500px;background: #c06f16;}
.evCon7 .container_info_wrap::before{content:'';width: 3000px;height: 100%;position: absolute;top: 0;left: 50%;margin: 0 0 0 -1500px;background: #ffc6c9;}
.evCon_event .container_info.ver_column{flex-basis: 39%;gap: 20px;color: #fff;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;gap: 13px 0;padding: 0 50px 0 70px;}
.evCon_event .container_info.ver_column .info{width: 50%;}
.evCon_event .container_info.ver_column .info .info_title{padding: 0 0 0 20px;width: 110px;}
.evCon_event .button_wrap{margin:0 0 90px}
.evCon_event .container_info .info .noti{color: #f00;opacity: 1;}

.evSection.evCon5 {background: var(--point-color3)} 
.evCon5 .con_tit{margin: 0 0 0;}
.evCon5 .bigt{color:#fff}
.evCon5 .con_tit .tiny{font-weight: normal;}
.evCon5 .tit_point{color:#ffd797;font-weight: normal;}
.evCon5 .tit_point + .tiny_noti{margin: -20px 0 20px;color:#fff;opacity: 0.7;}
.evCon_event .tit_line2 {position: relative;margin: 0 0 10px}
.evCon_event .tit_line2::before {content: '';display: block;width: 100%;height: 2px;background: #000;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.evCon_event .tit_line2 span {position: relative;padding: 0 25px;background: #212629;font-size: 26px;font-weight: 900}
.evCon_event .tit_line2 span:before {content: '';display: block;width: 2px;height: 50%;background: #000;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.evCon_event .tit_line2 span:after {content: '';display: block;width: 2px;height: 50%;background: #000;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.evCon5 .tab_base{display:flex;flex-direction: row;flex-wrap: wrap;align-items: flex-end;}
.evCon5 .tab_base li{width: 50%;}
.evCon5 .tab_base li a{position: relative;color:var(--point-color3);background: #c06f16;display: flex;height: 110px;flex-direction: column;align-items: center;justify-content: center;font-weight: normal;line-height: 1;}
.evCon5 .tab_base li.on a{color: #ffd797;background: #000;}
.evCon5 .tab_base li a strong{font-size: 1.3em;padding: 7px 0 0;}
.evCon5 .tab_base li.on a strong{color: #fff;}
.evCon5 .tab_base li a i{background: var(--point-color3);color: #c06f16;font-style: normal;font-size: 13px;line-height: 1.2;width: 60px;height: 60px;display: flex;border-radius: 100%;justify-content: center;align-items: center;position: absolute;top: 25px;right: 60px;}
.evCon5 .tab_base li.on a i{background: #e45c6c;color: #fff;}
.evCon5 .lecTab_wrap, .evCon5 .teaTab_wrap, .evCon5 .stepTab_wrap{text-align: left;}

.evCon5 .tab_base{gap: 1px; flex-wrap: nowrap; margin: 60px 0 40px;}
.evCon5 .tab_base li{width: 33.33333%;}

.evCon6{background: #4567e0;}
.evCon6 .bigt{color: #fff; margin: 30px 0;}
.evCon6 .tiny{color: #ffd797;}
.evCon_event.evCon6 .container_info.ver_column{justify-content: center;}
.evCon_event.evCon6 .container_info.ver_column .info{padding: 17px 0; min-width: 720px; background: #fff; border-radius: 30px; justify-content: center; width: auto; margin: 40px 0 0;}
.evCon_event.evCon6 .container_info.ver_column .info > *{color: #000;}
.evCon_event.evCon6 .container_info.ver_column .info .info_title{width: auto; padding:  0 20px;}
.evCon_event.evCon6 .container_info.ver_column .info .info_title::before{background-color: #000;}
.evCon_event.evCon6 .container_info.ver_column .info .info_title::after{background-color: #000;}
.evCon6 .con_tit .end::after{right: 0;}
.eventWrap .tit_line::before{}
.evCon6 .tit_line span{background: #4567e0; padding: 0 20px; color: #fff; font-weight: 700;}
.eventWrap .evCon6  .tit_line::before{background-color: #fff;}
.evCon6 .coupon_box{display: flex; align-items: center; justify-content: center; gap: 30px 50px; flex-wrap: wrap;}
.evCon6 .btn_n{margin: 60px 0 0;}
.evCon6 .btn_n a{color: #fff;}
.evCon6 .btn_n a.black{background: #000;}
.evCon6 .btn_n a.orange{background: var(--point-color3);}
.evCon6 .btn_n a.gray{background: #999999;}

.eventWrap .evSection.evCon7{background: #000;padding: 0;}
.evCon7 img{max-width: 1422px;margin: 0px 0 0 -171px;}

.warningList li ul li a {color:var(--point-color3);font-weight:bold;text-decoration:none}
.warningList li.intab {margin-left:10px}

#popupApply .checkWrap ul {display:flex;flex-wrap:wrap;border:1px solid #000;border-width:1px 0} 
#popupApply .checkWrap ul li {width:50%;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;height:50px;text-align:left;border-top:1px solid #ccc} 
#popupApply .checkWrap ul li:nth-child(1) {border-top:0} 
#popupApply .checkWrap ul li.full {width:100%}
#popupApply .checkWrap ul li:nth-child(8) {border-top:1px solid #ccc;width:100} 
#popupApply .checkWrap ul li .date {background:#f5f5f5;display:flex;justify-content:center;align-items:center;font-weight:bold;width:120px;border-right:1px solid #ccc;margin:0 10px 0 0} 
#popupApply .checkWrap ul li input {margin:0 10px 0 0} 
#popupApply .checkWrap ul li label {font-size:13px;font-weight:700;vertical-align:middle;display:flex;align-items:center} 
.mg_info_wrap .info_list li a {color:#000; text-decoration:none; border-bottom:1px solid}
#popupApply .mg_btn_wrap .complete {background:#444444}
#popupApply .checkWrap + .mg_tb_wrap {margin-top:10px !important} 
#popupApply .mg_tb_form {text-align:center} 
#popupApply .mg_tb_form td + td {border-left:1px solid #ccc} 
#popupApply .mg_tb_form input {background:#fff;border:0;text-align:center;padding:0} 
#popupApply .mg_info_wrap .info_list {border:0;padding:0} 
#popupApply .mg_info_wrap .info_list li:nth-child(1) {font-weight:bold} 
#popupApply .mg_info_wrap .info_list li a {color:#e45c6c;display:inline-block} 
#popupApply .mg_info_wrap {margin-top:0 !important} 

.mg_s_info li {padding-left:0}
.mg_s_info li:before {display:none}
.mg_textarea {height:70px}
.mg_s_info {margin:10px 0 0}
.mg_s_info li {font-size:12px}
.mg_terms {font-size:12px;padding:10px}

.evCon4 .video_wrap {position: relative;background: #252525;width: 100%;height: 562px;overflow: hidden;cursor: pointer;margin: 0 0 60px;}
.evCon4 .video_box {padding-bottom: 35.295%;padding: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: none;z-index: 1;}
.evCon4 .video_box.nonevd {padding-bottom: 0;}
.evCon4 .video_box.none {padding: 0}
.evCon4 .video_wrap .tea_tit {position: absolute;top: 0;left: 0;margin: 75px 0 0 80px;text-align: left;line-height: 1.4;font-weight: normal;z-index: 1;padding: 0;color: #fff;}
.evCon4 .video_wrap .tea_tit.long {letter-spacing: -1px;}
.evCon4 .video_wrap::before {content:'';display: block;font-size: 0;width: 110px;height: 110px;background: url(https://img.megagong.net/m/2024/0710_seven/con_img8.png) no-repeat 0 0;vertical-align: middle;margin: 0 0 0 10px;position: absolute;bottom: 80px;left: 70px;margin: 0;}
.eventVideo .tea_tit::before{display:none}
.evCon4 .video_wrap .tea_tit i {display: inline-block;position: absolute;top: -35px;left: 0;width: 174px;height: 30px;background: var(--point-color1);color: #fff;font-size: 16px;text-align: center;line-height: 30px;font-style: normal;}
.evCon4 .video_wrap .tea_tit > span {display: block;font-weight: bold;}
.evCon4 .video_wrap .tea_tit > span.name {font-weight: normal;color:#c9b088;margin: 0 0 5px;}
.evCon4 .video_wrap .tea_tit > strong {display: block;color:#fff;font-size: 1.6em;padding: 10px 0 0;}

.evCon4 .video_renewal .video_wrap .tea_img, .evCon4 .video_renewal .video_box .play_area > img {z-index: 1;position: absolute;bottom: 0;right: 0;height: 100%;width: 462px;display: flex;align-items: flex-end;top: unset;}
.evCon4 .gtelp .video_box .play_area > img {width: 314px;top: 43px;}
.evCon4 .lecTab_wrap ul button.on, .evCon4 .stepTab_wrap ul button.on{background: #4dd0c4;color:#fff}
.evCon4 .lecTab_wrap .TecTab ul button.on{background: #699dd7;color:#fff}


/* ÆË¾÷ */
.series_pop {font-family: var(--font); font-size: 16px;}
.series_pop .table_wrap{max-height: 500px; overflow-y: auto;}


@media screen and (max-width:1200px){



    .eventWrap .evSection {padding:clamp(70px,20vmin,150px) 0}
    .eventWrap .evtoggleWarning {padding:0}
    .eventWrap img {width:100%}
    .evCon1 img,.evCon6 img {width:auto}
    .eventWrap .swiper-pagination-bullet{width: 8px;height: 8px;opacity: 0.5;}
    .eventWrap .swiper-pagination-bullet-active{opacity:1}

    .clamp-title {font-size: clamp(18px,4vmin,34px);}
    .clamp-title2 {font-size: clamp(14px,2.5vmin,20px);}
    .clamp-text {font-size:clamp(14px,2vmin,20px)}
    .clamp-text2 {font-size:clamp(13px,2vmin,18px)}
    .clamp-text3 {font-size: clamp(13px,1.8vmin,18px);}
    .clamp-text22 {font-size: clamp(14px,1.7vmin,18px);}

    .eventWrap a.btn {font-size:clamp(14px,3vmin,18px);padding:20px 0;width:50%}
    .eventWrap .only a.btn {width:100%}

    /*Å¸ÀÌÆ²*/
    .eventWrap sup {vertical-align:top}
    .evSection .bigt sup {font-size:27px}
    .evSection .con_tit {margin:0 0 5%}
    .evSection .con_tit .evt img{width:clamp(100px,20vmin,180px)}
    .evSection .bigt.wht {color:#fff}
    .eventWrap .tit_point {margin:0 0 6%;font-size: clamp(14px,2.5vmin,20px);}
    .eventWrap .tit_line {margin-bottom: 4%}
    .eventWrap .tit_line span {padding: 0 5px;line-height: 1.2}
    .con_tit .end::after {right:0}


    .eventWrap .bottom_fix a{width: 50%;height: 100px;}
    .eventWrap .bottom_fix a i{width: auto;height: auto;border-radius: 9px;padding: 2px 10px 4px;line-height: 1;margin: 9px 0 0 -28px;}

    .evSection .con_box{padding:0}

    /* con1 */
    .evSection.evCon1 {padding: clamp(70px,20vmin,150px) 5% clamp(100px,25vmin,250px);background-size:cover}
    .evCon1 h3 {margin: 0}
    .evCon1 .point {margin: 0 20%}

    .evSection.evCon1{padding: clamp(70px,20vmin,150px) 0 clamp(100px,20vmin,150px);}

    /* con2 */
    .evCon2 .tit_point{margin: 0 0% 5%;}
    .evSection.evCon2 .circle_point {gap:1%}
    .evSection.evCon2 .circle_point li {flex:1;position:relative} 
    .evSection.evCon2 .circle_point li i {top:unset;bottom:47%;left:-10%;width:17%} 
.evCon2 .nextpoint_swiper{
    overflow: initial;
    margin: 0 0 20px;
}
.evCon2 .nextpoint_swiper .swiper-wrapper{
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.evCon2 .nextpoint_swiper .swiper-slide{}
.evCon2 .nextpoint_swiper .swiper-slide[aria-label="1 / 7"]{
    margin-left: 0;
}
.evCon2 .nextpoint_swiper .swiper-slide[aria-label="3 / 7"]{
    margin-right: 10px;
}
.evCon2 .nextpoint_swiper .item{}
.evCon2 .nextpoint_swiper .item.full{flex: none;width: 100%}
.evCon2 .nextpoint_swiper .item .tit{padding: 10px 0;}
.evCon2 .nextpoint_swiper .item .info{line-height: 1.3;height: 100px;}
.evCon2 .nextpoint_swiper .item .info span{background: #000;color: #fff;padding: 7px 22px 8px;border-radius: 40px;line-height: 1;display: inline-flex;justify-content: center;align-items: center;font-weight: bold;margin: 0 13px 0 0}
.evCon2 .nextpoint_swiper .item.pass {background: none;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center;padding: 0 0 0 0;gap: 30px} 
.evCon2 .tit_line span{background: #f1eadf;}

.evCon2 .nextpoint_swiper .swiper-wrapper {gap: 0;}
.evCon2 .nextpoint_swiper .swiper-slide {width: 210px;flex:none;margin-right: 10px;}
.evCon2 .nextpoint_swiper .swiper-slide:last-child {margin-right: 0;}
.evCon2 .nextpoint_swiper .swiper-scrollbar {display: block;position: relative; margin-top: 15px;left: auto;top: auto;height: 8px;width: 100%;z-index: 1;} 		
.evCon2 .nextpoint_swiper .swiper-scrollbar .swiper-scrollbar-drag {background: var(--point-color1);} 	
    
    /* con1 */
    .evCon3 .con3Slider_wrap {margin: 0 0 5%;}
    .evCon3 .con3_slider {position: relative;overflow: hidden;border-radius: 20px;margin: 0 -10px;}
    .evCon3 .con3_slider .swiper-slide {padding: 0 10px;height: auto;}
    .evCon3 .con3_slider .swiper-slide .item {padding: 4vw 2vw;font-size: clamp(12px,1.8vmin,15px);text-align: center;height: 100%;line-height: 1.3;font-weight: normal;}
    .evCon3 .con3_slider .swiper-slide-active .item{background-size: 50px;}
    .evCon3 .con3_slider .swiper-pagination {display: block;margin: 3px 0 0;}
    .evCon3 .con3_slider .swiper-button-prev {display:none}
    .evCon3 .con3_slider .swiper-button-next {display:none}
    .evCon3 .con3_slider .item {padding: 50px 0 0 30px;text-align: left;}
    .evCon3 .con3_slider p strong{background:var(--point-color3);color:#fff;font-weight:500;font-size: 1.1em;line-height: 1;padding: 10px 41px 14px;border-radius: 40px;margin: 0 0 15px;}
    .evCon3 .con3_slider .info{height:135px;background:#333;color:#fff;font;font-size: 1em;padding: 0;display: flex;justify-content: center;margin: 0;align-items: center;}
    .evCon3 .con3slider_prev{position: absolute;top: 105px;left: -140px;}
    .evCon3 .con3slider_next{position: absolute;top: 105px;right: -140px;}
    .evCon3 .point_wrap{margin: 0 0 10%;gap: 4px;}
    .evCon3 .point_wrap li{font-size: clamp(13px,2vmin,15px);padding: clamp(15px,2vmin,20px);width: 100%;}
    .evCon3 .point_wrap li:nth-child(3){width:100%}
    .evCon3 .point_wrap li br:nth-child(2n-1){display:none}
    .evCon3 .point_wrap li span{margin: 0 0 5px;}
    .evCon3 .point_wrap li strong{margin: 0 0 7px;}
    .evCon3 .point_wrap li strong br{display:none}
    .evCon3 a.btn,.evCon2 a.btn{background:#000;color:#fff}


    /* con4 */
    .evCon4 .lecTab_wrap > div .tit, .evCon4 .teaTab_wrap > div .tit, .evCon4 .stepTab_wrap > div .tit{font-size: clamp(13px,2vmin,15px);}
    .evCon4_slider1 .swiper-slide{height: auto;padding: 20px 0 30px;}
    .evCon4_slider1 .swiper-slide .tit {font-size: 1.2em;}		
    .evCon4_slider1 .swiper-slide .tit span {font-size: 0.85em;margin: 0 0 6px;}		
    .evCon5 .lecTab_wrap > div ul img, .evCon5 .teaTab_wrap > div ul img, .evCon5 .stepTab_wrap > div ul img{width: auto;}
    .evCon5 .tit_point + .tiny_noti{margin: 0 0 10px;}


    /* event */
    .evCon_event .gift{position: relative;top: unset;right: unset;width: 100%;padding: 0 16%;}
    .evCon_event .container_info_wrap{padding: 4% 0 4% 0;margin: 0 0 8%;}
    .evCon_event .container_info.ver_column{padding: 0;}
    .evCon_event .container_info.ver_column .info .info_title{width: 85px;padding: 0 0 0 10px;margin: 0 10px 0 0;}
    .evCon_event .button_wrap{margin: 0 0 8%;}
    .evCon_event .container_info .info .noti{color: #f00;opacity: 1;}

    .evCon5 .tit_point{padding:0}
    .evCon5 .tab_base li a{height: clamp(75px,12vmin,100px);}
    .evCon5 .tab_base li a strong{font-size: 1.2em;}
    .evCon5 .tab_base li a i{right: 3%;top: 19%;height: auto;width: auto;font-size: clamp(12px,1.8vmin,15px);bottom: 0100%;top: unset;left: 15%;width: 70%;border-radius: 10px;padding: 1% 0;margin: 0 0 -5%;}
    .evCon5 .tab_base li a i br{display:none}
    .evCon4 .video_wrap{height: auto;}
    .evCon4 .video_wrap::before{left: 5%;}
    .evCon4 .video_renewal .video_wrap .tea_img, .evCon4 .video_renewal .video_box .play_area > img{width: 40%;height: auto;}
    .evCon4 .video_wrap .tea_tit{margin: 4% 0 0 5%;font-size: clamp(13px,2vmin,17px);}
    .evCon4 .video_wrap .tea_tit > strong{font-size: 1.3em;}

    .evCon6 .coupon_box{gap: 20px;}
    .evCon6 .coupon_box img{width: 70%;}


    .evCon7 img{max-width: 160%;margin: 0 0 0 -30%;width: 160%;}
}





@media screen and (max-width:992px){


    .evCon4_slider1 .swiper-wrapper {gap: 0;}
    .evCon4_slider1 .swiper-slide {flex: 1 0 100%;}
    .evCon4_slider1 .swiper-pagination {display: block;bottom: -5vw;position: absolute;bottom: 4px;left: 0;line-height: 1;}

    .evCon_event.evCon6 .container_info.ver_column .info{padding: 12px 40px; min-width: auto;}

}





@media screen and (max-width:768px){


    /* °øÅë */
    br.mo_for {display:none}

    .eventWrap .btn {gap:10px}

    .eventWrap .bottom_fix .event{padding: 10px 0;}
    .eventWrap .bottom_fix a{flex-direction: column; gap: 5px;}
    .eventWrap .bottom_fix a i{font-size: 10px; width:auto; padding: 3px 8px;}
    .evCon1 h3{margin: 25px 0 0;}

    .evCon3 .table_wrap table thead th {font-size:inherit;padding:10px 0} 
    .evCon3 .table_wrap table tbody td {padding:10px 0;border:1px solid #dddddd} 

    [class*=mg_popup_wrap] .content_area .content_inner {padding:20px 15px}
    [class*=mg_popup_wrap] .b_tit, .super_popup_wrap .b_tit {font-size:18px}
    #popupApply .checkWrap ul li label {font-size:12px}
    [class*=mg_popup_wrap] .mg_popup_close {width:25px;height:25px;background-position:center;right:20px;top:-35px}

    .evCon4_slider1 {position: relative;overflow: hidden;}
    .evCon4_slider1 .swiper-scrollbar {display: block;position: relative;margin-top: 15px;left: auto;top: auto;height: 3px;width: 100%;z-index: 1}		
    .evCon4_slider1 .swiper-scrollbar .swiper-scrollbar-drag {background: var(--point-color1)}	
    .evCon4 .video_wrap::before{width: 12vw;height: 12vw;background-size: 100%;margin: 0vw 0 0 0vw;}
    .evCon4 #tec_curr {margin-top: 20px;min-height: 300px;} 

    .evCon6 .bigt{margin: 20px 0;}
    .evCon_event.evCon6 .container_info.ver_column .info{margin: 25px 0 0;}

    .evCon6 .btn_n{margin: 40px 0 0; gap: 10px;}
    .evCon6 .btn_n a.btn{padding: 15px 0;}

    /* ÆË¾÷ */
    .series_pop {font-size: 13px;}
    .series_pop .b_tit {font-size: clamp(18px, 3.2vmin, 30px);}
    .series_pop .tbl tr th,
    .series_pop .tbl tr td {padding: 5px 2px;}
}






@media screen and (max-width:576px){



    /* °øÅë */
    .evSection .con_tit .tiny {/* font-size:1em; */padding:5px 0 0}
    .evSection .con_tit .tiny.top {padding:0 0 5px}

    .eventWrap .bottom_fix a {font-size:13px;height: 65px;}
    .eventWrap .bottom_fix .event{padding: 17px 0 0;}

    .eventWrap .btn {gap:5px}
    .eventWrap a.btn {width:100%}

    .eventWrap .bottom_fix a .end_icon{width: 45px;}

    .evSection.evCon2 .point {margin:0 auto 10%;width:clamp(300px,55vmin,450px)} 
    .evSection.evCon2 .step {gap:1%;overflow-x:scroll;padding:0 0 10px;overflow-y:visible} 
    .evSection.evCon2 .step::scrollbar-thumb {background:#fff}
    .evSection.evCon2 .step::scrollbar-thumb:hover {background:#fff}
    .evSection.evCon2 .step::-webkit-scrollbar-thumb {background:#fff}
    .evSection.evCon2 .step::-webkit-scrollbar-thumb:hover {background:#fff}
    .evSection.evCon2 .step .item {width:54vw;flex:none} 

    .evSection.evCon2 .circle_point li {margin: 0 -2% 0%}
    .evSection.evCon2 .circle_point li i {bottom:100%;left:50%;width:16%;margin:0 0 -2% -8%} 

    .evCon3 .prize {padding:0 0 80px}
    .evCon3 .prize li {position:relative;padding:0 6% 0;width:50%;z-index:1}
    .evCon3 .prize li:nth-child(3) {padding:0 27% 0;z-index:0;display:none}
    .evCon3 .prize .tiny_noti {font-size:11px;text-align:center;padding:0;bottom:45px;opacity:0.5}
    .evCon3 .mob_wrap {padding:0 0 8%}
    .evCon3 .mob_wrap li {margin:0 0% 1%}
    .evCon3 .mob_wrap li:nth-child(1) {width:auto;position:relative;top:unset;left:unset;margin:0 13% -6%}
    .evCon3 .mob_wrap li::before {display:none}
    .evCon3 .tit_point {font-size:clamp(15px,2.5vmin,25px);background-size:auto 30px;padding:20px 0 0;margin:0 0 6%}
    .evCon3 .btn_n {display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}
    .evCon3 a.btn.point,.evCon2 a.btn.point {width:100%}

    .evCon4_slider1 .swiper-slide .tit{font-size: 1em;margin: 0 0 7px;}
    .evCon4_slider1 .swiper-slide{padding: 15px 0 27px;}
    .evCon4 .video_wrap::before{top: unset;bottom: 0%;/* left: 6%; */margin: 0 0 6vw 0;}
    .evCon_event .gift{padding: 0 0%;}
    .evCon4 #tec_curr {min-height: 170px;} 

    .evCon_event .container_info.ver_column{display: inline-flex;flex-direction: column;gap: 5px 0;}
    .evCon_event .container_info.ver_column .info{width: 100%;}
    .eventWrap .bottom_fix a i{width: 100%;left: 0;margin: 0;border-radius: 0;}
    .eventWrap .bottom_fix a+a:before{height:100%;top: 0;margin: 0;}
    #popupApply .checkWrap ul li {width:100% !important;height:40px;border-left:0 !important}

    .evCon5 .tab_base {flex-wrap: wrap; margin: 30px 0; justify-content: center;}
    .evCon5 .tab_base li{width: calc(50% - 1px);}

    .evCon_event.evCon6 .container_info.ver_column .info{padding: 10px 15px;}
    .evCon_event.evCon6 .container_info.ver_column .info .info_title{padding: 0 10px;}


    .series_pop {font-size: 12px;}
    .series_pop .content_area .content_inner {padding: 30px 15px;}
    .series_pop .table_wrap{max-height: 350px;}
}



