@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; } 


/* common */
.br_1200 { display: none; } 
.br_992 { display: none; } 
.br_768 { display: none; } 
.br_576 { display: none; } 
.br_375 { display: none; } 

.event_end { position: absolute; right: 50px; display: block; top: 155px; } 
.blue { color: #2243b9; font-weight: 400; } 

.mb { display: none; } 
.flt_inner.renewal li { margin-top: 12px; box-shadow: 16px 12px 20px 0px rgba(0,0,0,0.2); } 
.flt_inner.renewal li.top { box-shadow: none; } 

/* con1 */
.evCon1 { background: linear-gradient(0deg, rgba(255,255,255,1) 70%, rgba(106,132,216,1) 100%); } 
.evCon1 .inner { padding: 230px 0 250px; } 
.evCon1 h3 { position: relative; z-index: 1; text-align: right; margin-bottom: 60px; margin-right: -87px; } 
.evCon1 .phone_img { position: absolute; left: -230px; top: 93px; } 
.evCon1 .arrow_img { position: absolute; left: -110px; top: 174px; } 
.evCon1 .btn_con1_wrap { text-align: right; margin-right: 140px; } 
.evCon1 .btn_con1_wrap a { display: inline-block; } 
.evCon1 .scroll_ani { position: absolute; bottom: 11%; left: 50%; transform: translateX(-50%); animation-name: scroll; animation-duration:1s; animation-iteration-count:infinite; animation-direction:alternate; animation-timing-function:ease-in-out; } 


@-webkit-keyframes scroll { 
 0% { bottom: 11% } 
 100% { bottom: 13% } 
 }
 .phone_img { opacity: 0; transition: 0.4s; } 
 .phone_img:nth-child(1) { opacity: 1; } 
 /* .phone_img .to1 { opacity: 1; transition: 0.4s; } 
 .phone_img .to2 { opacity: 1; transition: 0.4s; } 
 .phone_img .to3 { opacity: 1; transition: 0.4s; } 
 .phone_img .to4 { opacity: 1; transition: 0.4s; } 
 .phone_img.on .to1 { transition: 0.4s; } 
 .phone_img.on .to2 { transition: 0.4s; } 
 .phone_img.on .to3 { transition: 0.4s; } 
 .phone_img.on .to4 { transition: 0.4s; } */
/* 
 @-webkit-keyframes waveani { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 }*/

 /* .phone_img:nth-child(1) { border: 1px solid #000; } */

 /* .left_img2 { position: relative; } */

 /* con2 */
.evCon2 { background: #f9f9f9; } 
.evCon2 .inner { padding: 115px 0 75px } 

.evCon2 .con_box { text-align: left; } 
.evCon2 .num_title { color: #2243b9; font-size: 16.5px; font-weight: 700; margin-bottom: -25px; } 
.numwrap { text-align: left; font-size: 113px; display: inline-block; color: #283fcd; font-weight: 900; position: relative; margin-bottom: 22px; } 
.numwrap::after { content: ""; display: block; width: 100%; background: #283fcd; height: 11px; position: absolute; bottom: 10px; left: 0px; } 
.numwrap span { position:relative } 
.numwrap #percent { display: none; } 
.numwrap sup { font-size: 20px; position: absolute; right: -24px; top: 30px; } 
.evCon2 .text_wrap_con2 { position: absolute; right: 0px; bottom: 65px; } 
.eventWrap .evCon2 .tiny_noti { margin-top: 100px; color: #b5b5b5; } 

.main_exhibi.lab { position: absolute; top: 120px; right: 0%; left: -260px; width: 181px; z-index: 1; } 
.main_exhibi.lab a { display:block; } 
.main_exhibi.lab .close { position: absolute; right: 10px; width: 11px; height: 10px; top: 0; background:url(https://design.megagong.net/image/m/2023/0330_academy/bn_flt_cls.png) no-repeat center; z-index: 2; } 
.main_exhibi.lab .close.today { right: auto; left: 50%; top: auto; transform:translateX(-50%); background-image:none; bottom: -25px; font-size: 10px; color: #666; width: 70px; height: 18px; text-align: center; line-height: 18px; border: 1px solid #666; } 
.main_exhibi.lab .item { position: relative; text-align: cen666ter; } 
.main_exhibi.lab .item img { display:inline-block; } 
.main_exhibi.lab .slick-arrow { display:none!important; } 
.main_exhibi.lab .slick-dots { position:absolute; bottom:15px; left:0; right:0; font-size:0; text-align: center; } 
.main_exhibi.lab .slick-dots li { display:inline-block; margin:0 2px; } 
.main_exhibi.lab .slick-dots button { width:8px; height: 8px; border-radius: 50%; background:#000; opacity:.6; font-size:0; } 
.main_exhibi.lab .slick-dots .slick-active button { opacity: 1; background: #fff; } 


/* con3 */
.evCon3 { background: url(https://image.megagong.net/m/2023/0518_fullevent/bg_con3.jpg) no-repeat center center; background-size: cover; } 
.evCon3 .inner { padding: 135px 0 65px; } 
.evCon3 .con_tit { margin-bottom: 50px; } 
.evCon3 .cir_wrap_con3 { display: flex; justify-content: center; margin-bottom: 185px; } 
.evCon3 .cir_wrap_con3 li { margin-right: 34px; } 
.evCon3 .cir_wrap_con3 li:last-child { margin-right: 0; } 
.evCon3 .say_wrap_con3 { display: flex; justify-content: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 25%; width: 100%; animation-name: scroll2; animation-duration:1s; animation-iteration-count:infinite; animation-direction:alternate; animation-timing-function:ease-in-out; } 
.evCon3 .say_wrap_con3 p:nth-child(1) { margin-right: 220px; } 
.eventWrap .evCon3 .tiny_noti { color: #96a4e7; } 

@-webkit-keyframes scroll2 { 
 0% { bottom:25% } 
 100% { bottom: 27% } 
 }

/* tab con4 */
.evCon4 { background: #252525; } 
.evCon4 .tab_base { display: flex; justify-content: space-around; } 
.evCon4 .tab_base li { color: #848484; font-size: 28px; font-weight: 600; width: 50%; } 
.evCon4 .tab_base li:nth-child(1).on { background: #df6326; color: #fff; } 
.evCon4 .tab_base li:nth-child(2).on { background: #2243b9; color: #fff; } 
.evCon4 .tab_base li a { padding: 35px 0; display: block; } 


/* tab1 - event */
.time_day_tab1 { margin-bottom: 50px; } 

.evCon6 .inner,.evCon7 .inner,.evCon8 .inner { padding: 140px 0; } 
.evCon6 .con_tit,.evCon8 .con_tit { margin-bottom: 50px; } 
.evCon6 .gift1_wrap_tab1 { border: 2px solid #000; border-radius: 20px; position: relative; padding: 60px 30px 80px; } 
.evCon6 .gift1_tit { position: absolute; left: 50%; transform: translateX(-50%); top: -15px; } 
.evCon6 .gift1_list { display: flex; flex-wrap: wrap; justify-content: center; } 
.evCon6 .gift1_list li { margin-right: 47px; } 
.evCon6 .gift1_list li:nth-child(3),.evCon6 .gift1_list li:nth-child(6) { margin-right: 0px; } 

.event_inp { position: relative; background: #f4f4f4;; border-radius: 20px; padding: 50px 0 40px; /* -webkit-box-shadow: inset 5px 5px 6px 1px rgb(0 0 0 / 30%); *//* box-shadow: inset 5px 5px 6px 1px rgb(0 0 0 / 30%); */margin: 0 0 10px; } 
.event_inp .inp_wrap { position:relative; margin: 0 60px 10px; padding: 0 200px 0 135px; } 
.event_inp label { position: absolute; top: 14px; left: 0; font-size: 22px; font-weight: bold; } 
.event_inp .inp_wrap span { display: block; border: 1px solid #ddd; font-size: 0; } 
.event_inp span input { display: block; width: 100%; font-size: 18px; padding: 14px 10px; border: 0; background: #fff; } 
.event_inp .inp_wrap a { position: absolute; top: 0; right: 0; background: #000; color: #fff; font-size: 17px; width: 190px; line-height: 51px; } 
.event_inp .inp_wrap a.end { background: #c4c4c4; } 
.event_inp .agree { font-size: 16px; text-align: left; margin: 0 0 0 190px; } 
.event_inp .agree input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
.event_inp .agree input[type="checkbox"] + label { display: inline-block; position:relative; padding-left: 38px; cursor:pointer; font-weight: 200; font-size: 16px; } 
.event_inp .agree input[type="checkbox"] + label:before { content:''; position:absolute; left:0; top: -5px; width: 30px; height: 30px; background: url(https://img.megagong.net/m/2023/0518_fullevent/check_tab1.png) no-repeat center 100%; } 
.event_inp .agree input[type="checkbox"]:checked + label:before { background-position: 1px 2px; } 
.event_inp .agree strong { color: #df6326; } 
.event_inp .agree a { display: inline-block; color: #df6326; font-weight: normal; font-size: 14px; padding: 0 0 2px; border-bottom: 1px solid #df6326; line-height: 1; margin: -2px 0 0 15px; vertical-align: middle; } 
.cautn { font-size: 14px; text-align: left; font-weight: 100; letter-spacing: 0; margin: 0 0 60px; color: #656565; } 
.cautn dd { padding: 0 0 2px; } 
.cautn dd a { border: 1px solid #656565; color: #656565; padding: 1px 4px; display: inline-block; vertical-align: middle; margin: -3px 0 0; font-size: 12px; font-weight: 300; } 

.agree_info { padding: 22px 18px; background: #fff; border: 1px solid #ccc; position: absolute; top: 100%; left: 50%; z-index: 1; font-size: 14px; font-weight: 200; width: 570px; margin: -15px 0 0 -285px; -webkit-box-shadow: 5px 5px 6px 1px rgb(0 0 0 / 30%); box-shadow: 5px 5px 6px 1px rgb(0 0 0 / 30%); } 
.agree_info a { width: 24px; } 
.agree_info { text-align: left; color: #222; } 
.agree_info a { position: absolute; top: 8px; right: 8px; } 
.agree_info p { position: relative; margin: 0 0 10px; } 
.agree_info p span:before { content:""; display:block; position:absolute; top: 8px; left:0; width:5px; height:1px; background:#222; } 
.agree_info .tit { text-align: left; font-size: 14px; font-weight: bold; } 
.agree_info .tit:before { display:none } 
.agree_info p strong { display: block; margin: 0 0 3px; } 
.agree_info p span { position: relative; display: block; margin: 0 0 2px; padding: 0 0 0 10px; border: 0; } 



.evCon7 { background: #df6326; } 
.evCon7 .con_tit { margin-bottom: 60px; } 
.evCon7 .eventVideo.video_renewal.for_youtube.with_shadow { margin: 0 40px 80px; } 
.evCon7 .gift2_wrap_tab1 { display: flex; justify-content: center; align-items: center; margin-bottom: 70px; } 
.evCon7 .gift2_day { margin-right: 70px; } 
.evCon7 .event_sub.time_head { margin-bottom: 30px; } 
.evCon7 .share_btn_wrap { margin-top: 30px; } 
.evCon7 .share_btn_wrap a { display: inline-block; } 
.evCon7 .inner .event_how_list { margin-bottom: 50px; } 
.evCon7 .inner .event_how_list ul { display: flex; justify-content: space-between; } 
.evCon7 .inner .event_how_list ul li { background: #fff; border-radius: 5px; position: relative; width: 30%; padding: 45px 0 24px; } 
.evCon7 .inner .event_how_list .num { position: absolute; left: 15px; top: 0px; } 
.evCon7 .inner .event_how_list .arrow { position: absolute; right: -40px; top: 49%; transform: translateY(-50%); } 
.evCon7 .shareList ul li dl dd { border: 2px solid #343434; color: #343434; font-weight: 400; width: 23.2%; } 
.shareList ul { border-radius: 5px; margin-bottom: 50px; } 
.shareList ul li dl.sns dt { background-color: #000000; color: #df6326; } 
.shareList ul li dl.naver dt { background-color: #000000; color: #60ea4e; } 
.shareList ul li dl.daum dt { background-color: #000000; color: #00d8ff; } 
.shareList ul li dl.etc dt { background-color: #000000; color: #adadad; } 
.eventBoard .evtBoard_common { padding: 0; margin: 0; background: #fff; border-radius: 5px; } 
.eventBoard .evtBoard_common .board_write { border: 2px solid #df6326; } 
.evtBoard_common .board_write .btn_wrap a { background: #df6326; } 
.eventBoard .evtBoard_common .info_wrap .tip_list { font-weight: 400; } 
.eventBoard .evtBoard_common .info_wrap.with_tip button { border: 1px solid #000; border-radius: 50px; padding: 0 14px; font-weight: 700; } 

.evCon8 { background: #7e4ecc; } 
.evCon8 .gift3_img { margin: 0 -70px; } 

.evSection.evtoggleWarning { background: #f8f8f8; } 
.evtoggleWarning p.w_tit i { font-style: inherit; } 
.evtoggleWarning .warningList { padding: 80px 0; } 

/* tab2 -check*/

.evCon5 .lab_go_btn a , .evCon5 .dday_btn_box a { display: inline-block; } 


.evCon5 { padding: 140px 0; } 
.evCon5 .timer { margin-bottom: 40px; background: #f1f1f1; border-radius: 50px; display: inline-block; padding: 10px 45px; font-size: 20px; font-weight: 600; } 
.evCon5 .timer .dday { color: #2243b9; text-decoration: underline; } 
.evCon5 .con_tit { margin-bottom: 60px; } 
.evCon5 .dday_btn_wrap { display: flex; justify-content: center; margin-bottom: 30px; } 
.evCon5 .dday_btn_box { margin-right: 36px; } 
.evCon5 .dday_btn_box:last-child { margin-right: 0px; } 
.evCon5 .sub_tit_tab2 { margin-bottom: 60px; } 
.evCon5 .lab_go_btn { margin: 60px 0; } 
.evCon5 .tab2_vod_tit { margin-bottom: 50px; } 
.evCon5 .tab2_vod_wrap.pc { display: flex; justify-content: center; } 
.evCon5 .tab2_vod_wrap li { margin-right: 30px; } 
.evCon5 .tab2_vod_wrap li:last-child { margin-right: 0px; } 
.evCon5 .tab2_vod_wrap li a { padding: 25px 25px 30px 25px; background-color: #f0f0f0; color: #000; display: inline-block; } 
.evCon5 .tab2_vod_wrap li .vod_img_wrap { margin-bottom: 30px; width: 291px; height: 165px; overflow: hidden; } 
.evCon5 .tab2_vod_wrap li .vod_img_wrap img { transition: 0.3s; } 
.evCon5 .tab2_vod_wrap li:hover .vod_img_wrap img { transition: 0.3s; transform: scale(1.1); } 
.evCon5 .tab2_vod_wrap li a.mg_btn_base.sm .vod_h { font-style: 15px; } 
a.mg_btn_base.sm, .mg_btn_base.sm { font-size: 15px; } 


.evCon5 .lec_ver { display: flex; justify-content: space-around; margin-bottom: 50px; } 
.evCon5 .lec_ver li { width: 17%; border: 1px solid #ddd; border-right: none; border-bottom: 1px solid #000; } 
.evCon5 .lec_ver li:last-child { border-right: 1px solid #ddd; } 
.evCon5 .lec_ver li.on { border-top: 4px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #fff; } 
.evCon5 .lec_ver li a { padding: 15px 0; display: block; color: #777; font-weight: 300; } 
.evCon5 .lec_ver li.on a { color: #000; font-weight: 600; } 




/* ¼¼ºÎ°ú¸ñÅÇ */

.chk_tab_text_box { margin-bottom: 20px; } 
.chk_tab_text_box.fir { margin-bottom: 50px; } 
.chk_tab_text_box.sec { margin-bottom: 50px; } 
.chk_tab_h, .chk_tab_b { text-align: left; } 
.chk_tab_h { margin-bottom: 20px; color: #333; font-size: 16px; padding-left: 7px; position: relative; font-weight: 700; } 
.chk_tab_h:before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 70%; background: #000000; } 
.chk_tab_b { font-size: 14px; color: #555; line-height: 21px; } 

/* Ç¥ */
.part-wrp table { line-height: 1.4; text-align: center; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-width: 1px 0 0 1px } 
.part-wrp table td { color: #777; } 
.part-wrp table th { color: #333; } 
.part-wrp table td,
.part-wrp table th { position: relative; padding: 14px 5px; font-size: 14px; border: 1px solid #ddd; background:#fff; border-width: 0 1px 1px 0; font-weight: normal; } 
.part-wrp table thead tr th { background: #f5f5f5; font-weight: 600; } 
.part-wrp table tbody tr th { background: #fafafa; font-weight: 600; } 
.part-wrp table tbody tr th.fwn { font-weight: normal; } 
.part-wrp table .bg-gray { background: #e9e9e9; } 
.part-wrp table .bg-ltgray { background: #f5f5f5; } 

.tiny_noti { color: #777; font-size: 11px; text-align: left; margin-top: 20px; line-height: 22px; } 

.lab_btn a , .lab_btn_ai a { background: #2243b9; color: #fff; display: inline-block; padding: 2px 0px; width: 66px; } 

.cmg_popup_wrap.cmg_fullpage .cmg_popup_inner { top: 47% } 
.mg_btn_base.sm.closebtn { width: 36px; height: 36px; background: url(https://img.megagong.net/common/btn_close_mg_popup.png) 0 0 no-repeat; top: -51px; font-size: 0; transition: opacity 0.2s; } 
.warningList li ul li a.tp1,.warningList li ul li a.tp2 { background-color: transparent; color: #395ddd; font-size: 13px; text-decoration: underline; } 
.warningList li ul li a { padding: 2.5px 0px; margin-left: 1px; } 

.tab2_vod_wrap.pc { display: flex; } 

.left_img.mo { display: none; } 
.con_tit.rehead { display: none; } 
.re_text { display: none; } 
.reevent { display: none; } 


@media screen and (max-width: 1200px){
 .br_1200 { display: block; } 
 .br_1200_none { display: none; } 
 .event_end { right: 2%; top: 3%; width: 18%; } 


/* con1 */
.evCon1 .inner { padding: 11% 0 22%; } 
.evCon1 h3 { margin-bottom: 4%; margin-right: 0%; padding: 0 0 0 45%; } 
.evCon1 .btn_con1_wrap { text-align: left; margin-left: 45%; margin-right: 0%; padding: 0 19% 0 0%; } 
.evCon1 .phone_img { left: -4%; top: 15%; width: 63%; } 
.evCon1 .scroll_ani { width: 3%; } 

/* con2 */
.evCon2 .inner { padding: 11% 0 7%; } 
.eventWrap .evCon2 .tiny_noti { margin-top: 8% } 
.numwrap { margin-bottom: 2%; font-size: 99px; } 
.evCon2 .text_wrap_con2 { bottom: 7%; width: 31%; } 

/* con3 */
.evCon3 .inner { padding: 11% 0 5%; } 
.evCon3 .con_tit { margin-bottom: 5%; padding: 0 7%; } 
.evCon3 .cir_wrap_con3 li { margin-right: 2%; } 
.evCon3 .cir_wrap_con3 { margin-bottom: 20%; } 
.evCon3 .say_wrap_con3 p:nth-child(1) { margin-right: 20%; } .evCon3 .say_wrap_con3 { width: 85%; } 


/* tab */
.evCon4 .tab_base li a { padding: 6% 0; } 

 /* tab1 */
 
 .evCon6 .inner, .evCon7 .inner, .evCon8 .inner { padding: 10% 0; } 
.evCon6 .con_tit, .evCon8 .con_tit,.evCon7 .con_tit { margin-bottom: 5%; padding: 0 7%; } 
.time_day_tab1 { margin-bottom: 5%; padding: 0 29%; } 
.cautn { margin: 0 0 7%; } 
.event_inp { border-radius: 10px; padding: 4% 0 4%; margin: 0 0 1%; } 
.event_inp label { font-size: 18px; top: 17%; } 

.event_inp span input { font-size: 17px; padding: 2% 2%; } 
.event_inp .agree { text-align:center; margin:0 } 
.event_inp .agree input[type="checkbox"] + label { padding-left: 4%; font-size: 14px; } 
.event_inp .agree a { font-size: 12px; } 

.evCon6 .gift1_wrap_tab1 { border-radius: 10px; padding: 5% 2% 6%; } 
.evCon6 .gift1_list li { margin-right: 6%; width: 27%; } 

.evCon7 .con_tit { margin-bottom: 6%; } 
.evCon7 .eventVideo.video_renewal.for_youtube.with_shadow { margin: 0 0px 8%; } 
.evCon7 .gift2_wrap_tab1 { margin-bottom: 7%; } 

.evCon7 .gift2_wrap_tab1 > div { width: 41%; } 
.evCon7 .gift2_day { margin-right: 7%; } 
.evCon7 .event_sub.time_head { margin-bottom: 4%; } 
 .evCon7 .inner .event_how_list { margin-bottom: 5%; } 
 .evCon7 .inner .event_how_list .num { left: 4%; width: 15%; } 
 .evCon7 .inner .event_how_list .arrow { right: -14%; width: 12%; } 
 .evCon7 .inner .event_how_list ul li { padding: 5% 4% 3%; } 
 .evCon7 .how_list_img { padding: 0 8%; } 
 .evCon7 .share_btn_wrap { margin-top: 9%; } 


 .evCon8 .gift3_img { margin: 0 0px; padding: 0 2%; } 
 .evCon5 { padding: 10% 0; } 
.shareList ul { margin-bottom: 5%; } 
 /* tab2 */

 .evCon5 { padding: 9% 0; } 
.evCon5 .timer { margin-bottom: 3%; padding: 1% 4%; } 
.evCon5 .con_tit { margin-bottom: 5%; padding: 0 21%; } 
.evCon5 .dday_btn_wrap { display: flex; justify-content: center; margin-bottom: 5%; } 
.evCon5 .dday_btn_box { margin-right: 2%; } 
.evCon5 .sub_tit_tab2 { margin-bottom: 5%; } 
.evCon5 .lec_ver { margin-bottom: 7%; } 
.evCon5 .lec_ver li a { padding: 10% 0; } 
.chk_tab_h { margin-bottom: 2%; padding-left: 1%; } 
.part-wrp table td, .part-wrp table th { padding: 1.3% 1%; } 
.chk_tab_text_box.fir,.chk_tab_text_box.sec { margin-bottom: 5%; } 
.tiny_noti { margin-top: 2%; } .evCon5 .lab_go_btn { margin: 6% 0; } 
.evCon5 .tab2_vod_tit { margin-bottom: 5%; padding: 0 24%; } 
.evCon5 .tab2_vod_wrap li { margin-right: 2%; width: 32%; } 
.evCon5 .tab2_vod_wrap li a { padding: 6% 6% 9% 6%; } 
.evCon5 .tab2_vod_wrap li .vod_img_wrap { margin-bottom: 6%; width: 100%; height: inherit; overflow: hidden; } 

.shareList ul { margin-bottom: 5%; } 
 }

@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; } 

 /* con2 */
 .numwrap { font-size: 79px; } 
.evCon2 .text_wrap_con2 { bottom: 11%; width: 37%; } 

/* tab */
.eventWrap .evCon4 .inner { width: 100%; } 
.evCon4 .tab_base li { font-size: 22px; } 

 /* tab1 */
 .agree_info { width: 100%; left: 0; margin: 10px 0 0; } 
 .event_inp { padding: 15px 0; -webkit-box-shadow: unset; box-shadow: unset; } 
 .event_inp .inp_wrap { margin: 0 4% 15px; padding: 0; } 
 /*.event_inp .inp_wrap a { position: relative; top: inherit; right: inherit; display: block; width: 100%; height: 40px; line-height: 40px; font-size: 15px; } 
 .event_inp .inp_wrap span { margin: 0 0 10px; } 
 .event_inp span input { padding: 10px 0; text-align: center; font-size: 16px; } 
 .event_inp label { font-size: 16px; position: relative; top: inherit; left: inherit; margin: 0 0 0; display: block; padding: 6px 0; border-radius: 10px 10px 0 0; } 
 .event_inp .agree { font-size:13px; text-align: left; margin: 0 4%; } 
 .event_inp .agree input[type="checkbox"] + label { padding: 0 0 0 30px; } 
 .event_inp .agree input[type="checkbox"] + label:before { width: 20px; height: 20px; background-size: 18px; top: 0; } 
 .event_inp .agree a { display: block; width: 90px; border: 1px solid #ef7171; text-align: center; font-size: 12px; margin: 6px 0 0; padding: 4px 0; } */
.time_day_tab1 { padding: 0 26%; } 
 .evCon6 .gift1_tit { top: -1%; width: 22%; } 
 .evCon6 .gift1_list li { width: 37%; } 
.evCon6 .gift1_list li:nth-child(3), .evCon6 .gift1_list li:nth-child(6) { margin-right: 6%; } 
.evCon6 .gift1_list li:nth-child(2), .evCon6 .gift1_list li:nth-child(4),.evCon6 .gift1_list li:nth-child(6) { margin-right: 0%; } 

.evCon7 .gift2_wrap_tab1 { flex-wrap: wrap-reverse; } 
.evCon7 .gift2_wrap_tab1 > div { width: 51%; } 
.evCon7 .gift2_day { margin-right: 0%; margin-top: 5%; } 
 .evCon7 .inner .event_how_list ul li { padding: 5% 3% 3%; } 

 /* tab2 */
 .evCon5 .timer { font-size: 18px; } 
.evCon5 .con_tit { padding: 0 17%; } 
.evCon5 .dday_btn_box { margin-right: 1%; } 
.chk_tab_h { font-size: 15px; } 
.eventWrap .tiny_noti { font-size: 11px; } 
.evCon5 .tab2_vod_tit { padding: 0 20%; } 
.evCon5 .tab2_vod_wrap.pc { display: none; } 
.evCon5 .tab2_vod_wrap.mb { display: block; } 
.evCon5 .slick-dots { display: flex; justify-content: center; margin-top: 3%; } 
.evCon5 .tab2_vod_wrap .slick-dots li { margin-right: 2%; width: inherit; } 
.evCon5 .tab2_vod_wrap .slick-dots li button { color: transparent; background: #b9b9b9; border-radius: 50%; width: 10px; height: 10px; } 
.evCon5 .tab2_vod_wrap .slick-dots li.slick-active button { background: #2243b9; } 
.evCon5 .tab2_vod_wrap li a { padding: 0; } 

/* ¼öÁ¤¿äÃ» */
.event_inp .inp_wrap a { font-size: 15px; width: 100%; line-height: 40px; position: relative; display: inline-block; } 
.event_inp .inp_wrap span { margin: 0 0 1% 13%; } 
.event_inp label { font-size: 16px; top: 14%; } 
 }

@media screen and (max-width: 768px){
 .br_768 { display: block; } 
 .br_768_none { display: none; } 
 .mb { display: block; } 
 .pc { display: none; } 

 /* con1 */
 .evCon1 h3 { padding: 0 25% 0 0%; } 
.evCon1 .btn_con1_wrap { padding: 0 48% 0 0%; margin-left: 0%; } 
.evCon1 .phone_img { left: 55%; top: 45%; width: 53%; } 

/* con2 */
.numwrap { font-size: 72px; } 
.numwrap::after { height: 8px; bottom: 7%; } 
.evCon2 .num_title { font-size: 15.5px; margin-bottom: -3%; } 
.eventWrap .evCon2 .tiny_noti { margin-top: 43%; } 
.evCon2 .text_wrap_con2 { bottom: 18%; width: 51%; } 
.numwrap sup { font-size: 16px; right: -14px; top: 18%; } 

/* con3 */
.evCon3 .con_tit { padding: 0 5%; } 
.evCon3 .cir_wrap_con3 { flex-wrap: wrap; } 
.evCon3 .cir_wrap_con3 li { margin-right: 2%; margin-bottom: 2%; width: 33%; } 
.evCon3 .say_wrap_con3 { width: 94%; justify-content: space-evenly; } 
.evCon3 .say_wrap_con3 p:nth-child(1) { margin-right: 3%; } 
.evCon3 .say_wrap_con3 { transform: translateX(-50%) translateY(106%); } 

/* tab */
.evCon4 .tab_base li { font-size: 18px; } 

 /* tab1 */
 /* .agree_info { width: 100%; left: 0; margin: 10px 0 0; } 
 .event_inp { padding: 15px 0; -webkit-box-shadow: unset; box-shadow: unset; } 
 .event_inp .inp_wrap { margin: 0 4% 15px; padding: 0; } 
 .event_inp .inp_wrap a { position: relative; top: inherit; right: inherit; display: block; width: 100%; height: 40px; line-height: 40px; font-size: 15px; } 
 .event_inp .inp_wrap span { margin: 0 0 10px; } 
 .event_inp span input { padding: 10px 0; text-align: center; font-size: 16px; } 
 .event_inp label { font-size: 16px; position: relative; top: inherit; left: inherit; margin: 0 0 0; display: block; padding: 6px 0; border-radius: 10px 10px 0 0; } */
 .event_inp .agree { font-size:13px; text-align: left; margin: 0 4%; } 
 .event_inp .agree input[type="checkbox"] + label { padding: 0 0 0 30px; } 
 .event_inp .agree input[type="checkbox"] + label:before { width: 20px; height: 20px; background-size: 18px; top: 0; } 
 .event_inp .agree a { display: block; width: 90px; border: 1px solid #ef7171; text-align: center; font-size: 12px; margin: 6px 0 0; padding: 4px 0; } 

 .evCon7 .inner .event_how_list ul li { padding: 5% 2% 3%; } 

 .evCon7 .shareList ul li dl dd { width: 24.2%; } 
 .shareList ul li dl dd:nth-child(5), .shareList ul li dl dd:nth-child(6) { margin-top: 0%; } 
.shareList ul li dl dd:nth-child(5) { margin: 0 0 0 1%; } 

 /* tab2 */
 .evCon6 .con_tit, .evCon8 .con_tit, .evCon7 .con_tit { padding: 0 4%; } 
 
.evCon5 .lec_ver li
 .evCon5 .con_tit { padding: 0 13%; } 
.evCon5 .sub_tit_tab2 { margin-bottom: 7%; overflow: hidden; } 
.evCon5 .sub_tit_tab2 img { width: 150%; max-width: 150%; margin: 0 -25%; } 
.evCon5 .tab2_vod_tit { padding: 0 16%; } 
.evCon5 .lec_ver li:nth-child(3) { border-right: 1px solid #ddd; } 
.evCon5 .lec_ver li.on:nth-child(3) { border-right: 1px solid #000; } 
.evCon5 .lec_ver li.on a { padding: 8% 0; } 


.eventWrap .tiny_noti { line-height: 15px; } 

.time_day_tab1 { padding: 0 19%; } 
.evCon6 .gift1_list li { width: 45%; } 
.evCon7 .gift2_wrap_tab1 > div { width: 58%; } 
.event_sub.time_head { overflow: hidden; } 
.event_sub img { width: 170%; max-width: 170%; margin: 0 -40%; } 
.eventBoard .evtBoard_common .info_wrap .tip_list { font-size: 11px; margin-bottom: 3%; } 

.left_img.mo { display: block; } 
.left_img.pc { display: none; } 
.eventWrap .tiny_noti { font-size: 10px; } 

/* ¼öÁ¤¿äÃ» */
.evCon3 .con_tit { display: none; } 
.evCon6 .con_tit { display: none; } 
.evCon7 .con_tit { display: none; } 
.con_tit.rehead { display: block; color: #fff; font-size: 27px; } 
.evCon6 .con_tit.con_tit.rehead { display: block; color: #df6326; font-size: 42px; font-weight: 800; margin-top: 2%; } 
.evCon7 .con_tit.con_tit.rehead { display: block; color: #fff; font-size: 42px; font-weight: 800; margin-top: 2%; } 
.con_tit.rehead sup { font-size: 10px; } 
.re_text { display: block; color: #fff; font-size: 21px; font-weight: 300; margin-bottom: 6%; } 
.reevent { display: block; } 
.event_inp .inp_wrap span { margin: 0 0 1% 16%; } 
.event_inp label { top: 9%; } 
 }

@media screen and (max-width: 576px){
 .dim_popup.sns { width:90% } 

 .br_576 { display: block; } 
 .br_576_none { display: none; } 

 /* con1 */
 .evCon1 h3 { padding: 0 18% 0 0%; margin-bottom: 7%; } .evCon1 .inner { padding: 19% 0 22%; } 
.evCon1 .btn_con1_wrap { padding: 0 34% 0 0%; } 
.evCon1 .btn_con1_wrap a { width: 77%; overflow: hidden; } 
.btn_con1_wrap img { width: 150%; max-width: 150%; margin: 0 -24%; } 
.evCon1 .phone_img { left: 48%; top: 46%; width: 73%; } 
.evCon1 .scroll_ani { width: 4%; transform: translateY(45%); } 

/* con2 */
.numwrap { font-size: 44px; } 
.numwrap::after { height: 5px; bottom: 9%; } 
.evCon2 .num_title { font-size: 13.5px; margin-bottom: -2%; } 
.eventWrap .evCon2 .tiny_noti { margin-top: 35%; } 
.evCon2 .text_wrap_con2 { bottom: 24%; width: 57%; } 
.numwrap sup { font-size: 13px; } 

/* con3 */
.evCon3 .con_tit { padding: 0 2%; } 
.evCon3 .cir_wrap_con3 li { width: 41%; } 
.evCon3 .say_wrap_con3 { transform: translateX(-50%) translateY(94%); } 
.evCon3 .say_wrap_con3 p:nth-child(1) { margin-right: 2%; } 
.evCon3 .cir_wrap_con3 { margin-bottom: 22%; } 


/* tab */
.evCon4 .tab_base li { font-size: 14px; } 

 /* tab1 */
 .evCon6 .con_tit, .evCon8 .con_tit, .evCon7 .con_tit { padding: 0 1%; } 
 .time_day_tab1 { padding: 0 11%; } 
.event_inp { padding: 3% 0 5%; } 
.event_inp label { font-size: 15px; } 
.event_inp .agree input[type="checkbox"] + label { font-size: 13px; } 
.event_inp span input { font-size: 14px; } 
.cautn { font-size: 13px; } 
.evCon6 .gift1_tit { top: -2%; width: 32%; } 
.evCon6 .gift1_list li { width: 47%; } 

.evCon7 .gift2_wrap_tab1 div.gift2_img { width: 61%; } 
.evCon7 .gift2_wrap_tab1 > div { width: 82%; } 
.event_sub img { width: 220%; max-width: 220%; margin: 0 -60%; } 
 .evCon7 .inner .event_how_list ul { display: block; } 
 .evCon7 .inner .event_how_list ul li { padding: 4% 27% 3%; width: 100%; margin-bottom: 7%; } 
 .evCon7 .inner .event_how_list ul li:nth-child(1) { padding: 4% 27% 4%; } 
.evCon7 .how_list_img { padding: 0 9%; } 
 .evCon7 .inner .event_how_list ul li:last-child { margin-bottom: 0; } 
 .evCon7 .inner .event_how_list .arrow { right: 50%; transform: translateX(50%) rotate(90deg); top: inherit; bottom: -18%; } 

 /* tab2 */

 .evCon5 .timer { font-size: 15px; padding: 1% 10%; margin-bottom: 5%; } 
.evCon5 .con_tit { padding: 0 6%; } 
.evCon5 .dday_btn_wrap { margin-bottom:9%; display: block; padding: 0 16%; } 
.evCon5 .dday_btn_box { margin-right: 0%; margin-bottom: 3%; } 
.evCon5 .sub_tit_tab2 img { width: 170%; max-width: 170%; margin: 0 -35%; } 
.evCon5 .lec_ver { flex-wrap: wrap; justify-content: space-between; } 
.evCon5 .lec_ver li { width: 33.3%; } 
.evCon5 .lec_ver li { border-bottom: 1px solid #ddd; } 
.evCon5 .lec_ver li.on { border-top: 4px solid #000; border-bottom: 4px solid #000; } 
.chk_tab_h { font-size: 14px; padding-left: 2%; } 
.evCon5 .tab2_vod_tit { padding: 0 6%; } 

.warningList li ul li a.tp1, .warningList li ul li a.tp2 { font-size: 12px; } 

 /* ¼öÁ¤¿äÃ» */
 .con_tit.rehead { font-size: 25px; } 
.re_text { font-size: 19px; } 
.evCon3 .cir_wrap_con3 li { width: 37%; } 
.evCon6 .con_tit.con_tit.rehead { font-size: 32px; } 
.evCon7 .con_tit.con_tit.rehead { font-size: 32px; } 
.event_inp .inp_wrap a { font-size: 14px; line-height: 34px; } 
.event_inp label { font-size: 13px; } 
.event_inp .inp_wrap span { margin: 0 0 1% 21%; } 
 }

 @media screen and (max-width: 450px){
 .evCon3 .cir_wrap_con3 { justify-content: space-between; } 
 .evCon3 .cir_wrap_con3 li { width: 48%; margin-right: 0%; } 
 .evCon3 .say_wrap_con3 { width: 100%; } 

 .evCon7 .gift2_wrap_tab1 div.gift2_img { width: 72%; } 
 /* ¼öÁ¤¿äÃ» */
.con_tit.rehead { font-size: 20px; } 
.re_text { font-size: 15px; } 
 }


@media screen and (max-width: 375px) { /* °øÅë */
 .br_375 { display: block; } 
 .br_375_none { display: none; } 
 }
/* E: °øÀ¯ÇÏ±â ÀÌº¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */
