@charset "euc-kr"; /* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */

.evSection { padding: 145px 0 150px; } 
.evSection .con_tit { font-size: 44px; font-weight: 900; line-height: 1.3; } 
.evSection .con_tit span { color: #ff2892; } 
.evSection .con_tit .end::after { background: #000; } /* ÀÌº¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evSection .con_txt { font-size: 20px; color: #5d5d5d; margin: 25px 0 72px; } 
.evSection .con_txt strong { color: #000; } 
.evSection .con_box { width: 1000px; margin: 0 auto; z-index: 1; } 
.evSection .warningList li ul li a.tp1 { background-color:#000; color:#fff; } 
.eventWrap .lecture { padding-bottom: 0 !important; background: #fff; } 
.eventWrap .vodchr_banner { margin-bottom: 0; } 
.eventWrap .pocket_pop { z-index: 4; } 

.evCon1 { background: #fed3da url('https://image.megagong.net/m/2024/0405_gilltoraebi/con1_bg.jpg') no-repeat; padding: 42px 0 0; } 
.evCon1 h3 { position: relative; margin: 0 -157px 0 -95px; } 
.evCon1 h3 .home { position: absolute; left: 0; top: 17%; } 

.evCon1_v2 { padding: 0; background: url(https://image.megagong.net/m/2025/0526_gilltoraebi/con1_bg.jpg) no-repeat; background-size: auto 100%; } 
.evCon1_v2 .sub_tit { position: absolute; top: 140px; left: 50%; transform: translateX(-50%); justify-content: center; align-items: center; gap: 320px; } 
.evCon1_v2 .sub_tit span { min-width: max-content; } 
.evCon1_v2 .sub_tit strong::before,
.evCon1_v2 .sub_tit strong::after { content: ''; display: inline-block; width: 7px; height: 10px; background-image: url(https://image.megagong.net/m/2025/0526_gilltoraebi/ico_quotes.png); background-repeat: no-repeat; background-size: contain; vertical-align: top; margin: 0 5px; } 
.evCon1_v2 .sub_tit strong::after { transform: rotate(180deg); } 
.evCon1_v2 h3 { margin: 0; } 
.evCon1_v2 .teacher_home { position: absolute; left: 135px; bottom: 80px; } 

.evCon2 { background: #fffefe; } 
.evCon2 .con2_roll { position: relative; overflow: hidden; } 
.evCon2 .con2_roll .swiper-wrapper { justify-content: space-between; } 
.evCon2 .con2_roll .swiper-slide { width: 482px; } 
.evCon2 .sub_tit { margin: 86px 0 22px; } 
.evCon2 .tbl_cont { border: 1px solid #dddddd; border-radius: 25px; overflow: hidden; } 
.evCon2 .tbl_cont dl { display: flex; border-bottom: 1px solid #dddddd; } 
.evCon2 .tbl_cont dl:last-child { border-bottom: 0; } 
.evCon2 .tbl_cont dl dt { background: #f6f6f6; width: 220px; padding: 2.5px 0; } 
.evCon2 .tbl_cont dl dd { display: flex; justify-content: flex-start; align-items: center; flex: 1; font-size: 16px; text-align: left; padding: 0 40px; } 

.evCon3 { background: #ffe7eb; } 
.evCon3 .tea { position: absolute; right: -365px; bottom: -150px; z-index: -1; } 
.evCon3 .content1 { display: flex; align-items: end; gap: 24px; } 
.evCon3 .content1 .eventVideo { width: 700px; margin-bottom: 0; } 
.evCon3 .content1 .txt { margin: 0 -40px 40px 0; } 
.evCon3 .content2 { display: flex; justify-content: space-between; margin-top: 100px; } 

.evCon4 { background: #fef7ec url('https://image.megagong.net/m/2024/0405_gilltoraebi/con4_bg.jpg') no-repeat; background-size: cover; } 
.evCon4 .eventVideo { margin-bottom: 50px; } 
.evCon4 .content { background: #fff; border-radius: 100px; display: flex; justify-content: center; gap: 65px; padding: 17.4px 0; } 
.evCon4 .content li { font-size: 18px; } 
.evCon4 .content li strong { font-weight: 900; position: relative; } 
.evCon4 .content li strong::before { content:''; background: url('https://image.megagong.net/m/2024/0405_gilltoraebi/con4_ico1.png') no-repeat; width: 20px; height: 14px; position: absolute; left: 0; top: 50%; transform: translate(-130%, -38%); } 
.evCon4 .sub_tit { font-size: 38px; font-weight: 900; padding-top: 138px; margin: 70px 0 30px; position: relative; } 
.evCon4 .sub_tit::before { content:''; background: url('https://image.megagong.net/m/2024/0405_gilltoraebi/con4_ico2.png') no-repeat; width: 1px; height: 90px; position: absolute; top: 0; left: 50%; } 
.evCon4 .sub_tit .tiny { font-size: 19px; color: #5d5d5d; font-weight: normal; margin-bottom: 4px; } 
.evCon4 .tbl_wrap .tbl { position: relative; } 
.evCon4 .tbl_wrap .tbl::before { content:''; border: 1px solid #000; width: 100%; height: calc(100% - 1px); position: absolute; left: 0; top: 0; } 
.evCon4 .tbl_wrap .tbl +.tbl { margin-top: 10px; } 
.evCon4 .tbl_wrap .tbl thead th { background: #fbd0e2; font-size: 18px; font-weight: 900; padding: 19px 0; } 
.evCon4 .tbl_wrap .tbl tbody th { background: #f6f6f6; } 
.evCon4 .tbl_wrap .tbl tbody td { padding: 20.6px 0; background: #fff; } 
.evCon4 .tbl_wrap .tbl tbody th , .evCon4 .tbl_wrap .tbl tbody td { font-size: 16px; } 

.evCon4 .tbl_tit { display: block; text-align: left; margin-bottom: 10px; } 
.evCon4 .tbl_tit:not(:first-child) { margin-top: 40px; } 

.evCon5 { position: relative; z-index:2; } 
.evCon5 .con_box, .evCon6 .con_box { width: 1080px; } 
.evCon5 .sub_tit { margin: 0 0 30px; } 

.evCon6 { background: linear-gradient(135deg, #d6d0ff, #faa8ea); } 
.evCon6 .content { position: relative; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; padding: 35px 0; } 
.evCon6 .content::before { content:''; width: 1000%; height: 100%; position: absolute; left: -500%; top: 0; z-index: -1; background: rgba(255,255,255,0.2); } 
.evCon6 .content .schedule dl { text-align: left; font-size: 21px; margin-bottom: 23px; } 
.evCon6 .content .schedule dl:last-child { margin-bottom:0; } 
.evCon6 .content .schedule dl dt { display: inline-block; vertical-align: top; margin-right: 14px; padding-right: 16px; position: relative; } 
.evCon6 .content .schedule dl dt::before { content:''; background: #000; width: 2px; height: 44%; position: absolute; right: 0; top: 50%; transform: translate(0 , -50%); } 
.evCon6 .content .schedule dl dd { display: inline-block; } 
.evCon6 .content .schedule dl dd .tiny_noti { font-size: 14px; opacity: 0.4; display: inline-block; margin-left: 4px; } 
.evCon6 .btn { display: inline-block; margin: 60px 0 100px; background: #000; color: #fff; border-radius: 100px; font-size: 22px; width: 440px; line-height: 80px; } 

.eventBoard .evtBoard_common .evtBoard_inner { background: #f2e0fb; } 
.eventBoard .evtBoard_common .evtBoard_inner .comment_tit { text-align: left; font-size: 18px; color: #9e3af4; font-weight: 900; margin-bottom: 10px; } 
.evtBoard_common .board_write { border: 1px solid #9e3af4; } 
.evtBoard_common .board_write .btn_wrap a { background: #9e3af4; } 
.evtBoard_common .board_notice li { color: #9e3af4; opacity: 1; font-size: 12px; } 

.warningList > li.w_tit { font-weight: 700; } 
.warningList > li { margin-top: 3px; } 
/* .warningList li ul li a { border-bottom: 1px solid #9e3af4; color: #9e3af4; padding: 0 0 2px; margin: 0 0; } */

.evCon7 { padding-bottom:0; } 
.evCon7 .type_list { display:flex; justify-content:space-between; gap:0 16px; } 
.evCon7 .mission_list { margin-top:98px; } 
.evCon7 .mission_list dd { margin-top:43px; padding:0; } 
.evCon7 .mission_list ul { display:flex; justify-content:center; gap:0; } 
.evCon7 + .evCon5 { background-color: #f6f6f6; } 

.evCon8 { background: rgb(208,242,255); background: linear-gradient(135deg, rgba(208,242,255,1) 0%, rgba(250,168,174,0.5018382352941176) 100%); } 
.evSection.evCon8 .con_tit .end::after { background: #3eaef1; } 
.evCon9 { background: rgb(238,208,255); background: linear-gradient(135deg, rgba(238,208,255,1) 0%, rgba(221,245,179,1) 100%); } 
.evSection.evCon8 .con_txt, .evSection.evCon9 .con_txt { margin-bottom:0; } 
.evSection.evCon9 .con_tit .end::after { background: #7d51fa; } 

.evSection.evCon8 .btns-wrap { margin-top:60px; } 

.btns-wrap .btn { font-size:22px; color:#fff; background-color:#000; display:inline-block; padding:20px 50px; border-radius:50px; } 
.btns-wrap .btn strong { font-weight:bold; } 
.evSection .con_period { background-color:rgba(255, 255, 255, 0.4); text-align:left; padding:80px 0; position: relative; margin-top:60px; } 
.evSection .con_period::before,
.evSection .con_period::after { content:''; display:block; width:1000px; height:100%; position: absolute; top:0; background-color:rgba(255, 255, 255, 0.4); } 
.evSection .con_period::before { left:-1000px; } 
.evSection .con_period::after { right:-1000px; } 
.evSection .con_period ul li { display:flex; gap:0 15px; margin-top:45px; font-size:21px; font-weight:700; color:#222222; } 
.evSection .con_period ul li:first-child { margin-top:0; } 
.evSection .con_period ul li > .label { display:inline-block; width:135px; padding:0 20px 0 15px; position: relative; flex-shrink:0; } 
.evSection .con_period ul li > .label::before,
.evSection .con_period ul li > .label::after { content:''; display:inline-block; position: absolute; background-color:#222; } 
.evSection .con_period ul li > .label::before { left:0; width:5px; height:5px; border-radius:50%; top:12px; } 
.evSection .con_period ul li > .label::after { right:0; width:2px; height:13px; top:9px; } 
.evSection .con_period ul li > .con,
.evSection .con_period ul li > .gift { flex-grow:1; } 
.evSection .con_period ul li > .gift { display:flex; gap:0 80px; } 
.evSection .con_period ul li > .gift li { margin-top:0; } 
.evSection .con_period ul li > .con .tiny { font-size:14px; color:#000; opacity:0.3; } 

.evCon9 .sns_list { background-color:#fff; padding:30px; display:flex; gap:0 20px; } 
.evCon9 .sns_list li { width:20%; } 
.evCon9 .sns_list li a { display:block; padding:15px 0; background-color:#e1ffe5; font-size:19px; font-weight:bold; color:#0fbf2c; border:1px solid #0fbf2c; border-radius:15px; } 
.evCon9 .sns_list li.instagram a { background-color:#ffebf8; color:#f20096; border-color:#f3109d; } 
.evCon9 .sns_list li.facebook a { background-color:#e1f8ff; color:#394cff; border-color:#4558ff; } 
.evCon9 .eventBoard .evtBoard_common .evtBoard_inner { background-color:#f1f1f1; } 
.evCon9 .evtBoard_common .board_write .btn_wrap a { background-color:#000000; } 
.evCon9 .evtBoard_common .board_write { border-color:#000; } 
.evCon9 .eventBoard .evtBoard_common .info_wrap.with_tip button { color:#ff3b60; } 

.evCon9 .evt_way { margin: 100px auto 40px; } 
.evCon9 .evt_way .tit { position: relative; margin: 0 auto 40px; z-index: 1; display:flex; } 
.evCon9 .evt_way .tit span.line { flex-grow:1; position: relative; } 
.evCon9 .evt_way .tit span.line::before { content:''; display:block; position: absolute; left:0; top:50%; width:100%; background-color: #000; height:1px; } 
.evCon9 .evt_way .tit span.txt { display: inline-block; font-weight: 900; font-size: 26px; color: #000; padding: 0 20px; position: relative; flex-shrink:0; } 
.evCon9 .evt_way .tit span.txt::before, .evCon9 .evt_way .tit span.txt::after { content:''; display:inline-block; width:2px; height:16px; background-color:#000; position: absolute; top:50%; margin-top:-8px; } 
.evCon9 .evt_way .tit span.txt::before { left:0; } 
.evCon9 .evt_way .tit span.txt::after { right:0; } 
.evCon9 .evt_way ol { display: flex; gap:0 15px; } 
.evCon9 .evt_way ol li { position: relative; flex: 1; display: flex; flex-direction: column; border-radius: 15px; background: #fff; padding: 30px 10px; } 
/* .evCon9 .evt_way ol li + li::before { content: ''; position: absolute; top: -10%; left: 0; width: 1px; height: 120%; background: #ddd; } 
 */
.evCon9 .evt_way ol li + li::after { content: ''; position: absolute; top: 50%; left: 0; width: 36px; height: 36px; background: url(https://image.megagong.net/m/2024/0130_flymeca/con7_arrow.png) no-repeat; transform: translate(-25px, -50%); } 
.evCon9 .evt_way ol li .step { font-size: 0; margin: 0 auto 20px; font-size:16px; color:#7d51fa; padding:7px 24px; background-color:#f1ecff; border-radius:20px; } 
.evCon9 .evt_way ol li p { font-size: 20px; line-height: 1.2; } 
.evCon9 .evt_way ol li .tiny_noti { color: #ff0048; margin-top: 30px; font-size:14px; } 
.evCon9 .evt_btn { justify-content: center; gap: 30px; margin: 0 auto 80px; } 
.evCon9 .evt_btn a { display: block; } 

/* evCoupon */
.evCoupon { background-color: #D0F2FF; background: linear-gradient(122deg, #d0f2ff 0%, #faa8ae 100%); } 
.evCoupon.event .bg_shadow { bottom: auto; top: 870px; } 
.evCoupon .mini_tit { opacity: 0.6; } 
.evCoupon .mega_card_wrap { background: url(https://image.megagong.net/common/bg_card_lg.png) 0 0 no-repeat; background-size: contain; padding-top: 60px; justify-content: center; align-items: center; text-align: center; } 
.evCoupon .btn-base.pink a { background-color: #ff2892; color: #fff; border: 1px solid #ff2892; } 
.evCoupon .mega_card_wrap .card .tiny { margin-top: 30px; } 

/* evComment */
.evComment { background-color: #eed0ff; background: linear-gradient(122deg, #eed0ff 0%, #ddf5b3 100%); } 
.evComment .mini_tit { opacity: 0.6; } 
.evComment .gift_full_wrap { margin-bottom: 60px; } 

/* evtoggleWarning */
.evtoggleWarning { padding: 0 !important; } 

/* 20250617 */
.eventWrap .evComment.new_ver { background: linear-gradient(122deg, #d0f2ff 30%, #faa8ae 100%); } 
.evSection.evComment.new_ver .con_tit .end::after { background: #f74e4e; } 
.evComment.new_ver .con_tit span { color: #000000; opacity: 0.5; font-weight: 700; } 
.evComment.new_ver .mega_card_wrap { background: url('https://image.megagong.net/m/2025/0605_reserv/coupon.png') 0 0 no-repeat; height: 260px; margin: 90px auto 0; } 

@media screen and (max-width: 1200px){
 .evSection { padding: 14.5% 0 15%; } 
 .evSection .con_tit { font-size: clamp(22px,4.4vmin,44px); } 
 .evSection .con_txt { margin: 2.5% 0 7.2%; font-size: clamp(13px, 2vmin, 20px); } 
 .evSection .con_box { width: 100%; } 
 
 .evCon1 { padding: 4.2% 0 0; background-size: cover; } 
 .evCon1 h3 { margin: 0 0; } 
 .evCon1 h3 .home { width: 30%; top: 14%; text-align: left; } 

 .evCon1_v2 { padding: 0; } 

 .evCon2 .inner { overflow: hidden; } 
 .evCon2 .con2_roll { margin: 0 16%; } 
 .evCon2 .sub_tit { margin: 8.6% -13% 2.2%; } 
 .evCon2 .tbl_cont dl dt { width: clamp(70px,18.6vmin,220px); } 
 .evCon2 .tbl_cont dl dt img { width: clamp(47px,6.9vmin,69px); } 
 .evCon2 .tbl_cont dl dd { font-size: clamp(12px, 1.7vmin, 16px); } 

 .evCon3 { padding: 14.5% 0 12%; } 
 .evCon3 .con_box { max-width: 700px; } 
 .evCon3 .content1 { display: block; text-align: left; } 
 .evCon3 .content1 .eventVideo { width: 100%; max-width: 700px; margin: 0 0 5%; } 
 .evCon3 .content1 .txt { margin: 0 0; display: inline-block; padding-right: 46%; } 
 .evCon3 .content2 { /* margin-top: 10%; */flex-wrap: wrap; justify-content: center; gap: 50px; } 
 .evCon3 .tea { right: -16vw; width: 380px; bottom: -12vw; } 

 .evCon4 .eventVideo { margin-bottom: 5%; } 
 .evCon4 .content li { font-size: clamp(13px,1.8vmin,18px); } 
 .evCon4 .sub_tit { padding-top: 13.8%; margin: 7% 0 3%; font-size: clamp(18px,3.8vmin,38px); } 
 .evCon4 .sub_tit::before { height: clamp(50px,9vmin,90px); } 
 .evCon4 .sub_tit .tiny { font-size: clamp(13px,1.9vmin,19px); } 
 .evCon4 .tbl_wrap .tbl thead th { font-size: clamp(13px,1.8vmin,18px); padding: clamp(14.4px, 2.2vmin, 19px) 0; } 
 .evCon4 .tbl_wrap .tbl tbody th, .evCon4 .tbl_wrap .tbl tbody td { font-size: clamp(12px,1.6vmin,16px); padding: clamp(15px,2.3vmin,20.6px) 0; } 

 .evCon4 .tbl_tit:not(:first-child) { margin-top: 4%; } 

 .evCon5.evSection { overflow-x: clip !important; } 
 .evCon5 .sub_tit { margin: 0 -8% 3%; } 

 .evCon6 .content { display: block; } 
 .evCon6 .content .schedule { display: inline-block; margin: 5% 0 0; } 
 .evCon6 .content .schedule dl { font-size: clamp(13px,2.1vmin,21px); margin-bottom: 4%; } 
 .evCon6 .content .schedule dl dd .tiny_noti { font-size: 12px; } 
 .evCon6 .content .gift { padding: 0 21%; } 
 .evCon6 .btn { margin: 6% 0 10%; font-size: clamp(14px,2.2vmin,22px); width: clamp(300px,44vmin,440px); line-height: clamp(60px,8.5vmin,80px); } 

 .evCon7 { padding-bottom:0; } 

 .eventBoard .evtBoard_common .evtBoard_inner .comment_tit { font-size: clamp(14px,1.8vmin,18px); } 

 .evSection.evCon8 .btns-wrap { margin-top:6%; } 
 .evCon9 .sns_list { padding:15px; gap:0 10px; } 
 .evCon9 .sns_list li a { font-size:16px; padding:10px 0; border-radius:10px; } 
 .evCon9 .evt_way { margin: 10% auto 4%; } 
 .evCon9 .evt_way .tit { margin: 0 auto 4%; } 
 .evCon9 .evt_way .tit span { padding: 1.5% 5vw; } 
 .evCon9 .evt_way ol { padding: 3% 0; } 
 .evCon9 .evt_way ol li .step { margin: 0 auto 2vw; } 
 .evCon9 .evt_btn { gap: 2vw; margin: 0 auto 8%; } 

 .evSection .con_period { padding:8% 0; margin-top:6%; } 
 .evSection .con_period ul li { margin-top:25px; font-size:18px; } 
 .evSection .con_period ul li > .gift { gap:0 40px; } 
 .evSection .con_period ul li > .label::after { top:7px; } 

 .evCoupon .mega_card_wrap { padding-top: 20px; } 


 .evComment.new_ver .mega_card_wrap { height: 250px; margin-top: 7%; width: 460px; } 
 .evComment.new_ver .btn-base-wrap { margin-top: 7%; } 
 }

@media screen and (max-width: 992px){
 .evCon1_v2 .sub_tit { justify-content: space-between; width: 100%; gap: 0; } 
 .evCon1_v2 .teacher_home { left: 0; bottom: 4vmin; } 

 .evCon9 .evt_way .tit span { font-size: 20px; } 
 .evCon9 .evt_way ol li .step { margin-bottom:0; } 
 .evCon9 .evt_way ol li p { font-size: 16px; padding:15px 0; } 
 .evCon9 .evt_way ol li .tiny_noti { margin-top:0; } 
 .evSection .con_period ul li { font-size:16px; margin-top:15px; } 
 .evSection .con_period ul li > .gift { gap:0 20px; } 
 .evSection .con_period ul li > .label { width:115px; } 
 .evSection .con_period ul li > .label::after { top:5px; } 

 .btns-wrap .btn { font-size:18px; } 
 .evCon9 .sns_list li a { font-size:14px; } 

 .evComment.new_ver .mega_card_wrap { height: 30vw; width: 55vw; background-size: cover; } 
 }

@media screen and (max-width: 768px){
 .evCon1_v2 { padding-top: 8%; } 
 .evCon1_v2 .sub_tit { flex-direction: column; top: -4%; } 

 .evCon2 .tbl_cont dl dd { padding: 0 15px; } 

 .evCon3 .content2 { gap: 20px; } 
 .evCon3 .content2 li { width: 40%; max-width: 240px; } 
 .evCon3 .tea { /*right: -8vw; */ width: clamp(260px,57vmin,380px); } 

 .evCon4 .content { display: block; padding: 12px 0; } 
 .evCon4 .content li { margin-bottom: 6px; } 
 .evCon4 .content li:last-child { margin: 0 0; } 
 .evCon4 .content li strong::before { width: 15px; background-size: contain; background-position: center; } 

 .evCon9 .evt_way ol { flex-direction: column; height: auto; background: none; } 
 .evCon9 .evt_way ol li { background: #fff; width: 100%; padding: 2vw 0; border-radius: 10px; } 
 .evCon9 .evt_way ol li + li { margin: 2% auto 0; } 
 .evCon9 .evt_way ol li + li::before { content: none; } 
 .evCon9 .evt_way ol li + li::after { top: 2%; left: 50%; transform: translate(-50%, -100%) rotate(90deg); width: 22px; height: 22px; background-size: cover; z-index: 1; } 
 }

@media screen and (max-width: 576px){
 .evCon2 .con2_roll { margin: 0 10%; } 

 .evCon6 .content .schedule dl dt { margin-right: 10px; padding-right: 12px; } 
 .evCon6 .content .gift { padding: 0 12%; } 

 .evCon7 .type_list { display:block; } 
 .evCon7 .type_list p { margin-top:10px; } 
 .evCon7 .type_list p:first-child { margin-top:0; } 
 
 .evCon9 .evt_way .tit span { font-size: 16px; padding: 4px 30px; } 
 .evCon9 .evt_way ol li + li { margin: 3% auto 0; } 
 .evCon9 .evt_way ol li .step { transform: scale(0.8); } 
 .evCon9 .evt_way ol li p { font-size: 14px; } 
 .evCon9 .evt_btn { flex-direction: column; width: 260px; } 

 .btns-wrap .btn { font-size:14px; padding:15px 20px; } 
 .evCon9 .sns_list { flex-wrap:wrap; gap:10px; } 
 .evCon9 .sns_list li { width:calc(33.33% - 7px); } 
 .evCon9 .sns_list li a { border-radius:5px; } 
 .evSection .con_period ul li > .gift { gap:0 10px; } 

 .evComment.new_ver .mega_card_wrap { height: 37vw; width: 68vw; } 
 }

@media screen and (max-width: 460px) { } 