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



/*evMain*/
.evMain { width:100%; height:1010px; background:url(https://img.megagong.net/m/2023/0118_angry/bg_main.png) no-repeat center; background-size:cover; }
.evMain h2 { margin-top:100px; }
.evMain .imgBox { margin-top:50px; position:relative; }
.evMain .imgBox a { display:block; position:absolute; bottom:-50px; left:50%; transform:translateX(-50%); width:450px; height:90px; line-height:90px; border-radius:45px; text-align:center; color:#fff; background:#0082ff;  font-size:32px; font-weight:700; z-index:1; }
.evMain .imgBox a img { margin-left:30px; }
.evMain .imgBox a.toggleImg { background:#0082ff; }
.evMain .imgBox a.toggleImg.on { background:#f4a04e; }
.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_wrap { display: flex;width: 1000px;justify-content: space-between;margin: 0 auto;}
.evCon1 .result_wrap > div { width: 48%;border: 5px solid #222;border-width: 5px 0; text-align:center;}
.evCon1 .result_card { padding: 35px 0 15px;}
.evCon1 .result_card b { font-size: 28px; color: #0082ff; font-weight:900; }
.evCon1 .result_card p { font-size: 20px;font-weight: 900; margin-top:5px; }
.evCon1 .result_card span { display:block;margin-top: 20px;}
.evCon1 .result_card .txt { font-size:18px; color:#222; font-weight:700; }
.evCon1 .result_card .txt span { color:#888; display:block; }


.evCon1 .result_list { padding: 20px 0;}
.evCon1 .result_list ul { display:table; width:100%; height:100%;  }
.evCon1 .result_list ul li { display:table; width:100%; height:33.333%; }
.evCon1 .result_list ul li div { display:table-cell; vertical-align:middle;  }
.evCon1 .result_list ul li p { background:#f0f0f0;border-radius:30px;padding: 14px 40px;position: relative;font-size: 24px; overflow:hidden; }
/* .evCon1 .result_list li { display:flex; flex-direction:column; justify-content:space-between;  background:#f0f0f0;border-radius:30px;padding: 14px 40px;position: relative;font-size: 24px;}
.evCon1 .result_list li:nth-child(2) {margin: 40px 0;}
.evCon1 .result_list li:nth-child(2):before {content:'';display:block;position: absolute;top: -20px;left: 0;width: 100%;height: 1%;background: #222;}
.evCon1 .result_list li:nth-child(2):after {content:'';display:block;position: absolute;bottom: -20px;left: 0;width: 100%;height: 1%;background: #222;} */

.evCon1 .result_list li b { float:left; }
.evCon1 .result_list li span {font-weight: 900; float:right; }
.evCon1 .result_rank{margin-top: 100px;border: 5px solid #222;border-radius: 15px; text-align:center; }
.evCon1 .result_rank b{position: relative;background: #222;color: #fff;display: block;font-size: 34px;padding: 27px 0;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.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;}
.evCon1 .result_rank ul{padding: 55px 45px;}
.evCon1 .result_rank ul > li{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.evCon1 .result_rank ul li .bar_wrap{width: 64%;display: inherit;height: 30px;align-items: center;}

.evCon1 .result_rank ul li .bar_wrap.color1 .bar { background:#a9e2fd; }
.evCon1 .result_rank ul li .bar_wrap.color2 .bar { background:#ffec6f; }
.evCon1 .result_rank ul li .bar_wrap.color3 .bar { background:#f6a557; }
.evCon1 .result_rank ul li .bar_wrap.color4 .bar { background:#e53d3d; }
.evCon1 .result_rank ul li .bar_wrap.color5 .bar { background:#565656; }




.evCon1 .result_rank ul li .bar{display: block;border-radius: 30px;height: 100%;}
.evCon1 .result_rank ul li i{font-style: normal;font-size: 20px;}
.evCon1 .result_rank .tit { overflow:hidden; width:40%; }
.evCon1 .result_rank .tit i { display:inline-block; vertical-align:middle; text-align:left; width:40px; font-size:20px; font-weight:900; color:#222; }
.evCon1 .result_rank .tit img { display:inline-block; vertical-align:middle; }
.evCon1 .tiny_noti{text-align: right;margin-top: 10px; color:#787878; font-size:11px; }



/* 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: 2px solid #303030;}

/* */
.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 */
.quiz { background:#fff6ec url(https://img.megagong.net/m/2023/0118_angry/quiz_bg.png) no-repeat; background-position-y: top !important; padding: 340px 0 150px; } 
.quiz .copyright {position: absolute;left: 50%;top: 20px;margin-left: 450px; display:none;} 
.quiz .con_tit {margin-bottom: 75px;} 
.quiz .quiz_zone .qstn_con .time { height: 30px; width: 768px; margin: 0 auto; display: flex; justify-content: space-between; } 
.quiz .quiz_zone .qstn_con .time a { vertical-align: top; display: inline-block; border: 3px solid #5e524c; width: 30px; height: 100%; border-radius: 100%; position: relative; } 
.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: 18px; color: #5e524c; } 
.quiz .quiz_zone .qstn_con .time .num strong { font-weight: normal; } 
.quiz .quiz_zone .qstn_con .question_img {margin: 40px 0 0;display: inline-block; overflow:hidden; } 
.quiz .quiz_zone .qstn_con .question { font-size: 40px;font-weight: 700;margin: 70px 0 40px; } 
.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 li { width: 500px;height: 100px;margin: 0 auto 20px; } 
.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 {background: #ffe7cb; display: table;font-size: 23px;color: #333333;font-weight: 700;border-radius: 100px;margin: 0 auto;width: 100%;height: 100%;} 
.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; } 
.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.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 { background:#fff5f2 url(https://img.megagong.net/m/2023/0118_angry/quiz_bg2.png) no-repeat; background-position-y: top !important; padding: 340px 0 0; } 
.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: 15px; margin: 30px auto 50px;} 
.after .p_tit{font-size: 24px;}
.after .p_tit i{margin-right: 15px;display: inline-block;}
.after .p_tit .percent{color: #e53d3d;font-weight: 900;}
.after .solution{margin: 50px auto 150px;}
.after .solution ul li{color: #4b4b4b;font-size: 20px;}
.after .solution ul li.tit{margin-bottom: 12px;}
.after .solution ul li p { margin-bottom:5px; }
.after .solution ul li span{position: relative;padding-left: 15px;}
.after .solution ul li span::before{content: '\00B7';display: block;position: absolute;left: 0;top: 3px;}
.after .solution ul + ul{margin-top: 60px;}

.evCon_link { background:#fff; overflow:hidden; padding:130px 0; }
.evCon_link .link ul { margin: 0 0 65px; } 
.evCon_link .link ul li { display: inline-block; margin: 0 13.5px 0 0; } 
.evCon_link .link .btn a { display: inline-block; } 


.evCon_link .link .btn + .btn { margin: 15px 0 0; } 

.evCon4{padding: 150px 0;background-color: #f3efea;}
.evCon4 h4{font-size: 32px;margin-bottom: 70px;}
.evCon4 ul{display: flex;margin:0 -75px;justify-content: space-between;}
.evCon4 .coupon{margin: 100px auto 50px;}
.evCon4 .coupon .tiny_noti{color: #787878;font-size: 14px;display: block;margin-top: 20px;}
.evCon4 .kakao_btn .tiny_noti{font-size: 18px;color: #787878;margin-top: 30px;display: block;}


.eventBoard .evtBoard_common .board_notice { margin-top:-18px; font-family: 'NotoSans KR';  }
.evtBoard_common .board_notice li { font-size:14px; font-weight:500; }

/*event*/
.evRaffle { background:#d1faff; padding:120px 0 150px; position:relative; opacity:.9999; }
.evRaffle:before { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:20px; background:url(https://img.megagong.net/m/2023/0118_angry/bg_event.png) repeat-x top; z-index:2; }
.evRaffle .finish { position:absolute; top:135px; left:50%; margin-left:380px; max-width:220px; width:20%;  }
.evRaffle .sampleArea { margin:70px auto 0; max-width:950px;  }
.evRaffle .sampleArea .container_info { background:#798d90; color:#fff; padding:15px 30px; }

.evRaffle .container_info .info .info_title::before,
.evRaffle .container_info .info .info_title::after { background:#fff; }
.evRaffle .goods { margin-top:90px; overflow:hidden; }
.evRaffle .goods li { display:inline-block; vertical-align:top; margin:0 15px; }
.evRaffle h4 { margin-top:100px; overflow:hidden; position:relative; }
.evRaffle h4:before { content:""; display:block; width:100%; height:1px; background:#000; position:absolute; top:18px; left:0; z-index:-1; }
.evRaffle h4 span { display:inline-block; z-index:3; font-size:28px; color:#222; font-weight:900; position:relative; z-index:4; background:#d1faff; padding:0 25px; }
.evRaffle .process { margin-top:40px; overflow:hidden; }
.evRaffle .process li { display:inline-block; vertical-align:top; margin:0 15px; }
.evRaffle .btns { margin-top:50px; overflow:hidden; text-align:center; }
.evRaffle .btns li { display:inline-block; vertical-align:top; margin:0 15px;  }

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

.evRaffle .eventBoard .evtBoard_common { background:#baedff; border-radius:0 0 25px 25px; }
.evRaffle .eventBoard .evtBoard_common .info_wrap .tip_list { color:#000; font-weight:700; letter-spacing:-.5px; }
.evRaffle .eventBoard .evtBoard_common .info_wrap .tip_list .red { color:#e43e40; }
.evRaffle .eventBoard .evtBoard_common .info_wrap.with_tip button { color:#0083ff; border-bottom:1px solid #0083ff; }

.evtBoard_common .board_write .inp_wrap textarea, 
.evtBoard_common .board_write .inp_wrap input[type="text"] { height:60px; }
.evtBoard_common .board_write { padding:0 160px 0 0; }
.evtBoard_common .board_write .btn_wrap { width:160px; }
.evtBoard_common .board_write .btn_wrap a { height:60px; line-height:60px; }
.evtBoard_common .board_notice li { color:#2b1f21; opacity:1; }
.evtBoard_common .board_notice li b { color:#df3e44; }

.evRaffle .shareList ul { border-radius:25px 25px 0 0; }
.evRaffle .shareList ul li dl.sns dt { background:#e53d3d; }
.evRaffle .shareList ul li dl.naver dt { background:#22b63e; }
.evRaffle .shareList ul li dl.daum  dt { background:#f5a04f; }
.evRaffle .shareList ul li dl.etc dt { background:#9c9c9c; }
.evRaffle .shareList ul li dl dd { border:2px solid #999; color:#999; }

.evRaffle .btnUrl { color:#0084ff; border-bottom:1px solid #0084ff; font-size:16px; font-weight:500; font-style:normal; letter-spacing:-.5px; position:relative; z-index:5;  }

.btn_mobile { display:none; }

@media screen and (max-width: 1200px){
   #mContainer { min-height: auto !important; } 
   .eventWrap { overflow: hidden; } 

   /*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:#222; }
   .btn_mobile a span { color:#fff; font-size:32px; font-weight:700; display:table-cell; vertical-align:middle;  }

   /*evMain*/
   .eventWrap .evMain h2 img { max-width:100%; }
   .eventWrap .evMain h2 img:last-child { width:160%; max-width:160%; margin-left:-30%; }
   

   .evMain { height:auto; background-size:auto 90%; background-position:center top !important; padding-bottom:10vw; }
   .evMain h2 { margin:15vw 0 0 0; }
   .evMain .imgBox { margin-top:5vw; }
   .evMain .imgBox a { bottom:-6vw; }

   .evMain .mainImg { width:70%; max-width:718px; }

   /*evMain*/
   .evMain .imgBox a { width:40%; height:8.5vw; line-height:8vw; border-radius:4.5vw; font-size:3vw; }
   .evMain .imgBox a img { margin-left:1vw; height:3vw; }
 
   /*evCon1 - type*/
   .evCon1{padding: 15% 0;}
   .evCon1 .result_wrap{width: 100%;}
   .evCon1 .result_card b{font-size: 25px;}
   .evCon1 .result_card p{font-size: 18px;}
   .evCon1 .result_list ul li p {font-size: 20px;}
   .evCon1 .result_rank{margin-top: 12%;}
   .evCon1 .result_rank b{padding: 3% 0;font-size: 28px;}
   .evCon1 .result_rank .popbtn{right: 10px;font-size: 14px;padding: 7px 15px;}
   .evCon1 .result_rank ul{padding: 5%;}
   .evCon1 .result_rank ul li i{font-size: 18px;}

      
   .evCon1 .result_rank .tit { width:150%; max-width:360px; }
   .evCon1 .result_rank .tit i { width:12%; font-size:2.8vw; }
   .evCon1 .result_rank .tit img { width:86%; max-width:312px; }




   /* 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;}




   /*event*/
   .evRaffle { padding:10vw 0; }
   .evRaffle:before { height:20px; background:url(https://img.megagong.net/m/2023/0118_angry/bg_event.png) repeat-x top; }
 
   .eventWrap .evRaffle h3 img { }
   .eventWrap .evRaffle h3 img:nth-child(2) { width:140%; max-width:140%; margin-left:-20%; }

   .evRaffle .finish { top:10vw; left:inherit; margin-left:0; right:0; }
   .evRaffle .sampleArea { margin-top:5vw; } 
   .evRaffle .goods { margin-top:5vw; }
   .evRaffle .goods li { margin:0 2%; width:25%; }
   .evRaffle h4 { margin-top:8vw; }
   .evRaffle h4:before { top:2vw; }
   .evRaffle h4 span { /*font-size:5vw;*/ padding:0 15px; }
   .evRaffle .process { margin-top:3vw; }
   .evRaffle .process li { width:32%; margin:0; }
   .evRaffle .btns { margin-top:3vw; }
   .evRaffle .btns li { width:45%; margin:0 1%; }

   .evRaffle .eventBoard { margin-top:5vw; }
   /* .evRaffle .eventBoard .btn { overflow:hidden; margin-bottom:80px; } */

   .evtBoard_common .board_write .inp_wrap textarea, 
   .evtBoard_common .board_write .inp_wrap input[type="text"] { height:40px; }
   .evtBoard_common .board_write { padding:0; }
   .evtBoard_common .board_write .btn_wrap { width:100%; }
   .evtBoard_common .board_write .btn_wrap a { height:40px; line-height:40px; }
   .eventBoard .evtBoard_common .board_notice { margin-top:5px; }

   .evRaffle .btnUrl { font-size:11px; }



   /* 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 .p_tit{width: 100%;margin-bottom: 8%;}
   .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: 38% 0 15%;} 
   .quiz .copyright {left: auto;top: 0.5%;margin-left: 0;right: 2%;width: 15%;} 
   .quiz .con_tit {margin-bottom: 8%; } 
   .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: 4% 0 6%; } 
   .quiz .quiz_zone .qstn_con .question span { font-size:18px; margin-top:2vw; }


      
   .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: 35% 0 5%;} 
   .after .copyright {left: auto;top: 0.5%;margin-left: 0;right: 2%;width: 15%;} 
   .after .con_tit {margin-bottom: 8%;} 
   .after .result{margin: 0 5%;}
   .after .tip {margin: 5% auto;} 
   .after .p_tit{font-size: 20px;}
   .after .p_tit i{margin-right: 15px;display: inline-block;} 
   .after .solution{margin: 8% auto 10%;}
   .after .solution ul li{font-size: 18px;}
   .after .solution ul + ul{margin-top: 8%;}
   
   .after .link ul {margin: 0 0 8%;} 
   .after .link ul li { display: inline-block; margin: 0 13.5px 0 0; } 
   .after .link .btn {margin: 0 14%;}
   .after .link .btn + .btn {margin: 3% 14% 0;} 

   .evCon_link { padding:10% 0; }
   .evCon_link .link ul { margin:0 0 10%; }

   
   .evCon4{padding: 15% 0;}
   .evCon4 h4{font-size: 28px;margin-bottom: 8%;}
   .evCon4 ul{margin: 0;flex-wrap: wrap;justify-content: center;}
   .evCon4 ul li{width: 19.5%;margin-right: 0.5%;}
   .evCon4 .coupon{margin: 10% 10% 6%;}
   .evCon4 .coupon .tiny_noti{margin-top: 5%;font-size: 12px;}
   .evCon4 .kakao_btn{margin: 0 15%;}
   .evCon4 .kakao_btn .tiny_noti{font-size: 15px;margin-top: 5%;}
   
}

@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: 37px; } 
   .quiz .quiz_zone .qstn_con .question.line1 { padding: 25.9px 0px; } 

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

@media (max-width: 800px){
   .quiz .quiz_zone .qstn_con .time { width: 100%; } 
   .quiz .quiz_zone .qstn_con .time .bar_wrap { width: calc(100% - 80px); } 
   .quiz .quiz_zone .qstn_con .question_img {margin: 4% 5%;} 
}

@media (max-width: 768px){
   .pc_view{display: none;}
   .mo_view{display: block;}

   

   /*evMain*/
   .evMain .imgBox a { width:50%; height:9vw; line-height:9vw; border-radius:5vw; font-size:4vw; }
   .evMain .imgBox a img { margin-left:1vw; height:3vw; }



   /*evCon1 - type*/
   .evCon1 .result_wrap {display: block;}
   .evCon1 .result_wrap > div{width: 100%;border-width: 3px 0;}
   .evCon1 .result_card{margin-bottom: 5%;border-bottom: 0 !important;padding: 3% 0 1%;}
   .evCon1 .result_card b{font-size: 20px;}
   .evCon1 .result_card p{font-size: 14px;}
   .evCon1 .result_card span{margin: 4% 32% 0;}
   .evCon1 .result_list ul li p {font-size: 15px;padding: 10px 7%;}
   .evCon1 .result_rank{margin-top: 12%;}
   .evCon1 .result_rank b{font-size: 24px;}
   .evCon1 .result_rank .popbtn{right: auto;position: relative;top: auto;transform: none;background: #0082ff;width: 50%;font-size: 15px;margin: 0 auto 3%;}
   .evCon1 .result_rank ul{padding: 5%;}
   .evCon1 .result_list ul li { margin:15px 0; }
   .evCon1 .result_rank ul li .bar_wrap{height: 20px;width: 70%;}
   .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*/
   .evRaffle h4:before { top:3vw; }
   .evRaffle h4 span { font-size:4vw; }
   .evRaffle .goods li { display:inline-block; margin:3%; width:40%; /*min-width:210px;*/ }
   .evRaffle .goods li:first-child { display:block; margin:3% auto; }
   .evRaffle .process li { display:inline-block; margin:3%; width:40%;  }

   .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 .p_tit span{width: 30%;}
   .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: 27px; } 
   .quiz .quiz_zone .qstn_con .question.line1 { padding: 18.9px 0; } 
   
   .quiz .quiz_zone .qstn_con .answer li {width: 90%;margin-bottom: 10px;height: 90px;} 
   .quiz .quiz_zone .qstn_con .answer li a, .quiz .quiz_zone .qstn_con .answer li p { font-size: 19px; } 
   .quiz .quiz_zone .qstn_con .next img { width: 100%; } 

   .link ul li { margin: 0 1% 0 0; width: 14%; } 
   .link .btn + .btn { margin: 2% 0 0; } 

   .evCon4 h4{font-size: 24px;}
   .evCon4 ul li{width: 30%;margin: 0;}
   .evCon4 ul li:nth-child(2n){margin: 0 1%;}   
}

@media (max-width: 576px){


   
   /*fixed button*/
   .btn_mobile { bottom:55px; }
   .btn_mobile a { height:70px; }
   .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: 22px; } 
   .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 { font-size: 16.5px; } 
   .quiz .quiz_zone .qstn_con .answer.txt li { height: 70px; } 
   .quiz .quiz_zone .qstn_con .question span { font-size:12px; }
   
   .after .tip { font-size: 13px; } 
   .after .p_tit{font-size: 15px;}
   .after .p_tit i{margin-right: 10px;width: 15%;}
   .after .solution ul li.tit{margin:0 10% 10px ;}
   .after .solution ul li{font-size: 15px;}
   .after .solution ul li span{padding-left: 10px;}
   .evCon4 h4{font-size: 20px;}
   .evCon4 .kakao_btn .tiny_noti{font-size: 13px;}

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

@media (max-width:460px){
   .fixbn ul li {overflow: hidden;}
   .fixbn ul li img{max-width: 230%;margin: -4% 0 -4% -10%;}
   .fixbn ul li:nth-child(1) img{margin-left: -1%;}

   /*evCon1 - type*/
   .evCon1 .result_rank b{font-size: 18px;}

   .quiz .quiz_zone .qstn_con .question { font-size: 15px; margin: 2% 0 3%; } 
   .quiz .quiz_zone .qstn_con .question.line1 { padding: 11.2px 0; } 
   .quiz .quiz_zone .qstn_con .answer li { height: 70px; } 
   .quiz .quiz_zone .qstn_con .answer li a, .quiz .quiz_zone .qstn_con .answer li p { font-size: 13px; } 
   .quiz .quiz_zone .qstn_con .answer.txt li { height: 50px; } 
   

   
   .quiz .quiz_zone .qstn_con .time { height: 22px; } 
   .quiz .quiz_zone .qstn_con .time .num { font-size: 15px; } 
   .quiz .quiz_zone .qstn_con .time a { width: 22px; } 
   .quiz .quiz_zone .qstn_con .answer li { height: 50px; } 
   .quiz .quiz_zone .qstn_con .answer.txt li p input { height: 20px; font-size: 11px; } 
   .after .solution ul li{font-size: 13px;}
   .evCon4 h4{font-size: 18px;}
}