body {
    font-family: 'Escoredream';
}

/*---------------------- PC 인트로 ----------------------*/


.wrap.intro2 {
	position:relative;
	min-width:1905px;
	width:100%;
	z-index:10;
}

.wrap.intro2 .leftArea {
	position:relative;
	float:left;
	width:15.8%;
	height:100%;
	background:#fff;
	z-index:2;
}

.wrap.intro2 .leftArea .top img {
	width:100%;
}


.wrap.intro2 .leftArea .contact {
	padding-bottom:30px;
	text-align:center;
}

.wrap.intro2 .leftArea .contact a{
	width:80%;
	margin:0 auto 5px auto;
	display:block;
}

.wrap.intro2 .leftArea .contact a img {
	width:100%;
}



.wrap.intro2 .leftArea .bottom {
	margin:0 auto;
	padding:25px 0;
	border-top:1px solid #d3d1d0;
	text-align:center;
}

.wrap.intro2 .leftArea .bottom a {
	height:26px;
	padding:0 8px;
	margin-bottom:20px;
	border:1px solid #a2968d;
	border-radius: 13px;	
	font-size:0.8em;
	color:#a2968d;
	line-height:26px;
	display:inline-block;
}

.wrap.intro2 .leftArea .bottom p {
	width:80%;
	margin:0 auto;
}

.wrap.intro2 .leftArea .bottom p img {
	width:100%;
}

.wrap.intro2 .rightArea {
	float:left;
	position:relative;
	width:84.2%;
	height:100%;
	background:#fff;
	overflow:hidden;
}


/* 이미지 메뉴 */
.wrap.intro2 .rightArea .menu {
	position:relative;
	width:100%;
	height:100%;
	z-index:10;
	overflow:hidden;
}

.wrap.intro2 .rightArea .menu ul {
	height:100%;
}

.wrap.intro2 .rightArea .menu ul li {
	float:left;
	width:25%;
	height:50%;
	padding-bottom:0%;
	border-right:1px solid rgba(255,255,255,0.3);
	border-bottom:1px solid rgba(255,255,255,0.3);
	text-align:center;
}


.wrap.intro2 .rightArea .menu ul li:last-child {
	border-right:0;
}

.wrap.intro2 .rightArea .menu ul li a {
	width:40%;
	margin:27% auto 0 auto;
	padding-bottom:20%;
	background:url(/images/intro_pc/menu_arrow.png) no-repeat bottom center / 60%;
	display:block;
}

.wrap.intro2 .rightArea .menu ul li a img {
	width:100%;
}

/*인트로 배경*/
.wrap.intro2 .rightArea .intro_visual {
	overflow:hidden;
	z-index:5;
}


/*---------------------- PC 인트로 텍스트 처리 ----------------------*/

/* 텍스트 상단 */
.wrap.intro2 .leftArea .top2 {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:200%;
	background:url(/images/intro_pc/left_bg2.jpg) no-repeat top center;
	background-size:cover;
}

.wrap.intro2 .leftArea .top2 .logo {
	margin-top:5%;
}

.wrap.intro2 .leftArea .top2 h1 {
	color:#fff;
}

.wrap.intro2 .leftArea .top2 .logo a {
	width:45%;
	margin:0 auto;
	display:block;
}

.wrap.intro2 .leftArea .top2 p {
	padding-top:118%;
	width:100%;
	text-align:center;
	white-space: pre-line;
	font-size: clamp(1.3em, 1vw, 2em);
	line-height:120%;
	color:#555;
	font-family: 'MaruBuri';
}

.wrap.intro2 .leftArea .top2 p span {
	font-family: 'MaruBuriBold';
}

.wrap.intro2 .leftArea .top2 .logo a img {
	width:100%;
}

/* 텍스트 연락처 */
.wrap.intro2 .leftArea .contact2 {
	margin-bottom:30px;
}

.wrap.intro2 .leftArea .contact2 a {
	width:85%;
	margin:0 auto;
	padding:4% 0;
	margin-bottom:2%;
	text-align:center;
	font-weight:200;
	font-size: clamp(1.2em, 1vw, 1.5em);
	display:block;
}

.wrap.intro2 .leftArea .contact2 a.tel span {
	display:inline-block;
	padding-left:10px;
	font-weight:500;
}



.wrap.intro2 .leftArea .contact2 a.tel2 span {
	display:inline-block;
	padding-left:10px;
	font-weight:500;
}



.wrap.intro2 .leftArea .contact2 a.kakao em {
	padding-left:30px;
	background:url(/images/intro_pc/icon_kakao.png) no-repeat left center;
	background-size:contain;
	font-weight:500;
}




/* 텍스트 푸터 */
.wrap.intro2 .leftArea .bottom p.text {
	width:100%;
	font-size:0.3em;
	font-weight:300;
	line-height:1.5;
	color:#888;
	white-space: pre-line;
}


/* 텍스트 메뉴 */
.wrap.intro2 .rightArea .menu2 {
	position:relative;
	width:100%;
	height:100%;
	z-index:10;
	overflow:hidden;
}

.wrap.intro2 .rightArea .menu2 ul {
	height:100%;
}

.wrap.intro2 .rightArea .menu2 ul li {
	float:left;
	width:25%;
	height:50%;
	padding-bottom:0%;
	border-right:1px solid rgba(255,255,255,0.3);
	border-bottom:1px solid rgba(255,255,255,0.3);
	text-align:center;
}

.wrap.intro2 .rightArea .menu2 ul li a {
	margin: 27% auto 0 auto;
	color:#fff;
	padding-bottom:20%;
    background:url(/images/intro_pc/menu_arrow.png) no-repeat bottom center / 23%;
	display:block;
}

.wrap.intro2 .rightArea .menu2 ul li a span {
	padding:1.8% 2.5%;
	text-transform:uppercase;
	font-size: clamp(0.8em, 0.7vw, 1.1em);
	letter-spacing:0.1em;
	font-weight:300;
	display:inline-block;
}

.wrap .menu2 ul li a h2 {
	margin-top:35px;
	white-space: pre-line;	
	font-size: clamp(2.3em, 2.0vw, 3.5em);
	font-weight:600;
	line-height:1.3;
	display:block;
}

.wrap .menu2 ul li a h2 em {
	padding-top:10px;
	font-size:0.5em;
	font-weight:300;
	display:block;
}




/*---------------------- MOBILE 인트로 ----------------------*/

.wrap.intro2_m .logoArea {
	position:relative;
	width:100%;
	z-index:2;
}

.wrap.intro2_m .logoArea img {
	width:100%;
}

.wrap.intro2_m .menuArea {
	position:relative;
	width:100%;
	background:#574d43;
	overflow:hidden;	
	z-index:10;
}

.wrap.intro2_m .menuArea .menu {
	position:relative;
	width:100%;
	z-index:10;
	overflow:hidden;	
}

.wrap.intro2_m .menuArea .menu ul li {
	float:left;
	width:50%;
	height:0;
	padding-bottom:52%;
	border-right:1px solid rgba(255,255,255,0.3);
	border-bottom:1px solid rgba(255,255,255,0.3);
}

.wrap.intro2_m .menuArea .menu ul li a {
	width:70%;
	margin:0 auto;
	display:block;
}

.wrap.intro2_m .menuArea .menu ul li a img {
	margin-top:38%;
	width:100%;
}

.wrap.intro2_m .menuArea #slideshow .intro_visual span, .wrap.intro2_m .menuArea #slides .intro_visual span {
	background-size: cover;
    background-position: center;
	background-repeat:no-repeat;
}


.wrap.intro2_m .bottomArea {
	width:90%;
	margin:40px auto;
}

.wrap.intro2_m .bottomArea a {
	margin-bottom:15px;
	display:block;
}

.wrap.intro2_m .bottomArea a img {
	width:100%;
}


/*---------------------- MOBILE 인트로 텍스트 처리 ----------------------*/

.wrap.intro2_m .menuArea .menu2 {
	position:relative;
	width:100%;
	z-index:10;
	overflow:hidden;	
}

.wrap.intro2_m .menuArea .menu2 ul li {
	float:left;
	width:50%;
	height:0;
	padding-bottom:32%;
	border-right:1px solid rgba(255,255,255,0.3);
	border-bottom:1px solid rgba(255,255,255,0.3);
	text-align:center;
}

.wrap.intro2_m .menuArea .menu2 ul li a {
	width:100%;
	margin: 10% auto 0 auto;
	color:#fff;
	display:block;
}

.wrap.intro2_m .menuArea .menu2 ul li a span {
	padding:2% 4%;
	text-transform:uppercase;
	font-size: 2.3vw;
	letter-spacing:0.1em;
	font-weight:300;
	display:inline-block;
}


.wrap.intro2_m .menuArea .menu2 ul li a h2 {
	margin-top:6%;
	white-space: pre-line;	
	font-size: 6.5vw;
	font-weight:600;
	line-height:1.2;
	display:block;
}

.wrap.intro2_m .menuArea .menu2 ul li a h2 em {
	font-size: 3vw;
	font-weight:300;
}

.wrap.intro2_m .bottomArea2 {
	width:90%;
	margin:40px auto;
}

.wrap.intro2_m .bottomArea2 a {
	width:100%;
	margin:0 auto;
	padding:6% 0;
	margin-bottom:2%;
	text-align:center;
	font-weight:200;
	font-size:6vw;
	display:block;
}

.wrap.intro2_m .bottomArea2 a.tel span {
	display:inline-block;
	padding-left:10px;
	font-weight:500;
}



.wrap.intro2_m .bottomArea2 a.tel2 span {
	display:inline-block;
	padding-left:10px;
	font-weight:500;
}



.wrap.intro2_m .bottomArea2 a.kakao em {
	padding-left:10%;
	background:url(/images/intro_pc/icon_kakao.png) no-repeat left center;
	background-size:contain;
	font-weight:500;
}





/* 메뉴 영문 박스 컬러 */
.wrap.intro2 .rightArea .menu2 ul li:nth-child(1) a span, .wrap.intro2_m .menuArea .menu2 ul li:nth-child(1) a span {
	background:#ff3339;
}

.wrap.intro2 .rightArea .menu2 ul li:nth-child(2) a span, .wrap.intro2_m .menuArea .menu2 ul li:nth-child(2) a span {
	background:#27b4be;
}

.wrap.intro2 .rightArea .menu2 ul li:nth-child(3) a span, .wrap.intro2_m .menuArea .menu2 ul li:nth-child(3) a span {
	background:#4b5ad9;
}

.wrap.intro2 .rightArea .menu2 ul li:nth-child(4) a span, .wrap.intro2_m .menuArea .menu2 ul li:nth-child(4) a span {
	background:#23ab46;
}

.wrap.intro2 .rightArea .menu2 ul li:nth-child(5) a span, .wrap.intro2_m .menuArea .menu2 ul li:nth-child(5) a span {
	background:#71b01f;
}

.wrap.intro2 .rightArea .menu2 ul li:nth-child(6) a span, .wrap.intro2_m .menuArea .menu2 ul li:nth-child(6) a span {
	background:#ad5bd7;
}

.wrap.intro2 .rightArea .menu2 ul li:nth-child(7) a span, .wrap.intro2_m .menuArea .menu2 ul li:nth-child(7) a span {
	background:#4c34ea;
}

.wrap.intro2 .rightArea .menu2 ul li:nth-child(8) a span, .wrap.intro2_m .menuArea .menu2 ul li:nth-child(8) a span {
	background:#00ccff;
}

/* 연락처 박스 컬러 */
.wrap.intro2 .leftArea .contact2 a.tel, .wrap.intro2_m .bottomArea2 a.tel {
	color:#fff;
	background:#2E2E2E;
}

.wrap.intro2 .leftArea .contact2 a.tel2, .wrap.intro2_m .bottomArea2 a.tel2 {
	color:#fff;
	background:#DE4A94;
}

.wrap.intro2 .leftArea .contact2 a.kakao, .wrap.intro2_m .bottomArea2 a.kakao {
	background:#FFDD00;
}


/*인테리어 슬라이드*/
.interiorArea {
    width:1400px;
    margin:20px auto;
}
	
.interiorArea .bx-wrapper {
	position:relative;
    max-width:100% !important;
}

.interiorArea .bx-wrapper .bx-viewport {
    border-radius:30px;
}

.interiorArea ul li {
    float:left;
}
	
.interiorArea ul li img {
    position:relative;
    left:calc(50% + 120px);
	width:100%;
}
	
.interiorArea .bx-controls .bx-controls-direction a {
    position:absolute;
    top:90px;
    width:72px;
    height:101px;
    text-indent:-9999px;
    border:none;
    cursor:pointer;
    z-index:10;
}

.interiorArea .bx-controls .bx-prev {
    left:0;
    background:url(/images/landing/slide_btn_prev.png) no-repeat top left;
}

.interiorArea .bx-controls .bx-next {
    right:0;
    background:url(/images/landing/slide_btn_next.png) no-repeat top left;
}
	
.interiorArea .bx-controls .bx-pager {
    margin-top:20px;
}

.interiorArea .bx-controls .bx-pager .bx-pager-item {
    display:inline-block;
    margin:0 5px;
}

.interiorArea .bx-controls .bx-pager .bx-pager-item a {
    width:15px;
    height:15px;
    background:url("/images/landing/slide_pager_off.png") no-repeat top left;
    background-size:cover;
    text-indent:-9999px;
    display:block;
}

.interiorArea .bx-controls .bx-pager .bx-pager-item a.active {
    background:url("/images/landing/slide_pager_on.png") no-repeat top left;
    background-size:cover;
}


@media screen and (max-width: 860px) {
	

	
	.interiorArea .bx-controls .bx-prev {
		left:270px;
	}
	
	.interiorArea .bx-controls .bx-next {
		right:270px;
	}
	
	.interiorArea .bx-controls .bx-pager .bx-pager-item {
		margin:0 8px;
	}
	
	.interiorArea .bx-controls .bx-pager .bx-pager-item a {
		width:25px;
		height:25px;
	}
}