@charset "UTF-8";

/* 예약 */
.calender_wrap {width:100%; border:1px solid #e5e5e5; background:url('/gumsu/img/sub/calender_bg.gif') repeat-y top center; overflow:hidden; margin-top:20px;}
.calender_wrap > .calender_box {float:left; width:50%; padding:3% 4%;}
.calender_box .booking_day {width:100%; text-align:center; font-size:28px; color:#333;}
.calender_box .booking_day img {padding:0 10px;}
.calender_box .insel {margin-top:15px; width:100%; display: flex; align-items: center;}
.calender_box .insel select {width:100%; height:40px; border:1px solid #ccc;}
.calender_wrap > .calender_txt {float:left; width:50%; padding:5% 4% 0 4%;}
.calender_txt div {background:#f6f6f6; padding:8%; margin-top:20px;}
.calender_txt div .tit {font-size:16px; font-weight:500; height:30px;}
.calender_txt div.btn { background:none; padding:0; text-align:center; }
.moreview { margin:40px 0 0; }
.moreview a { position:relative; display:inline-block; border:1px solid #ddd; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:5px 45px 5px 20px; border-radius:30px; font-weight:bold; margin:0 5px 0 0; transition:0.2s; }
.moreview a::before { content:''; position:absolute; right:12px; top:7px; height:25px; width:25px; background:#555; border-radius:50%; }
.moreview a::after { content:''; position:absolute; right:21px; top:15px; width:5px; height:5px; border-top:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg); }
.moreview a:hover {background:#027f40; border:1px solid #02562c; color:#fff; }
.moreview a:hover::before {background:#fff;}
.moreview a:hover::after { border-top:3px solid #333; border-right:3px solid #333;}

/*예약안내*/
.reser_info { background:#eee; padding:10px; }
.reser_info dl { background:#fff url('../img/sub/reser_info_icon.png') no-repeat 40px 40px; border:1px solid #ddd; padding:30px 30px 30px 200px; }
.reser_info dl dt {font-size:20px; font-weight:600;}
@media all and (max-width:600px){
	.reser_info dl { background:#fff; padding:20px; }
}

/* calender table */
.tbl_calender {min-width:100%; margin-top:20px;}
.tbl_calender th,
.tbl_calender td {padding:3px 0; font-size:14px; background:#f6f6f6; line-height:1.8; color:#333; text-align:center; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.tbl_calender thead th {font-weight:400; font-size:14px; background:#ddd;}
.tbl_calender th.sun {background:#ffdbdb;}
.tbl_calender .sun {color:#e91b1b;}
.tbl_calender th.sat {background:#d4e2ff;}
.tbl_calender .sat {color:#1450cc;}
.tbl_calender td.on {border:2px solid #6d6d6d;}
.tbl_calender td.available {background:#ccedcc;}
@media all and (max-width: 830px) {
	.calender_txt div {padding:6%;}
}
@media all and (max-width: 760px) {
	.calender_txt div {padding:5%; margin-top:10px;}
}
@media all and (max-width: 650px) {
	.calender_wrap {background:none;}
	.calender_wrap > .calender_box {width:100%; padding:3% 4%;}
	.calender_wrap > .calender_txt {width:100%; padding:0 4% 4% 4%;}
}

/* 예약확인/취소, 마이페이지 > 임금대기, 입금완료, 취소리스트, 환불대기 리스트, 환불완료 리스트*/
.empha {color:#027f40 !important;}
a.bt_booking_detail,
a.bt_booking_doing,
a.bt_booking_cancle,
span.bt_booking_impossible,
span.bt_booking_complete,
a.bt_booking_print {display: inline-block; padding:1px 10px; box-sizing:border-box; border-radius:3px; font-size:13px;}
a.bt_booking_detail:hover,
a.bt_booking_doing:hover,
a.bt_booking_cancle:hover,
a.bt_booking_print:hover {font-weight:bold;}
a.bt_booking_detail {border:1px solid #027f40;}
a.bt_booking_doing {border:1px solid #02562c; background:#027f40; color:#fff;}
a.bt_booking_cancle {border:1px solid #b72b06; background:#d23910; color:#fff;}
a.bt_booking_print {border:1px solid #02562c; background:#027f40; color:#fff;}
span.bt_booking_impossible {border:1px solid #d00076;background:#d00076; color:#fff;}
span.bt_booking_complete {border:1px solid #156bc2; background:#156bc2; color:#fff;}
.deposit-waiting, .deposit-cancel, .refund-waiting {color:#cc3333; font-weight:bold;}
.deposit-complete, .refund-complete {color:#007cc0; font-weight:bold;}
.booking-price {color:#027f40 !important;}

.calender_box .insel a.bt_booking_doing{display: inline-block; padding:6px 18px; box-sizing:border-box; border-radius:3px; font-size:14px; margin-left: 10px;}
.calender_box .caution { position:relative; font-size:14px; padding:5px 0 5px 25px; margin:5px 0 0; }
.calender_box .caution::before { content:'!'; position:absolute; left:0; top:7px; width:20px; line-height:20px; height:20px; color:#fff; background:#cc1514; border-radius:50%; font-size:13px; text-align:center; font-weight:bold; }

/*예약안내 > 예약현황 및 예약하기 [완료]*/
.booking_complete_page {overflow:hidden; box-sizing:border-box; border-radius:10px; border:1px solid #ccc;}
.booking_complete_page .logo {float:left; width:50%; padding-top:9%; text-align:center;}
.booking_complete_page .logo > img {vertical-align:middle;}
.booking_complete_page .txt {float:left; width:50%; background:#f5f5f5; padding:5%;}
.booking_complete_page .txt p {text-align:center;}
.booking_complete_page .txt p.p1 {font-size:22px; font-weight:bold; color:#000;}
.booking_complete_page .txt p.p2 {font-size:15px; margin:10px 0;}
.booking_complete_page .txt p.pB {overflow:hidden;}
.booking_complete_page .txt p.pB a {display:block; background:#009d4e; color:#fff; box-sizing:border-box; border-radius:3px; width:70%; padding:5px 0; margin-left:15%;}
@media all and (max-width:680px){
	.booking_complete_page .logo,
	.booking_complete_page .txt {float:none; width:100%;}
	.booking_complete_page .logo {padding:9% 0;}
}

/*예약안내 > 예약현황 및 예약하기 [쓰기]*/
.booking_write {border-top:2px solid #027f40; overflow:hidden; margin:10px 0 30px;}
.booking_write dl { border-bottom:1px solid #ccc; overflow:hidden;}
.booking_write dl > * {padding:8px 0 8px 12px; box-sizing:border-box;}
.booking_write dl {width:100%; float:left; box-sizing:border-box; }
.booking_write dl.half {width:100%;}
.booking_write dl.half{position: relative; width: 100%;}
.booking_write dl.half::before, .booking_write dl.half::after {content:''; position:absolute; left:0; top:0; width:20%; height:100%; background:#f5f5f5; z-index: -1;}
.booking_write dl.half::after {left:50%}

.booking_write dt {float:left; width:20%; height:auto; font-weight:600; text-align:Center; padding:8px 0;}
.booking_write dd {float:left; width:80%; background:#fff;}
#booking_write2 dl{background: #f5f5f5;}
.booking_write dl.half dt {width:20% !important; background:#f5f5f5;}
.booking_write dl.half dd {width:30% !important;}
.booking_write dd > * {vertical-align:middle; box-sizing:border-box;}
@media all and (max-width:860px){
.booking_write dl dt { width:30% !important; }
.booking_write dl dd { width:70% !important; }
.booking_write dl.half {border-bottom:none;}
.booking_write dl.half dt { width:30% !important; border-top:1px solid #ccc;}
.booking_write dl.half dd { width:70% !important; border-top:1px solid #ccc;}
.booking_write dl.half dd:nth-of-type(2) { background-image:none;}
.booking_write dl.half:last-child dt:nth-of-type(2) {border-bottom:1px solid #ccc;}
.booking_write dl.half:last-child dd:nth-of-type(2)  {border-bottom:1px solid #ccc;}

.booking_write dl.half::before{width: 30%;}
dt.bdbb{border-bottom: none !important;}


.contract_search_box { width:100% !important; text-align:center; margin-bottom:20px;}
.contract_bod_btn { width:100% !important; float:none !important; text-align:center; }
}
@media all and (max-width:480px){
.booking_write  { font-size:12px !important;}
.tbl_st1 th, .tbl_st1 td { font-size:12px !important;}
.booking_write dl dt { width:35% !important;}
.booking_write dl dd { width:65% !important;}
.booking_write dl.half dt { width:35% !important;}
.booking_write dl.half dd { width:65% !important;}
.booking_write dl.half::before{width: 35%;}
}
.booking_agree {width:100%;}
.booking_agree .txt {margin-top:10px;padding:23px 27px 10px; box-sizing:border-box; border:1px solid #d9d9d9;line-height:20px;background:#f7f7f7;}
.booking_agree .txt > p, .booking_agree .txt > div {word-break:break-all;}
.booking_agree .txt > div {margin-bottom:15px;}
.booking_agree .txt h5 {color:#000 !important; font-size:14px !important; margin-bottom:5px;}
.booking_agree .txt ul {padding-left:10px;}
.booking_agree .txt ul li {margin-bottom:10px;}
.agreeWrap {text-align:center; padding:5px 0; border:2px solid #ddd; margin-top:5px;}
.btnWrap {text-align:center; padding:20px 0;}
a.bt_booking_write_doing,
a.bt_booking_write_cancle {display: inline-block; padding:5px 50px; box-sizing:border-box; border-radius:3px;margin:0 3px;}
a.bt_booking_write_doing {border:1px solid #02562c; background:#027f40; color:#fff;}
a.bt_booking_write_cancle {border:1px solid #323330; background:#4e4f4d; color:#fff;}
a.bt_booking_write_doing:hover,
a.bt_booking_write_cancle:hover {font-weight:bold;}


/* table overflow scroll */
.tbl_wrap {overflow-x: auto; margin-top:20px;}

/* table common */
.thL tbody th,
.tdL td {padding-left:10px; text-align:left;}
.tdR td {padding-right:10px; text-align:right;}
.tbl_wrap .tbl_guide { display: none; }


/* table style1 */
.tbl_st1 {margin-left:-1px; min-width:100%; margin-top:7px; border-top:2px solid #45474d;}
.tbl_st1 th,
.tbl_st1 td {padding:6px 5px; font-size:14px; line-height:1.8; color:#5f5f5f; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top:0; text-align:center; border-spacing:0;}
.tbl_st1 thead th {font-weight:600; font-size:14px; background:#fafafb;}
.tbl_st1 tbody th,
.tbl_st1 tfoot th {font-weight:600; background:#fff;}
.tbl_st1 tbody td.txtL {text-align:left; padding-left:10px;}

/* table style2 : 오른쪽 정렬*/
.tbl_st2 {margin-left:-1px; min-width:100%; margin-top:9px; border-top:1px solid #000;}
.tbl_st2 th,
.tbl_st2 td {padding:10px 0; font-weight:600; font-size:14px; line-height:1.8; color:#5f5f5f; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top:0; text-align:center; border-spacing:0;}
.tbl_st2 thead th {font-weight:600; font-size:14px; background:#f0f8fc;}
.tbl_st2 tbody th {background:#f5f5f5;}
.tbl_st2 tbody td {text-align:right; padding-right:10px;}
.tbl_st2 tbody td.txtC {text-align:center; }

/* table style3 : 왼쪽 정렬*/
.tbl_st3 {margin-left:-1px; min-width:100%; margin-top:9px; border-top:1px solid #000;}
.tbl_st3 th,
.tbl_st3 td {padding:10px 0; font-weight:400; font-size:14px; line-height:1.8; color:#5f5f5f; border-left:1px solid #ccc; border-bottom:1px solid #ccc;  border-top:0; text-align:center; border-spacing:0;}
.tbl_st3 thead th {font-weight:600; font-size:14px; background:#f0f8fc;}
.tbl_st3 tbody th {background:#f5f5f5;}
.tbl_st3 tbody td {text-align:left; padding-left:10px;}
.tbl_st3 tbody td.txtC {text-align:center; padding-left:0px; }

/* table style4 : green*/
.tbl_st4 {margin-left:-1px; min-width:100%; margin-top:7px; border:2px solid #159a1b;}
.tbl_st4 th,
.tbl_st4 td {padding:6px 5px; font-size:14px; line-height:1.8; color:#5f5f5f; border-left:1px solid #a4cceb; border-bottom:1px solid #a4cceb; border-top:0; text-align:center; border-spacing:0;}
.tbl_st4 thead th {font-weight:600; font-size:14px; background:#eff4f8;}
.tbl_st4 tbody th,
.tbl_st4 tfoot th {font-weight:600; background:#fff;}
.tbl_st4 tbody td.txtL {text-align:left; padding-left:10px;}

.btn_box {text-align:center; padding-top:40px;}
.bt_ok {display: inline-block; padding:10px 40px; border-radius:3px; background:#666;}
.bt_ok  span {font-weight:400; color:#fff; font-size:18px; letter-spacing:-0.05em;}


.confirm_box {margin-bottom:25px; padding:10px; background:url('/gayasan/camping/img/sub/box_pattern.png'); overflow:hidden;}
.confirm_box > div {padding:15px 15px 15px 30px; background:#fff; overflow:hidden;}
.confirm_box > div p {float:left; margin-top:8px; padding-left:40px; background:url('/gayasan/camping/img/sub/confirm_icon.jpg') no-repeat left center; font-weight:600;}
.confirm_box > div a {float:right; display:inline-block; background:#037641; color:#fff; padding:5px 20px; margin:3px; border-radius:5px;}
.confirm_box a.btn {margin:0;}
@media all and (max-width:599px){
	.confirm_box > div {text-align:center; padding:10px;}
	.confirm_box > div p {float:none; background:none;padding-left: 0;}
	.confirm_box > div a {float:none; margin:10px 0;}
}