.section2 h2{
	margin-bottom: 0;
	padding-bottom: 0;
}

/* tab 버튼 */
.section2 .tab-wrap{
	text-align: center;
	border-radius: 10px;
	margin: 0 auto;
	max-width: 1200px;
}
.section2 .tab-wrap::after{
	content: '';
	display: block;
	clear: both;
}
.section2 .tab-wrap a{
  display: inline-block;
  transition: all .25s ease;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 50px;
	background-color: transparent;
	color: #979797;
	width: 140px;
	margin: 0 15px;
	padding: .5rem 1rem;
}
.section2 .tab-wrap a.active{
	color: #56a6c2;
	border: 1px solid #56a6c2;
	background-color: transparent;
}
.section2 .tab-wrap a:hover{
	border: 1px solid #56a6c2;
	background-color: transparent;
	color: #56a6c2;
}

/* wrap-tab-content 공통 */
.section2 .wrap-tab-content{
	display: none;
}
.section2 .wrap-tab-content.active{
	display: block;
}


/* 날짜 선택 */
.section2 .box1{width: 100%;margin: 60px 0;background-color: #252525;}
.section2 .box1 .box1-inner{max-width: 1050px;margin: 0 auto;}
.section2 .box1 .box1-inner::after{content: '';display: block;clear: both;}
.section2 .box1 .box1-inner > div{float: left;}

.section2 .box1 .box1-inner .date-click{flex-wrap: wrap;justify-content: center;align-content: center;overflow: auto;}
.section2 .box1 .box1-inner .date-click .date_click_div1{
	/* width:1400px; */
	width:810px;
	height:100px;
}

.date-click::-webkit-scrollbar {
  width: 10px;
}
.date-click::-webkit-scrollbar-thumb {
  background-color: #252525;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
.date-click::-webkit-scrollbar-track {
  background-color: grey;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
}


.section2 .box1 .box1-inner .date-click .date_click_div1 p{height: 40px;line-height: 40px;text-align: center;width: 100px; float:left;}
.section2 .box1 .box1-inner .date-click .date_click_div1 p{display: inline-block;color: #979797;font-weight: 300;height: 40px;line-height: 40px;transition: all 0.5s 0s ease-out;cursor: pointer;}
.section2 .box1 .box1-inner .date-click .date_click_div1 p span{display: block;}
.section2 .box1 .box1-inner .date-click .date_click_div1 p:hover{color: #56a6c2;}
.section2 .box1 .box1-inner .date-click .date_click_div1 .active{
	color: #56a6c2;
	border: 1px solid #56a6c2;
	border-radius: 20px;
	font-weight: bold;
}

.section2 .box1 .box1-inner .date{margin-top: 20px;transition: all 0.5s 0s ease-out;}
.section2 .box1 .box1-inner .date:hover{opacity: 0.5;}
.section2 .box1 .box1-inner .date img{width: 20px;}
.section2 .box1 .box1-inner .date-left{float: left;}
.section2 .box1 .box1-inner .date-right{float: right;text-align: right;}

/* 예약 */
.section2 .box2{max-width: 1200px;margin: 0 auto;padding: 0 20px;}

/* 예약 - box-top */
.section2 .box2 .box-top{padding-bottom: 30px;}
.section2 .box2 .box-top::after{content: '';display: block;clear: both;}
.section2 .box2 .box-top h3{
	/* font-weight: 100; */
	text-align: left;
	float: left;
	font-size: 20px;
	margin:5px 0 0 0;
}
.section2 .box2 .box-top .selectbox{float: right;}
.section2 .box2 .box-top .selectbox select{padding: 8px 30px;font-family: inherit;color: #979797;background-color: transparent;font-size: 14px;cursor: pointer;
border: 1px solid #999;border-radius: 30px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.section2 .box2 .box-top .selectbox select::-ms-expand {display: none;}
.section2 .box2 .box-top .selectbox select:focus{outline: none;}
.section2 .box2 .box-top .lookup{float: right;}
.section2 .box2 .box-top .lookup a{
	display: inline-block;
	color: #56a6c2;
	border: 1px solid #56a6c2;
	border-radius: 50px;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	width: 100px;
	text-align: center;
}

/* 예약 - box2-inner */
.section2 .box2 .box2-img > div{
	width: 100%;
	display: flex;
	flex-direction: row;
}
.section2 .box2 .box2-img h3{
	font-weight: 100;
	text-align: left;
	float: left;
	font-size: 18px;
	margin-bottom: 20px;
}
.section2 .box2 .box2-img > p{
	line-height: 2;
	margin-top: 20px;
}
.section2 .box2 .box2-img > div > div{
	width: 49%;
}
.section2 .box2 .box2-img > div > div:first-child{
	margin-right: 20px;
}
.section2 .box2 .box2-img img{
	width: 100%;
}
.section2 .box2 .box2-inner{margin-bottom: 30px;border-radius: 10px;box-sizing: border-box;border: 3px solid transparent;background-color: #252525;
display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;transition: all 0.5s 0s ease-out;}
.section2 .box2 .box2-inner:hover{border: 3px solid #56a6c2;background-color: transparent;}
.section2 .box2 .box2-inner .hashtags{padding:0 0 10px 0;color:#56a6c2;font-weight: bold;}

.section2 .box2 .box2-inner .left{position: relative;}
.section2 .box2 .box2-inner .left img{width: 100%;height: 100%;border-radius: 5px;}
.section2 .box2 .box2-inner .left .title{position: absolute;bottom:0;left:0;background-color: rgba(0,0,0,0.8);font-size: 18px; padding:8px 0 8px 0; width:100%;text-align: center; border-radius: 0 0 5px 5px}
.section2 .box2 .box2-inner .left .title span{color:#56a6c2;font-weight:bold;}
.section2 .box2 .box2-inner .right{display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;}
.section2 .box2 .box2-inner .right > p a{
	display: inline-block;
	width: 100%;
	padding: 5px 0;
	border: 1px solid #979797;
	border-radius: 30px;
	font-weight: 300;
	text-align: center;
	color: #979797;
	box-sizing: border-box;
	transition: all 0.2s 0s ease-in-out;
}
/* .section2 .box2 .box2-inner .right > p a:hover{
	background-color: #56a6c2;
	color: #000;
	border: 1px solid #56a6c2;
	font-weight: 400;
} */
.section2 .box2 .box2-inner .right > p a span{display: block;}
.section2 .box2 .box2-inner .right > .true a{
	border: 1px solid transparent;
	background-color: #56a6c2;
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.section2 .box2 .box2-inner .right > .true a:hover{
	border: 1px solid #56a6c2;
	background-color: #1B1B1B;
	color: #56a6c2;
}
.section2 .box2 .box2-inner .right > p a.on{border: 1px solid transparent;background-color: #56a6c2;color: #000;}
.section2 .box2 .box2-inner .right .info{
	width: 100%;
	/* padding: 0 0 20px 20px; */
}
.section2 .box2 .box2-inner .right .info span{margin:0 20px 0 0;}

.sale-badge{
	position: absolute;
	top: -5px;
	left: -5px;
	background-color: red;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	border-radius: 0 5px 5px 0;
}

/* 안내 - box3-inner */
.section2 .box3{
	margin-top: 60px;
}
.section2 .box3 .box3-inner{background-color: #252525;border-radius: 30px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;}
.section2 .box3 .box3-inner .left{padding: 0 20px;}
.section2 .box3 .box3-inner .left h4{font-weight: 100;text-align: left;padding: 20px 0;}
.section2 .box3 .box3-inner .left > p{color: #979797;font-weight: 300;font-size: 12px;line-height: 2;}
.section2 .box3 .box3-inner .left > p span{color: #fcc81c;}

.section2 .box3 .box3-inner .right{padding: 20px;}

/* 안내 -  box3-inner2 */
.section2 .box3 .box3-inner2{
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.section2 .box3 .box3-inner2 iframe{
	max-width: 100%;
	margin: 0 auto;
	height: 500px;
	border-radius: 10px;
	border:1px solid #fff;
}
.section2 .box3 .box3-inner3{
	background-color: #252525;
	max-width: 1200px;
	margin: 30px auto;
	border-radius: 10px;
}
.section2 .box3 .box3-inner3 p{
	padding: 20px;
}

/* 테마찾기 모달팝업 */
.modal-content {
	border-radius: 0.3rem;
	background-color: #222;
}

.find-modal .modal-dialog {
	max-width: 400px;
}

.find-modal .modal-body {
	background: #222;
	color: #fff;
	/* height: 410px; */
	overflow: auto;
}

.find-modal .modal-body .row{
	padding:0 20px 0 10px;
}

.find-modal .modal-body .row .col-3{
	padding:10px;
	text-align: center;	
}

.find-modal .modal-body .row .col-9{
	margin:0 0 10px 0;
}

.find-modal .modal-header {
	border-bottom: 1px solid transparent;
	color: #56a6c2;
}

.find-modal #search_title {
	margin: 0 0 10px 0;
	font-size: 24px;
	font-weight: bold;
}

.find-modal #search_title span {
	color: #56a6c2;
}

.find-modal .modal-body .row div {
	padding: 0;
	margin: 0;
}

.find-modal .modal-body .row .s_item {
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50px;
	box-sizing: border-box;
	cursor: pointer;
	margin: 10px;
}

.find-modal .modal-body .row .s_item:hover, .find-modal .modal-body .row .on {
	background-color: #56a6c2;
	color: #000;
	border: none;
}

.find-modal .search_warning {
	clear: both;
	width: 100%;
	box-sizing: border-box !important;
	padding: 10px 5px 0 15px !important;
	color: #56a6c2;
}

.find-modal .modal-footer {
	border-top: 1px solid transparent;
}

.find-modal .modal-footer .btn {
	border-radius: 3px;
	padding: 7px 40px;
	color: #000;
}

.find-modal .modal-footer .find-modal-nxt {
	background-color: #56a6c2;
	border: 1px solid #56a6c2;
}

.find-modal .modal-footer .find-modal-cls {
	background-color: #ccc;
	border: 1px solid #ccc;
}

#booking_modal .room_title{
	/* border: 1px solid ; */
	padding:10px 0 10px 10px;
	background-color: #2D2F31;
	/* border-bottom: 1px solid #414141; */
	margin: 0 0 20px 0;
	border-radius: 5px;
}

#booking_modal .room_title span{
	background-color: #004A77;
	padding:5px 10px 5px 10px;
	border-radius: 10px;
	margin: 0 15px 0 0;
}

.modal-footer .slider-NextBtn {
	border: 1px solid #56a6c2;
	background-color: #56a6c2;
	color: #000;
	margin: 0 0 0 auto;
}

.box3-inner img{
	max-width: 100%;
}

#booking_check_result{
	/* border:1px solid white; */
	border-radius: 5px;
	padding:15px 10px 0 15px;
}

#booking_check_result .nothing{
	color: #f7de6e;
}

#booking_check_result .find_it{
	position: relative;
	border-radius: 5px;
	color: white;
	margin:0;
	border: 1px solid #2D2F31;
    background-color: #2D2F31;
    padding: 50px 10px 10px 30px;
}

#booking_check_result .find_it>div:nth-child(1){
	border:1px solid #004A77;
	background-color: #004A77;
	border-radius: 3px;
	padding:4px 20px;
	width:auto;
	/* color:#004A77; */
	position: absolute;
	top:10px;
	left:10px;
}

#booking_check_result .find_it i{
	font-weight: bold;
	color:#50FF9E;
	position: absolute;
	top:55px;
	left:10px;

}

#theme_explanation{
	color: #fff;
	white-space: pre-wrap;
}

/* pc */
@media (min-width: 1025px) {
	
	.section2{
		padding: 200px 20px;
	}

	/* tab 버튼 */
	.section2 .tab-wrap{
		padding-top: 80px;
	}

	/* 날짜 선택 */
	.section2 .box1 .box1-inner{padding: 60px 20px 100px 20px;}
	.section2 .box1 .box1-inner .date{width: 10%;}
	.section2 .box1 .box1-inner .date-click{width: 79%;}
	.section2 .box1 .box1-inner .date-click > p a{font-size: 18px;}

	/* 예약 - box-top */
	.section2 .box2 .box-top .selectbox{
		width: 120px;
	}
	.section2 .box2 .box-top .selectbox select{
		width: 120px;
		background: url(/img/new/under.png) no-repeat 80% 50%;
	}
	.section2 .box2 .box-top .inquire{
		width: 120px;
	}

	/* 예약 - box2-inner */
	.section2 .box2 .box2-inner{padding: 30px;}
	.section2 .box2 .box2-inner .left{width: 32%;height: 400px;}
	.section2 .box2 .box2-inner .right{width: 65%;}
	.section2 .box2 .box2-inner .right > p{width: 27%;margin: 15px;    position: relative;}
	.section2 .box2 .box2-inner .right > p a{font-size: 14px;}
	.section2 .box2 .box2-inner .right .info{
		padding: 0 0 20px 20px;
	}

	/* 안내 - box3-inner */
	.section2 .box3 .box3-inner .left{width: 46%;}
	.section2 .box3 .box3-inner .right{width: 46%;}
	.section2 .box3 .box3-inner .right img{border-radius: 0 30px 30px 0;}

	.section2 .box2 .box2-inner .box22{
		padding: 0;
		display:flex;
		align-items:flex-start;
		width:100%;
	}

	.section2 .box2 .box2-inner .box22 img{
		width: 100% !important;
	}

	.section2 .box2 .box2-inner .box22 .left1{
		width:50%;
		padding: 20px;
	}

	.section2 .box2 .box2-inner .box22 .right1{
		width:50%;
		padding: 20px;
	}

	.section2 .box3 .box3-inner2 img{
		width: 100% !important;
	}
}

/* mobile */
@media (max-width: 1024px) {

	.section2{
		padding: 150px 20px 80px 20px;
	}

	/* tab 버튼 */
	.section2 .tab-wrap{
		padding-top: 60px;
	}

	/* map */
	.section2 .maps{width: 300px;}

	/* 날짜 선택 */
	.section2 .box1 .box1-inner{padding: 10px 20px 50px 20px;}
	.section2 .box1 .box1-inner .date{width: 5%;}
	.section2 .box1 .box1-inner .date-click{width: 86%;}
	.section2 .box1 .box1-inner .date-click > p a{font-size: 12px;}

	/* 예약 - box-top */
	.section2 .box2 .box-top{width: 100%;}
	.section2 .box2 .box-top h3{
		margin-bottom: 20px;
	}
	.section2 .box2 .box-top .selectbox{width: 100%;margin: 20px 0 10px 0;}
	.section2 .box2 .box-top .selectbox select{width: 100%;background: url(/img/new/under.png) no-repeat 92% 50%;}
	.section2 .box2 .box-top .inquire{width: 100%;}
	.section2 .box2 .box-top .inquire a{width: 100%;}

	/* 예약 - box2-inner */
	.section2 .box2 .box2-inner{padding: 20px;}
	.section2 .box2 .box2-inner .left{width: 100%;height: 350px;margin-bottom: 10px;}
	.section2 .box2 .box2-inner .right{width: 100%;justify-content: space-between;}
	.section2 .box2 .box2-inner .right > p{width: 46%;margin: 10px 0;    position: relative;}
	.section2 .box2 .box2-inner .right > p a{font-size: 12px;}
	.section2 .box2 .box2-inner .right .info{
		padding: 20px 0;
	}
	
	/* 안내 - box3-inner */
	.section2 .box3 .box3-inner .left{width: 100%;}
	.section2 .box3 .box3-inner .right{width: 100%;}
	.section2 .box3 .box3-inner .right img{border-radius: 15px;}

	.section2 .box2 .box2-inner .box22{
		padding: 0;
		display:inline-block;
		/* align-items:flex-start; */
		width:100%;
	}

	.section2 .box2 .box2-inner .box22 img{
		width: 100% !important;
	}

	.section2 .box2 .box2-inner .box22 .left1{
		width:100%;
		padding: 0 0 20px 0;
	}

	.section2 .box2 .box2-inner .box22 .right1{
		width:100%;
		padding: 0 0 0 0;
	}

	.section2 .box3 .box3-inner2{
		width: 100%;
		margin: 0 auto;
		/* display: flex;
		justify-content: center; */
	}
	.section2 .box3 .box3-inner2 img{
		width: 100% !important;
	}
	.section2 .box3 .box3-inner2 iframe{
		max-width:100% !important;
		margin: 0 auto;
		height: 500px;
		border-radius: 10px;
		border:1px solid #fff;
	}
}