@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 */

/* setting */
.br_1200 { display: none; } 
.br_992 { display: none; } 
.br_768 { display: none; } 
.br_576 { display: none; } 
.br_375 { display: none; } 

.con_tit { font-size: 40px; font-weight: 800; line-height: 50px; margin-bottom: 50px; } 
.mini_tit { font-size: 20px; color: #444444; font-weight: 900; margin-bottom: 8px; } 
.sub_tit { font-size: 26px; font-weight: 800; margin-bottom: 20px; } 
.main_text { font-size: 26px; font-weight: 700; } 
.sub_text { font-size: 26px; font-weight: 700; } 
.con_tit b { font-weight: 800; } 

.eventWrap .inner { padding: 150px 0; } 

.lecture { padding-bottom: 0 !important; } 

.point_color { color: #e342fc; } 
.sb_ver .point_color { color: #00a8bf; } 

/* gong */
/* gong con1 */
.evCon1 { background: url(https://image.megagong.net/m/2023/1212_final/bg_con1.jpg) no-repeat center center; background-size: cover; } 
.eventWrap .evCon1 .inner { padding: 70px 0 150px; } 
.evCon1 .mini_tit_con1 { margin-bottom: 55px; } 
.evCon1 .max_zoom { position: absolute; width: 100%; left: 50%; transform: translateX(-50%) scale(1); top: 322px; } 
.evCon1 .zoom_sd { position: absolute; width: 100%; left: 50%; transform: translateX(-50%) scale(1); top: 322px; } 
.evCon1 [data-aos=zoom-in-right] { transform: translateX(-60%); } 
.evCon1 [data-aos=zoom-in-down] { transform: translateX(-50%) scale(.4); opacity: 0.3; } 
.evCon1 [data-aos^=zoom][data-aos^=zoom].aos-animate, .evCon1 [data-aos^=fade][data-aos^=fade].aos-animate { transform: translatex(-50%); opacity: 1; } 


/* gong con2 */
.evCon2 .notsame_box { display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 8px; box-shadow: 0px 0px 34px rgba(198,29,213,0.3); padding: 27px 0; margin: 0 120px 40px; } 
.evCon2 .obj_back { position: absolute; left: 50%; bottom: -72px; transform: translateX(-50%); z-index: -1; } 


/* gong con3 */
.evCon3 { background: #fbcbff; } 
.eventWrap .evCon3 .inner { padding: 145px 0; } 
.evCon3 .box_type { background: #fff; border-radius: 8px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } 
.evCon3 .box_type.gra_point { background: linear-gradient(90deg, rgba(225,61,253,1) 0%, rgba(255,123,88,1) 100%); } 
.evCon3 .box_list { display: flex; justify-content: center; align-items: center; gap: 10px; margin:0 40px 95px; } 
.evCon3 .box_list li { width: 33%; height: 136px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; position: relative; } 
.evCon3 .box_list li p { width: 100%; } 
.evCon3 .box_list li .arrow { position: absolute; right: -20px; top: 50%; transform: translateY(-51%); z-index: 1; } 
.evCon3 .box_list li .box_tit { font-size: 15px; font-weight: 800; margin-bottom: 6px; } 
.evCon3 .box_list li .box_text { font-size: 18px; line-height: 22px; } 
.evCon3 .sliderBasic .item.box_type { padding: 30px 0 37px; } 
.evCon3 .sliderWrap { margin: 0 -40px 0 40px; } 
.evCon3 .sliderWrap .slick-list { margin-left: 0vw; padding: 10px 0 10px 0; } 
.evCon3 .sliderWrap .slick-slide { width: 325px; margin-right: 0.7vw; } 


/* gong con4 */
.eventWrap .evCon4 .inner { padding: 140px 0 120px; } 
.evCon4 .noti_tiny { color: #999; font-size: 15px; margin-top: 10px; font-weight: 300; } 
.evCon4 .sliderWrap { margin: 0 37px; } 
.evCon4 .sliderBasic2 .slick-list { margin-left: 0vw; padding: 0 0 0 3px; } 
.evCon4 .sliderBasic2 .slick-slide { width: 325px;; margin-right: 0.7vw; } 
.evCon4 .sliderBasic2 .item { background: #fff; border-radius: 8px; height: 333px; display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; align-content: flex-start; padding: 35px 10px 10px; box-sizing: border-box; border: 1px solid #d0d0d0; } 
.evCon4 .sliderBasic2 .item .review_tit { font-size: 18px; font-weight: 800; width: 100%; margin-bottom: 15px; } 
.evCon4 .sliderBasic2 .item .review_text { font-size: 15px; font-weight: 300; } 
.evCon4 .sliderWrap .sliderArrow a { top: 45%; left: -4%; } 
.evCon4 .sliderWrap .sliderArrow a + a { left:auto; right: -4%; } 


/* gong con5 */
.evCon5 { background: #f6f6f6; } 


/* sobang */
/* sobang con1 */
.sb_ver .evCon1 { background: url(https://image.megagong.net/m/2023/1212_final/bg_con1_sb.jpg) no-repeat center center; background-size: cover; } 
.sb_ver .evCon1 [data-aos=zoom-in-right] { transform: translateX(-50%); } 
.sb_ver .evCon2 .notsame_box { box-shadow: 0px 0px 34px rgba(29,213,206,0.4); } 
.sb_ver .evCon3 { background: #abeff3; } 
.sb_ver .evCon3 .box_type.gra_point { background: linear-gradient(90deg, rgb(188 255 150) 0%, rgb(20 202 227) 100%); } 
.sb_ver .evCon4 .sliderBasic2 .item { height: 273px; } 



/* lec */
.evSection:has(.lecture) .lecture { background: transparent; } 
.lectlist .lect_item { background: #fff; } 
/* .lectlist .lect_item:last-child .pocket_pop { top: -468px; } 
.lectlist .lect_item:last-child .pocket_pop.prevw { top: 100%; }  */
.lecTab_wrap > div ul, .teaTab_wrap > div ul, .stepTab_wrap > div ul {display: block;}
.lecTab_wrap > div, .teaTab_wrap > div, .stepTab_wrap > div { position: relative; background: #fff; } 

@media screen and (max-width: 1200px) { /* °øÅë */
.br_1200 { display: block; } 
.br_1200_none { display: none; } 
.con_tit { margin-bottom: 6%; font-size: 37px; line-height: 49px; padding: 0 8%; } 
.mini_tit { font-size: 22px; } 
.sub_tit { font-size: 25px; margin-bottom: 2%; } 
.main_text { font-size: 24px; } 
.sub_text { font-size: 24px; } 

.eventWrap .inner { padding: 12% 0; } 

/* con1 */
.eventWrap .evCon1 .inner { padding: 10% 0 13%; } 
.evCon1 .mini_tit_con1 { margin-bottom: 6%; padding: 0 29%; } 
.evCon1 h3 { padding: 0 16%; } 
.evCon1 .max_zoom, .evCon1 .zoom_sd { width: 90%; top: 45%; } 

/* con2 */
.evCon2 .notsame_box { padding: 3.5% 0; margin: 0 7% 5%; } 
.evCon2 .obj_back { bottom: -11%; width: 36%; } 
.evCon2 .notsame_box p { width: 24%; } 

/* con3 */
.eventWrap .evCon3 .inner { padding: 10% 0; } 
.evCon3 .box_list { gap: 1%; margin: 0 3% 7%; } 
.evCon3 .sliderWrap { margin: auto; } 
.evCon3 .sliderWrap .slick-list { padding: 1% 0 1% 0; } 
.evCon3 .sliderWrap .slick-slide { width: 311px; } 
.evCon3 .sliderBasic .item.box_type { padding: 7% 18%; } 

/* con4 */
.eventWrap .evCon4 .inner { padding: 10% 0 10%; } 
.evCon4 .sliderWrap { margin: 0 4%; } 
.evCon4 .sliderBasic2 .item { padding: 8% 3% 3%; } 
.evCon4 .sliderBasic2 .item .review_tit { font-size: 16px; margin-bottom: 5%; } 

.eventWrap .evCon5 .inner {
    padding: 12% 0 30%;
}

/* lec */
/* .lectlist .lect_item:last-child .pocket_pop { top: -266%; } 
.lectlist .lect_item:last-child .pocket_pop.prevw { top: 100%; }  */
 }

@media screen and (max-width: 992px){
 .clickPop { padding: 15px 0 20px; } 
 .dim_popup.sns .tit { font-size:22px } 
 .dim_popup.sns table { font-size:12px } 

 /* °øÅë */
.br_992 { display: block; } 
.br_992_none { display: none; } 
.con_tit { font-size: 29px; line-height: 39px; } 
.mini_tit { font-size: 18px; } 
.sub_tit { font-size: 23px; } 
.main_text { font-size: 19px; } 
.sub_text { font-size: 22px; } 

/* con1 */
.evCon1 .mini_tit_con1 { padding: 0 26%; } 
.evCon1 h3 { padding: 0 12%; } 
.evCon1 .max_zoom, .evCon1 .zoom_sd { width: 95%; top: 46%; } 

/* con3 */
.evCon3 .box_list li { height: 106px; } 
.evCon3 .box_list li .arrow { width: 12%; right: -8%; } 
.evCon3 .box_list li .box_text { font-size: 15px; line-height: 19px; } 
.evCon3 .sliderWrap { margin: 0px 3%; } 
.evCon3 .sliderBasic .item.box_type { padding: 4% 36%; box-shadow: none; } 
.evCon3 [data-aos=zoom-in-down] { transform: translate3d(0,0,0) scale(1); } 

/* con4 */
.evCon4 .sliderBasic2 .item { padding: 3% 3% 3%; height: 213px; align-content: center; margin-bottom: 2%; } 
.evCon4 .sliderBasic2 .item .review_tit { margin-bottom: 2%; } 
.evCon4 .sliderWrap .sliderArrow a { top: 48%; left: -4%; } 
.evCon4 .noti_tiny { font-size: 13px; margin-top: 0px; } 

/* sobang */
/* con4 */
.sb_ver .evCon4 .sliderBasic2 .item { height: 193px; } 

/* lec */
/* .lectlist .lect_item:last-child .pocket_pop { top: -252%; }  */
 }

@media screen and (max-width: 768px) { /* °øÅë */
.br_768 { display: block; } 
.br_768_none { display: none; } 
.con_tit { font-size: 24px; line-height: 31px; padding: 0 1%; } 
.mini_tit { font-size: 16px; margin-bottom: 1%; } 
.sub_tit { font-size: 19px; } 
.main_text { font-size: 18px; } 
.sub_text { font-size: 19px; } 

/* con1 */
.evCon1 .mini_tit_con1 { padding: 0 21%; } 

/* con2 */
.evCon2 .notsame_box { padding: 4% 0; } 
.evCon2 .notsame_box { display: block; } 
.evCon2 .notsame_box p { width: 100%; padding: 0 33%; margin-bottom: 2%; } 
.evCon2 .notsame_box p:last-child { margin-bottom: 0; } 

/* con3 */
.evCon3 .box_list li .box_tit { font-size: 14px; margin-bottom: 2%; } 
.evCon3 .box_list li .box_text { font-size: 13px; line-height: 15px; } 
.evCon3 .sliderBasic .item.box_type { padding: 4% 33%; } 

/* con4 */
.evCon4 .sliderWrap { margin: 0 5%; } 
.evCon4 .sliderWrap .sliderArrow a { left: -5%; } 
.evCon4 .sliderWrap .sliderArrow a + a { right: -5%; } 

/* lec */
/* .lectlist .lect_item:last-child .pocket_pop.prevw { top: 0; }  */
 }

@media screen and (max-width: 576px){
 .dim_popup.sns { width:90% } 

 /* °øÅë */
.br_576 { display: block; } 
.br_576_none { display: none; } 
.sub_tit { font-size: 15px; } 
.con_tit { font-size: 21px; line-height: 27px; padding: 0 0%; margin-bottom: 8%; } 
.mini_tit { font-size: 14px; display: block; line-height: 20px; } 
.main_text { font-size: 16px; } 
.sub_text { font-size: 15px; } 

/* con1 */
.evCon1 .mini_tit_con1 { padding: 0 14%; } 
.evCon1 h3 { padding: 0 4%; } 
.evCon1 .max_zoom, .evCon1 .zoom_sd { width: 97%; top: 49%; } 

/* con2 */
.evCon2 .obj_back { bottom: -5%; } 
.evCon2 .notsame_box { margin: 0 4% 9%; } 
.evCon2 .notsame_box p { padding: 0 27%; } 

/* con3 */
.evCon3 .box_list { margin: 0 0% 7%; } 
.evCon3 .box_list li { height: 136px; } 
.evCon3 .box_list li .arrow { width: 16%; right: -11%; } 
.evCon3 .sliderWrap { margin: auto; } 
.evCon3 .sliderBasic .item.box_type { padding: 4% 27%; } 

/* con4 */
.evCon4 .sliderBasic2 .item { height: 193px; } 
.evCon4 .sliderBasic2 .item .review_tit { font-size: 14px; } 
.evCon4 .sliderBasic2 .item .review_text { font-size: 13px; } 
.evCon4 .sliderWrap .sliderArrow a { width: 5%; top: 49%; } 

.evCon4 .sliderBasic2 .item br { display: none; } 

/* sobang */
/* con4 */
.sb_ver .evCon4 .sliderBasic2 .item { height: 172px; } 
 }

@media screen and (max-width: 375px) { /* °øÅë */
 .br_375 { display: block; } 
 .br_375_none { display: none; } 
 }