/* Global Style START */

body{
	margin:0;
	/*font-family: 'Noto Sans KR', sans-serif;*/
	font-family: 'Nanum Gothic', sans-serif;
	color:#58585a;
	font-weight:700;
}
a{
	text-decoration:none;
	color:#58585a;
}
h3{margin-left:10px}
a:hover{
	color:#f5821f;
}
button:hover{
	cursor:pointer;
}

section{
	box-shadow: 1px 1px 15px #e1e1e1;
	border-radius:15px;
	padding:25px;
	margin:25px 0;
}
input,textarea,select{
	border:none;
	border-radius:5px;
	height:30px;
	background:#f1f1f1;
	margin-left:10px;
	padding:1px 2px;
}

input:focus{
	outline:solid 1px #e1e1e1 !important;
	background:white;
}

table{
	    border-collapse: collapse;
}
.tbTitle{
	text-align:center;
	font-weight:800;
}
table td{
	border:solid 1px #e1e1e1;
	padding:5px;
	
}
/* Global Style END */
.headwrap{
	margin:15px;
}
.headwrap .logo{
	display:inline-block;
}
.headwrap .menu{
	margin-top:30px;
	display:inline-block;
}

.headwrap .menu a{
	padding:5px 10px;
	text-decoration:none;
	font-weight:800;
	border-radius:10px;
	color:#f5821f;;
	cursor:pointer;
}

.headwrap .menu a:hover{
	background:#f5821f;
	color:white;
}


.main_menu{
	padding:10%;
}

.main_menu a{
	background:black;
	color:white;
	font-weight:bold;
	display:block;
	margin:25px auto 0;
	width:70vw;
	max-width:300px;
	
	border:0;
	font-size:1.5rem;
	text-decoration:none;
	text-align:center;
	padding:25px 0;
}

.main_menu a:first-child{
	margin:0 auto;
}


/* 풀빌라 정보 입력 START */

.cntrWrap{
	width: calc(100% - 30px);
	max-width:1600px;
	margin:15px 25px 100px;
}

.pageTitle{
	margin:15px 15px;
	font-size:1.3rem;
	font-weight:800;
}




.poolVillaUpBox .sectionTitle{
	width:100%;
	text-align:center;
	font-size:1.1rem;
	font-weight:800;
	margin:0 auto 25px;
}

.poolVillaUpBox .pvInfo label{
	display:inline-block;
	text-align:right;
	margin-top:15px;
	width:30%;
}

.poolVillaUpBox .pvInfo input,.poolVillaUpBox .pvInfo textarea,.poolVillaUpBox .pvInfo select{
	display:inline-block;
	text-align:left;
	margin-top:15px;
	width:60%;
}


.poolVillaUpBox .pvInfo textarea{
	height:200px;
	margin-left:10px;
}
.poolVillaUpBox .roomType label{
	display:inline-block;
	margin-top:15px;
	text-align:right !important;
	width:10%;
}

.poolVillaUpBox .roomType .rNmIpt{
	display:inline-block;
	margin-top:15px;
	width:32%;
}
.poolVillaUpBox .roomType .rInIpt{
	display:inline-block;
	margin-top:15px;
	width:45%;
}


.poolVillaUpBox textarea{
	min-width:250px;
	width:70%;
	max-width:600px;
	margin:auto;
}
.poolVillaUpBox .roomType label{
	text-align:center;
	margin-right:unset;
}
.poolVillaUpBox .roomType label input:first-child{
	margin-right:25px;
}

.poolVillaUpBox .roomType label input:last-child{
	width:40%;
}

.poolVillaUpBox .roomType{
	margin-right:auto;
}

.submitForm{
	width:150px;
	margin:auto;
	text-align:center;
	border-radius:15px;
	padding:10px 0;
	font-weight:800;
	background:white;
	color:#f5821f;;
	border:solid 2px #f5821f;
	cursor:pointer;
	width:100px;
}

.submitForm:hover{
	background:#f5821f;
	color:white;
	border:solid 2px #f5821f;
}
/* 풀빌라 정보 입력 END */

/* 호텔 리스트 START*/
.newUp td{ 
	border: solid 2px orange;
	background-color : orange;
	
}

.newUpTr td{
	border: solid 2px orange;
}
#hotelListTbNew{
	margin-bottom:20px;
}


#hotelListTb table{
	with:100%;	
	margin-bottom:100px;
}
#hotelListTb p, #hotelListTbNew p {
	margin:0;
}
#hotelListTb tr:hover{
	background:#f1f1f1;
}
.fileBtn{
	border:0;
	border-radius:2px;
	padding:0px 10px;
	text-decoration:none;
	background:#d1d1d1;
	color:white;
	margin:2px;
	line-height: 30px;
	cursor:pointer;
}
.orange{background:orange}
.orangebd{border:solid 1px orange; color: orange;background:white;}
.orangebd:hover{border:solid 1px orange; color: white; background:orange;}
.skyblue{background:skyblue}
.babypink{background:#f67280}
.yellow{background:#d8ca4b}
.yellow:hover{background:#ffeb33;color:#3b1e1e}
.green{background:#8dc63f}
.green:hover{background:#a0ff0b;}
.purple{background:#c65ff9;}
.purple:hover{background:#c12dff;}





.ctrct_main{ box-shadow:1px 1px 15px skyblue;} 
.ctrct_promo{ box-shadow:1px 1px 15px orange;}


.pageTitle p a{
	border:solid 1px gray;
	border-radius:5px;
	margin:0 10px 0 0;
}

#hotelListTb a{
	text-decoration:none;
	/*color:gray;*/
	
}

#hotelListTb a:hover{
	color:#f5821f;
}

.updateLink{
	margin-bottom:10px;
}

.updateLink a{
	text-decoration:none;
	margin:10px;
	padding:5px;
	border-radius:5px;
	color:grey;
	cursor:pointer;
}
.updateLink a:last-child{
	color:#f5821f;
}
.updateLink a:hover{
	background:#f5821f;
	color:white;
}
/* 호텔 리스트 END */


/**/

.hotelType label input[type='checkbox']{
	width:20px;
	height:20px;
	margin:0;
}
.hotelType .typecheck{
	max-width:200px;
}
.hotelType label p{
	width:75px;
	margin:0;
	display:inline-block;
	vertical-align: bottom;
}


.sectionTitle a{
	font-size:0.8rem;
	text-decoration:none;
	cursor:pointer;
	margin:0 20px;
	color:grey;
	padding:5px;
	border-radius:5px;
}

.sectionTitle a:hover{
	color:white;
	background:#f5821f;
}
.pageTitle p{
	display:inline-block;
	width: 300px;
	margin:0;
}
.pageTitle div{
	display:inline-block;
	width: calc( 100% - 320px );
	text-align:right;
}


.pvInfo p{
	margin:text-align:center;
}

#nameEcheckResult,#iniCheckResult{
	display:inline-block;
	width:60%;
}

/**/

/* 룸 타입 팝업 START */

#popWrap,#changeDatePopWrap,#changeRatePopWrap,#upPopWrap{
	display:none;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
	width:100vw;
	height:100vh;
	
}

#pop,#changeDatePop,#changeRatePop,#upPop{
	display: block;
	vertical-align:middle;
	background:white;
	width:80vw;
	margin:auto;
	padding:25px;
	border-radius:25px;
	box-shadow:1px 1px 5px 3px #58585a;
	margin-top:10px;
	text-align:center;
}

#uploadContract div{
	margin:25 0;
}

#uploadContract .uploadBtn{
	border:solid orange;
	padding:10px 10%;
	border-radius:10px;
	cursor:pointer;
	color:orange;
}

#uploadContract input[type=file]::file-selector-button {
	display:none;
}


#uploadContract .uploadBtn:hover{
	color:#fff;
	background:orange;
}
#pop .close,#upPop .close,#upPopWrap .close{
	font-size:3rem;
	font-weight:800;
	float:right;
	cursor:pointer;
}
#pop p{
	margin:0;
	
}
.hPopTitle{
	margin:10px;
}

.hPopTitle p:first-child{
	font-size:1.5rem;
	margin-bottom:10px !important;
	font-weight:800;
}

.hPopLoc p, .hPopLoc a{
	display:inline-block;
	margin:10px !important;
	background:#f1f1f1;
	padding:5px;
	border-radius:5px;
}

.hPopLoc a{
	color:#58585a;
	text-decoration:none;
}

.hpoploc a:hover{
	background:#f5821f;
	color:white;
}

.hPopRoomWrap{
	overflow:scroll;
	max-height:75%;
}

.hPopRoomWrap table{margin:auto}
.hPopRoomWrap table tr td,input{text-align:center}

.hPopRoomWrap::-webkit-scrollbar {
  width:15px;
}
.hPopRoomWrap::-webkit-scrollbar-thumb {
	border-radius:7.5px;
	background-color:#fafafa;
}

.hPopRoomWrap:hover::-webkit-scrollbar-thumb {
	background-color:#f1f1f1;
}


.hPopRoom{
	display:inline-block;
	margin:25px;	
	max-width:40vw;
}

.hPopRoom p{
	width:200px;
	white-space:nowrap;	
	overflow:scroll;
}
.hPopRoom p::-webkit-scrollbar {
	width:0px;
	height:10px;
}

.hPopRoom p::-webkit-scrollbar-thumb {
	border-radius:10px;
	background-color:#f1f1f1;
}
/* 룸 타입 팝업 END */


/* 룸 요금 팝업 START */

.rateTypeTitle{
	margin: 25px 0;
}
.rateTable{
	width:95%;
}

.rateTable tr:first-child td{
	text-align:center;
}

.rateTable tr td{
	text-align:right;
}

.rateTable tr td:first-child{
	text-align:center;
}

.rateTable p{
	margin:0;
}


/* 룸 요금 팝업 END */

/* 요금표 START */
.loadCtrt{
    display: inline-block;
margin-left: 50px;
}



#getRateBtn{
	margin-top:50px;
}

#getRateBtn a{
	padding:10px;
}



.roomCheckWrap{
	margin:0 10px 25px;
	border: solid #e1e1e1 1px;
	border-radius:10px;
	padding:10px;
}


.roomCheckWrap label{
	display:inline-block;
	border: solid #e1e1e1 1px;
	border-radius:5px;
	margin:5px;
	padding:5;
}

.roomCheckWrap input{
	display:none;
}

.roomCheckWrap input:checked+label{
	background-color:orange;
	color:white;
}

.roomCheckWrap{
	display:none;
}


.rateTb{
	border:solid 1px #e1e1e1;
	margin: 0 auto 100px;
}

.tableTopBtn{
	width:100%;
	text-align:center;
	margin:50px auto;
}

.downXlsx{
	border:solid orange;
	padding:10px;
	border-radius:15px;
	color:orange;
	font-weight:800;
	cursor:pointer;
}

.downXlsx:hover{
	background:orange;
	color:white;
}

.rateTb td{
	text-align:center;
}

.rateTb .changingTb:hover,.rateTb .changingRateTb:hover{
	cursor:pointer;
	background:orange;
}


#changeDatePop,#changeRatePop{
	padding:100px;
}
#changeDatePop a,#changeRatePop a{
	display:block;
	margin:25px;
	max-width:250px;
	margin:25px auto;
}

#changeRatePop input{
	max-width:75px;
	text-align:center;
}

#changeDatePop .close,#changeRatePop .close{
	font-size:3rem;
	font-weight:800;
	cursor:pointer;
	margin:auto;
	margin-bottom:50px;
}

#cl_rate input{
	max-width:50px;
	text-align:center;
	margin-right:10px;
}

/* 요금표 END */