.subTitle {
    color: #FFF;
    font-size: 6rem;
    line-height: 7rem;
    letter-spacing: -1.8px;
    text-transform: uppercase;
    color: #FFF;
    font-family: Cormorant;
    font-weight: 600;
}


/* 탑 메뉴 */
.appliMenu ul {display: flex; align-items: center; justify-content: flex-start; border-bottom:1px solid #EEE;}
.appliMenu ul li {width: calc(100%/3); text-align: center; border-right:1px solid #EEE;}
.appliMenu ul li:last-child {border-right:none;}
.appliMenu ul li a {
	color: #2F2C2C;
	text-align: center;
	font-family: MaruBuri;
	font-size: 2rem;
	font-weight: 400;
	line-height: 3.2rem;
	opacity: 0.5;
	padding: 3rem 0;
	display: inline-block;
	position:relative;
}
.appliMenu ul li a::before {
	content:'';
	border-radius: 3px 3px 0px 0px;
	background: #C7AD6E;
	width:0;
	height:0.4rem;
	position:absolute;
	left:0;
	bottom:0;
	transition:all 0.2s ease-in-out;
}
.appliMenu ul li a:hover {opacity: 1; font-weight: 600;}
.appliMenu ul li a:hover::before{width:100%;}
.appliMenu ul li a.on {opacity: 1; font-weight: 600;}
.appliMenu ul li a.on::before{width:100%;}




@media (max-width:991px) {
	.subTitle {
		font-size: 3.4rem;
		line-height: 4.8rem;
		letter-spacing: 1.7px;
	}
	
	
	.appliMenu ul li {
		width: auto;
		padding: 0 1.5rem;
	}
	.appliMenu ul li a {
		font-size: 1.8rem;
		line-height: 3.2rem;
		padding: 2.5rem 0;
		white-space: nowrap;
		padding:2rem 0rem;
	}




}
@media (max-width:767px) {
	.subTitle {font-size: 2.6rem; line-height: 3.4rem; letter-spacing: -0.78px;}
	.appliMenu ul {overflow-y: hidden; overflow-x: scroll; border-bottom:none;}
	.appliMenu ul {-ms-overflow-style: none; scrollbar-width: none;}
	.appliMenu ul::-webkit-scrollbar {display: none; }

	.appliMenu ul li {width: auto; padding: 0 1.5rem;}
	.appliMenu ul li a {font-size: 1.5rem; line-height: 3rem; padding:1.2rem 0rem;}
	.appliMenu ul li a::before {bottom: -0.1rem;}
}





/* 키와샵 */
.kiwaShopWrap {}


.subV {
    background: url(/public/img/spa/shopSpaTopBg.jpg) no-repeat center / cover!important;
}


.spaKiwaLogo {width:19.7rem; height:auto;}
.spaKiwaLogo img {width:100%; height:auto;}


.kFStore {
    width: 100%;
    height: 0;
    padding-bottom: 53.7%;
	position:relative;
	background: url(/public/img/spa/floagShipStoreImg02.jpg) no-repeat center / cover;
}

.kFStoreBg {
    position: absolute;
    left: 0;
    top: 0;
	width: 100%;
    height: 100%;
  
}

.kFStoreBotm {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 10rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
	/* background: linear-gradient(180deg, rgba(2, 2, 2, 0.00) 0%, #020202 43.83%); */
}

.kFStoreBotm .flexBox {width: 50%;}
.kFStoreBTitle {
	color: #E0BDA6;
	font-family: Cormorant;
	font-size: 4.2rem;
	font-weight: 600;
	line-height: 5rem;
	letter-spacing: 0.084rem;
}
.kFStoreBTxt {
	color: #FFF;
	font-family: MaruBuri;
	font-size: 3.4rem;
	font-weight: 400;
	line-height: 5.9rem;
}

.kFStoreAdd {
	color: #FFF;
	font-family: "Pretendard-Light";
	font-size: 1.8rem;
	line-height: 2.6rem;
	margin-top:4rem;
}

.contMoreBtn {
    margin-top: 3.2rem;
    display: flex;
    justify-content: flex-start;
}
.contMoreBtn a {
    border-radius: 4px;
    border: 1px solid #E0BDA6;
    padding: 1.2rem 2.4rem;
    display: inline-block;
}
.contMoreBtn p {
    color: #E0BDA6;
    font-family: Pretendard;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.2rem;
    padding-right: 3.4rem;
	position: relative;
}
.contMoreBtn p::before {
    content: '';
    right: 0;
    top: 50%;
    height: 1.6rem;
    width: 1.4rem;
    position: absolute;
    transform: translateY(-50%);
    background: url(/public/img/spa/kiwaArrowImg.png) no-repeat center / cover;
}

.kiwaBanner .spaIntro02Title {margin-bottom:0; margin-top:2rem;}
.kiwaBanner .spaKiwaLogo {margin: 0 auto;}

.contMoreBtn.black {justify-content: center;}
.contMoreBtn.black a {border:1px solid #2F2C2C;}
.contMoreBtn.black p {color: #2F2C2C;}
.contMoreBtn.black p::before { background: url(/public/img/spa/kiwaArrowImgBlack.png) no-repeat center / cover;}
.intenTitle {
    color: #C7AD6E;
    font-family: Cormorant;
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 4rem;
    letter-spacing: 0.144rem;
    margin-bottom: 3rem;
    text-align: center;
}

.kiwaTxtBanner {background: #F9F9F9;}
.repreDiTitle {
    color: #2F2C2C;
    font-family: MaruBuri;
    font-size: 4rem;
    line-height: 6rem;
    letter-spacing: -0.12rem;
    text-transform: uppercase;
	text-align:center;
}

.kiwaTxtBanner {
    padding: 8rem 12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width:1500px) and (min-width:992px) {
	.kFStoreBotm {padding: 8rem 6rem;}
	.kFStoreBTxt {font-size: 1.6rem; line-height: 3rem;}
}

@media (max-width:991px) {
	.kFStoreBotm {
		padding: 5rem 2rem;
		background: linear-gradient(180deg, rgba(2, 2, 2, 0.00) 0%, #020202 43.83%);
	}
	.kFStoreBTxt {color: #FFF; font-family: Pretendard; font-size: 1.6rem; line-height: 3rem;}
	.kiwaTxtBanner {padding: 5rem 2rem; display: flex; flex-direction: column; align-items: center;}
	.intenTitle {
		color: #C7AD6E;
		font-family: Cormorant;
		font-size: 3rem;
		font-weight: 600;
		line-height: 3.4rem;
		letter-spacing: 0.144rem;
		margin-bottom: 1rem;
		text-align: center;
	}

	.repreDiTitle {
		color: #2F2C2C;
		font-family: MaruBuri;
		font-size: 2.2rem;
		line-height: 3.4rem;
		letter-spacing: -0.12rem;
		text-transform: uppercase;
		text-align: center;
		margin-top: 1.2rem;
	}

}


@media (max-width:991px) and (min-width:768px) {
	.kFStore {width: 100%; height: auto; padding-bottom: 0;}
	.kFStoreBotm {padding: 50rem 2rem 5rem; position: relative; background: none; align-items: flex-end;}
	.kFStoreBTitle {font-size: 3.8rem; line-height: 4.5rem; letter-spacing: 0.084rem;}
	.kFStoreBTxt {width: 100%;}	
}



@media (max-width:991px) {
	.kiwaBanner {flex-direction: column; }
	.kiwaBanner.mo-reverse {flex-direction: column-reverse;}
	.kiwaBanner .box50.flex {padding: 4rem 2rem; }
	.kiwaBanner .spaKiwaLogo {width: 12rem;}
	.kFStoreBotm .pc_only {display:flex!important; flex-direction: column;}
	.kFStoreBotm .mo_only {display:none!important;}
	.kFStoreAdd {margin-top:2rem;}
	

}


@media (max-width:767px) {
	.kFStore {width: 100%; height: 0; padding-bottom: 226.67%; position: relative; background: url(/public/img/spa/floagShipStoreImg02-mo.jpg) no-repeat center / cover;}
	.kFStoreBotm .pc_only {display:none!important;}
	.kFStoreBotm .mo_only {display:flex!important;}
	.kFStoreBotm {padding: 4rem 2rem; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column-reverse;}
	.kFStoreBTxt {font-size: 1.4rem; line-height: 2.4rem;}
	.kFStoreBTitle {font-size: 2.4rem; line-height: 3rem; margin-bottom: 2rem; letter-spacing: 0.048rem;}
	.kFStoreBotm .flexBox {width: 100%;}
	.kFStoreAdd {font-size: 1.5rem; line-height: 2.3rem; margin-top: 1rem;}
	.contMoreBtn {margin-top:3rem;}
	.contMoreBtn a {padding:1.2rem 1.6rem;}
	.contMoreBtn p {font-size: 1.3rem; line-height: 1.6rem; padding-right: 2.2rem;}
	.contMoreBtn p::before {width:1.2rem; height:1.2rem;}
	
	
}



/* spa */

.introSpanLeft, .introSpanRight {position:relative;}
.introSpanLeft::before, .introSpanRight::before {
	content:'';
	width: 8rem;
	height: 1px;
	position: absolute;
	left: 0;
	top:50%;
	transform:translateY(-50%);
	background:#2F2C2C;
}
.introSpanLeft::before {transform:translateY(-50%) translateX(-50%);}
.introSpanRight::before {left:unset; right:0; transform:translateY(-50%) translateX(50%); z-index: 1;}

.spaIntro {position:relative; overflow:hidden;}
.spaIntro .yoAreaCont{margin:0!important;}
.spaIntroETitle {
	color: #C7AD6E;
	font-family: Cormorant;
	font-size: 3rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4rem;
	letter-spacing: 0.78px;
}
.spaIntroTitle {
    color: var(--1, #2F2C2C);
    font-family: MaruBuri;
    font-size: 4rem;
    font-style: normal;
    font-weight: 300;
    line-height: 5rem;
    text-transform: uppercase;
    margin-bottom: 3rem;
}
.spaIntroTxt {
	color: var(--1, #2F2C2C);
	font-family: "Pretendard-Light";
	font-size: 2rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3rem;
}
.spaIntroBg {width:100%; height:auto; }
.spaIntroBg img {width: 100%; height: auto; vertical-align: bottom;}
.spaIntroTBox {
    width: calc(100%/3);
    position: absolute;
    right: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(10px);
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	padding:10rem 6rem;
}
.natureArea {display:flex;}
.natureProBox {width:calc(100%/3); position:relative;}
.natureProImg {width:100%; height:auto;}
.natureProImg img {width: 100%; height: auto; vertical-align: bottom;}
.natureProTBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 3rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.natureProName {
	color:#2F2C2C;
	font-family: Pretendard;
	font-size: 1.8rem;
	line-height: 2.2rem;
}
.natureProBTitle {
	color: #2F2C2C;
	font-family: MaruBuri;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 3.6rem;
	margin-top:1rem;
}
.natureProArr {position:relative; display:inline-block;}
.natureProArr .natureProArrBox {
    border-radius: 0.4rem;
    border: 1px solid #2F2C2C;
    padding: 1.2rem 1.4rem;
    display: flex;
    color: #2F2C2C;
    font-family: 'Pretendard-Medium';
    font-size: 1.5rem;
    line-height: 1.6rem;
    align-items: center;
    justify-content: center;
}
.natureProArr .natureProArrBox img {
    height: 1.2rem;
    margin-left: 0.6rem;
    width: auto;
}

.spaIntro02 .box66 {padding: 0 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background:#2F2C2C;}
.spaIntro02 .VideoInner {padding: 0; background: #000;}
.buyProTale {width: 69.53%; height: auto; margin: 0 auto;}
.buyProTale img {width:100%; height:auto;}

.buyProTaleNotice {
	color: #666;
	text-align: center;
	font-family: Pretendard;
	font-size: 1.6rem;
	line-height: 3.4rem;
	text-align:center;
	margin-top:1rem;
}

.brushTopV {display: flex; align-items: stretch;}
.brushTopVImg {width:100%; height:auto;}
.brushTopVImg img {width:100%; height:auto; vertical-align: bottom;}
.brushTopVTitle {
	color:#2F2C2C;
	font-family: MaruBuri;
	font-size: 4rem;
	line-height: 5rem; /* 125% */
	letter-spacing: -0.12rem;
	text-transform: uppercase;
	margin-bottom:4rem;
	text-align: left;
}
.brushTopVTxt{
	color:#2F2C2C;
	font-family: "Pretendard-Light";
	font-size: 2rem;
	line-height: 3.4rem;
	letter-spacing: -0.06rem;
	text-transform: uppercase;
	text-align: left;
	word-break: keep-all;
}
.brushTopVTxt.patTop20 {padding-top:2rem;}
.taleft {text-align: left!important;}
@media (max-width:1500px) and (min-width:992px) {
	.natureArea .mcTxt {
		font-size: 2rem;
		line-height: 3.2rem;
		margin-top: 1rem;
	}
	
	


}

@media (max-width:991px) {
	.natureArea .mainContW65 {display: flex; flex-direction: column;}
	.natureProBox {width: 100%; padding-left:0; position: relative;}
	.natureProTBox {padding: 0rem 2rem 4rem 2rem; align-items: flex-end;}
	.natureArea {display: flex; flex-direction: column;}
	
	.buyProTale img {width:57rem; height:auto;} 
	
	.brushTopV {flex-direction: column;}
	.brushTopV .box50.flex {padding: 4rem 2rem;}
	.brushTopVTitle {
		font-size: 2.8rem;
		line-height: 4rem;
		letter-spacing: -0.12rem;
		margin-bottom: 2.4rem;
		text-align: left;
	}
	.brushTopVTxt {
		font-size: 1.6rem;
		line-height: 2.6rem;
		letter-spacing: -0.06rem;
	}

}


@media (max-width:1500px) and (min-width:992px) {
	.flagWrap {margin-top: 6.5rem;}
	.spaKiwaLogo {width: 16.7rem; height: auto;}
	.spaIntroTitle {font-size: 3.6rem; line-height: 5.8rem; margin-top: 5rem;}
	.spaIntroTBox {padding: 5rem 5rem;}
	.natureProTBox {padding: 0rem 2rem 2rem 2rem;}
}

@media (max-width:991px) {
	.flagWrap {margin-top: 5rem;}
	.flagV {height: 90vh; position: relative;}
	.spaIntroTBox {
		height: auto;
		top: 50%;
		right: 50%;
		padding: 6rem 3rem;
		position: absolute;
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		background-color: rgba(255, 255, 255, 0.85);
		transform: translateX(50%) translateY(-50%);
		width: calc(100% - 7.2rem);
	}
	.spaKiwaLogo {width: 16rem; margin:0 auto;}
	.spaIntroTitle {font-size: 3.5rem; line-height: 6rem; margin-top: 3rem; margin-bottom: 3rem; text-align: center;}
	.spaIntroTxt {text-align:center;}
}


@media (max-width:767px) {
	.flagV {background: url(/public/img/sub/floagShipBg-mo.jpg) no-repeat center / cover; height: 100vh; position: relative;}
	.spaIntroTBox {padding: 3rem; width: calc(100% - 7.2rem); transform: translateX(50%) translateY(-50%);}
	.spaKiwaLogo {width: 10rem;}
	.spaIntroTitle {
		font-size: 2.5rem;
		line-height: 3rem;
		margin-top: 2rem;
		margin-bottom: 2rem;
		text-align: center;
	}
	
	.spaIntroTitle {
		font-size: 2.5rem;
		line-height: 3rem;
		margin-top: 2rem;
		margin-bottom: 2rem;
		text-align: center;
	}
	
	
	.spaIntroTxt {
		font-size: 1.6rem;
		line-height: 2.4rem;
		text-align: center;
	}
	
	.natureProName {
		color: #2F2C2C;
		font-family: Pretendard;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.natureProBTitle {
		color: #2F2C2C;
		font-family: MaruBuri;
		font-size: 2rem;
		font-weight: 600;
		line-height: 3rem;
		margin-top: 0.5rem;
	}
	
	.natureProArr .natureProArrBox {
		padding: 1.2rem 1.2rem;
		font-size: 1.4rem;
		line-height: 1.5rem;
	}
	
	
	.buyProTaleNotice {
		font-size: 1.2rem;
		line-height: 2rem;
		margin-top: 1rem;
	}	
}






/* ============ ::::::::::::  키와는 이렇게 탄생했습니다 ~ :::::::::::: ============ */
.aboutFlexGroup {width:100%; display:flex;}
.aboutFlexBox {width:50%; overflow:hidden; position:relative;}
.textBox {
    padding: 12rem 10rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #EDE8DF;
    justify-content: center;
}

.marTop6 {margin-top:6rem;}
.needArea .aboutCTxt {margin-top:2.4rem;}

.aboutFlexGroup .aboutCTxt {text-align:left;}


.aboutCTitle {
    color: #2F2C2C;
    text-align: center;
    font-family: MaruBuri;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 5rem;
}


.aboutCSTitle {
    color: #2F2C2C;
    font-family: Pretendard;
    font-size: 2.8rem;
    line-height: 4rem;
}

.aboutCTxt {
    color: #2F2C2C;
    text-align: center;
    font-family: "Pretendard-Light";
    font-size: 1.8rem;
    line-height: 3.4rem;
    margin-top: 3rem;
}

.aboutCTxt span.bold {font-family: "Pretendard-SemiBold";}

.aboutFlexBox img {
    vertical-align: bottom;
}


/* 싸인  */
.signGroup {
    width: 100%;
	display: flex;
    margin-top: 8rem;
    justify-content: flex-end;
}
.signBox {position:relative;}
.signBox:nth-child(2) {margin-left: 5rem;}
.signImg {width: 16rem; height: auto;}
.signImg img {width: 100%; height: auto; mix-blend-mode: multiply;}
.signTxt {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    right: 0;
}
.signTxt span {color:#2F2C2C; font-size: 1.6rem; line-height: 2rem;}
.signName {color: #2F2C2C; font-family: "Pretendard-Medium"; font-size: 2.2rem; line-height: 2.6rem; margin-left:1rem;}

.aboutFlexBox img {width: 101%; height: auto; vertical-align: bottom;}

@media (max-width:1500px) and (min-width:992px) {
	.textBox {padding: 10rem 3rem;}
	.aboutCTitle {font-size: 3rem; line-height: 3.8rem;}
	.aboutCSTitle {font-size: 2.6rem; line-height: 3.8rem;}
	.aboutCTxt {font-size: 1.6rem; line-height: 3rem; margin-top: 3rem;}
	.needArea .aboutCTxt {margin-top: 2rem;}
	
	.marTop6 {margin-top: 3rem;}
}


@media (max-width:991px) {
	.aboutFlexGroup {width: 100%; display: flex; flex-direction: column;}
	.aboutFlexBox {width:100%;}
	.textBox { padding: 4rem 2rem;}
	
	.marTop6 {margin-top: 3rem;}
	.needArea .aboutCTxt {margin-top: 2rem;}
	
	.colrever {flex-direction: column-reverse;}
	
	.signGroup {margin-top:4rem;}
	.signBox:nth-child(2) {margin-left: 2rem;}
	.signImg {width: 12rem; padding-bottom: 3.05rem;}
	.signTxt {flex-direction: column;}
	.signTxt span {font-size: 1.4rem; line-height: 1.6rem;}
	.signName {font-size: 2rem; line-height: 2.6rem; margin-left: 0; margin-top: 0.4rem;}
	.aboutCTitle {
		font-size: 3rem;
		line-height: 3.8rem;
	}
	.aboutCSTitle {
    font-size: 2.4rem;
    line-height: 3.6rem;
}
	
	.aboutCTxt {
    font-size: 1.8rem;
    line-height: 3.4rem;
    margin-top: 3rem;
}

}

@media (max-width:767px) {
	.marTop6 {margin-top: 2.4rem;}
	.needArea .aboutCTxt {margin-top: 1.4rem;}
	
	.signGroup {margin-top:3rem;}
	.signBox:nth-child(2) {margin-left: 2rem;}
	.signImg {width: 9rem; padding-bottom: 2.05rem;}
	.signTxt span {font-size: 1.2rem; line-height: 1.4rem;}
	.signName {font-size: 1.6rem; line-height: 2.2rem; margin-left: 0; margin-top: 0.4rem;}
	.aboutCTitle {
    font-size: 2rem;
    line-height: 2.8rem;
}
.aboutCSTitle {
    font-size: 1.8rem;
    line-height: 2.6rem;
}
.aboutCTxt {
    font-size: 1.5rem;
    line-height: 2.4rem;
    margin-top: 2rem;
}
	
}

.bbottom {border-bottom:1px solid #EEE;}







/* 더스퀘어스파  */
@media (max-width:991px) {
	
	
	.squareSpa .spaIntro .spaIntroBg {
		width: auto;
		height: 70vh;
	}

	.squareSpa .spaIntro .spaIntroBg img {
		width: auto;
		height: 100%;
	}

	.spaIntro .spaIntroTBox {
		padding: 3rem 2rem;
		width: calc(100% - 7.2rem);
		transform: translateX(50%) translateY(-50%);
	}
	.spaIntro .spaIntroETitle {
		text-align:center;
		font-size: 2.8rem;
		line-height: 4rem;
		letter-spacing: 0.78px;
	}

	.spaIntro .spaIntroTxt {
		font-size: 1.5rem;
		line-height: 2.4rem;
		text-align: center;
	}
	.spaIntro .spaIntroTitle {
		font-size: 2.5rem;
		line-height: 3rem;
		margin-top: 2rem;
		margin-bottom: 1.5rem;
		text-align: center;
	}
}
@media (max-width:767px) {}



/* spaIntro02 */
.spaIntro02 {
    display: flex;
    align-items: stretch;
    background: #2F2C2C;
    justify-content: center;
}
.spaIntro02 .introSpanRight {
    display: flex;
    justify-content: center;
    align-items: center;
}
.spaIntro02 .spaIntroTBox {position:relative; right: unset; left: 0; background: #2F2C2C; top: unset; height: auto; display: flex; justify-content: center;}
.spaIntro02 .spaIntroTBox {right:unset; left:0; background: #2F2C2C;}
.spaIntro02Title {
	color: #2F2C2C;
	text-align: center;
	font-family: MaruBuri;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
	word-break:keep-all;
	margin-bottom: 3rem;
}
.spaIntro02VSG {
    display: flex;
    margin-bottom: 3rem;
    justify-content: center;
}
.spaIntro02VST {
	color: #FFF;
	text-align: center;
	font-family: "Pretendard-Medium";
	font-size: 1.8rem;
	line-height: 3rem;
	text-transform: uppercase;
}

.spaIntro02VS {
	color: #FFF;
	text-align: center;
	font-family: Cormorant;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3rem;
	text-transform: uppercase;
	margin:0 2rem;
}
.spaIntro02VST.bold {color: #DAC28A; font-family: "Pretendard-SemiBold";}


.spaIntro02Txt {color: #2F2C2C; text-align: center; font-family: "Pretendard-Light"; font-size: 1.6rem; line-height: 2.6rem; word-break: keep-all;}
.spaIntro02 .spaIntroTBox {justify-content: center; z-index:1;}
.spaIntro02 .introSpanRight::before {background: #FFF;}

.box33 {width:calc(100%/3);}
.box66 {width: calc(100%/3*2); background: #f8f8f8;}


.SpaProGrame {display: flex; align-items: stretch;}
.SpaProGrame .box66 {background: #FFF; padding: 10rem 0rem;}
.SpaProGrame .box33 {background: #ECE8DF; display: flex; justify-content: center; align-items: center;}

.SpaProGrame .spaIntro02Title {color: #2F2C2C;}
.SpaProGrame .spaIntro02Txt {color: #2F2C2C;}

@media (max-width:991px) {
	.box33 {width:100%;}
	.box66 {width:100%; background: #f8f8f8;}
	.spaIntro02 {flex-direction: column;}
	.spaIntro02VSG {margin-bottom: 3rem; flex-direction: column;}
	.introSpanLeft::before, .introSpanRight::before {display:none;}
	
	.spaIntro02 .box33 {padding: 4rem 2rem;}
	.SpaProGrame .box33 {padding: 4rem 2rem;}
	.SpaProGrame {flex-direction: column; flex-direction: column-reverse;}
	.buyProTale {width: 100%; padding: 0 2rem; overflow: scroll;}
	.buyProTale {-ms-overflow-style: none; scrollbar-width: none;}
	.buyProTale::-webkit-scrollbar {display: none; }
	.SpaProGrame .box66 {padding:4rem 0rem;}
	
	.spaIntro02VST {font-size: 2rem; line-height: 3rem;}
	.spaIntro02VS {font-size: 2.4rem; line-height: 3rem; margin: 0.5rem 0;}
}
@media (max-width:767px) {
	.spaIntro02Txt {
		font-size: 1.6rem;
		line-height: 2.45rem;
	}
}

	
	
/* 이런 분들께 추천 드립니다 */
.spaRecommend {display: flex; align-items: stretch;}
.spaRecommend .spaIntro02Title {margin-bottom:0;}

.spaRecommend .box33 {
    background: #F9F9F9;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spaRecommend .box66 {padding:12rem 6rem; background:#Fff;}
.childOrthGroup {
    padding: 2.5rem 0;
    border: unset;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.childOrthListTitle {
	color: #2F2C2C;
	font-family: "Pretendard-SemiBold";
	font-size: 3.2rem;
	line-height: 3.6rem;
	text-transform: uppercase;
	margin-bottom:3rem;
}
.childOrthLiBox {
    display: flex;
    align-items: flex-start;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #EEE;
}
.childOrthLiBox:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom:none;}
.childOrthLiBox .imbNum {
    color: #C7AD6E;
    font-family: Cormorant;
    font-size: 4rem;
    font-weight: 400;
    line-height: 4.8rem;
    letter-spacing: 0.4px;
    margin-top: -1.5rem;
    padding: 0 1.7rem;
}
.childOrthLiBox .childOrthLiTXT {
   color: #111;
	text-align: center;
	font-family: Pretendard;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
	word-break: keep-all;
}
.childOrthLiBox .childOrthLiTXT .sTxt {
	color: #111;
	text-align: center;
	font-family: Pretendard;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
}

.childOrthListNoticeT {
	color: #666;
	font-family: Pretendard;
	font-size: 1.6rem;
	line-height: 2.6rem;
	text-transform: uppercase;
	margin-top:1rem;
}

@media (max-width:991px) {
	.spaRecommend {display: flex; align-items: stretch; flex-direction: column;}
	.spaRecommend .box33 {padding: 4rem 2rem;}
	.spaRecommend .box66 {padding: 4rem 2rem; background: #Fff;}
	
	.childOrthList {flex-direction: column;}
	.childOrthGroupBox {width:100%;}
	.childDom {font-size: 1.6rem; line-height: 2rem; padding: 0.8rem 2rem; margin: 3rem 0 2.2rem 0;}
	.childBtxt {font-size: 1.8rem; line-height: 2.8rem;}
	.childorthWrap .mcMBanner .mcTBTxt {font-size: 2rem; line-height: 3.4rem;}
	
.childOrthGroup {
    padding: 2rem 0;
}
	.childOrthGroupBox:nth-child(2) {margin-top: 4rem;}
	.childOrthListTitle {font-size: 2.2rem; line-height: 3rem; margin-bottom: 2rem;}
	.childOrthLiBox {padding-bottom: 2rem; margin-bottom: 2rem; text-align: left;}
	.childOrthLiBox .imbNum {font-size: 3.2rem; line-height: 3.4rem; letter-spacing: 0.32px; margin-top: -0.8rem; padding: 0 1rem 0 0;}
	.childOrthLiBox .childOrthLiTXT {font-size: 1.6rem; line-height: 2.5rem; margin-left: 0; margin-top: 0; text-align:left;}
	.childOrthLiBox .childOrthLiTXT .sTxt {font-size: 1.3rem; line-height: 2.4rem; text-align: left;}
	.contASTxt.unTitle {font-size: 1.8rem; line-height: 3.2rem; margin-bottom: 4rem; margin-top: 2rem;}
}

@media (max-width:767px) {
	.childorthWrap .mcMBanner .mcTBTxt {font-size: 1.6rem; line-height: 2.8rem;}
	
}

.airFlow {display: flex; align-items: stretch;}
.box50 {width: 50%;}
.box50.flex {
	display: flex;
    justify-content: center;
    align-items: center;
}
.airFlow .box50:nth-child(1) {background:#000; display: flex; justify-content: center; align-items: center;}
.airFlow .box50:nth-child(2) {padding: 10rem 6rem;}

.airFlow .VideoInner {padding:0; max-width:unset;}
.airFlowImg {margin-top:4rem; width:100%; height:auto;}
.airFlowImg img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.airFlow .introSpanLeft::before {
    transform: translateY(-50%) translateX(-50%);
    background: linear-gradient(to right, #FFF 50%, #2F2C2C 50%);
}



.wanata {display: flex; align-items: stretch;}

.wanata .airFlowImg {margin-top:0;}

.whySpa {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.whySpaImgCont {margin-top:8rem;}
.whySpa .box50 {width:calc(50% - 10rem);}
.whySpa .spaIntro02Title,
.whySpa .spaIntro02Txt {color:#fff; text-align:left;}
.whySpa .spaIntro02Txt .color {color: #DAC28A; font-family: "Pretendard-SemiBold"; font-size: 2rem; line-height: 3.6rem;}
.whySpa .spaIntro02Txt.colorTxt {text-align:center; margin-top:3rem;}
.whySpaImgGroup {display: flex; justify-content: space-between;}
.whySpaImg {width:100%; height:auto;}
.whySpaImg img {width:100%; height:auto;}

.whySpaImgGroup .whySpaImg {width:calc(50% - 2rem);}
.whySpaSTxt {
	color: #FFF;
	text-align: center;
	font-family: "Pretendard-Light";
	font-size: 2rem;
	line-height: 2.8rem;
	margin-top:2rem;
}
.whySpaBotm .box50 {width: calc(100%/3 - 13.333333rem); margin: 0 10rem;}
.whySpaBotm {border-top: 1px solid rgba(255, 255, 255, 0.10);}
.whySpaBotm .box50:first-child {margin-left:0;}
.whySpaBotm .box50:last-child {margin-right:0;}

.whySpaTop, .whySpaBotm {position:relative;}
.whySpaTop::before {
	content:'';
	width:0.1rem;
	height:100%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translateY(-50%);
	background: rgba(255, 255, 255, 0.10);
}

.whySpaBotm::before {
	content:'';
	width:0.1rem;
	height:100%;
	position:absolute;
	left:33.3333%;
	top:50%;
	transform:translateY(-50%);
	background: rgba(255, 255, 255, 0.10);
}

.whySpaBotm::after {
	content:'';
	width:0.1rem;
	height:100%;
	position:absolute;
	left:66.6666%;
	top:50%;
	transform:translateY(-50%);
	background: rgba(255, 255, 255, 0.10);
}

@media (max-width:991px) {
	.airFlow {flex-direction: column;}
	.airFlow .box50:nth-child(2) {padding: 4rem 2rem;}
	.airFlow .airFlowImg {margin-top: 2rem; overflow-x: scroll; width: calc(100% + 4rem); transform: translateX(-2rem); padding: 0 2rem;}
	
	.wanataTInner {padding:4rem 2rem;}
	.wanata {display: flex; align-items: stretch;}
	.mo-reverse {flex-direction: column-reverse;}
	.whySpa {flex-direction: column;}
	.whySpaBotm .spaIntro02Title {margin-bottom:0;}
	.whySpa .box50 {width: 100%; margin: 0; margin-top: 0;}
	.whySpaSTxt {font-size: 1.8rem; line-height: 2.4rem; margin-top: 2rem;}
	.whySpaImgCont {margin-top: 0;}
	.whySpaImgB {margin-bottom:3rem;}
	.whySpaImgGroup .whySpaImg {width: calc(50% - 1rem);}
	
	.whySpa.whySpaImgCont {margin-top:4rem;}
	.whySpaBotm .whySpaImgCont {margin-top:0;}
	.whySpaBotm .whySpaImgCont .whySpaImg {margin-top:3rem;}
	
	.airFlow .airFlowImg img {width: 43rem; min-width:100%;}
	.whySpaTop::before {display:none;}
	.whySpaBotm::before, .whySpaBotm::after {display:none;}
	
	.whySpa .spaIntro02Txt.colorTxt {text-align: center; margin-top: 2rem;}
	.whySpa .spaIntro02Txt .color {font-size: 1.7rem; line-height: 2.5rem;}
}
@media (max-width:767px) {
	.airFlow  .spaIntro02Title {margin-bottom: 2rem;}
	.wanata  .spaIntro02Title {margin-bottom: 2rem;}
	.whySpa .spaIntro02Txt span.color {font-size: 1.4rem; line-height: 2.45rem;}
	.whySpaTop.inr1210, .whySpaBotm.inr1210 {padding:4rem 2rem !important;}
	.whySpa .spaIntro02Txt.colorTxt {text-align: center; margin-top: 1rem;}
	.whySpa.whySpaImgCont {margin-top: 3rem;}
	.whySpaSTxt {font-size: 1.5rem; line-height: 2.4rem; margin-top: 1rem;}
}


.spafaqWrap {display:flex;}
.spafaqWrap .spaIntro02Title {margin-bottom:0;}
.spaIntro02Title.faq {
	font-family: Cormorant;
	font-size: 5rem;
	font-weight: 400;
	line-height: 5rem;
	letter-spacing: 0.05rem;
	margin-bottom:3rem;
}

.spafaqWrap {
    display: flex;
    align-items: stretch;
}

.spafaqWrap .box33 {
    display: flex;
    justify-content: center;
    align-items: center;
	background: #F9F9F9;
}

.spafaqWrap .accordion-menu {
    text-align: left;
    width: 100%;
    padding: 12rem 6rem;
    margin: 0;
	background: #FFF;
}

.spafaqWrap .dropdownlink {
    color: #111;
    font-family: Pretendard;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.4rem;
}

.spafaqWrap .dropdownlink:before,
.spafaqWrap .f_list_open:before{display:none;}

.spafaqWrap .dropdownlink .qIcon {
    color: #6E7474;
    font-family: Cormorant;
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.8rem;
    margin-right: 1.4rem;
}

.spafaqWrap .dropdownlink {
    display: flex;
	align-items: flex-start;
    padding: 3rem;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #EEE;
}
.spafaqWrap li:first-child .dropdownlink {border-top:1px solid #EEE;}

.spafaqWrap .accordion-menu li {
    border: none;
    border-radius: 0;
    margin: 0;
    background: inherit;
}

.spafaqWrap .f_list_open {padding:3rem;}
.spafaqWrap .open_faq .dropdownlink {font-family: "Pretendard-SemiBold";}

.spafaqWrap .open_faq .dropdownlink {border-bottom: 1px solid #F9F9F9!important; position:relative;}
.spafaqWrap .accordion-menu li.open_faq {
    background: #F9F9F9;
    border-bottom: 1px solid #EEE;
}
.spafaqWrap .accordion-menu li.open_faq .dropdownlink,
.spafaqWrap .accordion-menu li.open_faq .f_list_open {background: inherit;}

.spafaqWrap .open_faq .dropdownlink::before {
    content: '';
    height: 0.1rem;
    width: calc(100% - 12.2rem);
    position: absolute;
    left: unset;
    right: 3rem;
    top: 100%;
    bottom: unset;
    background: #EEE;
    display: block;
}

.spafaqWrap .fa-chevron-down {
    position: absolute;
    right: 3rem;
    top: 3rem;
    width: 4.4rem;
    height: 4.4rem;
    background-image: url(/public/new_img/therapy/spaFaqArrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.spafaqWrap .accordion-menu li.open_faq .dropdownlink .fa-chevron-down {transform: rotate(180deg); background-image: url(/public/new_img/therapy/spaFaqArrow.png);}

@media (max-width:991px) {

	.box50 {width: 100%;}
	.spaIntro02Title {font-size: 2.4rem; line-height: 3.6rem;}
	
	.spafaqWrap {flex-direction: column;}
	
	.spafaqWrap .accordion-menu {
		text-align: left;
		width: 100%;
		padding: 4rem 2rem;
		margin: 0;
		background: #FFF;
	}
	
	.spafaqWrap .box33 {
		padding: 4rem 2rem;
	}
	.spafaqWrap .dropdownlink {
		font-size: 1.6rem;
		line-height: 2.2rem;
		word-break: keep-all;
		padding: 2rem 3rem 2rem 1.5rem;
	}

	.spafaqWrap .dropdownlink .qIcon {
		font-size: 2.5rem;
		line-height: 1.4rem;
		margin-right: 1.4rem;
	}
	
	.f_ar {
		font-size: 2.5rem;
		line-height: 1.4rem;
		margin-right: 1.4rem;
		transform: translateY(0.5rem);
	}

	.spafaqWrap .f_list_open {
		padding: 2rem 1.5rem;
	}
	
	.flNormalText {
		font-size: 1.6rem;
		line-height: 2.5rem;
		margin-left: 0;
		word-break: keep-all;
	}
	.spafaqWrap .fa-chevron-down {
		top: 50%;
		right: 0.5rem;
		width: 3rem;
		height: 3rem;
		position: absolute;
		transform: translateY(-50%);
	}
	
	.spafaqWrap .accordion-menu li.open_faq .dropdownlink .fa-chevron-down {transform: rotate(180deg) translateY(50%);}
	.spafaqWrap .open_faq .dropdownlink::before {width: calc(100% - 3rem); right: 1.5rem;}

}
@media (max-width:767px) {
	.spaIntro02Title {margin-bottom: 0; margin-top: 0;}
	.spaIntro02Title {
		font-size: 2rem;
		line-height: 3.2rem;
		margin-bottom: 3rem;
	}
	
	.spaIntro02Title.faq {
		font-size: 4rem;
		line-height: 4rem;
		letter-spacing: 0.05rem;
		margin-bottom: 1rem;
	}

	.flNormalText {font-size: 1.4rem; line-height: 2.2rem;}

}