@charset "euc-kr";
/* setting */
/*{padding:0; margin:0}*/
.blindw {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.eventWrap{width:100%;text-align:center;position:relative;font-size: 18px;line-height: 1.4;letter-spacing: -0.03em;overflow:hidden;}
.eventWrap{font-family : 'NotoSans KR';}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative;width:1080px;margin:0 auto;}
.eventWrap .inner::after{content:"";display:block;clear:both;}
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%;}
.eventWrap .con_tit{position: relative;margin-bottom: 40px;text-align: center;}
.eventWrap .con_subtit{margin-bottom: 35px;position:relative;padding: 0 0%;}
.eventWrap .img_mb{display:none}
.eventWrap .con_box{position:relative;/* padding: 0 40px; */}
.eventWrap .con_box::after{content:"";display:block;clear:both}
.eventWrap .flow::after{content:"";display:block;clear:both}
.eventWrap .video_box{position: relative;z-index: 1;cursor:pointer;padding-bottom: 56%;background: #222;overflow: hidden;border-radius: 3px;}
.eventWrap .video_box .play_area{width: 100% !important;height: 100% !important;position: absolute;width: 100%;height: 100%;}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.eventWrap .video_box img{/* width:100%; */}
.eventWrap .video_box.ytb{padding: 0;}
.eventWrap .tiny_txt{font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;font-size: 12px;}


/* flo */
.flt_inner {position: absolute;text-align: center;top: 100px;left: 50%;margin-left: 630px;z-index: 2;width: 160px;opacity: 0;transition: .3s opacity;}
.flt_inner.on{opacity: 1;}
.flt_inner a {display:block;position:relative;margin: 0 0 5px;}


.fullpage{}
.fullpage .section.sect1{background-color: rgb(175, 94, 94);}
.fullpage .section.sect2{background-color: rgb(20, 77, 110)}

/* con_top */
.con_top {position: relative;padding: 0 0 80px;background: url(https://img.megagong.net/m/2021/1111_test/con_img23.png) repeat center 0;text-align: left;}
.con_top h3 {position: relative;padding: 180px 0 30px 0;margin: 0 0 0 -210px}
.con_top h3 strong {position: relative;display: block;margin: 0 0 35px;}
.con_top h3 span {display: block;padding: 0 0 0 100px;}
.con_top a{position: relative;display: inline-block;margin: 0 0 0 -110px;background: url(https://img.megagong.net/m/2021/1111_test/con_img3.png) no-repeat 0 0;width: 520px;height: 143px;padding: 54px 48px 0 0px;text-align: center;}
.con_top a img{position:relative}
.con_top a span{padding: 10px 10px;}
.con_top .tiny_txt {padding: 30px 0 0;margin: 0 0 0 -110px;color: #fff;opacity: 0.5;}
.con_top .charac{position:absolute;top: 100px;right: -280px;width: 855px;height: 900px;}
.con_top .charac li{position: absolute;}
.con_top .charac li:nth-child(1){top: 0px;left: 50px;}
.con_top .charac li:nth-child(2){top: 130px;right: 0;}
.con_top .charac li:nth-child(3){top: 201px;left:0;}
.con_top .charac li:nth-child(4){top: 390px;right: 90px;}

.con_top .for_mo{display: none;}

.con_top .go_down {/* display: none; */position: absolute;bottom: -100px;left: 50%;-webkit-animation: bounce 1s ease infinite;animation: bounce 1s ease infinite;margin: 0 0 0 -17px;}
@-webkit-keyframes bounce {
	50% {transform: translateY(-5px);}	
}
@keyframes bounce {50% {transform: translateY(-5px);}	
}

.con02 {position: relative;padding: 0;background: url(https://img.megagong.net/m/2021/1111_test/con_img23.png) repeat center 0;text-align: left;}
.con02 h3{position: relative;margin: 0 -20px;padding: 65px 0 82px;}
.con02 .charac{position: absolute;bottom: 0;right: -20px;}
.con03 {position: relative;padding: 120px 0 120px;background: #fdf3b9;text-align: center;}
.con03 .con_box{background: #fff;border: 5px solid #fde082;border-radius: 30px;padding: 70px 40px;margin: 0 -49px}
.con03 .level{position: relative;background: #f5f5f5;border-radius: 60px;height: 10px;margin: 0 0 90px}
.con03 .level i{position: absolute;top: 0;left: 0;background: #b04ffd;font-size: 0;height: 100%;border-radius: 60px}
.con03 .level i.bar1{width: 16.666%;}
.con03 .level i.bar2{width: 33.332%;}
.con03 .level i.bar3{width: 49.998%;}
.con03 .level i.bar4{width: 66.664%;}
.con03 .level i.bar5{width: 83.33%;}
.con03 .level i.bar6{width: 100%;}
.con03 .level span{position: absolute;top: -27px;right: 0;font-size: 14px;color: #ccc;font-weight: 200;letter-spacing: 0.003em}
.con03 .question{font-size: 50px;font-weight: 100;line-height: 1.2;margin: 0 0 60px}
.con03 .btn_wrap a{position: relative;display: block;margin: 0 auto 20px;width: 430px;height: 110px}
.con03 .btn_wrap a:hover{color:#f9f981}
.con03 .btn_wrap a::before{content:'';position: absolute;top: 0;left: 0;width: 70%;height: 100%;background: url(https://img.megagong.net/m/2021/1111_test/con_img38_1.png) 0 0 no-repeat;}
.con03 .btn_wrap a::after{content:'';position: absolute;top: 0;right: 0;width: 70%;height: 100%;background: url(https://img.megagong.net/m/2021/1111_test/con_img38_2.png) 100% 0 no-repeat;}
.con03 .btn_wrap a:hover::before{background-image: url(https://img.megagong.net/m/2021/1111_test/con_img39_1.png)}
.con03 .btn_wrap a:hover::after{background-image: url(https://img.megagong.net/m/2021/1111_test/con_img39_2.png)}

.con03 .btn_wrap i{display:block;margin:0 0 20px}

.con03 .btn_wrap a span{position: relative;display: block;z-index: 1;font-size: 20px;padding: 29px 0 0}


.con04 {position: relative;padding: 140px 0 140px;background: #fdf3b9;text-align: center;}
.testresult_wrap .tip{padding: 30px 0 45px;color: #969696;font-weight: 200;font-size: 15px;}
.testresult_wrap .text_result{font-size: 18px;font-weight: 200;line-height: 1.6;margin: 0 0 70px;}
.testresult_wrap .text_result strong{display: block;}
.sns_share{overflow:hidden;margin: 0 280px 70px;}
.sns_share li{float:left;width: 25%;}

.sns_share + .restart{background: url(https://img.megagong.net/m/2021/1111_test/con_img45_bg.png) no-repeat center 0;display: block;padding: 36px 8px 0 0;height: 111px;}

.recommend_wrap{padding: 110px 0 0;margin: 110px 0 0;background: url(https://img.megagong.net/m/2021/1111_test/con_img49.png) repeat-x 0 0;}
.recommend_wrap .point{font-size: 50px;font-weight: bold;margin: 0 -100px 40px}
.recommend_wrap .point strong{color: #9e1fff}
.recommend_wrap ul li{position: relative;background: #fff;border-radius: 15px;margin: 0 0 15px;height: 110px;box-shadow: 3px 3px 4px 1px rgb(0 0 0 / 5%)}
.recommend_wrap ul li >strong{position: absolute;top: 38px;left: 50px;text-align: left;font-size: 27px;font-weight: bold;color: #101010;line-height: 1.2;}
.recommend_wrap ul li:nth-child(2) >strong{top: 21px}
.recommend_wrap ul li .btn{float: right;display: block;padding: 16px 50px 0 0}
.recommend_wrap ul li .btn a{position: relative;display: block;float: left;background: #101010;width: 175px;height: 78px;border-radius: 10px;margin: 0 0 0 10px;color: #fff;text-align: left;padding: 13px 0 0 20px}
.recommend_wrap ul li:nth-child(3) .btn a{padding-top: 25px;}
.recommend_wrap ul li .btn a::before{content:'';display:block;position:absolute;top: 50%;right: 15px;width: 6px;height: 6px;border: 1px solid #fff;border-width: 1px 1px 0 0;transform: rotate(45deg);margin: -5px 0 0;}
.recommend_wrap ul li .btn a strong{color: #ffd800;font-weight: normal;display: block}

.con01 {position: relative;padding: 140px 0 130px;background: #f1daff;text-align:center}
.con01 .point{margin: 0 0 55px;font-size:60px;font-weight:bold;}
.con01 .point strong{color:#9e1fff}
.con01 .result_wrap{margin: 0 0 30px -2%}
.con01 .result_wrap .item{float:left;width: 48%;margin: 0 0 0 2%;background:#fff;border-radius: 20px;overflow: hidden;box-shadow: 3px 3px 14px 3px rgb(0 0 0 / 10%);}
.con01 .result_wrap .item h4{background:#9e1fff;color:#fff;padding: 21px 0;}
.con01 .result_wrap .item div{position: relative;padding: 48px 0 60px 35px;text-align: left;font-size: 17px;font-weight: 200}
.con01 .result_wrap .item div >span{display: block;/* font-size: 34px; */
    margin: 0 0 6px}
.con01 .result_wrap .item div >strong{display: block;font-size: 1.8em;line-height: 1.3}
.con01 .result_wrap .item div >strong span{display: block;font-size: 0.9em}
.con01 .result_wrap .item div i{position: absolute;bottom: 4%;right: 0.1%}
.con01 .tiny_txt{text-align: left;opacity: 0.5}

.evt_cont{position: relative;padding: 140px 0;}
.evt_cont.evt_1{background:#7440ff url(https://img.megagong.net/m/2021/1111_test/con_img24.png) repeat center 0;}
.evt_cont.evt_2{background:#ea77f8 url(https://img.megagong.net/m/2021/1111_test/con_img25.png) repeat center 0;padding-bottom: 80px;}
.evt_cont .con_tit{margin: 0 -30px 80px;}
.evt_cont .con_tit::before{content:'';position: absolute;top: 0;left: -25%;width: 150%;height: 100%;background: url(https://img.megagong.net/m/2021/1111_test/con_img26.png) no-repeat center 0;}
.evt_cont.evt_2 .con_tit::before{background-image: url(https://img.megagong.net/m/2021/1111_test/con_img27.png);top: -20px;}
.evt_cont .con_tit .evt_end{position: absolute;top: 57px;right: -68px}
.evt_cont .con_tit .flag{display: block;margin: 0 0 40px;}
.evt_cont.evt_1 .evt_date{text-align: left;padding: 65px 0 0 40px;margin: 0 0 180px;}
.evt_cont.evt_1 .evt_gift{position: absolute;top: 0px;right: -50px}
.evt_cont.evt_2 .evt_date{text-align: center;padding: 14px 0;margin: 0 40px 70px;background: #fff;border-radius: 50px;}
.evt_cont.evt_2 .evt_date li{display: inline-block;padding: 0 9px;}
.evt_cont.evt_2 .evt_gift{text-align: center;padding: 0 17%;margin: 0 0 100px}
.evt_cont.evt_2 .evt_gift li{float: left;width: 50%}
.evt_cont.evt_2 .step h5{position: relative;margin: 0 0 40px}
.evt_cont.evt_2 .step h5 span{position: relative;display: inline-block;padding: 0 30px;background: url(https://img.megagong.net/m/2021/1111_test/con_img25.png) repeat center 0}
.evt_cont.evt_2 .step h5::before{content:'';position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #000;}
.evt_cont.evt_2 .step ol{position: relative;margin:0 0 40px;background: #fff;border-radius: 25px;}
.evt_cont.evt_2 .step ol::before{content:'';position: absolute;bottom: -14px;left: 0;width: 100%;height: 14px;background-image: url(https://img.megagong.net/m/2021/1111_test/con_img35.png), url(https://img.megagong.net/m/2021/1111_test/con_img35.png), url(https://img.megagong.net/m/2021/1111_test/con_img35.png);background-position: 0 0, 350px 0, 710px 0;background-repeat: no-repeat,no-repeat,no-repeat;}
.evt_cont.evt_2 .step ol li{position: relative;float:left;width: 33.3%;}
.evt_cont.evt_2 .step ol li::before{content:'';position: absolute;top: 0;left: -7%;width: 14%;height: 100%;background: url(https://img.megagong.net/m/2021/1111_test/con_img33.png) no-repeat center center;}
.evt_cont.evt_2 .step ol li:nth-child(3)::after{content:'';position: absolute;top: 0;left: -5%;width: 10%;height: 100%;background: url(https://img.megagong.net/m/2021/1111_test/con_img34.png) no-repeat center center;}
.evt_cont.evt_2 .step ol li:nth-child(1)::before{display:none}
.evt_cont.evt_2 .step ol li:nth-child(1){padding: 80px 0 80px}
.evt_cont.evt_2 .step ol li:nth-child(1) strong{display: block;padding: 0 0 24px}
.evt_cont.evt_2 .step ol li:nth-child(1) a{margin: 5px 48px 0;display: block}
.evt_cont.evt_2 .step ol li:nth-child(2) span{display: block;padding: 30px 0}
.evt_cont.evt_2 .step ol li:nth-child(3) span{display: block;padding: 30px 0}

.eventWrap .sns_lst{background-color:#6b31d9;}
.eventWrap .sns_lst{background: #ffffff;padding: 30px;margin: 0;border-radius: 30px 30px 0 0;}
.eventWrap .sns_lst ul li{margin: 0 0 15px;}
.eventWrap .sns_lst ul li dl{position: relative;padding: 0 0 0 170px;}
.eventWrap .sns_lst ul li dl:after{content:'';display:block;clear:both}
.eventWrap .sns_lst ul li dl dt{background: #ff69ef;color:#fff;width: 156px;height: 50px;line-height: 50px;border-radius: 8px;margin: 0 10px 0 0;position: absolute;letter-spacing: 0;top: 0;left: 0;}
.eventWrap .sns_lst ul li dl dd{width: 156px;height: 50px;border-radius: 8px;margin: 0 0 0 10px;float: left;border: 2px solid #999999;color: #999999;line-height: 46px;font-weight: normal;font-size: 16px;}
.eventWrap .sns_lst ul li dl dd a{display: block;}
/* À¯ÀÇ»çÇ× */

.evtBoard_common{border-radius: 0 0 30px 30px;background: #ececec;padding-bottom: 10px;}
.evtBoard_common .board_write{border: 1px solid #000}
.evtBoard_common .board_write .inp_wrap textarea, .evtBoard_common .board_write .inp_wrap input[type="text"]{background:#ececec}
.evtBoard_common .board_notice li{color: #222;font-size: 12px;font-weight: normal;opacity: 0.6;}
.evtBoard_common .board_notice li.btnUrl{position: absolute;top: 100px;right: 30px;border: 1px solid #000;border-radius: 10px;z-index: 1;}
.evtBoard_common .board_notice li.btnUrl button{padding: 1px 21px;font-weight: bold;font-size: 12px}

.evt_cautn{position: relative;padding: 0 0 140px;background: #ea77f8 url(https://img.megagong.net/m/2021/1111_test/con_img25.png) repeat center 0;}
.evt_cautn.sobang{background: #8bf1ff;margin: -70px 0 0}
.evt_cautn .con_box {text-align: left;padding: 0;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;}
.evt_cautn .con_tit{background: #fbd0e7;text-align: center;padding: 12px 0;margin: 0 0 20px;font-weight: normal;}
.evt_cautn.sobang .con_tit{background-image: url(https://img.megagong.net/m/2021/1019_good/con_img42.png);background-position: center 0;background-repeat: repeat-y;}
.evt_cautn .con_tit strong{color: #3c4dde;padding: 0 10px 0 0;}
.evt_cautn .con_tit i{font-style: normal;font-size: 13px;display: inline-block;width: 1px;height: 1px;margin: -8px 0 0 7px;border-top: 9px solid #222;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.evt_cautn .con_box dl+dl {margin-top: 30px;}
.evt_cautn .con_box dl dt {font-size: 14px;color:#333333;line-height:1.5;font-weight: bold;margin: 0 0 5px;}
.evt_cautn .con_box dl dd {position:relative;padding-left:10px;font-size: 13px;/* color:#888888; */line-height:1.5;text-indent: -10px;margin: 0 0 2px;}
.evt_cautn .con_box dl dd a {display:inline-block;font-weight:bold;padding: 0 0;font-size:11px;border-bottom: 1px solid #222;text-align: center;text-indent: 0;}

.paging img{width: auto !important;}

/* sns ÀÎÁõ Æ˾÷ */
.black_bg{background-color:#000;opacity:0.8;position:fixed;left:0;top:0;width:100%;height:100%;text-indent:-9999em;z-index: 2;}
/* .certifi_pop{width: 500px;position:fixed;top:50%;left:50%;z-index: 105;font-size:13px;transform: translate(-50%,-50%);}
.certifi_pop .btn_popclo{position:absolute;top: -55px;right: 0;display:block;font-size:0;line-height:0;width: 48px;height: 48px;background: url('https://img.megagong.net/m/2021/0601_lyj4718/conimg_56.png') 0 0 no-repeat;}
.certifi_pop .popinner{padding:0 33px;position:relative;font-size:13px;overflow:hidden;border-radius: 30px;background-color:#fff;} */

.certifi_pop{position:fixed;top:0;left:0;right:0;bottom:0;z-index: 105;font-size:13px;/*transform: translate(-50%,-50%);*/}
.certifi_pop:after {display: inline-block;vertical-align: middle; width: 0;height: 100%; content: '';}
.certifi_pop .btn_popclo{position:absolute;top: 20px;right: 20px;display:block;font-size:0;line-height:0;width: 20px;height: 20px;background: url('https://img.megagong.net/m/2021/0819_good/pop_close.png') 0 0 no-repeat;}
.certifi_pop .pop_classi {width: 450px;position:relative;top:0;bottom:0;left:0;right:0;margin:auto;display: inline-block;vertical-align: middle;text-align: center;}
.certifi_pop .popinner{padding: 0 20px;position:relative;font-size:13px;overflow:hidden;border-radius: 10px;background-color:#fff;background: #fff url(https://img.megagong.net/m/2021/0819_good/pop_bg.png) 0 0 repeat;}
.certifi_pop .popinner .tit{font-size: 23px;padding: 40px 0 0;line-height: 1;}
.certifi_pop .popinner .cautn{text-align: left;font-size: 11px;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;opacity: 0.7;margin: 0 0 20px;}
.certifi_pop .popinner .cautn li{text-indent: -12px;padding: 0 0 0 12px;margin: 0 0 1px;}
.certifi_pop .popinner .cautn li a{display: inline-block;border: 1px solid #565656;font-size: 10px;padding: 2px 3px;text-indent: 0;line-height: 1;}
.certifi_pop .popinner .gift_tit{background:#444;height: 46px;color: #fff;font-size: 15px;font-weight: 200;padding: 12px 0 0;margin: 0 0 15px;}
.certifi_pop .popinner .tit_w {padding:45px 0 25px;border-bottom:3px solid #cccccc;}
.certifi_pop .popinner .tit_w .tit {font-weight:bold;font-size:27px;color:#333333;}
.certifi_pop .popinner .tit_w .tit strong {display:block;color:#fd274e;}
.certifi_pop .popinner .tit_w ul {margin-top:10px;}
.certifi_pop .popinner .tit_w ul li {font-weight:300;font-size:16px;line-height:1.3;color:#888888;}
.certifi_pop .popinner .inp_list {padding:34px 0 32px;border-bottom:3px solid #cccccc;}
.certifi_pop .popinner .inp_list li {overflow:hidden;}
.certifi_pop .popinner .inp_list li+li {margin-top:10px;}
.certifi_pop .popinner .inp_list li strong {float:left;width:120px;}
.certifi_pop .popinner .inp_list li .tt {float:left;width:calc(100% - 120px);text-align:left;}
.certifi_pop .popinner .inp_list li .tt .inp_txt {display:block;}
.certifi_pop .popinner .inp_list li .tt .inp_txt input {padding:0 10px;width:100%;height:40px;border:1px solid #b5b5b5;box-sizing:border-box;color:#b3b3b3;} 
.certifi_pop .popinner .inp_list li .tt .inp_txt input::-webkit-input-placeholder {color: #b3b3b3;}
.certifi_pop .popinner .inp_list li .tt .inp_txt input:-ms-input-placeholder {color: #b3b3b3;}
.certifi_pop .popinner .inp_list li .gray_txt {font-weight:200;font-size:11px;color:#999999;line-height:1.45;}
.certifi_pop .popinner .way_box {position:relative;margin:0 -21px;}
.certifi_pop .popinner .way_box a {position:absolute;top: 13%;right: 18%;width: 20%;height: 7%;font-size:0;}

.certifi_pop .filebox{position: relative;border: 1px solid #b5b5b5;margin:3px 0 10px;overflow: hidden;}
.certifi_pop .filebox .filename{position:relative;height: 40px;width: 74%;float:left;overflow:hidden;background: #fff;}
.certifi_pop .filebox .filename input[type="text"]{position:absolute;top:0;left:0;font-size:13px;width:100%;height:40px;padding-left:10px;color:#b3b3b3;border:0}
.certifi_pop .filebox .filename a{position:absolute;top:0;right:0;width: 30px;height:28px;line-height:40px;font-size:12px;background-color: #fff;color:red;z-index:1;text-align:center;display: none;font-weight: 200;}
.certifi_pop .filebox .filebtn{position:relative;width:26%;height:40px;float:right;cursor:pointer;}
.certifi_pop .filebox .filebtn label{position:absolute;top:0;right:0;background-color: #777777;color:#fff;font-size:15px;width:100%;text-align:center;height: 40px;line-height: 40px;font-weight: 200;cursor: pointer;}
.certifi_pop .filebox input[type="file"]{position:absolute;top:0;right:0;width:100%;height:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;}
.certifi_pop .filebox label{position:absolute;z-index:1;top:17px;left:0;font-size:13px;font-weight:bold;width: 98px;}
.certifi_pop .popinner .pop_btn {display:block;margin: 0 auto 30px;font-weight: 200;font-size: 17px;line-height:57px;color:#ffffff;background: #000;width: 170px;height: 46px;line-height: 46px;border-radius: 40px;}
.certifi_pop .popinner .pop_btn.btn_register {background:#0047bb;}
.certifi_pop .popinner .pop_btn.btn_change {background:#777;}

.result_full{background: #fdf3b9;text-align: center;padding: 100px 0 150px}
.result_full .rst_tit{margin: 0 0 60px}


@media (max-width: 1200px){

    .eventWrap{font-size: 13px;}
    .flt_inner{display: none;}
    .eventWrap .inner {width: 96%;}
    .eventWrap img {width:100%;}
    .eventWrap .con_tit{font-size: 14px;padding: 8px 0}


    
    /* con_top */
    .con_top {padding: 0 0 13%;}
    .con_top h3 {padding: 13% 46% 3% 0;margin: 0}
    .con_top h3 strong {position: relative;display: block;margin: 0 0 35px;}
    .con_top h3 span {padding: 0 6% 0 15%;}
    .con_top a{padding: 5.2% 11% 5% 6%;background-size: 100%;width: 49%;margin: 0 0 2% 7%;height: auto;}
    .con_top a img{position:relative}
    .con_top .tiny_txt {padding: 0;margin: 0 0 0 7%;font-size: 11px}
    .con_top .charac{width: 42%;right: 0;top: inherit;bottom: -12%;height: 90%}
    .con_top .charac li{position: absolute;}
    .con_top .charac li:nth-child(1){left: 10%;width: 61%;top: inherit;bottom: 72%;right: inherit}
    .con_top .charac li:nth-child(2){right: -9%;width: 52%;top: inherit;bottom: 61%}
    .con_top .charac li:nth-child(3){width: 50%;top: inherit;left: 0%;bottom: 56%}
    .con_top .charac li:nth-child(4){width: 71%;top: inherit;right: -2%;bottom: 34%}

    .con02 h3{margin: 0 31% 0 0;padding: 5% 0 5% 0}
    .con02 .charac{right: 4%;width: 24%;}
    .con03 {padding: 10% 0 10%;}
    .con03 .con_box{margin: 0;padding: 7% 4% 2%;border-radius: 15px}
    .con03 .level{margin: 0 0 5%}
    .con03 .level span{font-size: 13px;top: inherit;bottom: 13px;}
    .con03 .question{font-size: 31px;margin: 0 0 6%;}
    .con03 .btn_wrap a{width: 77%;height: auto;margin: 0 auto 3%}
    .con03 .btn_wrap a:hover{color:#000}
    .con03 .btn_wrap a::before{background-size: 100% 100%}
    .con03 .btn_wrap a::after{background-size: 100% 100%;}
    .con03 .btn_wrap a:hover::before{background-image: url(https://img.megagong.net/m/2021/1111_test/con_img38_1.png)}
    .con03 .btn_wrap a:hover::after{background-image: url(https://img.megagong.net/m/2021/1111_test/con_img38_2.png)}

    .con03 .btn_wrap i{display:block;margin: 0 auto 3%;width: 6%;}
    .con03 .btn_wrap a span{font-size: 17px;padding: 3.4% 0 3%;}


    .con04 {padding: 10% 0 10%;}
    .con04 .con_tit{padding: 0 27%;margin: 0 0 4%}
    .testresult_wrap .card .answer{margin: 0 9%}
    .testresult_wrap .tip{padding: 2% 0 3%;font-size: 13px;}
    .testresult_wrap .text_result{font-size: 16px;margin: 0 0 7%;}
    .testresult_wrap .text_result strong{display: block;}
    .sns_share{margin: 0 26% 5%;}
    .sns_share li{padding: 0 3%;}
    .sns_share + .restart{display: block;margin: 0 30% 0;background-size: 100%;height: auto;padding: 2.7% 9% 2.5% 8%;}

    .recommend_wrap{padding: 10% 0 0;margin: 10% 0 0;}
    .recommend_wrap .point{font-size: 30px;margin: 0 0 4%}
    .recommend_wrap .point strong{color: #9e1fff}
    .recommend_wrap ul li{height: auto;overflow: hidden}
    .recommend_wrap ul li >strong{font-size: 20px;left: 5%;top: 50%;margin: -12px 0 0}
    .recommend_wrap ul li:nth-child(2) >strong{top: 50%;margin: -24px 0 0}
    .recommend_wrap ul li .btn{padding: 2.0% 2% 2% 0;width: 48%}
    .recommend_wrap ul li .btn a{width: 48%;margin: 0 0 0 2%;height: auto;padding: 12px 0 12px 5%;font-size: 16px;}
    .recommend_wrap ul li:nth-child(3) .btn a{padding-top: 12px;width: 98%}
    .recommend_wrap ul li .btn a::before{content:'';display:block;position:absolute;top: 50%;right: 15px;width: 6px;height: 6px;border: 1px solid #fff;border-width: 1px 1px 0 0;transform: rotate(45deg);margin: -5px 0 0;}
    .recommend_wrap ul li .btn a strong{/* display: inline-block */}

    .con01 {padding: 10% 0;background: #f1daff;text-align:center;}
    .con01 .point{font-size: 31px;margin: 0 0 4%;}
    .con01 .result_wrap{margin: 0 0 2% -2%}
    .con01 .result_wrap .item{border-radius: 10px}
    .con01 .result_wrap .item h4{padding: 3% 33%;}
    .con01 .result_wrap .item div{padding: 6% 0 8% 4%;font-size: 16px;}
    .con01 .result_wrap .item div >span{margin: 0 0 4%;}
    .con01 .result_wrap .item div >strong{font-size: 1.2em}
    .con01 .result_wrap .item div >strong span{display: block;font-size: 0.9em}
    .con01 .result_wrap .item div i{width: 39%;right: 1%;bottom: 2%;max-width: 200px;}
    .con01 .tiny_txt{text-align: left;opacity: 0.5}


    .evt_cont{padding: 10% 0;}
    .evt_cont.evt_1{padding: 10% 0;}
    .evt_cont.evt_2{padding-bottom: 10%;}
    .evt_cont .con_tit{padding: 0 10%;margin: 0 0 4%;}
    .evt_cont.evt_2 .con_tit::before{background-image: url(https://img.megagong.net/m/2021/1111_test/con_img27.png);top: -20px;}

    .evt_cont .con_tit .evt_end{width: 30%;right: 0;z-index: 1;}
    .evt_cont .con_tit .flag{padding: 0 32%;margin: 0 0 4%;}
    .evt_cont.evt_2 .con_tit .flag{padding: 0 37%}

    .evt_cont.evt_1 .evt_date{padding: 5% 46% 0 0;margin: 0 0 7%;}
    .evt_cont.evt_1 .evt_gift{width: 48%;right: -1%;top: 11%}
    .evt_cont.evt_1 .btns{padding: 0 0 0;margin: 0 24%}
    .evt_cont.evt_2 .evt_date{padding: 1% 0;margin: 0 10% 3%;}
    .evt_cont.evt_2 .evt_date li{display: block;padding: 1% 15% 1%;}
    .evt_cont.evt_2 .evt_date li:nth-child(2){padding: 1% 21%}
    .evt_cont.evt_2 .evt_gift{margin: 0 0 6%}
    .evt_cont.evt_2 .evt_gift li{float: left;width: 50%}
    .evt_cont.evt_2 .step h5{position: relative;margin: 0 0 40px}
    .evt_cont.evt_2 .step h5 span{display: block;margin: 0 39%;padding: 0 3%}
    .evt_cont.evt_2 .step ol{margin: 0 0 5%;border-radius: 10px;}
    .evt_cont.evt_2 .step ol::before{display: none;}

    .evt_cont.evt_2 .step ol li{padding: 0 1%}
    .evt_cont.evt_2 .step ol li::before{background: #222;opacity: 0.1;width: 1px;height: 90%;top: 5%;left: 0}
    .evt_cont.evt_2 .step ol li:nth-child(3)::after{content:'';position: absolute;top: 0;left: -5%;width: 10%;height: 100%;background: url(https://img.megagong.net/m/2021/1111_test/con_img34.png) no-repeat center center;}
    .evt_cont.evt_2 .step ol li:nth-child(1)::before{display:none}
    .evt_cont.evt_2 .step ol li:nth-child(1){padding: 10% 1% 0}
    .evt_cont.evt_2 .step ol li:nth-child(1) strong{display: block;padding: 0 0 24px}
    .evt_cont.evt_2 .step ol li:nth-child(1) a{margin: 5px 48px 0;display: block}
    .evt_cont.evt_2 .step ol li:nth-child(2) span{display: block;padding: 30px 0}
    .evt_cont.evt_2 .step ol li:nth-child(3) span{display: block;padding: 30px 0}

    .eventWrap .sns_lst{background-color:#6b31d9;}
    .eventWrap .sns_lst{background: #ffffff;padding: 30px;margin: 0;border-radius: 30px 30px 0 0;}
    .eventWrap .sns_lst ul li{margin: 0 0 15px;}
    .eventWrap .sns_lst ul li dl{position: relative;padding: 0 0 0 170px;}
    .eventWrap .sns_lst ul li dl:after{content:'';display:block;clear:both}
    .eventWrap .sns_lst ul li dl dt{background: #ff69ef;color:#fff;width: 156px;height: 50px;line-height: 50px;border-radius: 8px;margin: 0 10px 0 0;position: absolute;letter-spacing: 0;top: 0;left: 0;}
    .eventWrap .sns_lst ul li dl dd{width: 156px;height: 50px;border-radius: 8px;margin: 0 0 0 10px;float: left;border: 2px solid #999999;color: #999999;line-height: 46px;font-weight: normal;font-size: 16px;}

    .evtBoard_common{border-radius: 0 0 10px 10px;}
    .evtBoard_common .board_notice li{color: #222;font-size: 12px;font-weight: normal;opacity: 0.6;}
    .evtBoard_common .board_notice li.btnUrl{position: relative;top: inherit;right: inherit;display: block;text-align: center;margin: 0 0 10px;}
    .evtBoard_common .board_notice li.btnUrl button{padding: 1px 21px;font-weight: bold;font-size: 12px}

    .sns_tit h5{margin: 0 0 3%;}
    .sns_tit img{width: 48%;}

    .eventWrap .sns_lst{padding: 3%;border-radius: 10px 10px 0 0;}
    .eventWrap .sns_lst ul li{margin: 0 0 2%;}
    .eventWrap .sns_lst ul li dl{padding: 0;margin: 0 0 0 -1%;}
    .eventWrap .sns_lst ul li dl dt{width: 18%;height: 40px;line-height: 38px;display: block;width: auto;display: block;position: relative;top: inherit;left: inherit;margin: 0 0 1% 1%;}
    .eventWrap .sns_lst ul li dl dd{width: 19%;margin: 0 0 0 1%;height: 40px;line-height: 38px;}

    /* À¯ÀÇ»çÇ× */
    .evt_cautn.sobang{margin:0}
    .evt_cautn .inner {padding:5% 4%;}
    .evt_cautn dl+dl {margin-top:5%;}

}

@media (max-width: 992px){

    .sns_wrap dl dt {font-size:16px;}
    .sns_wrap dl dd {font-size:15px;}

}

@media (max-width: 768px){

    /* con_top */
    .con_top {padding: 0 0 10%;}
    .con_top h3 {padding: 12% 0 3% 0%;margin: 0 0 0 -3%}
    .con_top h3 strong {margin: 0 0 7%;padding: 0 30% 0 0;}
    .con_top h3 span {padding: 0 30% 0 11%;}
    .con_top a{width: 56%;padding: 5.8% 12% 5% 6%;}
    .con_top a img{position:relative}
    .con_top .tiny_txt {padding: 0;margin: 0 0 0 7%;font-size: 11px}
    .con_top .go_down {/* display: none; */position: absolute;bottom: -100px;left: 50%;-webkit-animation: bounce 1s ease infinite;animation: bounce 1s ease infinite;margin: 0 0 0 -17px;}

    .con03 .level{height: 6px;}
    .con03 .level span{font-size: 12px;bottom: 6px;}
    .con03 .question{font-size: 15px;}
    .con03 .btn_wrap a{width: 100%;background: #f9f981;border: 2px solid #000;border-bottom-width: 3px;border-radius: 10px;}
    .con03 .btn_wrap a:hover{color:#000}
    .con03 .btn_wrap a::before{background: none;border: 1px solid #000;border-radius: 5px;border-width: 1px 1px 0 0;width: 101%;left: 0.2%;top: -11%;height: 104%}
    .con03 .btn_wrap a::after{display:none}
    .con03 .btn_wrap a:hover::before{background-image: none;}
    .con03 .btn_wrap a:hover::after{background-image: url(https://img.megagong.net/m/2021/1111_test/con_img38_2.png)}
    .con03 .btn_wrap i{width: 8%;}
    .con03 .btn_wrap a span{font-size: 13px;line-height: 1.2;padding: 2% 0;z-index: 1;}

    .con04 .con_tit{padding: 0 24%;}
    .testresult_wrap .card .answer{margin: 0 10%;}
    .testresult_wrap .tip{padding: 2% 0 4%;font-size: 12px;}
    .testresult_wrap .text_result{font-size: 13px;}
    .testresult_wrap .text_result strong{display: block;}
    .sns_share{margin: 0 29% 5%;}
    .sns_share li{padding: 0 3%;}
    .sns_share + .restart{margin: 0 31% 0;}

    .recommend_wrap{background-size: 6px;}
    .recommend_wrap .point{font-size: 16px}
    .recommend_wrap .point strong{color: #9e1fff}
    .recommend_wrap ul li{border-radius: 6px;padding: 4% 2%;}
    .recommend_wrap ul li >strong{font-size: 14px;top: inherit;position: relative;margin: 0;display: block;left: inherit;text-align: center;margin: 0 0 3%;}
    .recommend_wrap ul li:nth-child(2) >strong{margin: 0 0 3%;top: inherit}
    .recommend_wrap ul li .btn{padding: 0 2% 0 1%;float: none;width: auto;}
    .recommend_wrap ul li .btn a{width: 49%;margin: 0 0 0 1%;padding: 9px 0 10px 3%;font-size: 16px;/* text-align: center; */line-height: 1;font-size: 13px;border-radius: 5px;}
    .recommend_wrap ul li:nth-child(3) .btn a{padding-top: 9px}
    .recommend_wrap ul li .btn a::before{right: 6%;margin: -3px 0 0}
    .recommend_wrap ul li .btn.only a {width: 98%;}
    .recommend_wrap ul li .btn a strong{display: inline-block}

    .con01 .point{font-size: 18px;}
    .con01 .result_wrap{margin: 0 0 2% 0%}
    .con01 .result_wrap .item{border-radius: 5px;float: none;width: auto;margin: 0 0 2%}
    .con01 .result_wrap .item h4{padding: 2% 41%;line-height: 1;}
    .con01 .result_wrap .item div{font-size: 13px;padding: 6% 4% 11% 4%;}
    .con01 .result_wrap .item div >span{margin: 0 0 2px;font-weight: 200;}
    .con01 .result_wrap .item div >strong{font-size: 1.2em}
    .con01 .result_wrap .item div >strong br{display:none}
    .con01 .result_wrap .item div >strong span{display: block;font-size: 0.9em}
    .con01 .result_wrap .item div i{right: 0%;width: 33%;max-width: 138px;}
    .con01 .tiny_txt{text-align: left;opacity: 0.5}

    .evt_cont{padding: 10% 0;}
    .evt_cont.evt_2{padding-bottom: 10%;}
    .evt_cont .con_tit{padding: 0 15%;}
    .evt_cont.evt_2 .con_tit{padding: 0 11%;}
    .evt_cont .con_tit::before,
    .evt_cont.evt_2 .con_tit::before{display:none}
    .evt_cont .con_tit .flag{padding: 0 28%;}
    .evt_cont.evt_2 .con_tit .flag{padding: 0 33%}
    .evt_cont.evt_1 .evt_date{padding: 3% 19% 0 18%;margin: 0 0 5%;}
    .evt_cont.evt_1 .evt_gift{position: relative;top: inherit;right: inherit;margin: 0 auto;width: 72%;}
    .evt_cont.evt_1 .btns{margin: 0 21%;}
    .evt_cont.evt_2 .evt_date{padding: 1% 0;margin: 0 3% 5%;}
    .evt_cont.evt_2 .evt_date li{display: block;padding: 1% 15% 0%;}
    .evt_cont.evt_2 .evt_date li:nth-child(2){padding: 1% 22% 1%;}
    .evt_cont.evt_2 .evt_gift{margin: 0 0 8%;padding: 0 12%;}
    .evt_cont.evt_2 .evt_gift li{float: left;width: 50%}
    .evt_cont.evt_2 .step h5{position: relative;margin: 0 0 3%}
    .evt_cont.evt_2 .step h5 span{display: block;margin: 0 39%;}
    .evt_cont.evt_2 .step ol{position: relative;margin:0 0 40px;background: #fff;border-radius: 10px;}
    .evt_cont.evt_2 .step ol::before{content:'';position: absolute;bottom: -14px;left: 0;width: 100%;height: 14px;background-image: url(https://img.megagong.net/m/2021/1111_test/con_img35.png), url(https://img.megagong.net/m/2021/1111_test/con_img35.png), url(https://img.megagong.net/m/2021/1111_test/con_img35.png);background-position: 0 0, 350px 0, 710px 0;background-repeat: no-repeat,no-repeat,no-repeat;}
    .evt_cont.evt_2 .step ol li{padding: 0 5%;width: 50%;}
    .evt_cont.evt_2 .step ol li::before{background: #222;opacity: 0.1;width: 1px;height: 90%;top: 5%;left: 0;display: none}
    .evt_cont.evt_2 .step ol li:nth-child(2)::before{display:none}
    .evt_cont.evt_2 .step ol li:nth-child(3)::after{content:'';position: absolute;top: 0;left: -5%;width: 10%;height: 70%;background: url(https://img.megagong.net/m/2021/1111_test/con_img34.png) no-repeat center center;background-size: 100%;}
    .evt_cont.evt_2 .step ol li:nth-child(1)::before{display:none}
    .evt_cont.evt_2 .step ol li:nth-child(1){float: none;width: auto;padding: 5% 6% 5% 6%;overflow: hidden;border-bottom: 1px solid #ddd;}
    .evt_cont.evt_2 .step ol li:nth-child(1) strong{padding: 0px 22% 3%;}
    .evt_cont.evt_2 .step ol li:nth-child(1) a{margin: 0 1% 0% 1%;display: block;float: left;width: 48%}
    .evt_cont.evt_2 .step ol li:nth-child(2) span{padding: 12% 0}
    .evt_cont.evt_2 .step ol li:nth-child(3) span{padding: 12% 0}

    .sns_wrap .btns a {width:35%;}
    .sns_wrap::before{display:none}
    .sns_wrap dl+dl {margin-top: 8px;}
    .sns_wrap dl dt {width: auto;font-size: 14px;float: none;margin: 0 0 1%;padding: 0 43%;}
    .sns_wrap dl dd {width: 32.3%;margin: 0 0 1% 1%;font-size: 13px;}
    .sns_wrap dl dd a{padding: 0 12%;}
    .eventWrap .sns_lst ul li dl dt{height: 32px;line-height: 32px}
    .eventWrap .sns_lst ul li dl dd{width: 32.3%;margin: 0 0 1% 1%;font-size: 13px;border-width: 1px;height: 36px;line-height: 34px}

    /* À¯ÀÇ»çÇ× */
    .evt_cautn{padding: 0 0 10%}
    .evt_cautn h4 span {font-size:14px;line-height:40px;}
    .evt_cautn dl dt {font-size:12px;}
    .evt_cautn dl dd,
    .evt_cautn .con_box dl dd {font-size:12px;}
    .evt_cautn .con_box dl dd{font-size:11px}

    /* sns ÀÎÁõ Æ˾÷ */
    .certifi_pop .pop_classi {width: 90%;}
    .certifi_pop .popinner {padding:0 10px;}
    .certifi_pop .popinner .tit{padding: 20px 0 0;font-size: 16px;}
    .certifi_pop .popinner .gift{padding: 0 10%;}
    .certifi_pop .popinner .gift_tit{height: 36px;padding: 8px 0 0;font-size: 13px;margin: 0 0 10px;}
    .certifi_pop .popinner .cautn{font-size:10px;margin: 0 0 15px;}
    .certifi_pop .popinner .tit_w {padding:25px 0 15px;}
    .certifi_pop .popinner .tit_w .tit {font-size:20px;}
    .certifi_pop .popinner .tit_w ul li {font-size:12px;}
    .certifi_pop .popinner .inp_list li strong {width: 100px;}
    .certifi_pop .popinner .inp_list li .tt {width:calc(100% - 100px);}
    .certifi_pop .popinner .inp_list li .tt .inp_txt input {height: 33px;}
    .certifi_pop .filebox .filename{height: 33px;}
    .certifi_pop .filebox .filename input[type="text"]{height:33px;}
    .certifi_pop .filebox .filename a{height:33px;line-height:33px;}
    .certifi_pop .filebox .filebtn{height:33px;}
    .certifi_pop .filebox .filebtn label{height: 33px;line-height: 33px;}
    .certifi_pop .popinner .way_box {margin:0;}
    .certifi_pop .popinner .way_box a {right:17%;}
    .certifi_pop .popinner .pop_btn {font-size: 13px;line-height: 36px;height: auto;margin: 0 auto 20px;}
    .evtBoard_common .board_notice li, 
    .con5 .evtBoard_common .board_notice li,
    .con7 .evtBoard_common .board_notice li{font-size:11px}

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

    .con03 .btn_wrap a{border-width: 1px;border-radius: 6px;}
    .con04 .con_tit{padding: 0 19%}
    .testresult_wrap .card .answer{margin: 0 5%}
    .sns_share + .restart{margin: 0 21%;padding: 3.9% 12% 4% 11%}
    .evt_cont .con_tit{padding: 0 7%;}
    .evt_cont.evt_2 .con_tit{padding: 0 2%;}
    .evt_cont.evt_2 .con_tit .flag{padding: 0 34%}
    .evt_cont.evt_2 .evt_date li{padding: 1% 6% 0}
    .evt_cont.evt_2 .evt_date li:nth-child(2){padding: 1% 14% 1%}
    .evt_cont.evt_2 .step h5 span{margin: 0 37%}
    .evt_cont.evt_1 .evt_gift{width: 96%}
    .evt_cont.evt_2 .evt_gift{padding: 0 0%}
    .evt_cont.evt_1 .evt_date{padding: 3% 8% 0}
    .evt_cont.evt_1 .btns{margin: 0 15%}
    .evt_cont.evt_2 .step ol li:nth-child(1){padding: 5% 2% 5% 2%;overflow: hidden;border-bottom: 1px solid #ddd;}
    .evt_cont.evt_2 .step ol li:nth-child(1) strong{padding: 0 16% 3%}
    .evt_cont.evt_2 .step ol li:nth-child(1) a{width: 49%;margin: 0 0.5% 0 0.5%}
    .evt_cont.evt_2 .step ol li{padding: 0 1%}
    .con01 .result_wrap .item h4{padding: 2% 36%}

    .con_top h3{padding: 12% 0% 4% 4%}
    .con_top h3 strong{padding: 0;margin: 0;}
    .con_top h3 span {display:none}
    .con_top .for_mo{display: block;}
    .con_top .for_pc{display: none;}

    .con_top .charac{position: relative;bottom: inherit;right: inherit;width: auto;height: auto;margin: 0 0 5%}
    .con_top .charac li{display:none}
    .con_top .charac li.for_mo{display:block;position: relative;}
    .con_top .tiny_txt{margin: 0;font-size: 10px}

    .con_top a {background: url(https://img.megagong.net/m/2021/1111_test/con_img54.png) no-repeat 0 0;background-size: 100%;width: 75%;margin: 0 0 3% 13%;}
    .con_top a span{display:block;padding: 2% 5% 0;}

    /* sns ÀÎÁõ Æ˾÷ */
    .certifi_pop .popinner .tit_w .tit {font-size:18px;}
    .certifi_pop .popinner .tit_w ul li {font-size:11px;}
    .certifi_pop .popinner .inp_list li+li {margin-top:7px;}
    .certifi_pop .popinner .inp_list li strong {width: 80px;}
    .certifi_pop .popinner .inp_list li .tt {width:calc(100% - 80px);}
    .certifi_pop .popinner .inp_list li .tt .inp_txt input {font-size:11px;}
    .certifi_pop .filebox .filename input[type="text"] {font-size:11px;}
    .certifi_pop .filebox .filebtn label {font-size:12px;}
    .certifi_pop .filebox .filename a {font-size:11px;}
    .certifi_pop .popinner .inp_list li .gray_txt {font-size:10px;}
    .certifi_pop .btn_popclo {top: 10px;right: 10px;}

}