@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: °øÀ¯Çϱâ À̺¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */
/* Æ˾÷ */
.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 Æ˾÷ */
.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; } 

.lecture { padding-bottom: 0 !important; background: #fff; } 
.eventWrap .evSection.evCon3,.eventWrap .evSection.evCon4 { overflow: inherit; } 

.con_tit { font-size: 42px; font-weight: 800; line-height: 56px; margin-bottom: 80px; } 
.mini_tit { font-size: 24px; color: #523dee; } 
.sub_tit { font-size: 24px; } 
.main_text { font-size: 35px; } 
.sub_text { font-size: 28px; } 
.con_tit b { font-weight: 800; } 
.home_btn a { display: inline-block; } 

/* con1 */
.evCon1 { background: url(https://image.megagong.net/m/2023/0511_kimchan/bg_con1.jpg) no-repeat center center; background-size: cover; } 
.evCon1 .inner { padding: 70px 0 88px; } 
.evCon1 .sub_tit { margin: 0 -10px 440px -10px; font-size: 22px; font-weight: 900; letter-spacing: 10px; } 
.evCon1 h3 { position: relative; } 
.evCon1 .tea_img { position: absolute; bottom: 24px; width: 100%; left: 47%; transform: translateX(-50%); z-index: 0; } 
.evCon1 .free_box { margin-bottom: 20px; margin-top: -15px; } 


/* con2 */
.evCon2 { background: #f5f6f8; } 
.evCon2 .inner { padding: 150px 0 0; } 
.evCon2 .pop_wrap { position: relative; } 
.evCon2 .pop_wrap > div { display: inline-block; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); border-radius: 16px; position: absolute; } 
.evCon2 .pop_wrap > div:nth-child(1) { left: -42px; top: 280px; } 
.evCon2 .pop_wrap > div:nth-child(2) { left: 0; top: 100px; } 
.evCon2 .pop_wrap > div:nth-child(3) { left: 340px; top: 0; } 
.evCon2 .pop_wrap > div:nth-child(4) { right: 0; top: 180px; } 
.evCon2 .pop_wrap > div:nth-child(5) { right: 20px; top: 365px; } 
.evCon2 .tea_img { display: inline-block; margin-top: 245px; } 
.evCon2 .text_con2 { position: absolute; bottom: 113px; left: 50%; transform: translateX(-50%); width: 100%; } 

/* con3 */
.evCon3 { background: url(https://image.megagong.net/m/2023/0511_kimchan/bg_con3.jpg) no-repeat center center; background-size: cover; } 
.evCon3 .inner { padding: 150px 0 295px; } 
.evCon3 .sub_tit_con3 { margin-bottom: 35px; } 
.evCon3 .part_wrap { display: flex; justify-content: center; position: absolute; left: 50%; bottom: -215px; transform: translateX(-50%); width: 100%; } 
.evCon3 .part.left { margin-right: 10px; } 
.evCon3 .part.right { margin-left: 10px; } 


/* con3_5 */
.evCon3_5 .inner { padding: 345px 0 150px; } 

.evCon3_5 .mini_tit { margin-bottom: 55px; } 
.evCon3_5 .con_tit { margin-bottom: 55px; } 
.evCon3_5 .text_con4 { margin-bottom: 80px; } 
.evCon3_5 .gra_wrap { display: flex; align-items: center; position: relative; justify-content: space-between; } 
.evCon3_5 .arrow { position: absolute; left: 37%; top: 46%; } 
.evCon3_5 .main_txt { margin-top: 80px; } 
.evCon3_5 .mini_tit.ver2 { margin-top: 145px; } 
.gra_wide { position: relative; } 

.gra_obj_wrap { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); width: 100%; } 

/* evCon4 */
.evCon4 { background: #f5f6f8; } 
.evCon4 .inner { padding: 150px 0; } 
.evCon4 .sub_txt { margin-bottom: 35px; } 

/* evCon5 */
.evCon5 .bg1 { background: #fff4c0; } 
.evCon5 .bg2 { background: #fffae0; } 
.evCon5 .bg3 { background: #fff4c0; } 
.evCon5 .bg1 .inner { padding: 150px 0 120px; } 
.evCon5 .bg2 .inner { padding: 35px 0 50px; } 
.evCon5 .bg3 .inner { padding: 150px 0 150px; } 
.evCon5 .con_tit { margin-bottom: 60px; } 

.evCon5 .event_wrap { display: flex; align-items: center; margin: 0 100px; } 
.evCon5 .event_day { margin-right: 117px; } 
.evCon5 .day_list li { display: flex; margin-bottom: 40px; align-items: center; } 
.evCon5 .day_list li:last-child { margin-bottom: 0px; } 
.evCon5 .day_list .day_h { background: #000; color: #fff; border-radius: 50px; padding: 5px 30px; font-size: 20px; } 
.evCon5 .day_list .day_b { font-size: 20px; margin-left: 30px; font-weight: 600; } 
.evCon5 .day_list .small_txt { font-size: 14px; color: #904ced; margin-left: 10px; } 

.evCon5 .mini_tit { margin-bottom: 60px; } 

.event_end { position: absolute; right: -145px; display: block; top: 155px; } 
.event_sub.time_head { font-size: 21px; padding: 4px 20px; margin-bottom: 40px; position: relative; z-index: 0; margin-right: 0; } 
.event_sub::after { content: ""; display: block; background: #000; width: 1080px; height: 1px; position: absolute; left: 50%; top:50%; transform: translateY(-50%) translateX(-50%); z-index: -1; } 
.event_how_list { margin-bottom: 50px; margin: 0 40px 50px; } 

.event_how_list ul { display: flex; justify-content: space-between; } 
.event_how_list ul li { background: #fff; border-radius: 20px; position: relative; width: 30%; padding: 30px 0; } 
.event_how_list .num { position: absolute; left: 15px; top: 0px; } 
.event_how_list .arrow { position: absolute; right: -18px; top: 49%; transform: translateY(-50%); } 

.evCon5 .eventBoard > .btn_wrap { display: flex; justify-content: center; margin-bottom: 80px; } 
.evCon5 .btn_wrap .btn_box a { display: inline-block; } 
.evCon5 .btn_wrap .sampleBtn:nth-child(1) { margin-right: 20px; } 
.evCon5 .evtBoard_inner { background: #f2f2f3; } 

.shareList ul li dl.sns dt { background-color: #6e87b6; } 
.shareList ul li dl.naver dt { background-color: #6eb682; } 
.shareList ul li dl.daum dt { background-color: #b66eb2; } 
.shareList ul li dl.etc dt { background-color: #a9a9a9; } 

.shareList ul li dl.sns dd,.shareList ul li dl.naver dd, .shareList ul li dl.daum dd, .shareList ul li dl.etc dd { border:1px solid #343434; color: #343434; font-weight: 600; } 
.eventBoard .evtBoard_common .info_wrap .tip_list { font-size: 13px; color: #444; } 
.eventBoard .evtBoard_common .info_wrap.with_tip button { border-bottom: 1px solid #000; padding: 1px 0px; font-size: 17px; font-weight: 800; font-family: 'NotoSans KR'; } 

.line_warn { background: #000; color: #fff; font-size: 20px; padding: 15px 0; } 
.warningList li .s_tit { font-size: 17px; font-weight: bold; margin-bottom: 14px; display: block; } 
.warningList li ul li a.tp1 { background-color: transparent; color: #f00; font-size: 13px; } 


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

 /* con1 */
 .evCon1 .inner { padding: 5% 0 10%; } 
.evCon1 .sub_tit { margin: 0 0 35% 0; font-size: 18px; letter-spacing: 6px; } 
.evCon1 h3 { padding: 0 7%; } 
.evCon1 .free_box { margin-bottom: 2%; margin-top: 0px; padding: 0 32%; } 
.evCon1 .tea_img { bottom: 13%; width: 60%; } 

/* con2 */
.evCon2 .inner { padding: 11% 0 0; } 
.evCon2 .pop_wrap { margin: 0 4%; } 
.evCon2 .pop_wrap > div { width: 38%; } 
.evCon2 .pop_wrap > div:nth-child(1) { left: -5%; top: 200px; } 
.evCon2 .pop_wrap > div:nth-child(2) { top: 70px; } 
.evCon2 .pop_wrap > div:nth-child(3) { left: 34%; } 
.evCon2 .pop_wrap > div:nth-child(4) { top: 120px; } 
.evCon2 .pop_wrap > div:nth-child(5) { right: -3%; top: 255px; } 
.evCon2 .tea_img { margin-top: 25%; width: 25%; } 
.evCon2 .text_con2 { bottom: 9%; width: 65%; } 

/* con3 */
.evCon3 .inner { padding: 11% 0 23%; } 
.evCon3 .sub_tit_con3 { margin-bottom: 3%; padding: 0 36%; } 
.evCon3 .text_con3 { padding: 0 13%; } 
.evCon3 .part_wrap { bottom: -25%; width: 65%; } 

/* con3_5 */
.evCon3_5 .inner { padding: 26% 0 11%; } 
.evCon3_5 .mini_tit { margin-bottom: 5%; } 
.evCon3_5 .con_tit { margin-bottom: 5%; padding: 0 10%; } 
.evCon3_5 .text_con4 { margin-bottom: 7%; padding: 0 19%; } 
.evCon3_5 .main_txt { margin-top: 8%; padding: 0 7%; } 
.evCon3_5 .mini_tit.ver2 { margin-top: 13%; } 
.evCon3_5 .gra_left { margin-right: 2%; width: 50%; } 
.evCon3_5 .arrow { left: 39%; top: 50%; transform: translateY(-51%); width: 12%; } 
.evCon3_5 .gra_right { width: 65%; } 
.gra_obj_wrap { bottom: 9%; } 

/* con4 */
.evCon4 .inner { padding: 11% 0; } 
.evCon4 .sub_txt { margin-bottom: 4%; padding: 0 34%; } 


/* event */
.evCon5 .bg1 .inner { padding: 11% 0 8%; } 
.evCon5 .sub_txt { padding: 0 26%; } 
.evCon5 .bg2 .inner { padding: 4% 0 4%; } 
.evCon5 .event_wrap { margin: 0 5%; justify-content: space-around; } 
.evCon5 .event_day { margin-right: 3%; width: 53%; } 
.evCon5 .day_list li { margin-bottom: 5%; } 
.evCon5 .day_list .day_h { font-size: 18px; } 
.evCon5 .day_list .day_b { font-size: 17px; margin-left: 2%; } 
.evCon5 .con_tit { margin-bottom: 7%; } 
.evCon5 .bg3 .inner { padding: 11% 0 11%; } 
.evCon5 .mini_tit { margin-bottom: 4%; } 
 .event_end { right: 2%; top: 12%; width: 18%; } 
 .event_sub.time_head { font-size: 18px; padding: 0.5% 3%; margin-bottom: 4%; } 
 .event_how_list { margin: 0 4% 5%; } 
 .event_how_list .num { left: 4%; width: 15%; } 
 .event_how_list .arrow { right: -8%; width: 12%; } 
 .event_how_list ul li { padding: 3% 4% 3%; } 
 .evCon5 .eventBoard > .btn_wrap { margin-bottom: 6%; } 
.evCon5 .btn_wrap .sampleBtn:nth-child(1) { margin-right: 4%; } 
.eventBoard .evtBoard_common .info_wrap.with_tip button { font-size: 15px; } 
.line_warn { font-size: 17px; padding: 1% 0; } 
.warningList li .s_tit { font-size: 15px; margin-bottom: 1%; } 
 }

@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: 34px; line-height: 41px; } 
 .mini_tit { font-size: 22px; } 
 .sub_tit { font-size: 18px; } 
 .main_text { font-size: 24px; } 
 .sub_text { font-size: 22px; } 

 /* con1 */
 .evCon1 .sub_tit { font-size: 15px; letter-spacing: 4px; } 

 /* con3_5 */
 .evCon3_5 .inner { padding: 33% 0 11%; } 
 .evCon3_5 .con_tit { padding: 0 6%; } 
 .evCon3_5 .text_con4 { padding: 0 14%; } 
 .evCon3_5 .gra_wide { overflow: hidden; } 
 .evCon3_5 .gra_obj_wrap { width: 120%; } 

 /* con4 */
 .evCon4 .sub_txt { padding: 0 31%; } 

 /* event */
 .event_how_list { margin: 0 0% 5%; } 
 .evCon5 .sub_txt { padding: 0 20%; } 
.evCon5 .event_day { width: 57%; } 
.evCon5 .day_list .day_h { font-size: 16px; } 
.evCon5 .day_list .day_b { font-size: 15px; } 
.evCon5 .day_list .small_txt { font-size: 12px; margin-left: 1%; } 
 }

@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: 15px; } 
 .main_text { font-size: 22px; } 
 .sub_text { font-size: 19px; } 

 /* con1 */
 .evCon1 .inner { padding: 5% 0 5%; } 
.evCon1 .sub_tit { margin: 0 0 45% 0; padding: 0 1%; } 
.evCon1 h3 { padding: 0 3%; } 
.evCon1 .free_box { padding: 0 28%; } 
.evCon1 .tea_img { bottom: 16%; width: 67%; } 

/* con2 */
.evCon2 .pop_wrap > div { width: 45%; position: relative; margin-bottom: 2%; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); } 
.evCon2 .pop_wrap > div:nth-child(1),.evCon2 .pop_wrap > div:nth-child(2),.evCon2 .pop_wrap > div:nth-child(3),.evCon2 .pop_wrap > div:nth-child(4),.evCon2 .pop_wrap > div:nth-child(5) { left: inherit; right: inherit; top: inherit; } 
.evCon2 .pop_wrap { margin: 0 0%; } 
.evCon2 .pop_wrap > div:nth-child(1),.evCon2 .pop_wrap > div:nth-child(3) { margin-right: 2%; } 
.evCon2 .tea_img { margin-top: 2%; } 
.evCon2 .text_con2 { width: 72%; } 

/* con3 */
.evCon3 .inner { padding: 11% 0 26%; } 
.evCon3 .sub_tit_con3 { padding: 0 32%; } 
.evCon3 .text_con3 { padding: 0 8%; } 
.evCon3 .part_wrap { bottom: -35%; width: 86%; } 
.evCon3 .part.left { margin-right: 1%; } 

/* con3_5 */
.evCon3_5 .inner { padding: 35% 0 11%; } 
.evCon3_5 .mini_tit { overflow: hidden; } 
.evCon3_5 .mini_tit img { max-width: 150%; width: 150%; margin: 0 -25% 0; } 
.evCon3_5 .con_tit { padding: 0 1%; } 
.evCon3_5 .text_con4 { padding: 0 9%; } 
.evCon3_5 .main_txt { padding: 0 4%; } 
.evCon3_5 .gra_wrap { display: block; } 
.evCon3_5 .gra_left { margin-right: 0%; width: 100%; padding: 0 16%; margin-bottom: 7%; } 
.evCon3_5 .gra_right { width: 100%; padding: 0 7%; } 
.evCon3_5 .arrow { left: 44%; top: 52%; transform: translateY(-51%) rotate(90deg) translateX(-50%); width: 12%; } 

/* con4 */
.evCon4 .sub_txt { padding: 0 27%; } 

 .event_end { top: 23%; } 
 .event_sub.time_head { font-size: 16px; padding: 0.5% 4%; } 
 .event_how_list ul li { padding: 3% 2% 3%; } 

 /* event */
 .evCon5 .bg2 .inner { padding: 5% 0 7%; } 
.evCon5 .sub_txt { padding: 0px 16%; } 
 .evCon5 .event_wrap { margin: 0 0%; flex-wrap: wrap-reverse; } 
.evCon5 .event_day { width: 68%; margin-right: 0%; margin-top: 6%; } 
.evCon5 .mini_tit { overflow: hidden; } 
.evCon5 .mini_tit img { width: 150%; max-width: 150%; margin: 0 -25%; } 
 }

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

 /* °øÅë */
 .br_576 { display: block; } 
 .br_576_none { display: none; } 
 .sub_tit { font-size: 13px; } 
 .con_tit { font-size: 23px; line-height: 30px; padding: 0 0%; } 
 .mini_tit { font-size: 15px; display: block; line-height: 20px; } 
 .main_text { font-size: 16px; } 
 .sub_text { font-size: 15px; } 

 /* con1 */
 .evCon1 .sub_tit { font-size: 12px; letter-spacing: 2px; } 
.evCon1 .free_box { padding: 0 25%; } 
.evCon1 .home_btn { padding: 0 29%; } 

/* con2 */
.evCon2 .inner { padding: 10% 0 5%; } 
.evCon2 .pop_wrap > div:nth-child(1), .evCon2 .pop_wrap > div:nth-child(3) { margin-right: 1%; } 
.evCon2 .pop_wrap > div { width: 49%; } 
.evCon2 .text_con2 { width: 92%; bottom: 3%; } 

/* con3 */
.evCon3 .inner { padding: 11% 0 28%; } 
.evCon3 .sub_tit_con3 { padding: 0 25%; } 
.evCon3 .text_con3 { padding: 0 4%; } 
.evCon3 .part_wrap { bottom: -42%; width: 104%; } 
.evCon3 .part.left { margin-right: 0%; } 

/* con3_5 */
.evCon3_5 .mini_tit img { max-width: 170%; width: 170%; margin: 0 -35% 0; } 
.evCon3_5 .con_tit { padding: 0 0%; } 
.evCon3_5 .text_con4 { padding: 0 4%; } 
.evCon3_5 .main_txt { padding: 0 1%; } 
.evCon3_5 .gra_left { padding: 0 10%; } 
.evCon3_5 .gra_right { padding: 0 0%; } 
.evCon3_5 .gra_wide { overflow: hidden; padding: 2% 0%; background: #f5f6f8; border-radius: 6px; } 
.evCon3_5 .gra_obj_wrap { width: 140%; bottom: 7%; } 

/* con4 */
.evCon4 .sub_txt { padding: 0 23%; } 


/* event */
.evCon5 .sub_txt { padding: 0px 8%; } 
.evCon5 .event_gift { padding: 0 20%; } 
.evCon5 .event_day { margin-top: 8%; width: 85%; } 
.evCon5 .day_list .day_h { font-size: 13px; } 
.evCon5 .day_list .day_b { font-size: 13px; margin-left: 4%; } 
.evCon5 .day_list { margin-left: 4%; } 
 .event_sub.time_head { font-size: 13px; padding: 1% 4%; } 
 .event_how_list ul { display: block; } 
 .event_how_list ul li { padding: 5% 27% 4%; width: 100%; margin-bottom: 2%; } 
 .event_how_list ul li:nth-child(1) { padding: 4% 27% 4%; } 
 .event_how_list ul li:last-child { margin-bottom: 0; } 
 .event_how_list .arrow { display: none; } 
 .evCon5 .mini_tit img { width: 170%; max-width: 170%; margin: 0 -35%; } 
.evCon5 .btn_wrap .sampleBtn:nth-child(1) { margin-right: 2%; } 
 .warningList li .s_tit { font-size: 13px; } 
.warningList li ul li a.tp1 { font-size: 12px; } 
 }
 .eventBoard .evtBoard_common .info_wrap.with_tip button {
    font-size: 13px;
}

 @media screen and (max-width: 420px) {.evCon5 .event_day { width: 100%; } 
 }

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

}
/* E: °øÀ¯Çϱâ À̺¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */