@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500,700&subset=korean');

/*reset*/
body, div, h2,h3,dl, dt, dd, ul,li, p, span, a, img,form,fieldset, legend, input, label, select, option{margin:0; padding:0; box-sizing:border-box;}
body,input,select{font-family:'Noto Sans KR','돋움', doutm, sans-serif;}
img,fieldset{border:none;}
a{text-decoration:none; color:#fff;}

legend,
.skip{width:1px;
	  height:1px;
	  overflow:hidden;
	  visibility:hidden;
	  font-size:0;
	  line-height:0;
	  position:absolute;
	  left:-999px;}

ul {list-style:none;}
input,select,img {vertical-align:middle;}

/*contents*/
.eventImg{width:100%;}
.eventImg_pc{display:block;}
.eventImg_m{display:none;}
.eventImg>img{width:100%;}
.event_apply{width:100%; background:#e8e8e8;}
h2{width:100%; font-size:8.25vw; text-align:center; padding:5.625vw 0;}
h2>span{color:#9d8e79;}

.event_select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:#fff url(../img/iconCheck.png) no-repeat;
background-position: right 3.75vw center;
background-size:4.125vw 2.5vw;}

input[type='checkbox']{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

input[type='checkbox']+label:before{
	display: block;
	float: left;
	width: 5vw;
	height: 5vw;
	background:#fff;
	background-size: cover;
	content:'';
	margin-right:15px;
}

input[type="checkbox"]:checked + label:before {
	background:#fff url(../img/checked_.png) no-repeat;
	background-position:center center;
	background-size:80%;
	display:inline-block;
	vertical-align:middle;
}

.event_select,.user_name,.user_tell{display:block; width:79%; height:15vw; margin:0 auto 3vw; font-size:4.6875vw; padding-left:6.75vw; border:none; color:#9f9f9f;}
.infoBox{width:79%; margin:0 auto; margin-bottom:4vw;}
.infoBox:after{display:block; content:''; clear:both;}

.user_info{width:5vw; height:5vw; background:#fff; border-radius:0;}
.infoBox>label{font-size:3.375vw; color:#9f9f9f; line-height:4.75vw; display:inline-block;}
.user_apply{width:100%;}
.user_apply:after{display:block; content:''; clear:both;}
.user_apply>li{display:table; float:left; width:50%; height:20.5vw; text-align:center;}
.user_apply>li:nth-child(1){background:#7a7369;}
.user_apply>li:nth-child(2){background:#94846d;}
.user_apply>li>a{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.user_apply>li>a>div{width:5.5vw; margin:0 auto;}
.user_apply>li>a>div>img{width:100%;}

select::-ms-expand {
	display: none;
}
p{font-size:5.875vw;}

@media screen and (min-width: 768px){
	h2{font-size:8.5vw; padding:5.859vw 0;}
	.event_select,.user_name,.user_tell{width:79%; height:15vw; margin:0 auto 3vw; font-size:4.6875vw; padding-left:6.75vw;}
	.infoBox{width:79%; margin-bottom:4vw;}
	.event_select{
	background-size:33px 20px;}

	input[type='checkbox']+label:before{
		width: 5.2vw;
		height: 5.2vw;
	}
}

@media screen and (min-width: 1024px){
	h2{width:100%; font-size:65px; text-align:center; padding:45px 0;}
	.event_select,.user_name,.user_tell{display:block; width:582px; height:60px; margin:0 auto 20px; font-size:25px; padding-left:20px;}
	.infoBox{width:582px; margin:0 auto; margin-bottom:20px;}
	.user_info{width:30px; height:30px;}
	
	.event_select{
	background-position: right 22px center;
	background-size:25px;
	}

		.infoBox>label{font-size:20px; line-height:38px;}
		input[type='checkbox']+label:before{
		width: 38px;
		height: 38px;
		
	}

	.user_apply{width:582px; margin:0 auto 50px;}
	.user_apply>li{display:table; width:280px; height:80px;}
	.user_apply>li:nth-child(1){float:left;}
	.user_apply>li:nth-child(2){float:right;}
	.user_apply>li>a{text-align:center;}
	.user_apply>li>a>div{width:40px; display:inline-block;}
	.user_apply>li>a>div>img{width:100%; vertical-align:bottom;}
	p{font-size:30px; display:inline-block; padding-left:10px;}   

}



	.event_apply_btn { position: absolute; right: 100px; top: 60px; text-align: center; }
	.event_apply_btn.fix{position: fixed; right: 100px; top: 100px;}
	.event_apply_btn img { max-width: 100%; }
	.event_apply_btn .event_apply_btn_img_pc {display:block;}
	.event_apply_btn .event_apply_btn_img_m {display:none;}

	.blackover { display: none; position: absolute; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0.7; cursor: pointer; }

	.event_apply_form { display: none; position: fixed; left: 2.5%; top: 50%; transform:translate(0%, -50%); width: 95%; background: #ffffff; padding: 0 0 0 0; }
	.top_img_m { position: relative; }
	.top_img_m img { max-width: 100%; }
	.top_img_m .top_img_x { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; }
	.top_img_pc { position: relative; }
	.top_img_pc img { max-width: 100%; }
	.top_img_pc .top_img_x { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; }
	.frm_line { width: 90%; margin: 0 auto; padding: 0 0 3vw 0; }
	.frm_line:nth-of-type(1) { padding-top: 4vw; }
	.frm_line:nth-of-type(5) { padding-bottom: 7vw; }
	.frm_line li:nth-child(1) { float: left; width: 30%; padding-top: 2.75vw; }
	.frm_line li:nth-child(2) { float: left; width: 70%; }
	.frm_line:nth-of-type(1) li { line-height: 100%; padding: 4vw 0 0 0; }
	.frm_line li:nth-child(2) input[type=text] { width: 100%; height: 12vw; font-size: 4.6875vw; padding: 0 3vw; border: 1px solid #e9e9e9; color: #9f9f9f; }
	.frm_line li:nth-child(2) input[type=tel] { width: 100%; height: 12vw; font-size: 4.6875vw; padding: 0 3vw; border: 1px solid #e9e9e9;; color: #9f9f9f; }
	.frm_line:after { clear: both; display: block; content:''; }
	.frm_line2 { padding-top: 2vw; }
	.frm_line2 li:nth-child(1) { width: 50%; line-height: 100%; font-size: 0.875em; padding-top: 0; margin-left:30%;}
	.frm_line2 li:nth-child(2) { width: 20%; line-height: 100%; font-size: 0.875em; text-align: right; }
	.frm_line2 li:nth-child(2) a { color: #000000; }

	.privacy_form { display: none; position: fixed; left: 10%; top: 50%; width: 80%; height: 70vw; padding: 5vw; overflow-y: auto; background: #ffffff; border: 3px solid #e9e9e9; cursor: pointer; font-size: 0.875em; font-weight: 200; }

	input[type="radio"] {
		display:none;
	}

	input[type="radio"] + label span {
		display:inline-block;
		width: 4.5vw;
		height: 4.5vw;
		background: #c6c6c6;
		border: 3px solid #c6c6c6;
		border-radius: 3vw;
		background-size: cover;
		margin: -2px 5px 0 0;
		vertical-align: middle;
		cursor: pointer;
	}

	input[type="radio"]:checked + label span {
		background: #847c6f;
		border: 3px solid #c6c6c6;
	}

	input[type='checkbox'] + label:before{
		display: block;
		float: left;
		width: 5vw;
		height: 5vw;
		background: #ffffff;
		border: 1px solid #cccccc;
		border-radius: 5vw;
		background-size: cover;
		content:'';
		margin: -3px 10px 0 0;
	}

	input[type="checkbox"]:checked + label:before {
		background: #ffffff url(../img/checked_2.png) no-repeat;
		border: 1px solid #21201e;
		background-position:center center;
		background-size:100%;
		display:inline-block;
		vertical-align:middle;
	}

	.user_btn { width: 100%; background: #21201e; padding: 4vw 0; text-align: center; line-height: 100%; }
	.user_btn a { color: #fff; font-size: 6vw; }

@media screen and (min-width: 1024px){
	.event_apply_form { position:absolute; top:360px; width: 582px; left: calc( 50% - 266px ); }
	.event_apply_form.fix { position:fixed; width: 582px; left: calc( 50% - 266px ); top: 50%; transform:translate(0%, -50%);  }
	.frm_line { padding: 0 0 20px 0; }
	.frm_line:nth-of-type(1) { padding-top: 20px; }
	.frm_line:nth-of-type(5) { padding-bottom: 40px; }
	.frm_line li:nth-child(1) { padding-top: 7px; }
	.frm_line:nth-of-type(1) li { padding: 20px 0 0 0; }
	.frm_line li:nth-child(2) input[type=text] { height: 40px; font-size: 16px; padding: 0 10px; }
	.frm_line li:nth-child(2) input[type=tel] { width: 100%; height: 40px; font-size: 16px; padding: 0 10px;  }
	.frm_line:after { clear: both; display: block; content:''; }
	.frm_line2 li:nth-child(1) { padding-top: 0; }

	.privacy_form { left: calc( 50% - 200px ); width: 400px; height: 400px; padding: 20px; }

	input[type="radio"] + label span {
		width: 18px;
		height: 18px;
		border-radius: 18px;
	}

	input[type='checkbox'] + label:before{
		width: 20px;
		height: 20px;
		border-radius: 20px;
	}

	.user_btn { padding: 22px 0 21px; line-height: 100%; }
	.user_btn a { font-size: 28px; }
}

@media screen and (max-width: 1024px){
	.eventImg_pc{display:none;}
	.eventImg_m{display:block;}

	.event_apply_btn { position: fixed; width:100%; top:auto; left: 0; bottom: 0; background:#21201e; text-align: center; }
	.event_apply_btn.fix{position: fixed; width:100%; top:auto; left: 0; bottom: 0; background:#21201e; text-align: center;}
	.event_apply_btn img { max-width: 100%; width:100%; }
	.event_apply_btn .event_apply_btn_img_pc {display:none;}
	.event_apply_btn .event_apply_btn_img_m {display:block;}
}