@charset "utf-8";

.guest_wrap{
	widht:100%;
}
.guest_wrap .container{
	width:1024px;
	margin: 0 auto;
	padding:0 30px;
	box-sizing: border-box;
}
.guest_wrap .container .head{
	width:100%;	
	display: flex;
	flex-direction: column;
}
.guest_wrap .container .head .head_top{	
	display: flex;
	width:100%;
	height:70px;
	justify-content: flex-end;
	align-items: center;
	border-bottom:1px solid #444;
}
.guest_wrap .container .head .head_bt{
	margin-top:10px;
	text-align: right;
	font-size:14px;
	color:#666;
}
.guest_wrap .container .head .head_top a img{
	width:26px;
}
.guest_wrap .container .head h1{	
	position: absolute;
	top:20px;
	left:50%;	
	margin-left: -128px;	
	font-size:24px;
	font-weight: bold;
}
.guest_wrap .container .head .head_bt span{
	margin-left: 10px;
}
.guest_wrap .container main{
	display: flex;
	flex-direction: column;
	margin-bottom:30px;
}
.guest_wrap .container main h2{
	font-size:28px;
	text-align: center;
	margin:50px 0 20px 0;
}
/*form*/
.compulsory{
	color:#f9422b; 
	margin-left:3px;
	line-height: 20px; 
	font-weight: 700;
}

.form_field{
	display: flex; 
	justify-content: space-between; 
	width:100%; 
	font-size:14px; 
	margin:0 auto; 
	padding:20px 0; border-top: 1px solid #e3e3e3;	
}
.form_field:last-child{
	border-bottom: 1px solid #e3e3e3;
}
.title{
	font-size:18px; 
	font-weight: bold;
	line-height:30px; 	 
	margin-top: 40px;
}
.form_field .form_h1{
	width:20%;  
	line-height: 20px; 
	color:#1b1b1b; 
	margin-top:8px; 
	font-weight:600; 
	box-sizing: border-box;
}
.form_field .form_input{ 
	width:83%;
	line-height: 32px;
}

.form_field .form_input > input{
	width:60%;
}
.form_field .form_input > ul { 
	width:60%;
	display: flex; 
	margin:2px 0;
}
.form_field .form_input > ul > li{
	flex:1; 
	margin-right: 3px; 
}
.form_field .form_input > ul > li > input{
	width:100%;
}
.form_field .form_input > ul span{
	margin-right: 4px;
}

.form_field .form_input .privacy li:nth-child(2){
	flex:0;
	width:100px;
}

.form_input textarea{
	width:60%; 
	height:96px;
	padding:8px 14px; 
	border:1px solid #e3e3e3; 
}
.cont_top{
	width:100%;
	margin:50px 0 10px 0;
}
.cont_top > ul{
	display: flex;
}
.cont_top > ul > li{
	padding-right: 3px;
	box-sizing: border-box;
}

.cont_top > ul li.dash{
	padding-right: 3px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.btn_black{
	font-size: 0.75rem;
	color: #fff;	
	letter-spacing: 0.1em;
	background: #000;
	border:1px solid transparent;
	padding: 5px 5px;
	line-height:20px;
	min-width:100px;
}
.btn_black:hover{
	color: #000;
	background: #fff;
	border:1px solid #000;
}
.btn_area{
	width:100%;
	padding:20px 0;
}
.btn_c{
	display: flex;
	justify-content: center;
}
.btn_r{
	display: flex;
	justify-content: flex-end;
}
#datepicker{position: relative; width: 140px; }
#datepicker > span{position: absolute; top:5px; right:10px;}
#datepicker > span:hover{cursor:pointer;}

.table01{display: flex; height:608px; flex-direction: column; justify-content: space-between; }
.table01 table{width:100%; text-align: center; }
.table01 thead th{vertical-align: middle; background: #3a3a3a; color:#fff;border-right:1px solid #fff;padding:10px 0; box-sizing: border-box;}
.table01 tbody td{padding:20px 0; }
.table01 tbody th,.table01 tbody td{border-bottom:1px solid #ddd;font-size:12px; line-height: 16px;box-sizing: border-box;}

.pagination {position:absolute; left:50%;transform:translateX(-50%); margin:30px 0; display: flex; justify-content: center; align-items: center; width:400px;  }
.pagination a{display:inline-block; width:36px; height:36px; font-size:14px; line-height:36px; color:#c5c5c5;font-weight:600; text-align: center;}
.pagination a:hover{color:#1b1b1b;}
.pagination a.on{color:#1b1b1b;}

/*팝업*/
#mask{
	position: fixed; 
	left:0; 
	top:0;
	z-index: 9999;
	width: 100%; 
	height: 100%; 
	background: rgba(0, 0, 0, 0.5);
}
.pop_box{ 
	position:fixed; 
	width:95%;  
	left:50%; 
	top:50%; 
	z-index: 10000; 	
	background: #fff; 
	transform:translate(-50%, -50%);
	box-sizing: border-box;
	border-radius: 4px;
}

.pop_wrap{
	min-height: 250px; 
	position:relative;
	padding:30px; 
	box-sizing: border-box;
	display: flex;	
	flex-direction:column;
	justify-content: space-between;
}
.w_450{
	width:450px;
	height:auto;
}
.pop_close{
	content:""; 
	display:block; 
	position: fixed; 
	top:15px; 
	right:15px;
	width:25px; 
	height:25px;
	background: url(../images/btn_pop_close.png);
	background-size: 25px 25px; 
}
.pop_h2{	
	width:100%;
	font-size:24px; 
	color:#3a3a3a;
	margin-bottom: 20px;
	font-weight:700; 
	line-height:38px; 
	text-align:center;	 
	letter-spacing: -1px;
}
.pop_cont{
	width:100%;	
	max-height:90%;	
	padding-top: 0;
	overflow-y: auto;
	font-size: 18px;	
}
.btn_center{
	margin-top: 35px;
	width:100%;
	display: flex;
	justify-content: center;
}
@media screen and (max-width:1024px){ 
	.guest_wrap .container{
		width:100%;
	}
	/*팝업*/
	
	.pop_wrap{
		padding:20px 20px 30px 20px;
	}		
	.pop_close{ 
		width:15px; 
		height:15px;
		background-size: 15px 15px; 
		top:8px;
		right:8px;
	}
}
/* 202407 모바일 사이즈 수정 */
@media screen and (max-width: 767px) {
	.w_450{
		width:90%;
	}
	.pop_cont{
		font-size: 16px;
	}
	.form_field {
		flex-direction: column;
	}
	.form_field .form_input {
		width: 100%;
	}
	.form_field .form_h1 {
		width: 100%;
		margin-bottom: 6px;
	}
	.form_field .form_input > input {
		width: 100%;
	}
	.form_field .form_input > ul {
		width: 100%;
	}
	.form_input textarea {
		width: 100%;
	}
	.privacy .btn_black {
		margin-right: 10px;
	}
}