@charset "euc-kr"; /* settings */
.eventWrap .evSection { background-size: auto 100%; } 
.eventWrap .evSection .lecture { max-width:1000px; margin:0 auto } 
.eventWrap .evSection.fff, .eventWrap .evSection .fff { color: #fff !important; } 
.eventWrap .evSection .f00 { color: #f00 !important; } 
/* .eventWrap .evSection .whs-pre { white-space: pre-wrap; } */
.eventWrap .evSection b { font-weight:700 } 
.eventWrap .evSection strong { font-weight:900 } 

.evSection:not(.evtoggleWarning,.evCon1,.evCon6) { padding: 160px 0; } 
/* swiper */
.swiper_common_wrap { position: relative; margin: 0 -80px; overflow: hidden; } 
.swiper_common_wrap .swiper_common.swiper-initialized { position: relative; overflow: hidden; max-width: 1080px; margin: 0 auto; } 

/* pagination */
.swiper_common_wrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 15px; z-index: 2; } 
.swiper_common_wrap .swiper-pagination-bullet { background: #ccc; opacity: 1; width: 12px; height: 12px; transition: all .5s ease; } 
.swiper_common_wrap .swiper-pagination-bullet-active { background: #222; width: 30px; border-radius: 20px; } 

/* button */
[class*="swiper-button-"]:after { font-size: 0; } 
[class*="swiper-button-"].swiper-button-disabled { opacity: 1; } 
.swiper_common_wrap .arrow { position: absolute; top: 50%; transform: translate(0, calc(-50%)); left: 0; z-index: 2; background: url('https://image.megagong.net/m/2024/0103_gilltoraebi/con3_arrow.png') no-repeat center; width: 44px; height: 85px; background-size: auto 100%; } 
.swiper_common_wrap .arrow.swiper-button-next { transform: rotate(180deg) translate(0, calc(50%)); left: auto; right: 0; } 



/* text style */ 
.con_tit { margin-bottom: 75px; line-height: 1.2; } 
.con_tit h4 { font-weight: 900; font-size: 44px; margin: 0 -100px; } 
.con_tit h4 span { color: #49d336; } 
.con_tit .top_txt { font-size: 22px; font-weight: 700; background: #000; width: fit-content; margin: 0 auto 30px; color: #fff; border-radius: 30px; padding: 12px 40px; } 
.con_tit .sub_txt { margin-top: 40px; font-size: 20px; color: #5d5d5d; line-height: 1.4; } 
.bottom_txt { font-size: 24px; } 

.circle_txt { position: relative; margin-bottom: 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: #fff; font-size: 26px; display: block; width: fit-content; margin: 0 auto; font-weight: 700; } 

.circle_txt2 { position: relative; margin-bottom: 25px; display: flex; gap: 20px; } 
.circle_txt2 span { font-size: 26px; font-weight: 700; } 
.circle_txt2 i { position: relative; flex: 1; } 
.circle_txt2 i::before { content: ''; display: block; width: 100%; height: 1%; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 

.circle_txt3 span { background: none; } 
.circle_txt3::before { content: ''; display: block; width: 100%; height: 50%; border: 1px solid #000; border-bottom: 0; position: absolute; left: 0; top: 50%; background: none; transform: none; } 

/* fix_menu */
.fix_menu { background: #000000; z-index: 11; position: relative; width: 100%; bottom: 0; } 
.fix_menu.on { position: fixed; top:0; bottom:auto } 
.fix_menu ul { max-width: 1080px; margin: 0 auto; display:flex; justify-content:space-between; align-items: center; color: #fff; position: relative; cursor: pointer; z-index: 5; } 
.fix_menu ul li { flex: 1; position: relative; } 
.fix_menu ul li:not(:last-child)::before { content: ''; display: block; top: 50%; transform: translateY(-50%); width: 1px; height: 60%; position: absolute; right: 0; background: #fff; opacity: .4; } 
.fix_menu ul li a { font-size: 18px; height: 100px; display: flex; align-items: center; justify-content: center; flex-direction: column; } 
.fix_menu ul li a .tag { color: #000; background: #49d336; border-radius: 30px; padding: 0 10px; font-size: 14px; font-style: normal; } 
.fix_menu ul li a .end { width: 70px; height: 70px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.fix_menu ul li a .end::before { content: ""; position: absolute; right: 0; top: 0; margin: auto; display: inline-block; height: 100%; width: 100%; background-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/common/event_end.svg); mask-image: url(https://img.megagong.net/common/event_end.svg); } 


/* button box */
.btn_box { display:flex; justify-content: center; gap: clamp(10px, 2vmin, 20px); margin: 0 auto; } 
.btn_box a { display: block; width: min(520px,80%); margin: 0 auto; } 

/* tab */


/* contents */
.evCon1 { background: #131313 url(https://image.megagong.net/m/2024/0627_kimchanghun/con1_bg.jpg) no-repeat center; padding: 360px 0 85px; } 
.evCon1 .inner { width: 1424px; } 

.evCon1 .left_txt { text-align: left; color: #636363; font-size: 24px; width: fit-content; margin-bottom: 100px; } 
.evCon1 .left_txt p { padding-bottom: 3px; margin-bottom: 20px; border-bottom: 1px solid; width: fit-content; } 
.evCon1 .left_txt b { } 
.evCon1 .mid_txt { display: flex; flex-direction: column; } 
.evCon1 .mid_txt b { font-size: 56px; color: #49d336; letter-spacing: 2.4rem; text-shadow: 1px 1px 20px #5fd324; } 
.evCon1 .mid_txt strong { font-size: 90px; color: #fff; } 
.evCon1 .mid_txt a { width: fit-content; margin: 40px auto 0; } 

.evCon2 { background:#888 url(https://image.megagong.net/m/2024/0627_kimchanghun/con2_bg.jpg) no-repeat center; } 
.evCon2 .flex { max-width: 1180px; margin: 0 -50px; justify-content: space-between; } 
.evCon2 .tiny_noti { max-width: 1180px; margin: 35px -50px 0 0; opacity: .5; } 

.evCon3 { } 
.evCon3 .video_wrap { align-items: center; margin-bottom: 80px; } 
.evCon3 .eventVideo.video_renewal .video_box { width: 735px; height: 415px; } 
.evCon3 .video_wrap .teacher { margin: 0 -100px 0 -50px; } 
.evCon3 .review_slider .swiper-slide { height: 545px; display: flex; flex-direction: column; background: #ededed; border-radius: 10px; padding: 60px 25px; } 
.evCon3 .review_slider .swiper-slide strong { font-size: 20px; padding-bottom: 20px; border-bottom: 1px solid #d5d5d5; height: 70px; margin-bottom: 20px; } 
.evCon3 .review_slider .swiper-slide p { font-size: 15px; } 
.evCon3 .review_slider .swiper-slide span { font-size: 14px; opacity: .6; position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); width: 100%; } 
.evCon3 .tiny_noti { opacity: 0.6; } 
.evCon3 .btn_box { margin-top: 20px; } 


.evCon4 { background:#666 url(https://image.megagong.net/m/2024/0627_kimchanghun/con4_bg.jpg) no-repeat center; } 
.evCon4 .point_box { position: relative; display: inline-block; margin: 0 auto; } 
.evCon4 .point_box .box1 { position: absolute; top: 0px; left: 0; border-radius: 100%; } 
.evCon4 .point_box.on .box1 { animation: loader9g 2.5s ease-in-out both; } 
.evCon4 .point_box .box2 { position: relative; border-radius: 100%; opacity: 0; } 
.evCon4 .point_box.on .box2 { animation: show 2.5s ease-in-out 2s both; } 
.evCon4 .point_box .box3 { position: absolute; top: 0px; border-radius: 100%; right: 0; } 
.evCon4 .point_box.on .box3 { animation: loader9d 2.5s ease-in-out both; } 
@keyframes loader9g { 
 0% { left: 0; opacity: 1; } 
 100% { left: 50%; transform: translateX(-50%); opacity: 0; } 
 }
@keyframes loader9d { 
 0% { right: 0; opacity: 1; } 
 100% { right: 50%; transform: translateX(50%); opacity: 0; } 
 }
@keyframes show { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 }


 .evCon4 .tab_base { display: flex; } 
 .evCon4 .tab_base li { flex: 1; } 
 .evCon4 .tab_base li a { background: #e9e9e9; color: #cacaca; padding: 10px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.1; height: 100px; border-radius: 10px 10px 0 0; } 
 .evCon4 .tab_base li a span { font-size: 16px; } 
 .evCon4 .tab_base li a b { font-size: 28px; } 
 .evCon4 .tab_base li.on a { background: #2ebc1a; color: #fff; } 
 .evCon4 .tab_base li.on a span { } 
 .evCon4 .tab_base li.on a b { } 
 .evCon4 .panel_base > li { background: #1a1c1a; padding: 100px 0 140px; border-radius: 0 0 10px 10px; height: 854px;display: flex;align-items: center;justify-content: center;flex-direction: column;} 
 .evCon4 .tab_txt { margin: 0 auto 80px; font-size: 28px; } 
 .evCon4 .point_box { width: 97%; } 
 .evCon4 .point_box.on .box3,
 .evCon4 .point_box.on .box1 { width: min(930px,50%); } 

.evCon5 { background-color: #f7f7f7; } 
.evCon5 .box { justify-content: space-between; gap: 20px; margin-bottom: 60px; } 
.evCon5 .box li { background: #fff; flex: 1; padding: 50px 30px; border-radius: 10px; font-size: 16px; } 
.evCon5 .box li b { display: block; border-bottom: 1px solid #dddddd; margin-bottom: 20px; padding-bottom: 20px; font-size: 20px; } 
.evCon5 .box li span { } 

/* load curr */
.curr_tit,.char_zone,.curr_Stit,.noti_txt { display: none; } 
.teaCurr .tbl_wrp,.teaCurr .tbl { margin-bottom: 0; padding: 0 3px; } 
.teaCurr .essential.td-bold .tbl tbody tr td { background: #fff; padding: 40px 0; position: relative; } 
.teaCurr .essential.td-bold .tbl tbody tr td .show-pr { display: block; font-style: normal; background: #2cc216; color: #fff; width: fit-content; margin: 0 auto 5px; padding: 2px 12px; border-radius: 30px; } 
.teaCurr .essential.td-bold .tbl tbody tr td.border { background: #effeee; border: 3px solid #23a515; box-sizing: border-box; } 
.teaCurr .essential.td-bold .tbl tbody tr td.border1 { border-bottom: 0; } 
.teaCurr .essential.td-bold .tbl tbody tr td.border2 { border-top: 1px solid #ccc; } 
.teaCurr .essential.td-bold .tbl tbody tr td.border1::before { content: 'SIGNATURE'; display: block; position: absolute; top: -11px; left: 50%; transform: translateX(-50%); background: #23a515; border-radius: 30px; color: #fff; padding: 2px 12px; } 
.teaCurr .essential.td-bold .tbl tbody tr td.border3::before { content: 'HOT'; display: block; position: absolute; top: -11px; left: 50%; transform: translateX(-50%); background: #23a515; border-radius: 30px; color: #fff; padding: 2px 12px; } 
.teaCurr_wrap > p { position: relative; margin: 0 50px 0 410px; } 
.teaCurr_wrap > p span { color: #fff; background: #000; border-radius: 45px; font-size: 15px; padding: 14px 50px; position: relative; display: inline-block; margin-top: 20px; } 
.teaCurr_wrap > p::before { content: ''; display: block; position: absolute; width: 100%; height: 50px; border: 1px solid; border-top: 0; top: 0; } 


.evCon6 { background-color:#2b2b2b; } 
.evCon6 .flex { align-items: center; margin-left: -72px; } 
.evCon6 .flex li:last-child { margin-left: -38px; z-index: 2; } 

.event1 { background-color: #a89ffe; } 
.event1 .tag { width: min(243px,35%); display: block; margin: 0 auto; } 
.event1 .con_tit .top_txt { margin: 30px auto 25px; background: none; padding: 0; border-radius: 0; } 
.event1 .container_gift_wrap { margin: 100px auto 80px; } 
.event1 .eventBoard .radio_list { display: flex; gap: 20px; } 
.event1 .eventBoard .radio_list li { margin: 0; display: flex; flex-direction: column; align-items: center; flex: 1; background: #fff; border-radius: 10px; padding: 20px 0; } 
.event1 .eventBoard .radio_list li label { margin: 0; display: flex; flex-direction: column; } 
.event1 .eventBoard .radio_list li label i { font-style: normal; font-size: 14px; width: fit-content; margin: 0 auto; border-radius: 30px; padding: 2px 20px; } 
.event1 .eventBoard .radio_list li label b { color: #000; height: 60px; text-align: center; display: flex; align-items: center; justify-content: center; } 
.event1 .evtBoard_common .board_list ul li .reply span {color:#fff;padding: 1px 6px;font-size: 13px;} 
.event1 .color_type1 { background-color: #ff6a6a; } 
.event1 .color_type2 { background-color: #a96aff; } 
.event1 .color_type3 { background-color: #3377f6; } 
.event1 .color_type4 { background-color: #5bc465; } 
.event1 .color_type5 { background-color: #f4aa28; } 


.event1 .con_tit .end::after { background-color: #fff; } 
.event1 .container_info { } 


.evtoggleWarning .warningList li ul li a { color: red; padding: 0 0 2px; border-bottom: 1px solid red; } 

@media screen and (max-width: 1450px){
 .evCon1 .inner { width: 97%; } 
 }
@media screen and (max-width: 1200px){
 .eventWrap,.evtBoard_common .board_write .inp_wrap textarea { font-size: clamp(13px,1.6vmin,16px); } 
 .eventWrap .tiny_noti { font-size: clamp(10px,1.3vmin,13px); width: 95%; } 
 .evSection:not(.evtoggleWarning,.evCon1,.evCon6) { padding: 15% 0; } 
 .swiper_common_wrap { margin: 0 5%; } 

 .tab_base { margin-bottom: 20px; } 
 .tab_base li a { font-size: clamp(16px, 2.5vmin, 24px); height: clamp(45px, 7vmin, 70px); } 
 
 .fix_menu ul li a { font-size: clamp(12px,3vmin,18px); height: clamp(70px,15vmin,100px); } 
 .fix_menu ul li a .tag { font-size: clamp(10px,1vmin,14px); } 
 .fix_menu ul li a .end { width: min(10vw, 70px); height: min(10vw, 70px); top: 3%; transform: none; right: -3%; } 

 .con_tit { margin-bottom: 10%; } 
 .con_tit h4 { font-size: clamp(20px,5.4vmin,44px); margin: 0 auto; } 
 .con_tit .sub_txt { font-size: clamp(15px,3vmin,20px); margin-top: 3% } 
 .con_tit .top_txt { margin-bottom: 3%; font-size: clamp(15px,3.2vmin,22px); padding: clamp(5px,1vmin,12px) clamp(20px,4vmin,40px); } 

 .circle_txt { margin-bottom: 5%; } 
 .circle_txt span,.evCon8 .teaCurr .circle_txt span { font-size: clamp(15px,3vmin,26px) !important; width: fit-content; padding: 0 5%; line-height: clamp(30px,5vmin,50px); } 

 .circle_txt2 { margin-bottom: 5%; gap: 10px; } 
 .circle_txt2 span { font-size: clamp(15px,3vmin,26px); } 

 .bottom_txt { margin-top: 7%; font-size: clamp(15px,2.5vmin,24px); } 

 /* contents */
 .evCon1 { padding: 0; background-image: none; } 
 .evCon1 .show-1200 { overflow: hidden; } 
 .evCon1 .show-1200 img { margin-bottom: -50%; width: 70%; min-height: 470px; min-width: 330px; } 
 .evCon1 .txt_box { position: absolute; bottom: 10%; left: 50%; width: 100%; transform: translateX(-50%); } 
 .evCon1 .left_txt { font-size: clamp(13px,2.5vmin,24px); margin-bottom: 5%; } 
 .evCon1 .left_txt p { margin-bottom: clamp(5px,2vmin,20px); text-shadow: 0px 0px 1px #ffffffb8; } 
 .evCon1 .left_txt b { } 
 .evCon1 .mid_txt { display: flex; flex-direction: column; } 
 .evCon1 .mid_txt b { font-size: clamp(15px,4vmin,56px); letter-spacing: .8rem; } 
 .evCon1 .mid_txt strong { font-size: clamp(20px,6vmin,90px); } 
 .evCon1 .mid_txt a { width: min(55%, 280px); margin: clamp(20px,5vmin,40px) auto 0; } 

 .evCon2 { } 
 .evCon2 .flex { margin: 0 auto; gap: 10px; } 
 .evCon2 .tiny_noti { margin: 5% 0 0 0; } 

 .evCon3 { } 
 .evCon3 .eventVideo.video_renewal .video_box { width: 61.25vw; /* (735 / 1200) * 100vw */
 height: 34.58vw; /* (415 / 1200) * 100vw */ } 
 .evCon3 .video_wrap .teacher { width: 40%; margin: 0 -15% 0 0; } 

 .evCon4 .tab_base li a { height: auto; line-height: 1.4; } 
 .evCon4 .tab_base li a span { font-size: clamp(13px,2vmin,16px); } 
 .evCon4 .tab_base li a b { font-size: clamp(18px,4vmin,28px); } 
 .evCon4 .panel_base > li {padding: 10% 0;height: clamp(470px,130vmin,850px);} 
 .evCon4 .tab_txt { margin: 0 auto 10%; font-size: clamp(15px,4vmin,28px); } 




.evCon5 .box { gap: 10px; } 
.evCon5 .box li { padding: 5% 2%; font-size: clamp(13px,2vmin,16px); } 
.evCon5 .box li b { } 
.evCon5 .box li span { } 

.teaCurr_wrap > p { margin-left: 38%; } 
 



 .evCon5 { } 
 .evCon6 { } 


 .event1 { } 
 .event1 .con_tit .top_txt { margin: 4% auto } 
 .event1 .container_gift_wrap { margin: 10% auto; } 
 .event1 .eventBoard .radio_list { gap: 10px; } 
 }
@media screen and (max-width: 768px){
 .fix_menu ul { width: 95%; } 
 [class*=mg_popup_wrap] .mg_popup_close, [class*=mg_popup_wrap] button.mfp-close { width: clamp(25px, 4vmin,36px); height: clamp(25px, 4vmin,36px); top: min(-30px,-5.1vmin); background-size: contain; } 


 .evCon2 .flex { flex-wrap: wrap; justify-content: center; } 
 .evCon2 .flex li { } 





 .evCon3 .video_wrap { } 
.evCon3 .eventVideo.video_renewal ,
 .evCon3 .eventVideo.video_renewal .video_box { width: 100%; height: 100%; } 
.evCon3 .video_wrap .teacher { display: none; } 
.evCon3 .review_slider .swiper-slide { height: auto; padding: 10% 10px 5%; justify-content: space-between; } 
.evCon3 .review_slider .swiper-slide strong { font-size: clamp(15px,3vmin,20px); } 
.evCon3 .review_slider .swiper-slide p { font-size: clamp(13px,2.5vmin,15px); } 
.evCon3 .review_slider .swiper-slide span { font-size: clamp(11px,2.4vmin,14px); position: relative; bottom: auto; left: auto; transform: matrix(1, 0, 0, 1, 0, 0); margin-top: 5%; } 
.evCon3 .btn_box { } 

 .evCon5 .box { gap: 10px; flex-direction: column; max-width: 500px; margin: 0 auto 10%; } 
.evCon5 .box li { display: flex; align-items: center; gap: 10px; padding: 5% 2% 5% 5%; text-align: left; font-size: clamp(12px,2vmin,16px); } 
.evCon5 .box li b { margin: 0; padding: 0; border: 0; font-size: clamp(14px,2vmin,20px); width: 140px; } 
.evCon5 .box li span { } 

.evCon6 { padding-bottom: 10%; } 
.evCon6 .flex { margin-left: 0; flex-direction: column; gap: 15px; } 
.evCon6 .flex li:first-child { margin-left: 15%; position: relative; } 
.evCon6 .flex li:first-child::before { content: ''; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 30%; width: 100%; background: linear-gradient(0deg, #2b2b2b 0%, transparent 100%); } 
.evCon6 .flex li:last-child { margin-left: 0; display: flex; justify-content: flex-end; width: 85%; } 


.teaCurr_wrap > p { margin: 0; position: absolute; right: 5%; bottom: 93px; height: 264px; display: flex; align-items: center; } 
.teaCurr_wrap > p span { padding: 20px 10px; margin: 0; font-size: clamp(12px,1.5vmin,15px); } 
.teaCurr_wrap > p::before { height: 100%; width: 1px; border: 0; background: #000; left: 50%; } 
 .teaCurr .essential.td-bold .tbl tbody tr td { padding: 20px 0; } 
.teaCurr .essential.td-bold .tbl tbody tr td.border1 { border-bottom: 3px solid #23a515; border-right: 1px solid #ccc; } 
.teaCurr .essential.td-bold .tbl tbody tr td.border2 { border-top: 3px solid #23a515; border-left: 0; } 
.teaCurr .essential.td-bold .tbl tbody tr td.border1::before { transform: none; left: calc(100% - 40px); z-index: 2; } 

.event1 .eventBoard .radio_list { flex-wrap: wrap; gap: 5px; } 
.event1 .eventBoard .radio_list li { padding: 15px 0; min-width: 100px; } 
.event1 .eventBoard .radio_list li label { } 
.event1 .eventBoard .radio_list li label i { font-size: clamp(10px,1.5vmin,14px); padding: 2px 10px; } 
.event1 .eventBoard .radio_list li label b { height: 50px; } 
.event1 .evtBoard_common .board_list ul li .reply span { color:#fff; padding: 3px 8px; } 
 }