@charset "utf-8";

/* ·¹À̾î s*/

.layer-wrap {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
	z-index: 1001;
}

.layer-wrap2 {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
	z-index: 1001;
}

.layer-wrap:before {
    content: "";
    display: inline-block;
	height:100%;
    vertical-align: middle;
    margin-right: -.25em;
}

.layer-wrap2:before {
    content: "";
    display: inline-block;
	height:100%;
    vertical-align: middle;
    margin-right: -.25em;
}

.layer-wrap .title {
	width:70%;
	margin:-50px auto auto auto;
	height:105px;
	padding:10px 30px;
	background:#fff;
}
.layer-wrap .title h3 {display:inline-block; padding-right:10px;}
.layer-wrap .title img {padding-left:5px;}

.layer-wrap .reserve_form {border-top:1px solid #ccc}
.layer-wrap .reserve_form .form_table {padding:15px 30px 25px 30px;}
.layer-wrap .reserve_form .res {width:100%;}
.layer-wrap .reserve_form .res tr {width:50%;}
.layer-wrap .reserve_form .res th {font-weight:bold; padding-top:10px;}
.layer-wrap .reserve_form .res td {text-align:left; padding-top:10px;}

.layer-wrap2 .reserve_form2 {}
.layer-wrap2 .reserve_form2 .form_table {padding:0;}
.layer-wrap2 .reserve_form2 .res {width:100%;}
.layer-wrap2 .reserve_form2 .res tr {width:50%; border-bottom:1px solid #ccc;}
.layer-wrap2 .reserve_form2 .res th {font-weight:bold; padding:10px 0;}
.layer-wrap2 .reserve_form2 .res td {text-align:left; padding:10px 0;}
.layer-wrap2 .reserve_form2 .res td select {
	width:140px;
	height:30px;
	background:url(../../img/layout/select_01.png) no-repeat;
	background-position:top 7px right 5px;
	border:1px solid #ccc;
	padding-left:5px;
}

.layer-wrap .reserve_form .res input {
	border:1px solid #ccc;
	width:150px;
	height:30px;
	background:url(../../img/board/btn_calendar.png) no-repeat;
	background-position:top 2px right 5px;
	padding-left:7px;
}
.layer-wrap .reserve_form .res select.select_time {
	width:150px;
	height:30px;
	border:1px solid #ccc;
	background:url(../../img/layout/select_01.png) no-repeat;
	background-position:top 5px right 5px;
	padding-left:7px;
}
.layer-wrap .reserve_form .res select.phone {
	width:100px;
	height:30px;
	border:1px solid #ccc;
	background:url(../../img/layout/select_01.png) no-repeat;
	background-position:top 5px right 5px;
	padding-left:7px;
}
.layer-wrap .reserve_form .res input.custom_name {background:none; width:150px;}
.layer-wrap .reserve_form .res input.memo {background:none; width:100%;}
.layer-wrap .reserve_form .res input.phone {background:none; width:100px;}

button.res_reset {float:right; width:90px; height:30px; background:#999; color:#fff;}

.pop-layer {
    display: inline-block;
    vertical-align: middle;
	max-width:99%;
    height: auto;
    background-color: #fff;
    border: 0px;
	border-radius: 0;
}
.pop-layer2 {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    background-color: #fff;
    border: 0px;
	border-radius: 0;
	text-align:left;
}
.pop-layer0103_06 {
    display: inline-block;
    vertical-align: middle;
	width: 880px;
    height: 900px;
    background-color: #fff;
    border: 0px;
	border-radius: 0;
}
.pop-layer_title {
	width:100%;
	background:url(../../img/02/popup_bg.jpg) no-repeat;
	height:260px;
	font-size:18px;
	color:#fff;
	text-align:left;
	font-weight:bold;
}
.pop-layer_title2 {
	width:100%;
	text-align:center;
	display:inline-block;
	padding:18px 20px;
	background-color:#fff;
	color:#333;
}
.pop-layer_title1 {
	width:40%;
	display:inline-block;
	padding:10px 20px;
	float:right;
	text-align:right;
	background-color:#333;

}
a.btn-layerClose {
	float:right;
	margin-top:0;
	margin-right:0;
	font-weight:normal;
	color:#fff;
}

a.btn-layerClose2 {
	float:right;
	margin-top:0;
	margin-right:0;
	font-weight:normal;
	color:#fff;
	display:inline-block;
}
.popbox .container {
	width:70%;
	margin:auto;
	text-align: center;
	font-weight: bold;
	background: #fcfcf7;
	border:1px solid #ddd;
	padding: 20px;
}

ul.ul_submit2 {width:100%;}
ul.ul_submit2 li button {width:50%; height:40px; font-size:16px; color:#fff; float:left;}
ul.ul_submit2 li button img {padding: 0 10px;}
ul.ul_submit2 li button.call {background:#666;}
ul.ul_submit2 li button.form_submit {background:#41d0cc;}


ul.ul_submit2 li.form_submit {background:#41d0cc;}


ul.ul_submit3 {width:100%; margin:0;}
ul.ul_submit3 li button {width:100%; height:40px; font-size:16px; color:#fff; float:left;}
ul.ul_submit3 li button img {padding: 0 10px;}
ul.ul_submit3 li button.form_submit {background:#41d0cc;}

.pop-layer_frame { width:100%;  border:0px; margin-top:5px; }
.pop-layer_frame2 { width:100%;  border:0px;  padding:0 40px;}
.pop-layer_frame2 .form_table {height:100%; text-align:center;}
.pop-layer_frame2 .form_table img {max-width:100%; max-height:100%;}
.pop-layer0103_06 .pop-layer_frame { width:100%; height:840px; border:0px; margin-top:5px;}
.pop-layer_bottom { margin-top:10px;text-align:center;}

.point_remain {width:100%; border-top:1px solid #eee; padding:20px 40px; }
.point_remain table {font-size:16px;}
.point_remain tr {margin-bottom:10px;}
.point_remain input[type="text"] {width:130px; font-size:22px; color:#dd3333; font-weight:bold; text-align:right;}

.pop-layer2 {position:relative;}
.pop-layer2-close {position:absolute; top:-40px; left:670px;}
.pop-conts {}
.pop-conts a {display:block;}
.pop-conts .before_wrap, .pop-conts .after_wrap {width:49%; float:left; position:relative;}
.pop-conts .before_wrap .img_wrap, .pop-conts .after_wrap .img_wrap {position:relative;}
.pop-conts .before_wrap .img_wrap img, .pop-conts .after_wrap .img_wrap img {width:100%; height:100%;}
.pop-conts .before_wrap {margin-right:5px;}
.pop-conts .before_wrap p.before_text, .pop-conts .after_wrap p.after_text {color:#fff; font-size:14px; text-align:center; width:100%; height:29px; right:0.5px; bottom:0;line-height:29px;}
.pop-conts .popup-btn {position:absolute; bottom:17.6%; left:47.5%;}
.pop-conts .before_wrap p.before_text {background:#bbb7b3;}
.pop-conts .after_wrap p.after_text {background:#d1af7b;}
.pop-conts .notice {color:#999; font-size:13px; margin-top:10px;}


.pop-conts2 {padding:20px 40px; position:relative;}
.pop-conts2 .layer-close {display: block; position: absolute; right: 15px; top: 10px;}
.pop-conts2 .logo {margin:25px 0 0 0;}
.pop-conts2 p {font-size:14px; margin:30px 0;}

.hand {cursor:pointer;}
.txt_left {text-align:left;}
.txt_center {text-align:center;}
.txt_right {text-align:right !important;}

@media(max-width:767px){
	.layer-wrap2 {position:fixed;}
	.pop-layer2 {width:300px;}
	.pop-layer_frame2 {height:260px;}
	.pop-layer_title1{display:none;}
	.pop-layer_title2{width:100%;}
	.farm_table{height:200px;}
	.form_table img{width:100%;}
	.pop-conts a{margin-left:30%; margin-bottom:7%; padding:10px 30px; display:inline-block; background-color:#3b6797; color:#fff; line-height:30px; padding:10px 26px;}
	.pop-conts .before_wrap, .pop-conts .after_wrap {width:100%;}
	.popup-btn {display:none;}
	.pop-conts {height: 465px;}
	.pop-layer2-close {left: 255px;}
	.pop-conts .before_wrap .img_wrap, .pop-conts .after_wrap .img_wrap {width:220px; height:150px;}
	.pop-conts .notice {font-size:12px;}
}

@media(min-width:768px){
	.pop-conts .before_wrap .img_wrap, .pop-conts .after_wrap .img_wrap {width:311px; height:212px;}
	.pop-layer2 {width:715px;}
	.pop-layer_frame2 {height:305px;}
	.popup-btn {display:inline-block;}
	.pop-conts {height:auto;}
	.pop-layer2-close {left:670px;}
}

@media(min-width:992px){


}

@media(min-width:1500px) {

}