@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>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(../images/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(../images/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;}   

	.quick{display:block;}

	.header_m {display:none;}
}

@media screen and (max-width: 1024px){
	.header_m {
		position: fixed;
		background: #020013;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		padding: 19px 60px;
		z-index: 100;
		box-sizing: border-box;
	}
	.header_m .logo{
		text-align:center; 
		margin:0;
		font-size:100%;
	}

	.header_m .menu {
		width: 60px;
		display: block;
		text-align: center;
		position: absolute;
		top: 0;
		bottom: 0;
		padding-top: 10px;
		margin: 10px 0;
		cursor: pointer;
	}

	.header_m .menu.l {
		left: 0;
		border-right: 1px solid #1b1a28;
	}

	.header_m .menu.r {
		right: 0;
		border-left: 1px solid #1b1a28;
	}

	.header_m .menu img{
	    display: block;
		margin: 0 auto;
	}

	/*.eventImg{margin-top:67px;}*/
}