@charset "utf-8";
/* 컨텐츠 */
/* --------------------------------------------------------------------------- */
/* [공통] 공통레이아웃 */
.wrap{display:block; position:relative; }
main{display:block; position:relative;  overflow:hidden;}
.Container{display:block; position:relative; padding-bottom:10rem;}
.contentWrap{display:block; position:relative;}
.Inner{display:block; position:relative; width:var(--cont-width); margin:auto;}
.fullInner{display:block; position:relative; width:100%;}
 /* 왼쪽여백주면서오른쪽끝까지붙기 */
.biasedInner{display:block; position:relative; width:100%; padding-left:calc(  (100% - var(--cont-width)) / 2 );} 
 /* 반반나누기 */
.contInner{flex:1; display:flex; position:relative; width:100%; height:100%; flex-direction:row;}
.contInner .Left{flex:1; display:flex; position:relative; flex-direction:column;}
.contInner .Center{flex:1; display:flex; position:relative; flex-direction:column;}
.contInner .Right{flex:1; display:flex; position:relative; flex-direction:column;}
@media (max-width:991.98px) { 
.Inner{min-width:100%; padding-left:var(--padding-2xl); padding-right:var(--padding-2xl);}
 /* 왼쪽여백주면서오른쪽끝까지붙기 */
.biasedInner{padding:var(--padding-xl); padding-right:0px;}
 /* 반반나누기 */
.contInner{height:auto; flex-direction:column;}
}


/* ------------------------- */	
/* [공통] 페이지상단 */
.pageHeader{display:block; position:relative; padding:var(--padding-5xl) 0px;}
.pageHeader .Inner{display:flex; position:relative; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:2rem;}
	.pageHeader .Left{display:flex; position:relative; flex-direction:column; justify-content:center; align-items:start; }
	.pageHeader .pageTitle{display:block; position:relative; color:var(--primary); font-size:var(--font-size-2xl); font-weight:var(--font-weight-semibold);}
	.pageHeader .subTitle{display:block; position:relative; font-size:var(--font-size-5xl); line-height:var(--line-height-xs); font-weight:var(--font-weight-bold);}
	.pageHeader .subTitle span{font-weight:var(--font-weight);}
	.pageHeader .Right{}
	/* 비쥬얼배너 */
	.pageHeader .pageVisual{display:block; position:relative; margin-top:8rem;}
	.pageHeader .pageVisual img{width:100%;}
@media (max-width:767.98px) {/* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* [공통] 페이지상단 */
.pageHeader{padding:var(--padding-lg) 0px;}
.pageHeader .Inner{flex-direction:column; align-items:flex-start; padding:var(--padding-xl);}
	.pageHeader .subTitle{ font-size:var(--font-size-3xl);}
	/* 비쥬얼배너 */
	.pageHeader .pageVisual{display:block; position:relative; margin-top:4rem;}
}


/* ------------------------- */	
/* [공통]breadcrumb현재위치 */
.breadcrumb{display:flex; position:relative; justify-content:flex-end}
.breadcrumb .List{display:inline-flex; position:relative; justify-content:center; align-items:center; flex-wrap:nowrap; gap:var(--padding);}
.breadcrumb li{display:flex; position:relative; justify-content:center; align-items:center;}
.breadcrumb .home{}
.breadcrumb .depth{}
.breadcrumb .depth1{display:none;}
.breadcrumb .depth2{}
.breadcrumb .depth .icon{margin-right:1rem;}
.breadcrumb .home .icon{margin-right:0px;}
.breadcrumb a{display:inline-flex; position:relative; gap:var(--padding-xs); cursor:default; }
.breadcrumb a:hover{} /* text-decoration:underline; */



/* ------------------------- */	
/* [공통] 리스트탭메뉴 */
.headControlTab{display:block; position:relative; text-align:center; margin-bottom:8rem;}
.headControlTab .Inner{}
.headControlTab .Menu{display:block; position:relative;}
@media (max-width:767.98px) {/* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* [공통] 리스트탭메뉴 */
.headControlTab{margin-bottom:3rem;}
}


/* ------------------------- */	
/* [공통] 목록(기본3칸>>4칸) */
.boardList{display:grid; position:relative; width:100%; grid-template-columns:repeat(4, 1fr); gap:var(--padding-5xl) var(--padding-3xl);}
.boardList li{display:block; position:relative;}
.boardList a{display:block; position:relative;}
.boardList .boardCard{width:100%;}
@media (max-width:767.98px) {
/* [공통] 목록 */
.boardList{grid-template-columns:repeat(1, 1fr); gap:var(--padding-3xl) var(--padding-xl);}
}

/* ------------------------- */
/* 리스트영역 */
.listArea{display:block; position:relative; margin:8rem auto var(--padding-section) auto; }
@media (max-width:767.98px) {
/* 리스트영역 */
	.listArea{margin:var(--padding-xl) auto var(--padding-section) auto;}
}


/* ------------------------- */	
/* [공통] 리스트정렬옵션 */
.headControl{display:flex; position:relative; flex-direction:column; gap:var(--padding-3xl); margin-bottom:var(--padding-xl); }
.headControl .Inner{display:flex; position:relative; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--padding);}
	/* 메뉴공통 */
	.headControl .Sort{display:inline-flex; position:relative; justify-content:center; align-items:center;}
	.headControl .Sort .Item{position:relative;}
	/* 왼쪽 */
	.headControl-left{display:inline-flex; position:relative; align-items:center;}
	.headControl-left .select{}
		.sortCount{font-size:var(--font-size-xl); font-weight:var(--font-weight-bold);}
	/* 오른쪽 */
	.headControl-right{display:inline-flex; position:relative; flex-wrap:wrap; justify-content:space-around; gap:var(--padding);}
	.headControl-right .Sort{display:inline-flex; position:relative; justify-content:center; align-items:center; gap:var(--padding);}
		.sortSeller{gap:2rem;}
		.sortSeller .Item{}
		.sortSeller .Item + .Item{}
		.sortSeller .Item + .Item::before{content:""; position:absolute; left:-1rem; width:1px; height:60%; background-color:var(--border-color);}
		.sortKeyword{}
		.sortSearch{}
		.sortSearch{}

	/* 검색영역일때 */
	.headControl .SearchBox{background-color:var(--bg-color); border-radius:var(--border-radius-lg); padding:var(--padding-xl);}
	.headControl .SearchBox > *{}
	.headControl .SearchBox .headControl-left{}
	.headControl .SearchBox .select{}
	.headControl .SearchBox .headControl-right{}
	.headControl .SearchBox .sortSearch{}
	
@media (max-width:767.98px) {/* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* [공통] 리스트정렬옵션 */
.headControl{padding:var(--padding);} /* margin:auto 0;  */
	/* 메뉴공통 */
	.headControl .Sort{}
	.headControl .Sort .Item{}
	/* 왼쪽 */
	.headControl-left{}
	.headControl-left .select{}
		.sortCount{}
	/* 오른쪽 */
	.headControl-right{}
	/* 검색영역일때 */
	.headControl .SearchBox{}
	.headControl .SearchBox > *{width:100%;}
	.headControl .SearchBox .headControl-left{}
	.headControl .SearchBox .select{width:100%;}
	.headControl .SearchBox .headControl-right{}
	.headControl .SearchBox .sortSearch{width:100%; justify-content:space-between;}
	.headControl .SearchBox .sortSearch .select{flex-shrink:0; flex-basis:40%; width:40%;}
	.headControl .SearchBox .sortSearch .Search{flex:1;}
	.headControl .SearchBox .sortSearch .Search input[type="text"]{width:100%;}
}	


/* ------------------------- */	
/* [공통] 페이지목록번호 */
.pageNum{display:block; position:relative; text-align:center; margin-top:8rem;}
.pageNumList{display:inline-flex; position:relative; justify-content:center; align-items:center; margin:auto;}
.pageNumList li{display:block; position:relative;}
	/* 목록버튼 */
	.pageBtn{display:inline-flex; position:relative; height:4.8rem; aspect-ratio:var(--image-ratio-square); justify-content:center; align-items:center; color:var(--font-color-low); font-size:var(--font-size-xl); transform:var(--transform);}
	.pageBtn span{display:block; position:relative;}
	.pageBtn.Active{color:var(--primary); font-weight:var(--font-weight-bold);}
	.pageBtn.Disabled{}
	.pageBtn:not(.Disabled):hover{font-weight:var(--font-weight-bold);}
	.pagemoveBtn{display:inline-flex; position:relative; height:4.8rem; aspect-ratio:var(--image-ratio-square); justify-content:center; align-items:center; font-size:var(--font-size-xl); background-color:var(--bg-color-light); border-radius:var(--border-radius-max); transform:var(--transform);}
	.pagemoveBtn:not(.Disabled):hover{color:var(--primary);}
	.pagemoveBtn.Disabled{color:var(--font-color-none);}


/* ------------------------- */	
/* [공통]게시판썸네일 날짜조회수 */
.boardDateInfo{display:inline-flex; position:relative; align-items:center; flex-wrap:wrap; gap:var(--padding-lg); color:var(--font-color-low); font-weight:var(--font-weight);}
.boardDateInfo .date{margin-right:0.8rem;}
.boardDateInfo .count{display:flex; position:relative;align-items:center; gap:0.4rem;}
.boardDateInfo .count::before{content:""; position:absolute; left:-1rem; width:1px; height:60%; background-color:var(--border-color);}
.boardDateInfo .icon{fill:var(--font-color-low);}


 /* ------------------------- */	
/* [공통]게시물보기 */
.ViewWrap .Container{padding-top:5rem;}
.boardViewer{display:block; position:relative; border-top:2px solid var(--border-color-dark);}
	/* 상단 */
	.boardViewer-head{display:block; position:relative; text-align:center; padding:var(--padding-2xl);}
	.boardViewer-head .category{display:block; position:relative; color:var(--primary); font-weight:var(--font-weight-semibold);}
	.boardViewer-head .title{display:block; position:relative; font-size:var(--font-size-4xl); font-weight:var(--font-weight-semibold);}
	.boardViewer-head .boardDateInfo{margin:auto;}
	/* 바디 */
	.boardViewer-body{display:block; position:relative; border-top:var(--border); border-bottom:var(--border); padding:10rem var(--padding-3xl);}
	.boardViewer-body pre{display:block; position:relative; white-space:normal;}
	.boardViewer-body pre img{height:auto !important;}
	.boardViewer-body .thumImg{display:block; position:relative; margin:auto; display:none !important;} /*  썸네일이미지숨김(공지사항제외) */
	/* 하단 */
	.boardViewer-footer{display:block; position:relative; text-align:center; padding-top:var(--padding-3xl);}
	.boardViewer-footer a{margin:auto;}
	.boardViewer-footer a + a{margin-top:var(--padding-lg)}
	.boardViewer-footer .Link{display:flex; position:relative; justify-content:center; align-items:center; gap:2rem; font-size:var(--font-size-lg); text-align:left; border-radius:var(--border-radius); background-color:var(--bg-color); padding:var(--padding-xl); transform:var(--transform);}
	.boardViewer-footer .Link .deco{display:inline-flex; gap:var(--padding); font-weight:var(--font-weight-bold); flex:0 0 10rem;}
	.boardViewer-footer .Link .deco span{}
	.boardViewer-footer .Link .deco strong{}
	.boardViewer-footer .Link .title{color:var(--font-color-low); flex:1;}
	.boardViewer-footer .Link .title span{ font-weight:var(--font-weight-semibold); padding-right:var(--padding-sm);}
	.boardViewer-footer .Link:hover{box-shadow:var(--box-shadow);}
	.boardViewer-footer .Btn{min-width:24rem;}

@media (max-width:767.98px) { /* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* [공통]게시물보기 */
.ViewWrap .Container{padding-top:2rem;}
.boardViewer{}
	/* 상단 */
	.boardViewer-head{}
	.boardViewer-head .title{font-size:var(--font-size-2xl);}
	/* 바디 */
	.boardViewer-body{padding:4rem var(--padding-lg);}
	.boardViewer-body pre{}
	.boardViewer-body pre img{width:100% !important; height:auto !important;} /* 에디터에서 이미지에 입력된 사이즈값 초기화 */
	/* 하단 */
	.boardViewer-footer{}
	.boardViewer-footer .Btn{width:100%;}
}


/* ------------------------- */	
/* [공통] 세션타이틀 */
.sectionTitle{display:flex; position:relative; width:100%; flex-direction:column; align-items:flex-start; margin-bottom:var(--padding-2xl);}
.sectionTitle .decoEng{display:block; position:relative; color:var(--font-color-lowlow); font-size:var(--font-size-xl);}
.sectionTitle .title{display:flex; position:relative; align-items:center; gap:var(--padding); font-size:var(--font-size-2xl); font-weight:var(--font-weight-semibold);}
.sectionTitle.row{flex-direction:row; gap:var(--padding);}
.sectionTitle.row .Left{flex:1; display:flex; position:relative; align-items:center;}
.sectionTitle.row .Right{display:flex; position:relative; align-items:center;}


/* =========================================================================== */
/* =========================================================================== */
/* =========================================================================== */
/* =========================================================================== */
/* 게시판류 */


/* --------------------------------------------------------------------------- */
/* [Doctors] 의료진소개 */
.staffWrap{background-color:var(--bg-color-low);}
.staffListWrap{}
	/* [공통] 세션타이틀 */
	.staffWrap .sectionTitle{}
	.staffWrap .sectionTitle .title{font-size:var(--font-size-4xl);}

/* [Doctors 의료진소개] 의료진목록영역 */
.staff-drListArea{display:flex !important; position:relative; flex-direction:column; gap:11rem;}
.staff-drListArea .drList{display:grid; position:relative; grid-template-columns:repeat(4,1fr); gap:var(--padding-xl);}
.staff-drListArea .drList li{display:block; position:relative;}
	/* 전문의썸네일 */
	.staff-drListArea .drCard-about{height:100%;}
	.staff-drListArea .drCard-about dl{height:100%;}

/* [Doctors 의료진소개] 전체지점표기할경우 */
.staff-drListArea .tab-container{gap:var(--padding-5xl);}
.staff-drListArea .tab-header{}
.staff-drListArea .tabMenuList{width:100%; justify-content:flex-start;}
.staff-drListArea .tab-body{display:flex; position:relative; flex-direction:column; gap:var(--padding-5xl);}
.staff-drListArea .bunch-content{display:block; position:relative;}


@media (min-width:768px) and (max-width:991.98px) {
/* [Doctors 의료진소개] 의료진목록영역 */
.staff-drListArea{}
.staff-drListArea .drList{grid-template-columns:repeat(3,1fr);}
.staff-drListArea .drList li{}
	/* 전문의썸네일 */
	.staff-drListArea .drCard-about{}

}

@media (max-width:767.98px) { 
/* [Doctors 의료진소개] 의료진목록영역 */
.staff-drListArea{gap:5rem;}
.staff-drListArea .drList{grid-template-columns:repeat(2,1fr); gap:var(--padding-lg);}
	/* 전문의썸네일 */
	.staff-drListArea .drCard-about{}
}


/* --------------------------------------------------------------------------- */
/* 공지사항 */
.noticeWrap{}
.noticeListWrap .Container{}
.noticeWrap .listArea{}
.noticeWrap .noticeCard{}
	/* 게시판목록리스트 */
	.boardList.boardList-bnoticenf{}
	.boardList-notice{grid-template-columns:repeat(1, 1fr);}
	/* 게시판썸네일(공지사항) */
	.noticeCard{display:block; position:relative; cursor:pointer; }
	.noticeCard dl{display:block; position:relative; border:var(--border); border-radius:var(--border-radius); background-color:var(--bg-color-low); padding:4rem 4%; transition:var(--transition);}
	.noticeCard dd{display:flex; justify-content:space-between; align-items:center; width:100%; }
	.noticeCard .subject{display:block; position:relative;}
	.noticeCard .title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold); }
	.noticeCard .boardDateInfo{}
	.noticeCard:hover dl{box-shadow:var(--box-shadow);}
	/* 게시판본문보기 */
	.noticeWrap .boardViewer-body .thumImg{display:block !important;} /*  썸네일이미지숨김(공지사항제외) */

@media (max-width:767.98px) {/* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* 공지사항 */
.noticeWrap{}
	/* 게시판목록리스트 */
	.boardList-notice{gap:2rem; }
	/* 게시판썸네일(공지사항) */
	.noticeCard{}
	.noticeCard dl{padding:2rem;}
	.noticeCard dd{flex-direction:column; justify-content:flex-start; align-items:stretch;}
}


/* --------------------------------------------------------------------------- */
 /* MOMENT(연구하는닥터스) */
.researchingWrap{}
	/* 검색 */
	.researchingWrap .headControl .SearchBox{}
	.researchingWrap .headControl .SearchBox .headControl-right{}
	.researchingWrap .headControl .SearchBox .headControl-right .select{display:none;} /* 지점선택숨기20251027 */
	/* 게시판리스트정렬(기본3칸기준) */
	.boardList.boardList-researching{grid-template-columns:repeat(3, 1fr);}
	.boardList-researching{}

	.boardCard{}
	/* 게시판썸네일(이미지형) :MOMENT(연구하는닥터스). 닥터스영상 */
	.boardthumCard{display:block; position:relative; width:100%; cursor:pointer;}
	.boardthumCard a{display:block; position:relative;}
	.boardthumCard dl{display:flex; flex-direction:column; position:relative; gap:var(--padding-lg); border-radius:var(--border-radius-lg); transition:var(--transition);}
	.boardthumCard dt{display:block; position:relative;}
	.boardthumCard dd{display:block; position:relative;}
	.boardthumCard .thum{display:block; position:relative; border-radius:var(--border-radius-lg); transition:var(--transition); overflow:hidden;}
	.boardthumCard .thum img{display:block; position:relative; width:100%; object-fit:cover;}
	.boardthumCard .subject{display:block; position:relative; margin-bottom:var(--padding-xl);}
	.boardthumCard .branch{display:inline-block; font-size:var(--font-size-lg); font-weight:var(--font-weight-semibold); background-color:var(--bg-color); border-radius:var(--border-radius-sm); padding:var(--padding-sm) var(--padding-lg); margin-bottom:var(--padding);}
	.boardthumCard .title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);}
	.boardthumCard:hover dl .thum{box-shadow:var(--box-shadow);}
		/* MOMENT(연구하는)경우 */
		.researchingCard{}
		.researchingCard .thum{aspect-ratio:var(--image-ratio-board);}
		.researchingCard .thum img{height:100%;}
		/* 영상일경우 */
		.movieCard{}
		.movieCard .thum{aspect-ratio:var(--image-ratio-movie);}
		.movieCard .thum img{height:100%;}
		/* 숏츠일경우 */
		.shortsCard{}
		.shortsCard .thum{aspect-ratio:var(--image-ratio-shorts);}
		.shortsCard .thum img{height:100%;}

@media (max-width:767.98px) {
 /* MOMENT(연구하는닥터스) */
 .researchingWrap{}
	/* 게시판리스트정렬(기본3칸기준) */
	.boardList.boardList-researching{grid-template-columns:repeat(1, 1fr);}
	.boardList-researching{}

}

/* --------------------------------------------------------------------------- */
 /* 닥터스영상 */
 .doctorsvideoWrap{}
	/* 게시판리스트정렬 */
	.doctorsvideoWrap .boardList{}
	/* 게시판썸네일(이미지형) */
	.doctorsvideoWrap .boardCard{}
	.doctorsvideoWrap .boardCard .branch{display:none;}
	.doctorsvideoWrap .boardCard .boardDateInfo .count{display:none;} /* 조회수미노출20251027 */

/* 고정영상 */
.doctorsvideoWrap .ListSection01{}
.doctorsvideoWrap .boardList{}

/* 닥터스영상 쇼츠용배너 */
.doctorsvideoWrap .ListSection02{}
.doctorsvideoWrap .ListSection02 .boardList{grid-template-columns:repeat(6,1fr);}
.shortsArea{display:block; position:relative;}
.shortsBanner{display:block; position:relative;}
.shortsBanner .List{display:grid; position:relative; grid-template-columns:repeat(6,1fr); gap:var(--padding);}
.shortsBanner .List li{flex:1; display:block; position:relative;}
.shortsBanner .boardCard{}
.shortsBanner .banner-wayButton{}
	/* 롤리배너사용할시 */
	.shortsBanner .swiper{}
	.shortsBanner .swiper-wrapper{}
	.shortsBanner .swiper-slide{display:flex; justify-content:center; align-items:flex-start;}
	.shortsBanner .boardCard{}
	/* 기본버튼 */
	.shortsBanner .swiper-button-prev{}
	.shortsBanner .swiper-button-next{}

@media (max-width:767.98px) {
/* 닥터스영상 쇼츠용배너 */
.doctorsvideoWrap .ListSection02{}
.shortsArea{}
.shortsBanner .List{grid-template-columns:repeat(3,1fr);}
.shortsBanner .boardCard{}

}

/* 일반영상 */
.doctorsvideoWrap .ListSection03{}
.doctorsvideoWrap .ListSection03 .boardList{grid-template-columns:repeat(4, 1fr);}
.doctorsvideoWrap .ListSection03 .button{width:100%; margin-top:var(--padding-2xl);}

@media (max-width:767.98px) {
/* 일반영상 */
.doctorsvideoWrap .ListSection03{}
.doctorsvideoWrap .ListSection03 .boardList{grid-template-columns:repeat(1, 1fr);}
}


/* --------------------------------------------------------------------------- */
/* 뉴스탁 */
.newsdocWrap{}
.newsdocWrap .Container{}
.newsdocWrap .listPinArea{}
.newsdocWrap .listArea{}
.newsdocWrap .newspinCard{}
.newsdocWrap .newsCard{}
	/* 게시판리스트정렬 */
	.boardList.boardList-news{}
	.boardList-news{}
	/* 게시판썸네일(뉴스형-상단고정) */
	.newspinCard{display:block; position:relative; cursor:pointer;}
	.newspinCard dl{display:flex; justify-content:space-between; align-items:flex-start; transition:var(--transition); gap:4rem;}
	.newspinCard dt{display:block; position:relative; flex-basis:30%;}
	.newspinCard .thum{display:block; position:relative; border-radius:var(--border-radius-lg); overflow:hidden; transition:var(--transition);}
	.newspinCard .thum img{display:block; position:relative; width:100%;}
	.newspinCard dd{display:flex; position:relative; flex-direction:column; flex:1;}
	.newspinCard .subject{display:block; position:relative; align-items:center; }
	.newspinCard .badge{display:inline-block; color:var(--font-color-light); font-size:var(--font-size-sm); background-color:#e70e0e; border-radius:var(--border-radius); padding:var(--padding-sm) var(--padding); margin-bottom:var(--padding);}
	.newspinCard .title{display:block; position:relative; font-size:var(--font-size-2xl); font-weight:var(--font-weight-semibold); margin-bottom:var(--padding);}
	.newspinCard .summary{color:var(--font-color-low); font-size:var(--font-size-lg); display:-webkit-box; height:calc(3rem * 2); -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;} /* 2줄제한 */
	.newspinCard .boardDateInfo{margin-bottom:var(--padding-lg);}
	.newspinCard .btnBox{display:block; position:relative; margin-top:var(--padding-lg);}
	.newspinCard .Btn{ min-width:16rem;}
	/* 게시판썸네일(뉴스형) */
	.newsCard{display:block; position:relative; cursor:pointer;}
	.newsCard a{display:block; position:relative;}
	.newsCard dl{display:block; position:relative;border-radius:var(--border-radius-lg); background-color:var(--bg-color-low); padding:var(--padding-3xl); transition:var(--transition);}
	.newsCard dt{display:block; position:relative; cursor:pointer;}
	.newsCard .thum{display:block; position:relative; border-radius:var(--border-radius-lg); overflow:hidden; transition:var(--transition);}
	.newsCard .thum img{display:block; position:relative; width:100%;}
	.newsCard dd{display:block; position:relative;}
	.newsCard .subject{display:block; position:relative; margin-bottom:var(--padding-3xl);}
	.newsCard .title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold); margin-bottom:var(--padding-sm);}
	.newsCard .summary{color:var(--font-color-low); font-size:var(--font-size-lg); font-weight:var(--font-weight);
		display:-webkit-box; height:calc(3rem * 4); -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;} /* 4줄제한 */
	.newsCard .boardDateInfo{}
	.newsCard:hover dl{box-shadow:var(--box-shadow);}

@media (max-width:767.98px) { /* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* 뉴스탁 */
.newsdocWrap{}
	/* 게시판리스트정렬 */
	.boardList-news{gap:4rem 2rem;}
	.boardList-news li{flex-basis:100%; flex-grow:0; }	

	/* 게시판썸네일(뉴스형) */
	.newsCard{}

	/* 게시판썸네일(뉴스형-상단고정) */
	.newspinCard{}
	.newspinCard dl{flex-direction:column; }
	.newspinCard .subject{flex-direction:column;}
		.newspinCard .subject{flex-basis:100%; width:100%;}
		.newspinCard .info{padding:0px;}
		.newspinCard .info::before{display:none;}
}


/* --------------------------------------------------------------------------- */
 /* 시술전후 */
.bnfWrap{}
.bnfWrap .headControl{}
	/* 게시판리스트정렬 */
	.boardList.boardList-bnf{}
	.boardList-bnf{grid-template-columns:repeat(2, 1fr);}
	/* 게시판썸네일(시술전후) */
	.bnfCard{display:block; position:relative; cursor:pointer;}
	.bnfCard .imgAngles{display:block; position:relative; text-align:center; margin-bottom:var(--padding-2xl);} /* 방향정보 */
	.bnfCard .imgAngles span{display:inline-block; position:relative; color:var(--font-color-light); font-size:var(--font-size-2xl); line-height:1em;  background-color:var(--primary); border-radius:var(--border-radius-2xl); padding:var(--padding) var(--padding-xl);}
	.bnfCard dl{display:block; position:relative; font-size:var(--font-size-lg); border-radius:var(--border-radius-lg); transition:var(--transition); overflow:hidden;}
	.bnfCard dd{display:block; position:relative;}
	.bnfCard dt{display:flex; position:relative; justify-content:center; align-items:stretch; }
		.bnfCard .subject{display:block; position:relative;  background-color:var(--color-sub-10); padding:1.6rem 0; text-align:center;}
		.bnfCard .category{display:block; position:relative; font-size:var(--font-size-xl); font-weight:var(--font-weight-bold);}
		.bnfCard .branch{display:block; position:relative; color:var(--font-color-low); font-size:var(--font-size-sm);}
		.bnfCard .branch span{}
		.bnfCard .Thum{display:block; position:relative; width:100%; aspect-ratio:var(--image-ratio-bnf); overflow:hidden;}
		.bnfCard .Thum img{width:100%;}
		.bnfCard .cont{flex:1; display:flex; position:relative; flex-direction:column; } 
		.bnfCard .img{flex:1; display:block; position:relative;  overflow:hidden;}
		.bnfCard .img img{width:100%;}
		.bnfCard .textbox{display:block; position:relative; text-align:left; background:var(--bg-color); padding:var(--padding) var(--padding-lg); }
		.bnfCard .textbox .label{ margin-right:var(--padding);}
		.bnfCard .textbox .desc{ display:none;}
	.bnfCard:hover dl{box-shadow:var(--box-shadow);}
@media (max-width:767.98px) { /* 모바일 only:~767.98px 스마트폰 전용 스타일 */
 /* 시술전후 */
 .bnfWrap{}
 	/* 게시판리스트정렬 */
	 .boardList-bnf{grid-template-columns:repeat(1, 1fr);}

}

/* 시술전후-보기 */
.bnfViewWrap{}
.bnfViewWrap .boardViewer-body{}
/* 시술전후전용viewform */
.bnfViewform{display:flex; position:relative; flex-direction:column; justify-content:center; text-align:center;}
	/* 상단 */
	.bnfViewform-head{display:block; position:relative; padding-bottom:var(--padding-2xl); margin-bottom:var(--padding-2xl);}
	.bnfViewform pre{color:var(--font-color-low); font-size:var(--font-size-xl);}
	.bnfViewform-head::after{content:''; display:block; position:absolute; left:50%; top:100%; height:3rem; border-left:var(--border);}
	/* 컨텐츠 */
	.bnfViewform-body{display:block; position:relative; padding-top:var(--padding-3xl);}
	.bnfViewform .boardCard{width:60%; margin:auto; cursor:default;}
	.bnfViewform .boardCard .subject{display:none;}
	.bnfViewform .boardCard:hover dl{box-shadow:none;}
	.bnfViewform .bnfCard + .bnfCard{margin-top:5em;}

@media (max-width:767.98px) { /* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* 시술전후-보기 */
.bnfViewWrap{}
.bnfViewWrap .boardViewer-body{}
/* 시술전후전용viewform */
.bnfViewform{}
	/* 상단 */
	.bnfViewform .boardCard{width:100%;}
}


/* --------------------------------------------------------------------------- */
/* 장비소개(device),제품소개(product) */
.deviceWrap{background-color:var(--bg-color-low);}
.deviceListWrap{}
.productWrap{background-color:var(--bg-color-low);}
.productListWrap{}
	/* 게시판목록리스트 */
	.boardList.boardList-device{}
	.boardList-device{}
	.boardList.boardList-product{}
	.boardList-product{}
	/* 게시판썸네일(제품장비) */
	.boardList.boardList-device .deviceCard{height:100%;}
	.boardList.boardList-device .deviceCard dl{height:100%;}
		/* 템플릿 */
		.deviceCard{display:block; position:relative; width:100%; }
		.deviceCard dl{display:flex; position:relative; width:100%; flex-direction:column; justify-content:flex-start; align-items:flex-start; border-radius:var(--border-radius-xl); background-color:var(--bg-color-light); transform:var(--transform); overflow:hidden;}
			/* 이미지  */
			.deviceCard dt{display:block; position:relative; width:100%;}
			.deviceCard .thumBox{display:flex; position:relative; width:100%; aspect-ratio:var(--image-ratio-device); flex-direction:column; justify-content:flex-start; align-items:flex-start; align-self:stretch; background:var(--secondary-10); overflow:hidden;}
			.deviceCard .thum{display:block; position:relative; width:100%; }
			/* 설명  */
			.deviceCard .infoBox{display:flex; position:absolute; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; aspect-ratio:var(--image-ratio-device); flex-direction:column; justify-content:flex-start; align-items:flex-start; align-self:stretch; gap:var(--padding); border-radius:var(--border-radius-xl); background-color:var(--secondary-10); padding:var(--padding-3xl); overflow-y:scroll; opacity:0; transition:all 0.4s ease;}
			.deviceCard .subject{display:block; position:relative; align-self:stretch; font-size:var(--font-size-xl); font-weight:var(--font-weight-bold); }
			.deviceCard .summary{display:block; position:relative; align-self:stretch; font-size:var(--size-lg);}
			/* 기본정보 */
			.deviceCard dd{display:flex; position:relative; flex-direction:column; justify-content:flex-start; align-items:flex-start; align-self:stretch; gap:var(--padding-lg); padding:var(--padding-2xl);}
			.deviceCard .title{display:flex; position:relative; flex-direction:column; justify-content:flex-start; align-items:flex-start; align-self:stretch; gap:var(--padding-sm); background:var(--bg-color-light);}
			.deviceCard .name{display:block; position:relative; align-self:stretch; font-size:var(--font-size-xl); font-weight:var(--font-weight-bold);}
			.deviceCard .keywordGroup{display:flex; position:relative; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; align-self:stretch; gap:var(--padding-xs) var(--padding);}
			.deviceCard .keyword{display:inline-block; position:relative; color:var(--primary); font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); }
			/* 설명있는것없는것 */
			.deviceCard.emptyInfo{}
			.deviceCard.getInfo{cursor:pointer;}
			.deviceCard.getInfo:hover dl{box-shadow:var(--box-shadow); } 
			.deviceCard.getInfo:hover .infoBox{opacity:1;}

@media (max-width: 991.98px) {
/* 장비소개(device),제품소개(product) */
.deviceWrap{}
.deviceListWrap{}
.productWrap{}
.productListWrap{}
	/* 게시판목록리스트 */
	.boardList.boardList-device{grid-template-columns: repeat(3, 1fr);}
	.boardList.boardList-product{grid-template-columns: repeat(3, 1fr);}
		/* 템플릿 */
		.deviceCard{}
		.deviceCard dl{}
			/* 이미지  */
			.deviceCard dt{}
			/* 설명  */
			.deviceCard .infoBox{}
			/* 기본정보 */
			.deviceCard dd{}

}

@media (max-width: 767.98px) {
/* 장비소개(device),제품소개(product) */
.deviceWrap{}
.deviceListWrap{}
.productWrap{}
.productListWrap{}
	/* 게시판목록리스트 */
	.boardList.boardList-device{grid-template-columns: repeat(2, 1fr);}
	.boardList.boardList-product{grid-template-columns: repeat(2, 1fr);}
		/* 템플릿 */
		.deviceCard{}
		.deviceCard dl{}
			/* 이미지  */
			.deviceCard dt{}
			/* 설명  */
			.deviceCard .infoBox{}
			/* 기본정보 */
			.deviceCard dd{padding:var(--padding-lg);}
}




/* --------------------------------------------------------------------------- */
/* 고객의소리 */
.vocWrap{}
.vocWriteWrap{}

/* [공통] 작성하기 */
.writingArea{display:flex; position:relative; flex-direction:column; width:100%;}
.writingArea fieldset{display:block; position:relative; border:var(--border); border-radius:var(--border-radius-xl); background-color:var(--bg-color-light);}
.writingArea legend{display:none;}
	/* 작성영역 */
	.writingArea .create{display:flex; position:relative; width:100%; flex-direction:column; justify-content:center; align-items:center; }
		/* 작성정보 */
		.writingArea .editorInfo{display:block; position:relative; width:100%;}
		.writingArea .editorInfo::after{content:""; position:absolute; left:0px; right:0px; bottom:-1px; border-bottom:var(--border);}
		.writingArea .List{display:grid; position:relative; width:100%; grid-template-columns:repeat(2, 1fr);}
		.writingArea .List li{display:block; position:relative; padding:var(--padding-3xl);}
		.writingArea .List li:nth-child(odd){}
		.writingArea .List li:nth-child(odd)::after{content:""; position:absolute; top:0px; bottom:0px; right:-1px; border-right:var(--border);}
		/* 글입력 */
		.vocWriteArea .editorText{display:block; position:relative; width:100%; padding:2rem;}
		.vocWriteArea .editorText{}
	/* 전송영역 */
	.vocWriteArea .Submit{display:block; position:relative; width:100%; text-align:center; padding:8rem var(--padding-3xl);}
	.vocWriteArea .agreebarBox{display:block; position:relative; width:auto; text-align:center;}
	.vocWriteArea .agreebar{width:auto; margin:auto;}
	.vocWriteArea .btnBox{display:block; position:relative; margin-top:var(--padding-lg);}
	.vocWriteArea .btnBox .Btn:only-child{min-width:24rem;}


@media (max-width:767.98px) { /* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* [공통] 작성하기 */
.writingArea{}	
	/* 작성영역 */
	.writingArea .create{}
		/* 작성정보 */
		.writingArea .editorInfo{}
		.writingArea .List{ grid-template-columns:repeat(1, 1fr);}
		.writingArea .List li{padding:var(--padding-lg);}
		.writingArea .List li:nth-child(odd)::after{display:none;}

}




/* =========================================================================== */
/* =========================================================================== */
/* =========================================================================== */
/* =========================================================================== */
/* 소개류 */

/* --------------------------------------------------------------------------- */
/* 지점안내 */
.locationWrap{}
.locationWrap .Container{padding-top:var(--padding-section);}
.locationWrap .contentWrap{}
.locationWrap .Footer .footerBranch{display:none;} /* 푸터지도있는영역숨김20251021 */


/*  --------------------------- */
/* 진료안내및오시는길 */
.locationContent{display:flex; position:relative; flex-direction:column; gap:var(--padding-section);}
.locationContent .sectionTitle{margin-bottom:0px;}
	/* 지점기본정보 */
	.aboutBranch_basics{display:block; position:relative;}
	.aboutBranch_basics .Inner{display:flex; position:relative; gap:var(--padding-4xl);}
	.aboutBranch_basics .Inner > *{flex:1 1 0;}
		/* (오른쪽)기본정보 */
		.aboutBranch_left{display:flex; position:relative; flex-direction:column; gap:var(--padding-4xl);}
			/* 페이지상단 */
			.aboutBranch_basics .pageHeader{padding:0px;}
			.aboutBranch_basics .pageHeader::after{content:''; display:relative; position:relative; width:20%; height:1px; border-top:var(--border);}
			/* 지점 */
			.aboutBranch_basics .branch{display:flex; position:relative; flex-direction:column;}
			.aboutBranch_basics .branchTitle{display:block; position:relative; font-size:var(--font-size-lg); font-weight:var(--font-weight-bold);}
			.aboutBranch_basics .branchName{display:block; position:relative; font-size:var(--font-size-5xl); line-height:var(--line-height-xs);}
			/* 진료시간 */
			.aboutBranch_basics .workTime{display:flex; position:relative; flex-direction:column; gap:var(--padding);}
			.aboutBranch_basics .timeList{display:flex; position:relative; flex-direction:column; gap:var(--padding); width:100%;}
			.aboutBranch_basics .timeItem{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:flex-start; font-size:var(--font-size-lg); gap:var(--padding);}
			.aboutBranch_basics .timeItem .entry{display:block; position:relative; flex-basis:15%;  color:var(--primary); font-weight:var(--font-weight-bold);}
			.aboutBranch_basics .timeItem .field{flex:1; display:block; position:relative;}
			/* Contact section */
			.aboutBranch_basics .contact{display:flex; position:relative; flex-direction:column; gap:var(--padding-lg);}
			.aboutBranch_basics .contact .innerBox{display:flex; position:relative; flex-direction:column; gap:var(--padding);}
			.aboutBranch_basics .contact .Link{display:flex; position:relative; gap:var(--padding); font-size:var(--font-size-lg);}
			.aboutBranch_basics .contact .logo{display:inline-block; position:relative; height:var(--icon-size-lg); border-radius:var(--border-radius-max);}
			/* 맵링크 */
			.aboutBranch_basics .mapLink{display:flex; position:relative; gap:var(--padding-lg);}
			.aboutBranch_basics .mapLink a{display:inline-flex; position:relative; align-items:center; gap: var(--padding-sm); width:auto; border-radius: var(--border-radius-lg); box-shadow:var(--box-shadow); letter-spacing:-0.5px;}
			.aboutBranch_basics .mapLink a img{}
			.aboutBranch_basics .mapLink a span{}
			.aboutBranch_basics .mapLink a span + span{padding:0px var(--padding);}


		/* (왼쪽)비쥬얼 */
		.aboutBranch_right{display:flex; position:relative; flex-direction:column;}
		.aboutBranch_right .visual{display:block; position:relative; width:100%; height:100%; align-items:flex-end; border-radius:var(--border-radius-lg); overflow:hidden;}
		.aboutBranch_right .visual img{display:block; display:block; width:100%; height:100%; object-fit:cover;}


@media (min-width:768px) and (max-width:991.98px) { 
/* 진료안내및오시는길 */
.locationContent{gap:var(--padding-2xl);}
.locationContent .sectionTitle{}
	/* 지점기본정보 */
	.aboutBranch_basics{}
	.aboutBranch_basics .Inner{}
		/* (오른쪽)기본정보 */
		.aboutBranch_left{}
			/* 페이지상단 */
			.aboutBranch_basics .pageHeader{}
			/* 지점 */
			.aboutBranch_basics .branch{}
			/* 진료시간 */
			.aboutBranch_basics .workTime{}
			.aboutBranch_basics .timeList{}
			.aboutBranch_basics .timeItem{}
			.aboutBranch_basics .timeItem .entry{flex-basis:15%;}
		/* (왼쪽)비쥬얼 */
		.aboutBranch_right{display:none;}
}



@media (max-width:767.98px) { 
/* 진료안내및오시는길 */
.locationContent{gap:var(--padding-2xl);}
.locationContent .sectionTitle{}
	/* 지점기본정보 */
	.aboutBranch_basics{}
	.aboutBranch_basics .Inner{flex-direction:column; }
		/* (오른쪽)기본정보 */
		.aboutBranch_left{}
			/* 페이지상단 */
			.aboutBranch_basics .pageHeader{}
			/* 지점 */
			.aboutBranch_basics .branch{}
			/* 진료시간 */
			.aboutBranch_basics .workTime{}
			.aboutBranch_basics .timeList{}
			.aboutBranch_basics .timeItem{}
			.aboutBranch_basics .timeItem .entry{flex-basis:28%;}
			.aboutBranch_basics .timeItem .field{}
		/* (왼쪽)비쥬얼 */
		.aboutBranch_right{display:none;}
}
	


/*  --------------------------- */
/* 지점켈러리와위치(지점별도구성) */
.aboutBranch_bunch{display:flex; position:relative; flex-direction:column; gap:var(--padding-5xl);}
.aboutBranch_bunch .tab-container{}
.aboutBranch_bunch .tab-container{}
	/* 지점위치안내 */
	.aboutBranch_directions{display:flex; position:relative; flex-direction:column; gap:var(--padding-section);}
	.aboutBranch_directions .Inner{display:flex; position:relative; flex-direction:column; gap:var(--padding-xl);}
	.aboutBranch_directions .sectionTitle{padding-bottom:var(--padding-xl)}
	.aboutBranch_directions .sectionTitle::after{content:''; display:block; position:absolute; left:0px; right:0px; bottom:0px; width:100%; border-bottom:var(--border);}
		/* 지도영역 */
		.aboutBranch_directions .tab-container{}
		.aboutBranch_directions .tab-content{display:flex; position:relative; flex-direction:column; gap:var(--padding-4xl);}
		.aboutBranch_directions .map{display:block; position:relative; width:100%; height:50rem; border:var(--border); overflow:hidden;}
		/* 오시는길 */
		.aboutBranch_directions .List{display:flex; position:relative; align-items:flex-start; gap:var(--padding-xl);}
		.aboutBranch_directions .List li{flex:1; display:block; position:relative;} /* flex:1 1 0;  */
		.aboutBranch_directions .infoBox{display:flex; position:relative; flex-direction:column; align-items:flex-start; justify-content:flex-start; align-self:stretch; gap:var(--padding-lg) }
		.aboutBranch_directions .infoBox .title{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:flex-start; align-self:stretch; gap:var(--padding-sm); }
		.aboutBranch_directions .infoBox .title span{position:relative; font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold); }
		.aboutBranch_directions .infoBox .summary{display:block; position:relative; font-size:var(--font-size-lg);}
		.aboutBranch_directions .infoBox a{display:block; position:relative; }
		.aboutBranch_directions .infoBox p{}
		.aboutBranch_directions .infoBox pre{}

	/* 지점내부켈러리롤링배너 */
	.aboutBranch_banner{display:block; position:relative; margin-top:var(--padding-4xl);}
	.aboutBranch_banner .Inner{}
		/* 롤링배넌 */
		.branchBanner{display:flex; position:relative; width:100%; height:60rem; flex-direction:row; align-items:center; gap:var(--padding-3xl);}
			/* (왼쪽)슬라이드배너 */
			.branchBanner .major-wrapper{display:block; position:relative; flex-basis:80%; height:100%; aspect-ratio:1100/600; border-radius:var(--border-radius-lg); overflow:hidden;}
			.branchBanner .major-wrapper .swiper{}
			.branchBanner .major-wrapper .swiper-wrapper{}
			.branchBanner .major-wrapper a{display:block; position:relative; width:100%; height:100%;}
			.branchBanner .major-wrapper img{display:block; width:100%; height:100%; object-fit:cover;}
			.branchBanner .swiper-counterSet{}
			/* (오른쪽)썸네일버튼 */
			.branchBanner .thumb-wrapper{display:flex; position:relative; flex-direction:column; align-items:center; height:100%; flex:1;  }
			.branchBanner .thumb-btn{display:flex; position:relative; width:100%; align-items:center; justify-content:center; padding:var(--padding); cursor:pointer;}
			.branchBanner .thumb-btn .icon{}
			.branchBanner .branchBanner-thumbs{flex:1; position:relative; width:100%;}
			.branchBanner .branchBanner-thumbs .swiper-slide{border-radius:var(--border-radius-lg); overflow:hidden; cursor:pointer; transition:transform 0.3s, opacity 0.3s;}
			.branchBanner .branchBanner-thumbs .swiper-slide-active{}
			.branchBanner .branchBanner-thumbs .swiper-slide-active img{transform:scale(1.05); opacity:0.7;}
			.branchBanner .branchBanner-thumbs img{display:block; position:relative; width:100%; height:100%; object-fit:cover; transition:transform 0.3s, opacity 0.3s;}
			.branchBanner .thumb-wrapper .swiper-button-disabled{background-color:transparent;}
		

@media (min-width:768px) and (max-width:991.98px) { 
/* 지점내부켈러리롤링배너 */
.aboutBranch_banner{}
.aboutBranch_banner .Inner{}
	/* 지점내부켈러리롤링배너 */
	.branchBanner{height:auto;}
		/* (왼쪽)슬라이드배너 */
		.branchBanner .major-wrapper{width:100%; flex-basis:100%;;}
		.branchBanner .swiper-counterSet{}
		/* (오른쪽)썸네일버튼 */
		.branchBanner .thumb-wrapper{display:none; }
}


@media (max-width:767.98px) { 
/* 지점켈러리와위치(지점별도구성) */
.aboutBranch_banner{margin-top:var(--padding-xl);}
.aboutBranch_banner .Inner{}
	/* 지점위치안내 */
	.aboutBranch_directions{gap:var(--padding-2xl);}
	.aboutBranch_directions .Inner{}
		/* 지도영역 */
		.aboutBranch_directions .tab-container{}
		/* 오시는길 */
		.aboutBranch_directions .List{flex-direction:column; }

	/* 지점내부켈러리롤링배너 */
	.branchBanner{height:auto;}
		/* (왼쪽)슬라이드배너 */
		.branchBanner .major-wrapper{width:100%; flex-basis:100%;;}
		.branchBanner .swiper-counterSet{}
		/* (오른쪽)썸네일버튼 */
		.branchBanner .thumb-wrapper{display:none; }

}



/* =========================================================================== */
/* [브랜드용] 지점안내및오시는길(전체지점리스트) */
.branchWrap{background-color:var(--bg-color-low);}
.branchWrap .Container{}
.branchWrap .contentWrap{}

/* 리스트영역 */
.branchWrap .listArea{}
.aboutBranch-branchAllList{display:block; position:relative; }
.aboutBranch-branchAllList .Inner{display:flex; position:relative; flex-direction:column; gap:var(--padding-4xl);}
.aboutBranch-branchAllList .tab-header{}
.aboutBranch-branchAllList .tabMenuList{}
.aboutBranch-branchAllList .tab-body{}
.aboutBranch-branchAllList .accordion-list{gap:var(--padding-4xl);}

/* 지점별안내 */
.aboutBranchCombineContent{display:flex; position:relative; flex-direction:column; gap:var(--padding-4xl); border-radius:var(--border-radius-xl); background-color:var(--bg-color-light); padding:var(--padding-4xl); }
	/* 지점기본정보 */
	.aboutBranchCombine_basics{display:flex; position:relative; flex-direction:column;}
	.aboutBranchCombine_basics .inner{display:flex; position:relative; gap:var(--padding-4xl);}
	.aboutBranchCombine_basics .inner > *{flex:1 1 0;}
		/* (오른쪽)기본정보 */
		.aboutBranchCombine_left{display:flex; position:relative; flex-direction:column; gap:var(--padding-3xl);}
			/* 지점 */
			.aboutBranchCombine_basics .branch{display:flex; position:relative; flex-direction:column;}
			.aboutBranchCombine_basics .branchTitle{display:block; position:relative}
			.aboutBranchCombine_basics .branchName{display:block; position:relative; font-size:var(--font-size-5xl); line-height:var(--line-height-xs); font-weight:var(--font-weight-bold);}
			/* 마감 */
			.aboutBranchCombine_basics .lastTime{display:flex; position:relative; flex-direction:column; }
			.aboutBranchCombine_basics .lastTime p{display:block; position:relative; color:var(--font-color-lowlow); font-size:var(--font-size-xl); font-weight:var(--font-weight-bold);}
			.aboutBranchCombine_basics .lastTime p span{color:var(--font-color);}
			/* 컨텍트 */
			.aboutBranchCombine_basics .contact{display:flex; position:relative; flex-direction:column; gap:var(--padding);}
			.aboutBranchCombine_basics .contact .Link{display:flex; position:relative; align-items:center; gap:var(--padding-lg);}
			.aboutBranchCombine_basics .contact .logo{display:inline-flex; position:relative; justify-content:center; align-items:center;}
			.aboutBranchCombine_basics .contact .logo p{display:inline-flex; position:relative; justify-content:center; align-items:center; height:var(--icon-size-lg); aspect-ratio:var(--image-ratio-square); border-radius:var(--border-radius-max); background-color:var(--bg-color); overflow:hidden;}
			.aboutBranchCombine_basics .contact .logo .icon{height:var(--icon-size);}
			.aboutBranchCombine_basics .contact .logo img{height:var(--icon-size-lg);}
			.aboutBranchCombine_basics .contact .title{display:inline-block; position:relative; font-weight:var(--font-weight-semibold);}
			/* 더보기펼치기 */
			.aboutBranchCombine_basics .mornBtn{display:flex; position:relative; gap:var(--padding-lg); color:var(--primary);}
		/* (왼쪽)비쥬얼 */
		.aboutBranchCombine_right{display:flex; position:relative; flex-direction:column; align-self:center;}
		.aboutBranchCombine_right .visual{display:block; position:relative; width:100%; ;}
		.aboutBranchCombine_right .visual img{border-radius:var(--border-radius-xl)}

	/* 지점위치안내 */
	.aboutBranchCombine_directions{display:flex; position:relative; width:100%;  }
	.aboutBranchCombine_directions .inner{display:flex; position:relative;  width:100%; flex-direction:column; gap:var(--padding-4xl); padding-top:var(--padding-4xl);}
	.aboutBranchCombine_directions .inner::before{content:''; display:block; position:absolute; left:0px; right:0px; top:0px; width:100%; border-top:var(--border);}
		/* 레이아웃 */
		.aboutBranchCombine_directions .List{display:flex; position:relative; align-items:flex-start; gap:var(--padding-2xl);}
		.aboutBranchCombine_directions .List li{flex:1 1 0; display:block; position:relative;}
		.aboutBranchCombine_directions .infoBox{display:flex; position:relative; flex-direction:column; align-items:flex-start; justify-content:flex-start; align-self:stretch; gap:var(--padding-lg);}
		.aboutBranchCombine_directions .infoBox .title{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:flex-start; align-self:stretch; gap:var(--padding-sm);}
		.aboutBranchCombine_directions .infoBox .title span{position:relative; font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold); line-height:1em;
		}
		.aboutBranchCombine_directions .infoBox .summary{display:block; position:relative; font-size:var(--font-size-lg);}
		.aboutBranchCombine_directions .infoBox a{display:block; position:relative;}
		.aboutBranchCombine_directions .infoBox p{}
		.aboutBranchCombine_directions .infoBox pre{}
			/* 진료시간 */
			.aboutBranchCombine_directions .workTime{display:flex; position:relative; flex-direction:column; gap:var(--padding);}
			.aboutBranchCombine_directions .timeList{display:flex; position:relative; flex-direction:column; gap:var(--padding); width:100%;}
			.aboutBranchCombine_directions .timeItem{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:flex-start; font-size:var(--font-size-lg); gap:var(--spacing-sm);}
			.aboutBranchCombine_directions .timeItem .entry{display:block; position:relative; width:25%; color:var(--font-color-lowlow); font-weight:var(--font-weight-bold);}
			.aboutBranchCombine_directions .timeItem .field{flex:1; display:block; position:relative;}
			/* 오시는길 */
			.aboutBranchCombine_directions  .mapInfo{}
			/* 닥터스가기 */
			.aboutBranchCombine_directions  .goPage{}
			.aboutBranchCombine_directions  .goPage .title img{height:var(--icon-size);}
		/* 지도영역 */
		.aboutBranchCombine_directions .map{display:block; position:relative; width:100%; height:40dvh; border:var(--border); overflow:hidden;}

@media (max-width:767.98px) {
/* 지점별안내 */
.aboutBranchCombineContent{padding:var(--padding-xl); }
	/* 지점기본정보 */
	.aboutBranchCombine_basics{}
	.aboutBranchCombine_basics .inner{flex-direction:column; gap:var(--padding-xl);}
	/* 지점위치안내 */
	.aboutBranchCombine_directions{}
		/* 레이아웃 */
		.aboutBranchCombine_directions .List{flex-direction:column; gap:var(--padding-4xl);}
}



/* =========================================================================== */
/* =========================================================================== */
/* =========================================================================== */
/* =========================================================================== */
/* 프로모션이벤트 */
.eventsWrap{}

/* --------------------------------------------------------------------------- */
/* 프로모션이벤트페이지 */
.eventsArea{display:block; position:relative;}



/* 배너 숨김처리20250929 */
.eventBanner{display:block; position:relative;}
.eventBanner a{display:block; position:relative; }
.eventBanner .Bnner{display:block; position:relative;}
.eventBanner .Inner{width:100%; min-width:var(--cont-width); height:30rem; padding:0px; overflow:hidden;}
.eventBanner .bannerImg{display:block; position:absolute; width:100%; height:100%; object-fit:cover;}
@media (max-width:767.98px) { /* 모바일 only:~767.98px 스마트폰 전용 스타일 */
	.eventBanner .Inner{height:10rem;}
}

/* <section class="eventBanner" aria-label="배너">
<a href="">
	<div class="Bnner">
		<div class="Inner"><img src="/assets/images/test_thumbanner.jpg" alt="" class="bannerImg"></div>
	</div>
</a>
</section> */


/* ------------------------- */
/* 리스트영역 */
.eventsArea .listArea{}
	/* 정렬옵션 */
	.eventsArea .headControl{}
	.eventsArea .headControl .Inner{gap:var(--padding-xl);}
	.eventsArea .headControl .Inner:nth-child(1) .headControl-right{}
	/* 이벤트리스트 */
	.eventList{display:grid; position:relative; grid-template-columns:repeat(2, 1fr); gap:var(--padding-3xl); justify-content:center; align-items:center; overflow:hidden;}
	.eventList li{display:flex; position:relative; height:100%; align-items:flex-start;}
	.eventList a{display:block; position:relative; width:100%;}
	.eventList li:nth-child(4n-1) .event-thum,
	.eventList li:nth-child(4n) .event-thum {order:2;} /* 2칸씩했을때 홀수줄 순서바뀜 */
	.eventList li:nth-child(4n-1) .event-cont,
	.eventList li:nth-child(4n) .event-cont {order:1;}
@media (max-width:767.98px) { /* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* 리스트영역 */
.eventsArea .listArea{}
	/* 정렬옵션 */
	.eventsArea .headControl{padding:0px;}
	.eventsArea .headControl .Inner:nth-child(1) .headControl-right{display:none;}
	/* 이벤트리스트 */
	.eventList{grid-template-columns:repeat(1, 1fr); gap:var(--padding-xl);}
	.eventList li:nth-child(4n-1) .event-thum,
	.eventList li:nth-child(4n) .event-thum {order:1;}
	.eventList li:nth-child(4n-1) .event-cont,
	.eventList li:nth-child(4n) .event-cont {order:2;}
}


/* ------------------------- */
/* 이벤트썸네일 */
.eventCard{display:block; position:relative; width:100%; transition:var(--transition); cursor:pointer; }
.eventCard a{display:block; position:relative; }
.eventCard dl{display:flex; position:relative; width:100%; flex-direction:row; gap:var(--padding);}
	/* 이미지 aspect-ratio:var(--image-ratio-event)  */
	.eventCard .event-thum{flex:1; flex-basis:50%; display:block; position:relative;}
	.eventCard .proc-thum{display:block; position:relative; border-radius:var(--border-radius-lg); overflow:hidden;}
	.eventCard .proc-thum img{width:100%; transition:var(--transition);}
	/* 내용 */
	.eventCard .event-cont{flex:1; flex-basis:50%; display:flex; position:relative; flex-direction:column; justify-content:space-between; gap:var(--padding); border-radius:var(--border-radius-lg); overflow:hidden; padding:3.6rem;}
	.eventCard .proc-info{display:block; position:relative; width:100%;}
	.eventCard .proc-title{display:block; position:relative; font-size:var(--font-size-3xl); font-weight:var(--font-weight-bold); line-height:var(--line-height-sm);}
	.eventCard .proc-titleSub{display:block; position:relative; font-size:var(--font-size-xl);}
	.eventCard .proc-keyword{display:flex; position:relative; flex-wrap:wrap; gap:var(--padding); margin-top:var(--padding);}
	.eventCard .badge{display:inline-block; position:relative; color:var(--font-color); line-height:1em; border-radius:var(--border-radius); background-color:var(--bg-color-light); padding:var(--padding) var(--padding);}
	.eventCard .proc-date{display:block; position:relative; }
	.eventCard .proc-date p{font-size:var(--font-size-lg); font-weight:var(--font-weight-sm); line-height:var(--line-height-sm);}
	/* 효과 */
	.eventCard:hover .proc-thum,
	.eventCard:hover .event-cont{box-shadow:var(--box-shadow);}
	.eventCard .proc-thum:hover img{transform:scale(1.05); }
	/* 이벤트썸네일-테마(폰트색상) */
	.eventCard.theme-dark{}
	.eventCard.theme-light{} /* 배경이 #fff 일때처리  */
	.eventCard.theme-white{} 


@media (min-width:768px) and (max-width:991.98px) {
/* 이벤트썸네일 */
.eventCard{}
.eventCard dl{}
	/* 이미지 */
	.eventCard .event-thum{}
	/* 정보 */
	.eventCard .event-cont{padding:var(--padding-2xl);}
	.eventCard .proc-info{}
	.eventCard .proc-title{font-size:var(--font-size-2xl);}
	.eventCard .proc-titleSub{font-size:var(--font-size-lg);}
	.eventCard .proc-keyword{}
	.eventCard .proc-date p{}
}




@media (max-width:767.98px) {
/* 이벤트썸네일 */
.eventCard{}
.eventCard dl{}
	/* 이미지 */
	.eventCard .event-thum{}
	/* 정보 */
	.eventCard .event-cont{padding:var(--padding-lg);}
	.eventCard .proc-info{}
	.eventCard .proc-title{font-size:var(--font-size-xl); letter-spacing:-0.05rem; }
	.eventCard .proc-titleSub{font-size:var(--font-size-lg);}
	.eventCard .proc-keyword{margin-top:var(--padding-sm); display:none;} /* 모바일키워드숨김 20251028 */ 
	.eventCard .proc-date{}
	.eventCard .proc-date p{letter-spacing:-0.1rem; }
}

/* ------------------------- */
/* 이벤트썸네일-서브삽입용  */
.eventCard-inside{display:block; position:relative; width:100%;}
.eventCard-inside a{display:block; position:relative; }
.eventCard-inside dl{display:flex; position:relative; width:100%; flex-direction:column; gap:var(--padding-xl);}
	/* 이미지 */
	.eventCard-inside .event-thum{display:block; position:relative;}
	.eventCard-inside .proc-thum{display:flex; align-items:center; justify-content:center; width:100%;  border-radius:var(--border-radius-lg); overflow:hidden;}
	.eventCard-inside .proc-thum img{display:block; width:100%; height:100%; object-fit:cover; transition:var(--transition);}
	.eventCard-inside .proc-thum:hover img{transform:scale(1.05); }
	/* 내용 */	
	.eventCard-inside .event-cont{display:block; position:relative;}
	.eventCard-inside .proc-info{display:flex; position:relative; flex-direction:column; gap:var(--padding);}
	.eventCard-inside .proc-title{display:block; position:relative; font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold);}
	.eventCard-inside .proc-titleSub{display:block; position:relative; color:var(--font-color-low); font-size:var(--font-size-lg); font-weight:var(--font-weight-medium);}
	.eventCard-inside .proc-keyword{display:flex; position:relative; gap:var(--padding); margin-bottom:var(--padding);}
	.eventCard-inside .badge{display:inline-block; position:relative; line-height:1em; border-radius:var(--border-radius); background-color:var(--bg-color-light); padding:var(--padding) var(--padding);}
	.eventCard-inside .proc-date{display:block; position:relative; border-top:var(--border); padding-top:0.5rem; margin-top:0.5rem; }

/* 이벤트서브삽입용(게시판) :공지사항 */
.boardinside-banner{display:block; position:relative; width:100%;}
.boardinside-banner .Inner{}
	.boardinside-swiper.swiper{display:block; position:relative; width:100%;}
	.boardinside-swiper .eventCard-inside{width:100% !important;}
	.boardinside-swiper .swiper-slide{}



/* ------------------------- */
/* 이벤트썸네일-메인 */
.eventCard-main{display:block; position:relative; width:100%;}
.eventCard-main a{display:block; position:relative; }
.eventCard-main dl{display:flex; position:relative; width:100%; flex-direction:column; gap:var(--padding-3xl);}
	/* 이미지 */
	.eventCard-main .event-thum{display:block; position:relative;}
	.eventCard-main .proc-thum{display:flex; align-items:center; justify-content:center; width:100%; border-radius:var(--border-radius-lg); overflow:hidden;}
	.eventCard-main .proc-thum img{display:block; width:100%; height:100%; object-fit:cover; transition:var(--transition);}
	.eventCard-main .proc-thum:hover img{transform:scale(1.05); }
	/* 내용 */	
	.eventCard-main .event-cont{display:block; position:relative;}
	.eventCard-main .proc-info{display:flex; position:relative; flex-direction:column; gap:var(--padding);}
	.eventCard-main .proc-title{display:block; position:relative; font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold);}
	.eventCard-main .proc-titleSub{display:block; position:relative; font-size:var(--font-size-xl); font-weight:var(--font-weight-medium);}
	.eventCard-main .proc-keyword{display:flex; position:relative; flex-wrap:wrap; gap:0px var(--padding); }
	.eventCard-main .badge{display:inline-block; position:relative; color:var(--primary); font-weight:var(--font-weight-bold);}
	.eventCard-main .proc-date{display:block; position:relative; border-top:var(--border); padding-top:0.5rem; margin-top:0.5rem; }

@media (max-width:767.98px) {
/* 이벤트썸네일-메인 */
.eventCard-main{}
.eventCard-main dl{}
	/* 이미지 */
	.eventCard-main .event-thum{}
	/* 내용 */	
	.eventCard-main .event-cont{}
	.eventCard-main .proc-title{font-size:var(--font-size-2xl);}
	.eventCard-main .proc-titleSub{font-size:var(--font-size-lg);}
}



/* =========================================================================== */
/* =========================================================================== */
/* =========================================================================== */
/* =========================================================================== */
/* 예약 */
.reservationWrap{background-color:var(--bg-color-low);}
.reservationWrap .contentWrap{}
.reservationWrap .Container{}

/* [시술예약] 헤더 */
.reservationWrap  .pageHeader{}
.reservationWrap  .pageHeader .Right{display:none;}

/* 고객정보폼 */
.userForm{display:block; position:relative;}
.userForm legend{display:none;}
	/* 작성영역 */
	.userForm .create{}
	.userForm .formList{display:flex; position:relative; flex-direction:column; gap:1.5rem;}
	.userForm .formset .Entry{display:none;}
	.userForm .List li{display:block; position:relative;}
	/* 전송영역 */
	.userForm .Submit{display:block; position:relative; margin-top:var(--padding-xl);}
	.userForm .Submit .agreebar{}
	.userForm .Submit .agreebar label{flex:1;}

/* [모달] 예약고객정보 */
.modalUserinfo{}
.modalUserinf .modal-header{}
.modalUserinf .modal-body{}
.modalUserinf .modal-body .userForm{}
.modalUserinf .modal-body .create{}
.modalUserinf .modal-body .formList{}
.modalUserinf .modal-body .formList .sns .Box{display: flex; gap:var(--padding); justify-content:space-between;}
.modalUserinf .modal-body .formList .sns .Box{}
.modalUserinf .modal-footer{}


/* --------------------------------------------------------------------------- */	
/* 온라인 시술예약 */
.reservationContent{display:flex; position:relative; flex-direction:column; gap:4rem;}
@media (max-width:767.98px) { /* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* 온라인 시술 예약 */
.reservationContent{}
}


/* [시술예약] 예약단계상태바 */
.stateSection{}
	/* 예약단계상태바 */
	.state-bar{display:block; position:relative;}
	.state-bar .List{display:flex; position:relative; width:100%; flex-direction:row; justify-content:center; align-items:center; gap:var(--padding); color:var(--font-color-lowlow); border-radius:var(--border-radius-lg); border:0.15rem solid var(--border-color-disabled); background:var(--bg-color-light); padding:var(--padding);}
	.state-bar .List li{display:block; position:relative; text-align:center; }
	.state-bar .List li:nth-child(odd){flex:1;} /* 홀수 */
	.state-bar .List li:nth-child(even){flex:0 0 auto;} /* 짝수 */
	.state-bar .step{display:flex; position:relative; justify-content:center; align-items:center; gap:var(--padding); font-size:var(--font-size-2xl); padding:var(--padding)}
	.state-bar .step .num{display:inline-block; }
	.state-bar .step .title{display:inline-block; font-weight:var(--font-weight-semibold);}
	.state-bar .space{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:center; gap:0; }
	.state-bar .arrow{display:inline-block; position:relative; background-color:var(--gray-25); border-radius:var(--border-radius-lg); padding:var(--padding-sm); overflow:hidden;}
	.state-bar .arrow .icon{}
	.state-bar li.item{} /* 스탭 */
	.state-bar .Active{color:var(--primary); }

@media (max-width:991.98px) { /* 모바일 + 태블릿:~991.98px 모바일과 태블릿 공통 스타일 */
/* [시술예약] 예약단계상태바 */
.stateSection{}
	/* 예약단계상태바 */
	.state-bar{}
	.state-bar .List{}
	.state-bar .step{flex-direction:column; font-size:var(--font-size-lg); gap:0rem; text-align:center;}
	.state-bar .arrow{padding:var(--padding-sm) var(--padding); }
	.state-bar .arrow .icon{width:var(--icon-size-xs); height:var(--icon-size-xs);}
	.state-bar li.item{align-self:stretch;} /* 스탭 */
}


/* ------------------------- */
/* [시술예약 step] 아코디언메뉴 */
.accordionStep-list{display:flex; position:relative; flex-direction:column;}
.accordionStep-list .accordionStep-item{}
.accordionStep-list [data-accordionStep-button]{cursor:pointer;}
.accordionStep-list [data-accordionStep-target]{display:none; position:relative;} /* 일단숨김 */
.accordionStep-list .toggleIconStep{display:inline-block; transition:var(--transition-time);}
.accordionStep-list .is-closestep .toggleIconStep{}
.accordionStep-list .is-openstep .toggleIconStep .icon{transform:rotate(180deg);}
.accordionStep-indicator{} /* 상태바 */



/* --------------------------------------------------------------------------- */	
/* [시술예약 step] 기본구조 */	
.bookField{display:block; position:relative;}
.bookField fieldset{display:flex; position:relative; flex-direction:column; align-items:flex-start; justify-content:flex-start; border:var(--border); background-color:var(--font-color-light);}
	/* step해드 */
	.step-head{display:flex; position:relative; align-self:stretch; flex-direction:row; align-items:center; justify-content:space-between; padding:var(--stepbody-padding); gap:var(--padding);}
		/* step해드-왼쪽 */
		.step-head .left{display:flex; position:relative; flex:1; flex-direction:row; align-items:center; justify-content:flex-start; gap:var(--padding); font-size:var(--font-size-2xl); }
		.step-head .step{display:flex; position:relative; justify-content:center; align-items:center; gap:var(--padding); color:var(--font-color-lowlow); }
		.step-head .step .num{display:inline-block; }
		.step-head .step .title{display:inline-block;}
		.step-head .optionInfo{position:relative; font-weight:var(--font-weight-semibold);}
		.step-head .optionInfo .icon{}
		.step-head .optionInfo .title{}
		.step-head .welcomeMsg{display:flex; position:relative; justify-content:flex-start; align-items:center; transform:var(--transition-view); opacity:1;} /* 열림상태일때 */
		.step-head .welcomeMsg .step{ font-weight:var(--font-weight-semibold);}
		.step-head .stateMsg{display:flex; position:relative; justify-content:flex-start; align-items:center; transform:var(--transition-view); opacity:1;} /* 닫힘상태일때 */
		/* step해드-오른쪽 */
		.step-head .right{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:flex-end; gap:var(--padding);}
		.step-head .stepToggleBtn{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:center; gap:var(--padding); font-size:var(--font-size-xl); cursor:pointer; transform:var(--transition-view); opacity:1;}
		.step-head .stepToggleBtn span{display:inline-block; position:relative; background-color:var(--gray-25); border-radius:var(--border-radius-lg); padding:0px var(--padding-sm); transform:var(--trasform);}
		.step-head .stepToggleBtn .icon{transform:var(--trasform);}
		.step-head .stepToggleBtn:hover span{box-shadow:var(--box-shadow);}
	/* step컨텐츠 */
	.step-cont{display:flex; position:relative; width:100%; align-self:stretch; flex-direction:column; align-items:center; justify-content:flex-start; border-top:1px solid var(--border-color); display:none;} /* 일단숨김 */
		/* step바디 */
		.step-body{display:flex; position:relative; align-self:stretch; flex-direction:row; align-items:center; justify-content:flex-start; }
			/* 공통class */
			.stepbody-item{flex:1; padding:var(--stepbody-padding); transition:var(--transition);}
			/* step바디-왼쪽 */
			.stepbody-left{display:flex; position:relative; align-self:stretch; flex:1; flex-direction:column; align-items:flex-start; justify-content:flex-start;}
			/* step바디-오른쪽 */
			.stepbody-right{display:flex; position:relative; align-self:stretch; flex:1; flex-direction:column; align-items:flex-start; justify-content:flex-start;}
			.stepbody-right::before{content:''; display:block; position:absolute; top:0px; left:0px; right:0px; width:100%; border-top:var(--border); display:none;}
			.stepbody-right::after{content:''; display:block; position:absolute; top:0px; bottom:0px; left:0px; height:100%; border-left:var(--border);}
			/* step바디-단독일때 */
			.stepbody-center{display:flex; position:relative; width:100%; flex-direction:column;}
			/* step바디-위아래로나뉠때 */
			.stepbody-top{flex:1; display:flex; position:relative; width:100%; flex-direction:column;}
			.stepbody-bottom{display:flex; position:relative; width:100%; flex-direction:column;}
		/* step푸터 */
		.step-footer{display:flex; position:relative; align-self:stretch; flex-direction:row; align-items:center; justify-content:flex-start; gap:var(--padding); border-top:1px solid var(--border-color); padding:var(--stepbody-padding); }
		.step-footer .Submit{display:flex; position:relative; flex:1; flex-direction:row; align-items:center; justify-content:center;}
		.step-footer .Submit .Btn{min-width:24rem;}
	/* step상태 */
	.step-head .stateMsg{}
	.bookField.is-openstep{}
	.bookField.is-openstep fieldset{box-shadow:var(--box-shadow-sm);}
	.bookField.is-openstep fieldset::before{content:''; display:block; position:absolute; top:-1px; left:0px; right:0px; width:100%; border-top:3px solid var(--primary);}
	.bookField.is-openstep .welcomeMsg{}
	.bookField.is-openstep .stateMsg{display:none;}
	.bookField.is-openstep .step-head .right{} 
	.bookField.is-openstep .stepToggleBtn{display:none;} /* display:none; 변경하기버튼 stepToggleBtn */
	.bookField.is-openstep .stepToggleBtn .icon{transform:rotate(180deg);}

	.bookField.is-closestep{}
	.bookField.is-closestep fieldset{}
	.bookField.is-closestep .welcomeMsg{display:none;}
	.bookField.is-closestep .stateMsg{}

	.accordionStep-list .is-closestep .toggleIconStep{}
	



@media (max-width:991.98px) { 
/* [시술예약 step] 기본구조 */	
.bookField{}
.bookField fieldset{}
	/* step해드 */
	.step-head{}
		/* step해드-왼쪽 */
		.step-head .left{flex-direction:column; align-items:flex-start; font-size:var(--font-size-lg); gap:0px;}
		.step-head .step{}
		/* step해드-오른쪽 */
		.step-head .right{}
		.step-head .stepToggleBtn{font-size:var(--font-size-lg);}
	/* step컨텐츠 */
	.step-cont{}
		/* step바디 */
		.step-body{flex-direction:column;}
			/* 공통class */
			.stepbody-item{}
			/* step바디-왼쪽 */
			.stepbody-left{}
			/* step바디-오른쪽 */
			.stepbody-right{}
			.stepbody-right::before{display:block;}
			.stepbody-right::after{display:none;}
			/* step바디-단독일때 */
			.stepbody-center{}
			/* step바디-위아래로나뉠때 */
			.stepbody-top{}
			.stepbody-bottom{}
	/* step푸터 */
	.step-footer{}
	.step-footer .Submit{}
	.step-footer .Submit .Btn{min-width:auto;}
	.step-footer .Submit > *{flex:1;}

}


@media (max-width:767.98px) { 
/* [시술예약 step] 기본구조 */	
.bookField{}
.bookField fieldset{}
	/* step해드 */
	.step-head{}
		/* step해드-왼쪽 */
		.step-head .left{}
		.step-head .welcomeMsg{}
		.step-head .stateMsg{flex-direction:column; align-items:flex-start;}
		/* step해드-오른쪽 */
		.step-head .right{}
		.step-head .stepToggleBtn{}

}




/* --------------------------------------------------------------------------- */	
/* STEP01-예약시술선택 */
.bookStep1{}

/* [시술예약 step1] 기본구조 */
.bookStep1.bookField{}
.bookStep1.bookField fieldset{}
	/* step해드 */
	.bookStep1 .step-head{}
		/* step해드-왼쪽 */
		.bookStep1 .step-head .left{}
		/* step해드-오른쪽 */
		.bookStep1 .step-head .right{}
	/* step컨텐츠 */
	.bookStep1 .step-cont{}
		/* step바디 */
		.bookStep1 .step-body{}	
			/* 공통class */
			.bookStep1 .stepbody-item{}
			/* step바디-왼쪽 */
			.bookStep1 .stepbody-left{gap:var(--stepbody-padding); padding:var(--stepbody-padding) 0px;}
			/* step바디-오른쪽 */
			.bookStep1 .stepbody-right{}
			/* step바디-단독일때 */
			.bookStep1 .stepbody-center{}
			/* step바디-위아래로나뉠때 */
			.bookStep1 .stepbody-top{}
			.bookStep1 .stepbody-bottom{}
		/* step푸터 */
		.bookStep1 .step-footer{}

@media (max-width:767.98px) { /* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* [시술예약 step1] 기본구조 */
.bookStep1.bookField{}
			/* step바디-왼쪽 */
			.bookStep1 .stepbody-left{gap:var(--padding-xl); }
}




 /* ------------------------- */
/* [시술예약 step1] 시술기본썸네일 */

/* 시술썸네일 */
.procCard{display:block; position:relative; width:100%; transform:var(--trasform);}
.procCard .inner{display:flex; position:relative; width:100%; flex-direction:row; justify-content:space-between; align-content:center; align-items:center; align-self:center; flex-wrap:wrap; gap:var(--padding);}
	/* 시술정보 */
	.procCard .proc-info{flex:1; display:flex; position:relative; flex-direction:row; gap:var(--padding); align-items:flex-start; justify-content:flex-start; }
		/* 선택영역 */
		.procCard label{flex:1; display:flex; position:relative; flex-direction:row; align-items:stretch; justify-content:flex-start; gap:var(--padding);}
			.procCard .option-check{display:flex; position:relative; flex-direction:row; align-items:flex-start; justify-content:flex-start; align-self:stretch; padding-top:var(--padding-xs);}
			.procCard .option-check input[type=checkbox]{}
			/* 시술명 */
			.procCard .option-info{flex:1; display:flex; position:relative; flex-direction:row; align-items:flex-start; justify-content:flex-start; align-self:stretch; }
			.procCard .option-info .title{flex:1; display:block; position:relative;}
			.procCard .option-info .summary{}
			/* 가격 */
			.procCard .option-price{display:flex; position:relative; flex-direction:row; gap:var(--padding); align-self:flex-start; justify-content:flex-end; }
			.procCard .cost{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:flex-end; padding-top:var(--padding-xs);}
			.procCard .cost del{position:relative; color:var(--font-color-lowlow); text-align:right; font-size:var( --font-size-xs);}
			.procCard .cost span{}
			.procCard .price{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:flex-end; }
			.procCard .price p{position:relative; font-weight:var(--font-weight-bold);}
			.procCard .price span{font-weight:var(--font-weight-medium);}
			.procCard .checkDelBtn{display:inline-block; position:relative; color:var(--font-color-low); border-radius:var(--border-radius); padding:var(--padding-sm); transform:var(--trasform);}
			.procCard .checkDelBtn:hover{box-shadow:var(--box-shadow);}
			.procCard .counsel{display:flex; position:relative; align-items:center; justify-content:flex-end; font-weight:var(--font-weight-semibold);} /* 상담후결정&내원후결정 문구넣을때 */
			.procCard .counsel p{}
		/* 버튼 */
		.procCard .option-btn{display:flex; position:relative; flex-direction:row; gap:var(--padding); align-items:flex-start; justify-content:flex-end; align-self:stretch; }
		.procCard .delBtn{display:inline-block; position:relative; border-radius:var(--border-radius); transform:var(--trasform); overflow:hidden;}
		.procCard .delBtn .icon{}
		.procCard .delBtn:hover .icon{transform:rotate(90deg);}

	/* 열고닫기 */
	.procCard .proc-toggle{display:flex; position:relative; flex-direction:row; align-items:flex-start; justify-content:flex-end; align-self:stretch; }
	.procCard .toggleBtn{display:flex; position:relative; flex-direction:row; gap:0px; align-items:center; justify-content:flex-start; background:var(--gray-25); border-radius:var(--border-radius-lg); padding:var(--padding-sm); transform:var(--trasform); overflow:hidden;}
	.procCard .toggleBtn .icon{}
	.procCard .toggleBtn:hover{box-shadow:var(--box-shadow);}
	/* 비어있을때 */
	.procSelectPack .emptyMsg{flex:1; display:flex; position:relative; flex-direction:column; justify-content:center; align-self:center;}
	.procSelectPack .emptyMsg p{display:inline-block; position:relative; text-align:center;}

	/* 별도처리 - 대표상품일때 */
	.procCard_mainitem{}
	.procCard_mainitem .option-info .title{font-size:var(--font-size-lg); font-weight:var(--font-weight-semibold);}
	.procCard_mainitem .cost{display:none;}
	.procCard_mainitem .price{font-size:var(--font-size-lg);}
	/* 별도처리 - 옵션상품일때 */
	.procCard_subitem{}
	.procSelectPack .cost{display:none;}
	/* 별도처리 - 선택된목록대표일때 */
	.procCard_subitem{}

	/* 시술썸네일(별도구성 사이즈축소) */
	.procCard.downsize{}
	.procCard.downsize .inne{}
		/* 시술정보 */
		.procCard.downsize .proc-info{}
			/* 선택영역 */
			.procCard.downsize label{flex-wrap:nowrap;}
			.procCard.downsize .option-check{}
			.procCard.downsize .option-check input[type=checkbox]{width:var(--icon-size-sm); height:var(--icon-size-sm);}
			/* 시술명 */
			.procCard.downsize .option-info{}
			.procCard.downsize .option-info .title{font-size:var(--font-size-sm);}
			/* 가격 */
			.procCard.downsize .option-price{flex-direction:column; gap:0px;}
			.procCard.downsize .cost{}
			.procCard.downsize .cost del{}
			.procCard.downsize .cost span{}
			.procCard.downsize .price{}
			.procCard.downsize .price p{font-size:var(--font-size-sm);}
			.procCard.downsize .price span{}
			.procCard.downsize .option-btn{}
			.procCard.downsize .delBtn{}
			.procCard.downsize .delBtn .icon{height:var(--icon-size-sm);}
			.procCard.downsize .delBtn:hover .icon{}
			.procCard.downsize .checkDelBtn{}
			.procCard.downsize .checkDelBtn:hover{}
		/* 열고닫기 */
		.procCard.downsize .proc-toggle{}
		.procCard.downsize .toggleBtn{}
		.procCard .toggleBtn .icon{height:var(--icon-size-sm);}
		.procCard .toggleBtn:hover{}


@media (max-width:767.98px) { /* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* [시술예약 step1] 시술기본썸네일 */
/* 시술썸네일 */
.procCard{}
	/* 시술정보 */
	.procCard .proc-info{}
		/* 선택영역 */
		.procCard label{}
		/* 시술명 */
		.procCard .option-info{}
		/* 가격 */
		.procCard .option-price{gap:var(--padding-xs);}
		.procCard .cost{}
		.procCard .price{}

	/* 별도처리 - 대표상품일때 */
	.procCard_mainitem{}
	.procCard_mainitem .option-price{}
}





 /* ------------------------- */
/* [시술예약 step1] 시술상품타입탭메뉴 */
.tab-header.procTypeMenu{}
.procTypeMenu{}
.procTypeMenu .tabMenu{}
.procTypeMenu .tabMenu::before{content:''; position:absolute; bottom:0px; left:50%; right:0px; width:0%; border-bottom:2px solid transparent; transition:var(--transition-tiem);}
.procTypeMenu .tabMenu.Active{}
.procTypeMenu .tabMenu.Active::before{left:0px; width:94%; border-color:var(--primary);}

	/* 탭컨테츠 */
	.procTypeMenu-tabBody{display:flex; position:relative; width:100%; flex-direction:column; gap:var(--stepbody-padding);}
	.procTypeMenu-tabCotn{display:flex; position:relative; width:100%; flex-direction:column; gap:var(--stepbody-padding);}
	/* 별도처리 */
	.bookStep1 .procTypeMenu{padding:0px var(--stepbody-padding);}

@media (max-width:767.98px) { /* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* [시술예약 step1] 시술상품타입탭메뉴 */
.procTypeMenu{}
	/* 별도처리 */
	.bookStep1 .procTypeMenu{padding:var(--stepbody-padding) var(--stepbody-padding);}
}

 /* ------------------------- */
 /* [시술예약 step1]시술상품카테고리탭메뉴 */
 .procCategoryMenu{display:block; position:relative; width:100%;}
 .procCategoryMenu .List{display:grid; position:relative; width:100%; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1px; color:var(--font-color-lowlow); background-color:var(--bg-color); cursor:pointer;}
 .procCategoryMenu li{display:flex; position:relative; justify-content:center; background-color:var(--bg-color-low); transition:var(--transition-tiem);}
 .procCategoryMenu .menu{display:flex; position:relative; align-self:center; text-align:center; padding:var(--padding); flex:1;}
 .procCategoryMenu .menu span{display:block; position:relative; width:100%;}
 .procCategoryMenu .Active{color:var(--font-color-light); background-color:var(--primary);}
 .procCategoryMenu li:hover{box-shadow:var(--box-shadow-sm); z-index:var(--z-index);}
 	/* 탭컨테츠(스크롤바) */
	.procCategoryMenu-tabCont{}
	.procCategoryMenu-tabCont.scrollBox{min-height:50dvh; padding:0px var(--stepbody-padding)}
	.procCategoryMenu-tabCont.accordion-list{}
 	/* 별도처리 */
	 .bookStep1 .procCategoryMenu{padding:0px var(--stepbody-padding);}

@media (max-width:767.98px) { /* 모바일 only:~767.98px 스마트폰 전용 스타일 */
 /* [시술예약 step1]시술상품카테고리탭메뉴 */
 .procCategoryMenu{}
 	/* 탭컨테츠(스크롤바) */
	 .procCategoryMenu-tabCont{padding:var(--padding-lg);}
 	/* 별도처리 */
	 .bookStep1 .procCategoryMenu{padding:0px;}
}


 /* ------------------------- */
/* [시술예약 step1] 시술패키지팩 */
.procPack{display:block; position:relative; width:100%;}
.procPack dl{display:flex; position:relative; width:100%; flex-direction:column; background-color:var(--bg-color-low); border-radius:var(--border-radius-sm);}
.procPack dt{display:flex; position:relative; flex-direction:column; padding:var(--padding-lg) var(--padding-xl);}
.procPack dd{display:block; position:relative; padding:var(--padding-lg) var(--padding-xl);}
.procPack dd::before{content:''; position:absolute; top:0px; left:0px; right:0px; width:100%; border-top:var(--border);} /* 일단숨김 */
.procPack .subitem-list{display:flex; position:relative; width:100%; flex-direction:column; gap:var(--padding-lg);} /* 시술옵션목록 */

/* [시술예약 step1] 선택한시술팩 */
.procSelectPack{display:block; position:relative; width:100%; height:100%;}
.procSelectPack dl{display:flex; position:relative; width:100%; height:100%; flex-direction:column; border-radius:var(--border-radius-sm);}
.procSelectPack dt{display:flex; position:relative; flex-direction:column; padding:var(--padding-lg) 0px;}
.procSelectPack dt::before{content:''; position:absolute; bottom:0px; left:0px; right:0px; width:100%; border-bottom:var(--border);}
.procSelectPack dd{flex:1; display:block; position:relative; padding:var(--padding-lg) 0px; overflow-y:auto;}
.procSelectPack .subitem-list{display:flex; position:relative; width:100%; flex-direction:column; gap:var(--padding-lg);}
.procSelectPack .sectionTitle{display:block; position:relative; margin-bottom:0px;}
.procSelectPack .sectionTitle .title{}

@media (max-width: 767.98px) {
/* [시술예약 step1] 선택한시술팩 */
.procSelectPack{}
.procSelectPack dl{}
.procSelectPack dt{}
.procSelectPack dt::before{}

}




 /* ------------------------- */
/* [시술예약 step1] 선택한시술영역 */
.bookField.bookStep1 .stepbody-right{padding:0px;}
.bookField.bookStep1 .stepbody-top{padding:var(--stepbody-padding);}
.bookField.bookStep1 .stepbody-bottom{}


 /* ------------------------- */
/* [시술예약 step] 예약종합정보 */
.bookReport{display:block; position:relative; width:100%;}
.bookReport .inner{display:flex; position:relative; flex-direction:column; align-items:flex-start; justify-content:flex-start; align-self:stretch; gap:var(--padding); background-color:var(--secondary-5); border-radius:var(--border-radius); padding:var(--padding-2xl);}
	/* 예약내역 */	
	.bookReport-info{display:flex; position:relative; flex-direction:column; align-items:flex-start; justify-content:flex-start; align-self:stretch; gap:var(--padding);}
	.bookReport-info .book-item{display:flex; position:relative; flex-direction:row; gap:var(--padding-lg); align-items:center; justify-content:flex-start; align-self:stretch; }
	.bookReport-info .book-item .entry{display:block; position:relative; color:var(--font-color-lowlow); font-size:var(--font-size-lg); padding-right:var(--padding-xl);}
	.bookReport-info .book-item .entry::before{content:''; position:absolute; top:20%; bottom:20%; right:0px; border-right:var(--border);}
	.bookReport-info .book-item .field{display:block; position:relative; font-size:var(--font-size-xl); font-weight:var(--font-weight-bold); }
	.bookReport-info .book-proc{} /* 예약시술 */
	.bookReport-info .book-dr{} /* 전문의 */
	.bookReport-info .book-date{} /* 예약일시 */
	/* 예약가격 */	
	.bookReport-price{display:flex; position:relative; flex-direction:column; align-items:center; justify-content:space-between; align-self:stretch; gap:var(--padding);}
	.bookReport-price .innerBox{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:space-between;; align-self:stretch; width:100%; gap:var(--padding);}
	.bookReport-price .left{display:flex; position:relative; flex-direction:row; align-items:center;}
	.bookReport-price .title{display:inline-block; position:relative; font-size:var(--font-size-xl); font-weight:var(--font-weight-semibold);}
	.bookReport-price .right{display:flex; position:relative; flex-direction:column; align-items:flex-end; justify-content:center;}
	.bookReport-price .cautionText{display:flex; position:relative; flex-direction:column; align-items:flex-start; width:100%; color:var(--font-color-low); letter-spacing:-0.5px; gap: var(--padding-sm);}
	.bookReport-price .cautionText span{display:block; position:relative; }
	.bookReport-price .cautionText strong{font-weight:var(--font-weight-semibold)}
	.bookReport-price .book-price{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:flex-end;}
	.bookReport-price .price{position:relative; font-size:var(--font-size-3xl); font-weight:var(--font-weight-bold);}
	.bookReport-price .price em{font-size:inherit; font-weight:inherit;}
	.bookReport-price .price span{font-size:var(--font-size-2xl); font-weight:var(--font-weight);}
	.bookReport-price .book-vat{display:flex; position:relative; flex-direction:row; gap:0; align-items:center; justify-content:flex-end; }
/* [시술예약 step] 예약종합정보(축소) */
.bookReport.downsize{}
.bookReport.downsize .inner{padding:var(--padding) var(--padding-xl);}
	/* 예약내역 */	
	.downsize .bookReport-info{gap:0px;}
	.downsize .bookReport-info .book-item{}
	.downsize .bookReport-info .book-item .entry{font-size:var(--font-size-sm);}
	.downsize .bookReport-info .book-item .entry::before{}
	.downsize .bookReport-info .book-item .field{font-size:var(--font-size);}
	.downsize .bookReport-info .book-proc{} /* 예약시술 */
	.downsize .bookReport-info .book-dr{} /* 전문의 */
	.downsize .bookReport-info .book-date{} /* 예약일시 */
	/* 예약가격 */	
	.downsize .bookReport-price{}
	.downsize .bookReport-price .left{}
	.downsize .bookReport-price .title{font-size:var(--font-size-sm);}
	.downsize .bookReport-price .right{}
	.downsize .bookReport-price .book-price{}
	.downsize .bookReport-price .price{font-size:var(--font-size-xl);}
	.downsize .bookReport-price .price span{font-size:var(--font-size-sm);}
	.downsize .bookReport-price .book-vat{font-size:var(--font-size-xs);}

@media (max-width: 767.98px) {
	/* 예약가격 */	
	.bookReport-price{}
	.bookReport-price .innerBox{}
	.bookReport-price .left{}
	.bookReport-price .right{}
	.bookReport-price .cautionText{}
	.bookReport-price .cautionText span{line-height: 1.3em;}
	.bookReport-price .cautionText strong{line-height:inherit;}

}






/* --------------------------------------------------------------------------- */	
/* [시술예약 step2] STEP02 */
.bookStep2{}

/* [시술예약 step2] 기본구조 */
.bookStep2.bookField{}
.bookStep2.bookField fieldset{}
	/* step해드 */
	.bookStep2 .step-head{}
		/* step해드-왼쪽 */
		.bookStep2 .step-head .left{}
		/* step해드-오른쪽 */
		.bookStep2 .step-head .right{}
	/* step컨텐츠 */
	.bookStep2 .step-cont{}
		/* step바디 */
		.bookStep2 .step-body{}	
			/* 공통class */
			.bookStep2 .stepbody-item{}
			/* step바디-왼쪽 */
			.bookStep2 .stepbody-left{}
			/* step바디-오른쪽 */
			.bookStep2 .stepbody-right{}
			/* step바디-단독일때 */
			.bookStep2 .stepbody-center{}
			/* step바디-위아래로나뉠때 */
			.bookStep2 .stepbody-top{}
			.bookStep2 .stepbody-bottom{}
		/* step푸터 */
		.bookStep2 .step-footer{}


 /* ------------------------- */	
/* [시술예약 step2] 전문의리스트 */
.bookStep2 .stepbody-item{padding:0px;}
	/* 정렬기준 */
	.bookStep2 .sort{display:flex; position:relative; padding:var(--padding-2xl);}
	/* 리스트 */
	.bookStep2 .drList{display:flex; position:relative; width:100%; flex-wrap:wrap; align-items:stretch;}
	.bookStep2 .drList li{display:flex; position:relative; flex:0 0 50%; width:50%; align-self:center; padding:var(--padding-2xl); transform:var(--transform);}
	.bookStep2 .drList li::before{content:''; position:absolute; left:0px; right:0px; bottom:0px; border-bottom:var(--border);}
	.bookStep2 .drList li:nth-child(odd){}
	.bookStep2 .drList li:nth-child(odd)::after{content:''; position:absolute; right:0px; top:0px; bottom:0px; border-right:var(--border);}
	.bookStep2 .drList li:nth-child(even){}
	.bookStep2 .drList li:hover{box-shadow:var(--box-shadow-sm);}
	.bookStep2 .drList .drCard-about{height:100%;}
	.bookStep2 .drList .drCard-about dl{height:100%;}
	/* 담당의미지정 */
	.bookStep2 .noChoice{display:flex; position:relative; justify-content:center; border-top:1px solid var(--border-color); padding:var(--padding-2xl);}
	.bookStep2 .noChoice label{}
	.bookStep2 .noChoice label input{} /* width:var(--icon-size-lg); height:var(--icon-size-lg); */
	.bookStep2 .noChoice label span{font-size:var(--font-size-lg); font-weight:var(--font-weight-semibold);}

@media (max-width:767.98px) { /* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* [시술예약 step2] 전문의리스트 */
.bookStep2 .stepbody-item{}
	/* 정렬기준 */
	.bookStep2 .sort{padding:var(--padding-lg);}
	/* 리스트 */
	.bookStep2 .drList{flex-direction:column;}
	.bookStep2 .drList li{flex:0 0 auto; width:100%; padding:var(--padding-lg);}
}

 /* ------------------------- */	
/* [시술예약 step2] 전문의선택 */ 
.drCard-book{display:flex; position:relative; width:100%; flex-direction:column; align-items:flex-start; }
.drCard-book dl{display:flex; position:relative; width:100%; flex-direction:row; align-items:flex-start; align-self:stretch; gap:var(--padding-2xl); transform:var(--transform);}
	/* 이미지 */
	.drCard-book dt{display:flex; position:relative; width:20rem; flex-direction:column; align-items:center; justify-content:flex-end; background:var(--bg-color-low); border-radius:var(--border-radius); overflow:hidden;}
	.drCard-book dt .thum{display:flex; position:relative; width:100%; aspect-ratio:var(--image-ratio-drimg); flex-direction:column; align-items:center; overflow:hidden;}
	.drCard-book dt .drImg{ position:absolute; width:90%; top:5%; left:50%; margin-left:-45%; object-fit:cover;}
	.drCard-book dt .bar{display:flex; position:relative; width:100%; flex-direction:row; align-items:center; justify-content:center; gap:var(--padding); background:var(--primary); padding:var(--padding);}
	.drCard-book dt .title{position:relative; flex:1; color:var(--font-color-light); text-align:center; font-size:var(--font-size-lg); font-weight:var(--font-weight-bold);}
	/* 정보 */
	.drCard-book dd{display:flex; position:relative; flex-direction:column; align-items:flex-start; align-self:stretch; flex:1; gap:var(--padding);}
	.drCard-book .profile{display:flex; position:relative; flex-direction:column; align-items:flex-start; align-self:stretch; flex:1; gap:var(--padding-lg);}
		/* 프로필과선택 */
		.drCard-book .namekeyword{display:flex; position:relative; flex-direction:column;  align-items:flex-start; align-self:stretch; gap:var(--padding);}
		.drCard-book .position{display:flex; position:relative; flex-direction:row; justify-content:space-between; align-items:center; align-self:stretch; gap:var(--padding); }
		.drCard-book .name{display:block; position:relative; flex:1; font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold); line-height:1em;}
		.drCard-book .name .eng{display:inline-block; position:relative; color:var(--font-color-lowlow); font-size:var(--font-size-lg); font-weight:var(--font-weight); }
		.drCard-book .check-button{display:block; position:relative; line-height:1em;}
		.drCard-book .likeCheck{}
		.drCard-book .likeCheck input{width:var(--icon-size-lg); height:var(--icon-size-lg);}
		.drCard-book .likeCheck span{display:none;}
		.drCard-book .drKeyword{display:flex; position:relative; flex-direction:row; align-items:center; flex-wrap:wrap; gap:var(--padding); }
		.drCard-book .keyword{display:inline-block; position:relative; font-size:var(--font-size-sm);  line-height:1em; text-align:center; background-color:var(--secondary-10); border-radius:var(--border-radius-2xl); padding:var(--padding-sm) var(--padding);}
		.drCard-book .keyword span{display:inline-block; line-height:inherit;}
		/* 진료정보 */
		.drCard-book .fast-state{display:flex; position:relative; flex-direction:column; align-items:flex-start; align-self:stretch; }
		.drCard-book .fast-state .title{display:block; position:relative; color:var(--font-color-lowlow); font-size:var(--font-size-sm);}
		.drCard-book .fast-state .time{display:block; position:relative; font-size:var(--font-size-xl); font-weight:var(--font-weight-bold);}
		/* 자세히보기 */
		.drCard-book .btn-box{display:flex; position:relative; flex-direction:row; align-items:flex-end; align-self:stretch; z-index:var(--z-index);}
		.drCard-book .morn-btn{display:inline-block ;position:relative; color:var(--font-color-lowlow); text-decoration:underline; text-decoration-color:var(--font-color-lowlow); text-underline-offset:0.4rem; padding:var(--padding-sm); cursor:pointer;}

@media (max-width:991.98px) { /* 모바일 + 태블릿:~991.98px 모바일과 태블릿 공통 스타일 */
/* [시술예약 step2] 전문의선택 */ 
.drCard-book{}
.drCard-book dl{gap:var(--padding-xl);}
	/* 이미지 */
	.drCard-book dt{width:40%;}
	.drCard-book dt .thum{aspect-ratio:5/5.5;}
	/* 정보 */
	.drCard-book dd{}
	.drCard-book .profile{}
		/* 프로필과선택 */
		.drCard-book .name{font-size:var(--font-size-xl);}
		/* 진료정보 */
		.drCard-book .fast-state{}
		.drCard-book .fast-state .title{}
		.drCard-book .fast-state .time{font-size:var(--font-size-lg);}
}


 /* ------------------------- */	
/* [시술예약 step2] 전문의자세히보기 */


/* ------------------------- */	
/* [의료진소개] 전문의썸네일 */ 
.drCard-about{display:block; position:relative; width:100%; cursor:pointer;}
.drCard-about dl{display:flex; position:relative; width:100%; flex-direction:column; align-items:flex-start; justify-content:flex-start; border-radius:var(--border-radius-xl); background-color:var(--bg-color-light); transform:var(--transform); overflow:hidden;}
.drCard-about:hover dl{box-shadow:var(--box-shadow);}
.drCard-about:hover .thum img{transform:scale(1.05); }
	/* 이미지 */
	.drCard-about dt{display:block; position:relative; width:100%;  background-color:var(--secondary-10); }
	.drCard-about .thum{display:flex; position:relative; flex-direction:row; aspect-ratio:var(--image-ratio-drimg); justify-content:center; align-items:flex-end; overflow:hidden;}
	.drCard-about .thum img{display:block; width:100%; height:100%; object-fit:cover; transition:var(--transition);}
	/* 정보 */
	.drCard-about dd{display:flex; position:relative; flex-direction:column; align-items:flex-start; justify-content:flex-start; align-self:stretch; padding:var(--padding-xl); }
	.drCard-about .profile{display:flex; position:relative; flex-direction:column; align-items:flex-start; justify-content:flex-start; }
	.drCard-about .namekeyword{display:flex; position:relative; flex-direction:column; align-items:flex-start; justify-content:flex-start; align-self:stretch; gap:var(--padding-lg);}
	.drCard-about .position{display:flex; position:relative; flex-direction:column; align-items:flex-start; justify-content:flex-start;}
	.drCard-about .name{text-align:left; font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold); position:relative; align-self:stretch;}
	.drCard-about .name .eng{display:inline-block; position:relative; color:var(--font-color-lowlow); font-size:var(--font-size-lg); font-weight:var(--font-weight); }
	.drCard-about .dr{color:var(--font-color-low); text-align:left; font-size:var(--font-size-lg); position:relative; align-self:stretch;}
	.drCard-about .drKeyword{display:flex; position:relative; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:start; gap:var(--padding-sm) var(--padding);}
	.drCard-about .keyword{display:inline-block; position:relative; color:var(--primary); font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); text-align:left; position:relative;}


@media (min-width:768px) and (max-width:991.98px) {
/* [의료진소개] 전문의썸네일 */ 
.drCard-about{}	
.drCard-about dl{}
	/* 정보 */
	.drCard-about dd{padding:var(--padding-lg);}
	.drCard-about .position{}
	.drCard-about .name{}
	.drCard-about .name .eng{}
	.drCard-about .dr{}
}



@media (max-width:767.98px) {
/* [의료진소개] 전문의썸네일 */ 
.drCard-about{}	
.drCard-about dl{}
	/* 정보 */
	.drCard-about dd{padding:var(--padding-lg);}
	.drCard-about .position{}
	.drCard-about .name{text-align:left; font-size:var(--font-size-lg);}
	.drCard-about .name .eng{font-size:var(--font-size);}
	.drCard-about .dr{font-size:var(--font-size);}
}



/* ------------------------- */	
/* 전문의썸네일-시술상세 */
.drCard-proc{display:block; position:relative; width:100%;}
.drCard-proc dl{display:flex; position:relative; width:100%; flex-direction:column; align-items:center; justify-content:flex-start; align-self:stretch; gap:var(--padding-lg); text-align:center;}
	.drCard-proc dt{display:flex; position:relative; flex-direction:column; align-items:center; justify-content:center; align-self:stretch; border-radius:var(--border-radius-lg); overflow:hidden;} 
	.drCard-proc .thum{display:flex; position:relative; aspect-ratio:var(--image-ratio-drimg); flex-direction:row; align-items:flex-end; justify-content:center; align-self:stretch; background-color:var(--secondary-10); overflow:hidden;}
	.drCard-proc .thum img{display:block; width:100%; height:100%; object-fit:cover;}
	.drCard-proc .bar{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:center; align-self:stretch;  background-color:var(--primary); padding:var(--padding);	height:5rem;} /* 값이 없더라도 높이 똑같이 자리잡게 넣어달라고 요청 */
	.drCard-proc .title{display:block; position:relative; color:var(--font-color-light); font-size:var(--font-size-lg); font-weight:var(--font-weight-semibold);  }
	.drCard-proc dd{display:flex; position:relative; flex-direction:column; align-items:center; justify-content:center; align-self:stretch;  gap:var(--padding-lg);}
	.drCard-proc .position{display:flex; position:relative; flex-direction:column; align-items:center; justify-content:flex-start; align-self:stretch; }
	.drCard-proc .name-eng{display:block; position:relative; color:var(--font-color-low); font-size:var(--font-size-lg); }
	.drCard-proc .name{display:block; position:relative; color:var(--font-color); font-size:var(--font-size-xl); font-weight:var(--font-weight-bold);}
	.drCard-proc .keyword{display:flex; position:relative; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; align-self:stretch; gap:var(--padding); row-gap:10px;}
	.drCard-proc .dr-keyword{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:center;  background-color:var(--secondary-10); border-radius:var(--border-radius-2xl); padding:var(--padding-sm) var(--padding) var(--padding-sm) var(--padding);}
	.drCard-proc .label{display:block; position:relative; color:var(--font-color);}


@media (max-width:767.98px) { 
/* 전문의썸네일-시술상세 */
.drCard-proc{}
.drCard-proc dl{gap:var(--padding);}
	.drCard-proc dt{border-radius:var(--border-radius);}
	.drCard-proc .thum{}
	.drCard-proc .thum img{}
	.drCard-proc .bar{}
	.drCard-proc .title{font-size:var(--font-size);}
	.drCard-proc dd{gap:var(--padding);}
	.drCard-proc .position{}
	.drCard-proc .name-eng{}
	.drCard-proc .name{font-size:var(--font-size-lg);}
	.drCard-proc .keyword{gap:var(--padding-sm);}
	.drCard-proc .dr-keyword{}
	.drCard-proc .label{font-size:var(--font-size-sm);}

}


/* ------------------------- */	
/* [의료진소개] 전문의소개썸네일 */ 
.drCard-introduce{display:flex; position:relative; flex-direction:column; align-items:stretch;}
	/* 프로필 */
	.drCard-introduce .dr-profile{display:flex; position:relative; padding:var(--padding-4xl) 0px;}
	.drCard-introduce dl{display:flex; position:relative; width:100%; height:100%; flex-direction:row; justify-content:space-between; align-self:stretch; align-items:stretch; gap:7rem; }
		/* 이미지 */
		.drCard-introduce dt{flex:0 46%; display:flex; position:relative; align-items:flex-end;} /* height:67rem; 높이조정 */
		.drCard-introduce .thum{display:block; position:relative; width:100%; aspect-ratio:var(--image-ratio-drimg); overflow:hidden;}
		.drCard-introduce .thum img{display:block; width:100%; object-fit:cover;}
		.drCard-introduce dt::before{content:''; display:block; position:absolute; left:0px; right:0px; bottom:0px; width:100%; height:80%; border-top-right-radius:var(--border-radius-max); background-color:var(--secondary-10);}
		/* 프로필정보 */
		.drCard-introduce dd{flex:1; display:flex; position:relative; flex-direction:row; align-items:flex-start; justify-content:flex-end; }
		.drCard-introduce .profile > *{padding-right:5rem;}
		.drCard-introduce .profile{display:flex; position:relative; width:100%; height:100%; flex-direction:column; align-self:center; align-items:flex-start; justify-content:flex-start; gap:var(--padding-xl); padding-top:5%;}
			/* 지점정보 */
			.drCard-introduce .branch{display:flex; position:relative; width:100%; justify-content:space-between;  padding-right:0px;}
			.drCard-introduce .branchName{display:block; position:relative; color:var(--font-color-lowlow); font-size:var(--font-size-2xl);}
			.drCard-introduce .brandName{display:block; position:relative; text-align:right; overflow:hidden;}
			.drCard-introduce .brandName p{display:inline-block; position:relative; display:none;} /* 필기체문구 */
			.drCard-introduce .brandName p img{display:inline-block; position:relative; margin-bottom:-2rem;}
			.drCard-introduce .brandName span{display:inline-block; position:absolute; bottom:-70%; right:0; color:var(--primary);  font-size:3.8rem; letter-spacing:-1px; opacity:16%; display:none;}
			.drCard-introduce .branch::before{content:''; display:block; position:absolute; bottom:0px; left:0px; right:0%; width:100%; border-bottom:2px solid var(--primary);}
			/* 이름키워드 */
			.drCard-introduce .namekeyword{display:flex; position:relative; flex-direction:column; gap:var(--padding);}
			.drCard-introduce .name{display:block; position:relative; width:100%;}
			.drCard-introduce .name span{display:block; position:relative; font-size:var(--font-size-4xl); font-weight:var(--font-weight-bold);}
			.drCard-introduce .drKeyword{position:flex; position:relative; flex-direction:column; flex-wrap:wrap; gap:var(--padding-sm) var(--padding);}
			.drCard-introduce .keyword{display:inline-block; position:relative; color:var(--primary); font-size:var(--font-size-sm); }
			.drCard-introduce .keyword span{display:inline-block; line-height:inherit;}
			/* 주요경력 */
			.drCard-introduce .career{display:block; position:relative; width:100%; padding-top:var(--padding-xl);}
			.drCard-introduce .career .title{display:block; position:relative; font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold); padding-bottom:var(--padding);}
			.drCard-introduce .career pre{display:block; position:relative; white-space:normal; font-size:var(--font-size-lg);}
			.drCard-introduce .career::before{content:''; display:block; position:absolute; top:0px; left:0px; width:10%; border-top:var(--border);}
	/* 논문 */
	.drCard-introduce .dr-thesis{display:flex; position:relative; padding:var(--padding-3xl); padding-top:0px; }
	.drCard-introduce .thesisArea{display:block; position:relative; overflow-y:auto;}
	.drCard-introduce .thesis{display:flex; position:relative; width:100%; flex-direction:column; gap:2rem; border-radius:var(--border-radius-xl); background-color:var(--bg-color); padding:var(--padding-3xl);}
	.drCard-introduce .thesis .title{display:block; position:relative; font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold); padding-bottom:var(--padding);}
	.drCard-introduce .thesis pre{display:block; position:relative; max-height:10rem; white-space:normal; overflow-y:auto; padding:0px;}

@media (max-width:767.98px) { 
/* [의료진소개] 전문의소개썸네일 */
.drCard-introduce dl{flex-direction:column; gap:var(--padding-lg); padding-bottom:var(--padding-xl); }
	/* 프로필 */
	.drCard-introduce .dr-profile{padding:var(--padding-2xl) 0px;}
		/* 이미지 */
		.drCard-introduce dt{flex:1 1 auto;}
		.drCard-introduce .thum{}
		.drCard-introduce .thum img{}
		/* 프로필정보 */
		.drCard-introduce dd{flex:1 1 auto; padding:0% var(--padding-xl); }
		.drCard-introduce .profile > *{padding-right:var(--padding-xl);}
		.drCard-introduce .profile{padding-top:0%;}
			/* 지점정보 */
			.drCard-introduce .branch{padding-right:0px;}
			.drCard-introduce .brandName p img{width:70%;}
			/* 이름키워드 */
			.drCard-introduce .namekeyword{}
			.drCard-introduce .name{}
			.drCard-introduce .name span{font-size:var(--font-size-2xl);}
			/* 주요경력 */
			.drCard-introduce .career{}
			.drCard-introduce .career .title{font-size:var(--font-size-xl);}
	/* 논문 */
	.drCard-introduce .dr-thesis{padding:var(--padding);}
	.drCard-introduce .thesisArea{}
	.drCard-introduce .thesis{padding:var(--padding-lg); }
	.drCard-introduce .thesis .title{font-size:var(--font-size-xl); }

}


/* ------------------------- */	
/* [의료진소개] 의료진개별리뷰썸네일 */
.drReviewCard{display:block; position:relative; width:100%;}
.drReviewCard dl{display:flex; position:relative; width:100%; flex-direction:column; align-items:flex-start; justify-content:flex-start; align-self:stretch; gap:var(--padding-lg); background-color:var(--bg-color-low); border-radius:var(--border-radius-xl); padding:var(--padding-xl);}
.drReviewCard dt{display:flex; position:relative; flex-direction:column; align-items:flex-start; justify-content:flex-start; align-self:stretch; gap:var(--padding); cursor:pointer;}
.drReviewCard .title{display:flex; position:relative; flex-direction:row; align-items:flex-start; justify-content:flex-start; align-self:stretch; gap:var(--padding-xl);}
.drReviewCard .title p{flex:1; display:block; position:relative; font-size:var(--font-size-lg); font-weight:var(--font-weight-semibold);
	display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.drReviewCard button{display:inline-block; position:relative; border-radius:var(--border-radius); transform:var(--trasform); overflow:hidden;}
.drReviewCard button .icon{width:var(--icon-size);}
.drReviewCard .date{display:block; position:relative; width:100%; color:var(--font-color-lowlow);}
.drReviewCard dd{display:flex; position:relative; flex-direction:column; align-items:flex-start; justify-content:flex-start; align-self:stretch; padding-top:var(--padding-lg);} /* 일단숨김 */
.drReviewCard dd::before{content:''; display:block; position:absolute; left:0px; right:0px; top:0px; width:100%; border-top:var(--border);}
.drReviewCard .summary{position:relative; align-self:stretch; color:var(--font-color-low);}


/* ------------------------- */	
/* [의료진소개] 전문의자세히보기 :의료진소개, 온라인시술예약 */
.drCard-details{display:block; position:relative; width:100%;}
.drCard-details > .inner{display:flex; position:relative; width:100%; max-width:1200px; flex-direction:column; border-radius:var(--border-radius-lg); background-color:var(--bg-color-light); overflow:hidden;}
	/* 소개영역 */
	.drIntroduceArea{display:flex; position:relative; flex-direction:column;}
	.drIntroduceArea .drCard-introduce{}
	/* 의료진리뷰영역   임시숨김처리20250923 */
	.drReviewArea{display:flex; position:relative; flex-direction:column; gap:var(--padding-xl); padding:var(--padding-3xl);}
	.drReviewArea .sectionTitle{margin-bottom:0px;}
	.drReviewArea .sectionTitle .title{font-size:var(--font-size-2xl) !important;}
	.drReviewArea .sectionTitle .right .Btn{min-width:16rem;}
		/* 리뷰작성 */
		.drReview-writingArea{display:flex; position:relative; width:100%; flex-direction:column; gap:var(--padding-xl); align-items:flex-start; justify-content:flex-start; align-self:stretch; }
		.drReview-writingArea .writin-head{display:flex; position:relative; width:100%; flex-direction:row; gap:var(--padding-lg); align-items:flex-start; justify-content:flex-start; align-self:stretch; }
		.drReview-writingArea .left{flex:1; display:flex; position:relative; flex-direction:column; align-items:flex-start; justify-content:flex-start;}
		.drReview-writingArea .title{position:relative; font-size:var(--font-size-lg); font-weight:var(--font-weight-semibold); }
		.drReview-writingArea .warning{position:relative; color:var(--color-red); font-size:var(--font-size-ty);}
		.drReview-writingArea .right{display:flex; position:relative; flex-direction:column; gap:var(--padding); align-items:flex-start; justify-content:center;}
		.drReview-writingArea .writin-body{display:flex; position:relative; flex-direction:column; gap:var(--padding-xl); align-items:flex-start; justify-content:flex-start; align-self:stretch;}
		.drReview-writingArea .submit{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:center; align-self:stretch;}
		.drReview-writingArea .submit .Btn{min-width:16rem;}
		/* 리뷰목록 */
		.drReview-listArea{display:block; position:relative; width:100%; margin:0 auto;}
		.drReview-listArea .accordion-list{}


@media (max-width:767.98px) {
/* [의료진소개] 전문의자세히보기 :의료진소개, 온라인시술예약 */
.drCard-details{}
	/* 소개영역 */
	.drIntroduceArea{}
	/* 의료진리뷰영역 */
	.drReviewArea{padding:var(--padding-lg);}
		/* 리뷰작성 */
		.drReview-writingArea{} 
		/* 리뷰목록 */
		.drReview-listArea{}

}


/* ------------------------- */	
/* [의료진소개] 전문의자세히보기 모달영역 */
.modalDrview{}
.modalDrview .modal-dialog{width:120rem; max-width:100%;}
.modalDrview .modalpop-container{width:100%; padding:0px; gap:0rem}
.modalDrview .modal-content{padding:0px; gap:0rem;}
.modalDrview .modal-header{display:none;}
.modalDrview .modal-title{display:none;}
.modalDrview .modal-header .Btn{position:absolute; margin-bottom:-10rem; right:2rem;}
.modalDrview .modal-body{max-height:90dvh; padding:0px;}
	/* 임시 */


@media (min-width:768px) and (max-width:991.98px) {
/* [의료진소개] 전문의자세히보기 모달영역 */
.modalDrview{}
.modalDrview .modal-dialog{}

}

@media (max-width:767.98px) {
/* [의료진소개] 전문의자세히보기 모달영역 */
.modalDrview{}
.modalDrview .modal-dialog{width:100%;}
.modalDrview .modal-header{display:flex;}
.modalDrview .modal-header .btn-close{position:absolute;  z-index:var(--z-index-high);}

}



/* --------------------------------------------------------------------------- */	
/* STEP03-예약일시선택 */
.bookStep3{}	

/* [시술예약 step3] 기본구조 */
.bookStep3.bookField{}
.bookStep3.bookField fieldset{}
	/* step해드 */
	.bookStep3 .step-head{}
		/* step해드-왼쪽 */
		.bookStep3 .step-head .left{}
		/* step해드-오른쪽 */
		.bookStep3 .step-head .right{}
	/* step컨텐츠 */
	.bookStep3 .step-cont{}
		/* step바디 */
		.bookStep3 .step-body{}
			/* 공통class */
			.bookStep3 .stepbody-item{}
			/* step바디-왼쪽 */
			.bookStep3 .stepbody-left{}
			/* step바디-오른쪽 */
			.bookStep3 .stepbody-right{}
			/* step바디-단독일때 */
			.bookStep3 .stepbody-center{}	
			/* step바디-위아래로나뉠때 */
			.bookStep3 .stepbody-top{}
			.bookStep3 .stepbody-bottom{}
		/* step푸터 */
		.bookStep3 .step-footer{}


@media (max-width:767.98px) {
/* STEP03-예약일시선택 */
.bookStep3{}	

/* [시술예약 step3] 기본구조 */
.bookStep3.bookField{}
.bookStep3.bookField fieldset{}
	/* step해드 */
	.bookStep3 .step-head{}
		/* step해드-왼쪽 */
		.bookStep3 .step-head .left{}
		/* step해드-오른쪽 */
		.bookStep3 .step-head .right{}
}




/* ------------------------- */	
/* [시술예약 step3] 시간버튼 */
.timeBtn{display:inline-flex; position:relative; min-height:var(--form-height); justify-content:center; align-items:center; color:var(--font-color-low); font-size:var(--font-size-lg); border:var(--border); border-radius:var(--border-radius-sm); background-color:var(--bg-color-light); padding:var(--padding) var(--padding-lg); transition:var(--transition); cursor:pointer; }
.timeBtn.Active{color:var(--font-color-light); border-color:var(--primary); background-color:var(--primary); }
.timeBtn.Disabled, .timeBtn.Disabled:hover,
.timeBtn:disabled, .timeBtn:disabled:hover{color:var(--font-color-disabled) !important; letter-spacing:-1px; background-color:var(--bg-color-selected) !important; padding:var(--padding) var(--padding-xs); cursor:not-allowed; }
.timeBtn:not(.Disabled):not(:disabled){}
.timeBtn:not(.Disabled):not(:disabled):hover{box-shadow:var(--box-shadow);}


/* [시술예약 step3] 날짜와시간영역 */
.step3-bookDateTime{}
	/* [시술예약 step3] 날짜 */
	.step3-bookDateTime .stepbody-left{}
	/* [시술예약 step3] 시간선택 */
	.step3-bookDateTime .stepbody-right{}
	.step3-bookDateTime .timeList{display:grid; position:relative; width:100%; gap:var(--padding-lg); grid-template-columns:repeat(4, minmax(0, 1fr));}
	.step3-bookDateTime .timeList li{display:block; position:relative;}
	.step3-bookDateTime .timeBtn{width:100%;}
	.step3-bookDateTime li.empty{grid-column:1 / -1; text-align:center;} /* 시간비어있을때 li로한줄차지하기 */

@media (max-width:767.98px) { /* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* [시술예약 step3] 날짜와시간영역 */
.step3-bookDateTime{}
	/* [시술예약 step3] 날짜 */
	.step3-bookDateTime .stepbody-left{}
	/* [시술예약 step3] 시간선택 */
	.step3-bookDateTime .stepbody-right{}
	.step3-bookDateTime .timeList{gap:var(--padding-lg); grid-template-columns:repeat(3, minmax(0, 1fr)); }
	.step3-bookDateTime .timeList li{}
	.step3-bookDateTime .timeBtn{}

}



 /* ------------------------- */	
/* [시술예약 step3] 예약정보영역 */
.step3-bookReport{}
	/* [시술예약 step3] 예약내역 */
	.step3-bookReport .stepbody-left{}
	/* [시술예약 step3] 예약금액 */
	.step3-bookReport .stepbody-left{} 
	.step3-bookReport .stepbody-left .bookReport{height:100%;} 
	.step3-bookReport .stepbody-left .bookReport .inner{height:100%;} 
	.step3-bookReport .stepbody-right{} 
	.step3-bookReport .stepbody-right .bookReport{flex:1; display:flex; flex-direction:row; align-self:center; background-color:var(--secondary-5);} 
	.step3-bookReport .stepbody-right .bookReport .inner{flex:1; align-self:center;} 
	.step3-bookReport .stepbody-right .cautionText{}

@media (max-width:767.98px) { /* 모바일 only:~767.98px 스마트폰 전용 스타일 */
/* [시술예약 step3] 예약정보영역 */
.step3-bookReport{}
	/* [시술예약 step3] 예약내역 */
	.step3-bookReport .stepbody-left{padding:0px;}
	/* [시술예약 step3] 예약금액 */
	.step3-bookReport .stepbody-right{padding:0px;} 

}

 /* ------------------------- */
/* [시술예약 step3] 동의영역팩 */
.agreePack{display:block; position:relative; width:100%;}
.agreePack dl{display:flex; position:relative; width:100%; flex-direction:column;}
.agreePack dt{display:flex; position:relative; flex-direction:column; padding:var(--padding-lg) 0px;}
.agreePack dd{display:flex; position:relative; flex-direction:column; gap:var(--padding); padding:var(--padding-lg) 0px; }
.agreePack dd::before{content:''; position:absolute; top:0px; left:0px; right:0px; width:100%; border-top:var(--border);} 
.agreePack .agreebar{}

/* [시술예약 step3] 요청사항과동의영역 */
.step3-bookConsent{}
	/* [시술예약 step3] 요청사항 */
	.step3-bookConsent .stepbody-left{}
	.step3-bookConsent .formset{}
	.step3-bookConsent .formset .Entry{padding:0px;}
	.step3-bookConsent .formset .Field{padding:0px;}
	/* [시술예약 step3] 동의영역 */
	.step3-bookConsent .stepbody-right{}
	.step3-bookConsent .agreePack{}
	.step3-bookConsent .agreebar{width:100%;}

@media (max-width:767.98px) {
/* [시술예약 step3] 동의영역팩 */
.agreePack{}

/* [시술예약 step3] 요청사항과동의영역 */
.step3-bookConsent{}
	/* [시술예약 step3] 요청사항 */
	.step3-bookConsent .stepbody-left{}
	/* [시술예약 step3] 동의영역 */
	.step3-bookConsent .stepbody-right{}
	.step3-bookConsent .agreePack{}
	.step3-bookConsent .agreebar{letter-spacing: -1px;}

}

 /* ------------------------- */
/* [시술예약 step3] 슈퍼패스 */
.modalSuperpass{}
.modalSuperpass .modal-dialog{}
.modalSuperpass .modal-header{}
.modalSuperpass .modal-content{width:60rem; gap:var(--padding-3xl);}
	/* 슈퍼패스탬플릿 */
	.superpassArea{display:flex; position:relative; flex-direction:column; gap:var(--padding-lg);}
	.superpassTem{display:flex; position:relative; flex-direction:column; gap:var(--padding-lg); align-items:flex-start; justify-content:flex-start;  align-self:stretch; border:2px solid var(--bg-color); border-radius:var(--border-radius-xl); background-color:var(--bg-color); padding:var(--padding-xl); transition:var(--transition);}
	.superpassTem:hover{box-shadow:var(--box-shadow);}
		/* 레이아웃 */
		.superpassTem .Left{flex:1; display:flex; position:relative; flex-direction:column; gap:var(--padding); align-items:flex-start; justify-content:center; }
		.superpassTem .Right{display:flex; position:relative; flex-direction:column; align-items:center; justify-content:flex-start;}
		/* 상단 */
		.superpassTem .superpass-head{display:flex; position:relative; flex-direction:row; gap:var(--padding); align-items:center; justify-content:flex-start;  align-self:stretch;}
		.superpassTem .deco{display:flex; position:relative; flex-direction:row; align-items:center; justify-content:center; color:var(--font-color-light); border-radius:var(--border-radius-3xl); background-color:var(--primary); padding:var(--padding-sm) var(--padding-lg);}
		.superpassTem .title{display:flex; position:relative; flex-direction:row; align-items:center; gap:var(--padding);}
		.superpassTem .title p{font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold);}
		.superpassTem .title span{font-weight:var(--font-weight-semibold);}
		/* 컨테츠 */
		.superpassTem .superpass-body{display:flex; position:relative; flex-direction:column; align-items:flex-start; justify-content:flex-start;  align-self:stretch; gap:var(--padding);}
		.superpassTem .List{display:flex; position:relative; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:var(--padding-sm);  }
		.superpassTem .List .item{display:inline-flex; position:relative; flex-direction:row; align-items:flex-start; justify-content:flex-start;  align-self:stretch; gap:var(--padding); color:var(--font-color-lowlow); font-size:var(--font-size-sm);}
		.superpassTem .List .item::before{content:'●'; font-size:0.4rem;}
		.superpassTem .entry{position:relative; flex-basis:25%; color:var(--primary); font-weight:var(--font-weight-bold)}
		.superpassTem .field{flex:1; position:relative;}

	/* 별도지정 */
	.superpassTem01{flex-direction:row;}
	.superpassTem02{border-color:var(--primary);}

@media (max-width:767.98px) {
/* [시술예약 step3] 슈퍼패스 */
.modalSuperpass{}
.modalSuperpass .modal-dialog{}
.modalSuperpass .modal-header .modal-title{    font-size:var(--font-size-xl);}
.modalSuperpass .modal-content{width:100%;}
	/* 슈퍼패스탬플릿 */
	.superpassArea{}
	.superpassTem{ padding:var(--padding-lg);}
		/* 상단 */
		.superpassTem .superpass-head{}
		.superpassTem .title{}
		.superpassTem .title p{font-size:var(--font-size-xl);}
		.superpassTem .title span{}

		/* 컨테츠 */
		.superpassTem .superpass-body{}
		.superpassTem .List{}
		.superpassTem .List .item{}
		.superpassTem .entry{}
		.superpassTem .field{}


}




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