@charset "euc-kr";
.v_pc {display: inline-block;} 
.v_mo { display: none; } 

/* ¸ð¹ÙÀÏ ÃÖÀûÈ­ inner size */
.eventWrap .inner{width: 750px;} 
.eventWrap .con_box{margin: 0 40px;}

/* nav */
.flt_inner{text-align: left;}
.flt_inner.renewal li:last-child{text-align: center;}

.fix_nav { position: absolute; top:0; left:0; width:100%;z-index: 5;} 
.fix_nav ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } 
.fix_nav ul li { width: 50%; } 
.fix_nav ul li:first-child{position: relative;}
.fix_nav ul li:first-child::before{content: '';display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #c2c2c2;height: 60%;width: 1px;}
.fix_nav ul li a {font-size: 20px;padding: 34px 0;line-height: 1;display: block;color: #fff;background: #585858;font-weight: bold;} 

/* before */
.evCon1 {padding: 90px 0 90px;background: url(https://img.megagong.net/m/2023/0914_poten/top_bg.png) no-repeat center;background-position: 0 bottom !important;background-size: auto 100%;} 
.evCon1 h3{position: relative;}
.evCon1 h3::before{content: '';display: block;position: absolute;left: -75px;top: -30px;background: url(https://img.megagong.net/m/2023/0914_poten/con1_cloud1.png) no-repeat center;height: 150px;width: 136px;}
.evCon1 h3::after{content: '';display: block;position: absolute;right: 50px;bottom: -175px;background: url(https://img.megagong.net/m/2023/0914_poten/con1_cloud2.png) no-repeat center;width: 125px;height: 126px;}
.evCon1 h3 span { display: block;;margin-top: 45px;} 
.evCon1 .test_btn {position: relative;z-index: 1;margin: 55px auto 20px;} 
.evCon1 .test_btn.blink img { display: none; margin: 0 auto;} 
.evCon1 .test_btn.blink img.blinking { display: block; } 

.evCon2 {padding: 95px 0 160px;background-color: #fff;} 
.evCon2 .con_tit{font-size: 50px;font-weight: 900;margin-bottom: 50px;}
.evCon2 .result_list {display:flex;justify-content:space-between;align-items: stretch;margin: 0 auto;}
.evCon2 .result_list li{padding: 40px 0 85px;border: 3px solid;border-radius: 20px;width: 49%;position: relative;} 
.evCon2 .result_list li .tit_result{font-size: 26px;font-weight: 900;} 
.evCon2 .result_list li .tit_result span{color: #0098ff;} 
.evCon2 .result_list li + li .tit_result span{color: #ff0090;} 
.evCon2 .result_list li .img p{font-size: 20px;font-weight: 700;}
.evCon2 .result_list li .per{width: 93%;background: #0098ff;margin: 0 auto 0;border-radius: 30px;font-size: 22px;color: #fff;padding: 7px 0;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}
.evCon2 .result_list li + li .per{background: #ff0090;}
.evCon2 .tiny_noti {margin: 10px auto 55px;opacity: 0.6;font-size: 18px;} 
.evCon2 .pop_btn a{display: block;}

/* event */
.event{padding: 150px 0 75px;}
.event1 {background-color: #ffe5f4;} 
.event2 {background-color: #c7e8ff;} 
.event .con_tit{margin-bottom: 50px;}
.event .con_tit i{position: absolute;right: -185px;top: 10px;}
.event .container_info{display: block;padding: 0;text-align: left;border-radius: 0;background: transparent;margin: 0  auto 50px;width: 450px;}
.event .container_info .info{margin: 0 auto 10px;justify-content: flex-start;}
.event .container_info .info .info_title{color: #fff;background: #000;padding: 1px 10px;border-radius: 30px;margin-right: 10px;}
.event .container_info .info .info_title:after,
.event .container_info .info .info_title:before{content:none}
.event .container_info .info .noti{color: #000;}
.event .gift{display: flex;flex-wrap: wrap;margin: 0 auto;justify-content: space-between;}
.event .gift li{margin-bottom: 75px;}

.event2 .btns a{display: block;margin-top: 20px;}
.event2 .shareList{margin-top: 120px;}
.event2 .shareList ul{padding: 40px 20px;border-radius: 20px;}
.event2 .shareList ul li dl{padding: 0 0 0 130px;}
.event2 .shareList ul li dl dt{width: 120px;border-radius: 30px;height: 40px;line-height: 40px;font-size: 16px;}
.event2 .shareList ul li dl dd{width: 120px;border-radius: 30px;height: 40px;line-height: 40px;}
.event2 .shareList ul li dl.sns dt {background-color: #ffd15a;} 
.event2 .shareList ul li dl.naver dt {background-color: #6cde81;} 
.event2 .shareList ul li dl.daum dt {background-color: #3481f7;} 
.event2 .shareList ul li dl.etc dt { background-color: #9c9c9c; } 
.event2 .shareList ul li dl dd {width: 120px;border-color: #cfcfcf !important;color: #93979a !important;border-width: 2px !important;margin: 0 0 0 5px;} 

.event2 .eventBoard .evtBoard_common{margin-top: 20px;}
.event2 .eventBoard .evtBoard_common .evtBoard_inner{padding: 0;}
.event2 .evtBoard_common .board_write{padding-right: 120px;}
.event2 .evtBoard_common .board_write .inp_wrap input{border-top-left-radius: 30px;border-bottom-left-radius: 30px;height: 50px;}
.event2 .evtBoard_common .board_write .btn_wrap{width: 120px;}
.event2 .evtBoard_common .board_write .btn_wrap a{border-top-right-radius: 30px;border-bottom-right-radius: 30px;background: #393f43;height: 50px;line-height: 50px;font-size: 16px;}
.event2 .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list{float: none;}
.event2 .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list{font-size: 14px;letter-spacing: -.09rem;margin-bottom: 30px;}
.event2 .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list li:last-child{color: red;font-weight: 900;}
.event2 .eventBoard .evtBoard_common .info_wrap.with_tip button{float: none;text-align: center;background: #f4fbff;color: #727477;padding: 6px 13px;border-radius: 30px;font-weight: 900;margin: 0 auto;display: block;}

.warningList li ul li span{color:red;}
.warningList .f_dash li .dash{color:#000}
.warningList li ul li a{color:red;font-weight: 900;padding: 0;}

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

.result_pop{display: none;position: fixed;left: 50%;transform: translate(-50%, -50%);top: 50%;width: 100%;z-index: 5;height: 100%;}
.result_pop .dim{position: absolute;left: 0;top:0;background: #000;opacity: 0.8;width: 100%;height: 100%;}
.result_pop .content{width: 650px;z-index: 4;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);padding-top: 40px;}
.result_pop .content a{position: absolute;top: 0;right: 0;}
.result_pop .content ul{background: #fff;}
.result_pop .content ul li{display: table;border-collapse: separate;height: 165px;border-bottom: 1px solid #eaeaea;width: 100%;}
.result_pop .content ul li >*{display: table-cell;vertical-align: middle;}
.result_pop .content ul li .img{width: 233px;}
.result_pop .content ul li .txt{font-size: 15px;background: #f9f9f9;text-align: left;padding: 0 35px;}

/* quiz */
.quiz {position: relative;background: #f6f6f6;background-position: center 0 !important;padding: 0 0 150px;} 
.quiz::before {content:'';position: absolute;top: 0;left: 0;width: 100%;height: 295px;background: #dbe2ff;background-position: center 0;border-bottom: 2px solid;} 
.quiz .con_tit { margin-bottom: 100px; } 
.quiz .quiz_zone .qstn_con .time {height: 30px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;} 
.quiz .quiz_zone .qstn_con .time a {vertical-align: top;display: inline-block;background: #d9d9d9;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%); width: auto !important; } 
.quiz .quiz_zone .qstn_con .time .bar_wrap {position: relative;width: 560px;height: 16px;overflow: hidden;border-radius: 100px;background: #fff;display: inline-block;} 
.quiz .quiz_zone .qstn_con .time .bar_wrap .bar {height: 16px;border-top-right-radius: 30px;border-bottom-right-radius: 45px;} 
.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 {font-size: 28px;font-weight: 700;margin: 60px 0 40px;line-height: 1.3;height: 335px;border: 2px solid;background: #fff;position: relative;border-radius: 20px;} 
.quiz .quiz_zone .qstn_con .question p{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 90%;}
.quiz .quiz_zone .qstn_con .answer li {width: 100%;height: 80px;margin: 0 auto 20px;} 
.quiz .quiz_zone .qstn_con .answer li a, .quiz .quiz_zone .qstn_con .answer li p {background: #fff;display: flex;font-size: 23px;color: #0098ff;border: 2px solid;font-weight: 700;border-radius: 100px;margin: 0 auto;width: 100%;height: 100%;justify-content: center;align-items: center;flex-direction: column;} 
.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:#0098ff; 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; } 

/* after */
.evCon3 { position: relative; background: #f6f6f6; background-position: center 0 !important; } 
.evCon3::before {content:'';position: absolute;top: 0;left: 0;width: 100%;height: 294px;background: #dbe2ff;border-bottom: 2px solid;} 
.evCon3 .inner {padding: 0 0 125px} 
.evCon3 .con_tit {margin-bottom: 100px;} 
.evCon3 .result_box{margin-bottom: 50px;}
.evCon3 .result_box .tip {color: #888;font-size: 16px;margin-top: 30px;} 
.evCon3 .result_box .tip span{color: #0098ff;font-size: 20px;opacity: 1;}
.evCon3 .desc_tit { font-size: 24px; } 
.evCon3 .desc_tit .percent {font-weight: 900;} 
.evCon3 .desc_box {margin: 20px auto 55px;background: #fff;font-size: 22px;padding: 60px 0;border-radius: 20px;box-shadow: 5px 5px 15px 5px #e5e6e8;} 
.evCon3 .desc_box strong{display: block;font-size: 25px;margin-bottom: 20px;}
.evCon3 .link_box{margin: 50px auto 100px;}
.evCon3 .link_box .share {margin-bottom: 50px;display: flex;justify-content: center;} 
.evCon3 .link_box .share li {margin: 0 20px;} 
.evCon3 .link_box .btns li{margin-bottom: 20px;}
.evCon3 .link_box .btns li a {display: block;} 
.evCon3 .link_box .btns li + .btn { margin: 22px 0 0; } 
.evCon3 .honey_box .con_tit { margin: 0 auto 55px; } 
.evCon3 .honey_box ul li { margin-bottom: 20px; } 
.evCon3 .honey_box ul li a {display: flex;padding: 35px 60px;background: #fff;justify-content: space-between;border-radius: 20px;width: 660px;align-items: center;margin: 0 auto;-webkit-box-shadow: 5px 5px 15px 5px #e5e6e8;box-shadow: 5px 5px 15px 5px #e5e6e8;} 

@media screen and (max-width: 1200px) {
    .v_pc.w1200 { display: none; } 
    .v_mo.w1200 { display: block; }

    .fix_nav {position: fixed;} 

    /* before */
    .eventWrap .evCon1 {padding: 0 0 10%;} 
    .eventWrap .evSection.evCon1 {background-size: auto 100%;} 
    .eventWrap .evCon1 h3 {margin: 0 auto;} 
    .evCon1 h3 span { margin: 0 16% } 
    .evCon1 .txt { margin: 0 24%; } 
    .evCon1 .test_btn {margin: 7% 16% 4%;} 

    .evCon2 {padding: 15% 0;} 
    .evCon2 .con_tit{font-size: 45px;margin-bottom: 7%;}
    .evCon2 .pop_btn{margin: 0 16%;}
    .evCon2 .result_list li{}
    .evCon2 .result_list li .tit_result{font-size: 24px;} 
    .evCon2 .result_list li .img p{font-size: 18px;}
    .evCon2 .result_list li .per{font-size: 18px;}
    .evCon2 .tiny_noti {margin: 10px auto 8%;font-size: 15px;} 
    .result_pop .content{width: 90vw;height: 80%;overflow-y: scroll;}

    .event { padding:0 0 15% } 
    .event .con_tit{margin-bottom: 7%;}
    .event .con_tit i{right: 0;top: 0;max-width: 30%;}
    .event2 .btns{margin: 0 14.5%;overflow: hidden;}
    .event2 .btns a{border-radius: 45px;overflow: hidden;}
    .event2 .btns a img{max-width: 150%;width: 140%;margin-left: -20%;}
    .event2 .shareList{margin-top: 15%;}
    .event2 .shareList ul li dl dt { width: 18%; font-size: 18px; } 
    .event2 .shareList ul li dl dd { width: 23.7%; margin: 0 0 0 2%; font-size: 16px; } 
    .event2 .shareList ul li dl dd+dd { margin:0 0 0 1% } 
    .event2 .evtBoard_common .board_write{padding-right: 0;}
    .event2 .evtBoard_common .board_write .inp_wrap input{border-top-left-radius: 0;border-bottom-left-radius: 0;height: 50px;}
    .event2 .evtBoard_common .board_write .btn_wrap{width: 100%;}
    .event2 .evtBoard_common .board_write .btn_wrap a{border-top-right-radius: 0;border-bottom-right-radius: 0;height: 40px;line-height: 40px;font-size: 13px;}    
    .event2 .eventBoard .evtBoard_common .info_wrap.with_tip button{font-size: 12px;}

    /* quiz */
    .quiz { padding: 0 0 15%; } 
    .quiz::before {height: 250px;background-size: auto 100%} 
    .quiz .con_tit { margin-bottom: 8%; padding: 0 13%; } 
    .quiz .quiz_zone .qstn_con .next { padding: 0 15%; display: block; } 
    .quiz .quiz_zone .qstn_con .question {margin: 7% 0;font-size: 22px;height: 230px;} 
    .quiz .quiz_zone .qstn_con .answer li {height: 70px;margin-bottom: 15px;} 
    .quiz .quiz_zone .qstn_con .answer li a, .quiz .quiz_zone .qstn_con .answer li p {font-size: 19px;} 

    /* after */
    .evCon3 { padding: 0; } 
    .evCon3 .inner { padding: 0 0 15% } 
    .evCon3::before {height: 33vw;background-size: auto 100%} 
    .evCon3 .con_tit {margin-bottom: 12%;padding: 0 13%;} 
    .evCon3 .result_box{margin: 0 10% 10%;} 
    .evCon3 .result_box .tip {margin-bottom: 5%;} 
    .evCon3 .desc_tit {font-size: 21px;} 
    .evCon3 .desc_box {margin: 3% auto 10%;font-size: 18px;width: 95%;} 
    .evCon3 .desc_box strong{font-size: 20px;}
    .evCon3 .link_box{margin: 7% 13% 12%;}
    .evCon3 .link_box .share {margin: 0 10% 7%;} 
    .evCon3 .link_box .share li {margin: 0 10px;} 
    .evCon3 .link_box .btns li {margin-bottom: 10px;} 
    .evCon3 .link_box .btns li + .btn { margin: 2% 16% 0; } 
    .evCon3 .honey_box .con_tit {margin: 0 17% 7%;padding: 0;} 
}

@media (max-width: 750px) {
    .v_pc.w750 { display: none; } 
    .v_mo.w750 {display: inline-block;}
    .fix_nav ul li a {font-size: 15px;padding: 25px 0}
    
    /* ¸ð¹ÙÀÏ ÃÖÀûÈ­ inner size */
    .eventWrap .inner{width: 96%;} 
    .eventWrap .con_box{margin: 0 auto;}
    
    .eventWrap .evCon1 h3 {margin: 0 -1% 0 11%;}
    .evCon1 h3::before,.evCon1 h3::after{display: none;}
    .fix_btn{height: 13.4vw;line-height: 13.4vw;font-size: 4vw;color: #fff;background:#000;position: fixed;bottom: 65px;left: 0;width: 100%;Z-INDEX: 2;}
    .fix_btn a{display: block;}


    .evCon2 .con_tit{font-size: 40px;}
    .evCon2 .result_list li .tit_result{font-size: 20px;} 
    .evCon2 .result_list li .img p{font-size: 15px;}
    .evCon2 .tiny_noti {font-size: 13px;} 
    .evCon2 .result_list li{padding: 30px 0 60px;} 
    .evCon2 .result_list li .per{font-size: 15px;padding: 5px 0;}
    .result_pop .content ul li .img{width: 35vw;}
    .result_pop .content ul li .txt{font-size: 13px;padding: 5%;}

    .quiz::before{height: 33vw;}
    .quiz .quiz_zone .qstn_con .question {font-size: 18px;height: 180px;} 
    .quiz .quiz_zone .qstn_con .question.line1 { padding: 25.9px 0px; }     
    .quiz .quiz_zone .qstn_con .answer li {margin-bottom: 10px;height: 60px;} 
    .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%; } 
    .quiz .quiz_zone .qstn_con .time { width: 100%; } 
    .quiz .quiz_zone .qstn_con .time .bar_wrap { width: calc(100% - 80px); } 

    .evCon3 .desc_box {font-size: 15px;padding: 30px 0;border-radius: 5px;} 
    .evCon3 .desc_box strong{margin-bottom: 10px;font-size: 18px;}
    .evCon3 .honey_box ul li a {width: 95%;padding: 5% 8%;border-radius: 10px;} 
    .evCon3 .honey_box ul li a img{width: 70%;}
    .evCon3 .honey_box ul li a img + img{width: 20%;}
    .evCon3 .result_box .tip span{font-size: 14px;}
    .evCon3 .result_box .tip{font-size: 12px;}

    .event .gift li{width: 47%;margin-bottom: 7%;}
    .event2 .btns a{margin-top: 10px;}
    .event2 .shareList ul{padding: 20px;border-radius: 10px;}
    .event2 .shareList ul li dl { padding: 0; } 
    .event2 .shareList ul li dl dt {width: 100%;font-size: 15px;position: relative;margin-bottom: 2%;height: 30px;line-height: 30px;} 
    .event2 .shareList ul li dl dd {width: 24%;margin: 0 0 0 1.3%;font-size: 13px;height: 35px;border-radius: 7px;} 
    .event2 .shareList ul li dl dd:nth-child(2),
    .event2 .shareList ul li dl dd:nth-child(5) { margin:0 } 
    .event2 .shareList ul li dl dd:nth-child(5),
    .event2 .shareList ul li dl dd:nth-child(6) { /* margin-top:1.3%; */margin-left: 1%; } 
    .event2 .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list{font-size: 11px;}
    .clickPop {padding: 15px 0 20px;width: 375px;} 
    .dim_popup.sns .tit {font-size: 20px;} 
    .dim_popup.sns table { font-size:12px }    
    .dim_popup.sns .btnConfirm{margin: 40px 35% 0;}
}

@media (max-width: 576px) {
    .fix_btn{bottom: 55px;}
    .event2 .shareList ul li dl dd{font-size: 11px;}
}
@media (max-width: 375px) {
    .fix_nav ul li a { font-size: 13px; padding: 15px 0; }

    .dim_popup.sns { width:90% } 
    .eventWrap .evCon1 .inner { padding: 0 0 15% } 

    .evCon1 h3 span { margin: 0 13% } 
    .evCon1 .txt { margin: 0 14%; } 

    .evCon2 .con_tit{font-size: 32px;}
    .evCon2 .result_list li{padding: 20px 0 60px;border-width: 2px;} 
    .evCon2 .result_list li .tit_result{font-size: 18px;} 
    .evCon2 .result_list li .img p{font-size: 13px;}
    .result_pop .content{padding-top: 8%;}
    .result_pop .content a{max-width: 7%;}
    
    .quiz .quiz_zone .qstn_con .question {font-size: 14px;height: 150px;} 
    .quiz .quiz_zone .qstn_con .question.line1 { padding: 15.4px 0; } 
    .quiz .quiz_zone .qstn_con .answer li {height: 45px;} 
    .quiz .quiz_zone .qstn_con .answer li a, .quiz .quiz_zone .qstn_con .answer li p {font-size: 13px;} 
    .quiz .quiz_zone .qstn_con .time a { width: 26px; height: 26px } 
    .quiz .quiz_zone .qstn_con .time a img { width: 8px !important; margin: 0 0 0 -1px } 
    .quiz .quiz_zone .qstn_con .time .bar_wrap {height: 20px;} 
    .quiz .quiz_zone .qstn_con .time .bar_wrap .bar { height: 25px } 
    .quiz .quiz_zone .qstn_con .time .num { font-size: 16px } 

    .evCon3 .result_box{margin: 0 5% 10%;}
    .evCon3 .result_box .tip {font-size: 12px;} 
    .evCon3 .result_box .tip span{font-size: 13px;}
    .evCon3 .desc_box {font-size: 13px;} 
    .evCon3 .desc_box strong{font-size: 15px;}    
    .evCon3 .desc_tit {font-size: 16px;} 
    .evCon3 .honey_box ul li a {padding: 5%;border-radius: 5px;} 
    .evCon3 .honey_box ul li a  img{max-width: 60%;} 
    .evCon3 .honey_box ul li a  img + img{max-width: 20%;} 

    .event2 .shareList ul li dl dt {font-size: 15px;} 
    .event2 .shareList ul li dl dd {height: 25px;width: 48%;font-size: 12px;margin: 0 1% 1% !important;} 
    .event2 .shareList ul li dl dt{font-size: 13px;height: 25px;line-height: 25px;}
    .event2 .step{overflow: hidden;margin-top: 10%;}
    .event2 .step img{max-width: 150%;width: 115%;margin-left: -7%;}
}