@charset"utf-8";
html,body {height:100%; min-height:100%; padding:0; margin:0}
#wrap {position:relative;width:100%; /*height:100%;*/min-width:320px; max-width:2000px;  min-height:100%; margin: 0 auto;  border:none; padding:0}
#SubContwrap {position:relative;  width:100%; min-height:500px; padding:0rem 0 0rem}
#SubContwrap .container{width:100%; margin: 0 auto;}/*변경금지 서브container안의 1200px 기준은 class="inner"로 지정하여 코딩*/
#BGsection {
	padding-bottom:40vh;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center top;
}
.secBG1 {
	background-image:url(/img/common/secBG1.jpg);
}
.innerCon {position:relative; width:92%; max-width:1600px; margin:0 auto}
.innerCon p {margin-bottom:1rem}
.ready{
	display:flex;
	flex-flow:column wrap;
	align-items:center;
	gap:1rem;
	text-align:center; 
	padding:80px 0px; 
	font-size:1.0em; 
	font-weight:200; 
	color:#666
}
.ready:before{ 
	display:block; 
	content:""; 
	width:4rem;
	height:4rem;
	background-color:var(--color-c);
	-webkit-mask-image:url(/img/icon/smile.svg);
	mask-image:url(/img/icon/smile.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.ready:after {content:"페이지 준비중입니다"}
/*서브 비쥬얼*/
[id*='icon']{position:relative; width:50px; height:50px; margin:0 auto}
#icon2 {z-index:1000; margin:0}
#subvisualwrap{position:relative; min-height:400px; background-size:cover; background-repeat:no-repeat}
.subBG1 {background-image:url(../img/common/subBG01.jpg); background-position:center 60% !important}
.subBG2 {background-image:url(../img/common/subBG02.jpg); background-position:center 40% !important}
.subBG3 {background-image:url(../img/common/subBG03.jpg); background-position:center 30% !important}
.subBG4 {background-image:url(../img/common/subBG04.jpg); background-position:center 30% !important;}
.subBG5 {background-image:url(../img/common/subBG05.jpg); background-position:center center}
.subBG6 {background-image:url(../img/common/subBG06.jpg); background-position:center bottom !important}
.subfulSec1 {background:#fafafa; padding:2rem 0 3rem 0;}

.pageheader {position:absolute; width:100%; left:50%; top:50%; transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 1;  margin:0 auto; letter-spacing:-.06em ;color: #fff; text-align:center}
.pageheader h3{
	position:relative; 
	width:auto; 
	display:inline-block;  
	margin:0 auto;  
	font-size:var(--text-3xl); 
	font-weight:700;  
	color:var(--color-w);  
	text-align:center; 
	line-height:100%;
	overflow:hidden
}
.pageheader h3 span {display:block}
/*.pageheader h3:before {
	content:"";
	width:100px;
	height:50px;
	margin:0 auto;
	display:block; 
	background-image:url(/img/common/pageH_icon1.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:80%;
	}*/
.pageheader p{
	font-family: var(--sec-title-R); 
	font-size:var(--text-xs); 
	font-weight:400; 
	color:#fff; 
	text-align:center; 
	line-height:1.4em; 
	letter-spacing:6px; 
	/*text-transform:uppercase;*/
	margin-bottom:1rem
}



/*페이지정보*/
.pagelocation {padding:30px 0 20px 0}
.pagelocation ul{width:94%; margin: 0 auto; display:flex; justify-content:center; align-items:center}
.pagelocation ul li {/*font-family:var(--sec-title-R);*/ display: inline-block;font-size: 0.9em; text-transform: uppercase; color:var(--color-w)}
.pagelocation ul li:first-child a:before {
	display:block; 
	content:"";
	width:1rem;
	height:1rem;
	background-color:var(--color-w);
	-webkit-mask-image:url(/img/icon/home.svg);
	mask-image:url(/img/icon/home.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.pagelocation ul > li + li:after {
	display:inline-block; 
	content:"";
	width:1rem;
	height:1rem;
	background-image:url(/img/icon/arrow_right.svg);
	background-repeat:no-repeat
}
.pagelocation ul > li:last-child:after {display:none}
.pagelocation ul li a{color:#c8c8c8}
.inner{width:94%; max-width:1200px; margin: 1rem auto; position:relative; z-index:1}


/*2depth menu*/
#twodepthNav {position:relative}
#twodepthNav ul {overflow:hidden}
#twodepthNav ul li {position:relative; width:20%; float:left; border-right:1px solid #e6e6e6; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:center}
#twodepthNav ul.li02 li{width:50%;}
#twodepthNav ul.li03 li{width:33.333%;}
#twodepthNav ul.li04 li{width:25%;}

#twodepthNav ul li a{display:block; padding:20px 0px;}
#twodepthNav ul li:first-child {border-left:1px solid #e6e6e6}
#twodepthNav ul li.active {background:#f4f6f9; font-weight:500;}
#twodepthNav ul li.active:after {width:100%; height:7px; content: "";position:absolute; background:#c1c6e6; bottom:0; left:0}


@media all and (min-width:768px){
	#subvisualwrap{background-size:cover !important}
}

@media all and (min-width:980px){
	#subvisualwrap{min-height:500px;}
	.ver_mobile {display:none !important}
}


/* PC용 CSS */
@media all and (min-width:1024px) {
}

/* 와이드PC용 CSS */
@media all and (min-width:1280px) {
	.inner {margin:2rem auto;}
}


@media all and (min-width:1580px) {
	#subvisualwrap{min-height:600px;}
	.subfulSec {position:relative; overflow:hidden;/* z-index:-1;*/ background:#fafafa; padding:4rem 0 6rem 0;}
	.subfulSec:after {
		content:"";
		font-family: 'Quentin'; 
		font-size:15rem;
		text-transform:uppercase;
		color:#e4e4e4;
		position:absolute;	
		width:50%;
		height:30%;
		bottom:0;
		right:0;
		transform:translate(20%,20%)
	}
	.subfulSec1:after{content:"caravan";}
	.subfulSec12:after{content:"domhouse";}
	.subfulSec13:after{content:"tinyhouse";}
	.subfulSec2:after{content:"sauna";}
	.subfulSec22:after{content:"spa"; color:#fff}
	.subfulSec2:after,.subfulSec22:after{transform:translate(40%,40%)}
	.subfulSec3:after{content:"facility";}
	.subfulSec22{background:#f1e9e2;}
}




/*드래그방지*/
.dragNo {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;	
}