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

/* S: °øÀ¯Çϱâ À̺¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */
/* popup */
.black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:92 } 
.dim_popup button { position:absolute; right: 15px; top: 15px; background: none; } 
.clickPop { width: 470px; background: #fff; padding: 30px 0 35px; position: fixed; left:50%; top: 50% !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 99; } 

/* url popup */
.dim_popup.sns .tit { text-align:center; margin: 20px 0; padding: 0 15px; font-size: 30px; font-weight: bold; } 
.dim_popup.sns table { font-size: 14px; } 
.dim_popup.sns table tr th, .dim_popup.sns table tr td { padding: 8px 5px; border: 1px solid #ddd; word-break: break-all; text-align: center; } 
.dim_popup.sns table tr th { border-color:#fff; background:#eaeaea } 
.dim_popup.sns table tr td.con { text-align:left } 
.dim_popup.sns .btnConfirm { text-align:center; margin: 40px 0 0 0; } 
.dim_popup.sns .btnClose { position:absolute; right: 10px; top: 10px; background: url(https://image.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; } 


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

/* setting */
.con_tit { font-size: 45px; font-weight: 800; line-height: 56px; margin-bottom: 60px; } 
.mini_tit { font-size: 25px; color: #333333; margin-bottom: 15px; } 
.sub_tit { font-size: 40px; margin-bottom: 20px; color: #333333; } 
.main_text { font-size: 20px; color: #333333; line-height: 35px; margin-bottom: 100px; } 
.sub_text { font-size: 28px; } 
.con_tit b { font-weight: 800; } 
.sub_tit strong { font-weight: 800; } 

.point_color { color: #ff6143; } 
.w_point_color { color: #fff; } 

.mo_ver { display: none !important; } 

/* ÇȽº ¸Þ´º¸¦ À§ÇÑ css */
.eventWrap .evSection.fix_mode { padding-top:100px; } 
.fix_menu { background: #000; z-index: 5; position: relative; height: inherit; } 
.fix_menu ul { width: 1080px; margin: 0 auto; display:flex; align-items:flex-start; justify-content:space-between; } 
.fix_menu li { width: 30%; position: relative; } 
.fix_menu li i { position: absolute; top: 50%; right: -35px; transform: translateY(-50%); z-index: 2; } 
.fix_menu li a { display: block; padding: 24px 0; font-size: 20px; position: relative; color: rgba(255, 255, 255, 1); font-weight: 300; } 
.fix_menu li:last-child a:before { display:none } 
.fix_menu li a strong { color: #fbc604; font-weight: 800; } 
.fix_menu li.on a { color:rgba(255, 255, 255, 1); } 
.fix_menu.fixed { position: fixed; top: 0; left: 0; width: 100%; } 

/* À¯Æ©ºê Æ˾÷ */
.cmg_popup_wrap.cmg_fullpage .cmg_popup_inner { top: 47%; } 

/* con1 */
.evSection.evCon1 { position: relative; height: 1000px; } 
.evCon1 .vod_area::after { content: ""; display: block; width: 100%; height: 100%; background: #000; opacity: 0.5; position: absolute; left: 0px; top: 0px; z-index: 1; } 
.evCon1 .vod_area video { height: 100%; width: 100%; } 
.evCon1 .main_wrap { position: absolute; left: 150px; top: 295px; z-index: 1; } 
.evCon1 h3 { margin-bottom: 55px; } 
.evCon1 .pop_btn { display: block; margin-left: 21px; text-align: left; } 
.evCon1 .pop_btn a { display: inline-block; } 

/* con2 */
.evCon2 .inner { padding: 170px 0 190px; } 
.evCon2 .con_tit { margin-bottom: 110px; } 

/* con3 */
.evCon3 { background: #fff3ca; } 
.evCon3 .inner { padding: 140px 0 165px; } 
.evCon3 .con_box { margin: 0 -25px; } 
.evCon3 .sliderWrap .sliderArrow a { left: 4%; } 
.evCon3 .sliderWrap .sliderArrow a + a { left: auto; right: 3%; } 

/* con4 */
.evCon4 .inner { padding: 150px 0 80px; } 
.evCon4 .cau_box { background: #ff6143; position: relative; padding: 25px 0 29px; margin-bottom: 85px; } 
.evCon4 .cau_box .cau_ico { position: absolute; left: 87px; top: -20px; z-index: 3; } 
.evCon4 .step_box { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 24px; } 
.evCon4 .item { position: relative; } 
.evCon4 .item .link_wrap { display: flex; justify-content: center; align-items: center; gap: 15px; position: absolute; left: 50%; bottom: 50px; width: 100%; transform: translateX(-50%); } 
.evCon4 .item .link_btn a { display: inline-block; } 


/* con5 */
.evCon5 { padding: 80px 0 150px; overflow: inherit !important } 
.evCon5 .con_tit.ver2 { font-size: 45px; margin-bottom: 70px; } 
.evCon5 .lecTab_wrap { background-color:#fff } 
.evCon5 .lecTab_wrap > div ul { display: block; } 
.evCon5 .lectlist .lect_item { background: #fff; } 
.evCon5 .lecTab_wrap { border-top: 1px solid #d6d6d6 !important; } 
.evCon5 .lecTab_wrap + .lecTab_wrap { border-top: 0 !important; } 
.lectlist.ver2 .lect_item .listotal .lecMoney ul li strong { font-size: 13px; } 
.conditionSearch_wrap .condition_btn a { font-size: 13px; } 

.evCon5 .lec_box { padding: 0px 70px 0; background: #fff; } 
.evCon5 .grd_box { position: relative; text-align: left; } 
.evCon5 .grd_box strong { display: block; font-size: 20px; float: left; } 
.evCon5 .grd_list { margin-left: 110px; padding-top: 3px; } 
.evCon5 .grd_list li { float: left; margin-right: 7px; } 
.evCon5 .grd_list li a { position: relative; display: block; border: 1px solid #e3e3e3; color: #777; background: #f5f5f5; border-radius: 30px; width: 75px; padding: 0 0 0 15px; text-align: left; font-weight: 300; font-size: 15px; } 
.evCon5 .grd_list li a::before { content: '\02C7'; display: block; position: absolute; top: -3px; right: 3px; color: #777; font-size: 18px; } 
.evCon5 .grd_list li.on a { color: #fff; background: #26b7bc; border: 1px solid #26b7bc; } 
.evCon5 .grd_list li.on a::before { color: #fff; } 
.evCon5 .serial_box { overflow: hidden; width:100%; margin-bottom: 40px; } 
.evCon5 .serial_box > li { float: left; width:50%; height: 58px; color: #777; background: #f5f5f5; border: 1px solid #e3e3e3; box-sizing: border-box; } 
.evCon5 .serial_box > li.on { background:#26b7bc; border: 1px solid #26b7bc; color: #fff; } 
.evCon5 .serial_box > li a { text-align: center; padding:16px 0; display: block; font-size: 17px; } 
.lecTab_wrap > div, .teaTab_wrap > div, .stepTab_wrap > div { text-align: left; } 

/* con6 */
.evCon6 { background: #f0c148; } 
.evCon6 .inner { padding: 145px 0 165px; } 
.evCon6 .con_tit { font-size: 55px; line-height: 70px; margin-bottom: 55px; } 
.evCon6 .img_con6 { margin-bottom: 75px; } 
.evCon6 .set_wrap { border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 55px 0 40px; position: relative; } 
.evCon6 .set_wrap .set_per { position: absolute; top: 20px; right: 270px; } 
.evCon6 .set_wrap .sub_tit { margin-bottom: 40px; } 
.evCon6 .set_wrap .set_box { display: flex; gap: 25px; } 

/* con7 */
.eventWrap .evWarning { padding: 0px 0; background: #222; } 
.evtoggleWarning .warningList { padding: 40px 0 90px; } 
.evtoggleWarning p.w_tit { font-weight: 600; } 
.evtoggleWarning p.w_tit::before { background: #222; } 
.warningList li { color: #dddddd; } 
.warningList li.box { border: 1px solid #676b72; padding: 20px 24px; margin-top: 15px; } 
.warningList li.box li { text-indent: -10px; margin-left: 10px; } 

/* 24 01 25 */
.fix_menu.tab4 ul { align-items: center; } 
.fix_menu.tab4 li:nth-child(4) { line-height: 26px; } 
.fix_menu.tab4 li { position: relative; } 
.fix_menu.tab4 li a { padding: 12px 0; } 
.fix_menu.tab4 li a .event_tab { font-size: 15px; background: #fff; color: #000; font-weight: 500; border-radius: 50px; padding: 0 11px; } 
.fix_menu.tab4 li .end { position: absolute; right: -9px; top: 50%; z-index: 2; width: 81px; height: 80px; max-width: 25vw; max-height: 25vw; transform: translateY(-50%); } 
.fix_menu.tab4 li .end::after { content: ""; position: absolute; right: 0; top: 0; margin: auto; display: inline-block; height: 100%; width: 100%; background-color: orange; -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); } 


.pocket_pop {z-index: 6;}

@media screen and (max-width: 1800px){
 .evCon1 .vod_area video { width: 150%; position: absolute; left: 50%; transform: translateX(-50%); } 
 }

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


.fix_menu ul { width: 96%; } 
.fix_menu li a { padding: 6% 0; font-size: 19px; } 

/* con1 */

.evSection.evCon1 { height: 100vh; } 
.evCon1 h3 { margin-bottom: 5%; } 
.evCon1 .main_wrap { left: 2%; top: 50%; transform: translateY(-50%); width: 62%; } 
.evCon1 .pop_btn { margin-left: 3%; } 

/* con2 */
.evCon2 .inner { padding: 11% 0 13%; } 
.evCon2 .con_tit { margin-bottom: 7%; } 
.evCon2 .con_box { padding: 0 6%; } 

/* con3 */
.evCon3 .inner { padding: 13% 0 13%; } 
.evCon3 .sliderWrap .sliderArrow a { width: 2%; } 

/* con4 */
.evCon4 .inner { padding: 14% 0 7%; } 
.evCon4 .cau_box { padding: 3% 20% 3%; margin-bottom: 9%; } 
.evCon4 .cau_box .cau_ico { left: 4%; top: -17%; width: 13%; } 
.evCon4 .step_box { gap: 10px } 
.evCon4 .step_box .item { width: 49%; } 
.evCon4 .item .link_wrap { gap: 10px; } 
.evCon4 .item .link_wrap .link_btn { width: 42%; } 

/* con5 */
.evCon5 { padding: 8% 0 6%; } 
.evCon5 .lec_box { padding: 5% 4% 0; } 
.evCon5 .serial_box > li { height: auto; } 
.evCon5 .serial_box > li a { padding: 5% 0; font-size: 15px; } 
.lectlist.ver2 .lect_item .listotal { width: 50px; } 
.lectlist.ver2 .lect_item { padding: 15px 5px; } 
.pocket_pop .cart_list li.on .p_tit,.pocket_pop .cart_list li .p_tit { font-size: 12px; } 
.lecList .lecBook .bookList .f_left, .wideC .lecture .lecList .lectlist .lect_item .lecBook .bookList .f_left { padding: 0 45px 0 0; } 
.lectlist .lect_item .lecBook .bookList li { line-height: 1.6; } 

/* con6 */
.evCon6 .inner { padding: 13% 0 12%; } 
.evCon6 .sub_tit.img_ver { padding: 0 25%; } 
.evCon6 .con_tit { font-size: 50px; line-height: 61px; margin-bottom: 5%; } 
.evCon6 .img_con6 { margin-bottom: 11%; padding: 0 15%; } 
.evCon6 .set_wrap { padding: 5% 0 5%; } 
.evCon6 .set_wrap .sub_tit { margin-bottom: 4%; } 
.evCon6 .set_wrap .set_per { top: 3%; right: 25%; width: 11%; } 
.evCon6 .set_wrap .set_box { gap: 2%; } 
.evCon6 .set_wrap .set_box .pay_box { width: 50%; } 
}

@media screen and (max-width: 992px) { /* °øÅë */
.br_992 { display: block; } 
.br_992_none { display: none; } 
.con_tit { font-size: 38px; line-height: 53px; } 
.mini_tit { font-size: 22px; } 
.sub_tit { font-size: 35px; } 
.main_text { font-size: 20px; } 
.sub_text { font-size: 22px; } 

.fix_menu li { width: 33%; } 
.fix_menu li a { padding: 8% 0; font-size: 18px; line-height: 23px; } 

/* con1 */
.evCon1 .vod_area video { width: 200%; } 

/* con2 */
.evCon2 .con_box { padding: 0 3%; } 
.evCon2 .inner { padding: 15% 0 17%; } 

/* con6 */
.evCon6 .sub_tit.img_ver { padding: 0 20%; } 
.evCon6 .img_con6 { padding: 0 9%; } 
.evCon6 .set_wrap .set_per { right: 19%; width: 12%; } 

/* 24 01 25 */
.fix_menu.tab4 li a .event_tab { font-size: 12px; } 
.fix_menu.tab4 li .end {
    right: -7px;
    top: 50%;
    width: 61px;
    height: 60px;

}
 }

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

.mo_ver { display: block !important; } 
.pc_ver { display: none !important; } 

.fix_menu li a { padding: 7% 0; font-size: 16px; line-height: 21px; } 

/* con1 */
.evSection.evCon1 { height: 77vh; } 
.evCon1 .main_wrap { width: 72%; } 
.evCon1 .pop_btn { padding: 0 42% 0 0; } 

/* con2 */
.evCon2 .inner { padding: 16% 0 20%; } 
.evCon2 .con_tit { margin-bottom: 10%; } 
.evCon2 .con_box { padding: 0 0%; } 

/* con3 */
.evCon3 .sliderWrap { margin: 0 7% 0 6%; } 
.evCon3 .sliderWrap .sliderArrow a { width: 4%; left: 6%; } 
.evCon3 .sliderWrap .sliderArrow a + a { right: 4%; } 

/* con4 */

.evCon4 .con_tit { margin-bottom: 8%; } 
.evCon4 .cau_box { padding: 2% 26% 2%; } 
.evCon4 .cau_box img { display: block; margin: auto; } 
.evCon4 .cau_box .cau_ico { left: 2%; width: 19%; } 
.evCon4 .sliderWrap { margin: 0 10%; } 
.evCon4 .item .link_wrap { padding: 0 11%; } 
.evCon4 .item .link_wrap .link_btn { width: 50%; } 
.evCon4 .item .link_btn a { width: 100%; } 
.evCon4 .sliderWrap .slick-dots li { background: #aaa; } 
.evCon4 .sliderWrap .slick-dots { gap: 4px; } 

.evCon5 .con_tit.ver2 { font-size: 30px; } 

/* con6 */
.evCon6 .sub_tit.img_ver { padding: 0 15%; } 
.evCon6 .con_tit { font-size: 43px; line-height: 53px; } 
.evCon6 .img_con6 { padding: 0 6%; } 
.evCon6 .set_wrap { padding: 7% 0 5%; border-top: 1px solid #bd9a41; border-bottom: 1px solid #bd9a41; } 
.evCon6 .set_wrap .set_per { right: 14%; width: 15%; top: 2%; } 
.evCon6 .set_wrap .sub_tit { margin-bottom: 6%; } 
.evCon6 .set_wrap .set_box { display: block; margin: 0 14%; } 
.evCon6 .set_wrap .set_box .pay_box { width: 100%; } 
.evCon6 .set_wrap .set_box .pay_box:nth-child(1) { margin-bottom: 4%; } 
 }

@media screen and (max-width: 576px) { /* °øÅë */
.br_576 { display: block; } 
.br_576_none { display: none; } 
.con_tit { font-size: 28px; line-height: 35px; } 
.mini_tit { font-size: 16px; margin-bottom: 2%; } 
.sub_tit { font-size: 22px; } 
.main_text { font-size: 15px; line-height: 20px; } 
.sub_text { font-size: 22px; } 

.fix_menu li a { padding: 9% 0; font-size: 14px; line-height: 18px; } 


/* con1 */
.evSection.evCon1 { height: 55vh; } 
.evCon1 .vod_area video { width: 210%; } 
.evCon1 .main_wrap { width: 65%; } 

/* con3 */
.evCon3 .sliderWrap { margin: 0 3% 0 2%; } 

/* con4 */
.evCon4 .cau_box { padding: 3% 22% 3%; } 
.evCon4 .cau_box .cau_ico { width: 15%; } 
.evCon4 .sliderWrap { margin: 0 0%; } 

/* con5 */
 .evCon5 { padding: 11% 0 11%; } 
 .evCon5 .grd_box strong { font-size: 15px; } 
 .evCon5 .grd_list { margin-left: 80px; padding: 0; } 
 .evCon5 .grd_list li a { font-size: 13px; width: 60px; } 

 /* con6 */
 .evCon6 .inner { padding: 16% 0 14%; } 
 .evCon6 .sub_tit.img_ver { padding: 0 10%; margin-bottom: 2%; } 
 .evCon6 .con_tit { font-size: 29px; line-height: 38px; } 
 .evCon6 .img_con6 { padding: 0 3%; } 
.evCon6 .set_wrap .set_per { right: 7%; width: 16%; top: 1%; } 
.evCon6 .set_wrap .set_box { margin: 0 3%; } 

/* 24 01 25 */
.fix_menu.tab4 ul { flex-wrap: wrap; } 
.fix_menu.tab4 li { width: 50%; height: 19vw; display: flex; justify-content: center; align-items: center; align-content: center; } 
.fix_menu.tab4 li a { padding: 5px 0; width: 100%; } 
.fix_menu.tab4 li a .event_tab { font-size: 10px; padding: 0 8px; } 
.fix_menu.tab4 li .end {
    right: 2px;
}
 }


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

.evCon6 .set_wrap .set_per { width: 19%; } 
 }