@charset "euc-kr";
/* setting */
/*{padding:0; margin:0}*/
.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 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;}


/* 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: #d7ffc0 url(https://img.megagong.net/m/2022/0411_quiz/con_img41.png) repeat 0 0;padding: 0 0 180px;}
.eventWrap .con_top.start .con_tit{margin: 0 -18px 0 -18px}
.eventWrap .con_top.start .con_tit::before{content:'';position: absolute;top: 0;left: 100%;width: 2000px;height: 100%;background: #91e09f url(https://img.megagong.net/m/2022/0411_quiz/con_img42.png) repeat 0 0;}
.eventWrap .con_top.start .con_tit::after{content:'';position: absolute;top: 0;right: 100%;width: 2000px;height: 100%;background: #91e09f url(https://img.megagong.net/m/2022/0411_quiz/con_img42.png) repeat 0 0;}

.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:#f5f5f5;text-align: center;background: #f7f3f9 url(https://img.megagong.net/m/2022/0411_quiz/con_img47.png) repeat 0 0;padding: 160px 0 160px;}
.eventWrap .cmrst_wrap .rst_type{background: #fff;border: 6px solid #000;border-radius: 18px;padding: 50px 0 50px;margin: 60px 0 0;}
.eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap .rst_type{background-color: #f8f6f7;border:0;margin: 0 4% 40px;padding: 30px 0 30px;}
.eventWrap .cmrst_wrap .rst_type .m_txt{font-size: 32px;font-weight: bold;line-height: 1.3;margin: 0 0 35px;padding: 40px 0 0;color: #07702b;}
.eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap .rst_type .m_txt{padding: 20px 0 0;font-size: 19px;margin: 0 0 12px}
.eventWrap .cmrst_wrap .rst_type .s_txt{font-size: 24px;line-height: 1.3}
.eventWrap .dim_bnrwrp_wrap.result .cmrst_wrap .rst_type .s_txt{font-size: 16px;opacity: 0.8}

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

.eventWrap .cmrst_wrap h5{margin: 0 0 60px}

.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:before{content:'';left: 29%;position: absolute;bottom: 0;background: #c1e9cd;height: 46%;width: 42%;border-radius: 50px;}
.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: #d7ffc0 url(https://img.megagong.net/m/2022/0411_quiz/con_img41.png) repeat 0 0;}
.eventWrap .ending_con2::before{content:'';position: absolute;top: 0;left: 50%;width: 168px;height: 75px;background: url(https://img.megagong.net/m/2022/0411_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: 180px 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: 410px;height: 690px;z-index: 1;background: url(https://img.megagong.net/m/2022/0411_quiz/con_img40.png) no-repeat 100% 100%;margin: 0 0 -186px 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/0411_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{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:hover{background:#07702b;color:#ffcf3d;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: #fff4db;padding: 160px 0 170px;}
.eventWrap .con01 .con_tit{font-size:48px}
.eventWrap .con01 .con_tit strong{color:#dd1e59}
.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;}

/* sns ?? ?? */
.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 20px -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.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_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: 0 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: 12%;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;}
}
@media (max-width: 992px){.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;}

}

@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}

    .eventWrap .cmrst_wrap .rst_type .m_txt{font-size: 3.6vw}
    .eventWrap .cmrst_wrap .rst_type .s_txt{font-size: 3.4vw}
    
    .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 {}



     /* sns ?? ?? */
    .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}

}
@media (max-width: 576px){

    /* sns ?? ?? */
    .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%}

}