@charset "utf-8";
/* --------------------------------------------------------------------------- */
/* [사이드]왼쪽  left:cal(  (100% / 2) - ( var(--pcwidth) / 2 ) ); */
.asideLeft{z-index:0;}
.asideLeftCont{display:block; position:fixed; left:calc( (100% / 2) - (var(--pcwidth) / 2) ); margin-left:-370px; top:0px; bottom:1rem; transition:all ease 0.3s; z-index: 99999;}
.asideLeftCont .contInner{position:relative; display:flex; height:100%; flex-direction:column; justify-content:center; align-items:flex-end;}
.asideLeftSection{display:block; position:relative;}
	/* 배너영역 */
	.asideLeftSection_Banner{position:relative;  width:350px;  margin-bottom:1rem;}
	.asideLeftSection_Banner .bannerItemArea{}
	.asideLeftSection_Banner .bannerItem ul.slick-dots{justify-content:flex-end;}
	.asideLeftSection_Banner .itemBox{overflow:hidden;}
	.asideLeftSection_Banner .itemBox img{transition: all ease 0.3s;}
	.asideLeftSection_Banner .itemBox:hover img{transform:scale(1.05); }
	/* 하단구성 */
	.asideLeftSection_Footer{display:inline-block; position:relative; text-align:right;} /*  color:#ffffff; */
	.asideLeftSection_Footer a{transition:0.2s ease-in-out; opacity:0.5;}
	.asideLeftSection_Footer a:hover{opacity:1;}
	.asideLeftSection_Footer .Menu{display:table; position:relative;}
	.asideLeftSection_Footer .Menu li{display:table-cell; position:relative; vertical-align:middle; line-height: var(--line-height-cont);}
	.asideLeftSection_Footer .Menu li + li{padding-left:var(--padding-sm);}
	.asideLeftSection_Footer .Menu a{display:block; position:relative;}
	.asideLeftSection_Footer .Menu .badge{color:#ffffff; font-size:0.7rem; font-weight:var(--font-weight-sm); background-color:var(--bg-color-deep); padding:0.1rem 0.5rem; border-radius:10px; margin-left:0.2rem;}
	.asideLeftSection_Footer .Menu::before{content:''; clear:both; display:block;}
	/* .usaWrap .asideLeftSection_Footer .Menu li{line-height:1rem;}  usa별도 */	
	.asideLeftSection_Footer .Link{display:inline-table; position:relative; }
	.asideLeftSection_Footer .Link li{display:table-cell; position:relative; text-align:center; vertical-align:middle;}
	.asideLeftSection_Footer .Link li + li{padding-left:0.3rem;}
	.asideLeftSection_Footer .Link a{display:inline-flex; position:relative; flex-direction:column; justify-content:center; aspect-ratio:1 / 1; border-radius:50%; overflow:hidden; padding:0.5rem 0.3rem 0.3rem 0.3rem;}
	.asideLeftSection_Footer .Link a i{position:relative; font-size:var(--font-size-xxl); overflow: hidden;}
	.asideLeftSection_Footer .Link .blog i::after{content:'blog'; display:inline-block; position:absolute; left:calc( (100% / 2 ) * 0.4 ); top:10%; color:#c0a785; font-size:0.3em;}
	.asideLeftSection_Footer .Link::before{content:''; clear:both; display:block;}
	.asideLeftSection_Footer .sloganBar{padding:0rem; font-size:0.8rem; opacity:0.5; text-align:right;}
	

	@keyframes bounce { /* animation: bounce 1s ease-in-out infinite; */
		0%, 100% {transform:translateY(0);}
		50% {transform: translateY(-30px);}
	}

	/* ----------------- */s
	@media (max-width:1470px){
	}	
	@media (max-width:1300px){
		.asideLeftCont{display:none;}
		.asideRightCont{display:none;}
	}	
	/* ----------------- */

/* --------------------------------------------------------------------------- */
/* [사이드]오른쪽  */
.asideRight{z-index:0;}
.asideRightCont{display:block; position:fixed; right:1rem; top:0px; bottom:1rem; transition:all ease 0.3s;}
.asideRightCont .contInner{position:relative; display:flex; height:100%; flex-direction:column; justify-content:center; align-items:flex-end;}
.asideRightSection{display:block; position:relative;}


/* --------------------------------------------------------------------------- */
/* 메인 */
.mainWrap{}
.mainWrap .Container{}
.mainWrap .contentWrap{padding-bottom:0px;}
.mainSection{display:block; position:relative; } 
.mainSection .sectionHead{display:block; position:relative;}
.mainSection .sectionCont{display:block; position:relative;}
.mainSection .sectionInner{display:block; position:relative;}
	/* 타이틀 */
	.mainTitle{display:block; position:relative; text-align:center; margin-bottom:5rem;}
	.mainTitle p{display:block; position:relative;}
	.mainTitle span{display:block; font-size:var(--font-size-xl); font-weight:var(--font-weight-xxl); margin-bottom:var(--padding-sm);}	
	.mainTitle strong{display:block; font-size:var(--font-size-xxxl); line-height:var(--font-size-xxxl); font-weight:800;}
	/* 롤링배너 */
	.mainSection_rollingBanner{}
	.mainSection_rollingBanner .itemBox{position:relative;}
	.mainSection_rollingBanner .bannerText{display:flex; position:absolute; left:10%; top:0px; bottom:0px; align-items:center; }
	.mainSection_rollingBanner .itemBox01{color:#ffffff;}
	.mainSection_rollingBanner .itemBox01 p{display:block; position:relative; text-align:left;}
	.mainSection_rollingBanner .itemBox01 strong{display:block; font-size:2.5rem; line-height:2.7rem; margin-bottom:1rem;}
	.mainSection_rollingBanner .itemBox01 span{display:block; font-weight:100; line-height:var(--line-height-cont);}
	.mainSection_rollingBanner .itemBox02{color:#ffffff;}
	.mainSection_rollingBanner .itemBox02 p{display:block; position:relative;}
	.mainSection_rollingBanner .itemBox02 .Logo{display:inline-block; width:auto; height:2.5rem; filter:invert(1) brightness(1000%) grayscale(100%); margin-bottom:1rem;}	
	.mainSection_rollingBanner .itemBox02 span{display:block; font-weight:100;}
	.mainSection_rollingBanner .itemBox02 strong{display:block; margin-top:0.3rem;}	
	/* 키포인트 */
	.mainSection_Key{background-color: var(--color-main-2); background-position:top center; background-repeat:no-repeat; background-size:cover;  background-image:url("/img/sub/mainSection mainSection_Key_bg.jpg"); padding:var(--padding-xl); padding-bottom:0px;}	
	.mainSection_Key .sectionCont{background:rgba(255, 255, 255, 0.5);  padding:4rem var(--padding-xl); overflow:hidden;}
	.mainSection_Key .List{display:block; position:relative;}
	.mainSection_Key .List li{display:block; position:relative;}
	.mainSection_Key .List li + li{margin-top:var(--padding-xl);}
	.mainSection_Key .bannerThum{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:stretch; width:100%;}
	.mainSection_Key .bannerThum dt{display:block; position:relative; padding-right:var(--padding-sm);}
	.mainSection_Key .bannerThum dt span{display:inline-block; position:relative; color:#ffffff; background-color: var(--bg-color-deep); border-radius:30px; padding:0.5rem 1rem;}
	.mainSection_Key .bannerThum dd{display:block; position:relative; font-size:var(--font-size-lg); line-height:1.8rem;}
	.mainSection_Key .bannerThum dd p{}
	/* 시그니처 */
	.mainSection_Signature{padding:5rem var(--padding-xl) var(--padding-xl);}
	.mainSection_Signature .List{display:block; position:relative;}
	.mainSection_Signature .List li{display:block; position:relative;}
	.mainSection_Signature .List li + li{margin-top:var(--padding-xxl);}
	.mainSection_Signature .List li:nth-child(odd){}
	.mainSection_Signature .List li:nth-child(even) .bannerThum dt i{text-align:right;}
	.mainSection_Signature .List a{display:block; position:relative;}	
	.mainSection_Signature .List a:hover img{transform:scale(1.05);}
	.mainSection_Signature .List a:hover{box-shadow:var(--box-shadow-sm);}
	.mainSection_Signature .bannerThum{display:block; position:relative; background-color:var(--color-main-2); }
	.mainSection_Signature .bannerThum::before{clear:both; content:""; display:block; position:absolute; top:1rem; right:1rem; bottom:1rem; left:1rem; z-index:var(--z-index); border:1px solid #ffffff;}
	.mainSection_Signature .bannerThum dt{display:block; position:relative; overflow:hidden;}
	.mainSection_Signature .bannerThum dt i{display:block; position:absolute; left:1rem; right:1rem; bottom:0px; color:#ffffff; font-size:var(--font-size-xxl); line-height:1.5rem; font-style:italic; font-weight: var(--font-weight-lgl); opacity:0.3; z-index:var(--z-index);}
	.mainSection_Signature .bannerThum dt img{display:block; max-width:100%; transition:all ease 0.3s;}
	.mainSection_Signature .bannerThum dd{display:block; position:relative; padding:var(--padding-xxxl) var(--padding-xxl); overflow:hidden;}
	.mainSection_Signature .bannerThum dd p{display:block; position:relative;}
	.mainSection_Signature .bannerThum dd strong{display:block; position:relative; text-align:center; font-size:var(--font-size-lg);}
	.mainSection_Signature .bannerThum dd span{display:block; text-align:left; line-height:var(--line-height-cont); font-weight:var(--font-weight-sm); margin-top:var(--padding-lg); }
		/* ----------------- */
		@media screen and (min-width: 769px) {
			.mainSection_Signature .List li + li{margin-top:var(--padding-lg);}
			.mainSection_Signature .bannerThum{display:flex; flex-direction:row; align-items:stretch;}
			.mainSection_Signature .bannerThum::before{display:none;}
			.mainSection_Signature .bannerThum dt{width:45%;}
			.mainSection_Signature .bannerThum dt i{bottom:1rem;}
			.mainSection_Signature .bannerThum dt img{object-fit:cover; height:100%;} /* width:auto; max-width:fit-content; */
			.mainSection_Signature .bannerThum dt::before{clear:both; content:""; display:block; position:absolute; top:1rem; right:1rem; bottom:1rem; left:1rem; z-index:var(--z-index); border:1px solid #ffffff;}
			.mainSection_Signature .bannerThum dd{width:55%; padding:var(--padding-xl)}
		}	
		/* ----------------- */	


/* --------------------------------------------------------------------------- */
/* 퀵메뉴 display:block; position:sticky; bottom:0; width:100%; transition:0.2s ease-in-out; z-index:var(--z-index-top); */
.quickWrap{position:sticky; bottom:0; z-index:var(--z-index-top); transition:0.2s ease-in-out;}
/* 퀵카트 */
.quickCartArea{display:block; position:relative; box-shadow:var(--box-shadow);}
	/* 상태바 */
	.cartStateBar{display:block; position:relative; bottom:0px; color:#ffffff; background-color:var(--color-piont-1); overflow:hidden;}
	.cartStateBar .Menu{display:flex; position:relative; width:100%; flex-direction:row; flex-wrap:nowrap; align-items:center;}
	.cartStateBar li{display:block; position:relative; }
	.cartStateBar li > *{display:inline-block;  position:relative; padding:var(--padding-lg) var(--padding); cursor:pointer;}
	.cartStateBar .total{width:calc((100% - 3rem) * 0.6); font-weight:var(--font-weight-xl);}
	.cartStateBar .cartCnt{display:inline-block; width:4rem;}
	.cartStateBar .cartCnt i{font-size:var(--font-size-xl);}
	.cartStateBar .cartCnt .badge{display:inline-block; position:absolute; margin-top:-0.5rem; margin-left:-0.5rem; width:1.5rem; color:var(--color-piont-1); font-size:var(--font-size-sm); text-align:center; background-color:#ffffff; border-radius:50%; padding:0.2rem; box-shadow:var(--box-shadow);}
	.cartStateBar .cartCnt span{display:none;}
	.cartStateBar .cartPrice{display:inline-block; font-size:var(--font-size-lg);}
	.cartStateBar .goBtn{width:calc((100% - 3rem) * 0.4); font-weight:var(--font-weight-xl); text-align:right;  letter-spacing: -2px;}
	.cartStateBar .goBtn a{padding-right:1.5rem;}
	.cartStateBar li.goBtn > *{padding:var(--padding-lg) var(--padding-sm);}
	.cartStateBar .info{width:calc(100% - 3rem); font-size:var(--font-size-sm);}
	.cartStateBar .raiseBtn{flex-shrink:0; width:3rem; text-align:center; box-shadow:var(--box-shadow); }
	.cartStateBar .raiseBtn a{padding-right:0px; padding-left:0px;}
	.cartStateBar .raiseBtn i{font-size:var(--font-size-xl);}
	/* 퀵링크 일단숨김 */
	.cartQuickLink.layerPopupArea{}
	.cartQuickLink{display:block; position:absolute; bottom:0px; left:0px; right:0px;}
	.cartQuickLink .Menu{display:flex; position:relative; flex-direction:row; flex-wrap:nowrap; align-items:stretch; justify-content:space-around; text-align:center;}
	.cartQuickLink li{display:block; position:relative; flex: 1 1 calc(100%/3); align-self:stretch;}
	.cartQuickLink li + li{margin-left:1rem;}
	.cartQuickLink li a{display:block; position:relative; height:100%; border:var(--border); border-radius:var(--border-radius); padding:1rem;}
	.cartQuickLink li a:hover{box-shadow:var(--box-shadow-sm);}	
	.cartQuickLink li i{display:block; font-size:3rem; line-height:3rem }
	.cartQuickLink li span{display:block; margin-top:1rem;}
	/* 퀵담긴시술 일단숨김 */
	.cartQuickGoods.layerPopupArea{}
	.cartQuickGoods{display:block; position:absolute; bottom:0px; left:0px; right:0px;}
	.cartQuickGoods .priceInfo{display:table; position:relative; width:100%; margin:1.5rem 0px;}
	.cartQuickGoods .priceInfo li{display:table-cell; vertical-align:middle; width:calc(100% /2);}
	.cartQuickGoods .priceInfo .Title{font-size:var(--font-size-lg); font-weight:var(--font-weight-xl);}
	.cartQuickGoods .priceInfo .Title small{color:var(--font-color-low); font-size:var(--font-size-sm);}
	.cartQuickGoods .priceInfo .Price{font-size:var(--font-size-lg);  font-weight:var(--font-weight-xl); text-align:right;}
	.cartQuickGoods .popupFooter .Btn{display:block; font-size:var(--font-size-lg); background-color:var(--color-piont-1); cursor:pointer;}
	/* 퀵링크 */
	.quickLinkArea.quickLinkArea{}
	.quickLinkArea .popupHead{}
	.quickLinkArea .popupBody{}
	.quickLinkArea{display:block; position:relative;}
	.quickLinkArea .Inner{display:block; position:relative; padding:0px 5px 5px 5px;}
	.quickLinkArea .Menu{display:table; position:relative; width:100%; border-radius:3rem; background-color:var(--color-piont-1); box-shadow:var(--box-shadow); overflow:hidden;}
	.quickLinkArea .Menu li{display:table-cell; position:relative; vertical-align:middle;}
	.quickLinkArea .Menu a{display:block; color:#ffffff; font-size:var(--font-size-lg); text-align:center; letter-spacing:-1px; padding:0.7rem 0rem;}
	.quickLinkArea .Menu li:last-child a{letter-spacing:-2px;}
	.quickLinkArea .Menu i{padding-right:0.2rem;}
	.quickLinkArea .Menu span{}
	.quickLinkArea .Menu .Cart{width:5rem;}
	.quickLinkArea .Menu .Cart i{font-size:var(--font-size-xl);}
	.quickLinkArea .Menu .Cart .badge{display:inline-block; position:absolute; top:10%; right:15%; width:1.5rem; color:var(--color-piont-1); font-size:var(--font-size-sm); background-color:#ffffff; border-radius:50%; padding:0.2rem; box-shadow:var(--box-shadow);}
	.quickLinkArea .Menu .Cart span{display:none;}
/* --------------------------------------------------------------------------- */
/* [공통] 시술(product) */
.itemLabelList{display:block; position:relative;}
	/* 기본리스트 */
	.itemLabelList .listInner{}
	.itemLabelList li + li{margin-top:1rem;}
	/* 기본라벨 */
	.itemLabel{display:block; position:relative;}
	.itemLabel:hover{box-shadow:var(--box-shadow-sm);}
	.itemLabel .checkLabel{} /* 체크박스 */
	.itemLabel dl{display:block; position:relative;}
	.itemLabel dt{display:block; position:relative; }
	.itemLabel dd{display:block; position:relative; padding:1rem;}
	.itemLabel .thum{display:block; position:relative; aspect-ratio: 1 / 1; text-align:center;}
	.itemLabel .thum img{width:auto; max-height:100%; margin:auto;}
	.itemLabel .markBox{display:table; position:relative; width:100%;}
	.itemLabel .tag{display:table-cell; position:absolute; top:-1rem;}
	.itemLabel .tag span{display:inline-block; color:#fff; font-size:var(--font-size-sm); border-radius:0px 0px 5px 5px; background-color:var(--bg-color-deep); padding:0.3rem 0.5rem;}
	.itemLabel .tag span + span{margin-left:0.1rem;}
	.itemLabel .category{display:block; color:var(--font-color-low); text-align:right;}
	.itemLabel .infoBox{display:block; position:relative; line-height:1.3rem;;}
	.itemLabel .name{display:block; font-size:var(--font-size-lg); margin-top:1rem;}
	.itemLabel .info{display:block; font-size:var(--font-size-sm); margin-top:1.2rem;}
	.itemLabel .bottomBox{display:flex; position:relative; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:space-between; padding:0px; margin-top:1rem;}
	.itemLabel .priceBox{display:block; position:relative; }
	.itemLabel .price{display:inline-block; font-size:var(--font-size-lg); font-weight:var(--font-weight-xl);}
	.itemLabel .price em{font-size:var(--font-size-lg); font-weight:var(--font-weight-xl);}
	.itemLabel .price small{font-weight:var(--font-weight-sm); font-size:var(--font-size);}
	.itemLabel .cost{display:inline-block; color:var(--font-color-low); text-decoration:line-through; padding-left:0.5rem;}
	.itemLabel .btnBox{}
	.itemLabel .moreBtn{display:inline-table; color:#fff; border-radius:2rem; background-color:var(--bg-color-deep); padding:0.5rem 1rem 0.5rem 1rem;}
	.itemLabel .moreBtn span{display:table-cell; vertical-align:middle;}
	.itemLabel .moreBtn i{display:table-cell; vertical-align:middle; font-size:var(--font-size-xl);}
	.itemLabel .btnBox .Btn{padding:0.8rem 1.8rem;}
		/* 패키지 */
		.itemLabelList .packageList{}
		.labelPackage{}
		.labelPackage .cost{display:none;}
		.labelPackage .bottomBox{justify-content: flex-end;}
		.labelPackage .btnBox{margin-left:1rem;}
		.itemLabelList .labelPackage dd{background-color:var(--bg-color); }	
		/* 시술상품 */
		.itemLabelList .goodsList{}	
		.labelGoods{}
		.labelGoods .bottomBox{padding-top:1rem; border-top:1px dashed var(--border-color);}
		.labelGoods .btnBox .Btn.Default{} /* 시술담기 기본 */
		.labelGoods .btnBox .Btn.Disabled{} /* 담기완료 일단숨김 display:none;  */
		/* 예약_장바구니에담겼을때 */
		/* ----------------- */
		@media screen and (min-width:769px) {
			.itemLabel .thum{aspect-ratio:auto;}
			.itemLabel .thum img{max-height:300px;}
		}		
		/* ----------------- */



	/* 퀵메뉴담은 상품라벨 */
	.itemSimpleLabel{display:block; position:relative; padding:var(--padding); border:var(--border);}
	.itemSimpleLabel .goodsBox{display:table; position:relative; width:100%;}
	.itemSimpleLabel .goodsBox > *{display:table-cell; vertical-align:top;}
	.itemSimpleLabel .name{position:relative; text-align:left; }
	.itemSimpleLabel .price{position:relative; width:25%; text-align:right; font-weight:var(--font-weight-xl); border-left:1px dashed var(--border-color)}
	.itemSimpleLabel .btnBox{position:relative; width:10%; text-align:right; color:var(--font-color-low);}
	.itemSimpleLabel .goBtn{font-size:var(--font-size-xl); cursor:pointer;}
	.itemSimpleLabel:hover{box-shadow:var(--box-shadow-sm);}
	
/* --------------------------------------------------------------------------- */
/* [공통] 슬라이드배너(숫자가있는) */
.bannerItemArea{display:block; position:relative; overflow:hidden;}
	.bannerItem{display:block; position:relative;}
	.bannerItem .itemBox{overflow:hidden;}
	.bannerItem_info{display:inline-block; position:absolute; right:1rem; bottom:1rem; color:#ffffff; border:1px solid #ffffff; border-radius:2rem; padding:0.3rem 0.8rem;}
	.bannerItem ul.slick-dots{display:inline-flex; position:absolute; left:1rem; right:0px; bottom:1rem; justify-content:center; flex-direction:row; flex-wrap:nowrap; padding:0px 1rem;}
	.bannerItem ul.slick-dots li{display:inline-block;}
	.bannerItem ul.slick-dots li + li{margin-left:0.5rem;}
	.bannerItem ul.slick-dots li button{display:inline-block; aspect-ratio: 1 / 1; color:#ffffff; text-indent:-100px; overflow:hidden; border-radius:50%; padding:0.3rem; border:1px solid #ffffff;}
	.bannerItem ul.slick-dots li.slick-active button{background-color:#ffffff;}	
/* --------------------------------------------------------------------------- */
/* [page] 메인 */
.mainWrap{}

/* --------------------------------------------------------------------------- */
/* [page] 시술안내 */
.productWrap{}
.productWrap .Container{}
.productWrap .contentWrap{}
	/* 검색 */
	.productWrap .searchSection{}
	.productWrap .searchSection .searchField{}	
	/* 배너 */
	.productWrap .bannerSection{}	
	/* 배너 */
	.productWrap .bannerSection{}
	/* 카테고리 (헤더고정을 해제하고, 카테고리바 고정) */
	.productWrap1 .header{position:relative; top:auto; z-index: var(--z-index);} /* 헤더gnb고정해제  */
	.productWrap .categoryArea{z-index:var(--z-index-top);}
	.productWrap .categoryArea .categoryMenuBar{}
	.productWrap .categoryArea .categoryMenuTable{}
	.productWrap .categoryArea .categoryMenuBar{display:none;}
	.productWrap .categoryMenuBar_Normal{}
	.productWrap .categoryMenuBar_activeOPEN{display:none;}
	.productWrap .categoryArea.Fixed{position:fixed; top:0px; left:0px; width:100%;}
	.productWrap .categoryArea.Fixed .categoryMenuBar{display:flex;}
	.productWrap .categoryArea.Fixed .categoryMenuTable{padding:0px; background-color:#ffffff; display:none;} 
	.productWrap .categoryArea.Normal{}
	.productWrap .categoryArea.Normal .categoryMenuBar{display:none;} 
	.productWrap .categoryArea.Normal .categoryMenuTable{display:block !important;} 
	.categoryMenuBar .activeBox{width:100%;}
	.categoryMenuBar .activeNormal{}
	.categoryMenuBar .activeOPEN{display:none;}
		/* ----------------- */
		@media (min-width:1119px) {
			.productWrap .categoryArea.Fixed{left:calc( (100vw / 2) - (var(--pcwidth) / 2) - 4px ); width:var(--pcwidth);} 	
		}
		@media (max-width:1120px){
				
		}
		@media screen and (max-width:768px) {
	
		}
		/* ----------------- */
	
	/* 아아템 */
	.productWrap .packageListSection{padding:1rem;}	
	.productWrap .packageListSection .itemLabelList{}


/* --------------------------------------------------------------------------- */
/* [page] 패키지상세 */
/* 패키지와시술 */
.productWrap2{}
.productWrap .contentBody{}
.packageSection{display:block; position:relative;}
.packageSection .Container{}
.packageSection .contentWrap{}
	/* 패키지 */
	.packageHeadSection{}
	.packageHeadSection .itemLabel dd{padding:var(--padding-xl);}
	.packageHeadSection .itemLabel .tag{position:relative; top:0px;}
	.packageHeadSection .itemLabel .tag span{border-radius:0px;}
	/* 시술상품리스트 */
	.packageGoodsSection{padding:var(--padding-lg); box-shadow: var(--box-shadow-in);}
	.packageGoodsSection .itemLabel dd{background-color:var(--bg-color); }


/* 시술안내 */	
.productWrap  .contFooter{}
.productWrap  .contFooter .packageSection{padding:var(--padding-xxl) var(--padding-xl);}
.productWrap  .contFooter section:nth-child(even){}
/* .productWrap  .contFooter section + section::before{content:''; display:block; position:absolute; left:0px; right:0px; top:0px; border-top:1px dashed var(--border-color);}	 */
	/* 기본구조 */
	.cautionList{display:block; position:relative;}
	.cautionList li{display:block; position:relative; font-weight:var(--font-weight-sm); line-height:var(--line-height-cont);}
	.cautionList li + li{}
	.cautionList li p{}	
	.cautionList u{display:none; text-decoration:none;} /* 순서넘버링 */
	/* 내용 Basic */
	.packageSection_basicCont{}
	.packageSection_basicCont .sectionTitle{display:none;}
	.packageSection_basicCont pre{white-space:pre-wrap; word-wrap:break-word; line-height:normal; }
	/* 시술기본사항 Basic */
	.packageSection_basicInfo{}
	.packageSection_basicInfo .List{display:block; position:relative;}
	.packageSection_basicInfo .List li{display:block; position:relative;}
	.packageSection_basicInfo .List li + li{margin-top:var(--padding-lg);}
	.packageSection_basicInfo .List dl{display:table; position:relative; width:100%;}
	.packageSection_basicInfo .List dt{display:table-cell; position:relative; width:33%; font-size:var(--font-size-lg); font-weight: var(--font-weight-xl); vertical-align:middle;}
	.packageSection_basicInfo .List dd{display:table-cell; position:relative; width:calc(100% - 33%); line-height:var(--line-height-cont); vertical-align:middle;}
	/* 추천대상(Recommendation) */
	.packageSection_Recommendation{}
	.packageSection_Recommendation li{padding-left:var(--padding-sm);}
	.packageSection_Recommendation li::before{content:'·'; display:inline-block; position:absolute; left:0px;}		
	/* 시술과정(Process) */
	.packageSection_Process{}
	.packageSection_Process li{}
	.packageSection_Process u{display:inline-block;}
	.packageSection_Process u::before{content:'STEP.'; display:inline-block;}
	.packageSection_Process span{padding-left:var(--padding);}	
	/* 효과및권장주기(Effect)  */
	.packageSection_Effect{}
	.packageSection_Effect li{padding-left:var(--padding-sm);}
	.packageSection_Effect li::before{content:'·'; display:block; position:absolute; left:0px;}	
	/* 시술Q&A(Qna) */
	.packageSection_Qna{}
	.packageSection_Qna li + li{margin-top: var(--padding-sm);}
	.packageSection_Qna dl{display:block; position:relative;}
	.packageSection_Qna dl p{padding:0.4rem 0.5rem;}
	.packageSection_Qna dt{display:block; position:relative; margin-bottom:0.2rem;}
	.packageSection_Qna dt p{background-color:var(--bg-color); border-radius:20px;}
	.packageSection_Qna dd{display:block; position:relative;}
	.packageSection_Qna dd p{}
	.packageSection_Qna i{margin-right:0.2rem;}
	/* 시술전후주의사항(Caution)  */
	.packageSection_Caution{}
	.packageSection_Caution li{padding-left:var(--padding-sm);}
	.packageSection_Caution li::before{content:'·'; display:inline-block; position:absolute; left:0px;}	




/* --------------------------------------------------------------------------- */
/* [page] 예약하기 */
.reservWrap{}
.reservWrap .Container{}
.reservWrap .contentWrap{}
.reservSection{display:block; position:relative;}
.reservSection .sectionTitle{line-height:var(--line-height-cont); margin-bottom:2rem; }
/* 상단  */
.reservWrap .contentHead{display:block; position:relative;}
.subHeadSection{display:block; position:relative; padding:var(--padding-xl) var(--padding);;}

/* 시술내용 */
.reservWrap .contentBody{display:block; position:relative; box-shadow:var(--box-shadow-in); padding:var(--padding-xl) var(--padding-lg);}
	/* 시술상품리스트 */
	.reservGoodsSection{}
	.reservGoodsSection .itemLabelList.goodsList{}
	.reservGoodsSection .itemLabelList{margin-top:var(--padding);}
	.reservGoodsSection .itemLabel{background-color:var(--bg-color);}
	.reservGoodsSection .itemLabel .checkLabel{position:absolute; top:1.9rem; left:1rem; z-index: var(--z-index);}
	.reservGoodsSection .itemLabel dl{}
	.reservGoodsSection .itemLabel dd{padding-left:2.8rem;}
	.reservGoodsSection .bottomBox{justify-content:flex-end; text-align:right;}
	/* 담은시술없음 */
	.reservGoodsSection .emptyBox{display:block; position:relative; margin-top:1rem;}
	.reservGoodsSection .emptyBox .menuAlign{}
	.reservGoodsSection .emptyBox .menuAlign li{width:50%; vertical-align:middle;}
	.reservGoodsSection .emptyBox .menuAlign .Btn{width:98%;}	
	.reservGoodsSection .emptyBox .menuAlign:nth-child(1){}
	.reservGoodsSection .emptyBox .menuAlign:nth-child(2){text-align: right;}
	/* 금액정보 */
	.reservGoodsSection .priceInfo{display:table; position:relative; width:100%; margin:1.5rem 0px 1rem 0px; padding:0px 1rem ;}
	.reservGoodsSection .priceInfo li{display:table-cell; vertical-align:middle; width:calc(100% /2);}
	.reservGoodsSection .priceInfo .Title{font-size:var(--font-size-lg); font-weight:var(--font-weight-xl);}
	.reservGoodsSection .priceInfo .Title small{color:var(--font-color-low); font-size:var(--font-size-sm);}
	.reservGoodsSection .priceInfo .Price{font-size:var(--font-size-lg);  font-weight:var(--font-weight-xl); color:var(--color-piont-1); text-align:right; }
	.reservGoodsSection .infoTextBox{display:block; position:relative; font-weight:var(--font-weight-tn); font-size: var(--font-size-sm); text-align:right;}


/* 신청하기 */
.reservWrap .contentFotter{display:block; position:relative; padding:var(--padding-xl) var(--padding-lg);}
	/* 본인확인 */
	.reservCertifySection{}
	.reservCertifySection .Menu{display:flex; position:relative; flex-direction:row; flex-wrap:nowrap; align-items:stretch; justify-content:space-around; text-align:center;}
	.reservCertifySection li{display:block; position:relative; flex: 1 1 calc(100%/3); align-self:stretch;}
	.reservCertifySection li + li{margin-left:1rem;}
	.reservCertifySection li [type=button]{display:block; position:relative; height:100%; border:var(--border); border-radius:var(--border-radius); padding:1.5rem 1rem; cursor:pointer;}
	.reservCertifySection li [type=button]:hover{box-shadow:var(--box-shadow-sm);}	
	.reservCertifySection li i{display:block; font-size:3rem; line-height:3rem; }
	.reservCertifySection li span{display:block; margin-top:1rem;}
	/* 인증완료 */
	.reservCertifySection .completeMsg{display:block; position:relative; height:100%; text-align:center; border-radius:var(--border-radius); background-color:var(--bg-color); padding:1rem;}
	.reservCertifySection .completeMsg .msgBox{}
	.reservCertifySection .completeMsg .msgBox i{display:block; font-size:3rem; line-height:3rem;}
	.reservCertifySection .completeMsg .msgBox span{display:block; margin-top:1rem;}
	/* 날짜선택 */
	.reservDateSection{margin-top:var(--padding-xl);}
	/* 시간 */
	.reservTimeSection{margin-top:var(--padding-lg);}
	.reservTimeSection .sectionTitle{display:none;}
	/* 약관동의및실행 */
	.reservAgreeSection{margin-top:var(--padding-lg);}
	.reservAgreeSection .sectionTitle{display:none;}
	.reservAgreeSection .agreeList{display:block; position:relative;}
	.reservAgreeSection .agreeList li + li{margin-top:0.5rem;}
	.reservAgreeSection .agreeList .menuAlign{}
	.reservAgreeSection .agreeList .menuAlign dt{}
	.reservAgreeSection .agreeList .menuAlign dd{width:20%;}
	.reservAgreeSection .agreeList .checkBox input[type=checkbox] ~ small{width:80%;}
	.reservAgreeSection .confirmBox{margin-top:1rem;}
	.reservAgreeSection .confirmBox .Btn{width:100%; background-color:var(--color-piont-1);   padding: var(--padding-lg) var(--padding);}


/* [예약] 시간대리스트 */
.bookingTimeList{display:block; position:relative;}
.bookingTimeList .List{display:flex; position:relative; width:100%; flex-direction:row; flex-wrap:wrap; }
.bookingTimeList .List li{display:block; position:relative; width:25%; text-align:center; margin-bottom:0.7rem;}
	/* 시간썸네일 */
	.bookingTimeThum{display:table; position:relative; width:96%; vertical-align:middle; border:1px solid var(--bg-color); border-radius:3rem; background-color:#ffffff; cursor:pointer; padding:1rem 0rem; margin:auto; overflow: hidden;}
	.bookingTimeThum:hover{box-shadow:var(--box-shadow-sm);}
	/* 예약가능 */
	.bookingTimeThum.timeSelected{border:1px solid var(--color-main-2); background-color:var(--color-main-2);}
	/* 예약불가 */
	.bookingTimeThum.timeImpossible{color:#a1a1a1; border:1px solid #f7f7f7; background:none; background-color:#f7f7f7; box-shadow:none; cursor:help; cursor:not-allowed;}
	.bookingTimeThum.timeImpossible::after{content:'예약마감'; display:block; position:absolute; left:0px; right:0px; top:0px; bottom:0px; color:#a1a1a1; background-color:rgba(247, 247, 247, 0.8); padding-top:0.6rem;}
	.bookingTimeThum.timeImpossible:hover{box-shadow:none;}

/* [예약] 펼쳐진달력(https://jqueryui.com/datepicker/#inline) */
.bookingCalendar{display:block; position:relative; border:var(--border); padding:1rem 0.3rem;}
.bookingCalendar .ui-datepicker{width:100%; padding:0px;}
.bookingCalendar .ui-datepicker .ui-datepicker-header{padding:0px;}
.bookingCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title{width:60%; margin:auto; line-height:3.5rem;}
.bookingCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title select{text-align:center; border:none; padding:0px;}
.bookingCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year{}
.bookingCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month{margin-left:0.5rem;}
.bookingCalendar .ui-datepicker .ui-datepicker-header .ui-icon{background:none;}
.bookingCalendar .ui-datepicker .ui-datepicker-prev{height:3.5rem;}
.bookingCalendar .ui-datepicker .ui-datepicker-prev::after{clear:both; content:''; display:block; position:absolute; top:50%; margin-top:-0.6rem; left:50%; width:1rem; height:1rem; border-top:2px solid var(--bg-color-deep); border-left:2px solid var(--bg-color-deep); transform:rotate(-50deg); z-index:var(--z-index);}
.bookingCalendar .ui-datepicker .ui-datepicker-next{height:3.5rem;}
.bookingCalendar .ui-datepicker .ui-datepicker-next::after{clear:both; content:''; display:block; position:absolute; top:50%; margin-top:-0.6rem; right:50%; width:1rem; height:1rem; border-top:2px solid var(--bg-color-deep); border-right:2px solid var(--bg-color-deep); transform:rotate(50deg); z-index:var(--z-index);}
.bookingCalendar .ui-datepicker .ui-datepicker-prev-hover{border:none; background:none; transform:none;}
.bookingCalendar .ui-datepicker .ui-datepicker-next-hover{border:none; background:none; transform:none;}
.bookingCalendar .ui-widget.ui-widget-content{border:none; border-radius:0px;}
.bookingCalendar .ui-datepicker table{margin:0px;}
.bookingCalendar .ui-datepicker table td{text-align:center;}
.bookingCalendar .ui-widget-header{background:none; border:none; border-radius:0px;}
.bookingCalendar .ui-state-default{display:inline-block; line-height:2.9rem; border:none !important; background:none !important; padding:0rem 1rem;}
.bookingCalendar .ui-state-default{text-align:center;}
.bookingCalendar .ui-state-disabled{} /* 지난날짜*/
.bookingCalendar .ui-state-default.ui-state-active{color:inherit; border-color:var(--color-main-2) !important; background-color:var(--color-main-2) !important; border-radius:50%;} /* 선택된날짜 */
.bookingCalendar table.ui-datepicker-calendar,
.bookingCalendar table.ui-datepicker-calendar thead tr,
.bookingCalendar table.ui-datepicker-calendar thead th,
.bookingCalendar table.ui-datepicker-calendar thead td,
.bookingCalendar table.ui-datepicker-calendar tbody tr,
.bookingCalendar table.ui-datepicker-calendar tbody th,
.bookingCalendar table.ui-datepicker-calendar tbody td{border:none;}

/* .bookingCalendar .ui-datepicker table tbody tr td.ui-datepicker-week-end:first-child .ui-state-default{color:var(--color-piont-1);} 일요일 */
/* .bookingCalendar .ui-datepicker table tbody tr td.ui-datepicker-week-end:last-child .ui-state-default{color:#364f65;} 토요일 */

/* [예약] 이메일인증(일단숨김) */
.layerPopupArea.bookingQuickEmail{}
.bookingQuickEmail{display:block; position:absolute; bottom:0px; left:0px; right:0px; display:none;}
.bookingQuickEmail .popupBody{}
.bookingQuickEmail .Menu{}
.bookingQuickEmail .Menu li + li{margin-top:0.5rem;}
.bookingQuickEmail .Menu input{width:100%;}
.bookingQuickEmail .menuAlign{}
.bookingQuickEmail .menuAlign input[type=text]{padding-right:3rem;}
.bookingQuickEmail .countTimer{position:absolute; top:35%; right:1rem; color:var(--color-piont-1); z-index:var(--z-index);}
.bookingQuickEmail .Menu li dd .Btn{width:90%;}
.bookingQuickEmail .Menu li:last-child .Btn{width:100%; background-color:var(--color-piont-1);}

/* [예약] 문자인증(일단숨김) */
.layerPopupArea.bookingQuickSms{}
.bookingQuickSms{display:block; position:absolute; bottom:0px; left:0px; right:0px; display:none;}
.bookingQuickSms .popupBody{}
.bookingQuickSms .Menu{}
.bookingQuickSms .Menu li + li{margin-top:0.5rem;}
.bookingQuickSms .Menu input{width:100%;}
.bookingQuickSms .menuAlign{}
.bookingQuickSms .menuAlign input[type=text]{padding-right:3rem;}
.bookingQuickSms .countTimer{position:absolute; top:35%; right:1rem; color:var(--color-piont-1); z-index:var(--z-index);}
.bookingQuickSms .Menu li dd .Btn{width:90%;}
.bookingQuickSms .Menu li:last-child .Btn{width:100%; background-color:var(--color-piont-1);}

/* --------------------------------------------------------------------------- */
/* [page] 병원소개 */
.aboutWrap{}
.aboutWrap .Container{}
.aboutWrap .contentWrap{padding-bottom:0px;}
.aboutSection{display:block; position:relative; min-height:90vh; background-position:top center; background-repeat:no-repeat; background-size:100% auto; overflow: hidden;} /* background-attachment:fixed; border:5px dashed black; */
.aboutSection .sectionHead{display:block; position:relative;}
.aboutSection .sectionCont{display:block; position:relative;}
.aboutSection .sectionInner{display:block; position:relative;}
	/* 기본소개 */
	.aboutSection_into01{color:#ffffff; text-align:center; background-color:#000000; background-image:url("/img/sub/aboutSection_into01_bg.jpg");}
	.aboutSection_into01 .sectionInner{display:flex; min-height:inherit; flex-direction:column; justify-content:center;}
	.aboutSection_into01 .sectionHead{padding-bottom:8rem;}
	.aboutSection_into01 .sectionHead .sloganGroup{}
	.aboutSection_into01 .sectionHead img{filter: invert(1) brightness(1000%) grayscale(100%);}
	.aboutSection_into01 .sectionHead::after{clear:both; content:""; display:block; position:absolute; left:50%; bottom:0px; height:5rem; border-left:1px solid #ffffff; z-index:var(--z-index);}
	.aboutSection_into01 .sectionCont{font-weight:var(--font-weight-tn); line-height:var(--line-height-cont); margin-top:3rem;}
	/* 브랜드철학 */
	.aboutSection_into02{display:flex; flex-direction:column; justify-content:center; background-color:#ffffff;}
	.aboutSection_into02 .sectionInner{display:grid; grid-template-columns:1.6fr 1fr; grid-template-rows:1fr 2fr; align-content:space-between; flex-direction:column; justify-content:center; padding:var(--padding-xxl) var(--padding-xl); margin:auto;}
	.aboutSection_into02 .sectionHead{grid-column-start:1; grid-row-start:1; color:var(--color-main-2); font-size:2.7rem; line-height:2.7rem; font-weight:var(--font-weight-xxl);}
	.aboutSection_into02 .sectionCont{grid-column-start:1; grid-row-start:2; align-self:end; line-height:var(--line-height-cont);}
	.aboutSection_into02 .sectionCont p{font-size:var(--font-size-lg); font-weight:var(--font-weight-xxl); line-height:1.8rem; margin-bottom:1rem;}
	.aboutSection_into02 .sectionCont span{}
	.aboutSection_into02 .sectionvVisual{grid-column-start:2; grid-row:1 / span 2; justify-self:end;}
		/* ----------------- */
		@media (min-width:1119px) {	
			.aboutSection_into02 .sectionInner{width:70%;}
		}
		/* ----------------- */		
	/* 우리의비전 */
	.aboutSection_into03{background-color:#efebe5; background-image:url("/img/sub/aboutSection_into03_bg.jpg"); padding:var(--padding-xxl);}
	.aboutSection_into03 .sectionInner{display:flex; min-height:inherit; flex-direction:column; justify-content:center;}
	.aboutSection_into03 .sectionCont{text-align:right; line-height:var(--line-height-cont); margin-bottom:5rem;}
	.aboutSection_into03 .sectionHead{font-size:4.5rem; line-height:4.5rem; font-weight:var(--font-weight-xxl); margin-bottom:1rem;}
	.aboutSection_into03 .sectionvVisual{display:block; position:relative; width:85%; margin-left:-2.4rem;}
	/* 차별점 */
	.aboutSection_into04{text-align:center; background-color:#dfdfdf; background-image:url("/img/sub/aboutSection_into04_bg.jpg");}
	.aboutSection_into04::after{clear:both; content:""; display:block; position:absolute;  top:2rem; right:2rem; bottom:2rem; left:2rem; z-index:var(--z-index); border:1px solid var(--bg-color-deep);}
	.aboutSection_into04 .sectionCont{padding:4.5rem;}
	.aboutSection_into04 .sectionHead{font-size:2.7rem; line-height:2.7rem; font-weight:var(--font-weight-xxl); margin-bottom:3rem; }
	.aboutSection_into04 .List{display:inline-block; position:relative; text-align:left; line-height:var(--line-height-cont); padding-left:1.8rem; margin:auto;}
	.aboutSection_into04 .List li{display:block; position:relative; }
	.aboutSection_into04 .List li + li{margin-top:var(--padding);}
	.aboutSection_into04 .List i{font-size:var(--font-size-xl); display:inline-block; position:absolute; left:-1.8rem;}
	.aboutSection_into04 .List p{display:block; font-size:var(--font-size-lg); font-weight:var(--font-weight-xxl);}
	.aboutSection_into04 .List span{display:block; }
	/* 서사 */
	.aboutSection_into05{color:#ffffff; text-align:center; background-color:#000000; background-image:url("/img/sub/aboutSection_into05_bg.jpg");}
	.aboutSection_into05 .sectionHead{background-image:url("/img/sub/aboutSection_into05_bgLine.svg"); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; padding:8rem 0px;} /* background-size:contain;   */
	.aboutSection_into05 .sectionHead .sloganGroup{}
	.aboutSection_into05 .sectionHead img{filter: invert(1) brightness(1000%) grayscale(100%);}
	.aboutSection_into05 .sectionCont{padding:6rem 0px;}
	.aboutSection_into05 .sectionCont p{display:block; font-weight:var(--font-weight-xxl); font-size:var(--font-size-lg); letter-spacing:0.2rem;}
	.aboutSection_into05 .sectionCont span{display:block; line-height:var(--line-height-cont); margin-top:var(--padding-lg);}
		/* ----------------- */
		@media (min-width:1119px) {	
			.aboutSection_into05 .sectionHead{margin-top:3rem;}
		}
		/* ----------------- */	
	/* 내부겔러리 */
	.aboutSection_into06{min-height:auto; background-color:#000000;}
	/* 의료진소개 */
	.aboutSection_dr{}
	.aboutSection_dr .sectionInner{display:flex; min-height:inherit; flex-direction:column; justify-content:center; padding:var(--padding-xxl) var(--padding-xl);}	
	.aboutSection_dr .sectionHead{font-size:2.7rem; line-height:2.7rem; font-weight:var(--font-weight-xxl); text-align:center; margin-bottom:3rem; }
	.aboutSection_dr .sectionCont{}
	.aboutSection_dr .sectionCont .List{display:block; position:relative;}
	.aboutSection_dr .sectionCont .List li + li{margin-top:5rem;}
	.aboutSection_dr .sectionCont .List li:nth-child(odd){text-align:left;} /* 홀수 */
	.aboutSection_dr .sectionCont .List li:nth-child(even){}/* 짝수 */
	.aboutSection_dr .sectionCont .List li:nth-child(even) dt{flex-direction:row-reverse; padding-left:var(--padding);} 
	.aboutSection_dr .sectionCont .List dl{display:block; position:relative;}
	.aboutSection_dr .sectionCont .List dt{display:flex; position:relative; width:100%; flex-direction:row; flex-wrap:nowrap; align-items:flex-end;}
	.aboutSection_dr .sectionCont .List dt .imgBox{display:block; position:relative; width:60%; overflow:hidden;}
	.aboutSection_dr .sectionCont .List dt .imgBox img{border-radius:200px;}
	.aboutSection_dr .sectionCont .List dt p{display:block; position:relative; width:40%; font-weight:var(--font-weight-xxl); line-height:var(--line-height-cont);}
	.aboutSection_dr .sectionCont .List dt span{display:block;}
	.aboutSection_dr .sectionCont .List dd{display:block; position:relative; line-height:var(--line-height-cont); margin-top:var(--padding-xxl); padding:0px var(--padding)}	
	.aboutSection_dr .sectionCont .List dd span{display:block;} /* padding:var(--padding-xxl) var(--padding); */


/* --------------------------------------------------------------------------- */
/* 공지사항 */
.noticeWrap{}
.noticeWrap .contentHead{}
.noticeWrap .contentBody{padding:var(--padding-xl) var(--padding-lg);}
.noticeWrap .contentBody pre{display:block; position:relative; white-space:pre-wrap;}

/* --------------------------------------------------------------------------- */
/* 개인정보처리방침 */
.privacyWrap{}
.privacyWrap .contentHead{}
.privacyWrap .contentBody{padding:var(--padding-xl) var(--padding-lg);}
.privacyWrap .contentBody pre{display:block; position:relative; white-space:pre-wrap;}
.privacyWrap .contentBody pre h2{font-size:var(--font-size-xl);}

/* --------------------------------------------------------------------------- */
