@charset "utf-8";
#svisual_layout {width:100%;background:url('/images/themepark/main/visual_bg.gif') 0 0 repeat;}
#svisual_layout .svisual_wrap{width:100%;height:100%;background-image:url('/images/themepark/reservation/sub_visual.png');background-size:cover;background-repeat:no-repeat;background-position:center;}

/* 안내문 스타일 */
.content_top_alert {position:relative;border:1px solid #ddd;border-top:3px solid #7d8ba5;padding:40px 30px 40px 200px;min-height:150px;}
.content_top_alert strong{display:block;margin-bottom:10px;padding:0;font-size:20px;font-weight:600;}
.content_top_alert span {display:block;color:#555;font-size:17px;line-height:26px;}
.content_top_alert ul {margin:0;padding:0 0 5px 15px;color:#555;background: url('/images/themepark/common/list01_icon.gif') 3px 11px no-repeat;}
.content_top_alert ul li span {display:inline-block;color:#e85538;}
.content_top_alert:before{content:'';display:block;position:absolute;top:50%;left:50px;margin-top:-50px;width:100px;height:100px;background:url('/images/themepark/sub/info_icon.png') no-repeat;z-index:9;}
.content_top_alert.ico1:before {background-position:0px 0px}
.content_top_alert.ico2:before {background-position:-100px 0px}
.content_top_alert.ico3:before {background-position:-200px 0px}
.content_top_alert.ico4:before {background-position:-300px 0px}
.content_top_alert.ico5:before {background-position:-400px 0px}
.content_top_alert.ico6:before {background-position:-500px 0px}
.content_top_alert.ico7:before {background-position:-600px 0px}
.content_top_alert.ico8:before {background-position:-700px 0px}
.content_top_alert.ico9:before {background-position:-800px 0px}

@media all and (max-width:1023px){
	.content_top_alert {padding:120px 20px 30px;}	
	.content_top_alert strong,
	.content_top_alert span{text-align:center;}
	.content_top_alert span {font-size:14px}	
	.content_top_alert:before {top:20px;left:50%;margin:0 0 0 -40px;width:80px;height:80px;background-size:cover;}
	.content_top_alert.ico2:before {background-position:-80px 0px}
	.content_top_alert.ico3:before {background-position:-160px 0px}
	.content_top_alert.ico4:before {background-position:-240px 0px}
	.content_top_alert.ico5:before {background-position:-320px 0px}
	.content_top_alert.ico6:before {background-position:-400px 0px}
	.content_top_alert.ico7:before {background-position:-480px 0px}
	.content_top_alert.ico8:before {background-position:-560px 0px}
	.content_top_alert.ico9:before {background-position:-640px 0px}
}
@media all and (max-width:746px){
	
}
@media all and (max-width:430px){
	
}

.reservation_guide {display:inline-block;margin:20px 0;padding:5px 20px;font-weight:600;border:1px solid #276baa;border-radius:5px;background:#f1f6fb;color:#0067a3;}
/* 공통 */
.reservation{position:relative;margin:30px 0;padding:50px 0 80px 50px;background: linear-gradient(125deg, rgba(240,245,249,1) 0%, rgba(249,249,249,1) 100%);border-radius:8px;}
	.img{position:relative;float:left;display:block;width:45%;max-width:550px;border-radius:4px 4px 100px 4px;overflow:hidden;box-shadow: rgba(0,0,0,0.2) 0 8px 20px;}
	.reservation_cont{float:right;width:55%;padding:10px 50px 0 50px;}
	.reservation_cont h4{position:relative;display:inline-block;padding:10px 0 25px;font-family:'S-CoreDream';font-size:24px;letter-spacing:-0.05em;color:#333;}
	.reservation_cont p{font-size:17px;font-weight:600;line-height:1.5em;color:#ea705c;}
	.reservation_cont ul{padding-right:30px;}
	
	.btn_box {text-align:right;}
		.btn_reser {position:relative;display:inline-block;padding:0 40px;height:50px;background:#3e7adc;border:1px solid transparent;border-radius:5px;color:#fff;font-size:16px;font-weight:600;line-height:46px;border-radius:30px;transition: all 0.3s ease;}
		.btn_reser:hover {background-color:#895dc0;box-shadow: rgba(0,0,0,0.2) 0 8px 20px;}
		.btn_cancel {position:relative;display:inline-block;padding:0 40px;height:50px;background:#fff;border:2px solid #3e7adc;border-radius:5px;color:#3e7adc;font-size:16px;font-weight:600;line-height:46px;border-radius:30px;transition: all 0.3s ease;}
		.btn_cancel:hover {border-color:#895dc0;color:#895dc0;}
	
@media all and (max-width:1023px){
	.reservation{margin-top:0;padding:20px;}
	.reservation .img{float:none;width:100%;max-width:100%;margin-bottom:10px;}
	.reservation .img img {width:100%;}
	.reservation_cont{float:none;width:100%;margin-bottom:50px;}
	.reservation_cont h4{padding-bottom:20px;font-size:1.45rem;line-height:1.5em;}
	.reservation_cont p{margin-bottom:5px;font-size:15px;}
	
	.btn_box {text-align:center;}
	.btn_reser,
	.btn_cancel {padding:0 30px;height:35px;font-size:14px;line-height:33px;}
}