@charset "euc-kr"; 
.pc_view{display: block;}
.mo_view{display: none;}
.inner { max-width:1080px; width:96%; margin:auto; }

.flt_inner { z-index:1; }
.flt_inner a,
.flt_inner li { margin:0; position:relative; z-index:3; }
.flt_inner li.evt {/* margin-top:-15px; */z-index:1;}


.eventWrap .con_tit{margin: 0 0 60px;}

/*evMain*/
.eventWrap .evSection.evMain {width:100%;/* height:1010px; */background: url(https://img.megagong.net/m/2023/0810_quiz/con_img32.jpg) no-repeat center 0;padding: 0 0 80px;}
.evMain h2 { margin-top:100px; }
.evMain .intro {position: relative;margin: 0 205px;display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
.evMain .intro::before{content:'';position: absolute;top: 62px;left: -265px;width: 203px;height: 280px;background: url(https://img.megagong.net/m/2023/0810_quiz/con_img30.png) no-repeat 0 0;}
.evMain .intro::after{content:'';position: absolute;top: 280px;left: 540px;width: 360px;height: 430px;background: url(https://img.megagong.net/m/2023/0810_quiz/con_img31.png) no-repeat 0 0;}
.evMain .intro.nodate::after{top: 190px;}
.evMain .intro li{position: relative;border: 2px solid #000;font-size: 0;}
.evMain .intro .name{width: 30%;padding: 0 0 0 80px;}
.evMain .intro .date{width: 68%;padding: 0 0 0 104px;}
.evMain .intro strong{position: absolute;top: 0;left: 0;padding: 0 25px;border-right: 2px solid #000;height: 50px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.evMain .intro span{height: 50px;display: flex;align-items: center;justify-content: center;}
.evMain .intro .name strong{}
.evMain .intro .name span{}
.evMain .intro .date strong{padding: 0 10px;}
.evMain .intro .date span{}
.evMain .intro .info{width: 100%;margin: 20px 0 0;}
.evMain .imgBox {margin: 50px 205px 0;position:relative;text-align: center;}
.evMain .imgBox a, .link_wrap .btn li a {background: #000;color: #fff;width: 100%;margin: 0 0;font-size: 24px;border-radius: 40px;padding: 28px 0;line-height: 1;/* flex: 1; */
display: inline-block;font-weight: 900;}
.evMain .imgBox a img { margin-left:30px; }
.evMain .imgBox a.toggleImg { background:#0082ff; }
.evMain .imgBox a.toggleImg.on { color:#ffd25a; }
.evMain .imgBox a.other_btn {}
.evMain .imgBox a.test_btn {background-color: #9c9c9c;margin-top: 20px;}
.evMain .mainImg { margin:auto; text-align:center;  }
.evMain .mainImg img { display:block; margin:auto; }

/*evCon1 - type*/
.evCon1 { padding: 150px 0 80px; background: #fff; }
.evCon1 .result_rank{margin: 50px 205px 0;text-align:center;padding: 0 0 190px;}
.evCon1 .result_rank .point_tit{border: 2px solid #000;font-size: 24px;border-radius: 60px;margin: 0 0 60px;}
.evCon1 .result_rank .point_tit .count{display: block;font-weight: 900;padding: 14px 0;}
.evCon1 .result_rank .point_tit .count span{letter-spacing: 0;color: #0082ff;}
.evCon1 .result_rank .popbtn{position: absolute;right: 35px;top: calc(50% - 3px);transform: translateY(-50%);background: #0082ff;color: #fff;font-size: 15px;padding: 7px 18px;border-radius: 5px;display: none;}
.evCon1 .result_rank ul{padding: 0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: stretch;background: url(https://img.megagong.net/m/2023/0810_quiz/con_img23.png) repeat 0 0;}
.evCon1 .result_rank ul > li{position: relative;display: flex;align-items: center;flex-direction: column-reverse;flex: 1;border-bottom: 2px solid #000;}
.evCon1 .result_rank ul li .bar_wrap{width: 50px;height: 300px;display: block;display: flex;align-items: flex-end;}
.evCon1 .result_rank ul li .bar_wrap.color1 .bar {background: #ffd15b;}
.evCon1 .result_rank ul li .bar_wrap.color2 .bar { background:#855aff; }
.evCon1 .result_rank ul li .bar_wrap.color3 .bar { background:#3182f7; }
.evCon1 .result_rank ul li .bar_wrap.color4 .bar { background:#ff5a6e; }
.evCon1 .result_rank ul li .bar_wrap.color5 .bar { background:#6cdf82; }
.evCon1 .result_rank ul li .bar{position: relative;display: block;border-radius: 30px 30px 0px 0px;width: 100%;}
.evCon1 .result_rank ul li i{font-style: normal;font-size: 20px;position: absolute;top: -26px;left: 0;width: 100%;font-size: 18px;font-weight: 900;letter-spacing: 0;}
.evCon1 .result_rank .tit {position: absolute;bottom: -189px;left: 0;width: 100%;}
.evCon1 .result_rank .tit i {display: none;}
.evCon1 .result_rank .tit img {}
.evCon1 .tiny_noti{text-align: center;margin-top: 20px;color:#787878;font-size: 16px;font-weight: normal;}



/* evCon1 popup */
#layerPop .content_area .content_inner .slick-arrow { position:absolute;top: 18%;width:19px;height:30px;z-index:2;font-size:0; }
#layerPop .content_area .content_inner .slick-prev { left: 120px; background:url(https://img.megagong.net/m/2023/0105_test/pop_arr2.png) no-repeat center;}
#layerPop .content_area .content_inner .slick-next { right: 120px; background:url(https://img.megagong.net/m/2023/0105_test/pop_arr1.png) no-repeat center;}
[class*=mg_popup_wrap] .content_area { border-radius: 0; }
[class*=mg_popup_wrap] .content_area .content_inner{ /*padding: 60px 20px;*/ padding:50px 20px; }
#layerPop .content_area .content_inner  { position:relative; margin-top:70px; }
#layerPop .content_area .content_inner .type_roll { box-sizing:border-box; width:100%;  }
#layerPop .content_area .content_inner .item{text-align: center; }
#layerPop .content_area .content_inner .item img{ display: block; margin: 0 auto; }
#layerPop .content_area .content_inner .item .hash{display: block;font-size: 18px;color: #000; font-weight: bold;margin-bottom: 5px;}
#layerPop .content_area .content_inner .item b { font-size: 22px; color:#0082ff; letter-spacing:-2px; }
/* #layerPop .content_area .content_inner .item ul{margin-top: 15px;line-height: 1.2;}
#layerPop .content_area .content_inner .item ul li span{position: relative; padding-left: 10px; font-size: 16px; line-height:130%; color: #4b4b4b; }
#layerPop .content_area .content_inner .item ul li span::before { content: '\00B7'; display: block; position: absolute; left: 0; top: 0; } */
#layerPop .content_area .content_inner .item ul li p { font-size: 16px; line-height:120%; color: #4b4b4b; margin-top:10px; }

#layerPop .content_area .content_inner .slick-dots {text-align: center;margin-top: 30px;}
#layerPop .content_area .content_inner .slick-dots li {margin: 0 3px;display:inline-block;vertical-align: top;}
#layerPop .content_area .content_inner .slick-dots li button {width:14px;height: 14px;font-size:0;border-radius:50%;overflow: hidden;border:1px solid #000;box-sizing: border-box;}
#layerPop .content_area .content_inner .slick-dots li.slick-active button {background-color:#000;border-radius: 7px;}






/* before */
.eventWrap .before {background: #fee5db url(https://img.megagong.net/m/2023/0105_test/before_bg.jpg) top center no-repeat;padding: 90px 0 0;background-size: auto 100%;} 
.before .txt { margin: 50px 0; } 
.before .test_btn{position: relative;z-index: 2;}
.before .test_btn a { display: inline-block; } 
.before .test_btn.blink img{display: none;}
.before .test_btn.blink img.blinking{display: block;}
.before .rabbit{margin: -92px -120px 0;position: relative;}
.before .rabbit img{position:relative;padding-bottom: 28px;}
.before .rabbit:before{content:'';display:block;position:absolute;bottom:0;left: -1500px;background: #f49b8f;height: 150px;width: 4500px;}
.fixbn{background: #f49b8f;}
.fixbn.on{display: block;position: fixed;left: 0;width: 100%;height: auto;top: 0;;z-index: 6;}
.fixbn ul{display: flex;width: 1080px;margin: 0 auto;}
.fixbn ul li{width: 33.3333%;}
.fixbn ul li .off{display: block;}
.fixbn ul li .on{display: none;}
.fixbn ul li:nth-child(1).on{background: #fff;}
.fixbn ul li:nth-child(1).on .on{display: block;}
.fixbn ul li:nth-child(1).on .off{display: none;}
.fixbn ul li:nth-child(2).on{background: #ffe7de;}
.fixbn ul li:nth-child(2).on .on{display: block;}
.fixbn ul li:nth-child(2).on .off{display: none;}
.fixbn ul li:nth-child(3).on{background: #fff0bb;}
.fixbn ul li:nth-child(3).on .on{display: block;}
.fixbn ul li:nth-child(3).on .off{display: none;}


/* before */
.evtBoard_common { font-weight:700; }
.evtBoard_common .board_write .inp_wrap textarea, 
.evtBoard_common .board_write .inp_wrap input[type="text"]{padding: 12px 20px;}
.eventWrap .evSection.evtoggleWarning {background: #f7f8f8;}
.evtoggleWarning p.w_tit { text-align:center; }
.evtoggleWarning p.w_tit::before{background: #222; }
.warningList .f_dash li::before{content: '\002D';display: block;position: absolute;top: auto;left: 0;}
.warningList li ul li a{border: 1px solid #303030;border-radius: 20px;}
.warningList li.bold{font-weight: bold;}
.evSection.evCon8{padding: 150px 0 45px;background: #eaf2ff;}
.reason_wrap{margin: 0 165px;/* padding: 50px 0 50px; */}
.reason_wrap dl{text-align: left;padding: 40px 40px;background: url(https://img.megagong.net/m/2023/0810_quiz/con_img20_1.png) no-repeat 638px 50%;}
.reason_wrap dl:nth-of-type(1){padding-top:0}
.reason_wrap dl+dl{border-top: 1px solid #c6cedb;}
.reason_wrap dl:nth-of-type(2){background-image: url(https://img.megagong.net/m/2023/0810_quiz/con_img20_2.png)}
.reason_wrap dl:nth-of-type(3){background-image: url(https://img.megagong.net/m/2023/0810_quiz/con_img20_3.png)}
.reason_wrap dl:nth-of-type(4){background-image: url(https://img.megagong.net/m/2023/0810_quiz/con_img20_4.png)}
.reason_wrap dl dt{position: relative;font-weight: bold;margin: 0 0 10px;padding: 4px 0 7px 60px;font-size: 24px;font-weight: 900;}
.reason_wrap dl dt i{position: absolute;top: 0;left: 0;font-style: normal;display: inline-block;margin: 0 10px 0 0;width: 40px;height: 40px;line-height: 38px;background: #121212;color: #fff;text-align: center;border-radius: 10px;font-size: 20px;}
.reason_wrap dl dd{padding: 0 0 0 60px;font-size: 20px;color: #414449;}
.reason_wrap dl dd i{display: inline-block;padding: 10px;background-color: #000;color: #fff;font-style: normal;}
.reason_wrap + a{padding: 15px 20px;display: inline-block;}



/* */
.black_bg{background-color:#000;opacity:0.8;position:fixed;left:0;top:0;width:100%;height:100%;text-indent:-9999em;z-index:92}
.dim_popup button{position:absolute;right: 15px;top: 15px;background: none;}
.clickPop{width: 470px;background: #fff;padding: 30px 30px 35px;position: fixed;left:50%;top: 50% !important;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 99;}

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


/* quiz */
.subjSelect_wrap{padding: 0 0 200px;}
.eventWrap .subjSelect_wrap, 
.eventWrap .evSection.evCon2, 
.eventWrap .evSection.evCon3{background: url(https://img.megagong.net/m/2023/0810_quiz/con_img33.jpg) repeat-y center 325px;/* width: 100%; */}
.subjSelect_wrap .con_tit, .after .con_tit{background: #d0e1fd url(https://img.megagong.net/m/2023/0810_quiz/con_img41.jpg) repeat 0 0;border-bottom: 2px solid #000;margin: 0 0 80px;}
.subjSelect_wrap .explain{padding: 60px 0;font-size: 24px;border: 2px solid #000;margin: 0 205px 70px;}
.subjSelect_wrap .explain strong{font-weight:900}
.subj_wrap{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: center;margin: 0 205px;padding: 62px 0 0;}
.subj_wrap.subj_after{padding: 0;margin-bottom: 40px;}
.subj_wrap .point{position: absolute;top: 0;left: 50%;width: 160px;font-size: 16px;color: #fff;background: #121212;border-radius: 13px;height: 42px;line-height: 41px;margin: 0 0 0 -80px;letter-spacing: 0;}
.subj_wrap .point.on{color: #557cf5;}
.subj_wrap .point::before{content:'';position: absolute;bottom: -4px;left: 50%;width: 10px;height: 10px;background: #121212;color: #fff;margin: 0 0 0 -5px;transform: rotate(45deg);}
.subj_wrap .item{margin: 0 0.5%;width: 32.3%;}
.subj_wrap .item a{display: block;background: #000;color: #fff;font-size: 20px;font-weight: bold;border-radius: 45px;padding: 20px 0;line-height: 1;}
.subj_wrap.subj_after .item{flex: 1;}
.subj_wrap.subj_after .item a{background: unset;color: #000;border: 2px solid #000;}
.subj_wrap.subj_after .item.on a{background: unset;color: #fff;border-color: #3182f7;background: #3182f7;}
.quiz {padding: 0 0 150px;} 
.quiz .quiz_zone{margin: 0 204px;}
.quiz .copyright {position: absolute;left: 50%;top: 20px;margin-left: 450px; display:none;} 
.quiz .con_tit {background: #d0e1fd;border-bottom: 2px solid #000;margin: 0 0 80px;} 
.quiz .quiz_zone .subjinfo_wrap{}
.quiz .quiz_zone .subjinfo_wrap h5{background-color: #121212;line-height: 1;padding: 15px 0;font-size: 20px;color: #fff;font-weight: 900;}
.quiz .quiz_zone .subjinfo_wrap .info{display: flex;border: 1px solid #d0d0d0;border-width: 1px 0 0 1px;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start;}
.quiz .quiz_zone .subjinfo_wrap .info li{border: 1px solid #d0d0d0;border-width: 0 1px 1px 0;width: 50%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start;background: #fff;}
.quiz .quiz_zone .subjinfo_wrap .info li strong{background-color: unset;border-right: 1px solid #d0d0d0;width: 48%;height: 50px;display: flex;flex-direction: column;align-content: center;justify-content: center;align-items: center;font-weight: 900;}
.quiz .quiz_zone .subjinfo_wrap .info li span{width: 52%;display: flex;height: 50px;flex-direction: column;align-content: center;justify-content: center;align-items: center;}
.quiz .quiz_zone .subjinfo_wrap .info li:nth-of-type(4) span{width: 100%;}
.quiz .quiz_zone .qstn_con .time {position: relative;display: flex;flex-direction: row;align-content: center;justify-content: center;align-items: center;} 
.quiz .quiz_zone .qstn_con .time a {vertical-align: top;display: inline-block;border: 2px solid #000;background: #000;width: 40px;height: 40px;border-radius: 100%;position: absolute;top: 3px;left: 50%;margin: 0 0 0 -135px;font-size: 0;} 
.quiz .quiz_zone .qstn_con .time a::before{content:'';position: absolute;top: 50%;left: 50%;border: 2px solid #fff;border-width: 3px 0 0 3px;width: 7px;height: 7px;transform: rotate(-45deg);margin: -5px 0 0 -3px;} 
.quiz .quiz_zone .qstn_con .time a img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.quiz .quiz_zone .qstn_con .time .bar_wrap { position: relative; width: 670px; height: 100%; border: 3px solid #5e524c; overflow: hidden; border-radius: 100px; display: inline-block; } 
.quiz .quiz_zone .qstn_con .time .bar_wrap .bar {height: 100%;border-top-right-radius: 15px;border-bottom-right-radius: 15px;} 
.quiz .quiz_zone .qstn_con .time .num {vertical-align: top;font-style: normal;font-size: 20px;line-height: 1;padding: 10px 59px;border-radius: 50px;letter-spacing: 0.1em;border: 2px solid #000;margin: 0 0 30px;} 
.quiz .quiz_zone .qstn_con .time .num strong {font-weight: 900;} 
.quiz .quiz_zone .qstn_con .question_img {margin: 0px 0 30px;display: inline-block;overflow:hidden;} 
.quiz .quiz_zone .qstn_con .question {font-size: 24px;font-weight: 700;margin: 60px 0 25px;text-align: left;} 
.quiz .quiz_zone .qstn_con .question b { color: #f4a04e; }
.quiz .quiz_zone .qstn_con .question span { display:block; font-size:24px; font-weight:300; margin:30px auto 0; }
.quiz .quiz_zone .qstn_con .answer {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start;margin: 0px 0 30px;} 
.quiz .quiz_zone .qstn_con .answer li {width: 100%;margin: 0 auto 20px;} 
.quiz .quiz_zone .qstn_con .answer.order li{} 
.quiz .quiz_zone .qstn_con .answer.order li.views{
    font-size: 28px;
    font-weight: 900;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 158px 0 187px;
    margin: 0 0 13px;
} 
.quiz .quiz_zone .qstn_con .answer.order li.views span{
    display: block;
    width: 110px;
    text-align: left;
    line-height: 1;
} 
.quiz .quiz_zone .qstn_con .answer.order li.views span:nth-of-type(2){
    text-align: center;
}
.quiz .quiz_zone .qstn_con .answer.order li.views span:nth-of-type(3){
    text-align: right;
}
.quiz .quiz_zone .qstn_con .answer.txt li { display: inline-table; margin: 0 auto; vertical-align: top; } 
.quiz .quiz_zone .qstn_con .answer.txt li p { display: table-cell; vertical-align: middle; } 
.quiz .quiz_zone .qstn_con .answer li a, .quiz .quiz_zone .qstn_con .answer li p {display: block;font-size: 20px;color: #333333;font-weight: 700;border-radius: 100px;padding: 22px 10px;border: 2px solid #121212;} 
.quiz .quiz_zone .qstn_con .answer li a i{font-style: normal;} 
.quiz .quiz_zone .qstn_con .answer.txt li:first-child { margin: 0 20px 30px 0; } 
.quiz .quiz_zone .qstn_con .answer li a:hover, .quiz .quiz_zone .qstn_con .answer li a:active , .quiz .quiz_zone .qstn_con .answer li p:hover, .quiz .quiz_zone .qstn_con .answer li p:active { background:#0082ff; color:#fff; } 
.quiz .quiz_zone .qstn_con .answer li a:hover input, .quiz .quiz_zone .qstn_con .answer li a:active input , .quiz .quiz_zone .qstn_con .answer li p:hover input, .quiz .quiz_zone .qstn_con .answer li p:active input { color: #fff; border-color: #fff; } 
.quiz .quiz_zone .qstn_con .answer li a span , .quiz .quiz_zone .qstn_con .answer li p span {/* display: table-cell; *//* vertical-align: middle; */display: block;position: relative;} 
.quiz .quiz_zone .qstn_con .answer.order li a span, .quiz .quiz_zone .qstn_con .answer.order li p span{
    display: inline-block;
}
.quiz .quiz_zone .qstn_con .answer li a input , .quiz .quiz_zone .qstn_con .answer li p input { display: block; width: 80%; margin: 0 auto; background: none; border-width: 0 0 2px 0; height: 35px; text-align: center; font-size: 17px; } 
.quiz .quiz_zone .qstn_con .answer.order li a span b, .quiz .quiz_zone .qstn_con .answer.order li p span b{
    display: inline-block;
    width: 110px;
    text-align: left;
}
.quiz .quiz_zone .qstn_con .answer.order li a span b:nth-of-type(2), .quiz .quiz_zone .qstn_con .answer.order li p span b:nth-of-type(2){
    text-align: center;
}
.quiz .quiz_zone .qstn_con .answer.order li a span b:nth-of-type(3), .quiz .quiz_zone .qstn_con .answer.order li p span b:nth-of-type(3){
    text-align: right;
}
.quiz .quiz_zone .qstn_con .answer li a .under, .quiz .quiz_zone .qstn_con .answer li p .under {border-bottom: 2px solid #000;}
.quiz .quiz_zone .qstn_con .answer li a:hover .under, .quiz .quiz_zone .qstn_con .answer li a:active .under, .quiz .quiz_zone .qstn_con .answer li p:hover .under, .quiz .quiz_zone .qstn_con .answer li p:active .under{border-color: #fff;} 

.quiz .quiz_zone .qstn_con .answer.dot { position:relative; width:80%; height:20vw; margin:auto; }
.quiz .quiz_zone .qstn_con .answer.dot li { width:140px; height:140px; margin:0; position:absolute; }
.quiz .quiz_zone .qstn_con .answer.dot li a { border-radius:50%; background:#222; color:#fff; font-size:54px; }
.quiz .quiz_zone .qstn_con .answer.dot li:first-child { top:135px; left:0; }
.quiz .quiz_zone .qstn_con .answer.dot li:nth-child(2) { top:60px; left:20%; }
.quiz .quiz_zone .qstn_con .answer.dot li:nth-child(3) { text-align:center; position:static; margin:auto; }
.quiz .quiz_zone .qstn_con .answer.dot li:nth-child(4) { top:60px; right:20%; }
.quiz .quiz_zone .qstn_con .answer.dot li:last-child { top:135px; right:0; }




/* after /evCon3  */
.after {padding: 0 0 135px;} 
.after .copyright {position: absolute;left: 50%;top: 20px;margin-left: 450px; display:none; } 
.after .con_tit { margin-bottom: 75px;} 
.after .tip {color: #5e524c;font-size: 16px;margin: 0 auto 60px;} 
.after .tip strong{color: #3182f7;font-size: 20px;display: block;margin: 0 0 5px;font-weight: 900;} 
.after .solution{margin: 50px auto 150px;border: 2px solid #000;margin: 0 205px 50px;padding: 50px 0;border-radius: 15px;font-size: 22px;font-weight: 900;background: #fff;}
.after .solution strong{color: #3182f7;font-weight: inherit;}
.after .result{margin: 0 204px 20px;}
.after .result .tit{font-size: 28px;font-weight: bold;padding: 40px 0 0;}
.after .result strong{color: #3182f7;display: block;}

.link_wrap .sns {margin: 0 0 80px;} 
.link_wrap .sns li {display: inline-block;margin: 0 20px;} 
.link_wrap .btn a { display: inline-block; } 


.link_wrap .btn {margin: 0 205px 0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} 
.link_wrap .btn li{width: 100%;} 
.link_wrap .btn li+li{margin-top:20px} 
.link_wrap .btn li:nth-of-type(1) a{background: #3182f7;} 
.link_wrap .btn li:nth-of-type(3),
.link_wrap .btn li:nth-of-type(4){width: 49%;} 
.link_wrap .btn li:nth-of-type(3) a, 
.link_wrap .btn li:nth-of-type(4) a{background: #9c9c9c;} 
.link_wrap .btn li:nth-of-type(3) a img, 
.link_wrap .btn li:nth-of-type(4) a img{margin: 0 15px 0 0;} 

.tip_wrap{padding: 110px 0 0;/* background-color: #f3efea; */}
.tip_wrap .con_tit{margin-bottom: 60px;background: none;border-bottom: 0;}
.tip_wrap ul{display: flex;margin: 0 230px;justify-content: space-between;flex-direction: column;}
.tip_wrap ul li{margin: 0 0 20px;}
.tip_wrap ul li a{display: block;background: #fff;color: #fff;padding: 35px 0 35px 55px;position: relative;text-align: left;border-radius: 15px;box-shadow: 2px 10px 15px 0px rgba(0,0,0,10%);}
.tip_wrap ul li a i{position: absolute;top: 35px;right: 50px;}

.eventBoard .evtBoard_common .board_notice {/* margin-top:-18px; *//* font-family: 'NotoSans KR'; */}
.evtBoard_common .board_notice li {color: #000;}

/*event*/
.eventWrap .evSection.ev_share {padding:120px 0 150px;position:relative;background: url(https://img.megagong.net/m/2023/0810_quiz/con_img25.png) no-repeat center 0;}
.ev_share.share2 {background-color: #eaf2ff !important;}
.ev_share .finish {position:absolute;top: 115px;left:50%;margin-left: 320px;/* max-width:220px; *//* width:20%; */}
.ev_share .sampleArea { margin:70px auto 0; max-width:950px;  }
.ev_share .sampleArea .container_info { background:#798d90; color:#fff; padding:15px 30px; }

.ev_share .container_info .info .info_title::before,
.ev_share .container_info .info .info_title::after {/* background:#fff; */}
.ev_share .goods {display: flex;justify-content: center;align-items: flex-start;padding: 65px 0 0;}
.ev_share.share2 .goods {margin: 0 260px 100px;padding: 45px 0 0;}
.ev_share .goods li {flex: 1;}
.ev_share h5{position: relative;margin: 0 205px;}
.ev_share h5::before{content:'';position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #000;}
.ev_share h5 span{font-size: 24px;font-weight: 900;background: #eaf2ff;position: relative;z-index: 1;padding: 0 30px;letter-spacing: 0;}
.ev_share .con_tit {margin: 0 0 60px;font-size: 12px;}
.ev_share .con_tit>strong{display: block;}
.ev_share h4 span {display: block;line-height: 1;font-size: inherit;}
.ev_share .process {/* overflow:hidden; */margin: 40px 205px 0;}
.ev_share .flow {display: flex;flex-direction: column;align-items: flex-start;background: #fff;padding: 50px 20px;border-radius: 25px;}
.ev_share .flow li{background: url(https://img.megagong.net/m/2023/0810_quiz/con_img21.png) no-repeat 0px 0px;padding: 0 0 0 50px;font-size: 20px;font-weight: 900;text-align: left;}

.ev_share .flow li:nth-of-type(2){background-position: 0px -83px;}
.ev_share .flow li:nth-of-type(3){background-position: 0px -162px;}
.ev_share .flow li:nth-of-type(4){background-position: 0px -277px;}
.ev_share .flow li+li{margin-top: 35px;}
.ev_share .flow li span{display: block;font-weight: normal;color: #3182f7;padding: 5px 0 0;}
.ev_share .process .btns li {}

.ev_share .step_wrapper {display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 50px} 
.ev_share .step_wrapper .step {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;padding: 37px 0;background-color: #fff;border-radius: 15px;} 
.ev_share .step_wrapper .step > img {margin-bottom: 0px} 
.ev_share .step_wrapper .step .step_title {line-height: 1.3;font-size: 16px;} 
.ev_share .step_wrapper .step .step_title b {display: inline-block; margin-bottom: 8px; color: #eca517; font-size: 18px; line-height: 1.3; font-weight: normal} 
.ev_share .step_wrapper .step .step_desc {color: #2581ff;font-size: 14px;margin-top: 14px;margin: 20px 0 0;} 
.ev_share .step_wrapper .step:nth-of-type(1),
.ev_share .step_wrapper .step:nth-of-type(2) {margin-right: 15px;} 
.ev_share .step_wrapper .step:nth-of-type(1)::before,
.ev_share .step_wrapper .step:nth-of-type(2)::before {position: absolute;top: 50%;right: -27px;content: '';transform: translate(0, -50%);width: 36px;height: 36px;background-image: url(https://image.megagong.net/m/2023/0620_duck/con_img14.png);background-repeat: no-repeat;background-position: center;background-size: contain;z-index: 1;} 
.ev_share .step_wrapper .step .num{font-weight: 900;display: block;margin: 0 0 7px;}
.ev_share .step_wrapper .step_btn{background: #000;color: #fff;padding: 10px 52px 12px;line-height: 1;margin-top: 15px;font-size: 18px;border-radius: 8px;}

.ev_share .btns {margin-top: 40px;overflow:hidden;text-align:center;}
.ev_share .btns li {margin: 0 0 15px;}
.ev_share .btns li a{display: block;margin: 0 0 15px;background: #0082ff;border-radius: 50px;font-size: 24px;color: #fff;padding: 28px 0;line-height: 1;font-weight: 900;}
.ev_share .btns li:nth-of-type(2) a{margin: 0 0 15px;background: #121212;}

.ev_share .eventBoard {overflow:hidden;margin: 80px 205px 0;}
.ev_share .eventBoard .btn { overflow:hidden; margin-bottom:80px; }
.ev_share .eventBoard .btn a { display:inline-block; vertical-align:top; width:30%; height:70px; border-radius:35px; background:#222; color:#fff; margin:0 15px; }
.ev_share .eventBoard .btn a span { display:inline-block; vertical-align:middle;  }

.ev_share .eventBoard > a:first-of-type {margin-right: 40px} 
.ev_share .eventBoard .evtBoard_common .evtBoard_inner {background: #eaf4ff;padding: 20px 0 0;} 
.ev_share .shareList ul{background: #fff;border-radius: 20px;padding: 40px 20px;}
.ev_share .eventBoard .shareList ul li dl{padding: 0 0 0 133px;} 
.ev_share .eventBoard .shareList ul li dl dd {border-radius: 48px;width: 122px;background: #fff;border: 1px solid #c6c6c6;color: #888888;font-size: 17px;margin: 0 0 0 3px;} 
.ev_share .eventBoard .shareList ul li dl dt {width: 120px;margin: 0 0 0 0;letter-spacing: 0.05em;font-size: 19px;border-radius: 38px;} 
.ev_share .eventBoard .shareList ul li dl dt + dd:nth-of-type(1){margin-left: 0;}
.ev_share .eventBoard .shareList ul li dl.sns dt {background-color: #ffd25a;} 
.ev_share .eventBoard .shareList ul li dl.naver dt {background-color: #6cdf82;} 
.ev_share .eventBoard .shareList ul li dl.daum dt {background-color: #3182f7;} 
.ev_share .eventBoard .shareList ul li dl.etc dt {background-color: #a1a3a6;} 
.ev_share .eventBoard .shareList ul li dl dd br{display:none}
.ev_share .evtBoard_common {background-color: #fcf1b7} 
.evtBoard_common .board_write{padding: 0;}
.ev_share .evtBoard_common .board_write .inp_wrap textarea, .evtBoard_common .board_write .inp_wrap input[type="text"] {border: 0;border-radius: 20px;height: 55px;} 
.ev_share .evtBoard_common .board_write .btn_wrap a {margin-left: 0;border-radius: 0 20px 20px 0;height: 55px;line-height: 55px;font-size: 17px;} 
.evtBoard_common .board_write .btn_wrap{width: 120px;}
.ev_share .evtBoard_common .info_wrap {position: relative;} 
.eventBoard .evtBoard_common .info_wrap.with_tip .tip_list{float: none;}
.ev_share .evtBoard_common .info_wrap ul li {color: #121212;font-size: 13px;text-align: left;text-indent: -10px;padding-left: 10px;opacity: 0.9;line-height: 1.45} 
.ev_share .evtBoard_common .info_wrap ul li:last-child {color: #2581ff;font-weight: bold;} 
.eventBoard .evtBoard_common .info_wrap.with_tip button {margin-right: 0;color: #2581ff;font-size: 16px;font-family: 'NotoSans KR';border-bottom: 1px solid #2581ff;text-underline-offset: 7px;/* white-space: nowrap; */position: absolute;top: 0;right: 12px;border-radius: 0;padding: 4px 0px;line-height: 1;position: relative;top: inherit;right: inherit;width: 200px;height: 40px;line-height: 40px;padding: 0;border-radius: 40px;background: #fff;color: #737578;font-weight: bold;margin: 40px auto 0;float: none;border: 0;clear: both;display: block;float: none;} 

.ev_share .container_info {margin: 0 205px 15px;color: #000000;font-size: 20px;background-color: #d4c3ff;flex-direction: column;border: 2px solid #000;background: unset;} 
.ev_share .container_info{/* background-color: #bbe0ff; */text-align: left;}
.ev_share .container_info .info{}

.ev_share .container_info .info .info_title {font-weight: 900;} 
.ev_share .container_info .info .info_date {font-weight: normal;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;} 
.ev_share .container_info .info .noti {color: #0082ff;font-size: 14px;font-weight: normal;} 
.ev_share .goods_slider {margin: 80px 0 0;}

.btn_mobile { display:none; }



.mg_popup_wrap .mg_tb_wrap {}
.mg_tb_form th, .mg_tb_form td{height: 40px;}
.mg_popup_wrap .mg_tb_wrap table {text-align: center;}
.mg_popup_wrap .mg_tb_wrap table th, .mg_popup_wrap .mg_tb_wrap table td{border: 1px solid #ddd;padding: 5px;}
.mg_popup_wrap .mg_tb_wrap table tr.check{}
.mg_popup_wrap .mg_tb_wrap table tr.check th{background: #c7f5f4;}
.mg_popup_wrap .mg_tb_wrap table tr.check td{background: #c7f5f4;}
.mg_popup_wrap .mg_tb_wrap table tbody tr th{background: #fff;}
.mg_popup_wrap .mg_tb_wrap table tr td .an_o{color: #005cff;font-weight: bold;}
.mg_popup_wrap .mg_tb_wrap table tr td .an_x{color: #ff1b51;font-weight: bold;}
.mg_popup_wrap .tiny_noti{text-align: right;padding: 5px 0 0;opacity: 0.5;}
.mg_popup_wrap .tiny_noti+.tiny_noti{padding: 5px 0 0;}
.mg_popup_wrap .mg_tb_wrap table td.al_left{text-align: left;}






.fix_menu {position: absolute;top: 0;left: 0;background: rgba(18,18,18,0.85);z-index: 3;width: 100%;transition: 0.5s;display: none !important;}
.fix_menu ul{position: relative;width: 1080px;margin: 0 auto;display:flex;align-items:flex-start;justify-content:space-between}
.fix_menu ul::before{content:'';position: absolute;top: 15%;right: 0;width: 1px;height: 70%;background: #fff;opacity: 0.2}

.fix_menu li{width: 50%;position: relative}
.fix_menu li::before{content:'';position: absolute;top: 15%;left: 0;width: 1px;height: 70%;background: #fff;opacity: 0.2}
.fix_menu li i.point{width: 74px;height: 74px;text-align: center;font-style: normal;line-height: 1.2;font-size: 13px;display: flex;border-radius: 20px;font-weight: 200;margin: 0;font-weight: bold;position: absolute;color: #000;top: 14px;left: 80px;background: url(https://image.megagong.net/m/2023/0711_tech/con_img12.png) no-repeat 0 0;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;}
.fix_menu li i.end{position: absolute;top: 0;left: 50%;margin: 16px 0 0 38px;}
.fix_menu li a{display: block;padding: 0;font-size: 18px;position: relative;color: #fff;font-weight: normal;text-align: left;height: 100px;display: flex;justify-content: center;align-items: center;flex-direction: column;line-height: 1.3;font-weight: normal;}
.fix_menu li a .num{display: block;font-size: 12px;color: #121212;margin: 0 0 7px;letter-spacing: 0;background: #987cff;border-radius: 28px;padding: 5px 12px;line-height: 1;font-weight: bold;}
.fix_menu li a strong{color: #6d6ff8;font-weight: 900}
.fix_menu.fixed{position: fixed;}














@media screen and (max-width: 1200px){





    #mContainer { min-height: auto !important; } 
    .eventWrap { overflow: hidden; } 
    .eventWrap img{width:100%}

    .fix_menu{}
    .fix_menu.fixed{display: block !important;}
    .fix_menu ul{width: 100%}
    .fix_menu ul::before{display: none}
    .fix_menu li:nth-of-type(1)::before{display:none}
    .fix_menu li i{font-size: 2vw}
    .fix_menu li i.point{width: 8vw;height: 8vw;background-size: 100%;font-size: 1.5vw;left: 3%;top: 7%;}
    .fix_menu li a .num{font-size: 1.6vw;}
    .fix_menu li a{line-height: 1.3;font-size: 2.6vw;height: 11vw;padding: 0;text-align: center}
    .fix_menu li a br.for_mo{display:block}
    .fix_menu li i.end{width: 20%;}





    /*fixed button*/
    .btn_mobile { display:block; position:fixed; bottom:65px; left:0; width:100%; z-index:55; }
    .btn_mobile a {display:table;width:100%;height:100px;background: #0082ff;}
    .btn_mobile a span { color:#fff; font-size:32px; font-weight:700; display:table-cell; vertical-align:middle;  }

    /*evMain*/

    .eventWrap .evSection.evMain {width:100%;/* height:1010px; */background: url(https://img.megagong.net/m/2023/0810_quiz/con_img32.jpg) no-repeat center 0;padding: 0 0 20%;}
    .evMain h2 { margin-top:100px; }
    .evMain .intro {margin: 0 0;}
    .evMain .intro::before{top: inherit;bottom: 44%;left: 2%;width: 16%;height: 27vw;background-size: 100%;}
    .evMain .intro::after{top: inherit;bottom: -2%;left: 73%;width: 26%;height: 37vw;background-size: 100%;}
    .evMain .intro.nodate::after{
    top: inherit;
    bottom: 5%;
}
    .evMain .intro li{position: relative;border: 2px solid #000;font-size: 2.7vw;}
    .evMain .intro li img{display:none}
    .evMain .intro li.info img{display:block}
    .evMain .intro .name{width: 34%;padding: 0 0 0 12%;}
    .evMain .intro .date{padding: 0 0 0 19%;/* width: auto; */
    width: 65%;}
    .evMain .intro strong{height: 5vw;}
    .evMain .intro span{height: 5vw;}
    .evMain .intro .name strong{width: 35%;}
    .evMain .intro .name span{}
    .evMain .intro .date strong{width: 30%;padding: 0;}
    .evMain .intro .date span{}
    .evMain .intro .info{width: 100%;margin: 20px 0 0;padding: 0 15%;}
    .evMain .imgBox {margin: 6% 10% 0;position:relative;text-align: center;}
    .evMain .imgBox a, .link_wrap .btn li a {background: #000;color: #fff;width: 100%;margin: 0 0;font-size: 24px;border-radius: 40px;padding: 28px 0;line-height: 1;/* flex: 1; */
    display: inline-block;font-weight: 900;}
    .evMain .imgBox a img { margin-left:30px; }
    .evMain .imgBox a.toggleImg { background:#0082ff; }
    .evMain .imgBox a.toggleImg.on { color:#ffd25a; }
    .evMain .mainImg { margin:auto; text-align:center;  }
    .evMain .mainImg img { display:block; margin:auto; }

    /*evMain*/
    .evMain .imgBox a { }
    .evMain .imgBox a img { }

    .eventWrap .con_tit{padding: 0 20%;margin: 0 0 7%;}

    /*evCon1 - type*/
    .evCon1{padding: 15% 0;}
    .evCon1 .result_rank{margin: 0 0% 0;padding: 0 0 28%;}
    .evCon1 .result_rank .point_tit{padding: 2% 0;font-size: 23px;}
    .evCon1 .result_rank .point_tit .count{padding: 0;}
    .evCon1 .result_rank .popbtn{}
    .evCon1 .result_rank ul{height: 40vw;}
    .evCon1 .result_rank ul li i{font-size: 18px;}
    .evCon1 .result_rank ul li .bar_wrap{height: 100%;}
    .evCon1 .result_rank ul li .bar_wrap .bar{}
    .evCon1 .result_rank .tit {bottom: -26vw;padding: 0 6%;}
    .evCon1 .result_rank .tit i { width:12%; font-size:2.8vw; }
    .evCon1 .result_rank .tit img {width: 90%;}




    /* evCon1 popup */
    #layerPop .content_area .content_inner .slick-prev {left: 5%;}
    #layerPop .content_area .content_inner .slick-next {right: 5%;}
    [class*=mg_popup_wrap] .content_area{border-radius: 5px;}
    [class*=mg_popup_wrap] .content_area .content_inner{padding: 8% 3%;}
    #layerPop .content_area .content_inner .item img { margin-bottom: 3%; width: 30%; }
    #layerPop .content_area .content_inner .item .hash{font-size: 15px;}
    #layerPop .content_area .content_inner .item b{font-size: 18px;}
    #layerPop .content_area .content_inner .item ul li span{font-size: 15px;}

    .evSection.evCon8{padding: 15% 0;}
    .reason_wrap{margin: 0;/* padding: 30px 0 30px; */}
    .reason_wrap dl{padding: 20px 20px;background-size: 8%;font-size: 3vw;background-position: 96% center;}
    .reason_wrap dl+dl{border-top: 1px solid #c6cedb;}
    .reason_wrap dl dt{padding: 0px 0 0 6%;font-size: 1.0em;}
    .reason_wrap dl dt i{width: 4vw;height: 4vw;line-height: 4vw;font-size: 0.9em;top: 5%;border-radius: 5px;}
    .reason_wrap dl dd{padding: 0 0 0 6%;font-size: 0.85em;}
    .reason_wrap dl dd i{display: inline-block;padding: 10px;background-color: #000;color: #fff;font-style: normal;}
    .reason_wrap + a{}




    /*event*/
    .eventWrap .evSection.ev_share{padding: 20% 0;background-size: 100%;}
    .ev_share .con_tit{padding: 0 10%;margin: 0 0 7%;}
    .ev_share .finish{left: inherit;margin-left: 0;right: 0;top: 0;width: 24%;}
    .ev_share h4 .up{margin: 0 37%;}
    .ev_share:before { height:20px; background:url(https://img.megagong.net/m/2023/0118_angry/bg_event.png) repeat-x top; }
    .ev_share h4 span{margin: 0 8%;}

    .ev_share h5{margin: 0 0 0;font-size: 3vw;}
    .ev_share h5::before{}
    .ev_share h5 span{padding: 0 6%;}
    .ev_share .evBtn_wrap{margin: 0 -1% 10%;}
    .ev_share .evBtn_wrap a{font-size: 2.4vw;padding: 2% 0;width: 48%;margin: 0 1%;}
    .ev_share .evBtn_wrap a i{margin: 0 0 0 10px;}
    .ev_share .evBtn_wrap a i img{width:auto}
    .ev_share .container_info {display: inline-flex; padding: 12px 30px 12px 50px; font-size: 18px} 
    .ev_share .eventBoard{margin: 7% 0 0;}
    .ev_share .shareList ul{padding: 30px 20px;}
    .ev_share .eventBoard .evtBoard_common .evtBoard_inner{padding: 20px 0 20px;}
    .evtBoard_common .board_write .btn_wrap{width: 100%;margin: 10px 0 0;border-radius: 20px;overflow: hidden;}
    .ev_share .eventBoard .shareList ul li dl {display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0 0 0 21%;} 
    .ev_share .eventBoard .shareList ul li dl dt {width: 20%;font-size: 15px;height: 44px;line-height: 44px;} 
    .ev_share .eventBoard .shareList ul li dl dt + dd:nth-of-type(1){margin-left: 1%;}
    .ev_share .eventBoard .shareList ul li dl dd {height: 44px;flex: 1;border-width: 1px !important;font-size: 15px;} 
    .ev_share .evtBoard_common .board_write .btn_wrap a {border-radius: 0;margin-left: 0;width: 100%;padding: 0;border: 0;} 
    .ev_share .btn_wrap ul li{width: calc(50% - 16px);}
    .ev_share .btn_wrap ul li a{padding: 6% 0;height: auto;font-size: 2.6vw;line-height: 1;}
    .ev_share .btn_wrap ul li:nth-of-type(2) a{background:#26b983;color: #fff;}
    .ev_share .btn_wrap ul li a span{padding: 0 11% 0 0;background-size: auto 100%;}
    .ev_share .eventBoard .evtBoard_common .info_wrap.with_tip{position:relative;padding: 10px 0 0;}
    .ev_share .eventBoard .evtBoard_common .info_wrap.with_tip button{margin: 20px auto 0;}


    .ev_share .process {margin: 4% 0 0 0;}
    .ev_share .flow {padding: 5%;border-radius: 15px;}
    .ev_share .flow li{padding: 0 0 0 6%;font-size: 2.5vw;font-weight: bold;}

    .ev_share .flow li:nth-of-type(2){}
    .ev_share .flow li:nth-of-type(3){}
    .ev_share .flow li:nth-of-type(4){}
    .ev_share .flow li+li{margin-top: 4%;}
    .ev_share .flow li span{}
    .ev_share .btns{margin-top: 4%;font-size: 0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
    .ev_share .btns li {width: 49%;margin: 0 0 0;}


    .ev_share .step_wrapper {margin: 0 0 5%;padding: 0;} 
    .ev_share .step_wrapper .step {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;padding: 0;height: 20vw;background-color: #fff;border-radius: 7px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);} 
    .ev_share .step_wrapper .step > img {margin-bottom: 0px} 
    .ev_share .step_wrapper .step .step_title {font-size: 1.6vw;} 
    .ev_share .step_wrapper .step .step_title b {display: inline-block; margin-bottom: 8px; color: #eca517; font-size: 18px; line-height: 1.3; font-weight: normal} 
    .ev_share .step_wrapper .step .step_desc {margin: 4% 0 0;} 
    .ev_share .step_wrapper .step:nth-of-type(1),
    .ev_share .step_wrapper .step:nth-of-type(2) {margin-right: 1%;} 
    .ev_share .step_wrapper .step:nth-of-type(1)::before,
    .ev_share .step_wrapper .step:nth-of-type(2)::before {right: -2vw;width: 3vw;height: 3vw;background-size: 97%;} 
    .ev_share .step_wrapper .step .num{font-size: 1.7vw;}
    .ev_share .step_wrapper .step .num::before {display:none} 
    .ev_share .container_info {display: inline-flex; padding: 12px 30px 12px 50px; font-size: 18px} 
    .ev_share .container_info {margin: 0 0 2%;font-size: 2.6vw;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;padding-left: 19%;} 
    .ev_share .container_info .info .info_title::after { display: none; } 
    .ev_share .container_info .info .noti {font-size: 0.8em;margin: 0 0 0 20px;} 
    .ev_share .goods, .ev_share.share2 .goods{padding: 5% 0 0;margin: 0 0 10%;}
    .ev_share .goods li{margin: 0 0.5%;}
    .ev_share .btns li a{font-size: 17px;padding: 20px 0;}
    .ev_share .goods_slider .slick-slide .item{padding: 0 1vw;}

    /* before */
    .eventWrap .before {padding: 10% 0 0%;} 
    .eventWrap .before h3{margin: 0 4%;}
    .before .txt {margin: 5% 10%;} 
    .before .test_btn {margin: 0 25%;} 
    .before .rabbit{margin: 5vw -1.5vw 0;}
    .before .rabbit img{padding-bottom: 2.5vw;}
    .before .rabbit:before{height: 11.7vw;}
    .fixbn ul{width: 100%;}


    .evCon6{padding: 15% 0;}
    .evCon6 .container_info.ver_dark{width: 100%;}


    .evCon6{padding: 15% 0;}
    .evCon6 h3{margin-bottom: 8%;}
    .evCon6 .gift{width: 100%;margin: 10% 0;}
    .evCon6 .evtBoard_common .board_write .btn_wrap{width: 100%;}
    .evCon6 .evtBoard_common .board_write{padding-right: 0;}

    .evCon7{padding: 15% 0;}
    .evCon7 h3{margin-bottom: 8%;}
    .evCon7 .con_box{margin: 10% auto;width: 100%;}
    .evCon7 .left_wrap{font-size: 18px;width: 55%;}
    .evCon7 .way{width: 100%}
    .evCon7 .btns{margin: 5% auto 8%;width: 70%;}
    .evCon7 .btns li + li{margin-left: 3%;}
    .evCon7 .evtBoard_common .board_write .btn_wrap{width: 100%;}
    .evCon7 .evtBoard_common .board_write{padding-right: 0}
    .evCon7 .eventBoard .evtBoard_common .info_wrap{}
    .evCon7 .eventBoard .evtBoard_common .info_wrap button{font-size: 14px;}
    /* quiz */
    .quiz {padding: 0 0 15%;} 
    .quiz .copyright {left: auto;top: 0.5%;margin-left: 0;right: 2%;width: 15%;} 
    .quiz .con_tit {margin-bottom: 8%; } 

    /* quiz */
    .subjSelect_wrap{padding: 0 0 20%;}
    .subjSelect_wrap .con_tit, .after .con_tit{padding: 0 10%;margin: 0 0 7%;}
    .subjSelect_wrap .explain{padding: 40px 0;font-size: 18px;margin: 0 0 30px;}
    .subjSelect_wrap .explain strong{font-weight:900}
    .subj_wrap{margin: 0 0;padding: 62px 0 0;}
    .subj_wrap.subj_after{margin-bottom: 20px;}
    .subj_wrap .point{}
    .subj_wrap .item{}
    .subj_wrap .item a{font-size: 18px;padding: 15px 0;}
    .subj_wrap.subj_after .item{}
    .subj_wrap.subj_after .item a{}
    .subj_wrap.subj_after .item.on a{}
    .quiz {} 
    .quiz .quiz_zone{margin: 0;}
    .quiz .quiz_zone .qstn_con .answer.txt li { width: 49%; } 
    .quiz .quiz_zone .qstn_con .answer.txt li:first-child { margin: 0 1% 2% 0; } 
    .quiz .quiz_zone .qstn_con .next { padding: 0 15%; display: block; } 
    .quiz .quiz_zone .qstn_con .question {margin: 7% 0 20px;} 
    .quiz .quiz_zone .qstn_con .question_img{
    display: block;
    margin: 0 0 30px;
}
    .quiz .quiz_zone .qstn_con .question span { font-size:18px; margin-top:2vw; }
.quiz .quiz_zone .qstn_con .answer.order li a span, .quiz .quiz_zone .qstn_con .answer.order li p span{
    /* display: block; */
}
.quiz .quiz_zone .qstn_con .answer.order li a span b, .quiz .quiz_zone .qstn_con .answer.order li p span b{
    width: 17vw;
}
.quiz .quiz_zone .qstn_con .answer.order li a span b:nth-of-type(2), .quiz .quiz_zone .qstn_con .answer.order li p span b:nth-of-type(2){
}
.quiz .quiz_zone .qstn_con .answer.order li a span b:nth-of-type(3), .quiz .quiz_zone .qstn_con .answer.order li p span b:nth-of-type(3){
}
.quiz .quiz_zone .qstn_con .answer.order li.views{padding: 0 22% 0 25%;font-size: 23px;} 
.quiz .quiz_zone .qstn_con .answer.order li.views span{
    width: 17vw;
} 
.quiz .quiz_zone .qstn_con .answer.order li.views span:nth-of-type(2){
}
.quiz .quiz_zone .qstn_con .answer.order li.views span:nth-of-type(3){
}

    .quiz .quiz_zone .qstn_con .answer.dot { position:relative; width:80%; height:20vw; margin:auto; }
    .quiz .quiz_zone .qstn_con .answer.dot li { width:10vw; height:10vw; }
    .quiz .quiz_zone .qstn_con .answer.dot li a { font-size:4vw; }
    .quiz .quiz_zone .qstn_con .answer.dot li:first-child { top:15vw; left:6vw; }
    .quiz .quiz_zone .qstn_con .answer.dot li:nth-child(2) { top:5vw; left:24%; }
    .quiz .quiz_zone .qstn_con .answer.dot li:nth-child(4) { top:5vw; right:24%; }
    .quiz .quiz_zone .qstn_con .answer.dot li:last-child { top:15vw; right:6vw; }




    /* after */
    .after {padding: 0 0 15%;} 
    .after .copyright {left: auto;top: 0.5%;margin-left: 0;right: 2%;width: 15%;} 
    .after .con_tit {} 
    .after .result{margin: 0;}
    .after .result .tit{font-size: 20px;padding: 20px 0 0;}
    .after .tip {margin: 5% auto;} 
    .after .solution{margin: 0 auto 10%;font-size: 17px;}

    .after .link_wrap ul {} 
    .link_wrap .sns li{width: 23.3%;margin: 0 4%;} 
    .link_wrap .btn li+li {margin-top: 10px;} 
    .evMain .imgBox a, .link_wrap .btn li a{font-size: 17px;padding: 20px 0;}
    .link_wrap .btn li:nth-of-type(3) a img, .link_wrap .btn li:nth-of-type(4) a img{width: 15px;margin: 0 7px 0 0;}
    .after .link_wrap .btn {margin: 0 0 20%;}
    .after .link_wrap .btn + .btn {margin: 3% 14% 0;} 

    .link_wrap .sns {margin: 0 21% 12%;}
    .link_wrap .btn{margin: 2% 15% 0;}
    .link_wrap .btn + .btn{/* margin-top:10px; */}


    .tip_wrap{padding: 0 0 0;}
    .tip_wrap h4{font-size: 28px;margin-bottom: 8%;}
    .tip_wrap ul{margin: 0;}
    .tip_wrap ul li{/* width: 19.5%; *//* margin-right: 0.5%; */}
    .tip_wrap ul li a{padding: 4% 55% 4% 7%;}
    .tip_wrap ul li a i{top: 5vw;right: 5%;width: 11%;}








}






@media (max-width: 992px){












    .clickPop { padding: 15px 0 20px; } 
    .dim_popup.sns .tit { font-size:22px } 
    .dim_popup.sns table { font-size:12px } 

    .quiz .quiz_zone .qstn_con .question {font-size: inherit;} 
    .quiz .quiz_zone .qstn_con .question.line1 { padding: 25.9px 0px; } 

    .quiz,.after { background-size: 240% auto; } 

    .ev_share .step_wrapper .step .step_title b {font-size: 16px; letter-spacing: -1px} 
    .ev_share .step_wrapper .step .step_desc {font-size: 12px} 
    .ev_share .container_info {width: auto;display: inline-flex;} 







}


@media (max-width: 768px){







    .pc_view{display: none;}
    .mo_view{display: block;}



    /*evMain*/
    .evMain .imgBox a {}
    .evMain .imgBox a img { margin-left:1vw; height:3vw; }



    /*evCon1 - type*/
    .evCon1 .result_rank{/* margin-top: 12%; */}
    .evCon1 .result_rank .point_tit{font-size: 20px;}
    .evCon1 .result_rank .popbtn{}
    .evCon1 .result_rank ul{}
    .evCon1 .result_rank ul li .bar_wrap{}
    .evCon1 .result_rank ul li .bar{/* border-radius: 9px; */}
    .evCon1 .result_rank ul li i{font-size: 15px;font-weight: 900;}  

    #layerPop .content_area .content_inner .item ul li span{font-size: 13px;padding-left: 5px;}
    #layerPop .content_area .content_inner .item ul li span::before{top:0}
    .mfp-auto-cursor .mfp-content { width:90%; }
    .mfp-zin.mfp-ready .z-anim { padding:0; }
    [class*=mg_popup_wrap] button.mfp-close, [class*=mg_popup_wrap] .mg_popup_close, [class*=mg_popup_wrap] button.mfp-arrow { right:0; }





    /*event*/
    .ev_share h4:before { top:3vw; }
    .ev_share h4{}
    .ev_share h4 .up{margin: 0 34%;}
    .ev_share h4 span {margin: 0 -4%;}
    .ev_share .goods{display: flex;flex-direction: row;flex-wrap: wrap;}
    .ev_share .goods li {width: 48%;/* min-width:210px; */margin: 0 1% 2%;flex: none;}
    .ev_share .goods li:first-child {/* display:block; *//* margin:3% auto; */}
    .ev_share .process .btns li {}
    .ev_share .eventBoard > a {display: inline-block; width: 70%} 
    .ev_share .eventBoard > a:first-of-type {margin-bottom: 3vw} 
    .ev_share .eventBoard > a > img {width: 100%} 
    .ev_share .step_wrapper {flex-direction: column; margin-bottom: 3vw} 
    .ev_share .step_wrapper .step {flex: initial;width: 100%;height: auto;padding: 26px 0;} 
    .ev_share .step_wrapper .step:nth-of-type(1), 
    .ev_share .step_wrapper .step:nth-of-type(2) {margin-right: 0; margin-bottom: 15px} 
    .ev_share .step_wrapper .step:nth-of-type(1)::before, 
    .ev_share .step_wrapper .step:nth-of-type(2)::before {top: initial; right: initial; left: 50%; bottom: -27px; transform: translate(-50%, 0) rotate(90deg)} 
    .ev_share .step_wrapper .step img {width: 43%} 
    .ev_share .step_wrapper .step br:nth-of-type(2){display:none}
    .ev_share .step_wrapper .step .step_title {margin-top: 0 !important;} 
    .ev_share .step_wrapper .step .step_desc {margin-top: 5px} 
    .ev_share .container_info {width: 100%;margin: 0vw 0 1vw 0;padding-left: 12%;padding-right: 0;} 
    .ev_share .container_info .info{margin-right:0;text-align: left;align-items: flex-start;}
    .ev_share .container_info .info + .info{margin-top: 5px;}
    .ev_share .eventBoard .shareList ul li dl {padding: 0;display: flex;flex-direction: row;flex-wrap: wrap;} 
    .ev_share .eventBoard .shareList ul li dl dt {position: relative;width: 100%;margin: 0 0 10px;} 
    .ev_share .eventBoard .shareList ul li dl dt + dd:nth-of-type(1){margin-left: 1%;}
    .ev_share .eventBoard .shareList ul li dl dd {height: 44px;flex: 1;border-width: 1px !important;font-size: 15px;} 


    .ev_share .goods_slider {margin: 7% -3% 0;}
    .ev_share .goods_slider .slick-dots {text-align: center;font-size: 0;padding: 10px 0 0;}
    .ev_share .goods_slider .slick-dots li {display: inline-block;padding: 0 2px;}
    .ev_share .goods_slider .slick-dots li button {display: block;width: 6px;height: 6px;font-size: 0;-webkit-border-radius: 100%;border-radius: 100%;background: #c7c7c7;}
    .ev_share .goods_slider .slick-dots li.slick-active button {background: #837d95;}
    .ev_share .goods_slider .slick-slide{margin: 0 10px;opacity: 0.5;}
    .ev_share .goods_slider .slick-slide.slick-current{opacity: 1;}
    .ev_share .goods_slider .slick-slide .item{padding: 0;background-color: #f2f3f5;border-radius: 10px;}


    .evCon6 .gift,.evCon6 .radio_list{flex-wrap: wrap;padding: 8% 0 3%;justify-content: center;}
    .evCon6 .gift li:nth-child(1){margin: 0 30% 5%;}
    .evCon6 .gift li{width: 40%;}
    .evCon6 .radio_list li{width: 33.3333%;border-style: dotted;margin-bottom: 5%;}
    .evCon6 .radio_list li:nth-child(3){border: 0;}
    .evCon6 .radio_list li label{font-size: 15px;margin-bottom: 5px;}
    .evCon6 .radio_list li .txt{font-size: 14px;}

    .evCon7 .con_box{display: block;}
    .evCon7 .left_wrap{font-size: 15px;margin-bottom: 5%;width: 100%;}
    .evCon7 .left_wrap ul li span:nth-of-type(1){width: 100px;padding-left: 10px;}
    .evCon7 .left_wrap ul li span:nth-of-type(1):before{top: 5px;height: 10px;}
    .evCon7 .gift{margin: 0 20%;}
    .evCon7 .way li{overflow: hidden;border-radius: 5px;border: 1px solid;}
    .evCon7 .way li:nth-child(2){margin:0 1%}
    .evCon7 .way li img{margin: -4% 0 -5% -23%;width: 150%;max-width: 150%;}
    .evCon7 .btns{width: 90%;}

    .quiz .quiz_zone .qstn_con .question {font-size: 20px;} 
    .quiz .quiz_zone .qstn_con .question.line1 { padding: 18.9px 0; } 

    .quiz .quiz_zone .qstn_con .answer li {margin-bottom: 15px;} 
    .quiz .quiz_zone .qstn_con .answer li a, .quiz .quiz_zone .qstn_con .answer li p {font-size: 17px;} 
    .quiz .quiz_zone .qstn_con .next img { width: 100%; } 


    .tip_wrap h4{font-size: 24px;}
    .tip_wrap ul li{/* width: 30%; *//* margin: 0; */margin: 0 0 15px;}
    .tip_wrap ul li a{padding: 4% 35% 4% 10%;}
    .tip_wrap ul li a i{width: 15%;top: 4vw;}










}







@media (max-width: 576px){










    .fix_menu.fixed{}
    .fix_menu li{width: 50%;}
    .fix_menu li:nth-of-type(2){}
    .fix_menu li a{font-size: 4.3vw;letter-spacing: -0.1em;height: 16vw;}
    .fix_menu li i.point{left: 2%;top: 50%;transform: translateY(-50%);width: 11vw;height: 10vw;background-size: 100% 100%;line-height: 1.1;}
    .fix_menu li a .num{font-size: 2.6vw;margin: 0 0 2px;display: none;}
    .fix_menu li i{width: 12vw}
    .fix_menu li i.end{margin: 5% 0 0 0;left: inherit;right: 0;width: 28%;}

    .eventWrap .con_tit{padding: 0 15%;}
    .evMain h3{padding: 0 6%;}
    .evMain .intro {}

    .evMain .intro::before{bottom: 38%;left: 1%;width: 14%;}
    .evMain .intro::after{bottom: 12%;left: 84%;width: 36%;height: 37vw;background-size: 100%;}
    .evMain .intro.nodate::after{bottom: 20%;}
    
    .evMain .intro li{position: relative;border: 2px solid #000;font-size: 4.2vw;}
    .evMain .intro li img{display:none}
    .evMain .intro li.info img{display:block}
    .evMain .intro .name{width: 100%;padding: 0 0 0 30%;}
    .evMain .intro .date{width: 100%;padding: 0 0 0 30%;margin: 2% 0 0;}
    .evMain .intro strong{height: 8vw;}
    .evMain .intro span{height: 8vw;}
    .evMain .intro .name strong{width: 30%;}
    .evMain .intro .name span{}
    .evMain .intro .date strong{width: 30%;}
    .evMain .intro .date span{}
    .evMain .intro .info{margin: 2% 0 0;padding: 0 3%;}
    .evCon1 .result_rank{/* margin-top: 12%; */padding: 0 0 34%;}
    .evCon1 .result_rank .point_tit{font-size: 20px;}
    .evCon1 .result_rank .popbtn{}
    .evCon1 .result_rank ul{}
    .evCon1 .result_rank ul li .bar_wrap{}
    .evCon1 .result_rank ul li .bar{/* border-radius: 9px; */}
    .evCon1 .result_rank ul li i{}  
    .evCon1 .result_rank{/* margin-top: 12%; */}
    .evCon1 .result_rank .point_tit{font-size: 15px;margin: 0 0 30px;}
    .evCon1 .result_rank .popbtn{}
    .evCon1 .result_rank ul{}
    .evCon1 .result_rank .tit img{width: 96%;}
    .evCon1 .result_rank .tit{padding: 0 2%;bottom: -30vw;}
    .evCon1 .result_rank ul li .bar_wrap{width: 50%;}
    .evCon1 .result_rank ul li .bar{/* border-radius: 9px; */}
    .evCon1 .result_rank ul li i{font-size: 14px;top: -20px;}  
    .evCon1 .tiny_noti{font-size:11px}
    .reason_wrap dl{padding: 20px 5px;background-size: 39px;background-position: 98% center;}
    .reason_wrap dl+dl{border-top: 1px solid #c6cedb;}
    .reason_wrap dl dt{font-size: 15px;padding: 2px 0 0 28px;margin: 0 0 6px 0px;}
    .reason_wrap dl dt i{width: 20px;height: 20px;font-size: 13px;line-height: 19px;font-weight: bold;}
    .reason_wrap dl dd{font-size: 13px;margin: 0;padding: 0;}
    .reason_wrap dl dd i{display: inline-block;padding: 10px;background-color: #000;color: #fff;font-style: normal;}
    .reason_wrap + a{width: 21%;}
    /*fixed button*/
    .btn_mobile { bottom:55px; }
    .btn_mobile a {height: 60px;}
    .btn_mobile a span { font-size:17px; }
    .btn_mobile a img { height:22px; margin-left:5px; }

    .eventWrap .evMain h2 img:last-child { width:200%; max-width:200%; margin-left:-50%; }

    .dim_popup.sns { width:90% } 


    .before .copyright { width: 24%; margin: 0 auto; } 
    .evCon5 .result_rank b{font-size: 20px;}

    .evCon6 .radio_list li img{width: 70%;}
    .evCon6 .radio_list li label{font-size: 13px;}
    .evCon6 .radio_list li .txt{font-size: 12px;}
    .evCon6 .eventBoard .evtBoard_common .board_wrap{padding:5% 3% ;}
    .evCon6 .img_info{width: 20%;margin-right: 5%;}
    .evCon6 .comment_wrap{width: 80%;}
    .quiz .quiz_zone .qstn_con .question {font-size: 15px;} 
    .quiz .quiz_zone .qstn_con .question.line1 { padding: 15.4px 0; } 
    .quiz .quiz_zone .qstn_con .answer li a, .quiz .quiz_zone .qstn_con .answer li p {} 
    .quiz .quiz_zone .qstn_con .answer.txt li { height: 70px; } 
    .quiz .quiz_zone .qstn_con .question span { font-size:12px; }
    .subjSelect_wrap .explain{font-size: 14px;padding: 30px 0;}
    .subj_wrap .item a{font-size: 15px;}
    .subj_wrap .point{font-size:14px}
    .quiz .quiz_zone .qstn_con .time{}
    .quiz .quiz_zone .qstn_con .time .num{font-size: 13px;padding: 5px 30px;margin: 0 0 20px;}
    .quiz .quiz_zone .qstn_con .time a {
    width: 27px;
    height: 27px;
    margin: -2px 0 0 -90px;
    border-radius: 25px;
} 
.quiz .quiz_zone .qstn_con .time a::before{border-width: 2px 0 0 2px;width: 6px;height: 6px;margin: -4px 0 0 -3px;} 
    .quiz .quiz_zone .subjinfo_wrap{}
    .quiz .quiz_zone .subjinfo_wrap h5{padding: 13px 0;font-size: 15px;font-weight: bold;}
    .quiz .quiz_zone .subjinfo_wrap .info{}
    .quiz .quiz_zone .subjinfo_wrap .info li{}
    .quiz .quiz_zone .subjinfo_wrap .info li strong{height: 40px;}
    .quiz .quiz_zone .subjinfo_wrap .info li span{height: 40px;}
    .quiz .quiz_zone .subjinfo_wrap .info li:nth-of-type(4) span{width: 100%;}
    .quiz .quiz_zone .qstn_con .answer {margin: 0 0 30px;} 
    .quiz .quiz_zone .qstn_con .answer li {margin-bottom: 10px;} 
    .quiz .quiz_zone .qstn_con .answer.txt li { display: inline-table; margin: 0 auto; vertical-align: top; } 
    .quiz .quiz_zone .qstn_con .answer.txt li p { display: table-cell; vertical-align: middle; } 
    .quiz .quiz_zone .qstn_con .answer li a, .quiz .quiz_zone .qstn_con .answer li p {font-size: 14px;padding: 8px 15px;text-align: left;} 
    .quiz .quiz_zone .qstn_con .answer li a i{position: absolute;top: 0;left: 0;} 
    .quiz .quiz_zone .qstn_con .answer.txt li:first-child { margin: 0 20px 30px 0; } 
    .quiz .quiz_zone .qstn_con .answer li a:hover, .quiz .quiz_zone .qstn_con .answer li a:active , .quiz .quiz_zone .qstn_con .answer li p:hover, .quiz .quiz_zone .qstn_con .answer li p:active { background:#0082ff; color:#fff; } 
    .quiz .quiz_zone .qstn_con .answer li a:hover input, .quiz .quiz_zone .qstn_con .answer li a:active input , .quiz .quiz_zone .qstn_con .answer li p:hover input, .quiz .quiz_zone .qstn_con .answer li p:active input { color: #fff; border-color: #fff; } 
    .quiz .quiz_zone .qstn_con .answer li a span , .quiz .quiz_zone .qstn_con .answer li p span {/* display: table-cell; *//* vertical-align: middle; */padding: 0 0 0 18px;} 
    .quiz .quiz_zone .qstn_con .answer li a input , .quiz .quiz_zone .qstn_con .answer li p input { display: block; width: 80%; margin: 0 auto; background: none; border-width: 0 0 2px 0; height: 35px; text-align: center; font-size: 17px; } 
    .quiz .quiz_zone .qstn_con .answer li a .under, .quiz .quiz_zone .qstn_con .answer li p .under {border-bottom: 2px solid #000;}
    .quiz .quiz_zone .qstn_con .answer li a:hover .under, .quiz .quiz_zone .qstn_con .answer li a:active .under, .quiz .quiz_zone .qstn_con .answer li p:hover .under, .quiz .quiz_zone .qstn_con .answer li p:active .under{border-color: #fff;} 

    .quiz .quiz_zone .qstn_con .answer.dot { position:relative; width:80%; height:20vw; margin:auto; }
    .quiz .quiz_zone .qstn_con .answer.dot li { width:140px; height:140px; margin:0; position:absolute; }
    .quiz .quiz_zone .qstn_con .answer.dot li a { border-radius:50%; background:#222; color:#fff; font-size:54px; }
    .quiz .quiz_zone .qstn_con .answer.dot li:first-child { top:135px; left:0; }
    .quiz .quiz_zone .qstn_con .answer.dot li:nth-child(2) { top:60px; left:20%; }
    .quiz .quiz_zone .qstn_con .answer.dot li:nth-child(3) { text-align:center; position:static; margin:auto; }
    .quiz .quiz_zone .qstn_con .answer.dot li:nth-child(4) { top:60px; right:20%; }
    .quiz .quiz_zone .qstn_con .answer.dot li:last-child { top:135px; right:0; }
.quiz .quiz_zone .qstn_con .answer.order li a, .quiz .quiz_zone .qstn_con .answer.order li p{
    text-align: center;
}
    .quiz .quiz_zone .qstn_con .answer.order li.views{
    font-size: 18px;
    padding: 0 21% 0 26%;
}

    .after .tip {color: #5e524c;font-size: 16px;margin: 0 auto 60px;} 
    .after .tip strong{font-size: 14px;padding: 10px 0 0;} 

    .after .result .tit{font-size: 16px;}
    .after .result{
    overflow: hidden;
    border: 2px solid #000;
    border-radius: 15px;
}
    .after .result img{
    max-width: 120%;
    width: 110%;
    margin: -2px 0 -2px -5%;
}
    .after .tip {font-size: 12px;margin: 0 0 40px;} 
    .tip_wrap h4{font-size: 20px;}
    .tip_wrap .kakao_btn .tiny_noti{font-size: 13px;}
    .after .solution{padding: 22px 0;font-size: 13px;font-weight: bold;}
    .evMain .imgBox{margin:6% 0 0}
    .evMain .imgBox a, .link_wrap .btn li a, .ev_share .btns li a{font-size: 14px;padding: 15px 0;}
    .evMain .imgBox a.test_btn{margin-top: 10px;}

    .evCon7 .eventBoard .evtBoard_common .info_wrap{position: relative;right: auto;}
    .evCon7 .eventBoard .evtBoard_common .info_wrap button{font-size: 12px;}

    .ev_share .con_tit{padding: 0 5%;}
    .ev_share h4 .up{margin: 0 37%;}
    .ev_share h4 span {margin: 0 0%;}
    .ev_share .eventBoard .shareList ul li dl{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;padding-left: 0;}
    .ev_share .eventBoard .shareList ul li dl dt{width: 100%;margin: 0 0 5px 4px;border-radius: 3px;height: 32px;line-height: 32px;font-size: 14px;}
    .ev_share .eventBoard .shareList ul li dl dd{font-size:13px}
    .ev_share .eventBoard .shareList ul li dl dd br{display:block}
    .ev_share .eventBoard .evtBoard_common .evtBoard_inner{/* padding: 10px; */}
    .ev_share .evtBoard_common .board_write .btn_wrap a{height: 45px;line-height: 45px;font-size: 15px;}
    .ev_share .evtBoard_common .info_wrap ul li{font-size: 12px;}
    .ev_share .eventBoard .evtBoard_common .info_wrap.with_tip button{font-size: 13px;}
    .ev_share .shareList ul{padding:7% 3%}
    .ev_share .eventBoard .shareList ul li dl.naver dd{width: 29.3% !important;}
    .ev_share .eventBoard .shareList ul li dl.naver dd:nth-of-type(4),
    .ev_share .eventBoard .shareList ul li dl.naver dd:nth-of-type(5){width: 49% !important;}
    .ev_share .step_wrapper .step {padding: 20px 0;} 
    .ev_share .step_wrapper .step:nth-of-type(1),.ev_share .step_wrapper .step:nth-of-type(2) {margin: 0 0 5px 0;} 
    .ev_share .step_wrapper .step:nth-of-type(1)::before, .ev_share .step_wrapper .step:nth-of-type(2)::before {width: 24px;height: 24px;bottom: -16px;} 
    .ev_share .step_wrapper .step img {width: 80%;} 
    .ev_share .step_wrapper .step:nth-of-type(1) br:nth-of-type(3){display:none}
    .ev_share .step_wrapper .step .step_title {font-size: 14px;} 
    .ev_share .step_wrapper .step:nth-of-type(1) .step_title br{display:none} 
    .ev_share .step_wrapper .step:nth-of-type(3) .step_desc br{display:none}
    .ev_share .goods{padding: 7% 0 0;}
    .ev_share .container_info {/* margin: 0; */width: 100%;font-size: 3.8vw;} 
    .ev_share .container_info .info .info_title::after { display: none; } 
    .ev_share .container_info .info .noti {font-size: 0.9em;margin: 0;} 
    .ev_share .container_info .info .info_date{display: flex;flex-direction: column;align-items: flex-start;}
    .ev_share h5{font-size: 4.7vw;}
    .ev_share h5 span{font-size: inherit;}
    .ev_share .flow{}
    .ev_share .flow li{font-size: 3.5vw;padding: 5px 0 10px 35px;background-position: 0 0;background-size: 27px;}
    .ev_share .flow li+li{}
    .ev_share .goods_slider .slick-slide {margin: 0 5px;}
    .ev_share .goods_slider .slick-slide .item{padding: 0 10vw;}

    [class*=mg_popup_wrap] .b_tit{font-size: 18px;}
    .mg_tb_form th, .mg_tb_form td{height: 30px;font-size: 12px;}
    [class*=mg_popup_wrap] button.mfp-close, 
    [class*=mg_popup_wrap] .mg_popup_close, 
    [class*=mg_popup_wrap] button.mfp-arrow{width: 25px;height: 25px;background-position: center;top: -33px;}
    .mg_popup_wrap .tiny_noti{font-size: 11px;}
    .dim_popup.sns .btnConfirm{width: 80px;margin: 20px auto 0;}
    .dim_popup.sns .tit{font-size: 18px;}








}