@charset "utf-8";
#focusedInput, .form-control:focus {border-color: #009761;}
.table tbody>tr>td {border-top: none;padding: 10px 5px;font-size: 15px;letter-spacing: -1px;line-height: 1.3;}

/* 페이징 스타일 설정 */
.pagination {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display: flex;padding-left: 0;margin-top:20px;justify-content: center;margin-top: 60px;}
.pagination > ul{display:flex;flex-wrap:wrap}
.page-link {display: block;color: #6E6B7B;border: 0 solid #DAE1E7;-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding: .5rem .85rem}
.page-item {border-radius: 5rem;}
.page-item .page-link {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;margin: 0 2px;min-width: 33px;min-height: 33px;max-width: 33px;/* max-height: 33px; */background-color: #fff;border: 1px solid #cbcbcb;color:#747474;font-family:'Montserrat',Helvetica,Arial,serif;border-radius: 0;/* font-weight: bold; */vertical-align: middle;border: none;border-radius: 50%;}
.page-item:not(.active) .page-link, .page-item:not(.first) .page-link, .page-item:not(.last) .page-link, .page-item:not(.next-item) .page-link, .page-item:not(.prev-item) .page-link {line-height: 1;}
.page-item:not(:first-child) .page-link {margin-left: 0;}
.page-item .page-link:focus,
.page-item .page-link:hover,
.page-item.active .page-link{border-color: #009761;background-color: #009761;color:#fff}
.pagination .page-item [aria-label] span{line-height:1;font-family:'Dotum';letter-spacing: -1px;font-size: 12px;font-weight: bold;}
.pagination .page-item .page-link[aria-label="first"]{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.pagination .page-item .page-link[aria-label="last"]{border-top-right-radius: 0;border-bottom-right-radius: 0;}
@media only screen and (max-width: 640px){
	.pagination{display:block;width:100%;text-align:center;transition:all .5s;}
	.pagination ul{text-align:center}
	.pagination ul{width:100%;height:30px;}
	.pagination > li, .pagination .page-item{display:inline-block}
	.pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span{padding: 0 5px;width: 20px;height:20px;line-height:20px;}
	.pagination .page-item [aria-label] span{display:block;}
	.pagination .page-item .page-link[aria-label="first"] .sr-only,
	.pagination .page-item .page-link[aria-label="last"] .sr-only{display:none;}
}
@media only screen and (max-width:480px){
	.pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span{width: 25px;height: 25px;line-height:30px;min-width: 15px;min-height: 1px;}
	.pagination .page-item [aria-label]{padding:0 8px;font-size:14px;}
	.pagination .page-item [aria-label] .sr-only{font-size:14px;}
}


/* 예약하기 */
.camping-reservation-list {}
.camping-reservation-list .list-1st>li {line-height: 1.3;letter-spacing: -0.5px;margin: 0;margin-bottom: 7px;font-size: 15px;}
.camping-reservation-list .list-1st>li:before {top: 7px;}
.camping-reservation-list .point-text {color: #D14709;/* margin-top: 10px; */display: block;/* text-decoration: underline; */letter-spacing: -0.5px;}
.camping-reservation-list .red {background-color: transparent !important;color: #D14709;letter-spacing: -0.5px;}
.camping-reservation-list .list-1st>li .bold {font-weight: 600;letter-spacing: -0.5px;font-size: 15px;}
.camping-reservation-list .list-1st>li .s-text {font-weight: normal;font-size: 14px;}
.camping-reservation-list .list-1st>li .title {font-size: 16px;}
.camping-reservation-list .s-text {font-size: 15px;letter-spacing: -1px;}

.re-cat {margin-left: 50px;}
.re-cat .cat-list {font-size: 0;letter-spacing: 0;word-spacing: 0;margin-top: 25px;}
.re-cat .cat-list .site-name {position: relative;padding-left: 19px;font-family: 'GmarketSans';font-weight: 600;font-size: 15px;}
.re-cat .cat-list .site-name:before {content:'';position: absolute;left: 0;top: 50%;transform: translate(0, -50%);width: 14px;height: 14px;}
.re-cat .cat-list .site-name.name1:before {border-radius:50%}
.re-cat .cat-list .site-name em {font-weight: normal;}
.re-cat .cat-list li {display: inline-block;margin-right: 38px;}
.re-cat .cat-list li:last-child {}
.re-cat .cat-list li .site-name.name1 {color: #008560;}
.re-cat .cat-list li .site-name.name1:before {background-color: #008560;}
.re-cat .cat-list li .site-name.name2 {color: #008AA8;}
.re-cat .cat-list li .site-name.name2:before {background-color: #008AA8;}
.re-cat .cat-list li .site-name.name3 {}
.re-cat .cat-list li .site-name.name3:before {}
.re-cat .cat-list li .site-name.name4 {}
.re-cat .cat-list li .site-name.name4:before {}

.text-content .h3 {margin-bottom: 0;line-height: 1;}
.text-content .num-list {margin-top: 8px;}


/* 예약하기 달력 */
.ui-calendar{border:none;margin-top: 71px;}
.calendar-list td {background-color: #f8faf9;}
.calendar-list .possible {background-color: #fff;}
.ui-calendar .calendar-area .calendar{padding:0;padding-bottom:30px;border: 1px solid #ddd;border-radius: 30px;}
.ui-calendar .calendar-area .calendar .table-wrap{padding:60px 70px 37px}
.calendar-area .calendar-header{margin-top:0;background-color: #05824E;border-radius: 30px 30px 0px 0px;padding: 43px 0 43px 0;height: 119px;margin: 0;}
.calendar-list {margin:0;margin: 0 50px 0 50px;width: calc(100% - 100px);}
.calendar-summary{margin-top: 15px;}
.calendar-summary .calendar-text{display:inline-block;margin: 0;}
.calendar-header__inner {position: static;}
.calendar-list__day {text-align: center;font-size: 13px;font-family: 'GmarketSans';}
.calendar-summary .calendar-text .fa.fa-check{display:inline-block; margin-right:5px; width:20px; height:20px;
line-height:21px; text-align:center; border-radius:50%; background-color:#1e3a63; color:#fff; font-size:14px}
.calendar-summary .calendar-caption li .calendar-label{display:inline-block; margin-right: 5px; width: 20px; height:
20px; line-height: 20px; text-align:center; border-radius:50%; color:#fff}
.calendar-summary .calendar-caption li .r{background-color:#165296}
.calendar-summary .calendar-caption li .e{background-color:#008aca}
.calendar-summary .calendar-caption li .p{background-color:#0a9093}
.calendar-summary .calendar-caption{display:inline-block; float:right;}
.calendar-summary .calendar-caption:after{content:''; display:block; clear:both;}
.calendar-summary .calendar-caption li{float:left; text-align: right; margin-left:20px; }
.calendar__month strong{display:inline-block;width:50px;height: auto;font-family: 'GmarketSans';}
.calendar-list__content > div{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.calendar-list__content > div .calendar-label{display:inline-block; margin-right: 6px; padding-right:1px; width: 20px;
height: 20px; line-height: 20px; text-align:center; border-radius:50%; color:#fff}
.calendar-list__content > div .r {background-color:#165296}
.calendar-list__content > div .e {background-color:#008aca}
.calendar-list__content > div .p{background-color:#0a9093}
.calendar-list thead tr:first-child th {border-top: none;border-bottom: none;font-weight: 600;background-color: #fff;border: none;padding: 19px 8px;}
.calendar-list tr:last-child td {border: 1px solid #d1d1d1;}

.calendar-list thead tr:first-child .saturday.sat,
.calendar-list .saturday .calendar-list__day {color: #008AA8;}
.calendar-list thead tr:first-child .sunday.sun,
.calendar-list .sunday .calendar-list__day {color: #D14709;}

.calendar__prev-month{top:0;left: 97px;padding-left:13px;padding-right:23px;background-size: 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='rgba(0,0,0,1)'/%3E%3C/svg%3E");width: 36px;height: 36px;background-color: #fff;border-radius: 50%;transition: all 0.2s;background-size: 19px;background-repeat: no-repeat;background-position: 30% 32%;top: 50%;transform: translate(0, -50%);}
.calendar__prev-month:hover,
.calendar__prev-month:focus {background-color:#00674F;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.calendar__next-month{top: 50%;right: 97px;padding-left:13px;padding-right:23px;background-size: 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(0,0,0,1)'/%3E%3C/svg%3E");width: 36px;height: 36px;background-color: #fff;border-radius: 50%;transition: all 0.2s;background-size: 19px;background-repeat: no-repeat;background-position: 40% 32%;transform: translate(0, -50%);}
.calendar__next-month:hover,
.calendar__next-month:focus {background-color:#00674F;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}

.calendar__month {margin-top: 0;color: #fff;font-family: 'GmarketSans';font-size: 30px;line-height: 37px;}
.calendar-list__inner {padding: 5px;padding-top: 18px;}

.calendar-list__content {}
.calendar-list__content .re-wrap {}
.calendar-list__content .re-wrap .site {/* text-align: center; *//* margin: 3px 0; */height: 27px;display: block;width: 100%;position: relative;/* border: 1px solid #DBDBDB; */}
.calendar-list__content .re-wrap .site.a {/* background-color: #008560; */margin-bottom: 8px;}
.calendar-list__content .re-wrap .site.b {color: #00819B;}
.calendar-list__content .re-wrap .site.imp {/* background-color: #bbb; */color: #666666;}
.calendar-list__content .re-wrap .site.a.imp .link,
.calendar-list__content .re-wrap .site.b.imp .link {color: #666666;}
.calendar-list__content .re-wrap li .link {/* padding: 3px 0; */display: block;width: 100%;height: 100%;/* color: #fff; */font-size: 14px;/* letter-spacing: -1px; *//* line-height: 30px; *//* padding-left: 36px; */font-family: 'GmarketSans';text-align: center;line-height: 27px;/* padding-left: 40px; */padding-left: 25px;border: 1px solid #DBDBDB;border-radius: 30px;transition: all 0.2s;}
.calendar-list__content .re-wrap .site.a .link {color: #008560;/* font-weight: 600; */}
.calendar-list__content .re-wrap .site.a a:hover,
.calendar-list__content .re-wrap .site.a a:focus {border-color:#008560;}
.calendar-list__content .re-wrap .site.b a {color: #00819B; border-radius: 0;}
.calendar-list__content .re-wrap .site.b a:hover,
.calendar-list__content .re-wrap .site.b .link:focus {border-color:#00819B;}
.calendar-list__content .re-wrap li .link .num {height: 26px;display: inline-block;vertical-align: middle;background-color: #fff; color: #000;text-align: center;line-height: 29px;position: absolute;left: -2px;top: 0px;/* border: 1px solid #ddd; */font-size: 14px;/* letter-spacing: -1px; */font-weight: normal;color: #fff;width: 38px;font-size: 12px;}
.calendar-list__content .re-wrap .site.a .num {background-color: #008560; border-radius: 30px;}
.calendar-list__content .re-wrap .site.b .num {background-color: #00819B; border-radius: 0;}
.calendar-list__content .re-wrap.offline .site.a .link,
.calendar-list__content .re-wrap.offline .site.b .link {color: #444;}

@media (max-width:1330px) {
	.calendar-list {margin: 0 20px 0 20px;width: calc(100% - 40px);}
    .re-cat {margin-left: 20px;}
}

@media only screen and (max-width:1024px){
    .calendar-header__inner{display:block}
    .calendar__month{font-size:24px}
    .calendar__next-month,.calendar__prev-month{/* height:32px; */padding:0 8px}
    .calendar__next-month svg,.calendar__prev-month svg{margin-top:0}
    .calendar tr:last-child td{border-bottom: none;}
    .calendar-list{border-top: none;display:table;table-layout:fixed;padding-top:6px;margin-top: 20px;}
    .calendar-list colgroup,.calendar-list thead,.calendar-list thead th{display:none}
    .calendar-list tbody{display:table-row-group;border-bottom: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;}
    .calendar-list tbody tr{width:100%;border-bottom:none}
    .calendar-list tbody td{display:block;width:100%;padding:0;border-top:none;text-align:left;box-sizing:border-box;overflow:hidden;}
    .calendar-list tbody td:first-child:not(.table__hidden--mobile){padding-top:5.5px}
    .calendar-list tbody td.empty{display:none}
    .calendar-list__inner{position:relative;min-height:25px;padding-bottom: 10px;}
    .calendar-list__inner.empty{display:none}
    .calendar-list__day{position:absolute;left:10px;top:10px}
    .calendar-list__day-week{display:inline-block!important}
    .calendar-list__content{min-height:inherit;padding-left: 40px;}
    .calendar-list__label+br{display:none}
    .calendar-list__label+br+.calendar-list__subject{display:inline-block;margin-left:10px}
    .calendar-list__subject{width:calc(100% - 36px)}
    .calendar-list__content .re-wrap li .link {font-size: 15px;padding-left: 25px;}
    .calendar-list__content .re-wrap .site {max-width: 130px;display: inline-block;}
}

@media screen and (max-width:824px){
.ui-calendar .calendar-area .calendar .table-wrap {padding: 60px 28px 37px;}
.calendar-summary .calendar-caption{display:block;float:none;margin-top:5px;}
.calendar-summary .calendar-caption li{text-align:left; margin-left:0; min-width: 93px;}
.calendar-summary .calendar-caption li .calendar-label{display:inline-block;}
}

@media (max-width:560px) {
	.calendar__prev-month {left: 30px;}
	.calendar__next-month {right: 30px;}
	.calendar__month {font-size: 20px;padding: 0;}
	.ui-calendar.col1 .time-area, .ui-calendar.col1 .calendar-area {padding: 0;}
	.calendar__month strong {width: auto;}
}

@media screen and (max-width:450px){
.calendar-summary .calendar-caption{min-width:none; float:none; display:flex; align-item:center;justify-content:flex-start; flex-wrap:wrap; width:100%}}

@media (max-width:560px) {
	.calendar__prev-month {left: 20px;}
	.calendar__next-month {right: 20px;}
}

@media (max-width:435px) {
	.calendar-list__inner {padding-bottom: 18px;}
}


/* 탭 설정 */
/* .tab-ul.type1 li a{border:1px solid #ccc;color:#222;font-size:15px;letter-spacing:-0.01em;display: block;position: relative;}
.tab-ul.type1 li a:before {content: "";position: absolute;right: 15px;top: 50%;width: 15px;height: 4px;margin-top: -2px;border-radius: 5px;background: #b5b7ba;transition: all 0.2s ease-out;right: 26px;width: 18px;height: 3px;margin-top: -1.5px;background: #ccc;}
.tab-ul.type1 li.on a::before, .tab-ul.type1 li.active a::before, .tab-ul.type1 li a:focus::before, .tab-ul.type1 li a:hover::before {display: block;position: absolute;top: 50%;right: 15px;z-index: 1;width: 15px;height: 10px;margin-top: -5px;background: url(/pcms/dist/img/tab_ov_arrow.png) no-repeat;right: 26px;width: 18px;height: 11px;margin-top: -5.5px;}
.tab-ul.type1 li a::after {content: "";position: absolute;z-index: 2;left: -1px;right: -1px;top: -1px;bottom: -1px;width: auto;height: auto;transition: 0.3s;}
.tab-ul.type1 li.on a::after, .tab-ul.type1 li.active a::after, .tab-ul.type1 li a:hover:after, .tab-ul.type1 li a:focus:after {border: 2px solid #008AA8;}
.tab-ul.type1 li.on a,
.tab-ul.type1 li.active a,
.tab-ul.type1 li a:focus,
.tab-ul.type1 li a:hover{color:#008AA8;font-weight:bold;}
.tab-ul.type1 li a::before{right: 18px;width:18px;height:3px;margin-top:-1.5px;background:#ccc;}

.tab-ul.type1 li.on a::before,
.tab-ul.type1 li.active a::before,
.tab-ul.type1 li a:focus::before,
.tab-ul.type1 li a:hover::before{right: 18px;width:18px;height:11px;margin-top:-5.5px;}

.tab-ul.type1 li.on a::after,
.tab-ul.type1 li.active a::after,
.tab-ul.type1 li a:hover:after,
.tab-ul.type1 li a:focus:after{border:2px solid #008AA8;}

.tab-ul.type1 li a span{padding:10px 60px 10px 20px;}

@media (max-width:960px) {
    .tab-ul.col4 li, .tab-ul.col5 li, .tab-ul.col6 li, .tab-ul.col7 li, .tab-ul.col8 li {width: calc(50% + 1px);}
}

@media (max-width:490px) {
    .tab-ul.col4 li, .tab-ul.col5 li, .tab-ul.col6 li, .tab-ul.col7 li, .tab-ul.col8 li {width: calc(100% + 1px);margin-top: -1px;}
} */

@media (max-width:850px) {
    .re-cat .cat-list li {width: calc(100% / 2 - 5px);margin-bottom: 10px;}
    .re-cat .cat-list li:nth-child(2n) {margin-right:0px;}
}

@media (max-width:460px) {
    .re-cat .cat-list li {width:100%;margin-bottom: 5px;margin-right: 0;}
}

/* 캠핑예약하기 시설선택 */
.camping-reservation-select {}
.camping-reservation-select .search-wrap {position: relative;}
.camping-reservation-select .search-wrap .form-horizontal.bucket-form {border: none;background-color: #F8FAF9;border-radius: 20px;padding-left: 53px;padding-right: 167px;padding: 14px 167px 14px 53px;}
.camping-reservation-select .search-wrap .form-horizontal.bucket-form .form-group {border-bottom: none;justify-content: space-between;min-height: 43px;}
.camping-reservation-select .search-wrap .form-horizontal.bucket-form .form-group .control-label:before {width: 3px;height: 3px;background-color:  #009761;left: 15px;top: 12px;}
.camping-reservation-select .search-wrap .form-horizontal.bucket-form .form-group .control-label label {top: -3px;}
.camping-reservation-select .search-wrap .form-horizontal.bucket-form .form-group>div.control-label {width: 90px !important;display: inline-block;max-width: none;flex: none;}
.camping-reservation-select .search-wrap .btn-wrap {position: absolute;right: 80px;top: 50%;transform: translate(0, -50%);}
.camping-reservation-select .search-wrap .btn-wrap .btn {background-color: #009761;color: #fff;width: 81px;height: 81px;border-radius: 5px;margin: 0;padding: 0;font-size: 15px;}
.camping-reservation-select .search-wrap .form-horizontal.bucket-form .form-group>div[class^=col-] {padding-bottom: 0;padding-top: 0;}
.camping-reservation-select .search-wrap .form-control[disabled], .form-control[readonly], 
.camping-reservation-select .search-wrap fieldset[disabled] .form-control {background-color: #fff;color: #009761;font-weight: bold;letter-spacing: -1px;font-size: 14px;}

.camping-reservation-select .table {margin-bottom: 0;}
.camping-reservation-select .table thead th {font-size: 14px;letter-spacing: -1px;}
.camping-reservation-select .table td input[type='radio'] {width: 20px;height: 20px;cursor: pointer;}
.camping-reservation-select .table tr td {border-top: none;}
.camping-reservation-select .table tr td .link.popup1 {display: block;width: 100%;height: 100%;background-color: #008AA8;color: #fff;height: 40px;line-height: 40px;border-radius: 5px;font-size: 15px;letter-spacing: -1px;}

.step-btn-wrap {margin-top: 30px;padding-top: 30px;border-top: 1px solid #ddd;display: flex;justify-content: space-between;align-items: center;}
.step-btn-wrap .btn {color: #fff;padding: 10.5px 15px;border-radius: 5px;font-size: 15px;letter-spacing: -1px;position: relative;margin: 0;}
.step-btn-wrap .btn.btn-prev {background-color: #004945;padding-left: 45px;}
.step-btn-wrap .btn.btn-prev:before {content:'';width: 25px;height: 25px;position: absolute;left: 10px;top: 50%;/* transform: translate(0, -50%); */display: inline-block;background-color: #fff;border-radius: 50%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M7.828 11H20v2H7.828l5.364 5.364-1.414 1.414L4 12l7.778-7.778 1.414 1.414z' fill='rgba(0,73,69,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 50%;margin-top: -12.5px;}
.step-btn-wrap .btn.btn-next {background-color: #008AA8;padding-right: 45px;}
.step-btn-wrap .btn.btn-next:before {content:'';width: 25px;height: 25px;position: absolute;right: 10px;top: 50%;/* transform: translate(0, -50%); */display: inline-block;background-color: #fff;border-radius: 50%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z' fill='rgba(0,138,168,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 50%;margin-top: -12.5px;}

/* 시설안내 모달  */
.modal__content.guide  {background-color: #fff;max-width: 860px;position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);margin: 0;width: 100%;border: none;padding: 0;height: 93%;}
.modal__content.guide .modal-header {background-color: #009761;color: #fff;height: 60px;}
.modal__content.guide .modal-header .guide-tit {color: #fff;font-family: 'GmarketSans';line-height: 1.3;font-size: 24px;}
.modal__content.guide .m-wrap {padding: 20px;}
.modal__content.guide .m-wrap .site-name {border: 1px solid #009761;border-radius: 5px;height: 50px;line-height: 50px;text-align: center;margin-bottom: 20px;}
.modal__content.guide .m-wrap .site-name .name {font-size: 25px;font-family: 'GmarketSans';color: #444;}
.modal__content.guide .m-wrap .thum-box {position: relative;width: 100%;height: 340px;overflow: hidden;border-radius: 10px;}
.modal__content.guide .m-wrap .thum-box .inner {width: 100%;height: 100%;display: block;}
.modal__content.guide .m-wrap .thum-box .inner img {position: absolute;max-width: none;max-height: none;width: 100%;height: auto;left: 50%;top: 50%;transform: translate(-50%, -50%);}

.Dtype.mVisual {position: relative;width: 100%;border-radius: 20px;}
.Dtype.mVisual .slide {}
.Dtype.mVisual .slide .item {height: 340px;border-radius: 15px;overflow: hidden;position: relative;}
.Dtype.mVisual .slide .item .card_thum {width: 100%;height: 100%;display: block;}
.Dtype.mVisual .slide .item .card_thum .thum_box {display: block;width: 100%;height: 100%;}
.Dtype.mVisual .slide .item .card_thum .thum_box img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;max-height: none;}
.slide_control button.button {width: 35px;height: 35px;font-size: 0;vertical-align: bottom;position: relative;display: inline-block;z-index: 3;position: relative;border: 0 solid #000;background: none;display: inline-block;background-color: rgba(0, 0, 0, 0.6);vertical-align: top;}

.slide_control button[data-control="play"] {}
.slide_control button[data-control="prev"] {}
.slide_control button[data-control="next"] {}
.slide_control button[data-control="stop"] {}

.slide_control {position: absolute;bottom: 6px;right: 0;}
.slide_control button[data-control]:before,
.slide_control button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.slide_control button[data-control="prev"]:before,
.slide_control button[data-control="next"]:before { width: calc(100%/2.5); height: calc(100%/2.5); border-width: 2px; border-style: solid; border-color: #333; transform: rotate(45deg); }

.slide_control button[data-control="prev"]:before {right: -5px;border-width: 0 0 3px 3px;}
.slide_control button[data-control="next"]:before {right: 5px;border-width: 3px 3px 0 0;}

.slide_control button[data-control="prev"]:before,
.slide_control button[data-control="next"]:before {width: 8px;height: 8px;border-color: #fff;}
.slide_control button[data-control="play"]:before {right: -3px;border-width: 6px 0 6px 10px;border-color: transparent transparent transparent #fff;border-style: solid;width: 0;height: 0;}
.slide_control button[data-control="stop"]:before {width: 3px;height: 9px;box-shadow: -3px 0 #fff, 3px 0 #fff;}

.modal__content.guide .modal__close {}
.modal__content.guide .modal__close .modal__close-button {}
.modal__content.guide .modal__close .modal__close-button span {height: 59px;width: 60px;background-color: #004945;}
/* 시설안내 모달  */


@media (max-width:978px) {
    .modal__content.guide {max-width: none;width: 93%;height: 90%;}
}

@media (max-width:890px) {
    .camping-reservation-select .search-wrap .form-horizontal.bucket-form {padding-left: 20px;padding-right: 107px;}
    .camping-reservation-select .search-wrap .btn-wrap {right: 20px;}
}

@media only screen and (max-width:770px){
    .camping-reservation-select .modal__close-button span{width:50px;height:50px}
    .camping-reservation-select .modal__close-button span:before{left:50%;width:28px;height:1px;margin-top:0;margin-left:-14px}
    .camping-reservation-select .modal__close-button span:after{width:1px;height:28px;margin-top:-14px}
}

@media (max-width:767px) {
    .camping-reservation-select .search-wrap .form-group {display: block;}
    .camping-reservation-select .card-body .form-group>div.control-label, .card-body .form-group>.control-label {display: block;width: 100%;padding: 0;}
    .camping-reservation-select .card-body .form-group>div[class^=col-] {display: block;padding: 0;}
    .camping-reservation-select .card-body .form-group .control-label:before {display: none;}
    .camping-reservation-select .search-wrap {background-color: #F8FAF9;border-radius: 20px;padding-bottom: 20px;}
    .camping-reservation-select .card-body .form-group .control-label label {padding: 0;}
    .camping-reservation-select .search-wrap .btn-wrap {position: relative;right: unset;left: 0;bottom: 0;top: auto;transform: none;display: block;margin: 0 20px;text-align: center;}
    .camping-reservation-select .search-wrap .form-horizontal.bucket-form .form-group>div[class^=col-] {padding-left: 0;display: block;width: 100%;max-width: none;}
    .camping-reservation-select .search-wrap .form-horizontal.bucket-form .form-group .control-label:before {left: 4px;}
    .camping-reservation-select .search-wrap .btn-wrap .btn {height: 50px;}
    .camping-reservation-select .search-wrap .form-horizontal.bucket-form {padding-right: 20px;}
    .camping-reservation-select .search-wrap .form-horizontal.bucket-form .form-group div[class^=col-] .form-control {margin-bottom: 10px;}
    
}

@media (max-width:590px) {
    .Dtype.mVisual .slide .item {height: 280px;}
    .Dtype.mVisual .slide .item .card_thum .thum_box img {width: auto;height: 100%;}
}


@media (max-width:400px) {
    .step-btn-wrap {display: block;}
    .step-btn-wrap .btn {display: block;width: 100%;}
    .step-btn-wrap .btn.btn-prev {margin-bottom: 2px;padding-left: 15px;}
    .step-btn-wrap .btn.btn-next {padding-right: 15px;}
    .step-btn-wrap .btn.btn-prev:before,
    .step-btn-wrap .btn.btn-next:before {display:none;}
}






/* 캠핑예약 정보 입력 */
.ui_subscription--form{position:relative;margin-bottom:30px;margin-top:-3px;padding: 15px 25px;border:1px solid #ddd;border-top: 3px solid #009761;}
.ui_subscription--form:after{display:block;clear:both;content:'';}
.ui_subscription--form .inner{position:relative;width:100%}
.ui_subscription--form .ui_text--box .box-text__scroll{height:200px;padding: 10px;overflow-x: hidden;overflow-y: scroll;}
.ui_subscription--form .ui_text--box .box-text__scroll h3:first-child {margin:0 0 10px;}
.ui_radio--custom{margin-top:20px;padding-top:15px;border-top:1px solid #ddd;text-align:center}
.ui_radio--custom .inblock {display:inline-block;}
.ui_radio--custom input[type='radio']:checked + label{background: #009761;border: 1px solid #009761;text-shadow: 0px 0px 5px rgba(0,0,0,0.3);color:#fff;}
.ui_radio--custom input[type='radio']{z-index:-100;top:-9999px;left:-9999px;position:fixed;}
.ui_radio--custom label{position:relative;width: auto;min-width: 110px;height: 40px;margin: 0 3px;padding: 0 10px;color:#747981;border:1px solid #cacaca;font-size:16px;font-weight:500;line-height: 38px;text-align: center;}
.ui_radio--custom label.pre{width:auto;padding:0 15px 0 40px;}
.ui_radio--custom label .chk_ball{display: inline-block;width:16px;height:16px;margin-right: 10px;border:1px solid #cacaca;border-radius:100%;background:#fff;vertical-align: middle;}
.ui_radio--custom input[type='radio']:checked + label .chk_ball{border:5px solid #fff;background: #009761;}
.ui_radio--custom input[type='radio']:focus + label{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color;}
.ui_subscription--form .ui_text--box .box-text__scroll ul li .title {color: #009761;font-weight: 600;}
.ui_subscription--form .ui_text--box .box-text__scroll ul li .underline {display: inline-block;border-bottom: 1px solid #cd4454;}


.inquiry--form .inquiry--tit{display:block;margin:30px 0 0 0;margin-bottom:15px;padding:0;font-size:20px;text-align: left;font-weight:bold;}
.inquiry--form .inquiry--tit>span{display:inline-block;padding-left:14px;font-size:15px;font-weight:300;color:#666}
.inquiry--form .agree--box{padding:25px 7px 30px 25px;border: 1px solid #ddd;background:#fff;box-sizing:border-box;}
.inquiry--form .agree--box.scroll{height: 200px;padding: 0 20px;overflow-y: scroll;}
.inquiry--form .agree--box.scroll.agree-con2{height:134px;margin-top:20px}
.inquiry--form .agree--box.scroll.agree-con2 .scrollbar{height:100px}
.inquiry--form .agree--box.scroll .scrollbar{height: 347px;}
.inquiry--form .agree--box.scroll .scrollbar .overflow{min-height:auto}
.inquiry--form .agree--box.scroll .scrollbar-inner{height:auto;}
.inquiry--form .agree--box+.inquiry--btn{margin:30px 0 60px}
.inquiry--btn{text-align:center}
.inquiry--btn .radio{display:inline-block;position:relative;margin:0 !important;font-size:16px;line-height:1.4;cursor:pointer;}
.inquiry--btn .radio span.label{display:block;position:relative;float:left;width:20px;height:20px;margin-right:10px;padding:0;border:2px solid #c8ccd4;border-radius:100%;-webkit-tap-highlight-color:transparent;}
.inquiry--btn .radio span.label:after{position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:100%;background:#225cff;opacity:0.08;content:'';transform:scale(0);transition:all 0.2s ease;}
.inquiry--btn .radio:hover .label:after{transform:scale(3.6);}
.inquiry--btn .radio input[type="radio"]:checked + .label{border-color:#225cff;}
.inquiry--btn .radio input[type="radio"]:checked +.label:after{opacity:1;transform:scale(1);transition:all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);}
.inquiry--btn .radio .hidden{display: inherit !important;opacity: 0;visibility: inherit !important;}

.bucket-form {border-top: 2px solid #009761;}
.form-horizontal.bucket-form .form-group>div[class^=col-] .red {background-color: transparent !important;color: #D14709;}
.flex-box {display: flex;justify-content: space-between;margin-top: 30px;margin-bottom: 10px;align-items: baseline;}
.flex-box .h2 {margin: 0;}
.flex-box .gudie-text {color: #D14709;letter-spacing: -1px;font-size: 15px;}

.camping-reservation-write .form-group div[class^=col-] .form-control.tel {width: calc(100% / 3 - 10px);}
.camping-reservation-write .form-group .won {color: #D14709;}
.camping-reservation-write .form-horizontal.bucket-form .form-group>div[class^=col-] .inblock {height: auto;line-height: 36px;display: inline-block;}
.camping-reservation-write .form-horizontal.bucket-form .help-block {margin: 0;color: #D14709;font-size: 14px;letter-spacing: -1px;}

.camping-reservation-write .layer-button.custom {width: 100%;max-width: 170px;display: block;height: 34px;position: relative;}
.camping-reservation-write .layer-button.custom:before {content:'';width: 18px;height: 18px;display: inline-block;position: absolute;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");left: 10px;top: 50%;transform: translate(0, -50%);}
.camping-reservation-write .layer-button.custom .link.popup2 {display: block;width: 100%;height: 100%;text-align: center;line-height: 34px;background-color: #008AA8;color: #fff;border-radius: 5px;font-size: 15px;letter-spacing: -1px;padding-left: 20px;}
.form-horizontal.bucket-form>.form-group.sale .col-sm-9 >[class^=col-] {padding: 0;}


/* 감면혜택 모달  */
.modal__content.sale  {background-color: #fff;max-width: 860px;position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);margin: 0;width: 100%;border: none;padding: 0;border-radius: 5px;height: 93%;}
.modal__content.sale .modal-header {background-color: #009761;color: #fff;height: 60px;}
.modal__content.sale .modal-header .guide-tit {color: #fff;font-family: 'GmarketSans';line-height: 1.3;font-size: 24px;}
.modal__content.sale .m-wrap {padding: 20px;}
.modal__content.sale .m-wrap .btn-wrap {margin-top: 20px;text-align: center;}
.modal__content.sale .m-wrap .btn-wrap .btn {margin: 0;padding: 10px 25px;font-size: 15px;letter-spacing: -1px;}
.modal__content.sale .m-wrap .btn-wrap .btn:hover,
.modal__content.sale .m-wrap .btn-wrap .btn:focus {border-color: #009761;}

.modal__content.sale .m-wrap table td .btn {background-color: #008AA8;color: #fff;padding: 10px 30px;border-radius: 5px;font-size: 15px;letter-spacing: -1px;border: 1px solid #008AA8;}
.modal__content.sale .m-wrap table td .btn:hover,
.modal__content.sale .m-wrap table td .btn:focus {background-color: #fff;color: #008AA8;}
.modal__content.sale .m-wrap table td .red {background-color: transparent !important;color: #F44336;font-weight: 600;letter-spacing: -1px;font-size: 15px;}
.modal__content.sale .m-wrap table td .blue {background-color: transparent !important;color: #2196F3;font-weight: 600;letter-spacing: -1px;font-size: 15px;}

.modal__content.sale .modal__close {}
.modal__content.sale .modal__close .modal__close-button {}
.modal__content.sale .modal__close .modal__close-button span {height: 59px;width: 60px;background-color: #004945;}
/* 감면혜택 모달  */


@media (max-width: 900px) {
	.modal__content.sale {width: 90%;}
}

@media (max-width:661px) {
	.ui_radio--custom .inblock:first-child {line-height: 1.2;/* margin-bottom: 10px; */display: block;width: 100%;}
}

@media (max-width:575px) {
    .form-horizontal.bucket-form>.form-group.sale .col-sm-9 >[class^=col-] {padding: 0;}
    .camping-reservation-write .layer-button.custom {max-width: none;}
    .camping-reservation-write .layer-button.custom:before {display:none;}
    .form-horizontal.bucket-form>.form-group.sale .col-sm-9 .col-sm-3.custom {display: inline-block;width: calc(100% - 90px);}
	.modal__content.sale .form-horizontal.bucket-form .form-group .control-label label {padding-left: 0;}
	.camping-reservation-write .form-horizontal.bucket-form.custom .form-group .control-label label {padding-left: 0;}
}

@media (max-width:336px) {
    .ui_radio--custom label {display: block;width: 100%;max-width: none;margin: 3px 0;padding-left: 0;}
}


/* 캠핑 예약완료 */
.camping-complete-list {}
.camping-complete-list .guide-box {background: linear-gradient(142.94deg, #009761 7.53%, #018BA9 103.72%);border-radius: 20px;position: relative;padding: 38px 0 38px 0;}
.camping-complete-list .guide-box:before {content:'';background-image: url(/images/camping/sub01/complete.png);width: 34px;height: 34px;display: block;text-align: center;margin: 0 auto;margin-bottom: 13px;}
.camping-complete-list .guide-box .text {margin: 0;display: block;width: 100%;text-align: center;line-height: 1.3;font-size: 18px;font-weight: 600;font-family: 'GmarketSans';color: #fff;word-break: keep-all;padding: 0 20px;}
.camping-complete-list .guide-box .text .person {font-weight: normal;}

.camping-complete-list .list-1st {margin-top: 20px;}
.camping-complete-list .list-1st li .red {background-color: transparent !important;color: #D14709;font-size: 15px;}


.camping-complete-list .btn-wrap {text-align: center;margin-top: 30px;padding-top: 30px;border-top: 1px solid #ddd;}
.camping-complete-list .btn-wrap .btn {margin: 0;padding: 10px 25px;max-width: 150px;width: 100%;font-size: 15px;}
.camping-complete-list .btn-wrap .btn.btn-primary {}
.camping-complete-list .btn-wrap .btn.btn-primary:hover,
.camping-complete-list .btn-wrap .btn.btn-primary:focus {border-color: #009761;}
.camping-complete-list .btn-wrap .btn.btn-default {}
.camping-complete-list .btn-wrap .btn.btn-default:hover,
.camping-complete-list .btn-wrap .btn.btn-default:focus {color: #009761;border-color: #009761;}

.camping-complete-list .my-re {text-align: right;margin-top: 10px;}
.camping-complete-list .my-re .btn.btn-seaech {margin: 0;padding: 10px 25px;max-width: 180px;width: 100%;font-size: 15px;background-color: #008AA8;border: 1px solid #008AA8;color: #fff;}
.camping-complete-list .my-re .btn.btn-seaech:hover,
.camping-complete-list .my-re .btn.btn-seaech:focus {background-color: #fff;color: #008AA8;}

@media (max-width:390px) {
    .camping-complete-list .btn-wrap .btn {max-width: none;display: block;margin: 3px 0;}
    .camping-complete-list .my-re {margin-top: 3px;}
    .camping-complete-list .my-re .btn.btn-seaech {max-width: none;}
}

@media (max-width:575px) {
    .camping-complete-list .form-horizontal.bucket-form .form-group .control-label label {padding-left: 0;}
    .camping-complete-list .form-horizontal.bucket-form .form-group .control-label:before {display: none;}
    .camping-complete-list .form-horizontal.bucket-form .form-group>div.control-label {}
}

/* 캠핑 예약 조회 */
.camping-search-list {}
.camping-search-list .ui.ui-topbox.type1 .list-1st li .red {background-color: transparent !important;color: #D14709;text-decoration: underline;}
.camping-search-list tr td .btn.btn-cancel {padding: 6.5px 10px;margin: 0;background-color: #D14709;color: #fff;border-radius: 5px;height: 40px;}
.camping-search-list tr td .pay-day {margin: 0;font-size: 14px;letter-spacing: -1px;line-height: 1.3;margin: 10px 0;color: #D14709;display: inline-block;}
.camping-search-list tr td .list-1st {}
.camping-search-list tr td .list-1st li {text-align: left;line-height: 1.3;letter-spacing: -1px;}
.camping-search-list tr td .list-1st li .title {}
.camping-search-list tr td .list-1st li .con {font-weight: 600;}
.camping-search-list tr td .m-number {line-height: 1.3;color: #008AA8;font-weight: 600;letter-spacing: -1px;font-size: 14px;}
.camping-search-list tr td .status {padding: 6.5px 10px;border-radius: 5px;color: #fff;display: inline-block;height: 40px;line-height: 27px;}
.camping-search-list tr td .status.status1 {background-color: #009761;} /*입금대기*/
.camping-search-list tr td .status.status2 {background-color: #aa4a24;} /*결제하기*/
.camping-search-list tr td .status.status3 {background-color: #008AA8;} /*예약완료*/
.camping-search-list tr td .status.status4 {background-color: #c5b142;} /*취소요청*/
.camping-search-list tr td .status.status5 {background-color: #7da8c3;} /*이용완료*/
.camping-search-list tr td .status.status6 {background-color: #536570;} /*취소완료*/



.camping-search-list .modal:before{content:'';display:inline-block;height:100%;width:0;margin-left:-1em;vertical-align:middle}
.camping-search-list .modal__open{overflow:hidden;height:100%}
.camping-search-list .modal__open .modal{overflow-x:hidden;overflow-y:auto;z-index:99999}
.camping-search-list .modal__backdrop{position:absolute;top:0;right:0;left:0;background-color:rgba(0,0,0,.6)}
.camping-search-list .modal__body{position:fixed;top:50%;left:50%;display:inline-block;width:600px;margin:-1% auto 0;background:#fff;box-shadow:0 0 24px rgba(0,0,0,.5);transform:translate(-50%,-50%);transition:all .4s ease-out;vertical-align:middle;text-align:left;padding: 20px 0 0 0;}
.camping-search-list .modal__header{margin:0 15px;padding:10px 0;border-bottom:1px solid #e6e6e6}
.camping-search-list .modal .modalTitle,.modal__title{font-size:1.2em;color:#000}
.camping-search-list .modal__content{position:relative;padding:20px;overflow-y:auto}
.camping-search-list .modal__footer{padding:8px 15px;border-top:1px solid #e6e6e6;background:#fafafa;text-align:center}
.camping-search-list .modal__close{position:absolute;top:0;right:0;font-size:0}
.camping-search-list .modal__close-button span{display:inline-block;width:73px;height:73px;background:#000}
.camping-search-list .modal__close-button span:after,.modal__close-button span:before{display:inline-block;position:absolute;top:50%;left:50%;background-color:#fff;vertical-align:middle;transform:rotate(-45deg);content:'';}
.camping-search-list .modal__close-button span:before{left:50%;width:48px;height:1px;margin-top:0;margin-left:-24px}
.camping-search-list .modal__close-button span:after{width:1px;height:48px;margin-top:-24px}
.camping-search-list .modal.fade .modal__backdrop{opacity:0;transition:opacity 1s}
.camping-search-list .modal.fade.active .modal__backdrop{opacity:.75;transition:opacity 1s}
@media only screen and (max-width:770px){
    .camping-search-list .modal__close-button span{width:50px;height:50px}
    .camping-search-list .modal__close-button span:before{left:50%;width:28px;height:1px;margin-top:0;margin-left:-14px}
    .camping-search-list .modal__close-button span:after{width:1px;height:28px;margin-top:-14px}
}