@charset "euc-kr";
.eventWrap{position:relative;}
.eventWrap *{box-sizing:border-box;}
.eventWrap h3{text-align:center;position:relative}
.eventWrap .inner{width: 1080px;margin:0 auto;position:relative;}

.eventWrap{width:100%;text-align:center;position:relative;font-family:'Malgun Gothic','¸¼Àº °íµñ';line-height: 1.4;letter-spacing: -0.06em;overflow:hidden;}
.flt_inner{position:absolute;text-align:center;margin-top:4%;top:0;right: 1%;z-index: 1;background: url('https://img.megagong.net/m/2020/0520_new_join/gong/flo_bnr.png') no-repeat center 0;width:169px;height: 448px;}
.flt_inner a{position: absolute;font-size:0;display: block;left: 18%;width: 64%;height: 45px;}
.flt_inner a:nth-child(1){top: 155px;}
.flt_inner a:nth-child(2){top: 200px;}
.flt_inner a:nth-child(3){top: 245px;}

.clear{position:absolute;right: -155px;top: 80px;}

.eventWrap .visual{background: url('https://img.megagong.net/m/2020/0520_new_join/gong/top_bg.jpg') no-repeat center 0;background-size: 100% 100%;}
.eventWrap .visual .inner{width: 1060px;padding:60px 0}
.eventWrap .visual h3{position: relative;margin: 0;}
.eventWrap .visual .top_txt{width:960px;margin:4% auto 0;text-align: center;overflow: hidden;}
.eventWrap .visual .top_txt li{float:left;width:50%;}
 
.eventWrap .con_1{position:relative;background: #1A2171;padding: 75px 0 105px 0;overflow: hidden;}
.eventWrap .con_1.timer_bg{background: #711a34}
.eventWrap .con_1:before{position: absolute;content: "";background: url('https://img.megagong.net/m/2020/0520_new_join/gong/top_after.jpg') no-repeat center 0;width: 43px;height: 22px;top: 0px;left: 50%;margin-left: -21px;}
.eventWrap .con_1.timer_bg:before{position: absolute;content: "";background: url('https://img.megagong.net/m/2020/0724_new_join/gong/top_after.png') no-repeat center 0;width: 43px;height: 22px;top: 0px;left: 50%;margin-left: -21px;}
.eventWrap .con_1 p{position:relative}
.eventWrap .con_1 p a{position:absolute;bottom:0;left:0;width:20%;height:50px}

.eventWrap .con_2{background: #21cac5 url('https://img.megagong.net/m/2020/0520_new_join/gong/con2_bg.jpg') no-repeat center 0;}
.eventWrap .con_2 .inner{padding: 80px 0 110px;}
.eventWrap .con_2 h3{margin-bottom: 42px;}
.eventWrap .con_2 ul{overflow: hidden;margin: 55px auto 0;}
.eventWrap .con_2 ul li{float: left;width:33.3%;text-align: center;cursor: pointer;}
.eventWrap .con_2 ul li img{cursor: pointer;}
.eventWrap .con_2 ul li input[type=radio] {display:block;margin: 0 auto 10px;width: 26px;height: 26px;}
.eventWrap .con_2 ul li:nth-child(1) label img,.eventWrap .con_2 ul li:nth-child(3) label img{padding-top:5px;}

.eventWrap .con_3{background: #2c6edb url('https://img.megagong.net/m/2020/0520_new_join/gong/con3_bg.jpg') no-repeat center 0;}
.eventWrap .con_3 .inner{padding: 40px 0 88px;}
.eventWrap .con_3 h3{margin-bottom: 42px;}
.eventWrap .con_3 .stage2_btn{margin-top:30px;display: inline-block;cursor: pointer;}
.eventWrap .con_3 .stage2_btn a{display: inline-block;height:auto;}
.eventWrap .con_3 .stage2_btn a img{display: block;width: 100%;}
.eventWrap .con_3 .stage2_btn.before span{position:relative;height: auto;display: inline-block;}
.eventWrap .con_3 .stage2_btn.before span img{display: block;width: 100%;}
.eventWrap .con_3 .stage2_btn.before a{position:absolute;height: 100%;}
.eventWrap .con_3 .stage2_btn.before a.pop_click{width: 75%;left: 0; bottom: 0;}
.eventWrap .con_3 .stage2_btn.before a.pop_hint{width: 25%;left: 75%;bottom: 0;}

.eventWrap .con_4{background: #8038c1 url('https://img.megagong.net/m/2020/0520_new_join/gong/con4_bg.jpg') no-repeat center 0;}
.eventWrap .con_4 .inner{padding: 80px 0 80px;}
.eventWrap .con_4 .present{margin: 30px 0 40px 0;position:relative;}

.eventWrap .con_4 .evt_way{}
.eventWrap .con_4 .evt_way >strong{display: block;text-align: center;position: relative;margin: 0 auto 24px;height: 22px;}
.eventWrap .con_4 .evt_way >strong img{z-index:2;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.eventWrap .con_4 .evt_way >strong::before{content:"";position:absolute;top:50%;left:0;width: 50%;height: 1px;margin-top: -1px;background: #fff449;}
.eventWrap .con_4 .evt_way >strong::after{content:"";position:absolute;top:50%;right:0;width: 50%;height: 1px;margin-top: -1px;background: #fff449;}

.eventWrap .con_4 .evt_url_list{position:relative;margin: 60px auto 30px;}
.eventWrap .con_4 .evt_url_list >strong{display: block;text-align: center;position: relative;margin: 0 auto 24px;height: 22px;}
.eventWrap .con_4 .evt_url_list >strong img{z-index:2;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.eventWrap .con_4 .evt_url_list >strong::before{content:"";position:absolute;top:50%;left:0;width: 50%;height: 1px;margin-top: -1px;background: #fff449;}
.eventWrap .con_4 .evt_url_list >strong::after{content:"";position:absolute;top:50%;right:0;width: 50%;height: 1px;margin-top: -1px;background: #fff449;}
.eventWrap .con_4 .evt_url_list::before{display: none;content:"";position:absolute;top:0;left:0;width:100%;height:20px;background: url('https://img.megagong.net/m/2020/0420_click/gong/way_bg.jpg') 0 0 repeat-x;}
.eventWrap .con_4 .evt_url_list >span{display: block;margin: 20px auto 26px;}
.eventWrap .con_4 .evt_url_list .url_list_box{padding: 25px 35px;background: #fff;border: 5px solid #000;border-radius: 15px;}
.eventWrap .con_4 .evt_url_list .url_list_box .url_list{position: relative;padding: 15px 0 15px;border-bottom: 1px solid #dbdbdb;}
.eventWrap .con_4 .evt_url_list .url_list_box .url_list.last{border-bottom: none}
.eventWrap .con_4 .evt_url_list .url_list_box .url_list.last li:nth-child(6){margin:15px 0 0 188px;}
.eventWrap .con_4 .evt_url_list .url_list_box .url_list.last li:nth-child(7){margin:15px 0 0 auto;}
.eventWrap .con_4 .evt_url_list .url_list_box .url_list p{display:inline-block;float:left;margin-right:35px}

.eventWrap .con_4 .evt_url_list ul::after{content: "";display: block;clear: both;}
.eventWrap .con_4 .evt_url_list ul li{float:left;width: auto;box-sizing: border-box;}
.eventWrap .con_4 .evt_url_list ul li a{display: block;margin: 0 6px;}
.eventWrap .con_4 .evt_url_list ul li a span{font-size: 0}
.eventWrap .con_4 .evt_url_list ul li a strong{color: #fff449;}

.eventWrap .con_4 .evt_confirm{position:relative;text-align: left;margin: 50px auto 0;}
.eventWrap .con_4 .evt_confirm .tit{display: block;position: relative;margin-bottom: 15px;text-align:center;padding-bottom:15px;border-bottom: 1px solid #faf7f1;letter-spacing: -0.04em;}
.eventWrap .con_4 .evt_confirm .tit span{position: relative;z-index: 1;display: inline-block;font-size:29px;color: #196255;font-weight: bold;letter-spacing: -3px;}
.eventWrap .con_4 .evt_confirm ul{overflow:hidden;line-height:1.5;letter-spacing:-1px;font-size: 12px;color: #989898;}
.eventWrap .con_4 .evt_confirm ul li{position:relative;float:left;margin:0 20px 3px 0;width: 100%;}
.eventWrap .con_4 .evt_confirm ul li input{width:18px;height:18px;margin-top: -1px}
.eventWrap .con_4 .evt_confirm div{position: relative;padding-right: 168px;}
.eventWrap .con_4 .evt_confirm div.end::before{content:"";position:absolute;top: 50%;right: -32px;width: 112px;height: 106px;margin-top: -63px;background: url('https://img.megagong.net/m/common/end_point_vi.png') no-repeat 0 0;z-index: 1;background-size: 112px;}
.eventWrap .con_4 .evt_confirm div input[type="text"]{border:0;height: 60px;font-size: 15px;padding:0 20px;width: 100%;box-sizing: border-box;border: 3px solid #010101;}
.eventWrap .con_4 .evt_confirm div .btn{position: absolute;/* top:0; *//* right: 0; */background: #010101 url(https://img.megagong.net/m/2020/0520_new_join/gong/con4_btn.jpg) center no-repeat;width: 168px;height: 60px;text-indent:-9999px;text-align: center;}
.eventWrap .con_4 .evt_confirm .btnUrl{text-align:right;margin:10px 0 0 0;}
.eventWrap .con_4 .evt_confirm .btnUrl a{color: #fff;font-size:16px;border-bottom: 1px solid #fff;padding-right: 14px;}

.eventWrap .con_4 .evt_txt .tit{background:#51237a;color:#fff;padding:15px 0;font-size: 18px;cursor: pointer;font-weight: bold;}
.eventWrap .con_4 .evt_txt .tit span{color:#f3db63;}
.eventWrap .con_4 .evt_txt ul {text-align: left;}
.eventWrap .con_4 .evt_txt .slideToggle{display: none;}
.eventWrap .con_4 .cautn{padding: 0;text-align: left;}
.eventWrap .con_4 .evt_cautn{position: relative;margin: 25px 0 25px;text-align: left;}
.eventWrap .con_4 .evt_cautn li{position: relative;padding-left: 18px;text-align:left;font-size:14px;line-height:25px;text-align: left;color: #d7aaff;font-weight: normal;}
.eventWrap .con_4 .evt_cautn li.sub{font-size: 13px;}
.eventWrap .con_4 .evt_cautn li::before{position: absolute;top: 12px;left:0;width: 5px;height: 1px;content: "";background: #d7aaff;}
.eventWrap .con_4 .evt_cautn li.sub::before{content: ":";width: auto;height: auto;background: none;top: -3px;left: 8px;}
.eventWrap .con_4 .evt_cautn li span.bold{font-weight:bold;color:#fff}
.eventWrap .con_4 .evt_cautn li a{color: #ffffff;background: #000000;padding: 3px 8px;text-align: center;font-size: 11px;display: inline-block;margin: 0 0 0 3px;}

/*stage1 Æ˾÷*/
.dim_bnrwrp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;}
.dim_bnrwrp_wrap .dim_popup{position:fixed;top:50% !important;left:50%;z-index:3;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.dim_popup button{position:absolute;right: 15px;top: 15px;background: none;}
.dim_popup .btnClose{display:block;width: 38%;height: 9%;position:absolute;left: 31%;bottom: 5%;text-indent:-9999px;}
.dim_popup .btnClose img{display:block}

/*stage2 ÄûÁî Æ˾÷*/
#evtlyr2 .dim_popup .btn_box{display: block;width: 70%;height: 70px;position: absolute;bottom: 15%;left: 15%;}
#evtlyr2 .dim_popup .step4 .btn_box{width: 38%;left: 31%;height: 15%;bottom: 16%;}
#evtlyr2 .dim_popup .step4 .btn_box a{display:block;width: 100%;height: 100%;}
#evtlyr2 .dim_popup .btn_box .btn{float: left;width:49%;height: 100%;}
#evtlyr2 .dim_popup .btn_box .btn + .btn{margin-left: 1%;}
#evtlyr2 .dim_popup .pop_quiz{/* width: 420px; */}
#evtlyr2 .dim_popup .pop_quiz .inner{width:100%;padding: 0;}
#evtlyr2 .dim_popup .pop_quiz.step5 .inner{overflow:hidden}
#evtlyr2 .dim_popup .pop_quiz.step5 {width:420px;position: relative;background: url('https://img.megagong.net/m/2020/0520_new_join/gong/pop2_img5.png') center 0 no-repeat;background-size: 100% auto;/* overflow: hidden; */}
#evtlyr2 .dim_popup .pop_quiz.step5 .btn_box{width: 38%;left: 31%;height: 7%;bottom: 5%;}
#evtlyr2 .dim_popup .pop_quiz.step5 .btn_box a{display:block;width: 100%;height: 100%;font-size: 0;}
#evtlyr2 .dim_popup .pop_quiz.step5 .gift_box{padding-top: 235px;}
#evtlyr2 .dim_popup .pop_quiz.step5 .gift_box span{display:block;font-size:16px;color:#2c6edb;font-weight:bold;margin-top:3px}
#evtlyr2 .dim_popup .pop_quiz.step5 .pop_info{position: relative;width: 90%;height: 110px;text-align: left;margin: 24px auto 55px;padding: 14px 15px;border: 1px solid #cccccc;}
#evtlyr2 .dim_popup .pop_quiz.step5 .pop_info li{text-indent:-10px;padding-left:10px}
#evtlyr2 .dim_popup .pop_quiz.step5 .pop_info .br360{display: block;}
#evtlyr2 .dim_popup .pop_quiz.step5 .pop_info a.btnClose{text-indent:0;bottom: -27px;height: 45px;}
#evtlyr2 .dim_popup .pop_quiz.step5 .pop_info li .agree {color: red;font-weight: bold;}

/*stage2 ´ç÷ ³»¿ª È®ÀÎ Æ˾÷*/
#evtlyr3 .dim_popup{width:420px;}
#evtlyr3 .popup_inner {position: relative;background: url('https://img.megagong.net/m/2020/0520_new_join/gong/pop2_img5.png') center 0 no-repeat;background-size: 100% 100%;overflow: hidden;}
#evtlyr3 .popup_inner .btn_box{display: block;position: absolute;width: 38%;left: 31%;height: 7%;bottom: 5%;left: 15%;}
#evtlyr3 .popup_inner .btn_box a{display:block;width: 100%;height: 100%;font-size: 0;}
#evtlyr3 .popup_inner .gift_box{padding-top: 235px;}
#evtlyr3 .popup_inner .gift_box span{display:block;font-size:16px;color:#2c6edb;font-weight:bold;margin-top:3px}
#evtlyr3 .popup_inner .pop_info{position: relative;width: 90%;height: 110px;text-align: left;margin: 24px auto 55px;padding: 14px 15px;border: 1px solid #cccccc;}
#evtlyr3 .popup_inner .pop_info li{text-indent:-10px;padding-left:10px}
#evtlyr3 .popup_inner .pop_info li .br360{display: block;}
#evtlyr3 .popup_inner .pop_info li .agree {color: red;font-weight: bold;}
#evtlyr3 .popup_inner .btnClose{text-indent:0;bottom: -27px;height: 45px; z-index: 3;}


/* µî·ÏÇÑ url Æ˾÷*/
.clickPop{width:492px;background:#fff;border:1px solid #000;padding:40px 0;position:absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.dim_popup.clickPop .tit{text-align:center;margin: 0 0 50px 0;padding: 0 15px;}
/* #my_result.clickPop{display:block;background: url('https://img.megagong.net/m/2020/0420_click/gong/btn_popup_bg.jpg') center 0 no-repeat;background-size: 100% 100%;}
#my_result.clickPop .tit{margin: 0 0 20px 0;} */
.dim_popup.clickPop .btnConfirm{text-align:center;margin:20px 0 0 0;}
.dim_popup.clickPop .btnClose{position:absolute;right: 15px;left: auto;top: -1px;width: auto;}
.dim_popup.clickPop .tableBox{overflow-y:auto;height:316px;margin: 0 29px 30px;background: #fff;}
.dim_popup.clickPop .tableBox .tableType table thead tr th{width:10%;font-size: 13px;}
.dim_popup.clickPop .tableBox .tableType table thead tr th + th{width:20%;}
.dim_popup.clickPop .tableBox .tableType table thead tr th + th + th{width:40%;}
.dim_popup.clickPop .tableBox .tableType table thead tr th + th + th + th{width:30%;background-image: none;}
.dim_popup.clickPop .tableBox .tableType table tbody tr td{padding: 5px 3px;border-top:1px solid #ddd;word-break:break-all;}
.dim_popup.clickPop .tableBox .tableType table tbody tr td.con{text-align:left;}
.dim_popup.clickPop .tableBox .tableType table tbody tr td + td + td{letter-spacing: -0.08em}
.dim_popup.clickPop .tableBox .tableType {padding: 0;}
.dim_popup.clickPop .tableBox .tableType table {border-top:1px solid #e6e6e6;table-layout:fixed;margin: 0 0 0;width: 100%;}
.dim_popup.clickPop .tableBox .tableType table  tr{border-bottom:1px solid #e6e6e6}
.dim_popup.clickPop .tableBox .tableType table  th{padding: 12px 5px;font-size:12px;color:#333;border-bottom:1px solid #e6e6e6;font-weight:bold;text-align:center;vertical-align:middle;background:#fafafa url('http://img.megagong.net/tmp_img/utimage/etc/110527/tit_line.gif') no-repeat right center;}
.dim_popup.clickPop .tableBox .tableType table  th.last{background:#fafafa}
.dim_popup.clickPop .tableBox .tableType table  td{padding:16px 5px;font-size:12px;vertical-align:middle;text-align:center;letter-spacing: -0.03em;}
.dim_popup.clickPop .tableBox .tableType table  td img{vertical-align:middle;margin-left:3px}
.dim_popup.clickPop .tableBox .tableType table  td img.importantIcon{vertical-align:-3px;margin:0 0 0 0;}
.dim_popup.clickPop .tableBox .tableType table  td img.titleIcon{vertical-align:-2px;margin:0 0 0 0;}
.dim_popup.clickPop .tableBox .tableType table  tr td a:hover{color:#000}
.dim_popup.clickPop .tableBox .tableType table  td.aL{text-align:left;padding-left:10px;}
.dim_popup.clickPop .tableBox .tableType table  td strong{font-weight:bold;vertical-align:top}


@media (max-width: 1200px){
	.eventWrap{overflow:hidden}
	.flt_inner{display:none}
	.eventWrap .inner,.eventWrap .visual .inner,.eventWrap .con_1 .inner,.eventWrap .con_2 .inner,.eventWrap .con_3 .inner,.eventWrap .con_4 .inner{width: 97%;}
	.eventWrap img{max-width: 100%;}
	.eventWrap .visual{background-size:cover;}
	.clear{width: 13%;right: 0;top: 45%;}
	.con_4 .clear{width: 13%;right: 0;top: 20%;}
	.eventWrap .con_4 .evt_url_list .url_list_box{width: 90%;margin: 0 auto;padding: 20px 20px;}
	.eventWrap .con_4 .evt_txt{width: 90%;margin: 0 auto;}
	.eventWrap .con_4 .evt_url_list .url_list_box .url_list p{margin-right:10px}
	.eventWrap .con_4 .evt_url_list .url_list_box .url_list.last li:nth-child(6){margin:15px 0 0 160px;}
    .eventWrap .con_4 .evt_url_list .url_list_box .url_list.last li:nth-child(7){margin:15px 0 0 auto;}
}
@media (max-width: 992px){
	.clear{width: 13%;right: 0;top: 35%;}
	.eventWrap .visual .top_txt{width:100%;}
	.eventWrap .con_2 ul li input[type=radio] {width: 26px;height: 26px;}
	.eventWrap .con_2 ul li img{max-width:90%}
	.eventWrap .con_2 ul li:nth-child(1) label img,.eventWrap .con_2 ul li:nth-child(3) label img{padding-top:3px;}
	.eventWrap .con_2 ul li:nth-child(2) img{max-width:100%}

	.eventWrap .con_4 .evt_url_list .url_list_box{width: 100%;}
	.eventWrap .con_4 .evt_txt{width: 100%;}
}
@media (max-width: 900px){
	.clear{width: 13%;right: 0;top: 40%;}
	.con_4 .clear{width: 13%;right: 0;top: 20%;}
	.eventWrap .visual .top_txt li{width:100%;}
	.eventWrap .visual .top_txt li+li{margin-top:15px}
	.eventWrap .con_3 .stage2_btn{max-width:70%}
	
	.eventWrap .con_4 .evt_confirm div{padding-right: 0;}
	.eventWrap .con_4 .evt_confirm div input[type="text"]{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.eventWrap .con_4 .evt_confirm div .btn{position:relative;display: block;width: 100%;height:40px;background-size:13% auto;}

	.eventWrap .con_4 .evt_url_list .url_list_box .url_list p {display:block;width: 100%;text-align: left;}
    .eventWrap .con_4 .evt_url_list ul li a{margin: 6px 6px 0 0;}
	
    .eventWrap .con_4 .evt_url_list .url_list_box .url_list.last li:nth-child(6){margin: 0 0 0 auto;}
	.eventWrap .con_4 .evt_url_list .url_list_box .url_list.last li:nth-child(7){margin: 0 0 0 auto;}
	.eventWrap .con_4 .evt_confirm .btnUrl a{padding-right: 0;}
}
@media (max-width: 768px){
	.eventWrap .visual .top_txt{width: 60%;}
	.eventWrap .con_1{padding: 55px 0 55px 0;overflow: hidden;}
	.eventWrap .con_1 p{width: 70%;margin: 0 auto;}
	.eventWrap .con_2 .inner{padding: 40px 0 60px;}
	.eventWrap .con_2 ul li input[type=radio] {width: 22px;height: 22px;}
	.eventWrap .present img{max-width:80%}
	.eventWrap .con_3 .present img{max-width:90%}
	.eventWrap .con_3 .inner{padding: 40px 0 40px;}
	.eventWrap .con_4 .inner{padding: 40px 0 60px;}
	.eventWrap .con_4 .evt_confirm{margin: 25px auto 0;}
	
	#evtlyr .dim_popup {width: 80%;}
	.dim_popup #gift_img{width:100%}
	.pop_quiz img{width:100%}
	.pop_quiz.step5 img{width: auto;}
	
	.clickPop .tableBox{margin:0 15px}
	.clickPop .tableBox .tableType table tbody tr td + td + td{font-size: 11px;line-height: 1.1}
	.clickPop .tableBox .tableType table tbody tr td + td + td + td{font-size: 12px;line-height: 1.4}
	.clickPop .present img{max-width: 50%;}
}
@media (max-width: 576px){

	.eventWrap .visual .inner{padding:30px 0}
	.eventWrap .visual .top_txt{width: 70%;}
	.eventWrap .con_1:before{width: 21px;height: 11px;top: 0px;left: 50%;margin-left: -6px;background-size:100%}
	.eventWrap .con_2 ul{margin: 25px auto 0;}
	.eventWrap .con_4 .evt_confirm div .btn{background-size:20% auto;}
    .eventWrap .con_4 .evt_url_list .url_list_box .url_list li{width: 33.3%}
    .clickPop{width: 90%;}
}	
@media (max-width: 500px){
	.eventWrap .present img{max-width:90%}
	.eventWrap .con_3 .present img{max-width:100%}
	.eventWrap .con_4 .evt_way >strong img{max-width:40%}
	.eventWrap .con_4 .evt_url_list >strong img{max-width:50%}
	.eventWrap .con_4 .evt_url_list .url_list_box .url_list p img{max-width: 35%;}
    
    #evtlyr2 .dim_popup {width: 90%;}
	#evtlyr2 .dim_popup .pop_quiz.step5{width: 100%;background-size: 100% 100%;}
	#evtlyr2 .dim_popup .pop_quiz.step5 .gift_box{padding-top: 60%;}
	#evtlyr2 .dim_popup .pop_quiz.step5 .gift_box img{width: 50%;}
	#evtlyr2 .dim_popup .pop_quiz.step5 .pop_info{padding: 14px 10px;font-size: 12px;margin: 20px auto 10%;}
	#evtlyr3 .dim_popup{width:90%;}
    #evtlyr3 .popup_inner {background-size:100% 100%}
    #evtlyr3 .popup_inner .gift_box{padding-top: 60%;}
	#evtlyr3 .popup_inner .gift_box img{width: 25%;}
	#evtlyr3 .popup_inner .pop_info{padding: 14px 10px;font-size: 12px;margin: 20px auto 10%;}
   
}
@media (max-width: 420px){
	#evtlyr2 .dim_popup .pop_quiz.step5 .pop_info .br360{display: none;}
	#evtlyr3 .popup_inner .pop_info li .br360{display: none;}
	#evtlyr3 .popup_inner .gift_box img{width: 25%;}
}
@media (max-width: 375px){
	.eventWrap .con_4 .evt_url_list .url_list_box .url_list p img{max-width: 31%;}
	#evtlyr3 .popup_inner .gift_box img{width: 40%;}
}
@media (max-width: 360px){
	#evtlyr2 .dim_popup .pop_quiz.step5 .gift_box{padding-top: 62%;}
    #evtlyr2 .dim_popup .pop_quiz.step5 .gift_box span{font-size:13px;}
	#evtlyr2 .dim_popup .pop_quiz.step5 .pop_info{height: 100%;padding: 14px 10px 10% 10px;font-size: 0.9em;}
	#evtlyr3 .popup_inner .gift_box{padding-top: 62%;}
	#evtlyr3 .popup_inner .pop_info{height: 100%;padding: 14px 10px 10% 10px;font-size: 0.9em;}
	#evtlyr3 .popup_inner .gift_box span{font-size:13px;}
	
}