@charset "utf-8";

/* sub layout */
#s-container {position:relative; padding:18rem 0 0; min-width:320px;}
.sub-container {display: flex;justify-content: center;gap: 8rem;}
.sub-wrap {max-width: 100%;width: var(--sub-leftW);flex: 1;min-width: 0;}
.sub-right {width: var(--sub-rightW);z-index: 3400;}
.sub-right-cont {position: fixed;top: 13.5rem;width: 100%;max-width: 36rem;}

/* subtop navigation */
.sub-top {display: flex;gap: 8rem; width: 100%; padding-left: 19.3rem; margin: 0 6rem;margin-top: -2rem;transition: all 0.3s ease;}
.sub_topbox {position:relative; width:100%;box-sizing:border-box;margin-bottom:4rem;max-width: var(--sub-leftW);min-width: 0;flex: 1;}
.subnav {border-radius: 1rem; padding: 2rem 4rem; background: var(--point-color);}
.subnav .sbmn_list {display: flex; gap: 4rem; align-items: center;}
.subnav .sbmn_list li {flex: none;}
.subnav .sbmn_list span {font-size: 1.6rem; color:#FFBF9D; font-weight: 700;}
.subnav .sbmn_list .active span {color: #fff;}
.subnav .sbmn_list span:hover {text-decoration: underline;}
.subnav_right {width: var(--sub-rightW);flex: none;}

.scroll .sub-top {margin-top: -1rem;}

/* subheader */
.sub_header {margin-bottom: 3rem;}
.sub_header .header_title {font-size: 3.2rem;font-family:var(--font-title);}


@media screen and (min-width:1921px) {
	.sub-top {display: flex;gap: 8rem;width: 100%;margin: 0 auto;margin-top: -2rem;justify-content: center; padding: 0;}
}

@media screen and (max-width:1800px) {
	#s-container {padding: 17rem 0 0;}
}

@media screen and (max-width:1439px) {
	#s-container {padding: 15rem 0 0;}
	.sub-top {display: none;}
}

@media screen and (max-width:1200px) {
	.sub_right_title {display:none;}
	.sub-wrap {width: auto;display: flex;flex-direction: column;max-width: 100%;}
	.sub-container {gap: 4rem;flex-direction: column-reverse;}
	.sub-top {gap: 0;flex-direction: column;}
	.sub-right {margin-top: 0;z-index: 3600;}
	.sub_topbox {max-width: none;}
	.sub-right-cont {position:static;}
	
	/* 캠핑카대여 */
	.sub-carRsvtStep-cont {flex-direction: column;gap: 7.8rem;}
	.carRsvt-step1-right {width:100%;}
	
	/* 마이페이지 */
	.sub-container.mypage-container {flex-direction: column;}
}

@media screen and (max-width:900px) {
	.subnav {width: 100%;overflow-x: auto;}
}