@charset "utf-8";
/* --------------------------------------------------------------------------- */
/* 웹접근성스킵네비게이션 */
#skipNav{content:""; clear:both; display:block; position:relative; text-align:left;} 
#skipNav a{position:absolute; top:-500px; left:0;} 


/* --------------------------------------------------------------------------- */
/* 헤더  */
.Header{display:flex; position:sticky; top:0px; left:0px; right:0px; width:100%; height:9rem; min-width:var(--cont-width); padding:0px 5%; z-index:var(--z-index-high);} /*  요청사항:높이90px  */
.Header.is-stuck{background-color:rgba(255, 255, 255, 0.8); box-shadow:var(--box-shadow);}
.Header .Inner{display:flex; position:relative; width:100%; height:100%; flex-wrap:nowrap; flex-direction:row; justify-content:space-between; align-items:center; gap:6.1rem}
	/* [공통]메뉴구조 */
	.navMenu{display:flex; position:relative; flex-wrap:nowrap; justify-content:flex-start; align-items:center; gap:var(--padding-sm) 5.6rem; white-space:nowrap; }
	.navMenu > li{display:block; position:relative;}
	.navMenu .mainMenu{display:block; position:relative;}
	.navMenu .mainMenu:hover{}
	.navMenu .Link{display:block; position:relative; font-size:var(--font-size-lg); padding:var(--padding-2xl) 0px; cursor:pointer;}
	.navMenu .Link .icon{}
	.navMenu .Link .icons{height:var(--icon-size);}
	.navMenu .Link .badge{display:inline-flex; justify-content:center; align-items:center; position:absolute; right:0%;  transform: translate(40%, -155%);aspect-ratio:1; color:var(--font-color-light); font-size:var(--font-size-xs); line-height:1rem; border-radius:var(--border-radius-max); background-color:var(--primary); padding:0px var(--padding);}
	.navMenu .mainMenu:hover .Link,
	.navMenu .mainMenu:focus .Link{color:var(--primary);}
	.navMenu .mainMenu:hover .Link::after{left:0%; width:100%;}
	.navMenu .mainMenu dt{display:block; position:relative;} 
	.navMenu .mainMenu dd{display:block; position:absolute; width:auto; left:50%; text-align:center; padding-top:var(--padding-lg); z-index:var(--z-index-top); transform-origin:top; transition:var(--transition-view); transform:translateX(-50%) scaleY(0);  opacity:0; visibility:hidden;}
	.navMenu .mainMenu:hover dd,
	.navMenu .mainMenu:focus dd{transform:translateX(-50%) scaleY(1); opacity:1; visibility:visible;} /* 오버액션 */
	.navMenu .mainMenu .Active{transform:translateX(-50%) scaleY(1); opacity:1; visibility:visible;}  /* 클릭액션 */
	.navMenu .linkMenu{display:flex; position:relative; flex-flow:column; gap:var(--padding-lg); border-radius:var(--border-radius-lg); background-color:var(--bg-color-light); box-shadow:var(--box-shadow); padding:var(--padding-3xl) var(--padding-3xl);}
	.navMenu .linkMenu li{display:block; position:relative;}
	.navMenu .linkMenu li:hover{}
	.navMenu .linkMenu li a{display:inline-flex; position:relative; align-items:center; word-break:break-all; }
	.navMenu .linkMenu li a::after{content:''; display:block; position:absolute; left:50%; right:0px; bottom:0px; width:0%; height:1px; border-radius:var(--border-radius); background-color:var(--primary); transition:0.2s;}
	.navMenu .linkMenu li a:hover{color:var(--primary); font-weight:var(--font-weight-bold);}
	
	/* 로고영역 */
	.headerLeft{flex-shrink:0; display:flex; position:relative; justify-content:flex-start;  align-items:center;}
		/* 로고 */
		.headerLeft .Logo{display:block; position:relative;}
		.headerLeft .Logo dl{display:flex; position:relative; flex-wrap:nowrap; justify-content:flex-start; align-items:center; gap:calc( var(--padding) + 2px); }
		.headerLeft .Logo dt{display:flex; position:relative;}
		.headerLeft .Logo dt img{display:inline-block; height:3.8rem}
		.headerLeft .Logo dd{display:flex; position:relative; flex-direction:column;}
		.headerLeft .Logo dd p{display:block; color:var(--font-color-low); line-height:1.3em; }
		.headerLeft .Logo dd span{display:block; line-height:1em; font-weight:var(--font-weight-bold);}
	
	/* 주메뉴 */
	.headerCenter{flex:1; display:flex; position:relative; justify-content:flex-end; align-items:center;}
		/* GNB */
		.navGnb{display:flex; position:relative; align-items:center; transition:var(--transition-view);}	
		/* 개별메뉴 */
	.headerRight{flex-shrink:0; display:flex; position:relative; flex-wrap:wrap; justify-content:flex-end; align-items:center; transform:var(--transition);}
		/* 회원메뉴(글로벌메뉴) */
		.navUnb{display:flex; position:relative; align-items:center; transform:var(--transition);}
		.navUnb .navMenu{gap: var(--padding-sm) var(--padding-2xl);}
		.navUnb .navMenu li{}
		.navUnb .navMenu a{}
		.navUnb .navMenu .icon{height:var(--icon-size-lg);}
		.navUnb .navMenu li:not(.getMenu){}
		.navUnb .navMenu .getMenu{}
		/* 글로벌 */
		.navUnb .alwaysRight03{}
		.navUnb .alwaysRight03 dd{width:auto;}
		.navUnb .alwaysRight03 dd a{gap: var(--padding-sm);}
		.navUnb .alwaysRight03 dd a p{display:inline-block;}
		.navUnb .alwaysRight03 .flag{display:inline-block; height:var(--icon-size); aspect-ratio: 32 / 21;  border:var(--border); border-radius:var(--border-radius); display:none;} /* 숨김처리20251024 */
		.navUnb .alwaysRight03 .flag img{display:block; width:100%; height:100%; object-fit: cover;}


@media (max-width:991.98px){/* 모바일 + 태블릿:~991.98px 모바일과 태블릿 공통 스타일 */
/* 헤더 */	
.Header{height:auto; padding:0rem 2rem;}
.Header .Inner{padding:0px;}
	/* [공통]메뉴구조 */
	.navMenu .Link{padding:2rem 0px;}
	.navMenu .mainMenu dd{}
	.navMenu .linkMenu{gap:var(--padding-lg); padding:var(--padding-2xl) var(--padding-xl);}
	/* 로고영역 */
	.headerLeft{}
		/* 로고 */
		.headerLeft .Logo dt img{height:var(--icon-size-lg);}
		.headerLeft .Logo dd {}
		.headerLeft .Logo dd p{display:inline-block;}
		.headerLeft .Logo dd span{display:inline-block; }
	/* 주메뉴 */
	.headerCenter{display:none;}
		/* GNB */
		.navGnb{}
	/* 개별메뉴 */
	.headerRight{}
		/* 회원메뉴 */
		.navUnb{}
		.navUnb .navMenu{gap:var(--padding);}
		.navUnb .navMenu > li:not(.getMenu){}
		
}

@media (min-width:992px) and (max-width:1279.98px) {/* 작은 PC 전용:992px ~ 1279.98px */
/* 헤더 */	
.Header{}	
	/* [공통]메뉴구조 */
	.navMenu{}
	.navMenu .Link{}
	/* 주메뉴 */
	.headerCenter{}
	/* 개별메뉴 */
	.headerRight{}


}

 /* ------------------------- */	
/* 전체메뉴팝업(모바일에서만 아코디언 작동) */
.gnbAllpop{display:block; position:fixed; flex-direction:column; justify-content:space-between; left:0px; right:0px; top:0px; bottom:0px; width:100%; height:100vh; background-color:var(--color-sub-3); z-index:var(--z-index-high); display:none;}  /* 일단숨김 */
.gnbAllpopInner{display:flex; position:relative; flex-direction:column; justify-content:space-between; width:100%; height:100dvh; overflow-x:auto;}
.gnbAllpop .Inner{width:100%; padding:var(--padding-2xl) 10%;}
	/* 공통메뉴형태 */
	.gnbAllpop .mainMenu .Link{display:flex; position:relative; width:100%;}
	.gnbAllpop .mainMenu .Link span{flex:1;}
	.gnbAllpop .mainMenu dd{display:flex; position:relative; justify-content:flex-start; font-size:var(--font-size-lg);}
	.gnbAllpop .mainMenu a{display:flex; position:relative;}
	.gnbAllpop .mainMenu a:hover{color:var(--primary);}
	.gnbAllpop .linkMenu{display:flex; position:relative; width:100%; flex-wrap:wrap; justify-content:flex-start; gap:var(--padding-2xl);}
	.gnbAllpop .linkMenu li{display:block; position:relative;}
	.gnbAllpop .linkMenu a{color:var(--font-color-low);}
	.gnbAllpop .mainMenu{display:flex; position:relative; justify-content:flex-start; gap:var(--padding) var(--padding-3xl); }
	.gnbAllpop .mainMenu dt{display:flex; position:relative; justify-content:flex-start; font-size:var(--font-size-xl); font-weight:var(--font-weight-bold);}
	.gnbAllpop .mainMenu dt .toggleIcon{ display:none; } /*아코디언모바일만사용 */
	/* 아코디언 */
	.gnbAllpop .accordion-item{}
	.gnbAllpop .accordion-list{gap: var(--padding-2xl);}
	.gnbAllpop .ui-accordion{}
	.gnbAllpop .ui-accordion dt  .toggleIcon{ display:flex;} 
	.gnbAllpop .ui-accordion-header{}
	.gnbAllpop .ui-accordion-content {transition:all 0.35s ease; overflow:hidden !important;}
	/* 메뉴영역1 */
	.gnbAllpop .menuArea1{display:flex; position:relative; flex:1; align-self:center; width:100%;}
	.gnbAllpop .menuArea1 .Inner{display:flex; position:relative; flex-direction:column; gap:var(--padding-3xl);}
		/* 타이틀 */
		.gnbAllpop-head{display:flex; position:relative; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
		.gnbAllpop-head .Left{}
		.gnbAllpop-head .Logo{display:flex; position:relative; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-end; gap:var(--padding);}
		.gnbAllpop-head .Logo dt{display:flex; position:relative;}
		.gnbAllpop-head .Logo dt img{display:inline-block; height:var(--icon-size-xl);}
		.gnbAllpop-head .Logo dd{display:flex; position:relative; flex-direction:column;}
		.gnbAllpop-head .Logo dd p{display:block; color:var(--font-color-low); line-height:1em; }
		.gnbAllpop-head .Logo dd span{display:block; line-height:1em;; font-weight:var(--font-weight-bold);}
		.gnbAllpop-head .Right{}
		.gnbAllpop-head .Right button{}
		.gnbAllpop-head .Right .icon{}
		/* 주메뉴 */
		.gnbAllpop-body{display:flex; position:relative; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch; gap:var(--padding-4xl);}
		.gnbAllpop-body .Left{flex-basis:28%; display:block; position:relative; width:100%; height:auto; transform:var(--transform);}
		.gnbAllpop-body .visualBox{display:block; position:relative; width:100%; height:100%;}
		.gnbAllpop-body .visualBox img{display:block; width:100%; border-radius:var(--border-radius-lg);}
		.gnbAllpop-body .Right{flex:1; display:flex; position:relative; flex-direction:column; gap:var(--padding-2xl); }
		.gnbAllpop-body .mainMenu dt{flex-basis:20%;}
		.gnbAllpop-body .mainMenu + .mainMenu{}
	/* 메뉴영역2 */
	.gnbAllpop .menuArea2{display:block; position:relative; background-color:var(--color-sub-10);}
	.gnbAllpop .menuArea2 .Inner{}
		/* 별도메뉴 */
		.gnbAllpop-footer{display:flex; position:relative; flex-direction:column; gap:var(--padding-2xl);}
		.gnbAllpop-footer .mainMenu{display:flex; width:100%;}


@media (max-width: 991.98px) {  /* 모바일 + 태블릿: ~991.98px 모바일과 태블릿 공통 스타일 */
/* 전체메뉴팝업 */
.gnbAllpop{} 
.gnbAllpop .Inner{ padding:var(--padding-2xl); }
	/* 메뉴형태 */
	.gnbAllpop .mainMenu{flex-direction:column; gap:var(--padding);}
	.gnbAllpop .mainMenu dt{font-size:var(--font-size-lg);}
	.gnbAllpop .linkMenu{flex-direction:column; gap:var(--padding);}
	.gnbAllpop .linkMenu li{width:100%;}
	/* 메뉴영역1 */
	.gnbAllpop .menuArea1{flex:none;}
		/* 타이틀 */
		.gnbAllpop-head{}
		.gnbAllpop-head .Logo{}
		.gnbAllpop-head .Logo dt{}
		.gnbAllpop-head .Logo dt img{height:var(--icon-size-lg);}
		/* 주메뉴 */
		.gnbAllpop-body{flex-direction:column; gap:var(--padding-xl);}
		.gnbAllpop-body .Left{display:none;}
		.gnbAllpop-body .visualBox{}
		.gnbAllpop-body .Right{gap:var(--padding-lg);}
		.gnbAllpop-body .mainMenu dt{width:100%;}
		.gnbAllpop-body .mainMenu + .mainMenu{margin-top:var(--padding) !important;}
	/* 메뉴영역2 */
	.gnbAllpop .menuArea2{}
		/* 별도메뉴 */
		.gnbAllpop-footer{gap:var(--padding);}
}		


/* 별도처리-브랜드 */
.brandKorWrap{}
.brandKorWrap .Header{}
.brandKorWrap .Header .always02,
.brandKorWrap .Header .always03,
.brandKorWrap .Header .alwaysRight01,
.brandKorWrap .Header .alwaysRight04{display:none;}
.brandKorWrap .gnbAllpop{}
.brandKorWrap .gnbAllpop .always02,
.brandKorWrap .gnbAllpop .always03,
.brandKorWrap .gnbAllpop .alwaysRight01,
.brandKorWrap .gnbAllpop .alwaysRight04{display:none;}


/* --------------------------------------------------------------------------- */
/* 공통푸터 */
.Footer{display:flex; position:relative; flex-direction:column; width:100%; min-width:var(--cont-width); color:var(--font-color-light); background-color:var(--gray-80);}
.Footer .footerBranch{padding:6rem 5%;}
.Footer .footerBasic{padding:6rem 5% 10rem 5%;}
.Footer .Inner{width:100%;}

@media (max-width:991.98px) {
/* 푸터 */
.Footer{}
.Footer > *{padding:4rem 2rem;}
.Footer .Inner{}
}

/* ------------------------- */
/* 푸터지점운영정보 */
.footerBranch{display:block; position:relative; width:100%;}
.footerBranch .Inner{display:flex; position:relative; flex-direction:row; align-self:stretch; gap:var(--padding-3xl);}
.footerBranch .Inner > *{flex:1; }
	/* 레이아웃 */
	.footerBranch .section-title{display:flex; position:relative; flex-direction:row; align-items:center; align-self:stretch; }
	.footerBranch .title{position:relative; flex:1; font-size:var(--font-size-2xl); flex:1;}
	.footerBranch .section-cont{display:flex; position:relative; flex-direction:column; justify-content:flex-start; align-items:flex-start; align-self:stretch; gap:var(--padding-lg);}
	/* 운영시간안내 */
	.footerBranch .Left{display:flex; position:relative;  flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:var(--padding-3xl);}
		/* 대표전화 */
		.footerBranch .call{position:relative;  flex-direction:column; justify-content:flex-start; align-items:flex-start;}
		.footerBranch .call a{position:relative; align-self:stretch; font-size:var(--font-size-4xl); font-weight:700;}
		/* 운영시간 */
		.footerBranch .work-time{display:flex; position:relative; width:100%;  flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:var(--padding-sm);}
		.footerBranch .work-time .item{display:flex; position:relative; flex-direction:row; justify-content:flex-start; align-items:center; align-self:stretch; gap:var(--padding-sm);}
		.footerBranch .work-time .entry{position:relative; width:25%;}
		.footerBranch .work-time .field{flex:1; position:relative; }
	/* 위치정보 */
	.footerBranch .Center{display:flex; position:relative; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:var(--padding-3xl);}
		.footerBranch .btn.Active{}
		.footerBranch .btn:not(.Active){}
		.footerBranch .mapSummary{display:flex; position:relative; flex-direction:column; gap:var(--padding);}
		.footerBranch .mapSummary p{}
		/* 지도링크 */
		.footerBranch .Link{display:flex; position:relative; flex-direction:row; justify-content:flex-start; align-items:center; gap:var(--padding);}
		.footerBranch .icons{display:flex; position:relative; height:var(--icon-size-2xl); aspect-ratio:1; flex-direction:row; justify-content:center; align-items:center; border-radius:var(--border-radius-xl); overflow:hidden;}
		/* 탭메뉴(신사구분) */
		.footerBranch .tab-container{}
		.footerBranch .tab-header{justify-content:flex-start;}
		.footerBranch .tab-button{color:var(--font-color-lowlow); border-color:var(--font-color-lowlow) !important;}
		.footerBranch .tab-button:hover{color:var(--font-color-light) !important;}
		.footerBranch .tab-button.Active{color:var(--font-color-light); border-color:var(--bg-color-light) !important;}
		.footerBranch .tab-button:not(.Active){}
		.footerBranch .tab-header li{}
		.footerBranch .tab-body{}
		.footerBranch .tab-content{}
		.footerBranch .tab-content .mapSummary{margin-bottom:var(--padding);}

	/* 지도 */
	.footerBranch .Right{display:flex; position:relative; flex-direction:column; justify-content:center; align-items:flex-end; gap:var(--padding-3xl);}
	.footerBranch .map{display:block; position:relative; height:100%; min-height:28dvh; align-self:stretch; background:var(--font-color-light); border-radius:var(--border-radius-xl); overflow:hidden;}

@media (max-width: 767.98px) {
/* 푸터지점운영정보 */
.footerBranch{}
.footerBranch .Inner{flex-direction:column; gap:var(--padding-4xl); padding:0px;}
	/* 레이아웃 */
	.footerBranch .section-title{}
	/* 운영시간안내 */
	.footerBranch .Left{}
	/* 위치정보 */
	.footerBranch .Center{}
		/* 본사전용탭메뉴 */
		.footerBranch .tab-container{width:100%;}
		.footerBranch .tab-header{width:100%;}
	/* 지도 */
	.footerBranch .Right{}

}

/* ------------------------- */
/* 푸터필수구성 */
.footerBasic{display:block; position:relative; width:100%;}
.footerBasic::before{content:''; display:block; position:absolute; left:0px; right:0px; top:0px; width:100%; border-top:1px solid var(--gray-50);}
.footerBasic .Inner{}
	.footer-top{display:block; position:relative; }
	.footer-top h1{}
	.footer-top .Logo{display:inline-block; position:relative;}
	.footer-top .Logo img{display:inline-block; height:2.6rem;}
	.footer-bottom{display:block; position:relative;}
	.footer-bottom .Menu{display:flex; position:relative; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:0.5rem 4rem ; margin-top:2rem}
	.footer-bottom .Menu li{position:relative;}
	.footer-bottom .Menu .Link{display:inline-block; cursor:pointer;}
	.footer-bottom .Menu li + li::before{content:""; display:block; position:absolute; width:1px; top:20%; bottom:20%; left:-2rem; background-color:var(--gray-50);}
	.footer-bottom address{display:block; position:relative; color:var(--gray-40); margin-top:1.4rem;}




/* -------------------------------------------------------------------------------------- */
/* [푸터]브랜드일경우 */
.Footer.brandKor{}
/* ------------------------- */
/* 푸터필수구성 */
.Footer.brandKor .footerBasic{text-align:center;}
.Footer.brandKor .footerBasic .footer-bottom{}
.Footer.brandKor .footerBasic .footer-bottom .Menu{justify-content:center;}


/* -------------------------------------------------------------------------------------- */
/* [푸터]중문일경우 */
.Footer.chn{}










/* =========================================================================== */
/* 사이드퀵(으론족)
푸터와 겹치지 않기위한 스크립트 사용  
72px요청=20251020
 */
.quickArea{display:inline-block; position:fixed; right:3%; bottom:6.4rem; z-index:calc( var(--z-index-high) - 10); transition:bottom 0.6s ease;}
.quickArea .quickMenu{display:inline-flex; position:relative; flex-direction:column; gap:var(--padding-2xl);}
	/* 메뉴 */
	.quickMenu .List{display:flex; position:relative; flex-direction:column; align-items:flex-end; justify-content:flex-start; align-self:stretch; gap:var(--padding-2xl);}
	.quickMenu .List li{display:flex; position:relative;}
	.quickMenu .link{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:flex-start; height:7.2rem; min-width:7.2rem; background:var(--bg-color-light); box-shadow:var(--box-shadow); border-radius:var(--border-radius-xl); padding:var(--padding-lg); cursor:pointer; transition:max-width 0.5s ease;}
	.quickMenu .iconBox{display:flex; position:relative; justify-content:center; align-items:center; height:100%; aspect-ratio:1 /1;} /* 툴팁때문에 overflw넣지말기 */
	.quickMenu .iconBox .icon{height:var(--icon-size-lg);}
	.quickMenu .iconBox .icon img{display:inline-block; height:var(--icon-size-lg); aspect-ratio: 1;}
	.quickMenu .lable{display:flex; position:relative; width:9rem; font-size:var(--font-size-sm); font-weight:var(--font-weight-semibold); overflow:hidden; transition:var(--transition-motion); display:none; opacity:0; transform:translateX(-100%);} /*  일단숨김 */
	.quickMenu .link:hover .lable{display:block; opacity:1; transform: translateX(0);}
	/* 접히는영역 */
	.quickMenu .fluidList{}
		/* 별도지정 */
		.quickMenu .link-kakao{}
		.quickMenu .link-kakao .icon{color:#371C1D;}
		.quickMenu .link-reservation{}
		.quickMenu .link-call{}
		/* 별도지정-중문 */
		.quickMenu .link-chn{}
		.quickMenu .link-wechat{}
		.quickMenu .link-line{}
		.quickMenu .link-call{}
		/* 최근본시술목록(흐름반대) */
		.quickMenu .link-view{}
		.quickMenu .link-view .link{color:var(--font-color-light); background-color:var(--primary);}
		.quickMenu .link-viewGet{width:7.2rem;} /*  */
		.quickMenu .link-viewGet .link{ justify-content:flex-end; padding:0px !important;}
		.quickMenu .link-viewGet .iconBox{}
		.quickMenu .link-viewGet a:not(:first-child){display:none;} /* 첫번째빼고숨김 */
		.quickMenu .proc-list{display:flex; position:relative; flex-direction:row-reverse;}
		.quickMenu .proc-list a{position:static;}
		.quickMenu .proc-list .thum{display:flex; position:relative; align-items:center; justify-content:center; width:7.2rem; aspect-ratio:1 /1; overflow:hidden;}
		.quickMenu .proc-list .thum img{display:block; width:100%; height:100%; object-fit:cover;}
		.quickMenu .proc-list a:first-child{}
		.quickMenu .proc-list a:first-child .thum{border-radius:var(--border-radius-lg);}
		.quickMenu .proc-list a:last-child{}
		.quickMenu .proc-list a:last-child .thum{border-top-left-radius:var(--border-radius-lg); border-bottom-left-radius:var(--border-radius-lg);}
		.quickMenu .link-viewGet:hover,
		.quickMenu .link-viewGet:focus{width:auto;}
		.quickMenu .link-viewGet:hover a:not(:first-child),
		.quickMenu .link-viewGet:hover a:not(:first-child){display:block;}
		.quickMenu .link-viewGet:hover a:first-child .thum{border-radius:0px var(--border-radius-lg)  var(--border-radius-lg) 0px;}
		.quickMenu .proc-list a:first-child:last-child .thum{border-radius:var(--border-radius-lg);} /* 혼자일때 */
		.quickMenu .tooltip{position:static; z-index:calc( var(--z-index-high) - 1);} /* 맨왼쪽으로밀기위한작업 */
		.quickMenu .tooltip::after{left:auto; right:60%; transform:translateX(0%);} /* 툴팁 */


	/* 고정되는메뉴 */
	.quickMenu .staticList{z-index:calc( var(--z-index-top) + 1);}
		/* 토글버튼 */
		.quickMenu .link-toggle{}
		.quickMenu .link-toggle .iconBox{}
		.quickMenu .link-toggle .close{display:none;} /* 일단숨김(열린상태로시작) */
		.quickMenu .link-toggle .open{}
		.quickMenu .link-toggle1{} /* 열고닫기-x+ */
		.quickMenu .link-toggle1 .icon{}
		.quickMenu .link-toggle1:hover .icon{}
		.quickMenu .link-toggle2{display:none !important;} /* 열고닫기-선물 */
		/* 상단이동 */
		.quickMenu .link-top{}
		.procCard .delBtn{display:inline-block; position:relative; border-radius:var(--border-radius); }
		.procCard .delBtn .icon{}


@media (max-width: 767.98px) {
/* 사이드퀵 */
.quickArea{right:5%;}
.quickArea .quickMenu{gap:var(--padding-lg);}
	/* 메뉴 */
	.quickMenu .List{gap:var(--padding-lg);}
	.quickMenu .link{height:var(--icon-size-2xl); min-width:var(--icon-size-2xl); padding: var(--padding);}
	.quickMenu .iconBox{} /* 툴팁때문에 overflw넣지말기 */
	.quickMenu .iconBox .icon{height:var(--icon-size);}
	.quickMenu .lable{} /* display:flex; opacity:1; transform: translateX(0%); 일단숨김>>모바일에선는 텍스보이는게 기본 */
	/* 접히는영역 */
	.quickMenu .fluidList{}
		/* 별도지정 */
		.quickMenu .link-kakao{}
		/* 최근본시술목록(흐름반대) */
		.quickMenu .link-view{display:none !important;}
		.quickMenu .link-viewGet{display:none !important;} /* 모바일에서는 숨김 */
		.quickMenu .proc-list{}
	/* 고정되는메뉴 */
	.quickMenu .staticList{}
		/* 토글버튼 */
		.quickMenu .link-toggle{}
		.quickMenu .link-toggle1{} /* 열고닫기-x+ 모바일에서는 일단숨김 */
		.quickMenu .link-toggle2{} /* 열고닫기-선물 */
		/* 상단이동 */
		.quickMenu .link-top{} 

}



/* --------------------------------------------------------------------------- */
/* 사이드퀵(오론쪽) - PC만사용 */
.quickArea-left{display:inline-block; position:fixed; left:2%; bottom:6.4rem; z-index:calc( var(--z-index-high) - 10);}
.quickArea-left .List{display:inline-flex; position:relative; flex-direction:column; gap:var(--padding-2xl);;}
.quickArea-left .List li{display:inline-flex; position:relative; }
.quickArea-left .List a{display:inline-flex; position:relative;}
 /* 글자상관없이 가장긴사이즈에 맞추기 */
.quickArea-left .List li{width:18rem;} 
.quickArea-left .List li > * .btn{width:100%;} 
.quickArea-left .List li a,
.quickArea-left .List li a > *,
.quickArea-left .List li .Btn{width:100%;}
.quickArea-left .List li .Btn{justify-content:flex-start;}
	/* 베타 */
	.quickArea-left .link-msg{}
	.quickArea-left .link-msg .Btn{font-weight: var(--font-weight); line-height:1.2em; background-color: rgba(255, 255, 255, 0.8);}
	/* 이벤트바로가기 */
	.quickArea-left .link-event{}
	/* 간편상담예약 */
	.quickArea-left .link-book{}
	.quicBtn-goSimpleBook{animation: goSimpleBook 0.7s ease infinite alternate;}
	.quicBtn-goSimpleBook .Btn{padding:var(--padding) var(--padding-xl);}
	.quicBtn-goSimpleBook .Btn .icon{transform: scaleX(-1);}
	@keyframes goSimpleBook {
		from { transform: translateY(0); }
		to { transform: translateY(-10px); }
	}


@media (max-width: 767.98px) { 
/* 사이드퀵(오론쪽) - PC만사용 	안내메세지때문에 영역임시노출 여기 */
/* .quickArea-left{display:none;} */
.quickArea-left .link-event{display:none !important;}
.quickArea-left .link-book{display:none !important;}
}


/* =========================================================================== */
/* 회원류 */
.memberArea{}

/* ------------------------- */
/* [모달] 회원팝업 */
.modalMember{}
.modalMember .modal-dialog{}
.modalMember .modal-content{padding:0px;}
.modalMember .modal-header{display:none;}
.modalMember .modal-body{max-height:100%;}
.modalMember .modalpop-container{width:var(--cont-width); padding:0px;}
.modalMember .modalpop-head{display:none;}
.modalMember .modalpop-body{max-height:100%;}
.modalMember .modalpop-footer{display:none;}

/* 회원팝업(좌우나뉨구조) */
.Member-wrapper{display:flex; position:relative; }
.Member-wrapper > .inner{display:flex; position:relative; width:100%; max-width:var(--cont-width); height:80rem; flex-direction:row; align-items:center; justify-content:flex-start; background-color:var(--bg-color-light);}
	/* 왼쪽 */	
	.memberLeft{display:flex; position:relative; flex-basis:45%; flex-direction:column; align-items:flex-end; justify-content:flex-start; align-self:stretch;}
		/* 비쥬얼 */
		.member-visual{display:flex; position:relative; width:100%; height:100%; align-items:flex-end; background-color: #dccbb9;background-repeat:no-repeat;background-position:center center; background-size:100% auto; background-image: url('/assets/images/member_visual.jpg'); padding:var(--padding-xl);}
		.member-visual .visual{display:block; position:relative; width:100%;}
		.member-visual .logo{display:inline-block; position:relative; width:30%; opacity:0.7;}
	/* 오른쪽 */	
	.memberRight{display:flex; position:relative; flex-direction:column; align-items:center; justify-content:stretch; align-self:stretch; flex:1; gap:var(--padding-xl); padding:8% 10rem; }
	.memberRight form{display:flex; position:relative; width:100%; flex-direction:row; align-items:center; justify-content:center; align-self:stretch; gap:var(--padding-xl);} /* form이있을경우 */
		/* 회원폼구성 */
		.memberFormArea{display:flex; position:relative; width:100%; flex-direction:row; align-items:center; justify-content:center; align-self:stretch; gap:var(--padding-xl);} /* height:100%;  */
			/* 양쪽 */
			.memberFormArea .side{flex-basis:10%;}
			/* 왼쪽 */
			.memberForm-left{display:flex; position:relative; flex-direction:column; align-items:center;}
			.memberForm-left .stepperList{}
			/* 가운데 */
			.memberForm-center{flex:1; display:flex; position:relative; flex-direction:column; align-items:center;} /* 다시 height:75%; */
				/* 회원관련폼 */
				.memberForm-inner{display:flex; position:relative; width:100%;  flex-direction:column; gap:var(--padding-xl);}
				.member-head{display:flex; position:relative; flex-direction:column; align-items:center;}
				.memberTitle{display:block; position:relative; font-size:var(--font-size-4xl); font-weight:var(--font-weight-bold);}
				.memberForm-inner .formset{}
				.memberForm-inner .formset .Entry{display:none;}
				.memberForm-inner .formset .Field{padding:0px;}
				.memberForm-inner .Submit{display:flex; position:relative; flex-direction:column; gap:var(--padding-xl);}
				.memberForm-inner .Submit .Btn{flex: 1 0 0;}
				.memberForm-inner .btnGroup{display:flex; position:relative; gap:var(--padding); }
			/* 오른쪽 */
			.memberForm-right{display:flex; position:relative; flex-direction:column; align-items:center;}


@media (min-width: 768px) and (max-width: 991.98px) {
/* [모달] 회원팝업 */
.modalMember{}

/* 회원팝업(좌우나뉨구조) */
.Member-wrapper{ }
	/* 왼쪽 */	
	.memberLeft{flex-basis:35%;}
		/* 비쥬얼 */
		.member-visual{background-size:auto 100%;}
	/* 오른쪽 */	
	.memberRight{padding:8% 3rem; }

}


@media (max-width: 767.98px) {
/* [모달] 회원팝업 */
.modalMember{}

/* 회원팝업(좌우나뉨구조) */
.Member-wrapper{}
.Member-wrapper > .inner{width:100%; height:auto;  flex-direction:column; }
	/* 왼쪽 */	
	.memberLeft{height:4em; flex-basis:auto;}
		/* 비쥬얼 */
		.member-visual{background-size:100% auto;}
		.member-visual .visual{}
		.member-visual .logo{height:100%;}
	/* 오른쪽 */	
	.memberRight{padding:var(--padding-xl);}
		/* 회원폼구성 */
		.memberFormArea{flex-direction:column; gap:var(--padding);}
		.memberFormArea > *{width:100%;}
			/* 양쪽 */
			.memberFormArea .side{flex-basis:auto;}
			/* 왼쪽 */
			.memberForm-left{}
			.memberForm-left .stepperList{}
			/* 가운데 */
			.memberForm-center{flex:1;}
				/* 회원관련폼 */
				.memberForm-inner{}
				.member-head{}
				.memberTitle{font-size:var(--font-size-2xl);}
			/* 오른쪽 */
			.memberForm-right{}

}



/* ------------------------- */
/* [공통] 진행단계 */
.stepperList{display:flex; position:relative; flex-direction:column; justify-content:center; align-items:center; gap:var(--padding-lg);}
.stepperList li{display:block; position:relative;}
.stepperList li:last-child .stepper{padding-right:0px;}
.stepperList li:last-child .stepper::after{display:none;}
.stepper{display:flex; position:relative; flex-direction:column; align-items:center; justify-content:center; gap:var(--padding-sm);}
.stepper .number{display:flex; position:relative; height:2rem; aspect-ratio:1; flex-direction:column; align-items:center; justify-content:center; background:var(--bg-color-disabled); border-radius:var(--border-radius-max);}
.stepper .num{display:flex; position:relative; align-items:center; justify-content:center; color:var(--font-color-light); font-size:var(--font-size-ty); font-weight:var(--weight-bold); line-height:1em;}
.stepper .title{display:block; position:relative; align-self:stretch; color:var(--font-color-lowlow); text-align:center;  font-size:var(--font-size);}
.stepper::after{content: ''; display:inline-block; position:relative; height:3rem; border-left:var(--border);}
.stepper.Active .number{background:var(--primary);}
.stepper.Active .title{color:var(--primary);}
@media (max-width: 767.98px) { /* 모바일 only: ~767.98px 스마트폰 전용 스타일 */
/* [공통] 진행단계 */
.stepperList{flex-direction:row; gap:var(--padding);}
.stepper{padding-right:2rem;}
.stepper::after{height:0px; position:absolute; right:0px; top:1rem; width:1rem; border-top:var(--border)}
}

/* ------------------------- */
/* 로그인폼 */
.memberForm-login{}
	/* 컨텐츠 */
	.login-body{display:flex; position:relative; flex-direction:column; gap:var(--padding-xl);}
	.login-body .List{display:flex; position:relative; flex-direction:column; gap:var(--padding);}
	.login-body .List li{display:block; position:relative;}
	.login-body .Submit .keepMenu{display:flex; position:relative; justify-content:space-between;}
	.login-body .Menu{display:block; color:var(--font-color-lowlow); text-align:center;}
	.login-body .Menu span{color:var(--primary); font-weight:var(--font-weight-semibold);}
	/* SNS로시작하기 */
	.login-footer{display:block; position:relative;}
	.login-footer .snsContact{display:flex; position:relative; flex-direction:column; justify-content:center; align-items:center; gap:var(--padding-xl);}
	.login-footer .Title{display:flex; position:relative; width:100%; justify-content:center; align-items:center; gap:var(--padding); font-size: var(--font-size-sm);}
	.login-footer .Title span{display:inline-block; background-color:var(--bg-color-light); padding:0px var(--padding); z-index:var(--z-index);}
	.login-footer .Title::before{content:''; display:block; position:absolute; left:10%; right:10%; top:50%; border-top:var(--border);}
	.login-footer .Menu{display:flex; position:relative; gap:var(--padding);}
	.login-footer .Menu .item{display:inline-block; position:relative; }
	.login-footer .Menu .item img{display:inline-block; aspect-ratio: 1 / 1; border-radius:var(--border-radius-max); transform:var(--transform);}
	.login-footer .Menu .item:hover img{box-shadow:var(--box-shadow);}

/* ------------------------- */	
/* 회원찾기 */
.memberForm-help{}


/* ------------------------- */
/* 회원가입 */
.memberForm-join{}


/* 회원가입step1 */
.memberForm-join1{}
	/* 컨텐츠 */
	.memberForm-join1 .join-body{display:flex; position:relative; flex-direction:column; gap:var(--padding-xl);}
	.memberForm-join1 .List{display:flex; position:relative; flex-direction:column; gap:var(--padding-2xl);}
	.memberForm-join1 .List li{display:block; position:relative;}
	.memberForm-join1 .List li:first-child{font-weight:var(--font-weight-semibold); padding-bottom:var(--padding);}
	.memberForm-join1 .List li:first-child::after{content:''; display:block; position:absolute; left:0%; right:10%; bottom:0%; width:100%; border-bottom:var(--border);}
	.memberForm-join1 .List li:last-child{padding-bottom:var(--padding);}
	.memberForm-join1 .List li:last-child::after{content:''; display:block; position:absolute; left:0%; right:10%; bottom:0%; width:100%; border-bottom:var(--border);}
	.memberForm-join1 pre{height:9rem; font-size:var(--font-size-sm);}

	
/* 회원가입step2 */
.memberForm-join2{}
	/* 컨텐츠 */
	.memberForm-join2 .join-body{display:flex; position:relative; flex-direction:column; gap:var(--padding-xl);}
	.memberForm-join2 .List{display:flex; position:relative; flex-direction:column; gap:var(--padding-2xl);}
	.memberForm-join2 .List li{display:block; position:relative;}


/* 회원가입step3 완료 */
.memberForm-join3{}
.memberForm-join3 .member-head{display:none;}
.memberForm-join3 .stepperList{display:none;}
	/* 완료메세지 */
	.memberCompleted-cont{display:flex; position:relative; flex-direction:column; justify-content:center; align-items:center; align-self:stretch; gap:var(--padding-xl); text-align:center;}
	.memberCompleted-cont .Logo{display:block; position:static;}
	.memberCompleted-cont .logo{display:inline-block; opacity:0.1;}
	.memberCompleted-cont .message{display:flex; position:relative; flex-direction:column; width:auto; height:auto; justify-content:flex-start; align-items:center; align-self:stretch; gap:var(--padding-2xl);}
	.memberCompleted-cont .Title{display:block; position:relative; font-size:var(--font-size-4xl); font-weight:var(--font-weight-bold); align-self:stretch;}
	.memberCompleted-cont .Title::after{content:''; display:block; position:relative; width:1px; height:3rem; border-left:var(--border); margin:var(--padding-xl) auto;}
	.memberCompleted-cont .subTitle{display:block; position:relative; color:var(--font-color-lowlow); font-size:var(--font-size-sm); align-self:stretch;}

@media (max-width: 767.98px) { /* 모바일 only: ~767.98px 스마트폰 전용 스타일 */
/* 회원가입step3 완료 */
.memberForm-join3{}
	/* 완료메세지 */
	.memberCompleted-cont{}
	.memberCompleted-cont .Title{font-size:var(--font-size-2xl);}
}




/* =========================================================================== */
/* =========================================================================== */
/* [시술] 장바구니팝업 모달 */
.modalCart{}
.modalCart .modalpop-container{}
.modalCart .modal-body{}
ㄴ
/* 선택한시술 */
.cartSidebar{display:block; position:relative; height:100%;}
.cartSidebar > .inner{display:flex; position:relative; height:100%; flex-direction:column; justify-content:flex-start; background-color:var(--bg-color-light);}
	/* 선택한시술팩 */
	.cartSidebar-cont{flex:1; display:flex; position:relative; flex-direction:column;}
	.cartSidebar .procSelectPack{}
	.cartSidebar .procSelectPack .sectionTitle{display:none;}
	.cartSidebar .procSelectPack dd{}
	.cartSidebar-bottom{display:flex; position:relative; flex-direction:column; gap: var(--padding-xl);}
	.cartSidebar-bottom .bookReport{}
	.cartSidebar-bottom .bookReport .inner{background-color:transparent; padding:0px;}
	.cartSidebar-bottom .bookReport .innerBox{}
	.cartSidebar-bottom .bookReport .cautionText{}
	.cartSidebar-bottom .Submit{display:flex; position:relative; gap:var(--padding-sm);}
	.cartSidebar-bottom .Btn{flex:1;}
	.cartSidebar-bottom .bookReport-price{}
	.cartSidebar-bottom .cautionText{}



/* =========================================================================== */
/* =========================================================================== */