@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"로 지정하여 코딩*/

.innerCon {position:relative; width:92%; max-width:1200px; margin:0 auto}
.innerCon p {margin-bottom:1rem}
.ready{text-align:center; padding:80px 0px; font-size:1.0em; font-weight:200; color:#666}
.ready:before{font-family: xeicon!important; font-weight: 900; font-size:5em; display:block; content:"\e9e6"; margin-bottom:30px; text-align:center; color:#e6e6e6;}
.ready:after {content:"페이지 준비중입니다"}
/*서브 비쥬얼*/

#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}
.subBG7 {background-image:url(../img/common/subBG06.jpg); background-position:center bottom !important}
.subBG8 {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:1.625em; color:#fff;  text-align:center; line-height:100%;}
.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: 'Montserrat', sans-serif; font-size:0.813em; font-weight:400; color:#fff; text-align:center; line-height:1.4em; letter-spacing:8px; text-transform:uppercase; margin-bottom:1rem}



/*페이지정보*/
.pagelocation {padding:30px 0 20px 0}
.pagelocation ul{width:94%; margin: 0 auto; display:flex; justify-content:center}
.pagelocation ul li {display: inline-block;font-size: 0.9em; text-transform: uppercase; color:#c8c8c8}
.pagelocation ul li:first-child a:before {font-family: xeicon!important; display:inline-block;content: "\e902"; padding: 0 10px 0 0; }
.pagelocation ul > li + li:after {display:inline-block; opacity: 0.5;font-family: xeicon!important; content: "\e930"; transform:rotate(90deg); padding: 0 3px 0 1px;}
.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;	
}