@charset "utf-8";

.reservation_visaul{width:100%; height:232px; background:#f40056;}
.reservation_visaul .inner{width:100%; max-width:1200px; margin:0 auto; display:table;}
.reservation_visaul .inner .reservation_txt{width:50%; display:table-cell; vertical-align:top; padding-top:16px; text-align:left;}
.reservation_visaul .inner .reservation_txt ul{margin-top:10px;}
.reservation_visaul .inner .reservation_txt ul li{font-size:18px; color:white; padding:0px 0;}

.reservation_txt strong{font-family: 'Gmarket Sans';font-size:34px; line-height:1.4; color:#ffffff;letter-spacing:-0.6px; font-weight:700;position:relative;-khtml-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}


/*날씨*/
.reservation_visaul .inner .reservation_weather{width:50%; height:100%; display:table-cell; vertical-align:top; padding-top:8px;}

.sub_tit{width:100%;}
.sub_tit span{display:block;font-family: 'Gmarket Sans'; font-size:30px; color:#000; font-weight:800; max-width:1200px; margin:0 auto; height:80px; line-height:80px; padding:20px;}

.reservation_form{width:100%; max-width:1200px; margin:0 auto; margin-top:60px;}
.reservation_form table{width:100%; border-collapse:collapse; border-top:2px solid #000;}
.reservation_form table th{width:18%; border-bottom:1px solid #e1e1e1; padding:0; font-size:16px; color:#000; font-weight:700; background:#f9f9f9;}
.reservation_form table td{width:82%; border-bottom:1px solid #e1e1e1; padding:0; font-size:16px; color:#666;}
.reservation_form table th.res_th02{width:18%;}
.reservation_form table td.res_td02{width:32%;}

.radio_box01{width:100%; font-size:0;}
.radio_box01 > div{display:inline-block; font-size:16px; color:#666; margin-left:30px;}
.radio_box01 > div:first-child{margin-left:0;}
.radio_box01 > div label{cursor:pointer;}

.radio_box02{width:100%; font-size:0;}
.radio_box02 > div{display:inline-block; font-size:16px; color:#666; margin-left:30px;}
.radio_box02 > div:first-child{margin-left:0;}
.radio_box02 > div label{cursor:pointer; display:inline-block; position:relative; padding-right:80px;}
.radio_box02 > div label:before{content:''; position:absolute; top:50%; right:0; margin-top:-10px; width:72px; height:20px;}
.radio_box02 .acting label:before{background:url('../img/sub/acting_icon.png') 0 0 no-repeat;}
.radio_box02 .visit label:before{background:url('../img/sub/visit_icon.png') 0 0 no-repeat;}

.radio_box03{width:100%; font-size:0;}
.radio_box03 > div{display:inline-block; position:relative; margin-left:30px;}
.radio_box03 > div:first-child{margin-left:0;}
.radio_box03 > div input{width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; appearance:none; position:absolute;}
.radio_box03 > div input[type=radio] + label{display:inline-block; display: block; font-size:16px; color:#666; background:url('../img/sub/flight_radio_off.jpg') left 0 top 50% no-repeat; cursor:pointer; padding:10px 0 10px 34px;}
.radio_box03 > div input[type=radio]:checked + label {background:url('../img/sub/flight_radio_on.jpg') left 0 top 50% no-repeat;}

.pare_box{width:100%; font-size:0; margin-bottom:10px;}
.pare_box a{display:inline-block; width:150px; height:50px; line-height:50px; text-align:center; background:#2fa599; font-size:16px; 
                         color:white; font-weight:700; vertical-align:top; margin-right:12px;}
.pare_box input{display:inline-block; vertical-align:top;}
.pare_box span{line-height:50px;}

input.inp_style01{width:100%; border:1px solid #d4d4d4; height:50px; line-height:48px; padding:0 18px; font-size:16px;}
input.inp_style02{width:15%; border:1px solid #d4d4d4; height:50px; line-height:48px; padding:0 18px; font-size:16px;}
select.sel_style03{width:110px; border:1px solid #d4d4d4; height:50px; line-height:48px; padding:0 18px; font-size:16px;}
input.inp_style04{width:160px; border:1px solid #d4d4d4; height:50px; line-height:48px; padding:0 18px; font-size:16px; margin-right:12px;}
input.inp_style05{width:200px; border:1px solid #d4d4d4; height:50px; line-height:48px; padding:0 18px; font-size:16px;}

input.radio_style01{width:20px; height:20px;}

select.select_style01{width:140px; border:1px solid #d4d4d4; height:50px; line-height:48px; padding:0 18px; font-size:16px;}

span.phone_bar{display:inline-block; font-size:16px; color:#666; padding:0 12px;}
span.txt_span{display:block; font-size:14px; color:#ff0018; font-weight:700; padding-top:10px;}
span.date_txt{display:inline-block; font-size:16px; color:#666; padding:0 20px 0 6px;}
.comment_txt{font-size:14px; color:#666; font-weight:700; padding:5px 0;}

.reservation_info{width:100%; max-width:860px; margin:0 auto; margin-top:120px;}
.reservation_info ul{width:100%; margin-bottom:40px;}
.reservation_info ul li{position:relative; padding:36px 40px 36px 164px; cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.reservation_info ul li:before{content:''; position:absolute; top:20px; left:40px; width:88px; height:117px;}
.reservation_info ul li strong{display:block; font-size:24px; font-weight:800; color:#000;}
.reservation_info ul li strong span{color:#fe005a;}
.reservation_info ul li p{font-size:18px; color:#000; line-height:28px; position:relative; padding-left:28px; margin-top:18px;}
.reservation_info ul li p:before{content:'→'; position:absolute; top:-1px; left:0; font-size:18px; font-weight:800; color:#000;}
.reservation_info ul li p span{color:#fe005a;}
.reservation_info ul li.reser_num01:before{background:url('../img/sub/reservation_info_num01.jpg') 0 0 no-repeat;}
.reservation_info ul li.reser_num02:before{background:url('../img/sub/reservation_info_num02.jpg') 0 0 no-repeat;}
.reservation_info ul li.reser_num03:before{background:url('../img/sub/reservation_info_num03.jpg') 0 0 no-repeat;}
.reservation_info ul li.reser_num04:before{background:url('../img/sub/reservation_info_num04.jpg') 0 0 no-repeat;}
.reservation_info > p{font-size:16px; color:#000; line-height:28px; padding:4px 0;}

.reservation_terms{width:100%; margin-top:140px;}
.reservation_terms .inner{width:100%; max-width:1200px; margin:0 auto;}
.reservation_terms .inner .box{width:100%; margin-top:80px;}
.reservation_terms .inner .box:first-child{margin-top:0;}
.reservation_terms .inner .box h4{font-size:20px; color:#000; font-weight:700; text-align:center; margin-bottom:24px;}
.reservation_terms .inner .box .terms_box{width:100%; height:240px; border:1px solid #e1e1e1; overflow-y:auto; text-align:center; padding:36px 46px; line-height:30px; font-size:14px;}
.reservation_terms .inner .box .terms_agree{width:100%; text-align:center; font-size:0; margin-top:24px;}
.reservation_terms .inner .box .terms_agree label{display:inline-block; font-size:16px; color:#000; font-weight:700; cursor:pointer;}
.reservation_terms .inner .box .terms_agree input[type=checkbox]{display:inline-block; width:20px; height:20px; margin-left:10px; cursor:pointer;}

/* 예약버튼 */
.reservation_btn{width:100%; max-width:1200px; margin:0 auto; margin-top:100px; text-align:center;}
.reservation_btn a {display:inline-block; animation: jittery 4s infinite; margin:0 auto; border:2px solid #ff0030; 
                        border-radius:10px; box-shadow:0 6px 20px 0 rgba(0, 0, 0, .2); padding:10px 20px;}
.reservation_btn a span{display:block; width:242px; height:151px;  /*width:242px; height:151px;*/ 
                               background:url('../img/sub/reservation_btn.jpg') 50% 50% no-repeat; 
                               font-size:0; overflow:hidden; text-indent:-999999;}

@keyframes jittery {
  5%, 50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.15);
  }
  20% {
    transform: scale(1.15) rotate(-5deg);
  }
  25% {
    transform: scale(1.15) rotate(5deg);
  }
  30% {
    transform: scale(1.15) rotate(-3deg);
  }
  35% {
    transform: scale(1.15) rotate(2deg);
  }
  40% {
    transform: scale(1.15) rotate(0);
  }
}









/* PC */
@media all and (min-width:1025px){

	.reservation_btn a:hover{animation: heartbeat 0.2s infinite;}

	@keyframes heartbeat {
	  50% {
		transform: scale(1.1);
	  }
	}

	.reservation_info ul li:hover{box-shadow:0 6px 20px 0 rgba(0, 0, 0, .2); border-radius:10px;}
	.reservation_info ul li:hover:before{animation: spin 3s ease; animation-iteration-count: infinite;}

	@keyframes spin {
		from {
			transform: rotateY(0);
		}
		to {
			transform: rotateY(1turn);
		}
	}


}


/* 태블릿&모바일 공통*/
@media all and (max-width:1420px){

	

}


/* 태블릿&모바일 공통*/
@media all and (max-width:1220px){

	.reservation_visaul{height:auto; padding:20px 15px;}
	.reservation_visaul .inner{max-width:100%; display:table;}
	.reservation_visaul .inner .reservation_txt{padding-top:0;}
	.reservation_visaul .inner .reservation_txt strong{font-size:18px;}
	.reservation_visaul .inner .reservation_txt ul{margin-top:8px;}
	.reservation_visaul .inner .reservation_txt ul li{font-size:14px; padding:3px 0;}
	.reservation_visaul .inner .reservation_img{}

	.sub_tit{margin-top:15px; padding:0 15px;}
	.sub_tit span{font-size:18px; max-width:100%; height:60px; line-height:60px; box-shadow:0 4px 14px 0 rgba(0, 0, 0, .2); padding:0 20px;}

	.reservation_form{max-width:100%; margin-top:30px; padding:0 15px;}
	.reservation_form table th{width:100%; display:block; padding:12px 10px 0 10px; font-size:13px; background:white; border-bottom:0;}
	.reservation_form table td{width:100%; display:block; padding:12px 10px; font-size:13px;}
	.reservation_form table th.res_th02{width:100%;}
	.reservation_form table td.res_td02{width:100%;}

	.radio_box01 > div{font-size:13px; margin-left:15px;}
	.radio_box02 > div{font-size:13px; margin-left:20px;}
	.radio_box02 > div label{padding-right:70px;}
	.radio_box02 > div label:before{margin-top:-9px; width:64px; height:18px;}
	.radio_box02 .acting label:before{background-size:100%;}
	.radio_box02 .visit label:before{background-size:100%;}

	.radio_box03 > div{margin-left:20px;}
	.radio_box03 > div input[type=radio] + label{font-size:13px; padding:8px 0 8px 28px; background-size:22px;}
	.radio_box03 > div input[type=radio]:checked + label {background-size:22px;}

	.pare_box{width:100%; font-size:0; margin-bottom:10px;}
	.pare_box a{width:100%; height:40px; line-height:40px; font-size:13px; margin-right:0; margin-bottom:6px;}
	.pare_box span{line-height:40px;}

	input.inp_style01{height:40px; line-height:38px; padding:0 12px; font-size:13px;}
	input.inp_style02{width:26%; height:40px; line-height:38px; padding:0 12px; font-size:13px;}
	select.sel_style03{width:110px; height:40px; line-height:38px; padding:0 12px; font-size:13px;}
	input.inp_style04{width:120px; height:40px; line-height:38px; padding:0 12px; font-size:13px; margin-right:6px;}
	input.inp_style05{width:90%; height:40px; line-height:38px; padding:0 12px; font-size:13px;}

	input.radio_style01{width:20px; height:20px;}

	select.select_style01{width:100%; height:40px; line-height:38px; padding:0 12px; font-size:13px;}

	span.phone_bar{font-size:12px; padding:0 6px;}
	span.txt_span{font-size:11px; padding-top:10px;}
	span.date_txt{font-size:12px; padding:0 10px 0 6px;}
	.comment_txt{font-size:11px; padding:3px 0;}

	.reservation_info{max-width:100%; margin-top:40px; padding:0 15px;}
	.reservation_info ul{margin-bottom:20px;}
	.reservation_info ul li{padding:16px 20px 16px 90px; cursor:pointer;}
	.reservation_info ul li:before{top:10px; left:0; width:64px; height:85px;}
	.reservation_info ul li strong{font-size:18px; line-height:26px;}
	.reservation_info ul li p{font-size:13px; line-height:22px; padding-left:20px; margin-top:10px;}
	.reservation_info ul li p:before{font-size:16px;}
	.reservation_info ul li.reser_num01:before{background-size:100%;}
	.reservation_info ul li.reser_num02:before{background-size:100%;}
	.reservation_info ul li.reser_num03:before{background-size:100%;}
	.reservation_info ul li.reser_num04:before{background-size:100%;}
	.reservation_info > p{font-size:13px; line-height:22px; padding:2px 0;}

	.reservation_terms{margin-top:60px;}
	.reservation_terms .inner{max-width:100%;}
	.reservation_terms .inner .box{margin-top:40px;}
	.reservation_terms .inner .box h4{font-size:16px; margin-bottom:16px;}
	.reservation_terms .inner .box .terms_box{height:180px; padding:24px 24px; line-height:22px; font-size:12px;}
	.reservation_terms .inner .box .terms_agree{margin-top:12px;}
	.reservation_terms .inner .box .terms_agree label{font-size:12px;}
	.reservation_terms .inner .box .terms_agree input[type=checkbox]{margin-left:6px;}

	.reservation_btn{max-width:100%; margin-top:20px;}
	.reservation_btn a{border-radius:6px; box-shadow:0 3px 10px 0 rgba(0, 0, 0, .2); padding:4px 20px;}
	.reservation_btn a span{width:160px; height:100px; background-size:100%;}




}


/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){

	

}


/* 모바일 */
@media all and (max-width:768px){

	.reservation_visaul .inner{display:block;}
	.reservation_visaul .inner .reservation_txt{width:100%; display:block;}
	.reservation_visaul .inner .reservation_img{width:100%; display:block; padding-top:0; margin-top:14px;}

}



/*서브페이지 공통영역*/
.sub_contents_area{width:1200px; margin:0 auto;}
@media (max-width: 1200px) {
.sub_contents_area{width:100%; margin:0 auto; padding:10px;}
}
.sub_contents_area .greeting{font-family: 'Gmarket Sans';font-size:32px; line-height:1.4; color:#222;letter-spacing:-0.6px; font-weight:600;}
.sub_contents_area .greeting_des{font-family: 'Gmarket Sans';font-size:20px; line-height:1.4; color:#666;letter-spacing:-0.6px; font-weight:400;}

.c_point{font-family: 'Gmarket Sans';color:#0e6ca5;}