@charset "utf-8";

/*
 * --------------------------------------------------------------------------
 * descript : 서브 콘텐츠
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.08.17
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */

 /* margin */
.mT0	{margin-top:0 !important;}
.mT5	{margin-top:5px !important;}
.mT10	{margin-top:10px !important;}
.mT15	{margin-top:15px !important;}
.mT20	{margin-top:20px !important;}
.mT25	{margin-top:25px !important;}
.mT27	{margin-top:27px !important;}
.mT30	{margin-top:30px !important;}
.mT35	{margin-top:35px !important;}
.mT40	{margin-top:40px !important;}
.mT45	{margin-top:45px !important;}
.mT50	{margin-top:50px !important;}

.mR0	{margin-right:0px !important;}
.mR5	{margin-right:5px !important;}
.mR10	{margin-right:10px !important;}
.mR15	{margin-right:15px !important;}
.mR20	{margin-right:20px !important;}
.mR25	{margin-right:25px !important;}
.mR30	{margin-right:30px !important;}
.mR35	{margin-right:35px !important;}
.mR40	{margin-right:40px !important;}
.mR45	{margin-right:45px !important;}
.mR50	{margin-right:50px !important;}

.mB0	{margin-bottom:0px !important;}
.mB5	{margin-bottom:5px !important;}
.mB10	{margin-bottom:10px !important;}
.mB15	{margin-bottom:15px !important;}
.mB20	{margin-bottom:20px !important;}
.mB25	{margin-bottom:25px !important;}
.mB30	{margin-bottom:30px !important;}
.mB35	{margin-bottom:30px !important;}
.mB40	{margin-bottom:40px !important;}
.mB45	{margin-bottom:45px !important;}
.mB50	{margin-bottom:50px !important;}

.mL0	{margin-left:0px !important;}
.mL5	{margin-left:5px !important;}
.mL10	{margin-left:10px !important;}
.mL15	{margin-left:15px !important;}
.mL20	{margin-left:20px !important;}
.mL25	{margin-left:25px !important;}
.mL30	{margin-left:30px !important;}
.mL35	{margin-left:35px !important;}
.mL40	{margin-left:40px !important;}
.mL45	{margin-left:45px !important;}
.mL50	{margin-left:50px !important;}

h4{position:relative; font-size:23px; font-weight:700; color:#111; padding-left:20px; margin-bottom:20px;}
h4::before{position:absolute; display:inline-block; content:''; left:0; top:8px; width:15px; height:5px; border-radius:5px; background:#b89564;}
h4::after{position:absolute; display:inline-block; content:''; left:5px; top:3px; width:5px; height:15px; border-radius:5px; background:#b89564;}

ul.list-u li{position:relative; font-size:16px; color:#111; padding:8px 10px;}
ul.list-u li::before{position:absolute; display:inline-block; content:''; left:0; top:13px; width:5px; height:5px; background:#bbb;}
ul.list-u li em{font-weight:700; color:#b89564;}

h4 + ul{padding-left:20px; margin-bottom:10px;}
h4 + ul li{position:relative; font-size:16px; color:#111; padding:8px 10px;}
h4 + ul li::before{position:absolute; display:inline-block; content:''; left:0; top:13px; width:5px; height:5px; background:#bbb;}
h4 + ul li em{font-weight:700; color:#b89564;}

h4 + table{width:100%; border-top:2px solid #bbb; font-size:18px;}
h4 + table caption{display:none;}
h4 + table th{text-align:center; vertical-align:middle; padding:20px 0; background:#f8f8f8; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
h4 + table th:last-child{border-right:0;}
h4 + table td{text-align:center; vertical-align:middle; padding:20px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
h4 + table td:last-child{border-right:0;}
h4 + table td.impossible{color:#b20000; font-weight:700;}

h4 + p{font-size:18px; line-height:30px; font-weight:100; color:#111; padding-left:20px;}
p.info{font-size:16px; font-weight:100; color:#555; padding-left:20px;}

h6{text-align:center; font-size:24px; font-weight:700; color:#111; margin-bottom:15px;}
h6 + p{font-size:18px; text-align:center; color:#111; line-height: 30px;}

.tbl{width:100%; margin:25px 0; font-size:13px;color:#111;}
.tbl caption{display:none;}
.tbl tbody th{text-align:left; vertical-align:middle; width:80px; font-weight:700; padding:10px 20px;}
.tbl tbody td{text-align:left; vertical-align:middle; padding:10px 20px;}

#reserve{}

#reserve .reserve-tab{width:100%; height:70px; border-left:1px solid #ddd; margin-bottom:50px; display:table; table-layout:fixed;}
#reserve .reserve-tab a{position:relative; display:table-cell; width:33%; height:70px; line-height:70px; text-align:center; font-size:20px; color:#555555; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
#reserve .reserve-tab a:nth-child(2){width:34%;}
#reserve .reserve-tab a[data-text="실시간예약"] {color:#de241f;}

#reserve .reserve-tab a.active{color:#fff; /*font-weight:700;*/ background:#b89564; border-right:1px solid #b89564; border-top:1px solid #b89564; border-bottom:1px solid #b89564;}
#reserve .reserve-tab a.active::before{display:inline-block; width:1px; height:calc(100% + 2px); left:-1px; top:-1px; background:#b89564;}

#reserve .reserve-step{width:100%; height:80px; margin-bottom:35px; padding:15px 30px; box-sizing:border-box; background:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#reserve .reserve-step ul{}
#reserve .reserve-step ul li{float:left; height:50px; line-height:50px; font-size:18px; color:#777;}
#reserve .reserve-step ul li span.step{display:inline-block; height:50px; border-radius:50px; padding:0 25px; background:#b89564; font-size:24px; color:#fff;}
#reserve .reserve-step ul li em{display:inline-block; font-size:28px; font-weight:700; color:#111; padding:0 20px;}

#reserve .reserve-calendar{}
#reserve .reserve-calendar .reserve-calendar-header{position:relative; width:100%; padding-bottom:20px; margin-bottom:10px; text-align:center;}
#reserve .reserve-calendar .reserve-calendar-header .reserve-date{display:inline-block;}
#reserve .reserve-calendar .reserve-calendar-header .reserve-date button{float:left; display:inline-block; width:35px; height:35px; border-radius:35px; border:1px solid #000; opacity:0.2; cursor:pointer;}
#reserve .reserve-calendar .reserve-calendar-header .reserve-date button:hover{opacity:0.5;}
#reserve .reserve-calendar .reserve-calendar-header .reserve-date button.btn-prev{background:url(/assets/img/common/theme/btn_prev.png) no-repeat 5px center; background-size:20px;}
#reserve .reserve-calendar .reserve-calendar-header .reserve-date button.btn-next{background:url(/assets/img/common/theme/btn_next.png) no-repeat 7px center; background-size:20px;}
#reserve .reserve-calendar .reserve-calendar-header .reserve-date em{float:left; display:inline-block; margin:0 35px; font-size:32px; line-height:35px; font-weight:700; color:#111; letter-spacing:-3px; }

#reserve .reserve-calendar .reserve-calendar-header .reserve-info{position:absolute; left:0; bottom:0;}
#reserve .reserve-calendar .reserve-calendar-header .reserve-info span{position:relative; display:inline-block; padding-left:10px; font-size:16px; color:#bbb; margin-right:15px;}
#reserve .reserve-calendar .reserve-calendar-header .reserve-info span::before{display:inline-block; width:6px; height:6px; border-radius:6px; background:#bbb; left:0; top:4px;}
#reserve .reserve-calendar .reserve-calendar-header .reserve-info span.reserve-info-standby{color:#24a5f4;}
#reserve .reserve-calendar .reserve-calendar-header .reserve-info span.reserve-info-standby::before{background:#24a5f4;}
#reserve .reserve-calendar .reserve-calendar-header .reserve-info span.reserve-info-complete{color:#DE241F;}
#reserve .reserve-calendar .reserve-calendar-header .reserve-info span.reserve-info-complete::before{background:#DE241F;}
#reserve .reserve-calendar .reserve-calendar-header .reserve-info span.reserve-info-ready{color:#222;}

#reserve .reserve-calendar .reserve-calendar-body{margin-bottom:100px;}
#reserve .reserve-calendar .reserve-calendar-body table{width:100%; border-top:2px solid #bbb; border-left:1px solid #ddd;}
#reserve .reserve-calendar .reserve-calendar-body table caption{display:none;}
#reserve .reserve-calendar .reserve-calendar-body table thead{}
#reserve .reserve-calendar .reserve-calendar-body table thead th{text-align:center; vertical-align:middle; height:60px; font-size:20px; color:#111; background:#f8f8f8; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#reserve .reserve-calendar .reserve-calendar-body table thead th.sun{color:#de241f;}
#reserve .reserve-calendar .reserve-calendar-body table thead th.mon{}
#reserve .reserve-calendar .reserve-calendar-body table thead th.tue{}
#reserve .reserve-calendar .reserve-calendar-body table thead th.wed{}
#reserve .reserve-calendar .reserve-calendar-body table thead th.thu{}
#reserve .reserve-calendar .reserve-calendar-body table thead th.fri{}
#reserve .reserve-calendar .reserve-calendar-body table thead th.sat{color:#007eff;}

#reserve .reserve-calendar .reserve-calendar-body table tbody{}
#reserve .reserve-calendar .reserve-calendar-body table tbody td{width:14.2857142857%; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#reserve .reserve-calendar .reserve-calendar-body table tbody td.sun{}
#reserve .reserve-calendar .reserve-calendar-body table tbody td.mon{}
#reserve .reserve-calendar .reserve-calendar-body table tbody td.tue{}
#reserve .reserve-calendar .reserve-calendar-body table tbody td.wed{}
#reserve .reserve-calendar .reserve-calendar-body table tbody td.thu{}
#reserve .reserve-calendar .reserve-calendar-body table tbody td.fri{}
#reserve .reserve-calendar .reserve-calendar-body table tbody td.sat{}

#reserve .reserve-calendar .reserve-calendar-body table tbody td.holiday .date{color:#de241f;}
#reserve .reserve-calendar .reserve-calendar-body table tbody td.sun .date{color:#de241f;}
#reserve .reserve-calendar .reserve-calendar-body table tbody td.sat .date{color:#007eff;}
#reserve .reserve-calendar .reserve-calendar-body table tbody td.empty{}
#reserve .reserve-calendar .reserve-calendar-body table tbody td.empty .date{color:#bbb !important;}

#reserve .reserve-calendar .reserve-calendar-body table tbody td .inventory{padding:20px;}
#reserve .reserve-calendar .reserve-calendar-body table tbody td .date{position:relative; padding:10px 0; font-size:15px; text-align:center; background:#efefef; color:#111; text-align:center; letter-spacing:-1px;}
#reserve .reserve-calendar .reserve-calendar-body table tbody td .date::before{display:inline-block; width:1px; height:100%; background:#ddd; right:-1px; top:0;}
#reserve .reserve-calendar .reserve-calendar-body table tbody td .item{position:relative;}
#reserve .reserve-calendar .reserve-calendar-body table tbody td .item:hover{}
#reserve .reserve-calendar .reserve-calendar-body table tbody td .item a{display:block; color:#222; height:30px; line-height:30px;}
#reserve .reserve-calendar .reserve-calendar-body table tbody td .item a:hover{font-weight:700; color:#b89564; text-decoration:underline;}

#reserve .reserve-calendar .reserve-calendar-body table tbody td .item a + ul{display:none; position:absolute; left:0; top:30px; width:80px; background:#555; box-sizing:border-box; padding:10px; z-index:1;}
#reserve .reserve-calendar .reserve-calendar-body table tbody td .item a + ul li{position:relative; font-size:14px; line-height:22px; letter-spacing:-1px;}
#reserve .reserve-calendar .reserve-calendar-body table tbody td .item a + ul li.before{color:#bbb;}
#reserve .reserve-calendar .reserve-calendar-body table tbody td .item a + ul li.before::before{display:inline-block; width:50px; height:1px; background:rgba(255,255,255,0.8); left:0; top:10px;}
#reserve .reserve-calendar .reserve-calendar-body table tbody td .item a + ul li.after{color:#fff;}
#reserve .reserve-calendar .reserve-calendar-body table tbody td .item a:hover + ul{display:block;}

#reserve .reserve-calendar .reserve-calendar-body table tbody td .item.soldout a{color:#DE241F;}
#reserve .reserve-calendar .reserve-calendar-body table tbody td .item.reserving a{color:#24a5f4;}

#reserve .reserve-calendar .reserve-calendar-body table tbody td .item.soldout:hover,
#reserve .reserve-calendar .reserve-calendar-body table tbody td .item.reserving:hover{}

#reserve .reserve-form{display:inline-block; width:100%; margin-bottom:100px;}
#reserve .reserve-form .reserve-form-title{margin-bottom:25px; font-size:20px; color:#777;}
#reserve .reserve-form .reserve-form-title em{font-size:32px; color:#111; font-weight:700;}

#reserve .reserve-form .reserve-form-inventory{position:relative; width:100%;  border-bottom:1px solid #ddd; }
#reserve .reserve-form .reserve-form-inventory:nth-child(2){border-top:2px solid #bbb;}
#reserve .reserve-form .reserve-form-inventory .order-title,
#reserve .reserve-form .reserve-form-inventory .order-list{box-sizing:border-box;}

#reserve .reserve-form .reserve-form-inventory .order-title{position:absolute; left:0; top:0; width:200px; height:100%; background:#f8f8f8;text-align:center;}
#reserve .reserve-form .reserve-form-inventory .order-title span{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:18px; font-weight:700; color:#333;}

#reserve .reserve-form .reserve-form-inventory .order-list{display:inline-block; width:100%; padding:15px 15px 15px 200px;}
#reserve .reserve-form .reserve-form-inventory .order-list select{width:100%; height:40px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; padding:0 10px;}

#reserve .reserve-form .reserve-form-inventory .order-list .order-section{position:relative; float:left; box-sizing:border-box;}
#reserve .reserve-form .reserve-form-inventory .order-list .order-section:nth-child(1){width:70%;}
#reserve .reserve-form .reserve-form-inventory .order-list .order-section:nth-child(2){width:30%;}

#reserve .reserve-form .reserve-form-inventory .order-list .order-section ul.check-in{background:url(/assets/img/common/theme/order_arrow.png) no-repeat center center; display:inline-block; width:100%; background-size:45px;}
#reserve .reserve-form .reserve-form-inventory .order-list .order-section ul li{float:left; width:50%; font-size:16px; line-height:40px; color:#777; letter-spacing:-1px; text-align:center;}
#reserve .reserve-form .reserve-form-inventory .order-list .order-section ul li em{display:inline-block; font-size:24px; font-weight:700; color:#111; margin-left:10px; vertical-align:-3px;}

#reserve .reserve-form .reserve-form-inventory .order-list .order-personnel-section{position:relative; float:left; box-sizing:border-box; width:33%;}
#reserve .reserve-form .reserve-form-inventory .order-list .order-personnel-section:nth-child(2){width:34%;}

#reserve .reserve-form .reserve-form-inventory .order-list .order-personnel-section label,
#reserve .reserve-form .reserve-form-inventory .order-list .order-personnel-section select{float:left; box-sizing:border-box;}
#reserve .reserve-form .reserve-form-inventory .order-list .order-personnel-section label{width:30%; height:40px; line-height:40px; text-align:right; padding:0 10px;}
#reserve .reserve-form .reserve-form-inventory .order-list .order-personnel-section select{width:70%; height:40px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; padding:0 10px;}

#reserve .reserve-form .reserve-form-inventory .order-list .order-personnel-section p{line-height:40px; padding-left:10px;}

#reserve .reserve-form .reserve-form-inventory .order-list .order-option-section{position:relative; float:left; box-sizing:border-box;}
#reserve .reserve-form .reserve-form-inventory .order-list .order-option-section:nth-child(1){width:70%; text-align:left; padding-left:30px;}
#reserve .reserve-form .reserve-form-inventory .order-list .order-option-section:nth-child(2){width:30%;}

#reserve .reserve-form .reserve-form-inventory .order-list .order-option-section ul{}
#reserve .reserve-form .reserve-form-inventory .order-list .order-option-section ul li{height:40px; line-height:40px; margin:4px 0;}

#reserve .reserve-form .reserve-form-inventory .order-list .order-option-section input[type="checkbox"]{display:none;}
#reserve .reserve-form .reserve-form-inventory .order-list .order-option-section input[type="checkbox"] + label{font-size:14px; position:relative; padding-left:30px; cursor:pointer; height:23px; line-height:23px;}
#reserve .reserve-form .reserve-form-inventory .order-list .order-option-section input[type="checkbox"] + label::before{content:""; display:inline-block; left:0; top:0; border:1px solid #ddd; width:23px; height:23px; box-sizing: border-box;}
#reserve .reserve-form .reserve-form-inventory .order-list .order-option-section input[type="checkbox"]:checked + label::after{content:""; display:inline-block; width:15px; height:15px; left:4px; top:4px; background:#b89564}

#reserve .reserve-form .reserve-form-inventory .order-list .order-price-section{position:relative; box-sizing:border-box;}
#reserve .reserve-form .reserve-form-inventory .order-list .order-price-section{width:100%; padding-left:30px;}

#reserve .reserve-form .reserve-form-inventory .order-list .order-price-section ul.price-list{width:50%;}
#reserve .reserve-form .reserve-form-inventory .order-list .order-price-section ul.price-list li{position:relative; line-height:30px; text-align:left; font-size:16px; color:#777;}
#reserve .reserve-form .reserve-form-inventory .order-list .order-price-section ul.price-list li em{position:absolute; right:0; top:0; font-size:21px; color:#111; letter-spacing:-1px;}

#reserve .reserve-form .reserve-form-inventory .order-list .total-price{position:absolute; width:30%; height:100%; right:0; top:0; background:#555;}
#reserve .reserve-form .reserve-form-inventory .order-list .total-price::before{display:inline-block; width:100%; height:1px; background:#555; left:0; top:-1px;}
#reserve .reserve-form .reserve-form-inventory .order-list .total-price::after{display:inline-block; width:100%; height:1px; background:#555; left:0; bottom:-1px;}
#reserve .reserve-form .reserve-form-inventory .order-list .total-price > div{position:absolute; width:100%; text-align:center; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; font-size:16px;}
#reserve .reserve-form .reserve-form-inventory .order-list .total-price > div em{display:inline-block; margin-left:20px; font-size:36px; font-weight:700; letter-spacing:-1px;}

/* 실시간 예약 > STEP03 선택내용 확인 시작 */
#reserve .reserve-check{display:inline-block; width:100%; margin-bottom:50px;}

#reserve .reserve-check .reserve-check-inventory{position:relative; width:100%;  border-bottom:1px solid #ddd; }
#reserve .reserve-check .reserve-check-inventory:first-child{border-top:2px solid #bbb;}
#reserve .reserve-check .reserve-check-inventory .order-title,
#reserve .reserve-check .reserve-check-inventory .order-list{box-sizing:border-box;}

#reserve .reserve-check .reserve-check-inventory .order-title{position:absolute; left:0; top:0; width:200px; height:100%; background:#f8f8f8;text-align:center;}
#reserve .reserve-check .reserve-check-inventory .order-title span{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:18px; font-weight:700; color:#333;}

#reserve .reserve-check .reserve-check-inventory .order-list{display:inline-block; width:100%; padding:25px 15px 25px 230px;}
#reserve .reserve-check .reserve-check-inventory .order-list select{width:100%; height:40px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; padding:0 10px;}

#reserve .reserve-check .reserve-check-inventory .order-list .order-section{position:relative; box-sizing:border-box; font-size:15px; color:#777; line-height:1.5em;}
#reserve .reserve-check .reserve-check-inventory .order-list .order-section > em{font-size:24px; color:#111; font-weight:700;}

#reserve .reserve-check .reserve-check-inventory .order-list .order-section ul{}
#reserve .reserve-check .reserve-check-inventory .order-list .order-section ul.check-in{background:url(/assets/img/common/theme/order_arrow.png) no-repeat center center; display:inline-block; width:500px; background-size:45px;}
#reserve .reserve-check .reserve-check-inventory .order-list .order-section ul li{float:left; width:250px; font-size:16px; line-height:60px; color:#777; letter-spacing:-1px;}
#reserve .reserve-check .reserve-check-inventory .order-list .order-section ul li:last-child{text-align:right;}
#reserve .reserve-check .reserve-check-inventory .order-list .order-section ul li em{display:inline-block; font-size:24px; font-weight:700; color:#111; margin-left:10px; vertical-align:-3px;}

#reserve .reserve-check .reserve-check-inventory .order-list .order-price-section{position:relative; box-sizing:border-box;}
#reserve .reserve-check .reserve-check-inventory .order-list .order-price-section{width:100%;}

#reserve .reserve-check .reserve-check-inventory .order-list .order-price-section ul.price-list{width:30%;}
#reserve .reserve-check .reserve-check-inventory .order-list .order-price-section ul.price-list li{position:relative; line-height:30px; text-align:left; font-size:16px; color:#777;}
#reserve .reserve-check .reserve-check-inventory .order-list .order-price-section ul.price-list li em{position:absolute; right:0; top:0; font-size:21px; color:#111; letter-spacing:-1px;}

#reserve .reserve-check .reserve-check-inventory .order-list .total-price{position:absolute; width:30%; height:100%; right:0; top:0; background:#555;}
#reserve .reserve-check .reserve-check-inventory .order-list .total-price::before{display:inline-block; width:100%; height:1px; background:#555; left:0; top:-1px;}
#reserve .reserve-check .reserve-check-inventory .order-list .total-price::after{display:inline-block; width:100%; height:1px; background:#555; left:0; bottom:-1px;}
#reserve .reserve-check .reserve-check-inventory .order-list .total-price > div{position:absolute; width:100%; text-align:center; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; font-size:16px;}
#reserve .reserve-check .reserve-check-inventory .order-list .total-price > div em{display:inline-block; margin-left:20px; font-size:36px; font-weight:700; letter-spacing:-1px;}
/* 실시간 예약 > STEP03 선택내용 확인 끝 */

/* 실시간 예약 > STEP04  예약자 정보입력 시작 */
#reserve .reserve-insert{display:inline-block; width:100%; margin-bottom:50px;}

#reserve .reserve-insert .reserve-insert-inventory{position:relative; width:100%;  border-bottom:1px solid #ddd; }
#reserve .reserve-insert .reserve-insert-inventory:first-child{border-top:2px solid #bbb;}
#reserve .reserve-insert .reserve-insert-inventory .insert-title,
#reserve .reserve-insert .reserve-insert-inventory .insert-list{box-sizing:border-box;}

#reserve .reserve-insert .reserve-insert-inventory .insert-title{position:absolute; left:0; top:0; width:200px; height:100%; background:#f8f8f8;text-align:center;}
#reserve .reserve-insert .reserve-insert-inventory .insert-title label{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:18px; font-weight:700; color:#333;}

#reserve .reserve-insert .reserve-insert-inventory .insert-list{display:inline-block; width:100%; padding:10px 15px 10px 230px;}
#reserve .reserve-insert .reserve-insert-inventory .insert-list span{font-size:13px; color:#aaa; display:inline-block; margin-left:15px;}
#reserve .reserve-insert .reserve-insert-inventory .insert-list select{width:100%; height:40px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; padding:0 10px;}
#reserve .reserve-insert .reserve-insert-inventory .insert-list input[type="text"]{min-width:250px; height:40px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; padding:0 10px;}
#reserve .reserve-insert .reserve-insert-inventory .insert-list input[data-name="연락처"]{min-width:50px; width:100px;}
#reserve .reserve-insert .reserve-insert-inventory .insert-list input[data-name="생년월일"]{min-width:25px; width:50px;}
#reserve .reserve-insert .reserve-insert-inventory .insert-list input[type="number"]{min-width:50px; height:40px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; padding:0 10px;}
#reserve .reserve-insert .reserve-insert-inventory .insert-list textarea{width:100%; max-width:100%; min-width:100%; height:110px; min-height:110px; line-height:20px; border:1px solid #ddd; box-sizing:border-box; padding:0 10px;}

/* 실시간 예약 > STEP04  예약자 정보입력 끝 */
.glamping-contents{margin-bottom:50px;}
.glamping-contents:last-child{margin-bottom:150px;}

.order-complete{text-align:center; padding:50px 0; font-size:18px; color:#555; line-height:1; letter-spacing:-0.5px;}
.order-complete em{display:block; font-size:32px; font-weight:700; color:#111; margin-bottom:10px;}

.reserve-info{font-size:18px; color:#555; text-align:center;}
.reserve-info em{font-weight:700; color:#111;}

#glamping-tab{width:100%; height:70px; margin-bottom:60px; text-align:center;}
#glamping-tab ul{display:table; table-layout:fixed; width:100%; border-spacing:0px;}
#glamping-tab li {display:table-cell; box-sizing:border-box; font-size:20px; color:#555; font-weight:100; border:1px solid #ddd; text-align:center; border-collapse:collapse ;}
#glamping-tab li + li {border-left-width:0;}
#glamping-tab li.active {border-right-width:0;}

#glamping-tab ul li a{color:#555; display:block; width:100%; line-height:70px;}
#glamping-tab ul li.active a{background:#b89564; color:#fff;}

#cow-glamping-gallery{margin-bottom:25px;}
.event_wrap{margin-bottom:25px; margin-top: 50px;}
.event_wrap .slick-slide div { text-align: center; }
.event_wrap .slick-slide img { max-width: 500px !important; }

.glamping-bar{margin-bottom:50px;}
.glamping-bar .inner{height:10px; background:url(/assets/img/web/sub/theme/pattern.png) repeat-x left top;}

.convenience-list{margin-bottom:30px;}
.convenience-list.vill {border-bottom:1px dashed #ddd; padding-bottom:20px;}
.convenience-list ul{display:inline-block; width:100%;}
.convenience-list ul li{position:relative; float:left; width:25%; box-sizing:border-box; padding-left:50px; height:50px; line-height:50px; font-size:15px; color:#111;}
.convenience-list ul li img{position:absolute; left:0; top:5px;}
.convenience-list ul li span{font-size:14px;}
.convenience-list ul li.wide {width:auto;}

.convenience-list .tit {font-size:16px;max-width: 80px;text-align: center;background:#b89564;color:#fff; padding: 5px 5px; margin-bottom:10px;}

.glamping-greeting{}
.glamping-greeting ul{position:relative; display:inline-block; width:100%;}
.glamping-greeting ul::before{display:inline-block; width:10px; height:100%; left:50%; top:50px; transform:translate(-50%, 0); background:url(/assets/img/web/sub/theme/pattern.png) repeat-y center top;}
.glamping-greeting ul li{position:relative; float:left; width:50%; padding-top:200px; box-sizing:border-box; text-align:center; font-size:17px; color:#111; line-height:1.35em; letter-spacing:-0.45px;}
.glamping-greeting ul li::before{display:inline-block; width:30px; height:5px; background:#b89564; left:50%; top:170px; transform:translate(-50%, 0);}
.glamping-greeting ul li.bg01{background:url(/assets/img/web/sub/theme/glamping_greeting01.png) no-repeat center 50px;}
.glamping-greeting ul li.bg02{background:url(/assets/img/web/sub/theme/glamping_greeting02.png) no-repeat center 50px;}
.glamping-greeting ul li em{display:block; font-size:23px; font-weight:700; margin-bottom:15px;}

.glamping-location{}
.glamping-location ul{position:relative; display:inline-block; width:100%;}
.glamping-location ul::before{display:inline-block; width:10px; height:100%; left:50%; top:50px; transform:translate(-50%, 0); background:url(/assets/img/web/sub/theme/pattern.png) repeat-y center top;}
.glamping-location ul li{position:relative; float:left; width:50%; padding-top:200px; box-sizing:border-box; text-align:center; font-size:17px; color:#111; line-height:1.35em; letter-spacing:-0.45px;}
.glamping-location ul li::before{display:inline-block; width:30px; height:5px; background:#b89564; left:50%; top:170px; transform:translate(-50%, 0);}
.glamping-location ul li.bg01{background:url(/assets/img/web/sub/theme/glamping_location01.png) no-repeat center 25px;}
.glamping-location ul li.bg02{background:url(/assets/img/web/sub/theme/glamping_location02.png) no-repeat center 25px;}
.glamping-location ul li em{display:block; font-size:23px; font-weight:700; margin-bottom:15px;}

.glamping-contents .wrap_controllers,
.glamping-contents .map_border{display:none;}

#reserv{margin-bottom:100px;}
/* 리스트 */
#reserv .calendar-list{width:100%;}
#reserv .calendar-list thead{background:#f8f8f8; border-top:2px solid #858585; border-bottom:1px solid #cfd1d4;}
#reserv .calendar-list thead th{text-align:center; font-size:15px; font-weight:700; color:#222; padding:20px 0;}

#reserv .calendar-list tbody td{background:#fff; border-bottom:1px solid #cfd1d4; text-align:center; padding:15px 0; font-size:15px; font-weight:300;}
#reserv .calendar-list tbody td i.notice{display:inline-block; padding:10px 15px; background:#0091d5; color:#fff; border-radius:25px; font-size:13px; font-weight:700;}

#reserv .calendar-list tbody td.subject{text-align:left; padding:0 25px;}
#reserv .calendar-list tbody td.subject a{color:#222; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#reserv .calendar-list tbody tr:hover td{background:#fcfcfc;}
#reserv .calendar-list tbody tr.no-data td{color:#aaa; vertical-align:middle;}

#reserv .calendar-title{padding:20px 0 20px 20px;text-align:center;}
#reserv .calendar-title .day-info{font-size:27px;font-weight:bold;margin:0 10px 0 10px;}
#reserv .calendar-title .day-info a:link{color:#222;}
#reserv .calendar-title button{cursor:pointer;}
#reserv .calendar-list tbody td{height:150px; border:1px solid #ddd;}
#reserv .calendar-list thead .isDay0{color:#cc0000;}
#reserv .calendar-list thead .isDay6{color:#1081ba;}
#reserv .calendar-list tbody .isDay0 .num{color:#cc0000;}
#reserv .calendar-list tbody .isDay6 .num{color:#1081ba;}
#reserv .calendar-list tbody td pre{padding:5px 0 8px;}
#reserv .calendar-list tbody td a:link{color:#222;}

#reserve-sub{margin-top:50px;}
#reserve-sub .reserve-form{width:100%;}
#reserve-sub .reserve-form select{min-width:100px; height:35px; line-height:35px; box-sizing:border-box; border:1px solid #cacaca; padding:0 5px;}
#reserve-sub .reserve-form select{background:url(/assets/img/common/theme/btn_down.png) no-repeat 90% center;}
#reserve-sub .reserve-form textarea{width:100%; max-width:100%; min-width:100%; height:150px; bbox-sizing:border-box; padding:5px; border:1px solid #cacaca; color:#222; font-size:12px; line-height:20px;}

#reserve-sub .reserve-form tbody{border-top:2px solid #858585;}
#reserve-sub .reserve-form tbody th{width:200px; text-align:center; font-size:15px; font-weight:700; color:#222; padding:20px 0; background:#f3f3f3; border-bottom:1px solid #cfd1d4;}
#reserve-sub .reserve-form tbody td{padding:10px 20px; text-align:left; border-bottom:1px solid #cfd1d4;}

#reserve-sub .reserve-form input[type="checkbox"]{display:none;}
#reserve-sub .reserve-form input[type="checkbox"] + label{font-size:14px; position:relative; padding-left:30px; cursor:pointer; height:23px; line-height:23px;}
#reserve-sub .reserve-form input[type="checkbox"] + label::before{content:""; display:inline-block; left:0; top:0; border:1px solid #ddd; width:23px; height:23px; box-sizing: border-box;}
#reserve-sub .reserve-form input[type="checkbox"]:checked + label::after{content:""; display:inline-block; width:15px; height:15px; left:4px; top:4px; background:#0091d5}
#reserve-sub .reserve-form input[type="text"]{min-width:100px; height:35px; line-height:35px; box-sizing:border-box; border:1px solid #cacaca; padding:0 5px;}

/* 작은슬라이드 */
#cow-glamping-gallery-thumb{display:inline-block; width:100%;margin:25px auto 50px auto;}
#cow-glamping-gallery-thumb .inner{padding:25px 0; border-top:1px dashed #ddd;}

#cow-glamping-gallery-thumb .item{position:relative; display:inline-block; width:calc(20% - 4px); margin-right:5px; margin-bottom:5px; float:left; cursor:pointer; box-sizing:border-box;}
#cow-glamping-gallery-thumb .item:nth-child(5n + 5){margin-right:0;}
#cow-glamping-gallery-thumb .item::after{opacity:0; display:inline-block; left:0; top:0; width:calc(100% - 10px); height:calc(100% - 10px); box-sizign:border-box; border:5px solid #b89564; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#cow-glamping-gallery-thumb .item.active::after{opacity:1; }

/* 작은슬라이드 - 이벤트 */
#cow-glamping-gallery-thumb.event_wrap_thumb .item{position:relative; display:inline-block; width:calc(16.66% - 5px) !important; margin-right:5px; margin-bottom:5px; float:left; cursor:pointer; box-sizing:border-box;}

/* #cow-glamping-gallery-thumb .slick-slide{margin:0 5px; outline: none !important; cursor:pointer;}
#cow-glamping-gallery-thumb .slick-list{margin:0 -4px;}
#cow-glamping-gallery-thumb .slick-current img{position:relative;}
#cow-glamping-gallery-thumb .slick-current img::before{display:inline-block; width:calc(100% - 10px); height:calc(100% - 10px); box-sizign:border-box; border:5px solid #b89564;}
#cow-glamping-gallery-thumb .slick-track{width:auto; margin:0;} */

/* ========== 카우빌 ========== */
.clFix:after {content:''; position:relative; clear:both; display:table;}

.vill-contents .vill-greeting {margin-top:40px;}
.vill-contents .vill-greeting .title {font-size:24px; font-weight:700; margin-bottom:20px;}
.vill-contents .vill-greeting .txt {font-size: 17px; line-height:1.5; margin-bottom:40px;}

.vill-contents .vill-greeting .txt ul {float:left;}
.vill-contents .vill-greeting .txt ul:first-child {margin-right:30px;}
.vill-contents .vill-greeting .txt ul li {margin-bottom:5px;}
.vill-contents .vill-greeting .txt ul li span {display:inline-block; font-size:15px; background:#b89564; color:#fff; padding:2px 5px; }
.vill-contents .vill-greeting .txt ul:nth-child(2) li span {min-width:84px; text-align:center;}

/* ========== 아리아빌 ========== */
.swiper.mySwiper {position:relative; overflow:hidden; margin-bottom:30px;}
.aria_reserv {display:block; position:relative; width:100%;}
.aria_reserv a {position:absolute; right:410px; bottom:60px; display:inline-block; color:#fff; font-weight:700; background:#40b021; padding:15px 60px; }

.aria .swiper-button-prev, .aria .swiper-button-next {width:80px; height:80px; border-radius:40px;} 
.aria .swiper-button-prev {background:rgba(0,0,0,.5) url(/assets/img/web/sub/theme/prev.png);}
.aria .swiper-button-next {background:rgba(0,0,0,.5) url(/assets/img/web/sub/theme/next.png);}