/* 시술페이지 202303 */


/* ================================================================================================================================================================= */
/* 공통 */
.PriceWrap{}
.PriceWrap .QuickArea{display:none;}
.PriceWrap .Contact_Quick{display:none;}
.PriceWrap header.Fixed{position:relative;}
.PriceWrap section{position:relative;}
.PriceWrap section .Inner{}

.clinicListWrap{}
.clinicListWrap #contents{font-family:'SUIT';}
.clinicListWrap button{font-family:'SUIT';}

.clinicViewWrap{}
.clinicViewWrap section .Inner{width:1000px; min-width:1000px; text-align:left;}
.clinicViewWrap #contents{font-family:'SUIT';}
.clinicViewWrap button{font-family:'SUIT';}

.clinicPreViewWrap{}


/* ================================================================================================================================================================= */
/* 시술리스트페이지 */
/* 구조 */
.containerWrap > div{display:flex; width:1400px; margin:0 auto;}
.containerWrap > div .Left{display:block; width:20%;}
.containerWrap > div .Right{display:block; width:80%; padding-left:80px;}

/* 검색영역 */
.ClinicSearch{position:relative; display:block;}
.ClinicSearch .Inner{display:table; overflow:hidden; padding-bottom:70px; width:100%; min-width:100%;}
	/* ---------------------------------------------- */
	/* 타이틀 */
	.ClinicSearch .MainTitle{position:relative; display:table-cell; vertical-align:middle; padding-left:15px;}
	.ClinicSearch .MainTitle span{position:relative; display:inline-block; font-size:30px; font-weight:600;}
	.ClinicSearch .MainTitle em{position:relative; display:inline-block; font-size:18px; padding-left:1em; color:#444; letter-spacing:-1px;}

	/* ---------------------------------------------- */
	/* 내용 */
	.ClinicSearch form{position:relative; float:right; width:60%; vertical-align:middle;}
	.ClinicSearch .SearchField{position:relative; display:block; width:100%;}
	.ClinicSearch .SearchField .SearchBox{position:relative; display:table; width:100%;}
	.ClinicSearch .SearchField .InputBox{position:relative; display:inline-table; width:85%;}
	.ClinicSearch .SearchField .InputBox input{font-family:'SUIT'; width:100%; height:50px; border:0; border-bottom:1px solid #c5c5c6; font-size:14pt; color:#000; padding:0 0 0 10px;}
	.ClinicSearch .SearchField .InputBox input::placeholder{color:#abafb2;}
	.ClinicSearch .SearchField button.SearchBtn{position:absolute; display:inline-table; width:15%; background:none; vertical-align:middle; bottom:13px; right:0;}
	.ClinicSearch .SearchField button i{color:#404041; font-size:20pt;}
	.ClinicSearch .SearchField button:hover i{color:#888;}


/* -------------------------------------------------------------------------------------------------------------------- */
/* 카테고리메뉴 */
.ClinicCateList{position:relative; display:block;}
.ClinicCateList .Inner{padding-bottom:50px; width:100%; min-width:100%;}
	/* ---------------------------------------------- */
	/* 리스트 */
	.ClinicCateList ul.List{position:relative; display:table; width:100%; padding:20px; background-color:#f7f7f7;}
	.ClinicCateList ul li.TextBox{position:relative; display:table; width:100%; z-index:1;}
	.ClinicCateList ul li + li{margin-top:12px;;}
	.ClinicCateList ul li a{position:relative; display:table-cell; vertical-align:middle; padding:20px; font-size:15px; font-weight:600; color:#000; letter-spacing:-0.5px; background-color:#ededed; border-radius:6px;}
	.ClinicCateList ul li a:hover{transition-duration:.3s;}
	.ClinicCateList ul li:not(.Active) a:hover{background-color:#e9e9e9 !important;}
	.ClinicCateList ul li span{position:relative; display:block; width:100%; text-align:left;}
	.ClinicCateList ul li.Active{z-index:2;}
	.ClinicCateList ul li.Active a{background-color:#f1f1f1 !important; color:#b5976b !important; font-weight:700; box-shadow:0 15px 50px rgba(0,0,0,.2); z-index:2;}

	
/* -------------------------------------------------------------------------------------------------------------------- */
/* 리스트정렬방식 */
.ClinicListSort{position:relative; display:block;}
.ClinicListSort .Inner{width:100%; min-width:100%;}
	/* ---------------------------------------------- */
	/* 리스트 */
	.ClinicListSort ul.List{position:relative; display:table; width:100%; padding:0 0.9em 0.9em 0.9em; border-bottom:1px solid #d9d9d9; text-align:right;}
	.ClinicListSort ul li.TextBox{position:relative; display:inline-table; margin-left:1.8em;}
	.ClinicListSort ul li a{position:relative; display:block; width:100%; font-size:12pt; font-weight:400; color:#888;}
	.ClinicListSort ul li a.Active{font-weight:bold; color:#333; }
	.ClinicListSort ul li a:hover{font-weight:700; color:#333; transition-duration:.3s;}
	.ClinicListSort ul li span{}


/* -------------------------------------------------------------------------------------------------------------------- */
/* 시술상품리스트(전체) */
.ClinicAllList{position:relative; display:block;}
.ClinicAllList .Inner{padding-bottom:0; width:100%; min-width:100%;}
	/* ---------------------------------------------- */
	/* 리스트 */
	.ClinicAllList ul.List{position:relative; display:table; width:100%;}
	.ClinicAllList ul.List .NoClinic{position:relative; display:block; text-align:center; font-size:13pt; color:#888; padding:50px 0;  border-bottom:1px solid #d9d9d9;} /* 리스트없을경우 */
	.ClinicAllList ul li{position:relative; display:inline-table; width:calc(100% / 3); padding:0 15px 15px 15px; margin-top:30px; /* border-bottom:1px solid #d9d9d9; */}
	.ClinicAllList ul li:not(:nth-child(-n+3)){margin-top:20px;}
	.ClinicAllList ul li a{position:relative; display:block; width:100%;}
	.ClinicAllList ul li a:hover .ThumbBox{transform:translateY(-5px); box-shadow:0 30px 65px rgba(0,0,0,0.15);}
	.ClinicAllList ul li dl{position:relative; display:table; width:100%;}
		/* 썸네일 */
		.ClinicAllList ul li dl dt{position:relative; display:table; width:100%; vertical-align:middle; height:190px;}
		.ClinicAllList ul li .ThumbBox{position:relative; display:block; width:100%; height:198px; border-radius:5px; overflow:hidden; transition:all 0.3s cubic-bezier(.21, .6, .35, 1);}
		.ClinicAllList ul li .ThumbBox img{position:relative; display:table; width:100%; height:100%; object-fit:cover;}
		/* 시술정보 */
		.ClinicAllList ul li dl dd{position:relative; display:table; width:100%; vertical-align:middle; padding:20px 0 0 0; height:145px;}
		.ClinicAllList ul li dl dd *{line-height:1;}
		.ClinicAllList ul li .ClinicInfo{display:table-cell; vertical-align:top; width:100%;}
		.ClinicAllList ul li .Cate{color:#9b9b9b; font-size:14px; letter-spacing:-0.5px;}
		.ClinicAllList ul li .Name{color:#222; font-size:20px; font-weight:600; display:-webkit-box; width:100%; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient: vertical; margin:13px 0 10px 0; letter-spacing:-1px;}
		.ClinicAllList ul li .Info{color:#444; font-size:16px; font-weight:400; line-height:1.3; display:-webkit-box; width:100%; padding:2px 0; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient: vertical; letter-spacing:-0.5px;}
		.ClinicAllList ul li .Price{color:#a28760; font-size:25px; font-weight:bold; margin-top:15px; letter-spacing:-1px; text-align:right;}
		.ClinicAllList ul li .Price span{font-size:13pt; margin:0 3px;}



/* ================================================================================================================================================================= */
/* 시술상세페이지 */

/* 타이틀 */
.ClinicTop{position:relative; display:block;}
.ClinicTop .Inner{display:table; overflow:hidden; padding-bottom:30px; margin-bottom:45px; border-bottom:1px solid #d9d9d9;}
	/* ---------------------------------------------- */
	/* 타이틀 */
	.ClinicTop .MainTitle{position:relative; display:table-cell; vertical-align:middle;}
	.ClinicTop .MainTitle span{position:relative; display:inline-block; font-size:14pt; font-weight:600; line-height:1;}
	.ClinicTop .MainTitle em{position:relative; display:inline-block; font-size:14pt; color:#555; line-height:1;}
	.ClinicTop .MainTitle i{font-size:14pt; color:#555; margin:0.5em;}


/* -------------------------------------------------------------------------------------------------------------------- */
/* 시술상세정보 */
.ClinicDetail{position:relative; display:block;}
.ClinicDetail .Inner{margin-bottom:70px;}
.ClinicDetail dl{position:relative; display:flex; width:100%;}
.ClinicDetail dt{position:relative; display:block; width:50%; min-width:50%; padding-right:50px;}
.ClinicDetail dd{position:relative; display:block; }
	/* ---------------------------------------------- */
	/* 썸네일(롤링) */
	.ThumbSwiper{position:relative; width:100%; height:auto; margin:0 0 10px 0; overflow:hidden;}
	.ThumbSwiper .swiper-button{display:none;}
	.ThumbSwiper .swiper-pagination{}
	.ThumbSwiper .swiper-pagination{position:absolute !important; left:20% !important; top:80%; width:auto !important; display:block;}
	.ThumbSwiper .ThumbBox{ width:auto;}
	.ThumbSwiper .ThumbBox img{width:100%;}

	.ThumbSmallSwiper{position:relative; width:100%; padding:0; overflow:hidden;}
	.ThumbSmallSwiper .swiper-button{display:none;}
	.ThumbSmallSwiper .swiper-pagination{}
	.ThumbSmallSwiper .swiper-pagination{position:absolute !important; left:20% !important; top:80%; width:auto !important; display:block;}
	.ThumbSmallSwiper .ThumbBox{width:100px; height:100px; text-align:center; overflow:hidden; opacity:.3;}
	.ThumbSmallSwiper .ThumbBox.swiper-slide-active{opacity:1; border:1px solid #333;}
	.ThumbSmallSwiper .ThumbBox img{width:100%; height:100%; object-fit:cover;}

	/* ---------------------------------------------- */
	/* 시술정보 */
	.ClinicDetail .ClinicInfo{position:relative; display:block; margin-bottom:45px;}
	.ClinicDetail .ClinicInfo .Date{font-size:12pt; color:#bdbdbd; font-weight:400; letter-spacing:1px; margin-bottom:20px; line-height:1; text-align:right;}
	.ClinicDetail .ClinicInfo .Name{position:relative; display:block; font-size:28px; font-weight:600; color:#000; line-height:1; letter-spacing:-1px; margin-bottom:25px;}
	.ClinicDetail .ClinicInfo .Info{position:relative; display:block; font-size:12pt; font-weight:500; color:#333; line-height:1.4; letter-spacing:-0.6px;}
		.ClinicDetail .ClinicViewTitle{width:100%;}
		.ClinicDetail .ClinicViewTitle .ClinicInfo{border-bottom:1px solid #d9d9d9; padding-bottom:30px;}

	/* ---------------------------------------------- */
	/* 시술선택라벨체크 */
	.ClinicLabel{position:relative; display:block; width:100%; margin-bottom:40px;}
	.ClinicLabel .LabelClinic{position:relative; display:table; width:100%; margin-bottom:20px;}
	.ClinicLabel .LabelName{position:relative; display:table; width:100%; margin-bottom:20px;}
	.ClinicLabel .LabelNum{position:relative; display:table; width:100%;}
	.ClinicLabel .LabelClinic > label,
	.ClinicLabel .LabelName > label,
	.ClinicLabel .LabelNum > label{position:relative; display:inline-table; width:20%; font-size:12pt; color:#000333; font-weight:600; line-height:1;}
	.ClinicLabel .LabelName .InputBox,
	.ClinicLabel .LabelNum .InputBox{position:relative; display:inline-table; width:80%;}
	.ClinicLabel .LabelName input,
	.ClinicLabel .LabelNum input{font-family:'SUIT'; width:100%; height:45px; border:0; border-bottom:1px solid #333; font-size:12pt; color:#000; padding:0 0 0 15px;}
	.ClinicLabel .LabelName select,
	.ClinicLabel .LabelNum select{font-family:'SUIT'; width:100%; height:45px; border:0; border-bottom:1px solid #333; font-size:12pt; color:#000; padding:0 0 0 13px;}
		/* 시술선택 */
		.ClinicLabel .ClinicSelectArea{position:relative; display:inline-table; width:80%;}
		.ClinicLabel .ClinicSelectArea .SelectForm{position:relative; display:block; width:100%;}
		.ClinicLabel .ClinicSelectArea .SelectForm.Active{position:relative; display:block; background-color:#f6f6f6;}
		.ClinicLabel .ClinicSelectArea .SelectForm.Active > .SelectList{display:block; border:1px solid #333; border-top:none; background-color:#fff; padding:13px;}
		.ClinicLabel .ClinicSelectArea .SelectForm .SelectBtn{font-family:'SUIT'; width:100%; height:45px; border:0; font-weight:400; border-bottom:1px solid #333; font-size:12pt; color:#828482; padding:0 0 0 13px; background:none; text-align:left;}
		.ClinicLabel .ClinicSelectArea .SelectForm .SelectBtn i{float:right; padding-right:10px; margin-top:5px; font-size:12pt; color:#000;}
		.ClinicLabel .ClinicSelectArea .SelectForm .SelectList{display:block; position:relative; width:100%; z-index:1; max-height:28vh; overflow-y:scroll; display:none; transition-duration:.3s;}
		.ClinicLabel .ClinicSelectArea .SelectForm .SelectList::-webkit-scrollbar{width:7px;}
		.ClinicLabel .ClinicSelectArea .SelectForm .SelectList::-webkit-scrollbar-thumb{background-color:#ddd; border-radius:100px;}
		.ClinicLabel .ClinicSelectArea .SelectForm .SelectList::-webkit-scrollbar-track{background-color:#fff;}
			.ClinicLabel .SelectList ul.List{}
			.ClinicLabel .SelectList ul li.ListBox{}
			.ClinicLabel .SelectList ul li + li{margin-top:10px; padding-top:10px; border-top:1px solid #d3d3d3;}
			.ClinicLabel .SelectList ul li label{position:relative; display:table; width:100%;}
			.ClinicLabel .SelectList ul li label > div{vertical-align:top;}
			.ClinicLabel .SelectList ul .CheckBox{position:relative; display:table-cell; width:2em; vertical-align:top;}
			.ClinicLabel .SelectList ul .CheckBox input{display:none;}
			.ClinicLabel .SelectList ul .CheckBox em{display:table-cell; position:relative; width:2.7em; text-align:left; vertical-align:middle; font-style:normal; font-weight:normal;}
			.ClinicLabel .SelectList ul .CheckBox em b{display:block; position:relative; width:20px; height:20px; border:1px solid #777; border-radius:3px; background-color:#ffffff;}
			.ClinicLabel .SelectList ul .CheckBox em b:after{content: ''; display:block; position:absolute; left:6px; top:1px; width:4px; height:11px; border-bottom:3px solid #333; border-right:3px solid #333; transform:rotate( 45deg ); -webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg ); display:none;}
			.ClinicLabel .SelectList ul .CheckBox input:checked ~ em{}
			.ClinicLabel .SelectList ul .CheckBox input:checked ~ em b:after{display:block;}
			.ClinicLabel .SelectList ul .CheckBox input:checked ~ pre{}
			.ClinicLabel .SelectList ul .Info{position:relative; display:inline-table; width:75%; font-size:11pt; line-height:1.2; vertical-align:top;}
			.ClinicLabel .SelectList ul .Info span{}
			.ClinicLabel .SelectList ul .Price{position:relative; display:inline-table; width:25%; text-align:right; line-height:1; vertical-align:bottom;}
			.ClinicLabel .SelectList ul .Price em{position:relative; display:block; text-decoration:line-through; color:#a5a5a5; font-size:9pt; margin-bottom:3px;}
			.ClinicLabel .SelectList ul .Price span{position:relative; display:block; letter-spacing:-1px;}
			.ClinicLabel .SelectList ul .Price span b{}

/* 시술선택 new */
.ClinicDetailSelect {}
.ClinicDetailSelect dt{width:100%;padding-left: 20px; }
.ClinicDetailSelect .ClinicLabel ul.List{margin:0; padding:0; background:none; box-shadow:0;}
.ClinicDetailSelect .ClinicLabel ul li{border:1px solid #ddd; width:100%; margin-bottom:15px; border-radius:5px;}
.ClinicDetailSelect .ClinicLabel ul li:has(.CheckBox input:checked){border-color:#393939; transition-duration:300ms;}
.ClinicDetailSelect .ClinicLabel ul li dl{padding:20px 0 17px 0;}
.ClinicDetailSelect .ClinicLabel ul li dl dd{vertical-align:top;}
.ClinicDetailSelect .ClinicLabel ul li dl dt{padding-right:0.5em; width:100%; padding-left:18px;}
.ClinicDetailSelect .ClinicLabel ul li > label{box-shadow:none; padding:0px; width:100%;}
.ClinicDetailSelect .ClinicLabel ul li > label:hover{box-shadow:none;}
.ClinicDetailSelect .ClinicLabel ul li .Name{font-size:20px; font-weight:700; color:#000; margin-bottom:6px; line-height:1.2; word-break:keep-all; letter-spacing:-0.6px;}
.ClinicDetailSelect .ClinicLabel ul li .Info{font-size:14px; letter-spacing:-0.3px; margin-bottom:0; color:#666; line-height:1.3;}
.ClinicDetailSelect .ClinicLabel ul li .Price{margin-top:23px;}
.ClinicDetailSelect .ClinicLabel ul li .Price span{color:#cebea2; font-size:14pt; font-weight:500;}
.ClinicDetailSelect .ClinicLabel ul li .Price span b{font-size:26px; font-weight:700; margin-right:3px; letter-spacing:-1px;}
.ClinicDetailSelect .ClinicLabel ul li .Price em{ttext-decoration:none; font-size:16px; font-weight:500; color:#abafb2; letter-spacing:-0.5px; margin-left:6px; position:relative;}
.ClinicDetailSelect .ClinicLabel ul li .Price em:after{content:''; display block; width:110%; height:50%; position:absolute; top:0; left:50%; margin-left:-55%; border-bottom:1px solid;}
.ClinicDetailSelect .ClinicLabel ul li .Price small{font-weight:500; padding:2px 11px; float:right; font-size:14px; background-color:#cebea2; color:#fff; border:none; border-radius: 50px;}
.ClinicDetailSelect ul .CheckBox{position:relative; display:table-cell; width:2em; vertical-align:top;}
.ClinicDetailSelect ul .CheckBox input{display:none;}
.ClinicDetailSelect ul .CheckBox em{display:table-cell; position:relative; width:2.7em; text-align:left; vertical-align:middle; font-style:normal; font-weight:normal;}
.ClinicDetailSelect ul .CheckBox em b{display:block; position:relative; width:20px; height:20px; border:1px solid #777; border-radius:3px; background-color:#ffffff;}
.ClinicDetailSelect ul .CheckBox em b:after{content: ''; display:block; position:absolute; left:6px; top:1px; width:4px; height:11px; border-bottom:3px solid #333; border-right:3px solid #333; transform:rotate( 45deg ); -webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg ); display:none;}
.ClinicDetailSelect ul .CheckBox input:checked ~ em{}
.ClinicDetailSelect ul .CheckBox input:checked ~ em b:after{display:block;}
.ClinicDetailSelect ul .CheckBox input:checked ~ pre{}
.ClinicDetailSelect .BtnArea {width:100%;}
.ClinicDetailSelect .BtnArea button {background: none; border:1px solid #a48c7c; border-radius: 5px; color:#404041; font-size: 16pt; margin-bottom: 10px;}
.ClinicDetailSelect .BtnArea button:hover {background: none; opacity: .7; transition-duration: .3s;}
.ClinicDetailSelect .BtnArea button.ColorBg {background-color: #a48c7c; color: #fff;}


	/* ---------------------------------------------- */
	/* 선택결과 */
	.SelectResult{position:relative; display:block; width:80%; margin-bottom:20px; border:1px solid #333; float:right;}
		/* 선택한리스트 */
		.SelectResult .ResultList ul.List{position:relative; display:table; width:100%; padding:15px;}
		.SelectResult .ResultList ul li.ListBox{position:relative; display:table; width:100%;}
		.SelectResult .ResultList ul li + li{margin-top:15px; padding-top:15px; border-top:1px solid #d3d3d3;}
		.SelectResult .ResultList ul li label{position:relative; display:table; width:100%;}
		.SelectResult .ResultList ul li label > div{vertical-align:top;}
		.SelectResult .ResultList ul .Info{position:relative; display:inline-table; width:59%; font-size:12pt; line-height:1.2; font-weight:500; vertical-align:top; color:#333;}
		.SelectResult .ResultList ul .Info span{}
		.SelectResult .ResultList ul .Price{position:relative; display:inline-table; width:34%; text-align:right; line-height:1; vertical-align:middle;}
		.SelectResult .ResultList ul .Price em{position:relative; display:block; text-decoration:line-through; color:#a5a5a5; font-size:9pt; margin-bottom:3px; display:none;} /* 일단숨김 */
		.SelectResult .ResultList ul .Price span{position:relative; display:block; letter-spacing:-1px; font-size:10pt; font-weight:500;}
		.SelectResult .ResultList ul .Price span b{font-size:13pt; margin-right:3px;}
		.SelectResult .ResultList ul button{position:relative; display:inline-table; width:7%; text-align:right; line-height:1; background:none; padding:0; font-size:15pt; vertical-align:middle; color:#919090;}
		/* 리스트총금액합 */
		.SelectResult .ResultPrice{position:relative; display:table; width:100%; padding:15px; border-top:1px solid #333; background-color:#ebeced;}
		.SelectResult .ResultPrice .Title{position:relative; display:table-cell; font-weight:500; color:#abafb5;}
		.SelectResult .ResultPrice .Price{position:relative; display:table-cell; text-align:right; line-height:1; vertical-align:middle; padding-right:25px;}
		.SelectResult .ResultPrice .Price span{position:relative; display:block; font-size:10pt; letter-spacing:-1px; font-weight:500;}
		.SelectResult .ResultPrice .Price span b{font-size:15pt; margin-right:3px; font-weight:bold;}
	
	/* ---------------------------------------------- */
	/* 버튼류 */
	.BtnArea{position:relative; display:block; width:80%; margin-bottom:20px; float:right;}
	.BtnArea button{position:relative; display:block; width:100%; font-size:12pt; color:#fff; font-weight:500; background-color:#333; padding:15px 0; font-family:'SUIT';}
	.BtnArea button:hover{background-color:#222; transition-duration:.3s;}

	/* ---------------------------------------------- */
	/* 동의체크 */
	.FormAgreeChk{position:relative; display:block; width:80%; float:right; overflow:hidden; margin-top:10px;}
	.FormAgreeChk label{position:relative; display:inline-block; vertical-align:middle; line-height:1.2;}
		.FormAgreeChk .CheckBox{position:relative; display:inline-table; width:3%; vertical-align:middle;}
		.FormAgreeChk .CheckBox input{display:none;}
		.FormAgreeChk .CheckBox em{display:table-cell; position:relative; width:2.7em; text-align:left; vertical-align:middle; font-style:normal; font-weight:normal;}
		.FormAgreeChk .CheckBox em b{display:block; position:relative; width:15px; height:15px; border:1px solid #a5a5a5; border-radius:3px; background-color:#ffffff;}
		.FormAgreeChk .CheckBox em b:after{content: ''; display:block; position:absolute; left:4.5px; top:1px; width:3px; height:7px; border-bottom:2px solid #a5a5a5; border-right:2px solid #a5a5a5; transform:rotate( 45deg ); -webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg ); display:none;}
		.FormAgreeChk .CheckBox input:checked ~ em{}
		.FormAgreeChk .CheckBox input:checked ~ em b:after{display:block;}
		.FormAgreeChk .CheckBox input:checked ~ pre{}

		.FormAgreeChk .TextBox{position:relative; display:inline; vertical-align:middle;}
		.FormAgreeChk .TextBox span{font-size:9pt; color:#888}

	
/* -------------------------------------------------------------------------------------------------------------------- */
/* 시술선택리스트(카테고리별) */
.ClinicViewList{position:relative; display:block; background-color:#f8f8f8;}
.ClinicViewList .Inner{padding:70px 0;}
	/* ---------------------------------------------- */
	/* 타이틀 */
	.ClinicViewList .Title{position:relative; display:table; width:100%; padding-bottom:20px; border-bottom:1px solid #d9d9d9;}
	.ClinicViewList .Title span{position:relative; display:inline-table; font-size:14pt; font-weight:600; line-height:1; vertical-align:middle; color:#333; border-left:3px solid #333; padding-left:13px;}
	.ClinicViewList .Title em{position:relative; display:inline-table; font-size:14pt; color:#555; line-height:1; margin-left:0.5em;}

	/* ---------------------------------------------- */
	/* 리스트 */
	.ClinicViewList ul.List{position:relative; display:flex; width:100%; flex-wrap:wrap; margin-top:40px;}
	.ClinicViewList ul li{position:relative; display:block; width:50%; padding:40px 0 0 0; margin-top:40px; border-top:1px solid #d9d9d9;}
	.ClinicViewList ul li:nth-child(1){border:none; padding-top:0; margin-top:0;}
	.ClinicViewList ul li:nth-child(2){border:none; padding-top:0; margin-top:0;}
	.ClinicViewList ul li:nth-child(odd){padding-right:30px;}
	.ClinicViewList ul li:nth-child(even){padding-left:30px;}
	.ClinicViewList ul li a{position:relative; display:block; width:100%;}
	.ClinicViewList ul li dl{position:relative; display:table; width:100%;}
		/* 시술정보 */
		.ClinicViewList ul li dl dt{position:relative; display:table; width:100%; vertical-align:top; padding-right:1em;}
		.ClinicViewList ul li dl dt *{line-height:1;}
		.ClinicViewList ul li .ClinicInfo{display:block; width:100%;}
		.ClinicViewList ul li .Cate{color:#888; font-size:13pt; min-height:30px; display:none;} /* 일단숨김 */
		.ClinicViewList ul li .Name{color:#333; font-size:15pt; font-weight:600; margin-bottom:1em; line-height:1.2;}
		.ClinicViewList ul li .Info{color:#888; font-size:11pt;line-height:1.3;}
		/* 버튼 */
		.ClinicViewList ul li dl dd{position:relative; display:table; width:100%; vertical-align:bottom; text-align:left; padding-top:2em;}
		.ClinicViewList ul li dl dd *{line-height:1;}
		.ClinicViewList ul li .Price{display:table; width:100%;}
		.ClinicViewList ul li .Price span{display:inline-table; font-size:13pt; font-weight:bold; vertical-align:bottom;}
		.ClinicViewList ul li .Price span b{color:#333; font-size:18pt; margin-top:1em; letter-spacing:-1px;}
		.ClinicViewList ul li .Price em{display:inline-table; text-decoration:line-through; color:#a5a5a5; font-weight:bold; font-size:13pt; vertical-align:bottom; margin-left:14px;}
		.ClinicViewList ul li .Price small{display:inline-table; color:#333; font-weight:bold; font-size:11pt; padding:4px 7px; border:1px solid #333; border-radius:100px; vertical-align:bottom; margin-left:18px;}


/* -------------------------------------------------------------------------------------------------------------------- */
/* 랜딩이미지 */
.ClinicLandImg{position:relative; display:block;}
.ClinicLandImg .Inner{padding:0 0 0 0;/*  border-bottom:1px solid #d9d9d9; */}
	/* ---------------------------------------------- */
	/* 이미지 */
	.ClinicLandImg .ThumbBox{position:relative; display:block; text-align:center;}
	.ClinicLandImg .ThumbBox img{position:relative; max-width:100%; margin:0 auto;}


/* -------------------------------------------------------------------------------------------------------------------- */
/* 랜딩상세내용 */
.ClinicLandDetail{position:relative; display:block; padding-bottom:80px;}
.ClinicLandDetail *{color:#333;}
.ClinicLandDetail .Inner{padding:70px 0; border-bottom:1px solid #d9d9d9;}
.ClinicLandDetail .Inner > div{padding:0 50px;}
.ClinicLandDetail .Inner > div + div{padding-top:70px; margin-top:70px; border-top:1px solid #d9d9d9;} /* 상세내용추가시 */
.ClinicLandDetail .Title{position:relative; display:block; text-align:left; line-height:1; font-size:18pt; font-weight:700; margin-bottom:30px;}
	/* ---------------------------------------------- */
	/* 리스트형 */
	.LandList{position:relative; display:block;}
	.LandList .Title{}
	.LandList ul.List{position:relative; display:block; width:100%;}
	.LandList ul li.TextBox{position:relative; display:block; width:100%;}
	.LandList ul li.TextBox p{position:relative; display:block; width:100%; font-size:13pt; line-height:1.3; font-weight:normal;}
	.LandList ul li + li{margin-top:15px;} /* 리스트추가시 */

	/* ---------------------------------------------- */
	/* 문답형 */
	.LankQna{position:relative; display:block;}
	.LankQna .Title{}
	.LankQna .QnaArea{position:relative; display:block;}
	.LankQna .QnaArea .QnaBox{position:relative; display:block;}
	.LankQna .QnaArea .QnaBox + .QnaBox{margin-top:40px;} /* 문답추가시 */
	.LankQna .QnaArea .Qusetion{position:relative; display:block; width:100%; text-align:right; overflow:hidden;}
	.LankQna .QnaArea .Qusetion pre{position:relative; display:block; max-width:80%; white-space:normal; float:right;}
	.LankQna .QnaArea .Qusetion pre p{font-size:13pt; padding:1.5em 2em; background-color:#555; color:#fff; border-radius:20px; line-height:1.3;}
	.LankQna .QnaArea .Answer{position:relative; display:inline-block; width:100%; text-align:left; overflow:hidden; margin-top:40px;}
	.LankQna .QnaArea .Answer pre{position:relative; display:table; max-width:80%; white-space:normal; float:left;}
	.LankQna .QnaArea .Answer pre p{font-size:13pt; padding:1.5em 2em; background-color:#fff; border:1px solid #cbcbcb; border-radius:20px; line-height:1.3;}
	.LankQna .QnaArea .Answer .Left{position:relative; display:table-cell; width:120px; vertical-align:bottom;}
	.LankQna .QnaArea .Answer .Left span{position:relative; display:table-cell; width:80px; height:80px; border-radius:100px; background-color:#ebebeb; vertical-align:middle;}
	.LankQna .QnaArea .Answer .Left img{position:relative; display:table-cell; width:40%; margin:0 auto; vertical-align:middle;}
	.LankQna .QnaArea .Answer .Right{position:relative; display:table-cell; max-width:84%; vertical-align:bottom;}

	/* ---------------------------------------------- */
	/* 텍스트형 */
	.LandText{position:relative; display:block;}
	.LandText .Title{}
	.LandText .TextArea{position:relative; display:block;}
	.LandText .TextArea .TextBox{}
	.LandText .TextArea .TextBox + .TextBox{margin-top:15px;}
	.LandText .TextArea .TextBox p{line-height:1.3; font-size:13pt;}


/* -------------------------------------------------------------------------------------------------------------------- */
/* 랜딩영상영역 */
.ClinicVideo{position:relative; display:block;}
.ClinicVideo .Inner{padding:70px 0;}
	/* ---------------------------------------------- */
	/* 영상 */
	.ClinicVideo .VideoArea{content:""; clear:both; display:block; width:90%; position:relative; text-align:center; margin:0 auto;}
	.ClinicVideo .VideoIframe{position:relative; width:100%; margin:0; padding:0; padding-bottom:56.25%;}
	.ClinicVideo .VideoIframe iframe{position:absolute; left:0; width:100%; height:100%;  margin:0; padding:0;}
		
		
/* -------------------------------------------------------------------------------------------------------------------- */
/* 하단신청퀵바 */
.QuickClinicBar{}
.QuickClinicBar.Fixed{position:fixed; bottom:8%; width:350px; right:1%; background-color:#fff; border:1px solid #333; z-index:9999; max-height:75vh; overflow-y:scroll;}
.QuickClinicBar.Fixed::-webkit-scrollbar{width:7px;}
.QuickClinicBar.Fixed::-webkit-scrollbar-thumb{background-color:#ddd; border-radius:100px;}
.QuickClinicBar.Fixed::-webkit-scrollbar-track{background-color:#fff;}
.QuickClinicBar .Inner{max-width:100%; width:100%; min-width:100%;padding:1em;}
.QuickClinicBar form{overflow:hidden;}
	/* ---------------------------------------------- */
	/* 시술선택라벨체크 */
	.QuickCont .ClinicLabel{margin-bottom:30px;}
	.QuickCont .ClinicLabel .LabelClinic{margin-bottom:10px;}
	.QuickCont .ClinicLabel .LabelClinic > label,
	.QuickCont .ClinicLabel .LabelName > label,
	.QuickCont .ClinicLabel .LabelNum > label{display:none;}
	.QuickCont .ClinicLabel .LabelName{margin-bottom:10px;}
	.QuickCont .ClinicLabel .LabelName .InputBox,
	.QuickCont .ClinicLabel .LabelNum .InputBox{width:100%;}
		/* 시술선택 */
		.QuickCont .ClinicLabel .ClinicSelectArea{width:100%;}
		.QuickCont .ClinicLabel .ClinicSelectArea .SelectForm{}
		.QuickCont .ClinicLabel .ClinicSelectArea .SelectForm .SelectBtn{}
		.QuickCont .ClinicLabel .ClinicSelectArea .SelectForm .SelectBtn i{}
		.QuickCont .ClinicLabel .ClinicSelectArea .SelectForm .SelectList{padding:9px; max-height:200px;}
			.QuickCont .ClinicLabel .SelectList ul.List{position:relative; display:block; width:100%;}
			.QuickCont .ClinicLabel .SelectList ul li.ListBox{position:relative; display:block; width:100%;}
			.QuickCont .ClinicLabel .SelectList ul li{}
			.QuickCont .ClinicLabel .SelectList ul li label{}
			.QuickCont .ClinicLabel .SelectList ul .CheckBox{display:inline-table; width:10%;}
			.QuickCont .ClinicLabel .SelectList ul .CheckBox input{}
			.QuickCont .ClinicLabel .SelectList ul .CheckBox em{}
			.QuickCont .ClinicLabel .SelectList ul .CheckBox em b{}
			.QuickCont .ClinicLabel .SelectList ul .Info{width:58%;}
			.QuickCont .ClinicLabel .SelectList ul .Info span{}
			.QuickCont .ClinicLabel .SelectList ul .Price{width:32%}
			.QuickCont .ClinicLabel .SelectList ul .Price em{}
			.QuickCont .ClinicLabel .SelectList ul .Price span{}
			.QuickCont .ClinicLabel .SelectList ul .Price span b{}

	/* ---------------------------------------------- */
	/* 선택결과 */
	.QuickCont .SelectResult{width:100%;}
		/* 선택한리스트 */
		.QuickCont .SelectResult .ResultList ul.List{padding:13px 7px 13px 13px; max-height:290px; overflow-Y:scroll;}
		.QuickCont .SelectResult .ResultList ul.List::-webkit-scrollbar{width:7px;}
		.QuickCont .SelectResult .ResultList ul.List::-webkit-scrollbar-thumb{background-color:#ddd; border-radius:100px;}
		.QuickCont .SelectResult .ResultList ul.List::-webkit-scrollbar-track{background-color:#fff;}
		.QuickCont .SelectResult .ResultList ul li.ListBox{}
		.QuickCont .SelectResult .ResultList ul li + li{margin-top:13px; padding-top:13px;}
		.QuickCont .SelectResult .ResultList ul li label{}
		.QuickCont .SelectResult .ResultList ul .Info{}
		.QuickCont .SelectResult .ResultList ul .Info span{}
		.QuickCont .SelectResult .ResultList ul .Price{}
		.QuickCont .SelectResult .ResultList ul .Price em{}
		.QuickCont .SelectResult .ResultList ul .Price span{;}
		.QuickCont .SelectResult .ResultList ul .Price span b{}
		.QuickCont .SelectResult .ResultList ul button{}
		/* 리스트총금액합 */
		.QuickCont .SelectResult .ResultPrice{padding:10px 13px;}
		.QuickCont .SelectResult .ResultPrice .Title{}
		.QuickCont .SelectResult .ResultPrice .Price{padding-right:22px;}
		.QuickCont .SelectResult .ResultPrice .Price span{}
		.QuickCont .SelectResult .ResultPrice .Price span b{}
	
	/* ---------------------------------------------- */
	/* 버튼류 */
	.QuickCont .BtnArea{width:100%; padding-left:0; margin:0;}
	.QuickCont .BtnArea button{}
		/* 동의체크 */
		.QuickCont .BtnArea .FormAgreeChk{width:100%;}
		.QuickCont .BtnArea .FormAgreeChk label{display:table; width:100%;}
			.QuickCont .BtnArea .CheckBox{width:7%;}
			.QuickCont .BtnArea .FormAgreeChk .CheckBox em{}
			.QuickCont .BtnArea .FormAgreeChk .CheckBox em b{}

			.QuickCont .BtnArea .FormAgreeChk .TextBox{display:inline-table; width:93%; vertical-align:top;}
			.QuickCont .BtnArea .FormAgreeChk .TextBox span{font-size:8.5pt;}


/* -------------------------------------------------------------------------------------------------------------------- */
/* 목록으로버튼 */
.LinkBtn{padding:50px 0 100px 0;}
.LinkBtn .LinkArea{position:relative; display:block; width:10%; margin:0 auto}
.LinkBtn .LinkArea a{position:relative; display:block; width:100%; font-size:15pt; color:#fff; font-weight:500; background-color:#999; padding:15px 0; font-family:'SUIT'; text-align:center;}
.LinkBtn .LinkArea a:hover{background-color:#777; transition-duration:.3s;}



/* ================================================================================================================================================================= */
/* [메인용] 시술이벤트리스트 */
.MainClinicPrice *{font-family:'Pretendard'}
.MainClinicPrice{}
.MainClinicPrice .ClinicCateList .Inner{padding:0;}
.MainClinicPrice .ClinicAllList .Inner{padding:0;}

	/* ---------------------------------------------- */
	/* 리스트 */
	.MainClinicPrice .ClinicAllList ul.List{}
	.MainClinicPrice .ClinicAllList ul li{position:relative; display:inline-table; width:calc(100% / 3); padding:0 1%; margin-top:50px; border:none;}
	.MainClinicPrice .ClinicAllList ul li a{}
	.MainClinicPrice .ClinicAllList ul li dl{height:auto;}
		/* 썸네일 */
		.MainClinicPrice .ClinicAllList ul li dl dt{display:table; width:100%; padding-right:0; height:auto;}
		.MainClinicPrice .ClinicAllList ul li .ThumbBox{height:300px;}
		.MainClinicPrice .ClinicAllList ul li .ThumbBox img{}
		/* 시술정보 */
		.MainClinicPrice .ClinicAllList ul li dl dd{display:table; width:100%; padding:1.7em 1.5em; height:auto; border-bottom:1px solid #d9d9d9; background-color:#f8f8f8;}
		.MainClinicPrice .ClinicAllList ul li dl dd *{}
		.MainClinicPrice .ClinicAllList ul li .ClinicInfo{display:table;}
		.MainClinicPrice .ClinicAllList ul li .Badge{display:inline-block; color:#fff; background-color:#333; padding:0.3em; font-size:11pt; margin-bottom:1em;}
		.MainClinicPrice .ClinicAllList ul li .Cate{height:27pt;}
		.MainClinicPrice .ClinicAllList ul li .Name{margin-bottom:0.6em; font-size:17pt;}
		.MainClinicPrice .ClinicAllList ul li .Info{font-size:12pt; margin-bottom:0;}
		.MainClinicPrice .ClinicAllList ul li .ClinicMore{display:inline-block; padding:0.5em; border:1px solid #333; font-weight:500; font-size:11pt; margin-top:1.5em;}
		.MainClinicPrice .ClinicAllList ul li .ClinicMore span{}
		.MainClinicPrice .ClinicAllList ul li .ClinicPrice{display:table; width:100%; margin-top:1.5em;}
		.MainClinicPrice .ClinicAllList ul li .ClinicPrice .Left{display:inline-table; width:40%; vertical-align:bottom;}
		.MainClinicPrice .ClinicAllList ul li .ClinicPrice .Right{display:inline-table; width:60%; vertical-align:bottom;}
		.MainClinicPrice .ClinicAllList ul li .ClinicPrice small{display:block; color:#333; font-weight:bold; font-size:25pt;}
		.MainClinicPrice .ClinicAllList ul li .ClinicPrice small > big{font-size:15pt; font-weight:bold;}
		.MainClinicPrice .ClinicAllList ul li .ClinicPrice em{display:block; text-decoration:line-through; color:#a5a5a5; font-weight:bold; font-size:12pt; text-align:right; margin-bottom:0.5em;}
		.MainClinicPrice .ClinicAllList ul li .ClinicPrice b{display:block; font-size:22pt; font-weight:bold; text-align:right; letter-spacing:-1px;}
		.MainClinicPrice .ClinicAllList ul li .ClinicPrice b > span{display:inline-block; font-size:12pt; margin-left:0.2em;}
		.MainClinicPrice .ClinicAllList ul li .ClinicPrice b > big{display:inline-block; font-size:12pt; margin-left:0.1em;}
		/* 마우스오버 */
		.MainClinicPrice .ClinicAllList ul li a:hover img{scale:1.05; transition-duration:300ms;}
		.MainClinicPrice .ClinicAllList ul li a:hover .ClinicMore{background-color:#333; color:#fff; transition-duration:200ms;}