@charset "euc-kr"; /* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */

.con_tit .end { right: -84px; top: -65px; } 
.con_tit .end::after { background: #eb2700; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.dark_ver .con_tit .end::after { background: #430b00; } 
.warningList li ul li a { font-size: 13px; margin-left: -3px; } 
.warningList li ul li a.tp1 { color: #b01f0b; } 

.clamp-title { font-size:46px; } 
.clamp-title2 { font-size:26px; } 
.clamp-text { font-size:20px; } 
.clamp-text2 { font-size:18px; } 
.clamp-text3 { font-size:16px; } 
.con_tit { margin-bottom: 55px; font-weight: 900; line-height: 1.3; } 
.mini_tit { color: #777; font-weight: 400; margin-bottom: 15px; } 

.eventWrap .inner { padding: 150px 0; } 
.eventWrap .evtoggleWarning .inner { padding: 0; } 
.dark_ver { background: #c78877; color: #fff; } 
.dark_ver.evSection .subtitle_line .text { color: #ffffff; } 
.dark_ver.evSection .subtitle_line .line { background-color: #ffffff; } 
.mint_ver { color: #00f6ff; } 
.btn a { display: inline-block; } 


.evSection .subtitle_line { margin-bottom: 20px; } 

.con_tit .evt_mark.square { display: block; margin: 0 390px 40px; font-size: 38px; font-weight: 700; padding: 10px 10px; box-shadow: none; background: #c78877; color: #fff; } 
.con_tit .evt_mark.square::after { border-top: 10px solid #c78877; } 
.dark_ver .con_tit .evt_mark.square { background: #fff; color: #c78877; } 
.dark_ver .con_tit .evt_mark.square::after { border-top: 10px solid #fff; } 

.mission_info { border-radius: 20px; border: 4px solid #ddd; padding: 30px 110px; font-size: 18px; text-align: left; line-height: 1.7; margin-bottom: 90px; } 
.mission_info li { position: relative; } 
.mission_info li::before { content: ""; display: block; width: 6px; height: 6px; background: #000; border-radius: 50%; position: absolute; left: -16px; top: 12px; } 
.dark_ver .mission_info { border: 4px solid #925c4d; } 
.dark_ver .mission_info li::before { background: #fff; } 

.line_ver { color: #b01f0b; text-decoration: underline; text-underline-offset: 5px; } 
.dark_ver .line_ver { color: #00f6ff; } 

.evSection .event_step { margin-bottom: 40px; } 
.evSection .event_step .step::before { background: url(https://image.megagong.net/m/2024/0912_megapas/arrow_step.png) no-repeat center; background-size: cover; } 
.evSection .event_step .step span { margin-bottom: 8px; color: #b01f0b; } 
.evSection .event_step .step p { font-size: 18px; font-weight: 500; } 
.evSection .event_step .step i.custom_option { justify-content: center; } 
.evSection .event_step .step i.custom_option:last-of-type { margin-top: 18px; } 


.flt_inner.renewal .clearfix { background: #fff; border-radius: 15px; padding: 20px 0 0; } 
.flt_inner.renewal .clearfix li { text-align: left; } 
.flt_inner.renewal .clearfix .top_text { text-align: center; margin-bottom: 12px; } 


/* con1 */
.evCon1 { background: #c78877 url(https://image.megagong.net/m/2024/0912_megapas/bg_con1.jpg) no-repeat center; background-size: cover; } 
.evCon1 .mini_tit.top_ver { color: #ffffff; font-weight: 400; margin-bottom: 35px; opacity: 0.8; } 
.evCon1 h3 { margin-bottom: 25px; } 
.evCon1 .gift_img { margin: 0 -150px; } 
.evCon1 .event_info_top { margin: 0 40px; position: relative; } 
.evCon1 .event_info_top .container_info { padding: 15px 30px; font-size: 20px; background-color: #00f6ff; margin-bottom: 160px; } 
.evCon1 .event_info_top .info_date { font-weight: 600; } 
.evCon1 .event_info_top .container_info .info { margin-right: 30px; } 
.evCon1 .event_info_top .container_info .info .noti { margin-left: 10px; font-size: 13px; font-weight: 400; opacity: 1; color: #b01f0b; } 
.evCon1 .event_info_top .double_mark_wrap { position: absolute; right: -60px; top: 50%; transform: translateY(-50%); } 
.evCon1 .event_info_top .double_mark_wrap .double_mark { position: relative; } 
.evCon1 .event_info_top .double_mark_wrap .double_mark p { color: #fff; font-size: 17px; font-weight: 800; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } 
.evCon1 .event_info_top .double_mark_wrap .double_mark .event_end { position: absolute; right: -10px; top: -3px; } 


/* con2 */
.evCon2 .mini_tit { color: #ffffff; opacity: 0.4; } 
.evCon2 .con_tit { color: #fff } 
.evCon2 .mega_content_wrap { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 24px; } 
.evCon2 .mega_content_wrap .cont_ico { border-radius: 50%; border: 3px solid rgba(255, 255, 255, 0.2); width: 252px; height: 252px; display: flex; justify-content: center; align-items: center; margin-bottom: 15px; } 
.evCon2 .mega_content_wrap .cont_tit { font-size: 20px; color: #fff; line-height: 1.3; } 


/* con3 */
.evCon3 { background: #000; } 
.eventWrap .evCon3 .inner { padding: 30px 0; } 
.evCon3 p { font-size: 24px; color: #fff; font-weight: 400; } 


/* con4 */
.evCon4 { background: #f2f2f2; } 
.evCon4 .point_box { display: flex; justify-content: center; align-items: center; border-radius: 10px; background: #fff; margin-bottom: 35px; position: relative; overflow: hidden; } 
.evCon4 .point_box div { flex: 1; padding: 10px 0; font-size: 18px; font-weight: 700; } 
.evCon4 .point_box div b { color: #b01f0b; } 
.evCon4 .point_box div:nth-child(1) { border-right: 1px solid #ddd; } 
.evCon4 .point_box div a { padding: 17px 0; display: block; } 
.evCon4 .point_app_wrap { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px; } 
.evCon4 .point_app_wrap:last-of-type { margin-bottom: 75px; } 
.evCon4 .point_app_wrap li { width: 346px; background: #fff; border: 1px solid #ddd; border-radius: 3px; padding: 35px 20px 14px; } 
.evCon4 .point_app_wrap li.line_2ver { margin: 0 1px; } 
.evCon4 .point_app_wrap li .now_app_num { font-size: 22px; font-weight: 600; margin-bottom: 5px; height: 31px; } 
.evCon4 .point_app_wrap li .point_gift_img { position: relative; } 
.evCon4 .point_app_wrap li .get_num { position: absolute; right: 6px; top: 30px; border-radius: 50%; width: 76px; height: 76px; color: #fff; display: flex; justify-content: center; align-items: center; background: rgba(176, 31, 11, 0.9); font-size: 18px; flex-wrap: wrap; align-content: center; font-weight: 400 } 
.evCon4 .point_app_wrap li .get_num b { font-size: 20px; display: block; width: 100%; line-height: 1.1; font-weight: 700; } 
.evCon4 .point_app_wrap li .gift_tit,
.evCon4 .point_app_wrap li .gift_text { font-size: 16px; } 
.evCon4 .point_app_wrap li .gift_tit.no_text { margin-top: 10px; } 
.evCon4 .point_app_wrap li .gift_text { font-weight: 700; } 
.evCon4 .point_app_wrap li .app_point a { background: #000; color: #fff; border-radius: 10px; padding: 17px 0; width: 260px; font-size: 16px; } 
.evCon4 .point_app_wrap li .app_point a b { color: #00f6ff; } 
.evCon4 .evtoggleWarning p.w_tit { font-size: 18px; border-radius: 20px; padding: 12px 0; } 
.evCon4 .evtoggleWarning p.w_tit::before { background: none; } 

.evCon4 .point_app_wrap li .gift_p_wrp { height: 45px; display: flex; justify-content: center; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 15px; } 
.evCon4 .point_app_wrap li .gift_p { display: block; width: 100%; } 
.evCon4 .point_app_wrap li .gift_p:last-of-type { font-weight: 700; } 
.evCon4 .point_app_wrap li .noti_gift { font-size: 15px; color: #999; margin-top: 10px; display: block; height: 20px; } 


.my_point_dim { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.9); color: #fff; display: flex; justify-content: center; align-items: center; gap: 15px; font-size: 20px; } 
.my_point_dim a { color: #00f6ff; } 



/* calender */
.calenderBox { position: relative; padding: 0; } 
.calenderBox .dim { position:absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); text-align: center; z-index: 2; } 
.calenderBox .dim::before { content:""; display: inline-block; vertical-align: middle; width: 1px; height: 100%; } 

.calenderBox .dim p a > img { margin-left: 10px; } 
.calenderBox .tableType table { position: relative; width:100%; font-size: 14px; background-color: #c78877; } 
.calenderBox .tableType thead { border-top: 4px solid #fff; border-bottom: 4px solid #fff; } 
.calenderBox .tableType table thead tr th { padding: 13px 0; font-size: 24px; font-weight: bold; background-color: #c78877; } 
.calenderBox .tableType table tbody tr td.today { background:#f7f7f7; } 
.calenderBox .tableType table tr th, .calenderBox .tableType table tr td { border: 1px solid #ffffff; } 
.calenderBox .tableType table tr th:nth-child(1),
.calenderBox .tableType table tr td:nth-child(1) { border-left: none; } 
.calenderBox .tableType table tr th:last-child,
.calenderBox .tableType table tr td:last-child { border-right: none; } 
.calenderBox .tableType table tr th:nth-of-type(1) { color: #b01f0b; } 
.calenderBox .tableType table tr th:nth-of-type(7) { color: #0b13b0; } 
.calenderBox .tableType table tr td { padding: 0; font-size: 16px; } 
.calenderBox .tableType table tr td:nth-of-type(1) .wrp i { color: #b01f0b; } 
.calenderBox .tableType table tr td:nth-of-type(7) .wrp i { color: #0b13b0; } 
.calenderBox .tableType table tr td .wrp { display: block; position: relative; height: 153px; text-align: center; padding: 30px 0 7px; display: flex; justify-content: center; align-items: end; flex-wrap: wrap; } 
.calenderBox .tableType table tr td .wrp a { padding: 40px 0 0; display: block; } 
.calenderBox .tableType table tr td .wrp i { position: absolute; top: 7px; left: 7px; color: #ffffff; font-size: 16px; font-style: normal; font-weight: 400; z-index: 1; } 
.calenderBox .tableType table tr td .wrp .point { display: block; background-image: url('https://img.megagong.net/m/2024/0523_promotion/stamp_pass.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 76px; height: 76px; margin: 0 auto; } 
.calenderBox .tableType table tr td .wrp .point.fail { background-image: url('https://img.megagong.net/m/2024/0912_megapas/stamp_fail.png'); } 
.calenderBox .tableType table tr td .wrp .point span { display: block; padding: 57px 0 0; color: #fff; font-weight: normal; letter-spacing: 0; font-size: 13px; display: none; } 
.calenderBox .tableType table tr td .wrp .custom { color: #b01f0b; font-size: 14px; font-weight: bold; height: 21px; width: 100%; } 
.calenderBox .tableType table tr td .wrp .all_point { height: 100%; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #000; height: 76px; } 
.calenderBox .tableType table tr td .wrp.all_day { background: #d1a092; } 
.calenderBox .tableType table tr td .wrp.dou_day { background: #c67d6c; } 
.calenderBox .tableType table tbody tr td.today .wrp { background: #fff; } 
.calenderBox .tableType table tr td.today .wrp i { color: #000; } 
.calenderBox .tableType table tr td.today:nth-of-type(7) .wrp i { color: #0b13b0; } 
.calenderBox .tableType table tr td.today:nth-of-type(1) .wrp i { color: #b01f0b; } 
.calenderBox .check_btn { margin-top: 40px; } 


/* con6 */
.evCon6 .rep_wrap { display: flex; justify-content: space-between; padding: 13px 70px; border-top: 1px solid #ddd; align-items: center; } 
.evCon6 .rep_wrap .rep_left { display: flex; justify-content: flex-start; gap: 15px; align-items: center; } 
.evCon6 .rep_wrap .rep_left .rep_cont { width: 750px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-size: 18px; } 
.evCon6 .rep_wrap .rep_name { font-size: 18px; } 
.evCon6 .rep_mark { font-size: 14px; font-weight: 600; color: #c78877; border-radius: 50px; border: 2px solid #c78877; width: 90px; padding: 3px 0; } 
.evCon6 .rep_mark.dark { background: #c78877; color: #fff; } 
.evCon6 .s_rep_box_wrap { margin-bottom: 75px; } 
.evCon6 .s_rep_box_wrap .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; border-bottom: 4px solid #000; } 
.evCon6 .mg_slick_wrap .slick-dots { display: none; } 
.evCon6 .con_tit.rep_main_text { margin-bottom: 25px; } 
.evCon6 .con_tit.rep_main_text .evt_mark { padding: 15px 132px; font-weight: 500; color: #000000; font-weight: 800; border-radius: 50px; background-color: #00f6ff; box-shadow: none; margin-bottom: 15px; letter-spacing: -1px; } 
.evCon6 .con_tit.rep_main_text .evt_mark::after { border-top: 10px solid #00f6ff; } 
.evCon6 .go_rep_page { display: flex; justify-content: center; align-self: center; gap: 20px; } 
.evCon6 .go_rep_page .go_rep_box { position: relative; } 
.evCon6 .go_rep_page .go_rep_tit { position: absolute; left: 50%; top: 35px; transform: translateX(-50%); } 
.evCon6 .go_rep_page .go_rep_tit a { background: #000; color: #fff; display: block; border-radius: 50px; padding: 12px 47px; font-size: 16px; } 
.evCon6 .go_rep_page .point_get { position: relative; margin-top: 20px; width: 175px; margin: 20px auto 0; } 
.evCon6 .go_rep_page .point_get a { background: #b01f0b; color: #fff; font-size: 13px; display: block; padding: 10px 32px; } 
.evCon6 .noti_tiny { color: #999999; font-size: 16px; text-align: left; display: block; margin-top: 30px; font-weight: 400; } 

/* con7 */
.evCon7 .gallery_lst ul li .txt { font-weight: 400; display: none; } 
.evCon7 .type_lst ul li { border-right: 1px solid #e1c2ba; } 
.evCon7 .type_lst ul li:last-child { border: 0; } 
.evCon7 .type_lst ul li a { color: #ffffff; font-weight: 400; opacity: 0.7; } 
.evCon7 .type_lst ul li.on a { color: #ffffff; } 
.evCon7.evSection .event_step .step { height: 184px; } 
.evCon7 .btn_wrap { margin-bottom: 85px; } 


/* con8 */
.evCon8 .btn_wrap_url { display: flex; justify-content: center; gap: 30px; align-items: center; margin-bottom: 75px; } 
.evCon8 .event_step { border-radius: 3px; border: 1px solid #ddd; box-shadow: 0px 0px 8px 4px #f6f6f6; overflow: hidden; } 
.evCon8 .event_step .step { height: 265px; } 
.evCon8 .shareList .shareList_btnwrp { background: #ffffff; gap: 10px; border: 1px solid #dddddd; border-bottom: none; } 
.evCon8 .shareList .shareList_btnwrp .con_tit .evt_mark { padding: 12px 5px; font-size: 19px; font-weight: 500; border-radius: 10px; background-color: #c78877; min-width: 156px; box-shadow: none; margin-bottom: 0px; font-weight: 800; letter-spacing: 0px; margin-right: 20px; } 
.evCon8 .shareList .shareList_btnwrp .con_tit .evt_mark::after { left: inherit; right: -10px; bottom: inherit; top: 50%; transform: translateY(-50%) rotate(-90deg); border-top: 22px solid #c78877; } 
.evCon8 .shareList .shareList_btnwrp li a { font-size: 18px; color: #888; border-radius: 5px; border: 1px solid #cacaca; padding: 11px 0px; width: 196px; } 
.evCon8 .eventBoard .evtBoard_common .evtBoard_inner { background: #b5f5f7; } 
.evCon8 .evtBoard_common .board_write .inp_wrap textarea, .evCon8 .evtBoard_common .board_write .inp_wrap input[type="text"] { height: 60px; border: 1px solid #000; } 
.evCon8 .evtBoard_common .board_write .btn_wrap a { height: 60px; line-height: 60px; } 
.evCon8 .eventBoard .evtBoard_common .info_wrap { margin: 20px 0 0; } 
.evCon8 .eventBoard .evtBoard_common .info_wrap .tip_list { line-height: 1.5; font-size: 13px; } 
.evCon8 button.btnUrl { color: #b01f0b; font-family: 'Noto Sans KR'; font-size: 16px; font-weight: 600; text-decoration: underline; text-underline-offset: 6px; margin-top: -15px; } 


/* con9 */
.evCon9 { background: #885a4c url(https://image.megagong.net/m/2024/0912_megapas/bg_end.jpg) no-repeat center; background-size: cover; } 
.evCon9 p { color: #fff; font-size: 30px; font-weight: 400; } 
.evCon9 p strong { font-size: 34px; letter-spacing: 2px; } 

/* popup */
.clickPop { font-family: 'Noto Sans KR'; padding: 30px 20px 35px; box-sizing: border-box; } 
.dim_popup.sns.my_point table tr td.con { text-align: center; } 
.dim_popup.sns .tbl_wrap { max-height: 305px; overflow-y: auto; } 
.dim_popup.sns.my_point .tbl_wrap { max-height: 212px; overflow-y: auto; } 
.dim_popup.sns.my_point .my_point_now { margin-bottom: 10px; font-size: 15px; font-weight: 500; } 
.dim_popup.sns.my_point .tiny_noti { margin-top: 20px; display: block; color: #777; } 
.mg_s_info li { padding-left: 15px; font-size: 13px; line-height: 1.3; margin-top: 4px; } 
.mg_s_info li:before { content: '¡Ø'; } 
.mg_s_info li a.tp1 { color: #e45c6c; text-decoration: underline; font-weight: 700; display: inline-block; } 


/* 20240924 */
.evCon1 .container_info .event_end { position: absolute; right: 0px; top: -20px; } 


@media screen and (max-width: 1200px){
 .clamp-title { font-size: clamp(23px,5vmin,46px); } 
.clamp-title2 { font-size: clamp(14px,2.6vmin,26px); } 
.clamp-text { font-size: clamp(15px,2vmin,20px); } 
.clamp-text2 { font-size: clamp(13px,1.8vmin,18px); } 
.con_tit { margin-bottom: 5%; } 
.mini_tit { margin-bottom: 1%; } 

.eventWrap .inner { padding: 12% 0; } 
.mission_info { border-radius: 10px; padding: 2% 2%; font-size: clamp(13px, 1.8vmin, 18px); margin-bottom: 7%; display: flex; flex-wrap: wrap; justify-content: center; } 
.mission_info li { width: 70%; } 
.con_tit .evt_mark.square { margin: 0 36% 3%; padding: 1% 1%; font-size: clamp(20px,3.8vmin,38px); } 
.evSection .subtitle_line .text { margin: 0 2%; font-size: clamp(14px,2.6vmin,26px); } 
.evSection .event_step { margin-bottom: 5%; } 
.evSection .event_step .step { padding: 3% 1%; height: 18vw; } 
.evSection .event_step .step p { font-size: clamp(13px,2vmin,18px); } 

.con_tit .end { right: 0%; top: -35%; } 

/* con1 */
.evCon1 .mini_tit.top_ver { margin-bottom: 2%; } 
.evCon1 h3 { margin-bottom: 5%; padding: 0 12%; } 
.evCon1 .gift_img { margin: 0 0px 2%; } 
.evCon1 .event_info_top { margin: 0 4%; } 
.evCon1 .event_info_top .container_info { padding: 2% 2%; font-size: clamp(15px,2vmin,20px); margin-bottom: 13%; } 
.evCon1 .event_info_top .double_mark_wrap { right: -5%; } 
.evCon1 .event_info_top .double_mark_wrap .double_mark { padding: 0 14%; } 
.evCon1 .event_info_top .double_mark_wrap .double_mark p { font-size: clamp(13px,1.7vmin,17px); } 


/* con2 */
.evCon2 .mega_content_wrap { gap: 2%; } 
.evCon2 .mega_content_wrap li { margin-bottom: 3%; } 
.evCon2 .mega_content_wrap .cont_tit { font-size: clamp(13px,2vmin,20px); } 
.evCon2 .mega_content_wrap .cont_ico { width: 20vw; height: 20vw; margin-bottom: 5%; padding: 0 18%; } 


/* con3 */
.eventWrap .evCon3 .inner { padding: 3% 0; } 
.evCon3 p { font-size: clamp(14px,2.4vmin,24px); } 


/* con4 */
.evCon4 .point_box { margin-bottom: 5%; } 
.evCon4 .point_box div { padding: 1% 0; font-size: clamp(13px,1.8vmin,18px); } 
.evCon4 .point_box div a { padding: 3%; } 
.evCon4 .point_app_wrap { gap: 10px; margin-bottom: 1%; } 
.evCon4 .point_app_wrap:last-of-type { margin-bottom: 7%; } 
.evCon4 .point_app_wrap li { width: 32%; padding: 3% 1% 1%; } 
.evCon4 .point_app_wrap li .now_app_num { font-size: clamp(13px, 1.6vmin, 22px); margin-bottom: 2%; height: 3vw; } 
.evCon4 .point_app_wrap li .gift_tit, .evCon4 .point_app_wrap li .gift_text { font-size: clamp(13px, 1.3vmin, 16px); } 
.evCon4 .point_app_wrap li .gift_tit.no_text { margin-top: 2%; } 
.evCon4 .point_app_wrap li .gift_text { margin-bottom: 4%; } 
.evCon4 .point_app_wrap li .app_point a { border-radius: 5px; padding: 6% 0; width: 90%; font-size: clamp(13px, 1.6vmin, 16px); } 
.evCon4 .point_app_wrap li .get_num { right: 2%; top: 3%; width: 7vw; height: 7vw; font-size: 15px; } 
.evCon4 .point_app_wrap li .get_num b { font-size: 15px; } 
.evCon4 .point_app_wrap li .point_gift_img { padding: 0 10%; margin-bottom: 2%; } 
.evCon4 .point_app_wrap li .noti_gift { font-size: 13px; color: #999; margin-top: 2%; display: block; height: 2vw; } 
.evCon4 .point_app_wrap li .gift_p_wrp { height: 4vw; margin-bottom: 3%; } 
.evCon4 .evtoggleWarning p.w_tit { font-size: clamp(13px,1.8vmin,18px); border-radius:10px; padding: 2% 0; } 
.eventWrap .evCon4 .evtoggleWarning .inner { width: 100%; } 
.evCon4 .point_box .my_point_dim { gap: 1%; } 
.evCon4 .point_box .my_point_dim a { padding: 2% 0; } 



.calenderBox .tableType table thead tr th { padding: 1% 0; font-size: clamp(14px,2.6vmin,24px); } 
.calenderBox .tableType table tr td .wrp { height: 13vw; padding: 8% 0 2%; } 
.calenderBox .tableType table tr td .wrp .point { width: 7vw; height: 7vw; } 
.calenderBox .tableType table tr td .wrp i { top: 4%; left: 6%; font-size: clamp(13px,1.8vmin,16px); } 
.calenderBox .tableType table tr td .wrp .all_point { font-size: clamp(13px,1.8vmin,16px); height: 7vw; } 
.calenderBox .tableType table tr td .wrp .custom { font-size: 13px; height: 2vw; } 
.calenderBox .check_btn { margin-top: 5%; padding: 0 32%; } 
.calenderBox .check_btn a { display: inline-block; } 


/* con6 */
.evCon6 .rep_wrap { padding: 1% 2%; } 
.evCon6 .rep_wrap .rep_left { gap: 1%; } 
.evCon6 .rep_wrap .rep_left .rep_cont { width: 75vw; font-size: clamp(13px,1.8vmin,18px); } 
.evCon6 .rep_wrap .rep_name { font-size: clamp(13px,1.8vmin,18px); } 
.evCon6 .rep_mark { font-size: 14px; width: 8vw; padding: 0.5% 0; } 
.evCon6 .con_tit.rep_main_text .evt_mark { padding: 1% 5%; margin-bottom: 1%; } 
.evCon6 .go_rep_page .go_rep_tit { top: 7%; } 
.evCon6 .go_rep_page .go_rep_tit a { padding: 4% 47px; font-size: clamp(13px,1.8vmin,16px); } 
.evCon6 .go_rep_page .point_get a { padding: 9% 32px; } 


/* con7 */
.evCon7 .btn_wrap { margin-bottom: 8%; padding: 0 25%; } 
.evCon7.evSection .event_step .step { height: 20vw; } 


/* con8 */
.evCon8 .btn_wrap_url { gap: 1%; margin-bottom: 6%; } 
.evCon8 .shareList .shareList_btnwrp li a { font-size: clamp(13px,1.8vmin,18px); } 
.evCon8 .shareList .shareList_btnwrp .con_tit .evt_mark { font-size: clamp(16px,1.8vmin,18px); } 
.evCon8.evSection .event_step .step i.custom_option:last-of-type { margin-top: 2%; } 
.evCon8.evSection .event_step .step { height: 23vw; } 
.evCon8 button.btnUrl { font-size: clamp(14px,1.6vmin,16px); } 

/* con9 */
.evCon9 p { font-size: clamp(15px,3vmin,30px); } 
.evCon9 p strong { font-size: clamp(16px,3.4vmin,34px); } 

/* popup */
.mg_s_info { margin-top: 2%; } 
.mg_info_wrap { margin-top: 2%; } 
.mg_s_info li { font-size: 13px; margin-top: 0%; line-height: 1.4; } 
 }


@media screen and (max-width: 992px){
 .mission_info li { width: 78%; } 
.con_tit .evt_mark.square { margin: 0 33% 3%; padding: 2% 1%; } 
.evSection .event_step .step p { line-height: 1.2; } 
.evSection .event_step .step i.custom_option { font-size: 13px; } 
.evCon8 .eventBoard .evtBoard_common .info_wrap { margin: 1% 0 0; } 

.eventBoard .evtBoard_common .info_wrap.with_tip button { float: inherit; margin-top: 2%; } 

.calenderBox .tableType table tr td .wrp { height: 14vw; padding: 17% 0 8%; } 
.calenderBox .tableType table tr td .wrp .all_point { font-size: 13px; line-height: 1.1; } 
.calenderBox .tableType table tr td .wrp .custom { font-size: 12px; } 


/* con1 */
.evCon1 .event_info_top .container_info { padding: 2% 8%; } 
.evCon1 .event_info_top .double_mark_wrap { right: 5%; top: 22%; } 


/* con4 */
.evCon4 .point_app_wrap li .get_num,
.evCon4 .point_app_wrap li .get_num b { font-size: 13px; } 
.evCon4 .point_app_wrap li .noti_gift { font-size: 11px; } 
.evCon4 .point_app_wrap li .gift_p_wrp { height: 7vw; align-content: center; } 

/* con6 */
.evCon6 .rep_mark { font-size: 13px; width: 10vw; } 
.evCon6 .s_rep_box_wrap { margin-bottom: 9%; } 
.evCon6 .go_rep_page { gap: 1%; } 
.evCon6 .go_rep_page .go_rep_tit { width: 65%; } 


/* con8 */
.evCon8 .shareList .shareList_btnwrp { flex-wrap: wrap; } 
.evCon8 .shareList .shareList_btnwrp li { width: 32.3%; } 
.evCon8 .shareList .shareList_btnwrp li.con_tit { width: 100%; } 
.evCon8 .shareList .shareList_btnwrp li.con_tit .evt_mark { border-radius: 5px; width: 100%; margin-right: 0; } 
.evCon8 .shareList .shareList_btnwrp .con_tit .evt_mark::after { display: none; } 
.evCon8 .shareList .shareList_btnwrp li a { width: 100%; } 
 }


@media screen and (max-width: 768px){
 .mission_info li { width: 92%; } 
.mission_info li::before { width: 3px; height: 3px; left: -2%; top: 38%; } 

.calenderBox .tableType table tr td .wrp { height: 17vw; padding: 25% 0 8%; } 
.calenderBox .tableType table tr td .wrp .point { width: 9vw; height: 9vw; } 
.calenderBox .tableType table tr td .wrp .custom { justify-content: center; height: 3vw; } 
.calenderBox .tableType table tr td .wrp .all_point { font-size: 12px; } 
.calenderBox .tableType table tr td .wrp.all_day .custom { height: auto; } 
.calenderBox .check_btn { padding: 0 27%; } 


/* con1 */
.evCon1 .mini_tit.top_ver { margin-bottom: 3%; } 
.evCon1 h3 { padding: 0 7%; } 
.evCon1 .event_info_top .double_mark_wrap { right: -5%; } 
.evCon1 .event_info_top .double_mark_wrap .double_mark { padding: 0px 19%; } 


/* con2 */
.evCon2 .mega_content_wrap { gap: 1%; } 
.evCon2 .mega_content_wrap li { width: 32.5%; } 
.evCon2 .mega_content_wrap .cont_ico { width: 100%; height: 100%; padding: 5% 9%; border-radius: 8px; } 

/* con4 */
.evCon4 .point_app_wrap li .gift_p_wrp { height: 9vw; } 
.evCon4 .point_app_wrap li .gift_tit, .evCon4 .point_app_wrap li .gift_text { font-size: clamp(12px, 1.3vmin, 16px); } 
.evCon4 .point_app_wrap li .noti_gift { font-size: 9px; } 

/* con6 */
.evCon6 .con_tit.rep_main_text .evt_mark { padding: 2% 5%; } 
.evCon6 .go_rep_page .go_rep_tit { width: 75%; } 

/* con7 */
.evCon7.evSection .event_step .step { height: inherit; } 
.evCon7.evSection .event_step:not(.had_four) { margin-bottom: 4%; } 
.evCon7.evSection .event_step:not(.had_four) .step { padding: 4% 2%; } 
.evCon7 .btn_wrap { padding: 0 17%; } 


/* con8 */
.evCon8 .shareList .shareList_btnwrp li { width: 32%; } 
.evCon8.evSection .event_step .step { height: inherit; } 
.evSection .event_step:not(.had_four) { margin-bottom: 3%; } 
.evCon8.evSection .event_step:not(.had_four) .step { padding: 6% 2%; } 
 }


@media screen and (max-width: 576px){
 .con_tit .evt_mark.square { margin: 0 31% 3%; } 
.evSection .subtitle_line .text { font-size: clamp(17px, 2.6vmin, 26px); } 

.mission_info { line-height: 1.4; } 
.mission_info li::before { top: 19%; } 

.calenderBox .tableType table tr td .wrp i { font-size: 11px; } 
.calenderBox .tableType table tr td .wrp .all_point { font-size: 10px; } 
.calenderBox .tableType table tr td .wrp .custom { font-size: 9px; } 
.calenderBox .tableType table tr td .wrp { height: 20vw; } 
.calenderBox .check_btn { padding: 0 17%; } 


/* con1 */
.evCon1 .event_info_top .double_mark_wrap { top: -58%; } 
.evCon1 .event_info_top .double_mark_wrap .double_mark { padding: 0px 23%; } 
.evCon1 .event_info_top .double_mark_wrap .double_mark .event_end { right: 2%; top: 68%; width: 40%; } 
.evCon1 .event_info_top .container_info { padding: 2% 3%; font-size: clamp(13px, 2vmin, 20px); } 
.evCon1 .event_info_top .container_info .info .noti { font-size: 12px; } 


/* con2 */
.evCon2 .mega_content_wrap li { width: 49%; } 
.evCon2 .mega_content_wrap .cont_ico { padding: 5% 19%; } 

.evCon4 .point_box .my_point_dim { font-size: clamp(11px, 1.8vmin, 18px); } 
.evCon4 .point_app_wrap { gap: 5px; } 
.evCon4 .point_app_wrap li { width: 49%; } 
.evCon4 .point_app_wrap li .get_num { width: 12vw; height: 12vw; font-size: 13px; } 
.evCon4 .point_app_wrap li .gift_p_wrp { height: 15vw; } 
.evCon4 .point_app_wrap li .noti_gift { height: 3vw; } 
 

/* con6 */
.evCon6 .rep_mark { font-size: 12px; width: 15vw; } 
.evCon6 .rep_wrap .rep_left { width: 90%; gap: 2%; } 
.evCon6 .rep_wrap .rep_left .rep_cont { width: 62vw; } 
.evCon6 .con_tit.rep_main_text .evt_mark { font-size: clamp(14px, 2.4vmin, 22px); } 
.evCon6 .go_rep_page { display: block; padding: 0 6%; } 
.evCon6 .go_rep_page .go_rep_box { margin-bottom: 2%; } 
.evCon6 .go_rep_page .go_rep_tit { top: 4%; } 
.evCon6 .go_rep_page .point_get { width: 100%; margin: 2% auto 9%; } 
.evCon6 .go_rep_page .point_get a { padding: 5% 1%; border-radius: 10px; } 
.evCon6 .noti_tiny { font-size: 14px; margin-top: 2%; } 

/* con7 */
.evCon7.evSection .event_step:not(.had_four) .step { padding: 6% 2%; } 
.evCon7 .btn_wrap { padding: 0 0%; } 

/* con8 */
.evCon8 .shareList .shareList_btnwrp li { width: 31%; } 
.evCon8 .btn_wrap_url { display: block; padding: 0 13%; } 
.evCon8 .btn_wrap_url .btn { margin-bottom: 2%; } 

/* pop */
[class*=mg_popup_wrap] .content_area .content_inner { padding: 5% 2%; } 
.b_tit + .mg_tb_wrap, .s_tit + .mg_tb_wrap { margin-top: 4%; } 
.mg_s_info li { font-size: 11px; } 

.evCon4 .point_app_wrap li.line_2ver { margin: 0 0px; } 
.evCon4 .point_app_wrap li .now_app_num { height: 5vw; } 

.evCon1 .container_info .event_end {
    right: -2%;
    top: -95%;
}
 }