/*
       ******************* rentalFormFilter *******************
*/

.searchRentalFilter { position: fixed; top: 0; width: 100%; height: 100%; display: none; z-index:1000000;}
.pageOutWrap.rentalFormFilter { position: relative;  overflow: hidden; padding: 0; background:transparent;}
.pageOutWrap.rentalFormFilter .bg { position: absolute; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7);
	cursor: pointer;}
.pageOutWrap.rentalFormFilter .contentsWrap {position: relative; width: 80%; height: 100vh; background: #ffffff; padding: 30px 20px; overflow: auto; margin-top:0;}
.pageOutWrap.rentalFormFilter .contentsWrap.on { animation: rentalFormSlide 1s alternate forwards; }
.pageOutWrap.rentalFormFilter .contentsWrap.off { animation: rentalFormOffSlide 1s alternate forwards; }
.pageOutWrap.rentalFormFilter .closeIcon { position: absolute; right: 20px; }
.pageOutWrap.rentalFormFilter .closeIcon i { cursor: pointer; font-size: 30px; }

.pageOutWrap.rentalFormFilter .contentsWrap .cl_sortWrap .sortBtn { font-size: 20px; }
.pageOutWrap.rentalFormFilter .contentsWrap .cl_sortWrap .sortBtn.additionalSortBtn {display:none;}
.pageOutWrap.rentalFormFilter .contentsWrap .moreButton {
	display:block; height:45px; text-align:center; line-height:45px; box-sizing:border-box;
	font-size:18px; border:1px solid #5E71E4; cursor:pointer;
}
.rentalFormFilter .cl_sectionTitle { margin-bottom: 20px; }

.resetBtnWrap { display:none; position:fixed; box-sizing:border-box; border-top:1px solid #e2e2e2; padding:20px 30px; z-index:10000000; bottom:0; background-color:#fff; align-items: center; justify-content: center;}
.resetBtnWrap .resetBtn {display:flex; flex-direction: row; width:40%; align-items: center; }
.resetBtnWrap .resetBtn .resetText { color: #000000; font-size: 28px; width: 100px; font-family: 'NotoSansB'; padding: 0 30px; }


@keyframes rentalFormOffSlide {
	from {
		margin-left: 0px;
	}
	to{
		margin-left: -800px;
	}
}

@keyframes rentalFormSlide {
	from {
		margin-left: -800px;
	}
	to{
		margin-left: 0;
	}
}

/*
       ******************* 메인메뉴 *******************
*/
.menuWrap ul i { font-size: 30px; }

.menuWrap { position: fixed; width: 100%; height: 100%; top: 0;  display: none; z-index:1000000;;}
.menuWrap .menuListWrap {position: relative; overflow: hidden; padding: 0;  background:transparent}
.menuWrap .menuListWrap .bg { position: absolute; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7);cursor: pointer; }
.menuWrap .menuListWrap .contentsWrap {position: relative; width: 80%; height:100vh; background: #ffffff; padding: 80px 20px; overflow: auto; margin-top:0;}
.menuWrap .menuListWrap .contentsWrap.on { animation: rentalFormSlide 1s alternate forwards; }
.menuWrap .menuListWrap .contentsWrap.off { animation: rentalFormOffSlide 1s alternate forwards; }
.menuWrap .menuListWrap .closeIcon { position: absolute; top: 40px; right: 20px;  }
.menuWrap .menuListWrap .closeIcon i {cursor: pointer; font-size: 30px; }
.menuWrap .menuContents > li { border-bottom: 1px solid #cdcdcd;  }
.menuWrap .menuContents > li:nth-last-child(1) { border-bottom: 0px; }
.menuWrap .menuContents .type2 > ul > li { display: flex; }
.menuWrap .menuContents .mainTitle { display: flex; justify-content: space-between; align-items: center; font-size: 36px; color: #13162d; font-family: 'NotoSansB'; padding: 30px 40px;cursor: pointer; }
.menuWrap .menuContents .mainTitle i.on { transform: rotate(180deg); transition: 0.5s; }
.menuWrap .menuContents li:nth-child(1) .mainTitle{ background: #f4f4f4; border-top: 2px solid #cdcdcd; box-sizing: border-box; }
.menuWrap .menuContents .subMenu { display: none; }
.menuWrap .menuContents .subMenu ul li .subMenuTitle { display: flex; justify-content: space-between; align-items: center; font-size: 30px; color: #13162d;font-family: 'NotoSansB'; margin-bottom: 10px; cursor: pointer; z-index: 999; }
.menuWrap .menuContents .subMenu ul li .subMenuTitle i.on { transform: rotate(180deg); transition: 0.5s; }
.menuWrap .menuContents .subMenu > ul > li { padding: 20px  40px; }
.menuWrap .menuContents .subMenu > ul > li .subMenuListWrap { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.menuWrap .menuContents .subMenu > ul > li .subMenuList { position: relative; font-size: 24px; color: #555555; font-family: 'NotoSansR';}
.menuWrap .menuContents .subMenu > ul > li .subMenuListWrap span { display: inline-block; width: 1px; height: 23px; background-color: #888888; margin: 10px 20px; }
.menuWrap .terms {border-top:1px solid #000; padding-top:15px; margin-top:10px; padding-left:40px;}
.menuWrap .terms .termsButton {display:inline-block; margin-bottom:10px; font-size:18px;}

/*타입2 블럭*/
.menuWrap .menuContents .type2 .subMenu > ul > li { padding: 0px 40px 20px 40px; }
.menuWrap .menuContents .type3 .subMenu > ul > li { padding: 0px 40px 20px 40px; }
.menuWrap .menuContents .type2 .subMenu > ul > li .subMenuListWrap { display: block;  }
.menuWrap .menuContents .type2 .subMenu > ul > li .subMenuListWrap .subMenuList { margin-bottom: 10px; }
.menuWrap .menuContents .type2 .subMenu > ul > li .subMenuListWrap .subMenuList:last-child(1) { margin-bottom: 0px; }
.menuWrap .menuContents .type3 .subMenu > ul > li .subMenuListWrap { display: flex;  padding: 0px 0px 20px 0px;  }


@media(max-width: 768px) {
	/*
		 ******************* rentalFormFilter *******************
   */
	.rentalFormFilter .cl_sectionTitle { margin-bottom: 10px; }
	.resetBtnWrap {display:none; align-items: center; justify-content: center; padding:10px;}
	.resetBtnWrap .resetBtn img{ width: 30px; }
	.resetBtnWrap .resetBtn .resetText { color: #000000; width: 80px; font-size: 16px; font-family: 'NotoSansB'; padding: 0 7px; }
	.resetBtnWrap .cl_button.basic { width: 200px; }
	
	/*
	       ******************* 메인메뉴 *******************
	*/
	.menuWrap ul i {
		font-size: 20px;
	}
	
	.menuWrap .logo {
		max-width: 800px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 20px;
		padding: 20px 20px;
	}
	
	.menuWrap .logo img {
		width: 80%;
	}
	
	.menuWrap .menuContents .mainTitle {
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 20px;
		padding: 20px 20px;
	}
	
	.menuWrap .menuContents .subMenu ul li .subMenuTitle {
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 18px;
		color: #13162d;
		font-family: 'NotoSansB';
		margin-bottom: 10px;
		cursor: pointer;
	}
	
	.menuWrap .menuContents .subMenu ul li .subMenuTitle i.on {
		transform: rotate(180deg);
		transition: 0.5s;
	}
	
	.menuWrap .menuContents .subMenu > ul > li {
		padding: 10px 20px;
	}
	
	.menuWrap .menuContents .subMenu > ul > li .subMenuList {
		position: relative;
		font-size: 16px;
		color: #555555;
		font-family: 'NotoSansR';
	}
	
	.menuWrap .menuContents .subMenu > ul > li .subMenuListWrap span {
		display: inline-block;
		width: 1px;
		height: 18px;
		background-color: #888888;
		margin: 5px 10px;
	}
	
	/*.menuWrap .menuContents .subMenu > ul > li > ul > li:before { position: absolute; right: 25px; top: 8px; content: ''; display: block; width: 1px; height: 23px; background-color: #888888;}*/
	/*타입2 블럭*/
	.menuWrap .menuContents .type2 .subMenu > ul > li {
		padding: 0px 20px 20px 20px;
	}
	
	.menuWrap .menuContents .type3 .subMenu > ul > li {
		padding: 0px 20px 20px 20px;
	}
	
	.menuWrap .menuContents .type3 .subMenu > ul > li .subMenuListWrap {
		display: flex;
		padding: 0px 0px 0px 0px;
	}
	
	.menuWrap .terms {padding-left:10px;}
	.menuWrap .terms .termsButton {font-size:16px;}
}