@charset "euc-kr";

/* setting */
.blindw { position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden } 
.eventWrap { width:100%; text-align:center; position:relative; font-size: 15px; line-height: 1.4; letter-spacing: -0.03em; overflow:hidden } 
.eventWrap { font-family : 'NotoSans KR'; } 
.eventWrap * { box-sizing:border-box } 
.eventWrap .inner { position:relative; width:1080px; margin:0 auto; } 
.eventWrap .inner::after { content:""; display:block; clear:both; } 
.eventWrap img { border:0 none; vertical-align:middle; max-width:100% } 
.eventWrap .con_tit { position: relative; margin-bottom: 60px; text-align: center; } 
.eventWrap .con_subtit { margin-bottom: 80px; position:relative; /* padding: 0 5%; */ } 
.eventWrap .img_mb { display:none } 
.eventWrap .conBox { position:relative } 
.eventWrap .conBox::after { content:""; display:block; clear:both } 
.eventWrap .flow::after { content:""; display:block; clear:both } 
.eventWrap .video_box { position: relative; z-index: 1; cursor:pointer; padding-bottom: 58.1%; background: #222; overflow: hidden; border-radius: 3px; } 
.eventWrap .video_box .play_area { width: 100% !important; height: 100% !important; position: absolute; width: 100%; height: 100%; } 
.eventWrap .video_box.vdo_none { padding:0 } 
.eventWrap .video_box.ytb { padding:0; padding-bottom: 56.3%; } 
.eventWrap .video_box iframe { position: absolute; top:0; left:0; width:100%; height:100%; } 
.eventWrap .tiny_txt { font-size:12px; letter-spacing: -0.03em; font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif; } 
.eventWrap .main.ending .inner{
    position: relative;
}
.eventWrap .main.ending .tiny_txt{
    position: absolute;
    right: 10vw;
    bottom: 10vw;
    color: #ae928a;
    font-size: 20px;
    font-family: 'NotoSans KR';
}

.eventWrap sup { vertical-align: top; } 

.flt_inner { position: absolute; text-align: right; left: 50%; z-index: 5; width: 180px; top: 124px; margin: 0 0 0 660px; } 
.flt_inner a { display:block; text-align:center; } 

body.not_scroll { position: fixed; overflow: hidden; width: 100%; height: 100% } 
body.not_scroll #mWrap { top: 0; } 


/* btn */
.main .inner { position: relative; } 
.main .con_box { position: absolute; top: 68%; left: 50%; transform: translate(-50%, 0); } 
.main.ending .inner { position: relative; } 
.main.ending .con_box { position: absolute; top: 68%; left: 50%; transform: translate(-50%, 0); } 
.main.ending .con_box .btn { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; } 
.main.ending .con_box .btn a:first-of-type { margin-right: 30px; } 
.main.ending .con_box .btn a:only-of-type { margin-right: 0; } 
.quiz_btn { display: inline-block; width: 500px; height: 100px; background-repeat: no-repeat; background-position: center; background-size: contain; } 
.quiz_btn.stage1_btn { background-image: url('https://img.megagong.net/m/2022/1206_quiz/main_btn1.png'); } 
.quiz_btn.stage1_btn.on { background-image: url('https://img.megagong.net/m/2022/1206_quiz/main_btn1_hover.png'); } 
.quiz_btn.stage2_btn { background-image: url('https://img.megagong.net/m/2022/1206_quiz/main_btn2.png'); } 
.quiz_btn.stage2_btn.on { background-image: url('https://img.megagong.net/m/2022/1206_quiz/main_btn2_hover.png'); } 
.quiz_btn.stage3_btn { background-image: url('https://img.megagong.net/m/2022/1206_quiz/main_btn3.png'); } 
.quiz_btn.stage3_btn.on { background-image: url('https://img.megagong.net/m/2022/1206_quiz/main_btn3_hover.png'); } 
.quiz_btn.result_btn { background-image: url('https://img.megagong.net/m/2022/1206_quiz/con_img46.png'); } 
.quiz_btn .tiny_txt { display: block; margin-top: 20px; margin-right: 10px; color: #ae928a; font-size: 20px; font-family: 'NotoSans KR'; text-align: right; } 

.quiz_wrap.con2_qst .answer li a { position: relative; font-size: 0; } 
.quiz_wrap.con2_qst .answer li:first-of-type a::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; width: 108px; height: 109px; background-image: url('https://img.megagong.net/m/2022/1206_quiz/quiz_correct.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.quiz_wrap.con2_qst .answer li:first-of-type:hover a::before { background-image: url('https://img.megagong.net/m/2022/1206_quiz/quiz_correct_hover.png'); } 
.quiz_wrap.con2_qst .answer li:last-of-type a::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; width: 96px; height: 93px; background-image: url('https://img.megagong.net/m/2022/1206_quiz/quiz_incorrect.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.quiz_wrap.con2_qst .answer li:last-of-type:hover a::before { background-image: url('https://img.megagong.net/m/2022/1206_quiz/quiz_incorrect_hover.png'); } 
/* con_top */
.eventWrap .con_top { position: relative; padding: 80px 0 180px; background: #f20083; } 
.eventWrap .con_top.before { background:#f5f5f5; text-align: center; background: #a6ecb6 url(https://img.megagong.net/m/2022/0411_quiz/con_img16_2.jpg) no-repeat center 0; padding: 0 0 96px; } 
.eventWrap .con_top.before .charac { margin: 0 -130px 0 } 
.eventWrap .con_top.before .over_hide { display: inline-block; border-radius: 55px; overflow: hidden; background: #dd1e59; } 
@-webkit-keyframes start { 
    0% { opacity:0.5; } 
    40% { opacity:1; } 
    80% { opacity:1; } 
    100% { opacity:0.5; } 
}
@keyframes start { 
    0% { opacity:0.5; } 
    40% { opacity:1; } 
    80% { opacity:1; } 
    100% { opacity:0.5; } 
}
.eventWrap .con_top.start { background-color: #ffeae3; padding: 0 0 170px 0; } 
.eventWrap .con_top.start .con_tit { margin-bottom: 0; background-color: #ffd9cb; } 
.eventWrap .con_top.start .con_tit::before { content:''; position: absolute; top: 0; left: 100%; width: 2000px; height: 100%; background-color: #ffd9cb; } 
.eventWrap .con_top.start .con_tit::after { content:''; position: absolute; top: 0; right: 100%; width: 2000px; height: 100%; background-color: #ffd9cb; } 

.eventWrap .con_top.ending { background:#f5f5f5; text-align: center; background: #a6ecb6 url(https://img.megagong.net/m/2022/0411_quiz/con_img16.jpg) no-repeat center 0; padding: 0 0 140px; } 
.eventWrap .con_top.ending .charac { margin: 0 -100px 60px; padding: 60px 0 0 } 
.eventWrap .con_top.ending .btn { font-size: 0; margin: 0px -40px; } 
.eventWrap .con_top.ending .btn a { position: relative; display: inline-block; margin: 0px 40px; vertical-align: top; } 
.eventWrap .con_top.ending .btn a.over_hide { background: #dd1e59; overflow: hidden; border-radius: 55px; } 
.eventWrap .con_top.ending .tiny_txt { padding: 0 30px 0 0; text-align: right; opacity: 0.7; position: absolute;; bottom: -29px; right: 0; font-size: 15px; font-weight: bold; font-family: 'NotoSans KR'; } 
.eventWrap .ending_con1 { background-color:#fff; text-align: center; padding: 160px 0 160px; } 
.eventWrap .cmrst_wrap .rst_type { background: #fff; border: 6px solid #000; border-radius: 18px; padding: 50px 0 30px 0; margin: 60px 0 0; } 
.eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap .rst_type { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #f3f3f3; border:0; margin: 0 4% 40px; padding: 30px 0 30px; } 
.eventWrap .cmrst_wrap .rst_type .m_txt { font-size: 36px; font-weight: bold; line-height: 1.3; margin: 0 0 50px; padding: 20px 0 0; color: #e55812; } 
.eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap .rst_type .m_txt { padding: 20px 0 0; font-size: 24px; margin: 0 0 12px } 
.eventWrap .cmrst_wrap .rst_type .s_title_txt { margin-top: 45px; font-size: 32px; font-weight: bold; line-height: 1.3 } 
.eventWrap .cmrst_wrap .rst_type .s_txt { position: relative; width: calc(100% - 60px); margin: 0 30px; padding: 35px 0; font-size: 24px; font-weight: 400; line-height: 1.3; background-color: #f3f3f3; border-radius: 10px; } 
.eventWrap .cmrst_wrap .rst_type .s_txt > img { position: absolute; top: 50%; left: 35px; transform: translate(0, -50%); } 
.eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap .rst_type .s_txt { padding: 0; font-size: 16px; } 

.eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap .video_wrap { margin: 0 30px 30px; } 

.eventWrap .cmrst_wrap h5 { margin: 0 0 60px } 
.eventWrap .cmrst_wrap .video_wrap { border-radius: 15px; overflow: hidden; } 

.eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap h5 { /* margin: 0 0 2%; */margin: 0 0 20px } 
.eventWrap .cmrst_wrap h5.point { position:relative } 
.eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap h5.point { margin: 0 0 20px; } 
.eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap h5.point + img { width: 33%; } 
.eventWrap .cmrst_wrap h5.point span { display: inline-block; position: relative; font-size: 40px; line-height: 1.2; } 

.eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap h5.point span { font-size: 24px } 
.eventWrap .ending_con2 { position: relative; text-align: center; padding: 120px 0 90px; background-color: #ececec; } 
.eventWrap .ending_con2::before { content:''; position: absolute; top: 0; left: 50%; width: 146px; height: 74px; background: url('https://img.megagong.net/m/2022/1206_quiz/con_img48.png') no-repeat 0 0; margin: 0 0 0 -84px; } 

.eventWrap .ending_con2 p { margin: 0 0 40px } 
.eventWrap .ending_con2 a { } 

.eventWrap .con9 .inner2 { max-width:1096px; margin:auto; } 
.eventWrap .con7 .inner2 { max-width:1082px; margin:auto } 

@-webkit-keyframes show_txt { 
    0% { width:0; } 
    100% { width:150%; } 
}
@keyframes show_txt { 
    0% { width:0; } 
    100% { width:150%; } 
}
@-webkit-keyframes show_left { 
    0% { left:235px; } 
    100% { left:240px; } 
}
@keyframes show_left { 
    0% { left:235px; } 
    100% { left:240px; } 
}


.eventWrap .con_top .visuroll_wrap { position: absolute; top: 0; right: -240px; } 
.eventWrap .con1 { position: relative; padding: 201px 0 125px; } 
.eventWrap .con1 .pad_wrap { margin-bottom:30px; } 
.eventWrap .con1 .inner { opacity: 0; } 
.eventWrap .con1.on .inner { animation: topOn 1s ease both; -moz-animation: topOn 1s ease both; -webkit-animation: topOn 1s ease both; } 

@-webkit-keyframes topOn { 
    0% { margin-top: 30px; opacity: 0; } 
    100% { margin-top: 0; opacity: 1; } 
}
@keyframes topOn { 
    0% { margin-top: 30px; opacity: 0; } 
    100% { margin-top: 0; opacity: 1; } 
}


.quiz_zone { padding: 170px 0 0 } 

.qz_before { position: relative; border: 6px solid #000; border-radius: 15px; background: #fff; height: 680px; padding: 140px 0 0; margin: 0 40px; } 
.qz_before p { font-size: 32px; line-height: 1.6; font-weight: 200; margin: 0 0 70px; } 
.quiz_wrap { position: relative; border: 6px solid #000; border-radius: 15px; background: #fff; height: 680px; padding: 100px 100px 0; margin: 0 40px; } 
.quiz_wrap::before { content:''; position: absolute; bottom: -44px; left: 50%; width: 50px; height: 45px; background: url(https://img.megagong.net/m/2022/0411_quiz/con_img39.png) no-repeat 0 0; margin: 0 0 0 270px; } 
.quiz_wrap::after { content:''; position: absolute; bottom: 0; left: 50%; width: 408px; height: 749px; z-index: 1; background: url('https://img.megagong.net/m/2022/1206_quiz/con_img40.png') no-repeat 100% 100%; margin: 0 0 -176px 330px; } 

.quiz_wrap > strong { position: absolute; top: -15px; left: -18px; } 
.quiz_wrap > strong i { position: absolute; top: 0; left: 0; width: 93%; color: #fff; font-style: normal; font-size: 22px; letter-spacing: 0; text-align: center; line-height: 1.4; padding: 18px 0 0 } 
.quiz_wrap .time { position: relative; margin: 0 50px 40px 0 } 
.quiz_wrap .time::before { content:''; position: absolute; top: 5px; right: -48px; width: 38px; height: 46px; background: url('https://img.megagong.net/m/2022/1206_quiz/con_img38.png') no-repeat 0 0; } 

.quiz_wrap .time p { font-size: 20px; text-align: left } 
.quiz_wrap .time .bar_wrap { position: relative; width: 100%; height: 10px; background: #f5f5f5; margin: 0 0 20px; overflow: hidden; border-radius: 15px } 
.quiz_wrap .time .bar { position: absolute; top: 0; left: 0; height: 100%; border-radius: 15px } 
.quiz_wrap .time .bar span { } 


.quiz_wrap .question { margin: 0 0 20px; padding: 0; position: relative; background: #f1f2f2; height: 180px; font-weight: bold; border-radius: 20px } 
.quiz_wrap .question:before { content:''; display:inline-block; width: 1px; height: 100%; vertical-align: middle; } 
.quiz_wrap .question p { color: #090909; font-size: 32px; display: inline-block; vertical-align: middle } 
.quiz_wrap .question .count { position: absolute; top: 18px; right: 18px; opacity: .6; border: 2px solid #000; padding: 4px 17px; line-height: 1; border-radius: 15px } 
.quiz_wrap .answer { position: relative; margin: 0 0 0 -155px } 
.quiz_wrap .answer::after { content:''; display:block; clear:both } 
.quiz_wrap .answer li { float: left; width: 316px; margin: 0 0 0 155px; position: relative; background: #f1f2f2; /* height: 180px; */ font-weight: bold; border-radius: 20px; overflow: hidden } 
.quiz_wrap .answer::before { content:''; position: absolute; top: 5px; left: 50%; width: 50px; height: 100%; background: url(https://img.megagong.net/m/2022/0411_quiz/con_img43.png) no-repeat center center; margin: 0 0 0 53px; } 

.quiz_wrap .answer li a { display:block; font-size: 32px; height: 180px; } 
.quiz_wrap .answer li:first-of-type:hover { background:#4f53ff; color:#fff; box-shadow:6px 6px 8px 2px rgba(0,0,0,20%) } 
.quiz_wrap .answer li:last-of-type:hover { background:#e55812; color:#fff; box-shadow:6px 6px 8px 2px rgba(0,0,0,20%) } 
.quiz_wrap .answer li span { display: block; padding: 0; display: inline-block; vertical-align: middle } 
.quiz_wrap .answer li a:before { content:''; display:inline-block; width: 1px; height: 100%; vertical-align: middle; } 


.eventWrap .con01 { position: relative; background: #ffffff; padding: 150px 0 160px 0; } 
.eventWrap .con01 .con_tit { font-size:48px } 
.eventWrap .con01 .con_tit strong { color:#e15712; } 
.eventWrap .con01 .con_box { position: relative; border: 5px solid #000000; background: #fff; padding: 60px 80px 60px 40px; border-radius: 15px; text-align: left } 
.eventWrap .con01 ul { } 
.eventWrap .con01 ul li { padding: 16px 0 16px 390px; margin: 0 0 40px; position: relative } 
.eventWrap .con01 ul li i { font-size: 20px; position: absolute; top: 50%; right: 0; font-style: normal; font-weight: bold; margin: -16px -58px 0 0 } 
.eventWrap .con01 ul li .tit { position: absolute; top: 0; left: 0 } 
.eventWrap .con01 ul li .bar_wrap { position: relative; height: 60px; display: block } 
.eventWrap .con01 ul li .bar_wrap .bar { position: absolute; top: 0; left: 0; height: 100%; } 
.eventWrap .con01 .tiny_txt { position: absolute; bottom: 10px; right: 10px; text-align: right; opacity: 0.5 } 
.eventWrap .con01 .tiny_txt span { display: block } 

.eventWrap .con4 { background-color: #7a00d0; padding: 150px 0 90px; } 
.eventWrap .con4 .con_tit { text-align: left; position: relative; margin: 0 -1px 120px; } 
.eventWrap .con4 .con_subtit { text-align: left; position: relative; margin: 0 0 40px; } 
.eventWrap .con4 .con_subtit::before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #fff; opacity: 0.5; } 
.eventWrap .con4 .con_subtit strong { display:inline-block; position: relative; background: #7a00d0; } 
.eventWrap.sobang .con4 .con_subtit strong { background: #0084ff; } 
.eventWrap .con4 .con_subtit span { position: absolute; top: 50%; right: 0; margin:-48px 0 0 } 
.eventWrap .con4 .con_box { padding: 0; margin: 0; } 
.eventWrap .con4 .app_list { position: relative; padding: 30px 14% 0; font-size: 0; text-align: center; } 
.eventWrap .con4 .app_list::after { content: ''; display: block; clear: both; } 
.eventWrap .con4 .app_list li { display: inline-block; width: 25%; margin: 0 0 40px; } 
.eventWrap .con4 .step { position: relative; padding: 0; font-size: 0; text-align: center; margin: 0 -0.5% 170px; } 
.eventWrap .con4 .step li { float: left; width: 25%; margin: 0 0 0% 0%; } 

.eventWrap .con2 { position: relative; padding: 110px 0; background: url(https://img.megagong.net/m/2022/0310_note/gong/bg_con2.png) repeat; } 
.eventWrap .con2 .con_tit { position:relative; margin: 0 -1px 90px; } 
.eventWrap .con2 .con_tit .evt_end { position:absolute; top: 0%; right: -4%; max-width:18%; } 
.eventWrap .con2 .type_wrap { margin: 0 -590px } 
.eventWrap .con2 .calendar_roll .item { text-align: center; background: #c4cdfc; padding: 60px 0px } 
.eventWrap.sobang .con2 .calendar_roll .item { background: #fdd0d9 } 
.eventWrap .con2 .calendar_roll .item img { width: 368px; display: inline-block } 
.eventWrap .con2 .calendar_bigroll { width: 704px; margin: 0 auto; background: url(https://img.megagong.net/m/2022/0310_note/sobang/con_img37.png) center center no-repeat; z-index: 1 } 
.eventWrap .con2 .calendar_bigroll .item { padding: 25px 24px } 
.eventWrap .con2 .btn_wrap { margin: -150px 0 50px; padding: 0 5%; } 
.eventWrap .con2 .btn_wrap li { display:inline-block; vertical-align:top; margin:0 1%; } 
.eventWrap .con2 .btn_wrap + .tiny_txt { font-size: 12px; letter-spacing: 0; font-family: '?? ??','Malgun Gothic','??','Dotum',sans-serif; opacity: 0.7; color: #f7944a; } 
.eventWrap .con2 .btn_wrap + .tiny_txt br { display:none } 
.eventWrap .con2 .con_tit + img { width:60%; margin-bottom:-10px; } 

.eventWrap .con7 { position: relative; padding: 180px 0 160px; background: #ebdf9e; } 
.eventWrap .con7 .con_subtit .evt_end { position:absolute; top: 30%; left: 50%; margin: 0 0 0 400px; width: 213px; } 
.eventWrap .con7 .video_wrap { margin: 0 40px 0; border-radius: 18px; overflow: hidden } 
.eventWrap .con7 .video_box { padding-bottom: 56.3% } 
.eventWrap .con7 .con_subtit.tit2 { background: url(https://img.megagong.net/m/2022/0411_quiz/con_img24.png) no-repeat center 0; margin: 220px -130px 40px; padding: 40px 0 42px } 
.eventWrap .con7 .evt_info { margin: 0 0 140px } 
.eventWrap .con7 .evt_info li { margin: 0 0 20px } 
.eventWrap .con7 .evt_gift { margin: 0 -100px 0 } 

.evtBoard_common .board_write .inp_wrap { border:0; } 
.evtBoard_common .board_write .inp_wrap textarea { border:2px solid #2a2a2a !important; height:60px; padding:18px 10px; } 




.evtBoard_common .board_write .btn_wrap a { height:60px; line-height:60px; } 
.eventWrap .con7 .evtBoard_common .board_write .inp_wrap textarea, 
.eventWrap .con7 .evtBoard_common .board_write .inp_wrap input[type="text"],
.con5 .evtBoard_common .board_write .inp_wrap textarea, 
.con5 .evtBoard_common .board_write .inp_wrap input[type="text"] { border: 0; } 
.eventWrap .con7 .evtBoard_common .board_write .btn_wrap,.eventWrap .con5 .evtBoard_common .board_write .btn_wrap { width: 170px; } 
.eventWrap .con7 .evtBoard_common .board_write .btn_wrap a,
.eventWrap .con5 .evtBoard_common .board_write .btn_wrap a { background: #000; } 
.eventWrap .con7 .evtBoard_common .board_list { background: #ffffff; } 

.eventWrap .con7 .evtBoard_common .board_notice { margin: 0; width:calc(100% - 170px); } 
.eventWrap .con7 .evtBoard_common .board_notice li { color: #6818ff; opacity: 1; font-size: 12px; padding: 0 0 0 10px; text-indent: -10px; } 
.eventWrap.sobang .con7 .evtBoard_common .board_notice li { color:#c8c8c8 } 
.eventWrap .con7 .evtBoard_common .board_notice li.chk_notice { position: absolute; top: 138px; right: 40px; padding: 0; text-indent: 0; } 
.noticeBox { overflow:hidden; margin:10px 40px; } 
.board_notice { float:left; font-weight:700; } 
.board_notice + .notice { float:right; color:#6818ff; } 




.eventWrap .con7 .evtBoard_common .board_list ul li { border: 1px solid #ccc; border-width: 1px 0 0; } 
.eventWrap .con7 .evtBoard_common .board_list ul li.notice { border-top: 0; } 
.eventWrap .con7 .evtBoard_common .board_list ul li.notice .usr_info .date { display: none !important; } 
.eventWrap .con7 .evtBoard_common .board_list ul { border-top: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow: hidden; } 
.eventWrap .con7 .evtBoard_common .board_list .total_rpl { text-align: left; } 
.eventWrap .con7 .evtBoard_common .board_list { padding-top: 0; padding: 20px 20px 40px; } 

.eventWrap .con9 { position: relative; padding: 180px 0 0; background: #91e09f; background: #91e09f url(https://img.megagong.net/m/2022/0411_quiz/con_img37.png) repeat 0 0; } 
.eventWrap .con9 .con_tit { background: url(https://img.megagong.net/m/2022/0411_quiz/con_img24.png) no-repeat center 70px; margin: 0 -130px 70px; padding: 0 0 50px } 

.eventWrap .con9 .con_tit { position:relative; } 
.eventWrap .con9 .con_tit .evt_end { position:absolute; top: 44%; left: 50%; margin: 0 0 0 390px; /* max-width:231px; */ } 
.eventWrap .con9 .evt_date { position: relative; padding: 0 0 0 570px; margin: 0 0 120px } 
.eventWrap .con9 .evt_date li { text-align: left } 
.eventWrap .con9 .evt_date li:nth-child(2) { position: absolute; top: 40px; left: 40px } 
.eventWrap .con9 .evt_date li:nth-child(1) { } 

.eventWrap .con9 .step { margin: 0; } 
.eventWrap .con9 .step h5 { position: relative; margin: 0 0 50px; } 
.eventWrap .con9 .step h5 span { display: inline-block; position: relative } 
.eventWrap .con9 .step h5::before { content:''; position: absolute; top: 50%; left: 0; width: 42%; height: 1px; background: #000; opacity: 0.5; } 
.eventWrap .con9 .step h5::after { content:''; position: absolute; top: 50%; right: 0; width: 42%; height: 1px; background: #000; opacity: 0.5; } 
.eventWrap .con9 .step h5 img { position:relative } 
.eventWrap .con9 .step > p { overflow:hidden; margin-bottom:30px; } 
.eventWrap .con9 .btns { margin: 0 0 60px; overflow: hidden; } 
.eventWrap .con9 .btns a { display:inline-block; margin: 0 20px; } 
.eventWrap .con9 .step { } 
.eventWrap .con9 .step ul { margin: 0 0 0 0; /* background: url(https://img.megagong.net/m/2022/0411_quiz/con_img36.png) no-repeat 0 0; */ padding: 0 0 0 32px } 
.eventWrap .con9 .step ul::after { content:''; display:block; clear:both } 
.eventWrap .con9 .step li { float: left; width: 310px; margin: 0 0 0 50px; background: url(https://img.megagong.net/m/2022/0411_quiz/con_img36.png) no-repeat 0 0; padding: 23px 0 0; height: 180px } 
.eventWrap .con9 .step li:nth-child(1) { padding: 34px 0 0; margin: 0 0 0 0 } 
.eventWrap .con9 .step li:nth-child(1) a { display: block; margin: 0 0 10px } 
.eventWrap .con9 .step li:nth-child(2) { background-position: -358px 0px; width: 322px; padding-right: 14px } 
.eventWrap .con9 .step li:nth-child(2) strong,.eventWrap .con9 .step li:nth-child(3) strong { display: block; margin: 0 0 15px } 
.eventWrap .con9 .step li:nth-child(2) span,.con9 .step li:nth-child(3) span { display: block } 
.eventWrap .con9 .step li:nth-child(3) { margin: 0 0 0 10px } 

.eventWrap .sns_lst { background-color:#6b31d9; } 
.eventWrap .sns_lst { background: #ffffff; padding: 30px; margin: 0; } 
.eventWrap .sns_lst ul li { margin: 0 0 15px; } 
.eventWrap .sns_lst ul li dl { position: relative; padding: 0 0 0 170px; } 
.eventWrap .sns_lst ul li dl:after { content:''; display:block; clear:both } 
.eventWrap .sns_lst ul li dl dt { background: #ff69ef; color:#fff; width: 156px; height: 50px; line-height: 50px; border-radius: 8px; margin: 0 10px 0 0; position: absolute; letter-spacing: 0; top: 0; left: 0; } 
.eventWrap .sns_lst ul li dl dd { width: 156px; height: 50px; border-radius: 8px; margin: 0 0 0 10px; float: left; border: 2px solid #999999; color: #999999; line-height: 46px; font-weight: normal; font-size: 16px; } 
.eventWrap .sns_lst ul li dl dd a { display: block; font-weight:700; } 


.eventWrap .evt_cautn { position: relative; background: #f8f8f8; padding: 0 0; } 
.eventWrap .evt_cautn .con_box { text-align: left; display:none; padding: 0 0 20px; font-family: '?? ??','Malgun Gothic','??','Dotum',sans-serif; } 
.eventWrap .evt_cautn.on .con_box { display:block } 
.eventWrap .evt_cautn .con_tit { background: #07702b; text-align: center; padding: 12px 0; color: #fff; font-weight: 700; font-family: '?? ??','Malgun Gothic','??','Dotum',sans-serif; cursor: pointer; font-size:14px; } 
.eventWrap .evt_cautn.sobang .con_tit { background-image: url(https://img.megagong.net/m/2021/1019_good/con_img42.png); background-position: center 0; background-repeat: repeat-y; } 
.eventWrap .evt_cautn .con_tit strong { color: #2c50ee; padding: 0 10px 0 0; } 
.eventWrap .evt_cautn .con_tit i { font-style: normal; font-size: 13px; display: inline-block; margin: -5px 0 0 9px; vertical-align: middle; } 
.eventWrap .evt_cautn.on .con_tit i { transform: rotate(180deg); margin: -1px 0 0 9px } 
.eventWrap .evt_cautn .con_box dl { color: #222; margin: 0 10px 0 10px; font-size: 13px; letter-spacing: -0.06em; } 
.eventWrap .evt_cautn .con_box dl+dl { margin-top: 30px; } 
.eventWrap .evt_cautn .con_box dl dt { line-height:1.5; font-weight: bold; margin: 0 0 5px; font-size:15px; } 
.eventWrap .evt_cautn .con_box dl dd { position:relative; padding-left:10px; line-height:1.5; text-indent: -10px; margin: 0 0 4px; } 
.eventWrap .evt_cautn .con_box dl dd a { display:inline-block; font-size: 11px; border: 1px solid #000; text-align: center; text-indent: 0; font-weight: 900; margin: 0 0 0 6px; padding: 2px 6px; line-height: 1; } 

.eventWrap .con5 { padding: 0 0 160px; background: #91e09f url(https://img.megagong.net/m/2022/0411_quiz/con_img37.png) repeat 0 0; } 
.eventWrap .con5 .inner { position:relative; } 
.eventWrap .con5 .inner:before { content:''; position:absolute; top:-18px; left:0; right:0; margin:0 auto; width:35px; height:19px; } 
.eventWrap .con5 .evtBoard_common { background: #ececec; opacity: 1; padding-bottom:140px; } 
.eventWrap .con5 .evtBoard_common .board_notice li.chk_notice { position: absolute; top:0; right: 0; } 
.eventWrap .con5 .evtBoard_common .board_notice .btnUrl button { font-size: 12px; position:absolute; top: 105px; right: 40px; border: 1px solid #000; padding: 3px 16px; border-radius: 30px; font-weight: bold; } 
.eventWrap .con5 .evtBoard_common .board_write { margin: 0 40px 10px; } 
.eventWrap .con5 .evtBoard_common .board_list { background: #ece6f4; } 
.eventWrap .con5 .evtBoard_common .board_notice { margin: 0 40px; } 
.eventWrap .con5 .evtBoard_common .board_notice li { color: #666; opacity: 1; font-size: 12px; } 
.eventWrap .con5 .evtBoard_common .board_notice li.chk_notice { position: absolute; top: 100px; right: 30px; } 
.eventWrap .con5 .evt_cautn { position: relative; padding: 50px 0 00; } 

.eventWrap .calendar_roll { display: none; margin: -450px -3% 263px; } 
.eventWrap .calendar_roll.slick-initialized { display: block; } 
.eventWrap .calendar_roll .slick-list { padding: 0; } 
.eventWrap .calendar_roll .slick-dots { display: none; } 


.eventWrap .paging img { width: auto !important; } 


.eventWrap .black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index: 2; } 
/* .certifi_pop { width: 500px; position:fixed; top:50%; left:50%; z-index: 105; font-size:13px; transform: translate(-50%,-50%); } 
.certifi_pop .btn_popclo { position:absolute; top: -55px; right: 0; display:block; font-size:0; line-height:0; width: 48px; height: 48px; background: url('https://img.megagong.net/m/2021/0601_lyj4718/conimg_56.png') 0 0 no-repeat; } 
.certifi_pop .popinner { padding:0 33px; position:relative; font-size:13px; overflow:hidden; border-radius: 30px; background-color:#fff; } */

.eventWrap .certifi_pop { position:fixed; top:0; left:0; right:0; bottom:0; z-index: 105; font-size:13px; /*transform: translate(-50%,-50%); */ } 
.eventWrap .certifi_pop:after { display: inline-block; vertical-align: middle; width: 0; height: 100%; content: ''; } 
.eventWrap .certifi_pop .btn_popclo { position:absolute; top: 20px; right: 20px; display:block; font-size:0; line-height:0; width: 20px; height: 20px; background: url('https://img.megagong.net/m/2021/0819_good/pop_close.png') 0 0 no-repeat; } 
.eventWrap .certifi_pop .pop_classi { width: 450px; position:relative; top:0; bottom:0; left:0; right:0; margin:auto; display: inline-block; vertical-align: middle; text-align: center; } 
.eventWrap .certifi_pop .popinner { padding: 0 20px; position:relative; font-size:13px; overflow:hidden; border-radius: 10px; background-color:#fff; background: #fff url(https://img.megagong.net/m/2021/0819_good/pop_bg.png) 0 0 repeat; } 
.eventWrap .certifi_pop .popinner .tit { font-size: 23px; padding: 40px 0 0; line-height: 1; } 
.eventWrap .certifi_pop .popinner .cautn { text-align: left; font-size: 11px; font-family: '?? ??','Malgun Gothic','??','Dotum',sans-serif; opacity: 0.7; margin: 0 0 20px; } 
.eventWrap .certifi_pop .popinner .cautn li { text-indent: -12px; padding: 0 0 0 12px; margin: 0 0 1px; } 
.eventWrap .certifi_pop .popinner .cautn li a { display: inline-block; border: 1px solid #565656; font-size: 10px; padding: 2px 3px; text-indent: 0; line-height: 1; } 
.eventWrap .certifi_pop .popinner .gift_tit { background:#444; height: 46px; color: #fff; font-size: 15px; font-weight: 200; padding: 12px 0 0; margin: 0 0 15px; } 
.eventWrap .certifi_pop .popinner .tit_w { padding:45px 0 25px; border-bottom:3px solid #cccccc; } 
.eventWrap .certifi_pop .popinner .tit_w .tit { font-weight:bold; font-size:27px; color:#333333; } 
.eventWrap .certifi_pop .popinner .tit_w .tit strong { display:block; color:#fd274e; } 
.eventWrap .certifi_pop .popinner .tit_w ul { margin-top:10px; } 
.eventWrap .certifi_pop .popinner .tit_w ul li { font-weight:300; font-size:16px; line-height:1.3; color:#888888; } 
.eventWrap .certifi_pop .popinner .inp_list { padding:34px 0 32px; border-bottom:3px solid #cccccc; } 
.eventWrap .certifi_pop .popinner .inp_list li { overflow:hidden; } 
.eventWrap .certifi_pop .popinner .inp_list li+li { margin-top:10px; } 
.eventWrap .certifi_pop .popinner .inp_list li strong { float:left; width:120px; } 
.eventWrap .certifi_pop .popinner .inp_list li .tt { float:left; width:calc(100% - 120px); text-align:left; } 
.eventWrap .certifi_pop .popinner .inp_list li .tt .inp_txt { display:block; } 
.eventWrap .certifi_pop .popinner .inp_list li .tt .inp_txt input { padding:0 10px; width:100%; height:40px; border:1px solid #b5b5b5; box-sizing:border-box; color:#b3b3b3; } 
.eventWrap .certifi_pop .popinner .inp_list li .tt .inp_txt input::-webkit-input-placeholder { color: #b3b3b3; } 
.eventWrap .certifi_pop .popinner .inp_list li .tt .inp_txt input:-ms-input-placeholder { color: #b3b3b3; } 
.eventWrap .certifi_pop .popinner .inp_list li .gray_txt { font-weight:200; font-size:11px; color:#999999; line-height:1.45; } 
.eventWrap .certifi_pop .popinner .way_box { position:relative; margin:0 -21px; } 
.eventWrap .certifi_pop .popinner .way_box a { position:absolute; top: 13%; right: 18%; width: 20%; height: 7%; font-size:0; } 

.eventWrap .certifi_pop .filebox { position: relative; border: 1px solid #b5b5b5; margin:3px 0 10px; overflow: hidden; } 
.eventWrap .certifi_pop .filebox .filename { position:relative; height: 40px; width: 74%; float:left; overflow:hidden; background: #fff; } 
.eventWrap .certifi_pop .filebox .filename input[type="text"] { position:absolute; top:0; left:0; font-size:13px; width:100%; height:40px; padding-left:10px; color:#b3b3b3; border:0 } 
.eventWrap .certifi_pop .filebox .filename a { position:absolute; top:0; right:0; width: 30px; height:28px; line-height:40px; font-size:12px; background-color: #fff; color:red; z-index:1; text-align:center; display: none; font-weight: 200; } 
.eventWrap .certifi_pop .filebox .filebtn { position:relative; width:26%; height:40px; float:right; cursor:pointer; } 
.eventWrap .certifi_pop .filebox .filebtn label { position:absolute; top:0; right:0; background-color: #777777; color:#fff; font-size:15px; width:100%; text-align:center; height: 40px; line-height: 40px; font-weight: 200; cursor: pointer; } 
.eventWrap .certifi_pop .filebox input[type="file"] { position:absolute; top:0; right:0; width:100%; height:100%; cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; } 
.eventWrap .certifi_pop .filebox label { position:absolute; z-index:1; top:17px; left:0; font-size:13px; font-weight:bold; width: 98px; } 
.eventWrap .certifi_pop .popinner .pop_btn { display:block; margin: 0 auto 30px; font-weight: 200; font-size: 17px; line-height:57px; color:#ffffff; background: #000; width: 170px; height: 46px; line-height: 46px; border-radius: 40px; } 
.eventWrap .certifi_pop .popinner .pop_btn.btn_register { background:#0047bb; } 
.eventWrap .certifi_pop .popinner .pop_btn.btn_change { background:#777; } 


.freeDown { padding:155px 0; background: rgb(168,224,255); background: -moz-linear-gradient(left, rgba(168,224,255,1) 0%, rgba(146,216,255,1) 100%); background: -webkit-linear-gradient(left, rgba(168,224,255,1) 0%,rgba(146,216,255,1) 100%); background: linear-gradient(to right, rgba(168,224,255,1) 0%,rgba(146,216,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed5b6', endColorstr='#fec79e',GradientType=1 ); } 

.freeDown .rollImg { overflow:hidden; } 
.freeDown .list { margin-top:60px; text-align:center; } 
.freeDown .list > li { display:inline-block; vertical-align:top; width:329px; margin:0 10px; } 
.freeDown .list > li h4 { font-size:20px; color:#151515; line-height:120%; font-weight:300; margin-bottom:20px; } 
.freeDown .list > li h4 span { display:block; font-weight:700; } 
.freeDown .list > li > div { margin-top:0; } 

.freeDown .slick-dots { text-align:right; float:right; overflow:hidden; } 
.freeDown .slick-dots li { float:left; display:inline-block; vertical-align:top; width:13px; margin-left:3px; } 
.freeDown .slick-dots li button { width:13px; height:13px; box-sizing:border-box; border:1px solid #222; border-radius:50%; font-size:0; } 
.freeDown .slick-dots li.slick-active button { background:#222; } 
.freeDown .btn { margin-top:20px; } 



.dim_bnrwrp_wrap.result .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_bnrwrp_wrap.result .dim_bnrwrp { position:fixed; top:0; left:0; width:100%; height:100%; z-index:3; } 
.dim_bnrwrp_wrap.result .dim_popup { width: 760px; background:#fff; border:1px solid #000; padding: 30px 10px; position:fixed; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 16px; } 
.dim_bnrwrp_wrap.result .con_box { height: 56vh; overflow: auto; } 
.dim_popup button { position:absolute; right: 15px; top: 15px; background: none; } 

.dim_bnrwrp_wrap.result .dim_popup .tit { text-align:center; margin: 20px 0; padding: 0 15px; font-size: 25px; font-weight: bold; } 
.dim_bnrwrp_wrap.result .dim_popup.clickPop .btnConfirm { text-align:center; margin: 40px 0 0 0; } 
.dim_bnrwrp_wrap.result .dim_popup.clickPop .btnClose { position:absolute; right: 10px; top: -40px; /* background: url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center; */font-size: 0; width: 26px; height: 26px; } 

.dim_bnrwrp_wrap.result .pop_tab { position: relative; margin: 0 0 30px -1%; padding: 0 3% 0; } 
.dim_bnrwrp_wrap.result .pop_tab::after { content: ''; display: block; clear: both; } 
.dim_bnrwrp_wrap.result .pop_tab li { float: left; width: 32.3%; margin: 0 0 0 1%; } 
.dim_bnrwrp_wrap.result .pop_tab li { float: left; width: 32.3%; margin: 0 0 0 1%; } 
.dim_bnrwrp_wrap.result .pop_tab li.on { } 
.dim_bnrwrp_wrap.result .pop_tab li a { display: block; } 
.dim_bnrwrp_wrap.result .pop_tab li img.off { display: inline-block; } 
.dim_bnrwrp_wrap.result .pop_tab li img.on { display: none; } 
.dim_bnrwrp_wrap.result .pop_tab li.on img.off { display: none; } 
.dim_bnrwrp_wrap.result .pop_tab li.on img.on { display: inline-block; } 

.dim_bnrwrp_wrap.result .cmrst_wrap .rst_type .s_title_txt { position: relative; display: inline-block; margin-top: 10px; margin-bottom: 40px; color: #000000; font-size: 24px; z-index: 1; } 
.dim_bnrwrp_wrap.result .cmrst_wrap .rst_type .s_title_txt::before { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); content: ''; width: calc(100% + 30px); height: 16px; background-color: #fae3db; border-radius: 40px; z-index: -1; } 

.dim_bnrwrp_wrap.url .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_bnrwrp_wrap.url .dim_bnrwrp { position:fixed; top:0; left:0; width:100%; height:100%; z-index:3; } 
.dim_bnrwrp_wrap.url .dim_popup { width: 490px; background:#fff; border:1px solid #000; padding: 40px 10px; position:fixed; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } 
.dim_bnrwrp_wrap.url .dim_popup button { position:absolute; right: 15px; top: 15px; background: none; } 

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


@media (max-width: 1200px){
    .eventWrap { font-size: 13px; } 
    .flt_inner { display: none; } 
    .eventWrap .inner { width: 94%; } 
    .eventWrap img { width:100%; } 
    .eventWrap .con_tit { margin: 0 0 5%; padding: 0 0 0; } 
    .eventWrap .con_top.start .con_tit { margin: 0 } 
    .eventWrap .con_top { padding: 12% 0 } 
    .eventWrap .con_top.start { padding: 0 0 12% } 
    .eventWrap .con_top.before { padding: 0 0 9%; background-size: auto 100% } 
    .eventWrap .con_top.before .charac { margin: 0 0 7%; padding: 4% 4% 0 } 
    .eventWrap .con_top.before a { display: block; margin: 0 20% } 
    .eventWrap .con_top.ending { padding: 0 0 12%; background-size: auto 100% } 
    .eventWrap .con_top.ending .charac { margin: 0 0 4%; padding: 8% 4% 0 } 
    .eventWrap .con_top.ending .btn { margin: 0 -1%; } 
    .eventWrap .con_top.ending .btn a { width: 48%; margin: 0 1% } 

    .quiz_btn { width: 35vw; height: 10vw; }
    .quiz_zone { padding: 7% 0 0 } 
    .quiz_wrap::after { display: none; } 
    .quiz_wrap::before { display: none; } 
    .qz_before { padding: 0 0 13%; height: auto; border-width: 3px; margin: 0 2% } 
    .qz_before p { font-size: 2.9vw; margin: 13% 0 6%; padding: 0 0 0 } 
    .qz_before a { display: block; margin: 0 20% 0 } 
    .quiz_wrap { padding: 14% 0 6%; height: auto; border-width: 3px; margin: 0 2% } 
    .quiz_wrap::before { content:''; position: absolute; bottom: -44px; left: 50%; width: 50px; height: 45px; background: url(https://img.megagong.net/m/2022/0411_quiz/con_img39.png) no-repeat 0 0; margin: 0 0 0 270px; } 

    .quiz_wrap > strong { top: -1.8vw; left: -2%; width: 21%; } 
    .quiz_wrap > strong i { font-size: 2.9vw; padding: 13% 0 0 } 
    .quiz_wrap .time { margin: 0% 14% 5% 4%; } 
    .quiz_wrap .time::before { background-size: 100%; width: 5vw; height: 6vw; right: -13%; top: inherit; bottom: -10% } 

    .quiz_wrap .time p { font-size: 2.5vw; text-align: left } 
    .quiz_wrap .time .bar_wrap { position: relative; width: 100%; height: 10px; background: #f5f5f5; margin: 0 0 20px; overflow: hidden; border-radius: 15px } 
    .quiz_wrap .time .bar { position: absolute; top: 0; left: 0; height: 100%; border-radius: 15px } 
    .quiz_wrap .time .bar span { } 

    .quiz_wrap .question { margin: 0 4% 3%; height: 22vw; border-radius: 10px } 
    .quiz_wrap .question p { font-size: 2.9vw } 
    .quiz_wrap .question .count { top: 4%; right: 4%; padding: 1px 10px; border-width: 1px; opacity: 0.5; } 
    .quiz_wrap .answer { position: relative; margin: 0 5% 0 -5% } 
    .quiz_wrap .answer::after { content:''; display:block; clear:both } 
    .quiz_wrap .answer li { width: 40%; margin: 0 0 0 10%; border-radius: 10px; } 
    .quiz_wrap .answer::before { width: 10%; margin: 0; background-size: 64% } 

    .quiz_wrap .answer li a { display:block; font-size: 2.9vw; height: 20vw; } 
    .quiz_wrap .answer li:hover { box-shadow: none } 
    .quiz_wrap .answer li span { } 
    
    .eventWrap .con5 .evt_cautn { margin: 0 0 5%; padding: 0 7% 0; position: relative; top: inherit; left: inherit; width: auto; height: auto; line-height: 52px; font-size: 15px; margin: 0; } 
    
    
    /* con_top */
    .eventWrap .con01 { padding: 12% 0 12% } 
    .eventWrap .con01 .con_tit { font-size: 4.8vw; } 
    .eventWrap .con01 .con_tit strong { color:#dd1e59 } 
    .eventWrap .con01 .con_box { padding: 20px 10% 40px 5%; } 
    .eventWrap .con01 ul { } 
    .eventWrap .con01 ul li { padding: 3% 0 3% 57%; margin: 0 0 3% 0%; } 
    .eventWrap .con01 ul li i { font-size: 2.8vw; line-height: 0; margin: 0 -6.8vw 0 0; } 
    .eventWrap .con01 ul li .tit { width: 54%; } 
    .eventWrap .con01 ul li .bar_wrap { position: relative; display: block; height: 6vw } 
    .eventWrap .con01 ul li .bar_wrap .bar { } 
    .eventWrap .con01 .tiny_txt { font-size: 11px; } 
    .eventWrap .con01 .tiny_txt span { } 
    
    .eventWrap .con4 .con_tit { padding: 0 0%; margin: 0 0 5%; } 
    .eventWrap .con7 .con_tit { padding: 0 19% } 
    .eventWrap .con7 .con_subtit,.eventWrap .con7 .con_subtit.tit2 { margin: 0 0 5%; padding: 0 7%; background-size: 100% } 
    .eventWrap .con7 .video_wrap { margin: 0 4% 10% } 
    
    .eventWrap .con7 .evt_info { margin: 0 -1% 7% } 
    .eventWrap .con7 .evt_info li { margin: 0 0 1%; overflow: hidden; border-radius: 60px } 
    .eventWrap .con7 .evt_info li img { max-width: 131%; width: 135%; margin: 0 0 0 -17% } 
    .eventWrap .con7 .evt_gift { margin: 0 -2% 0% } 

    
    .eventWrap .con2 { padding: 12% 0; background-size: 100%; background-position: center 7vw; } 
    .eventWrap .con2 .con_tit .evt_end { width: 20%; top: -13%; right: 0; max-width: 30% } 
    .eventWrap .con2 .con_tit { padding: 0 1% 0; margin: 0 0 5%; } 

    .eventWrap .con2 .type_wrap { margin: 0 0 0%; padding: 0 } 
    .eventWrap .con2 .type_wrap .slick-dots { display:none !important } 
    .eventWrap .con2 .type_wrap .slick-arrow { display:none !important } 
    .eventWrap .con2 .calendar_bigroll { width: auto; margin: 0 18% 0; padding: 2% 2%; background-size: 100% } 

    .eventWrap .calendar_roll { margin: -38% -64% 17% } 
    .eventWrap .con2 .calendar_roll .item { padding: 14% 5% } 
    .eventWrap .con2 .calendar_roll .item img { width: 17vw } 
    .eventWrap .con2 .btn_wrap { margin: 0 0 3%; padding: 0 0%; } 
    .eventWrap .con2 .btn_wrap li { float: left; width: 46%; padding: 0 0%; } 
    .eventWrap .con2 .btn_wrap li a { display:block } 
    .eventWrap .con2 .btn_wrap + .tiny_txt { font-size: 10px; font-weight: 200; opacity: 0.5; } 
    .eventWrap .con2 .btn_wrap + .tiny_txt br { display:block } 


    .eventWrap .con4 { padding: 12% 0 8%; } 
    .eventWrap .con4 .con_subtit { padding: 0 31% 0 0; margin: 0 0 5%; } 
    .eventWrap .con4 .con_subtit.tit2::before { display:block } 
    .eventWrap .con4 .con_subtit.tit2 { padding: 0 65.7% 0 0; } 
    .eventWrap .con4 .con_subtit strong { display: block } 
    .eventWrap .con4 .con_subtit span { width: 21%; top: inherit; bottom: -77%; margin: 0; } 
    .eventWrap .con4 .app_list { padding: 0 10%; } 
    .eventWrap .con4 .app_list::after { content: ''; display: block; clear: both; } 
    .eventWrap .con4 .app_list li { margin: 0 2% 3%; width: 21%; } 
    .eventWrap .con4 .step { margin: 0 0 10%; } 

    .eventWrap .con7 { padding: 12% 0 12%; } 
    .eventWrap .con7 .evt_gift ul { margin: 0 9% 5% } 
    .eventWrap .con7 .evt_gift ul li { width: 100%; } 
    .eventWrap .con7 .evt_gift ul li a { left: 0; width: 100%; height: 24%; } 

    .eventWrap .con7 .evtBoard_common { padding: 20px 15px; border-radius: 0; } 
    .eventWrap .con7 .evt_date { padding: 2% 10%; display: block; margin: 0px 0 5%; } 
    .eventWrap .con7 .evt_date li { width:50%; } 
    .eventWrap .con7 .evt_date li:last-child { width:35%; } 
    .eventWrap .con7 .evtBoard_common > .tit { padding: 0 0 5px; font-size: 15px; } 
    .eventWrap .con7 .evtBoard_common .board_write, 
    .eventWrap .con5 .evtBoard_common .board_write { margin: 0 0 10px; padding: 0; } 
    .eventWrap .con7 .evtBoard_common .board_write .inp_wrap textarea, 
    .eventWrap .con7 .evtBoard_common .board_write .inp_wrap input[type="text"],
    .eventWrap .con5 .evtBoard_common .board_write .inp_wrap textarea, 
    .eventWrap .con5 .evtBoard_common .board_write .inp_wrap input[type="text"] { padding: 10px 10px; font-size: 14px; height: 60px; } 
    .eventWrap .con7 .evtBoard_common .board_write .btn_wrap,
    .eventWrap .con5 .evtBoard_common .board_write .btn_wrap { width: 100%; } 
    .eventWrap .con5 .evtBoard_common .board_notice { padding: 40px 0 0 0; margin: 0; } 
    .eventWrap .con5 .evt_cautn { margin:0; padding: 5% 0 0 0; } 
    .eventWrap .con5 .evt_cautn .con_box { padding: 20px 20px 20px; } 
    .eventWrap .con5 .evtBoard_common .board_notice .btnUrl button { top: 140px; width: calc(100% - 40px); left: 20px; right: 20px } 
    .eventWrap .con7 .evtBoard_common .board_write .btn_wrap a,
    .eventWrap .con5 .evtBoard_common .board_write .btn_wrap a { background: #000; font-size: 1.0em; height: 42px; line-height:42px; margin: 5px 0 0; } 
    .eventWrap .con7 .evtBoard_common .board_notice { margin: 0 0px 20px; } 
    .eventWrap .con7 .evtBoard_common .board_notice li.chk_notice { position: relative; top: inherit; right: inherit; } 
    .eventWrap .con7 .evtBoard_common .board_list { padding: 0; } 

    .eventWrap .con7 .con_tit img.event { width:30%; } 
    
    .eventWrap .con5 { padding: 0 0 4%; } 
    .eventWrap .con5 .evtBoard_common { padding: 26px 15px 33px; } 
    .eventWrap .con9 { padding: 13% 0 0; /* background-size: 100%; *//* background-position: center 7vw; */ } 
    .eventWrap .con9 .con_tit { margin: 0 0% 5%; padding: 0 16%; background-size: 100% } 
    .eventWrap .con9 .con_tit .evt_end,.eventWrap .con7 .con_tit .evt_end { } 
    .eventWrap .con9 .con_box { margin: 0; } 
    .eventWrap .con9 .evt_date { margin: 0 0 16% 0%; padding: 3% 12% 0; } 
    .eventWrap .con9 .evt_date li { text-align: left } 
    .eventWrap .con9 .evt_date li:nth-child(2) { position: relative; top: inherit; left: inherit; margin: 0 0 9%; } 
    .eventWrap .con9 .evt_date li:nth-child(1) { margin: 0 0 8% } 

    .eventWrap .con9 .step { margin: 0 0 0; } 
    .eventWrap .con9 .step h5,
    .eventWrap .sns_tit { margin: 0 0 3%; } 
    .eventWrap .con9 .step h5 { padding: 0 42%; overflow: hidden; } 
    .eventWrap .con9 .step h5::before { left: 62% } 
    .eventWrap .con9 .step h5::after { right: 62% } 
    .eventWrap .con9 .step h5 span { display: block } 
    
    .eventWrap .con9 .step { } 
    .eventWrap .con9 .step ul { padding: 0; } 
    .eventWrap .con9 .step ul::after { content:''; display:block; clear:both } 
    .eventWrap .con9 .step li { margin: 0 0 15px; height: auto; } 
    .eventWrap .con9 .step li:nth-child(1) { float: none; width: auto; /* background: none; */background: none; border: 0; border-radius: 15px; padding: 3% 0% 3%; margin: 0 -1% 2%; } 
    .eventWrap .con9 .step li:nth-child(1) a { float: left; width: 48%; margin: 0 1%; } 
    .eventWrap .con9 .step li:nth-child(1)::after { content:''; clear:both; display:block } 
    .eventWrap .con9 .step li:nth-child(2) { position: relative; background: #acdfb1 !important; border: 2px solid #000 !important; width: auto; float: none; border-radius: 10px; padding: 0; } 
    .eventWrap .con9 .step li:nth-child(2)::before { content:''; position: absolute; bottom: 0; left: 50%; border-top: 10px solid #000; border-right: 13px solid transparent; border-left: 13px solid transparent; margin: 0px 0 -12px -13px; } 

    .eventWrap .con9 .step li:nth-child(2) strong,.eventWrap .con9 .step li:nth-child(3) strong { padding: 3% 43% 0; margin: 0 0 2% } 
    .eventWrap .con9 .step li:nth-child(2) span,.con9 .step li:nth-child(3) span { padding: 1% 33% 4%; } 
    .eventWrap .con9 .step li:nth-child(3) { margin: 0; background: #acdfb1 !important; border: 2px solid #000 !important; float: none; width: auto; border-radius: 10px; padding: 0 } 
    .eventWrap .sns_tit h5 { margin: 0 0 3%; } 
    .eventWrap .sns_tit img { width: 48%; } 

    .eventWrap .sns_lst { padding: 3%; } 
    .eventWrap .sns_lst ul li { margin: 0 0 2%; } 
    .eventWrap .sns_lst ul li dl { padding: 0 0 0 19%; } 
    .eventWrap .sns_lst ul li dl dt { width: 18%; } 
    .eventWrap .sns_lst ul li dl dd { width: 19%; margin: 0 0 0 1%; } 

    .eventWrap .con5 .inner:before { width: 25px; background-position: bottom center; } 
    


    .eventWrap .evt_cautn.sobang { margin:0 } 
    .eventWrap .evt_cautn dl+dl { margin-top:5%; } 

    
    .eventWrap .ending_con1 { padding: 13% 0px } 
    .eventWrap .cmrst_wrap .rst_type { margin: 3% 0 0; border-width: 3px; padding: 4% 0 7%; } 
    .eventWrap .cmrst_wrap .drc { padding: 0 48%; display: block; } 
    .eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap .rst_type { padding: 4% 0; margin: 0 0% 4%; } 
    .eventWrap .cmrst_wrap .rst_type > img { display: block; width: 32%; margin: 0 auto 5% } 
    .eventWrap .cmrst_wrap .rst_type .m_txt { font-size: 3.4vw; margin: 2% 0 3%; padding: 0 } 
    .eventWrap .cmrst_wrap .rst_type .s_txt { font-size: 2.8vw; line-height: 1.3 } 
    .eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap .rst_type .m_txt { font-size: 3.6vw; padding: 2% 0 0; margin: 0 0 2%; } 
    .eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap .rst_type .s_txt { font-size: 3.2vw; } 
    
    .eventWrap .cmrst_wrap h5 { margin: 0 0 5% } 
    
    
    .eventWrap .cmrst_wrap h5.point { } 
    .eventWrap .cmrst_wrap h5.point:before { width: 64%; left: 18% } 
    .eventWrap .cmrst_wrap h5.point span { font-size: 4.8vw; font-weight: 700 } 
    .eventWrap .cmrst_wrap .drc + h5 { padding: 0 16%; } 
    .eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap h5.point span { font-size: 3.6vw; } 

    .eventWrap .cmrst_wrap .rst_type + h5 { padding: 0 17% } 
    .eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap h5 { padding: 0 2%; margin: 0 0 2% } 
    .eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap .video_wrap { margin: 0 0% 2%; } 
    .eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap .video_wrap +a { display: block; margin: 0 24% 0%; } 
    .eventWrap .ending_con2 { padding: 9% 0 5% } 
    .eventWrap .ending_con2::before { background-size: 12%; width: 100%; background-position: center 0; height: 23%; margin: 0; left: 0 } 

    .eventWrap .ending_con2 p { margin: 0 0 4%; padding: 0 8% } 
    .eventWrap .ending_con2 a { display: block; margin: 0 23% } 

    .dim_bnrwrp_wrap.result .clickPop { width:90%; max-width: 490px; padding: 3% 2%; } 
    .dim_bnrwrp_wrap.result .dim_popup.clickPop .btnClose { right: 7px; top: -29px; width: 20px; height: 20px; } 
    .dim_bnrwrp_wrap.result .clickPop img { width:auto; } 
    .eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap h5.point + img { margin: 0 auto 1% } 
    .dim_bnrwrp_wrap.result .pop_tab { margin: 0 0 2% -1%; padding: 0; } 

    .dim_bnrwrp_wrap.url .dim_popup.clickPop .btnConfirm { } 
    .dim_bnrwrp_wrap.url .dim_popup.clickPop .btnConfirm img { width: auto; } 
    .dim_bnrwrp_wrap.url .dim_popup .tit { font-size: 24px; } 


    .eventWrap .cmrst_wrap h5.point > img { width: 40vw; } 
    .eventWrap .cmrst_wrap .rst_type .s_txt > img { width: 26vw; } 
    .dim_popup.sns .btnConfirm a > img { width: 20%; }
}

@media (max-width: 992px){
    .eventWrap .ending_con2::before { height: 23%; } 
    .eventWrap .sns_wrap dl dt { font-size:16px; } 
    .eventWrap .sns_wrap dl dd { font-size:15px; } 

    .dim_bnrwrp_wrap.url .clickPop { width:90%; max-width: 490px; } 
    .dim_bnrwrp_wrap.url .clickPop img { width:auto; } 

    .eventWrap .cmrst_wrap .rst_type .s_txt > img { left: 4px; } 
    .eventWrap .main.ending .tiny_txt{
        right: 5vw;
        bottom: 5vw;
        font-size: 16px;
    }
}

@media (max-width: 768px){
    .eventWrap .con_top h3 { /* padding: 0 8% 4%; *//* text-align: center; */ } 
    .eventWrap .con_top h3 strong { margin: 0 0 3% } 
    .eventWrap .con_top h3 strong img { position:relative; z-index:1 } 
    .eventWrap .con_top h3 strong:nth-child(2) { margin: 0px -5% 2% 0; float: left; width: 51% } 
    .eventWrap .con_top h3 strong:nth-child(3) { margin: -1.7% 0 2%; float: left; width: 54% } 
    .eventWrap .con_top h3 strong:nth-child(4) { margin: 0 16% 2% } 
    .eventWrap .con_top a { /* margin: 0 27%; *//* display: block; */ } 
    .eventWrap .con_top p { /* margin: 0 -14% 5%; */font-size: 3.6vw; } 
    .eventWrap .con_top.ending .tiny_txt { font-size: 12px; padding: 0 0 0 0; width: 100%; text-align: center; bottom: -20px; } 
    .eventWrap .con_top .charactor { width: 48%; position: relative; top: inherit; left: inherit; width: auto; display: block; margin: 0 0 7%; } 


    .quiz_wrap .answer li a { font-size: 3.6vw } 
    .quiz_wrap.con2_qst .answer li:first-of-type a::before { width: 14vw; height: 14vw; } 
    .quiz_wrap.con2_qst .answer li:last-of-type a::before { width: 14vw; height: 13vw;  } 

    .eventWrap .cmrst_wrap .rst_type .s_title_txt { margin-top: 3vw; font-size: 5vw; } 
    .eventWrap .cmrst_wrap .rst_type .m_txt { font-size: 3.6vw } 
    .eventWrap .cmrst_wrap .rst_type .s_txt { width: calc(100% - 30px); margin: 0 15px; padding: 20px 0 20px 24vw; font-size: 3.2vw; letter-spacing: -1px; } 
    
    .eventWrap .con2 .calendar_roll { margin: -37% -64% 15% } 
    .eventWrap .con2 .calendar_roll .item { padding: 8% 0% } 
    .eventWrap .con2 .calendar_roll .item img { width: 23vw } 
    .eventWrap .con2 .btn_wrap { padding: 0; margin: 0 0 3% -1%; } 
    .eventWrap .con2 .btn_wrap li { padding: 0 0; width: auto; margin: 0 0.5% 1%; overflow: hidden; float: none; } 
    
    .eventWrap .con2 .btn_wrap li a { display:block; padding: 0 20%; } 
    .eventWrap .con2 .btn_wrap li a img { max-width: 140%; width: 112%; margin: 0 0 0 -6%; } 

    .eventWrap .con7 .evt_gift ul { margin: 0 0 5%; padding: 0; } 
    .eventWrap .con7 .evt_gift ul li { width: 100%; margin: 0 0 3%; } 
    .eventWrap .con7 .evt_date { padding: 2% 9%; text-align:left; } 
    .eventWrap .con7 .evt_date li { width:80%; } 
    .eventWrap .con7 .evt_date li:last-child { width:70%; } 

    .eventWrap .con01 .con_box { padding: 20px 9% 40px 3% } 
    .eventWrap .con9 .step li:nth-child(2)::before { border-top: 7px solid #000; border-right: 10px solid transparent; border-left: 10px solid transparent; margin: 0px 0 -9px -10px } 
    .eventWrap .con9 .step li:nth-child(2) strong,.eventWrap .con9 .step li:nth-child(3) strong { padding: 2% 40% 0; margin: 0 0 2% } 
    .eventWrap .con9 .step li:nth-child(2) span,.con9 .step li:nth-child(3) span { padding: 1% 28% 4%; } 
    .eventWrap .con9 .step h5 { padding: 0 40% } 
    .eventWrap .con9 .step h5::before { left: 67% } 
    .eventWrap .con9 .step h5::after { right: 67% } 

    .eventWrap .con_top h3 strong { border-width: 6px } 
    .eventWrap .neon i { border-width: 6px; top: -6px; left: -6px; width: calc(100% + 11px); height: calc(100% + 12px) } 
    .eventWrap .con1 .pad_wrap { margin: 0 14% 3% } 
    .eventWrap .con1 a { margin: 0 13%; } 

    .eventWrap .con4 .con_subtit span { bottom: -84%; width: 27%; } 
    .eventWrap .con4 .con_box { padding: 0 3%; } 
    .eventWrap .con4 .step li { width: 48%; margin: 0 0 2% 2%; background: #f7f7f7; border-radius: 4px; padding: 0 0%; overflow: hidden; } 
    .eventWrap .con4 .step li img { display: block; margin: 0 0 -9%; } 
    .eventWrap .con4 .app_list { padding: 3% 3% 0; } 
    .eventWrap .sns_wrap .btns a { width:35%; } 
    .eventWrap .sns_wrap::before { display:none } 
    .eventWrap .sns_wrap dl+dl { margin-top: 8px; } 
    .eventWrap .sns_wrap dl dt { width: auto; font-size: 14px; float: none; margin: 0 0 1%; padding: 0 43%; } 
    .eventWrap .sns_wrap dl dd { width: 32.3%; margin: 0 0 1% 1%; font-size: 13px; } 
    .eventWrap .sns_wrap dl dd a { padding: 0 12%; } 
    .eventWrap .con9 .con_tit .evt_end,.eventWrap .con7 .con_tit .evt_end { } 


    .eventWrap .evt_cautn h4 span { font-size:14px; line-height:40px; } 
    .eventWrap .evt_cautn .con_box dl dt { font-size:12px; } 
    .eventWrap .evt_cautn dl dd,
    .eventWrap .evt_cautn .con_box dl dd { font-size:12px; } 
    .eventWrap .evt_cautn .con_box dl dd { font-size:11px } 
    
    .eventWrap .con7 .evtBoard_common .board_write, 
    .eventWrap .con5 .evtBoard_common .board_write { margin: 0 0 10px; } 
    .eventWrap .con7 .evtBoard_common > .tit { font-size: 13px; font-weight: normal; } 
    .eventWrap .con9 .evt_gift { padding: 0; } 
    .eventWrap .con9 .btns a { display: block; margin: 0 0 0 1%; overflow: hidden; width: 49%; padding: 0; } 
    .eventWrap .con9 .btns { padding: 0; margin: 0 0 5% -1%; } 
    .eventWrap .con9 .btns img { max-width: 140%; width: 116%; margin: 0 0 0 -9%; } 
    .eventWrap .con9 .step ol { margin: 0 0 3% -1%; } 
    .eventWrap .con9 .step ol li { float: none; width: auto; padding: 7% 26% 5% } 
    .eventWrap .con9 .step ol li span { display: none; margin: 0 } 
    .eventWrap .con9 .step ol li::before { transform: rotate(90deg); left: 45%; top: -118%; width: 5%; height: 240%; z-index: 1; background-size: 100%; } 
    .eventWrap .con9 .step ol li img { margin: -2% 0 } 
    .eventWrap .con9 .evt_date { padding: 5% 15% 0% } 
    .eventWrap .con9 .evt_date li:nth-child(2) { padding: 0 0% 0; margin: 0 } 
    .eventWrap .sns_lst ul li { margin: 0 0 10px; } 
    .eventWrap .sns_lst ul li dl { padding: 0; margin: 0 0 0 -2%; } 
    .eventWrap .sns_lst ul li dl dt { width: 98%; position: relative; height: 32px; line-height: 32px; border-radius: 0; margin: 0 0 10px 2%; } 
    .eventWrap .sns_lst ul li dl dd { width: 31.3%; margin: 0 0 2% 2%; border-width: 1px; line-height: 30px; height: 32px; font-size: 13px; border-radius: 0; } 

    .eventWrap .con7 .video_wrap { border-radius: 0; margin: 0 2% 7%; } 
    .eventWrap .con7 .evtBoard_common .board_write .inp_wrap textarea, 
    .eventWrap .con7 .evtBoard_common .board_write .inp_wrap input[type="text"],
    .eventWrap .con5 .evtBoard_common .board_write .inp_wrap textarea, 
    .eventWrap .con5 .evtBoard_common .board_write .inp_wrap input[type="text"] { font-size: 13px; } 

    .eventWrap .con4 .con_tit.tit2 { padding: 0 63.5% 0 0 } 
    .eventWrap .con4 .con_tit span { width: 30% } 
    .eventWrap .con7 .con_tit { /* padding: 0 */ } 
    .eventWrap .con9 .con_tit { } 



    .eventWrap .certifi_pop .pop_classi { width: 90%; } 
    .eventWrap .certifi_pop .popinner { padding:0 10px; } 
    .eventWrap .certifi_pop .popinner .tit { padding: 20px 0 0; font-size: 16px; } 
    .eventWrap .certifi_pop .popinner .gift { padding: 0 10%; } 
    .eventWrap .certifi_pop .popinner .gift_tit { height: 36px; padding: 8px 0 0; font-size: 13px; margin: 0 0 10px; } 
    .eventWrap .certifi_pop .popinner .cautn { font-size:10px; margin: 0 0 15px; } 
    .eventWrap .certifi_pop .popinner .tit_w { padding:25px 0 15px; } 
    .eventWrap .certifi_pop .popinner .tit_w .tit { font-size:20px; } 
    .eventWrap .certifi_pop .popinner .tit_w ul li { font-size:12px; } 
    .eventWrap .certifi_pop .popinner .inp_list li strong { width: 100px; } 
    .eventWrap .certifi_pop .popinner .inp_list li .tt { width:calc(100% - 100px); } 
    .eventWrap .certifi_pop .popinner .inp_list li .tt .inp_txt input { height: 33px; } 
    .eventWrap .certifi_pop .filebox .filename { height: 33px; } 
    .eventWrap .certifi_pop .filebox .filename input[type="text"] { height:33px; } 
    .eventWrap .certifi_pop .filebox .filename a { height:33px; line-height:33px; } 
    .eventWrap .certifi_pop .filebox .filebtn { height:33px; } 
    .eventWrap .certifi_pop .filebox .filebtn label { height: 33px; line-height: 33px; } 
    .eventWrap .certifi_pop .popinner .way_box { margin:0; } 
    .eventWrap .certifi_pop .popinner .way_box a { right:17%; } 
    .eventWrap .certifi_pop .popinner .pop_btn { font-size: 13px; line-height: 36px; height: auto; margin: 0 auto 20px; } 
    .eventWrap .evtBoard_common .board_notice li, 
    .eventWrap .con5 .evtBoard_common .board_notice li,
    .eventWrap .con7 .evtBoard_common .board_notice li { font-size:11px } 


    .main.ending .con_box .btn a:first-of-type{
        margin-right: 15px;
    }
    .quiz_btn .tiny_txt { margin-right: 0; font-size: 18px; } 
    .eventWrap .main.ending .tiny_txt{
        right: 3vw;
        bottom: 3vw;
        font-size: 14px;
    }
    .quiz_btn{
        width: 45vw;
    }
}

@media (max-width: 576px){
    .eventWrap .certifi_pop .popinner .tit_w .tit { font-size:18px; } 
    .eventWrap .certifi_pop .popinner .tit_w ul li { font-size:11px; } 
    .eventWrap .certifi_pop .popinner .inp_list li+li { margin-top:7px; } 
    .eventWrap .certifi_pop .popinner .inp_list li strong { width: 80px; } 
    .eventWrap .certifi_pop .popinner .inp_list li .tt { width:calc(100% - 80px); } 
    .eventWrap .certifi_pop .popinner .inp_list li .tt .inp_txt input { font-size:11px; } 
    .eventWrap .certifi_pop .filebox .filename input[type="text"] { font-size:11px; } 
    .eventWrap .certifi_pop .filebox .filebtn label { font-size:12px; } 
    .eventWrap .certifi_pop .filebox .filename a { font-size:11px; } 
    .eventWrap .certifi_pop .popinner .inp_list li .gray_txt { font-size:10px; } 
    .eventWrap .certifi_pop .btn_popclo { top: 10px; right: 10px; } 

    .dim_popup .tit { font-size:20px; } 
    .dim_bnrwrp_wrap.result .dim_popup.clickPop .btnConfirm { margin: 20px 0 0 0; } 
    .dim_bnrwrp_wrap.result .dim_popup.clickPop .btnConfirm a img { max-width:35% } 

    .dim_bnrwrp_wrap.url .dim_popup table tr th, .dim_bnrwrp_wrap.url .dim_popup table tr td { font-size:13px } 
    .dim_bnrwrp_wrap.url .dim_popup .tit { font-size:20px; } 
    .dim_bnrwrp_wrap.url .dim_popup.clickPop .btnConfirm { margin: 20px 0 0 0; } 
    .dim_bnrwrp_wrap.url .dim_popup.clickPop .btnConfirm a img { max-width:35% } 

    .dim_bnrwrp_wrap.result .cmrst_wrap .rst_type .s_title_txt { font-size: 18px; } 
    .eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap .rst_type > img { width: 60%; } 
    .eventWrap .cmrst_wrap h5.point > img { width: 60vw; } 
    .quiz_btn .tiny_txt { font-size: 12px; white-space: nowrap; } 
    .dim_popup.sns .btnConfirm a > img { width: 25%; }
    .eventWrap .main.ending .tiny_txt{
        right: 2vw;
        bottom: 2vw;
        font-size: 12px;
    }
}