@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%;position:relative;font-family:'Malgun Gothic','¸¼Àº °íµñ';line-height: 1.4;letter-spacing: -0.06em;overflow:hidden;}

.eventWrap .visual{background: #a73b4b url('https://img.megagong.net/m/2020/0812_pass_period/gong/top_bg.jpg') no-repeat center 0;background-size: auto 100%;}
.eventWrap .visual .inner{position: relative;width:1090px;}
.eventWrap .visual h3{position: relative;margin-left:10px;}
.eventWrap .visual h3 span{position:absolute;right:-30px;bottom:90px}
.eventWrap .visual .inner:after{position: absolute;content: "";background: url('https://img.megagong.net/m/2020/0812_pass_period/gong/top_after.jpg') no-repeat center 0;width: 80px;height: 48px;bottom: -47px;left: -80px;z-index: 2;}

.eventWrap .con_1{position:relative;background: #141414;}
.eventWrap .con_1 .inner{position:relative;width: 1121px;padding: 87px 0 75px 0;}
.eventWrap .con_1 .inner:after{position: absolute;content: "";background: url('https://img.megagong.net/m/2020/0812_pass_period/gong/con1_after.jpg') no-repeat center 0;width: 80px;height: 48px;bottom: -47px;left: -80px;z-index: 2;}
.eventWrap .con_1 .inner p img{margin-left: 90px;}

.eventWrap .con_2{}
.eventWrap .con_2 .inner{position: relative;text-align: center;padding: 95px 0 100px;}
.eventWrap .con_2 .inner:after{position: absolute;content: "";background: url('https://img.megagong.net/m/2020/0812_pass_period/gong/con2_after.jpg') no-repeat center 0;width: 80px;height: 48px;bottom: -47px;left: -80px;z-index: 2;}
.eventWrap .con_2 p.txt{font-size: 22px;font-weight: bold;margin-top:40px;}
.eventWrap .con_2 .btn_box{margin: 50px auto 40px;display: inline-block;}
.eventWrap .con_2 .btn_box a{display: block;width:100%;}
.eventWrap .con_2 .btn_box a.processing,.eventWrap .con_2 .btn_box a.complete{cursor: default;}
.eventWrap .con_2 .btn_noti{width:706px;border:1px solid #666666;box-sizing:border-box;margin: 0 auto 85px;padding:20px 40px;}
.eventWrap .con_2 .btn_noti img{display:inline-block;margin-top: 6px;}
.eventWrap .con_2 .btn_noti span{display:inline-block;text-align:left;margin-left: 25px;color: #666666;}
.eventWrap .con_2 .gift_box{margin: 30px auto;}
.eventWrap .con_2 .gift_box .tit{background: #28252d;color: #fff;font-size: 27px;font-weight: bold;padding:15px 0;border-radius:20px 20px 0 0;letter-spacing: -1.5px;}
.eventWrap .con_2 .gift_box ul{overflow:hidden;padding:35px 35px 60px;border:1px solid #28252d;border-radius:0 0 20px 20px;}
.eventWrap .con_2 .gift_box ul li{float:left}
.eventWrap .con_2 .gift_box ul li+li{margin-left:70px}
.eventWrap .con_2 .gift_box ul li:last-child{margin:60px auto 0 95px}
.eventWrap .con_2 .gift_box ul li span{display:block;width:91%;margin-top:15px;background:#f0f0f0;font-size:14px;padding:10px 0}
.eventWrap .con_2 .gift_box ul li span .mo_view{display: none;}
.eventWrap .con_2 .gift_box ul li:last-child span{width:100%}
.eventWrap .con_2 .step_box {margin: 30px auto;}
.eventWrap .con_2 .step_box .tit{background: #28252d;color: #fff;font-size: 27px;font-weight: bold;padding:15px 0;border-radius:20px 20px 0 0;letter-spacing: -1.5px;}
.eventWrap .con_2 .step_box ul.step_num{overflow:hidden;padding: 13px 0;background:#f0f0f0;border-left: 1px solid #222;border-right: 1px solid #222;}
.eventWrap .con_2 .step_box ul.step_num li{float:left;width:33.3%;text-align:center}
.eventWrap .con_2 .step_box ul.step_img{overflow:hidden;padding: 30px 0;border: 1px solid #222;border-top:none;border-radius:0 0 20px 20px;}
.eventWrap .con_2 .step_box ul.step_img li{position:relative;float:left;width:33.3%;text-align:center;}
.eventWrap .con_2 .step_box ul.step_img li+li:before{position: absolute;content:'';background: url('https://img.megagong.net/m/2020/0812_pass_period/step1_img_before.jpg') no-repeat center 0;width:15px;height:173px;left: 0;top: 5px;}
.eventWrap .con_2 .noti_link{margin:40px auto;}
.eventWrap .con_2 .evt_txt .tit{background: #28252d;color:#fff;padding: 10px 0;font-size: 20px;cursor: pointer;font-weight: bold;}
.eventWrap .con_2 .evt_txt .tit .on{display:none}
.eventWrap .con_2 .evt_txt .tit.on .off{display:none}
.eventWrap .con_2 .evt_txt .tit.on .on{display:inline-block}
.eventWrap .con_2 .evt_txt ul {text-align: left;}
.eventWrap .con_2 .evt_txt .slideToggle{display: block;}
.eventWrap .con_2 .cautn{padding: 0;text-align: left;}
.eventWrap .con_2 .evt_cautn{position: relative;margin: 0 auto 25px;padding: 30px 30px;background: #f8f8f8;}
.eventWrap .con_2 .evt_cautn li{text-align:left;font-size: 13px;line-height:25px;text-align: left;color: #000000;font-weight: bold;}
.eventWrap .con_2 .evt_cautn li span{position: relative;display:block;padding-left: 10px;font-weight: normal;/* margin-left: 15px; */}
.eventWrap .con_2 .evt_cautn li span::before{position: absolute;top: 12px;left:0;width: 5px;height: 1px;content: "";background: #000000;}
.eventWrap .con_2 .evt_cautn li span.le{padding-left: 15px;}
.eventWrap .con_2 .evt_cautn li span.le::before{display:none}
.eventWrap .con_2 .evt_cautn li span.le::after{position: absolute;top: 8px;left: 10px;width: 1px;height: 10px;content: "";background: #000000;}
.eventWrap .con_2 .evt_cautn li a{/* color: #ffffff; */border: 1px solid #000000;padding: 0px 2px;line-height: 18px;text-align: center;font-size: 11px;display: inline-block;margin: 0 0 0 3px;}

.eventWrap .con_3{padding:85px 0 110px;background: #a73b4b;text-align: center;}
.eventWrap .con_3 .tit{margin-bottom:25px}
.eventWrap .con_3 .txt{width: 1000px;margin: 0 auto;}
.eventWrap .con_3 .txt img.pc{display:block}
.eventWrap .con_3 .txt img.mo{display:none}

.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%);}
.clickPop{width: 640px;background:#fff;position:fixed;top:50% !important;left:50%;z-index:3;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.btnClose{position: absolute;top: 20px;right: 20px;}
.cont {padding-bottom:30px}
.cont.pop_pro2{display: none;}
#pop_wrap{position:relative;width:100%;max-width: 640px;word-break: keep-all;margin: 0 auto;min-width: 320px;max-height: 810px;/*overflow-y: scroll;*/}
#pop_wrap .top_title{position: relative;background-color: #056fdb;padding: 20px 0;/* overflow: hidden; */text-align: center;}
#pop_wrap .top_title:after{position:absolute;content:'';background: url('https://img.megagong.net/m/2020/0812_pass_period/pop_tit_after.jpg') no-repeat center 0;width:19px;height:12px;left:50%;bottom: -12px;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);z-index: 1;}
#pop_wrap .top_title p{text-align: center;margin-top: 10px;font-size: 14px;}
#pop_wrap .write_info{/* padding-bottom: 12px; */padding: 15px 20px 10px;}
#pop_wrap .write_info p{padding-bottom: 3px;line-height: 1.4;position: relative;padding-left: 5px;font-size: 15px;font-weight: bold;}
#pop_wrap .write_info p.form_tit::before{position: absolute;top: 4px;left:0;width: 2px;height: 12px;content: "";background: #000;}
#pop_wrap .write_info p.form_tit strong{float: right;font-size: 12px;font-weight: normal;}
#pop_wrap .write_info > strong,#pop_wrap .write_question > strong{display: block;font-size: 12px;color: #6b6b6b;text-align: right;padding: 0 0 8px;font-weight: normal !important;}
#pop_wrap .write_info > strong span{font-style: normal;color: #e02900;font-size: 14px;padding: 0 0 0 4px;}
#pop_wrap .write_info table{border-collapse:collapse;border:0;}
#pop_wrap .write_info table { border-top:1px solid #ddd; border-bottom:none; text-align:center; border-left:1px solid #ddd;width: 100%}
#pop_wrap .write_info table.t_border1 tr th, table.t_border1 td {padding:5px;border-bottom:1px solid #ddd;font-size:12px;box-sizing: border-box;line-height: 1.3;}
#pop_wrap .write_info table.t_border1 tr th{font-weight:bold}
#pop_wrap .write_info table.t_border1 tr th label{display: block;}
#pop_wrap .write_info table.t_border1 tr th label span{display: block;font-weight: normal !important;font-size: 11px}
#pop_wrap .write_info table.t_border1 tr td {text-align: left;color: #666666;}
#pop_wrap .write_info table.t_border1 tr td span{display: inline-block;border:1px solid #ccc;padding: 0 3px;width: 60%;}
#pop_wrap .write_info table.t_border1 tr td.subject span{width: 45px;margin-right: 30px;}
#pop_wrap .write_info table.t_border1 tr td.subject span.subject_tit{border:none;width:auto}
#pop_wrap .write_info table.t_border1 tr td.subject .subject_tit+.subject_tit{margin-left:40px}
#pop_wrap .write_info table.t_border1 tr td.subject_score2 span{width: 90px;}
#pop_wrap .write_info table.t_border1 tr td span.impor{border:none;display: inline-block;float: right;width: auto;color: #999999;}
#pop_wrap .write_info table.t_border1 tr td span.impor2{float:left;border: none;width: auto;color: #999999;}
#pop_wrap .write_info table.t_border1 tr td span.tiny_noti{border:none;display: inline-block;width: auto;color:#999999}
#pop_wrap .write_info table.t_border1 tr td .tiny_txt{display:inline-block}
#pop_wrap .write_info table.t_border1 tr td label{display: inline-block;}
#pop_wrap .write_info table.t_border1 tr td input[type="text"]{width: 100%;border:0;height: 28px;font-size: 12px;background-color:transparent !important}
#pop_wrap .write_info table.t_border1 tr td input::placeholder {color: #dddddd;}
#pop_wrap .write_info table.t_border1 tr td input::-webkit-input-placeholder {color: #dddddd;}
#pop_wrap .write_info table.t_border1 tr td input:-ms-input-placeholder{color: #dddddd;}
#pop_wrap .write_info table.t_border1 tr td textarea::placeholder {color: #dddddd;}
#pop_wrap .write_info table.t_border1 tr td textarea::-webkit-input-placeholder {color: #dddddd;}
#pop_wrap .write_info table.t_border1 tr td textarea::-ms-input-placeholder{color: #dddddd;}
#pop_wrap .write_info table.t_border1 tr td #app_mem_subject2_subject_score2{/* width:45px */}
#pop_wrap .write_info select{width: 100%;border: 0;padding: 0;margin: 0;height: 27px;}
#pop_wrap .write_info [type="radio"],#pop_wrap .write_info [type="checkbox"]{margin-right: 2px;vertical-align: middle;}
#pop_wrap .write_info tr td textarea{width: 100%;box-sizing: border-box;padding: 4px;font-size: 12px;font-family: '¸¼Àº °íµñ','µ¸¿ò',Arial;line-height: 1.4;border: 1px solid #ccc}
#pop_wrap .cont.pop_pro2 .write_info tr td{font-weight:bold}
#pop_wrap .cont.pop_pro2 .write_info tr td span {width:100%}
#pop_wrap .cont.pop_pro2 .write_info tr td span.cont1,#pop_wrap .cont.pop_pro2 .write_info tr td  span.cont2, #pop_wrap .cont.pop_pro2 .write_info tr td span.cont3{border:none;display: inline-block;width: auto;}
#pop_wrap .cont.pop_pro2 .write_info tr td textarea{min-height:135px;margin-top: 5px;}


#pop_wrap .write_info td.documnt .filebox{position: relative;height: 26px;padding: 0 0 0 1px;float: right;}
#pop_wrap .write_info td.documnt .filebox .filename{position: relative;height: 26px;width: 250px;float: left;border:1px solid #ccc;overflow:hidden;box-sizing: border-box;}
#pop_wrap .write_info td.documnt .filebox .filename label{position: absolute;top:0;left:0;z-index: 1;font-size: 13px;padding-left: 10px;height: 47px;line-height: 47px;}
#pop_wrap .write_info td.documnt .filebox .filename input[type="text"]{position: absolute;top:2px;left:0;font-size: 12px;width: 95%;height: 18px;padding-left: 10px;color:#333;border:0;}
#pop_wrap .write_info td.documnt .filebox .filename a{position: absolute;top: 9px;right: 10px;width: 50px;height: 28px;line-height: 28px;font-size: 13px;font-weight: bold;background-color: #929292;color: #fff;z-index: 1}
#pop_wrap .write_info td.documnt .filebox .filebtn{position: relative;width: 70px;height: 26px;float: left;margin-left: 10px;cursor: pointer;}
#pop_wrap .write_info td.documnt .filebox .filebtn label{position: absolute;top:0;right:0;background-color: #000;color: #fff;font-size: 12px;width:100%;text-align: center;height: 26px;line-height: 26px;}
#pop_wrap .write_info td.documnt .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;}
#pop_wrap .tiny_txt{position: relative;padding: 0 20px;/* margin-bottom: 15px; */color: #666666;font-size: 12px;}
#pop_wrap .privacy_wrap{position: relative;margin: 0 20px;}
#pop_wrap .privacy_txt{padding: 12px 12px 12px;margin: 10px 0 10px;max-height: 89px;overflow-y:scroll;border: 1px solid #ccc;}
#pop_wrap .privacy_txt strong{display: block;font-size: 11px;}
#pop_wrap .privacy_txt span{display: block;margin-bottom: 7px;color: #999999;font-size: 11px;}
#pop_wrap .privacy_check{position: relative;padding-left: 17px;color: #999999;font-size: 11px;}
#pop_wrap .privacy_check input[type=checkbox]{position: absolute;top: 1px;left:0;}
#pop_wrap .privacy_check a{display: inline-block;padding: 0 9px;vertical-align: middle;background: #999;color: #fff;text-decoration: none;font-size: 12px;font-weight: normal !important;margin: 0 0 0 8px;height: 23px;line-height: 23px;}

#pop_wrap .filebox{position: relative;margin: 0 0 5px;height: 30px;padding: 0 0 0 0px;}
#pop_wrap .filebox .filename{position: relative;height: 30px;width: 80%;float: left;border: 1px solid #ccc;overflow:hidden;box-sizing: border-box;}
#pop_wrap .filebox .filename label{position: absolute;top:0;left:0;z-index: 1;font-size: 13px;padding-left: 10px;height: 30px;line-height: 30px;}
#pop_wrap .filebox .filename input[type="text"]{position: absolute;top: 0px;left:0;font-size: 13px;width: 83%;height: 30px;padding-left: 10px;color:#333;border:0;}
#pop_wrap .filebox .filename a{position: absolute;top: 5px;right: 10px;width: 50px;height: 20px;line-height: 20px;font-size: 13px;font-weight: bold;text-align:center;background-color: #929292;color: #fff;z-index: 1;}
#pop_wrap .filebox .filebtn{position: relative;width: 19%;height: 30px;float: right;cursor: pointer;}
#pop_wrap .filebox .filebtn label{position: absolute;top:0;right:0;background-color: #000;color: #fff;font-size: 13px;width:100%;text-align: center;height: 30px;line-height: 30px;}
#pop_wrap .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;}

.btn_next,.btn_prev,.btn_complete{text-align:center;margin-top: 15px;}
.btn_box{width:515px;margin:0 auto;}
.btn_box > div{display:inline-block;}

#pop_wrap .txtarea{height: 100px}
#pop_wrap .txtarea textarea{width: 100%;height: 100%;border:0;max-width: 100%;max-height: 100%;font-family:'?? ??','??',Arial;font-size:12px;line-height: 1.3}


@media (max-width: 1200px){
	.eventWrap .inner{width: 96%;}
	.eventWrap .visual .inner{width: 96%;}
	.eventWrap .visual .inner:after{width: 40px;height: 24px;bottom: -24px;left: -20px;background-size: contain;}
	.eventWrap .visual h3 span{max-width:25%;right: -2%;bottom: 12%;}
	.eventWrap .con_1 .inner{width: 96%;}
	.eventWrap .con_1 .inner:after{width: 40px;height: 24px;bottom: -24px;left: -20px;background-size: contain;}
	.eventWrap .con_1 .inner p{margin-left: 0;}
	.eventWrap .con_1 .inner p img{margin-left: 6%;}
	.eventWrap .con_2 .gift_box ul li{width:49%}
	.eventWrap .con_2 .gift_box ul li+li{margin-left:2%}
	.eventWrap .con_2 .gift_box ul li:last-child{width: 100%;margin:60px auto 0 auto;}
	.eventWrap .con_2 .inner:after{width: 40px;height: 24px;bottom: -24px;left: -20px;background-size: contain;}
	.eventWrap .con_3 .txt{width: 100%}
}
@media (max-width: 992px){
	.eventWrap .con_2 .step_box ul.step_img li img{max-width: 80%;}
	.eventWrap .con_2 p.txt{font-size: 16px;margin-top: 20px;}
}
@media (max-width: 768px){
	.eventWrap .visual h3 span{max-width:20%}
	.eventWrap .con_1 .inner{padding: 40px 0 40px 0;}
	.eventWrap .con_2 .inner{padding: 40px 0 40px;}
	.eventWrap .con_2 .btn_box{margin: 25px auto 20px;max-width: 55%;}
    .eventWrap .con_2 .btn_box a{width:100%;}
    .eventWrap .con_2 .btn_noti{width: 82%;margin: 0 auto 40px;padding: 2% 2%;font-size: 11px;}
    .eventWrap .con_2 .btn_noti img{display:block;max-width: 20%;}
    .eventWrap .con_2 .btn_noti span{display: block;margin-left: 0;margin-top: 10px;}
    .eventWrap .con_2 .gift_box .tit{font-size: 20px;}
    .eventWrap .con_2 .gift_box ul{padding:15px 15px 30px;}
	.eventWrap .con_2 .step_box .tit{font-size: 20px;}
	.eventWrap .con_2 .step_box ul.step_img li+li:before{width:15px;height:80%;top:10%;background-size:contain}
	.eventWrap .con_2 .noti_link{width: 70%;margin:0 auto;}
    .eventWrap .con_2 .evt_txt .tit{font-size:16px}
	.eventWrap .con_3{padding: 40px 0 40px;}
	.eventWrap .con_3 .txt img.pc{display:none}
	.eventWrap .con_3 .txt img.mo{display:block}
	#pop_wrap{max-height: 550px;overflow-y: scroll;}
	#pop_wrap .write_info table.t_border1 tr td span.impor{float: none;margin-top: 5px;display: block;}
	/* #pop_wrap .cont.pop_pro2 .write_info tr td textarea{min-height:110px;} */
	.btn_box{width:80%;}
	.btn_box> div{width:49%}
	.btn_box> div:last-child{float: right;}

}
@media (max-width: 576px){
	.eventWrap .con_2 .btn_noti{width:90%;font-size: 10px;}
	.eventWrap .con_2 .gift_box .tit{padding:10px 0;font-size: 18px;}
	.eventWrap .con_2 .gift_box ul li span{font-size:11px}
	.eventWrap .con_2 .gift_box ul li span .mo_view{display: block;}
	.eventWrap .con_2 .step_box .tit{padding:10px 0;font-size: 18px;}
	.eventWrap .con_2 .step_box ul.step_num{display: none;}
	.eventWrap .con_2 .step_box ul.step_img li{float: none;width: 100%;margin: 0 auto 20px;}
	.eventWrap .con_2 .step_box ul.step_img li+li{border-top:1px dashed #222;padding-top: 20px;margin: 0 auto 0;}
	.eventWrap .con_2 .step_box ul.step_img li+li::before{display: none;}
	.eventWrap .con_2 .step_box ul.step_img li+li::after{position: absolute;content:'';background: url('https://img.megagong.net/m/2020/0812_pass_period/step1_img_before_m.jpg') no-repeat center 0;width:24px;height:15px;left:50%;top:-2px;margin-left:-12px}
	.eventWrap .con_2 .evt_cautn{padding: 15px 15px;}
	
    .clickPop{width: 96%;}
	#pop_wrap .write_info table.t_border1 tr td.subject span{margin-right: 5px;}
	#pop_wrap .top_title img{max-width:75%}
	#pop_wrap .filebox .filename{width:100%}
	#pop_wrap .filebox .filebtn{float: left;width: 100%;margin-bottom: 10px;}
	#pop_wrap .cont.pop_pro2 .write_info tr td textarea{min-height: 100px;overflow-y: scroll;}
	.btn_next,.btn_prev,.btn_complete{max-width:50%;margin: 10px auto 0;}
	.btnClose{width:25px;height:25px;top:10px;right:10px}
}	

@media (max-width: 460px){
	#pop_wrap .write_info table.t_border1 tr td.subject span{margin-right: 0px;}
	.eventWrap .con_2 p.txt{font-size: 14px;}
}
@media (max-width: 360px){
}