@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: 50px;text-align: center;}
.eventWrap .con_subtit{margin-bottom: 80px;position:relative;/* padding: 0 5%; */}
.eventWrap .img_mb{display:none}
.eventWrap .con_box{position:relative}
.eventWrap .con_box::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;}


/* flo */
.flt_inner {position: fixed;text-align: center;top: 50%;left: 50%;margin-left: 680px;z-index: 1;width: 145px;margin: -190px 0 0 700px;}
.flt_inner li{margin: 0px 0 -28px 0px;position: relative;}
.flt_inner li:nth-of-type(1){z-index:2}
.flt_inner li:nth-of-type(2){z-index:1}
.flt_inner li:last-child{margin: 30px 0 0;}


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 {text-align: center;background: #fef3bb url(https://img.megagong.net/m/2022/0719_quiz/con_img2.jpg) no-repeat center 0;;padding: 0 0 0;;}
.eventWrap .con_top.before h3{margin: 0 -130px;}
.eventWrap .con_top.before .over_hide{position: absolute;border-radius: 100px;overflow: hidden;top: 540px;left: 50%;margin: 0 0 0 -225px;}

@-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: #fdf3b9 url(https://img.megagong.net/m/2022/0719_quiz/con_img26.png) no-repeat center 0;padding: 0 0 130px;;}
.eventWrap .con_top.start .con_tit{margin: 0}

.eventWrap .ending_con {text-align: center;background: #b9e7fd url(https://img.megagong.net/m/2022/0719_quiz/con_img16.png) no-repeat center 0;padding: 0;}
.eventWrap .ending_con .charac{margin: 0 -100px 60px;padding: 60px 0 0}
.eventWrap .ending_con .btn{font-size: 0;margin: 0px -40px;}
.eventWrap .ending_con .btn a{position: relative;display: inline-block;margin: 0px 40px;vertical-align: top;}
.eventWrap .ending_con .btn a.over_hide{background: #dd1e59;overflow: hidden;border-radius: 55px;}
.eventWrap .ending_con .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_con {text-align: center;padding: 0 0 60px;}
.eventWrap .ending_con .con_tit{margin:0}
.eventWrap .cmrst_wrap .tip{padding: 25px 0 35px;color: #505050;font-weight: 200;font-size: 15px;}
.eventWrap .cmrst_wrap .rst_type{}
.eventWrap .cmrst_wrap .rst_txt{margin:0 0 60px}
.eventWrap .cmrst_wrap .relationship{border: 2px solid #6ebde3;border-width: 2px 0;padding: 25px 0;margin:0 0 60px}
.eventWrap .cmrst_wrap .relationship li{position: relative;float: left;width: 50%;text-align: left;border-left: 2px solid #6ebde3;padding: 0 0 0 40px;}
.eventWrap .cmrst_wrap .relationship li:nth-of-type(1){border-left:0;padding: 0;}
.eventWrap .cmrst_wrap .relationship li .type{display: block;padding: 0 0 0 5px;}
.eventWrap .cmrst_wrap .relationship li .tit{display: block;margin: 0 18% 0 0;}
.eventWrap .cmrst_wrap .relationship li .txt{display: block;}
.eventWrap .sns_share{text-align: center;margin: 0 0 50px;}
.eventWrap .sns_share li{display: inline-block;margin: 0 15px 0;}
.eventWrap .ending_btn{margin: 0 280px 0;} 
.eventWrap .ending_btn a{display: block;margin: 0 0 25px;} 

.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 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 .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: 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;}
.quiz_wrap .count{font-style: normal;letter-spacing: 0.1em;text-align: right;display: block;margin: -20px 40px 10px;}
.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 40px 50px;}

.quiz_wrap .time p{font-size: 20px;text-align: left}
.quiz_wrap .time .bar_wrap{position: relative;width: 100%;height: 25px;background: #f0e18a;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 .question_img{margin: 0 138px 20px;position: relative;}
.quiz_wrap .question_img p{font-size: 32px;display: inline-block;vertical-align: middle}
.quiz_wrap .question_img .count{position: absolute;top: 18px;right: 18px;opacity: .6;border: 2px solid #000;padding: 4px 17px;line-height: 1;border-radius: 15px}
.quiz_wrap .question{font-size: 38px;font-weight: bold;margin: 0 0 40px;line-height: 1.3;}
.quiz_wrap .answer{position: relative;margin: 0;}
.quiz_wrap .answer::after{content:'';display:block;clear:both}
.quiz_wrap .answer li{display: block;width: 500px;margin: 0 auto 25px;position: relative;background: #777777;font-weight: bold;border-radius: 50px;overflow: hidden;border: 4px solid #575757;color: #fff;font-size: 22px;text-align: center;}

.quiz_wrap .answer li a{display: block;padding: 15px 0;}
.quiz_wrap .answer li:hover{background:#07702b;border-color:#005615}
.quiz_wrap .answer li span{display: block;padding: 0;display: inline-block;vertical-align: middle}


.eventWrap .con01{position: relative;background: #fef3bb;padding: 30px 0 150px;margin: -30px 0 0;}
.eventWrap .con01 .con_tit{font-size:48px}
.eventWrap .con01 .con_tit strong{color:#dd1e59}
.eventWrap .con01 .con_box{position: relative;border: 5px solid #ffbe2f;background: #fff;padding: 60px 120px 90px 40px;border-radius: 34px;text-align: left}
.eventWrap .con01 ul li{padding: 33px 0 32px 280px;margin: 0 0 10px;position: relative}
.eventWrap .con01 ul li i{font-size: 20px;position: absolute;top: 50%;right: -50px;font-style: normal;font-weight: bold;margin: -16px -20px 0 0;}
.eventWrap .con01 ul li .tit{position: absolute;top: 0;left: 0}
.eventWrap .con01 ul li .bar_wrap{position: relative;height: 30px;display: block}
.eventWrap .con01 ul li .bar_wrap .bar{position: absolute;top: 0;left: 0;height: 100%;border-radius: 30px;}
.eventWrap .con01 .tiny_txt{position: absolute;bottom: 30px;right: 40px;text-align: right;opacity: 0.6;}
.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: 0 0 160px;background: #ffbe30;}
.eventWrap .con7 .con_tit, .eventWrap .con9 .con_tit{margin: 0 -150px 0;}
.eventWrap .con7 .con_tit .evt_end,.eventWrap .con9 .con_tit .evt_end{position: absolute;top: 130px;right: 24px;}
.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}

.eventWrap .evtcon .evdate {padding:14px 0;margin: 0 40px 100px;background: #fff;border-radius:30px}
.eventWrap .evtcon .evdate ul {font-size:0}
.eventWrap .evtcon .evdate ul li {display:inline-block;vertical-align: top;font-size:0}
.eventWrap .evtcon .evdate ul li+li {margin-left:40px}
.eventWrap .evtcon .evdate ul li strong {padding: 0 15px;position:relative;display:inline-block;vertical-align: top;font-weight:bold;font-size:21px;color:#111111;margin: 0 15px 0 0}
.eventWrap .evtcon .evdate ul li strong:before {content:'';position:absolute;top:12px;left:0;width: 4px;height: 4px;background:#000;border-radius: 50%}
.eventWrap .evtcon .evdate ul li strong:after {content:'';position:absolute;top: 1px;bottom:0;right:0;margin:auto 0;width:2px;height:13px;background: #000}
.eventWrap .evtcon .evdate ul li p {display:inline-block;vertical-align: top;font-weight: bold;font-size:21px;color:#111111}
.eventWrap .evtcon .evdate ul li p span {font-size:14px;color: #a671ff;opacity: 0.6}
.eventWrap .evtcon.con7 .gift ul{margin: 0 -40px 0 -52px;}
.eventWrap .evtcon.con7 .gift ul li{float: left;width: 50%;}

.eventWrap .evtcon.con9 .date {padding: 0;background: none;margin: 0 0 140px 40px;border-radius: 0;text-align: left;}
.eventWrap .evtcon.con9 .date ul {font-size:0}
.eventWrap .evtcon.con9 .date ul li {display: block;font-size: 20px;position: relative;padding: 0 0 0 140px;margin: 0 0 25px;}
.eventWrap .evtcon.con9 .date ul li+li {margin-left: 0;}
.eventWrap .evtcon.con9 .date ul li strong {padding: 0 0 0 12px;position: absolute;font-weight:bold;font-size: inherit;color:#111111;margin: 0 15px 0 0;top: 0;left: 0;}
.eventWrap .evtcon.con9 .date ul li strong:before{content:'';width:2px;height:10px;}
.eventWrap .evtcon.con9 .date ul li:nth-of-type(3) strong{letter-spacing: 0.35em;}
.eventWrap .evtcon.con9 .date ul li strong:before {top: 6px;left:0;width: 2px;height: 16px;border-radius: 0;position: absolute;top: 7px;left: 0;background: #000;}
.eventWrap .evtcon.con9 .date ul li strong:after {display:none}
.eventWrap .evtcon.con9 .date ul li p {display: block;font-size: inherit;}
.eventWrap .evtcon.con9 .date ul li:nth-of-type(3) p{color:#d6ff75}
.eventWrap .evtcon.con9 .date ul li p span {font-size:14px;color: #a671ff;opacity: 0.6}
.eventWrap .evtcon.con9 .gift{position: absolute;top: -70px;right: -20px;}

.eventWrap .recomm_con{position: relative;background: #f4f4f4;}
.eventWrap .recomm_con .con_tit{margin: 0;padding: 0 34%;}
.eventWrap .recomm_con .recomm{margin: 0 0 0 0;padding: 0 2% 80px;}
.eventWrap .recomm_con .recomm li{float: left;margin: 0;width: 50%;}
.eventWrap .recomm_con .recomm li a{display: block}

/* °Ô½ÃÆÇ (°øÅë) */
.eventWrap .evtBoard_common.comment{background: #fdf3b9;}
.eventWrap .evtBoard_common.sns{background: #ececec;border-radius: 0 0 15px 15px;}
.eventWrap .evtBoard_common.sns .board_notice{padding: 0 0 25px;}
.eventWrap .evtBoard_common.comment .board_notice li,.eventWrap .evtBoard_common.sns .board_notice li{color:#000;font-weight: normal;font-size: 11px;opacity: 1;}
.eventWrap .evtBoard_common.sns .board_notice li{}
.eventWrap .evtBoard_common.comment .info_wrap{margin:10px 0 0;text-align:right;}
.eventWrap .evtBoard_common.comment .board_notice{position:relative;}
.eventWrap .evtBoard_common.comment .board_notice li.chk_notice{top: -2px;right: 0;font-weight: bold;}
.eventWrap .evtBoard_common.comment .board_notice li.chk_notice label{vertical-align:middle;}
.eventWrap .evtBoard_common.comment .board_list ul li.pht{padding-left: 90px;min-height: 120px;}

.eventWrap .radio_list{text-align:left;font-size:0;margin-bottom: 15px;font-family: 'NotoSans KR';margin: -5px 30px 20px;}
.eventWrap .radio_list li{float: left;width: 25%;border-top: 1px solid #ffbe30;border-left: 1px solid #ffbe30;}
.eventWrap .radio_list li:nth-of-type(1),
.eventWrap .radio_list li:nth-of-type(2),
.eventWrap .radio_list li:nth-of-type(3),
.eventWrap .radio_list li:nth-of-type(4){border-top-color: #fdf3b9;}
.eventWrap .radio_list li:nth-of-type(1),
.eventWrap .radio_list li:nth-of-type(5){border-left-color: #fdf3b9;}

.eventWrap .radio_list li label{}
.eventWrap .radio_list li input{width:15px;height:15px;margin: -1px 3px 0 0;}
.eventWrap .radio_list li label{font-size:18px;display: block;padding: 15px 0 15px;cursor: pointer;}
.eventWrap .radio_list li label img{display: block;margin: 0 auto;}
.eventWrap .radio_list li label .tit{display: block;text-align: center;padding: 10px 0 0;}
.eventWrap .radio_list li label .tit br{/* display:none; */}
.eventWrap .radio_list li label .tit strong{display: block;}
.eventWrap .radio_list li label .sel{display: block;text-align: center;font-size: 13px;padding: 7px 0 0;}


.eventWrap .con9 {position: relative;padding: 0;background: #18b24d;}
.eventWrap .con9 .con_tit{background: url(https://img.megagong.net/m/2022/0411_quiz/con_img24.png) no-repeat center 70px;margin: 0 -138px 70px;padding: 0 0 50px}

.eventWrap .con9 .con_tit {position:relative;margin-bottom: 0;padding: 0;}
.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 .step { margin: 0; }
.eventWrap .con9 .step h5 {position: relative;margin: 0 40px 50px;overflow: hidden;}
.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 ul{margin: 0 0 50px 0;padding: 0 0 0 20px;}
.eventWrap .con9 .step ul::after{content:'';display:block;clear:both}
.eventWrap .con9 .step li{float: left;width: 310px;margin: 0 0 0 20px;background: url(https://img.megagong.net/m/2022/0719_quiz/con_img36.png) no-repeat 0 0;padding: 23px 0 0;height: 180px}
.eventWrap .con9 .step li:nth-child(1){background-position: -345px 0px;width: 325px;padding-right: 14px;}
.eventWrap .con9 .step li:nth-child(1) a{display: block;margin: 0 0 10px}
.eventWrap .con9 .step li:nth-child(2){background-position: -345px 0px;width: 322px;padding-right: 14px}
.eventWrap .con9 .step li strong{display: block;margin: 0 0 15px}
.eventWrap .con9 .step li span{display: block}
.eventWrap .con9 .step li:nth-child(3){background-position: 100% 0px;}

.eventWrap .sns_lst{background-color:#6b31d9;}
.eventWrap .sns_lst{background: #ffffff;padding: 30px;margin: 0;border-radius: 15px 15px 0 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: 44px;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 .inner{/* padding: 70px 0 70px; */}

.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;padding: 70px 0;}
.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;margin: 0;}
.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: 12px;border-bottom: 1px solid #0058c4;text-align: center;text-indent: 0;font-weight: 900;margin: 0 0 0 3px;padding: 2px 0px;line-height: 1;color: #0058c4;}

.eventWrap .con5 {padding: 0 0 160px;background: #18b24d;}
.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 .evtBoard_common.comment {background: #ececec;opacity: 1;padding-top: 30px;padding-bottom: 30px;border-radius: 0 0 15px 15px;}
.eventWrap .evtBoard_common.comment .board_notice li.chk_notice{position: absolute;top:0;right: 0;}

.eventWrap .evtBoard_common.comment .board_write{margin: 0 40px 10px;}
.eventWrap .evtBoard_common.comment .board_list{background: #ece6f4;}
.eventWrap .evtBoard_common.comment .board_notice{margin: 0 40px;}
.eventWrap .evtBoard_common.comment .board_notice li{color: #666;opacity: 1;font-size: 12px;}
.eventWrap .evtBoard_common.comment .board_notice li.chk_notice{position: absolute;top: 100px;right: 30px;}
*/

.eventWrap .evtBoard_common.sns .board_notice .btnUrl{font-size: 12px;position:absolute;top: 112px;right: 48px;border-bottom: 1px solid #000;padding: 3px 5px 0px;border-radius: 0;font-weight: bold;}
.eventWrap .evtBoard_common.sns .board_notice .btnUrl button{font-weight:bold;font-family: 'NotoSans KR';font-size: 15px;}

.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 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: 2px solid #000;padding: 40px 10px 30px;position:fixed;border-radius: 20px;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: 10px 0 15px;padding: 0 15px;font-size: 25px;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: 15px;top: 15px;background: url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center;font-size: 0;width: 26px;height: 26px;}



@media screen and (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,.eventWrap .ending_con .con_tit{margin: 0 -4%;}
    .eventWrap .con_top{padding: 12% 0}
    .eventWrap .con_top.start{padding: 0 0 12%;background: #fdf3b9;}
    .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.before .over_hide{top: unset;bottom: 47%;width: 46%;left: 50%;margin: 0 0 0 -23%;}
    .eventWrap .con_top.before h3{margin: 0 -4%;}
    .eventWrap .ending_con .charac{margin: 0 0 4%;padding: 8% 4% 0}
    .eventWrap .ending_con .btn{margin: 0 -1%;}
    .eventWrap .ending_con .btn a{width: 48%;margin: 0 1%}

    .quiz_zone{padding: 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: 0;}
    .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 .count{margin: 0px 0 5px 0;}
    .quiz_wrap .time{margin: 0% 0% 3% 0%;}
    .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 .question_img{margin: 0 0% 3%;border-radius: 10px;border-width: 2px;padding: 0 3% 0;}
    .quiz_wrap .question_img p{font-size: 2.9vw}
    .quiz_wrap .question_img .count{top: 4%;right: 4%;padding: 1px 10px;border-width: 1px;opacity: 0.5;}
    .quiz_wrap .question{font-size: 22px;margin: 0 0 15px;}
    .quiz_wrap .answer::after{content:'';display:block;clear:both}
    .quiz_wrap .answer li{width: auto;margin: 0 0 8px;border-width: 2px;}
    .quiz_wrap .answer::before{width: 10%;margin: 0;background-size: 64%}
    .quiz_wrap .answer li a{font-size: 17px;font-weight: normal;padding: 5px 0 6px;}
    .quiz_wrap .answer li:hover{box-shadow: none}
    .quiz_wrap .btn{padding: 0 27%;} 
    .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;}
    
    .eventWrap .con01{padding: 3% 0 12%;margin: -3% 0 0;}
    .eventWrap .con01 .con_tit{font-size: 4.2vw;}
    .eventWrap .con01 .con_tit strong{color:#dd1e59}
    .eventWrap .con01 .con_box{padding: 20px 13% 40px 4%;}
    .eventWrap .con01 ul li{padding: 7% 0 7% 49%;margin: 0 0 0% 0%;}
    .eventWrap .con01 ul li i{font-size: 2.8vw;line-height: 0;margin: 0 -9vw 0 0;right: 0;}
    .eventWrap .con01 ul li .tit{width: 48%;padding: 0 0 0 8%;}
    .eventWrap .con01 ul li .tit .rank{position: absolute;bottom: 29%;left: 0;width: 16%;}
    .eventWrap .con01 ul li .bar_wrap{position: relative;display: block;height: 3vw;}
    .eventWrap .con01 .tiny_txt{font-size: 11px;position: relative;bottom: inherit;right: inherit;padding: 4% 0 0;}
             
    .eventWrap .con4 .con_tit{padding: 0 0%;margin: 0 0 5%;}
    .eventWrap .con7 .con_tit, .eventWrap .con9 .con_tit{padding: 0;margin: 0 -7%;}
    .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: 0 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 .radio_list li label{font-size: 15px;padding: 10px 0 15px;}
    .eventWrap .radio_list li label img{width: 51%;}
    .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 .con5 .evt_cautn{margin:0;padding: 5% 0 0 0;}
    .eventWrap .con5 .evt_cautn .con_box{padding: 20px 20px 20px;}
    .eventWrap .con7 .con_tit img.event { width:30%; }

    .eventWrap .evtcon .evdate {padding: 10px 0;margin: 0 0 7%;border-radius: 10px}
    .eventWrap .evtcon .evdate ul {font-size:0}
    .eventWrap .evtcon .evdate ul li {display:inline-block;vertical-align: top;font-size:0;margin: 0 0 3px}
    .eventWrap .evtcon .evdate ul li+li {margin-left:40px}
    .eventWrap .evtcon .evdate ul li strong {padding: 0 10px;font-size: 15px}
    .eventWrap .evtcon .evdate ul li strong:before {top: 8px;width: 4px;height: 4px}
    .eventWrap .evtcon .evdate ul li p {font-size: 15px}
    .eventWrap .evtcon .evdate ul li p span {font-size: 12px}

    .eventWrap .evtcon.con7 .gift ul{margin: 0 -4%;}
    
    .eventWrap .con5 {padding: 0 0 4%;}
    .eventWrap .con9 {padding: 0;}
    .eventWrap .con9 .con_tit .evt_end,.eventWrap .con7 .con_tit .evt_end {top: unset;bottom: 39%;width: 20%;right: 6%;}
    .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 h5,
    .eventWrap .sns_tit{margin: 0 0 3%;}
    .eventWrap .con9 .step h5{padding: 0 43%;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 ul{padding: 0;margin: 0 0 3% -1%;}
    .eventWrap .con9 .step ul::after{content:'';display:block;clear:both}
    .eventWrap .con9 .step li{margin: 0 0 15px;height: auto;}
    .eventWrap .con9 .step li, .eventWrap .con9 .step li:nth-child(1),.eventWrap .con9 .step li:nth-child(2),.eventWrap .con9 .step li:nth-child(3){position: relative;width: 32.3%;background: #acdfb1;border: 1px solid #000;border-radius: 8px;padding: 3% 0% 3%;margin: 0 0% 2% 1%;}
    .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(1)::before,.eventWrap .con9 .step li:nth-child(2)::before{content:'';position: absolute;top: 50%;right: 0;border-top: 13px solid transparent;border-left: 10px solid #000;border-bottom: 13px solid transparent;margin: -13px -10px 0 0;}
    .eventWrap .con9 .step li strong{padding: 0 32%;margin: 0 0 2%;}
    .eventWrap .con9 .step li span{padding: 4% 12% 0;}
    .eventWrap .con9 .step li:nth-child(2) strong,
    .eventWrap .con9 .step li:nth-child(3) strong{padding: 0 32%;margin: 0 0 2%}
    .eventWrap .con9 .step li, .eventWrap .con9 .step li:nth-child(1), .eventWrap .con9 .step li:nth-child(2), .eventWrap .con9 .step li:nth-child(3){}
    .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 .sns_share{margin: 0 0 5%;padding: 0 29% 0%;}
    .eventWrap .sns_share li{padding: 0 3%;float: left;width: 33.3%;margin: 0;}
    .eventWrap .ending_btn{padding: 0 20% 0;margin: 0 0% 0;}
    .eventWrap .ending_btn a{margin: 0 0 7px;}

    /* ???? */
    .eventWrap .evt_cautn.sobang{margin:0}
    .eventWrap .evt_cautn dl+dl {margin-top:5%;}
        
    .eventWrap .evtcon.con9 .date {margin: 0 0 11%;}
    .eventWrap .evtcon.con9 .date ul li {font-size: 2.4vw;padding: 0 0 0 17%;margin: 0 0 3%;}
    .eventWrap .evtcon.con9 .date ul li+li {margin-left: 0;}
    .eventWrap .evtcon.con9 .date ul li:nth-of-type(3) strong{letter-spacing: 0.35em;}
    .eventWrap .evtcon.con9 .date ul li strong:before {top: 6px;left:0;width: 2px;height: 18px;border-radius: 0;}
    .eventWrap .evtcon.con9 .date ul li strong:after {display:none}
    .eventWrap .evtcon.con9 .date ul li:nth-of-type(3) p{color:#d6ff75}
    .eventWrap .evtcon.con9 .date ul li p span {font-size:14px;color: #a671ff;opacity: 0.6}
    .eventWrap .evtcon.con9 .gift{top: -1%;width: 47%;}

    .eventWrap .ending_con {padding: 0 0 15%;background: #b9e7fd;}
    .eventWrap .cmrst_wrap .rst_type{padding: 0 6%;}
    .eventWrap .cmrst_wrap .tip{padding:0;margin: 0 0 30px;font-size: 11px;}
    .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;margin: 0 auto 10px;}
    .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 .relationship{margin: 0 0 4%;padding: 3% 0;}
    .eventWrap .cmrst_wrap .relationship li{padding: 0 2% 0 0 !important;}
    .eventWrap .cmrst_wrap .relationship li .tit{padding: 0 0 0 5%;}
    .eventWrap .cmrst_wrap .relationship li .type{padding: 0;}
    .eventWrap .cmrst_wrap .rst_txt{margin: 0 0 7%;}

    .eventWrap .recomm_con .recomm{margin: 0 0 0 0;padding: 0 0 15%;}
    .eventWrap .recomm_con .recomm li{padding: 0 1%;}
    .eventWrap .recomm_con .recomm li a{display: block}
        
    .eventWrap .cmrst_wrap h5{margin: 0 0 5%}

    .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 img{width: auto;}
    .dim_bnrwrp_wrap.url .dim_popup .tit{font-size: 24px;}

    .eventWrap .evtBoard_common.sns .board_notice .btnUrl{top: 130px;position: relative;top: unset;left: unset;border: 1px solid #000;border-radius: 30px;text-align: center;width: auto;right: unset;margin: 10px 0 0;}
    .eventWrap .evtBoard_common.sns .board_notice .btnUrl button{font-size: 13px;padding: 0 0 3px;}
}

@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 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 p{font-size: 13px;}
    .eventWrap .ending_con .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: 13px;}
    .quiz_wrap .question_img{margin: 0 10% 3%;}

    .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{padding-bottom: 0;}
    .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: 15px 7% 15px 4%;border-width: 2px;}
    .eventWrap .con01 .con_box ul{margin: 0 25px 0 0;}
    .eventWrap .con01 ul li i{font-size:13px;margin: 0 -40px 0 0;}
    .eventWrap .con9 .step li:nth-child(1)::before, .eventWrap .con9 .step li:nth-child(2)::before{}
    .eventWrap .con9 .step li strong,.eventWrap .con9 .step li:nth-child(2) strong, .eventWrap .con9 .step li:nth-child(3) strong{padding: 0% 41% 0;}
    .eventWrap .con9 .step li span{padding: 0% 34% 2%;}
    .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 .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 .evt_cautn .con_box dl dd a{font-size:11px}

    .eventWrap .con9 .evt_gift{padding: 0;}
    .eventWrap .con9 .btns a{display: block;margin: 0 0 0 1%;overflow: hidden;width: 49%;padding: 0;border-radius: 10px;float: left;}
    .eventWrap .con9 .btns{padding: 0;margin: 0 0 5% -1%;overflow: hidden;}
    .eventWrap .con9 .btns img{max-width: 140%;width: 124%;margin: 0 0 0 -12%;}
    .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 .con4 .con_tit.tit2 {padding: 0 63.5% 0 0}
    .eventWrap .con4 .con_tit span{width: 30%}

    .eventWrap .evtcon.con7 .gift ul{margin: 0;padding: 0 13% 0 9%;}
    .eventWrap .evtcon.con7 .gift ul li{width: auto;margin: 0 0 -7%;}
    .eventWrap .evtcon.con7 .gift ul li:nth-of-type(2){padding: 0 0 0 4%;margin: 0 -6% 0 0;}
    .eventWrap .evtBoard_common.comment{margin-left: -3%;margin-right: -3%;}
    .eventWrap .radio_list{margin: 0 0 15px;}
    .eventWrap .radio_list li label img{width: 29%;}
    .eventWrap .radio_list li label{font-size:12px;padding: 5px 0;}
    .eventWrap .radio_list li label .tit{padding: 5px 0 0;}
    .eventWrap .evtBoard_common.comment .board_notice li.chk_notice{position: relative;top: inherit;right: inherit;}
    .evtBoard_common .board_list ul li.pht{min-height: 103px;}

     /* 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;}
}
@media (max-width: 576px){

    .quiz_wrap{margin-top: -3%;}
    .quiz_wrap .answer li{border-width:1px}
    .quiz_wrap .answer li a{font-size: 12px;}
    .quiz_wrap .btn{padding: 0 20%;}
    .eventWrap .con_top p{font-size: 14px;}
    
    
    .eventWrap .sns_share{margin: 0 0 5%;}
    .eventWrap .sns_share li{padding: 0 3%;}
    
    .eventWrap .evtcon .evdate ul li{display:block}
    .eventWrap .evtcon .evdate ul li+li{margin:0}
    .eventWrap .evtcon .evdate ul li strong {padding: 0 8px;font-size: 13px;margin: 0 4px 0 0}
    .eventWrap .evtcon .evdate ul li strong:before {top: 7px}
    .eventWrap .evtcon .evdate ul li strong:after {height: 8px;top: 1px;opacity: 0.2}
    .eventWrap .evtcon .evdate ul li p {font-size: 13px}
        
    .eventWrap .evtcon.con9 .date {text-align: center;}
    .eventWrap .evtcon.con9 .date ul {display: inline-block;}
    .eventWrap .evtcon.con9 .date ul li {font-size: 13px;padding: 0 0 0 86px;text-align: left;}
    .eventWrap .evtcon.con9 .date ul li+li {margin-left: 0;}
    .eventWrap .evtcon.con9 .date ul li:nth-of-type(3) strong{letter-spacing: 0.35em;}
    .eventWrap .evtcon.con9 .date ul li strong:before {top: 6px;left:0;width: 2px;height: 18px;border-radius: 0;display: none;}
    .eventWrap .evtcon.con9 .date ul li strong:after {display:none}
    .eventWrap .evtcon.con9 .date ul li:nth-of-type(3) p{color:#d6ff75}
    .eventWrap .evtcon.con9 .date ul li p span {font-size:14px;color: #a671ff;opacity: 0.6}
    .eventWrap .evtcon.con9 .gift{position: relative;top: unset;right: unset;padding: 0 14%;width: 100%;margin: 0 0 6%;}

     .eventWrap .con9 .step ul{padding: 0;margin: 0 0 3%;}
    .eventWrap .con9 .step ul::after{content:'';display:block;clear:both}
    .eventWrap .con9 .step li{margin: 0 0 15px;height: auto;}
    .eventWrap .con9 .step li, .eventWrap .con9 .step li:nth-child(1),.eventWrap .con9 .step li:nth-child(2),.eventWrap .con9 .step li:nth-child(3){float: none;position: relative;width: auto;/* background: none; */background: #acdfb1;border: 1px solid #000;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(1)::before,.eventWrap .con9 .step li:nth-child(2)::before{
    top: unset;
    bottom: 0;
    transform: rotate(90deg);
    right: 50%;
    margin: 0 -13px -19px 0;
}
    .eventWrap .con9 .step li strong{padding: 0 40%;}
    .eventWrap .con9 .step li span{padding: 0 32%;}
    .eventWrap .con9 .step li:nth-child(2) strong,
    .eventWrap .con9 .step li:nth-child(3) strong{padding: 0 40%;margin: 0 0 2%}
    .eventWrap .con9 .step li, .eventWrap .con9 .step li:nth-child(1), .eventWrap .con9 .step li:nth-child(2), .eventWrap .con9 .step li:nth-child(3){}


    
    .eventWrap .radio_list li label .tit{letter-spacing: -0.1em;font-size: 11px;}
    .eventWrap .radio_list li label img{width:45%}
    
    /* 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%}

    .eventWrap .evt_cautn.on .con_box{padding: 30px 0;}

    
}