@charset "euc-kr";
/* main */
.main { background-image: url('https://image.megagong.net/m/2023/0510_local/main_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.main h3 { position: relative; } 
.main h3 .bubble { width: 630px; height: 185px; margin: 0 auto; margin-top: 98px; background-image: url('https://image.megagong.net/m/2023/0510_local/main_bubble1.png'); background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15)); } 
.main h3 .bubble.on { background-image: url('https://image.megagong.net/m/2023/0510_local/main_bubble2.png'); } 
.main h3 .first { margin-top: 30px; } 
.main h3 .first .main_subtitle { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; margin-top: 28px; margin-bottom: 60px; } 
.main h3 .first .main_subtitle .line { flex: 1; height: 1px; background-color: #000000; } 
.main h3 .first .main_subtitle .text { padding: 10px 58px; color: #fff; font-size: 28px; background-color: #000000; border-radius: 30px; } 
.main h3 .second { margin-bottom: 176px; } 


/* nav */
.nav { background-color: #000000; } 
.nav.on { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 5; } 
.nav .con_box ul { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.nav .con_box ul li { flex: 1; position: relative; } 
.nav .con_box ul li a { position: relative; display: inline-block; width: 100%; padding: 18px 0; color: #fff; font-size: 17px; font-weight: 300; } 
.nav .con_box ul li a::before { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); content: ''; width: 1px; height: 50px; background-color: #333333; } 
.nav .con_box ul li:last-of-type a::before { display: none; } 
.nav .con_box ul li a span { font-size: 18px; font-weight: 900; background: linear-gradient(to right, #ff865b, #fe1d80); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.nav .con_box ul li a .fin {position: absolute;top: 50%;right: 10px;transform: translate(0, -50%);} 
.nav .con_box ul li.sec a .fin { background: #fe227f;  right: 30px; font-size: 12px;  -webkit-text-fill-color: #fff; width: 67px; height: 67px; display: flex; align-items: center; justify-content: center; border-radius: 50%;} 
.nav .con_box ul li.sec a .fin.on {background: #ff6026; } 

/* °øÅë¿ä¼Ò */
.evSection .con_tit { line-height: 1.3; color: #000000; font-size: 52px; font-weight: 900; } 
.evSection .con_tit .small_title { font-size: 30px; font-weight: 300; } 
.evSection .con_tit .point { background: linear-gradient(to right, #ff865b, #fe1d80); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.evSection .con_box .tab_base { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.evSection .con_box .tab_base li { flex: 1; color: #fff; font-size: 23px; font-weight: 300; background-color: #dddddd; border-bottom: 3px solid #ff007a; } 
.evSection .con_box .tab_base li a { display: inline-block; width: 100%; padding: 23px 0; } 
.evSection .con_box .tab_base li.on { background-color: #ff007a; } 


/* evCon1 */
.evCon1 { padding: 130px 0 137px 0; background-color: #f9f9f9; } 
.evCon1 .con_box .img_box.for_pc { width: 1080px; height: 306px; margin: 0 auto; margin-top: 120px; background-image: url('https://image.megagong.net/m/2023/0510_local/con1_img1.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon1 .con_box .img_box.for_pc.on { background-image: url('https://image.megagong.net/m/2023/0510_local/con1_img2.png'); } 
.evCon1 .con_box .img_box.for_mo { display: none; width: 728px; height: 608px; margin: 0 auto; background-image: url('https://image.megagong.net/m/2023/0510_local/con1_img_mo1.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon1 .con_box .img_box.for_mo.on { background-image: url('https://image.megagong.net/m/2023/0510_local/con1_img_mo2.png'); } 


/* evCon2 */
.evCon2 { padding: 130px 0 141px 0; background-color: #ffffff; } 
.evCon2 .inner { position: relative; } 
.evCon2 .tiny_noti { position: absolute; top: -120px; right: 0; color: #999999; font-size: 12px; font-weight: 300; } 
.evCon2 .con_tit { margin-bottom: 65px; } 
.evCon2 .con_box { margin: 0 40px; } 
.evCon2 .con_box .panel_base li { padding-top: 20px; } 
.evCon2 .con_box .panel_base li .eventVideo.with_shadow { margin-bottom: 0; } 


/* evCon3 */
.evCon3 { padding: 130px 0 131px 0; background-color: #f9f9f9; } 
.evCon3 .con_tit { margin-bottom: 65px; } 
.evCon3 .con_box { margin: 0 40px; } 
.evCon3 .top_noti { text-align:right; padding: 0 0 10px; opacity: 0.5; } 
.evCon3 .con_box .tab_base li a span { position: relative; } 
.evCon3 .con_box .tab_base li a span sup { position: absolute; top: 2px; right: -9px; } 
.evCon3 .con_box .panel_base li { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } 
.evCon3 .con_box .panel_base li > a { margin-top: 55px; margin-bottom: 10px; } 
.evCon3 .con_box .panel_base li .top { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.evCon3 .con_box .panel_base li .top .eventVideo.video_renewal { width: 688px; margin-bottom: 0; } 
.evCon3 .con_box .panel_base li .top .book { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; } 
.evCon3 .con_box .panel_base li .top .book > a:first-of-type { margin-bottom: 6px; } 
.evCon3 .con_box .panel_base li .bottom { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; margin-top: 80px; } 
/* .evCon3 .con_box .panel_base li .bottom.for_mo_slide { display: none; }  */
.evCon3 .con_box .panel_base li .bottom .bottom_ul {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 1040px;} 
.evCon3 .con_box .panel_base li .bottom .bottom_ul .slick-slide{width: 345px;}
.evCon3 .con_box .panel_base li .bottom .bottom_ul .slick-slide > div{padding: 10px;}
.evCon3 .con_box .panel_base li .bottom .bottom_ul .bottom_li {display: flex !important;flex-direction: column;align-items: center;justify-content: center;flex: 1;padding: 35px 10px;background-color: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);border-radius: 20px;} 
.evCon3 .con_box .panel_base li .bottom .bottom_ul .bottom_li.h200 p { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 90px; } 
.evCon3 .con_box .panel_base li .bottom .bottom_ul .bottom_li:last-of-type {} 
.evCon3 .con_box .panel_base li .bottom .bottom_ul .bottom_li span { display: inline-block; margin-bottom: 12px; color: #ff007a; font-size: 20px; font-weight: 900; } 
.evCon3 .con_box .panel_base li .bottom .bottom_ul .bottom_li p { color: #000000; font-size: 16px; font-weight: 300; } 
.evCon3 .con_box .panel_base li .bottom .tiny_noti { display: block; width: 100%; margin-top: 24px; color: #999999; font-size: 12px; font-weight: 300; text-align: left; } 


/* event */
.event { overflow: initial !important; padding: 130px 0 137px 0; background: rgb(50,159,233); background: linear-gradient(129deg, rgba(50,159,233,1) 0%, rgba(75,225,191,1) 100%); } 
.event .inner { position: relative; } 
.event .inner .fin { position: absolute; top: -11px; right: 17%; z-index: 3; } 
.event .con_tit { color: #fff; font-size: 64px; } 
.event .con_tit > img { margin-bottom: 30px; } 
.event .con_tit .small_title { display: inline-block; line-height: 1.2; font-size: 26px; } 
.event .con_tit .small_title i { color: #fffa49; font-style: normal; } 
.event .con_tit .point { color: #fffa49; background: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; } 
.event .con_box .container_info { display: inline-flex; margin-top: 57px; margin-bottom: 40px; padding: 12px 50px 12px 70px; background-color: transparent; border: 2px solid #fff; } 
.event .con_box .lecture { padding-bottom: 0 !important; background-color: #fff; } 


/* À¯ÀÇ»çÇ× */
.eventWrap .evWarning { padding: 60px 0; } 
.warningList > li.w_tit { font-weight: bold; } 
.warningList > li { margin-top: 10px; } 


@media screen and (max-width: 1200px){
 .nav.on { bottom: 65px; } 
 .evCon1 .con_box .img_box.for_pc { width: 100%; } 
.nav .con_box ul li a {font-size: clamp(12px,2vmin,17px);} 
 .nav .con_box ul li.sec a .fin { border-radius: 10px; right: clamp(2%,0vmin,30px); width: max(55px,7vmin); height: max(55px,7vmin); } 
 
 .evCon3 .con_box .panel_base li .top{width: 100%;}
 .evCon3 .con_box .panel_base li .top .eventVideo.video_renewal{width: 60%;}
 .evCon3 .con_box .panel_base li .top .book{width: 40%;align-items: center;}
 .evCon3 .con_box .panel_base li .bottom .bottom_ul{width: 110%;margin-left: 5%;}
 .evCon3 .con_box .panel_base li .bottom .bottom_ul .slick-slide{width: 30vw;}

 }

@media screen and (max-width: 992px){
 .evSection .con_tit { font-size: 42px; } 
 .evSection .con_tit .small_title { font-size: 22px; } 
 .evCon1 .con_box .img_box.for_pc { display: none; } 
 .evCon1 .con_box .img_box.for_mo { display: block; margin-top: 10vw; } 
 .evCon3 .con_box .panel_base li .top { flex-direction: column; } 
 .evCon3 .con_box .panel_base li .top .eventVideo.video_renewal { width: 100%; } 
 .evCon3 .con_box .panel_base li .top .book {align-items: center;margin-top: 5vw;width: 100%;} 
 .evCon3 .con_box .panel_base li .top .book > img { margin-left: -30px; } 
 .evCon3 .con_box .panel_base li .bottom { margin-top: 5vw; } 
 /* .evCon3 .con_box .panel_base li .bottom.for_pc { display: none; }  */
 /* .evCon3 .con_box .panel_base li .bottom.for_mo_slide { display: block; }  */
 .evCon3 .con_box .panel_base li .bottom .bottom_ul{width: 100%;margin-left: 0;}
 .evCon3 .con_box .panel_base li .bottom .bottom_ul .slick-slide{width: auto}
 .evCon3 .con_box .panel_base li .bottom .slick-slide {/* margin: 30px 30px; */} 
 .evCon3 .con_box .panel_base li .bottom .slick-dots { position: absolute; left: 0; bottom: -20px; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 10px; background-color: #f1f1f1; border-radius: 20px; } 
 .evCon3 .con_box .panel_base li .bottom .slick-dots li { flex: 1; height: 10px; background-color: rgba(0, 0, 0, 0.3); } 
 .evCon3 .con_box .panel_base li .bottom .slick-dots li:first-of-type { border-radius: 10px 0 0 10px; } 
 .evCon3 .con_box .panel_base li .bottom .slick-dots li:last-of-type { border-radius: 0 10px 10px 0; } 
 .evCon3 .con_box .panel_base li .bottom .slick-dots li button { font-size: 0; } 
 .evCon3 .con_box .panel_base li .bottom .slick-dots li.slick-active { background-color: #fe1d80; } 
 .evCon3 .con_box .panel_base li .bottom .tiny_noti { margin-top: 30px; } 

 .event .inner .fin { right: 0; } 
 .event .con_tit { font-size: 52px; } 
 .event .con_tit .small_title { font-size: 22px; } 
 }

@media screen and (max-width: 768px){
 .nav .con_box ul li a{display: flex;flex-direction: column;justify-content: flex-end;padding: 0 0 15px;align-items: center;height: clamp(100px,15vmin,110px);}
 .nav .con_box ul li.sec a .fin {right: auto;height: auto;position: relative;top: auto;transform: none;width: fit-content;margin: 0 auto;font-size: clamp(11px,1.2vmin,12px);font-weight: normal;padding: 2px 10px;} 
.nav .con_box ul li a .fin {width: 12vw;top: 1%;transform: none;right: 0;} 
 
 .main h3 .bubble { width: 100%; } 
 .evSection .con_tit { font-size: 31px; } 
 .evSection .con_tit .small_title { font-size: 18px; } 
 .evSection .con_box .tab_base li { font-size: 18px; } 
 .evSection .con_box .tab_base li a { padding: 15px 0; } 
 .evCon1 { padding: 10vw 0 5vw 0; } 
 .evCon1 .con_box .img_box.for_mo { width: 100%; margin-top: 0; } 
 .evCon2,
 .evCon3,
 .event { padding: 10vw 0; } 
 .evCon2 .tiny_noti { top: calc(-10vw + 10px); font-size: 9px; } 
 .evCon2 .con_box,
 .evCon3 .con_box { margin: 0 auto; } 
 .evCon3 .con_box .panel_base li .top { width: 100%; } 
 /* .evCon3 .con_box .panel_base li .bottom .bottom_ul .bottom_li{width: 300px !important;} */
 .evCon3 .con_box .panel_base li .bottom .bottom_ul .bottom_li span { margin-bottom: 8px; font-size: 18px; } 
 .evCon3 .con_box .panel_base li .bottom .bottom_ul .bottom_li p { font-size: 14px; } 
 .evCon3 .con_box .panel_base li .bottom .slick-slide {/* margin: 15px 15px; */} 
 .event .inner .fin { width: 25vw; } 
 .event .con_tit { font-size: 31px; } 
 .event .con_tit > img { width: 30vw; } 
 .event .con_tit .small_title { font-size: 18px; } 
 .event .con_box .container_info { margin-top: 5vw; margin-bottom: 5vw; } 
 }

@media screen and (max-width: 576px){
 .nav.on { bottom: 55px; } 
 .main h3 .bubble { margin-top: 0; } 
 .main h3 .first { margin-top: 0; } 
 .main h3 .first .main_subtitle { margin-bottom: 30px; } 
 .main h3 .first .main_subtitle .text {padding: 10px 30px;font-size: 14px;} 
 .main h3 .second { margin-bottom: 15vw; }  
 .nav .con_box ul li a span { font-size: 16px; } 
 
 .main h3 .bubble { width: 100%; } 
 .evSection .con_tit { font-size: 19px; } 
 .evSection .con_tit .small_title { font-size: 14px; } 
 .evSection .con_box .tab_base li { font-size: 12px; } 
 .evSection .con_box .tab_base li a { padding: 7px 0; } 
 .evCon1 .con_box .img_box.for_mo { height: 100vw; } 
 .evCon2 .con_tit,
 .evCon3 .con_tit { margin-bottom: 5vw; } 
 .evCon3 .con_box .panel_base li .bottom .bottom_ul .bottom_li {padding: 20px 4px;border-radius: 10px;} 
 .evCon3 .con_box .panel_base li .bottom .bottom_ul .bottom_li span { font-size: 14px; letter-spacing: -1.5px; } 
 .evCon3 .con_box .panel_base li .bottom .bottom_ul .bottom_li p { font-size: 12px; letter-spacing: -1px; } 
 .evCon3 .con_box .panel_base li .bottom .bottom_ul .bottom_li p,
 .evCon3 .con_box .panel_base li .bottom .bottom_ul .bottom_li.h200 p { display: flex; align-items: center; justify-content: center; } 
 .evCon3 .con_box .panel_base li .bottom .bottom_ul .bottom_li p { height: 90px; } 
 .evCon3 .con_box .panel_base li .bottom .bottom_ul .bottom_li.h200 p { height: 128px; } 
 .evCon3 .con_box .panel_base li .bottom .tiny_noti { font-size: 9px; } 
 .event .con_box .container_info { padding: 12px 18px 12px 30px; } 
 }