@charset "utf-8";

/* C00309
서울페이스21 */


/* ========================================================================================================================================= */
/* member */
.memberWrap #contents .Inner{margin-top:180px; margin-bottom:80px; padding:0; background:none;}
.memberWrap #contents .Inner .AgreeBox{padding-top:0;}
body.popupPrivacy{min-width:480px !important;}
body.popupPrivacy .memberWrap .AgreeBox .PrivacyText pre{height:350px;}
.C00323.memberWrap .AgreeBox .PrivacyText pre{font-family:'Pretendard';}
.C00309.memberWrap .AgreeBox .PrivacyText pre{font-family:'Pretendard';}


/* ========================================================================================================================================= */
/* 비급여항목 */
.NC00309.aboutHealthWrap{}
.NC00309.aboutHealthWrap .healthListTable caption p{margin-bottom:2em;}
.NC00309.aboutHealthWrap .healthListTable *{word-break:break-word;}


/* ========================================================================================================================================= */
/* 게시판 */
.boardWrap{}
.boardWrap #contents{padding:11em 0 3em 0;}
.boardWrap.ViewWrap .boardview{margin:0;}
.boardWrap.ViewWrap .boardview + .boardThumList{margin-top:3em;}

	/* Before&After */
	.boardWrap.BnfWrap.ListWrap .boardThumList{margin-top:1em;}
	.boardWrap.BnfWrap .boardThumList a .Thumb{height:auto;}
	.boardWrap.BnfWrap .boardThumList a .Thumb img{height:auto;}
	.boardWrap.BnfWrap .boardThumList a .Thumb img{height:fit-content;}
	.boardWrap.BnfWrap .boardThumList a .Title span{display:none;}
	.boardWrap.BnfWrap .SubNavApart{padding-bottom:60px;}
	.boardWrap.BnfWrap .SubNav_Small2{margin:0;}
	.boardWrap.BnfWrap .SubNav_Small2 ul{display:flex; align-items:center; gap:1em; width:100%;}
	.boardWrap.BnfWrap .SubNav_Small2 li{ flex:1; }
	.boardWrap.BnfWrap .SubNav_Small2 li a{font-size:13pt; background-color:#e9e9e9; border:none; color:#333; border-radius:7px; padding:8px; font-weight:600;}
	.boardWrap.BnfWrap .SubNav_Small2 li:not(.Action) a:hover{opacity:.8; transition-duration:.3s;}
	.boardWrap.BnfWrap .SubNav_Small2 li.Action a{background-color:#1c2740; border:none; color:#fff; font-weight:600;}

	/* 수술전후주의사항 */
	.boardWrap.faqWrap.ViewWrap .boardview .Movie_IframArea{display:none;}
	.boardWrap.faqWrap .lisTable .withThum .Thumb{display:none;}
	.boardWrap.faqWrap .lisTable .Thumb ~ pre mark{display:none;}
	
	/* 수술후기 */
	.boardWrap.reviewWrap.ListWrap .boardThumList a .Thumb{height:auto;}
	.boardWrap.reviewThumViewWrap.ViewWrap #zoomImg{display:none !important;}
	.boardWrap.reviewThumViewWrap.ViewWrap .boardThumList a .Thumb{height:auto;}
	.boardWrap.reviewThumViewWrap.ViewWrap #zoomImg{display:none !important;}
	.boardWrap.reviewWrap.WriteWrap .reserveTable table + .BtnBox{width:100%;}
	.boardWrap.reviewWrap.WriteWrap .reserveTable table + .BtnBox a + a{margin-left:1em;}
		/* 썸네일 잠금 */
		.boardWrap.reviewWrap.ListWrap .boardThumList a .Thumb.Close{background-color:#000;}
		.boardWrap.reviewWrap.ListWrap .boardThumList a .Thumb.Close img{filter:blur(2px); opacity:.5; scale:1.01;}
		.boardWrap.reviewWrap.ListWrap .boardThumList a .Thumb.Close:after{content:'로그인 후 확인할 수 있습니다.'; position:absolute; width:100%; height:100%; display:flex; align-items:center; justify-content:center; z-index:2; color:#fff; font-size:12pt; letter-spacing:-0.3px; line-height:1.5; left:0; top:0; font-weight:300;}
		.boardWrap.reviewThumViewWrap.ViewWrap .boardThumList a .Thumb.Close{background-color:#000;}
		.boardWrap.reviewThumViewWrap.ViewWrap .boardThumList a .Thumb.Close img{filter:blur(2px); opacity:.5; scale:1.01;}
		.boardWrap.reviewThumViewWrap.ViewWrap .boardThumList a .Thumb.Close:after{content:'로그인 후 확인할 수 있습니다.'; position:absolute; width:100%; height:100%; display:flex; align-items:center; justify-content:center; z-index:2; color:#fff; font-size:12pt; letter-spacing:-0.3px; line-height:1.5; left:0; top:0; font-weight:300;}


/* ========================================================================================================================================= */
/* 컨택페이지 */
.contactWrap{}
.contactWrap #contents{padding:13em 0 5em 0;}

	/* 모델신청 */
	.contactWrap.realModelWrap .NotDisplay{display:none !important;}
	.contactWrap.realModelWrap .BranchName{display:none !important;}
	.contactWrap.realModelWrap .ModelForm .Example{margin-bottom:2.5em;}
	.contactWrap.realModelWrap .ModelForm .Example img{display:block; width:49%;}
	.contactWrap.realModelWrap .ModelForm .Example p{font-size:13pt; font-weight:600; color:#888; margin-bottom:0.5em;}
	.contactWrap.realModelWrap .ModelForm .AddImgList{display:flex; align-items:flex-start; gap:1em; justify-content:flex-start; flex-wrap:wrap;}
	.contactWrap.realModelWrap .ModelForm .AddImgList li{display:inline-flex; padding:0; width:calc((100% - 3em) / 4);}
	.contactWrap.realModelWrap .ModelForm .AddImgBox{margin:0;}


/* ========================================================================================================================================= */
/* 키비주얼 */
.TopVisual{position:relative; display:block; height:100vh; overflow:hidden; width:100%; background-size:cover; background-position:center;}
.TopVisual .TopText{position:absolute; display:block; text-align:center; z-index:2; top:50%; left:50%; margin-left:auto; width:100%; transform:translate(-50%, -50%);}
.TopVisual .TopText *{letter-spacing:-0.1px;}
.TopVisual .TopText span{display:block; position:relative; font-family:var(--font_f_batang); color:#333333; font-size:20pt; font-weight:400; line-height:1.5;}
.TopVisual .TopText span em{color:#5f6571;}
.TopVisual .TopText p{display:block; position:relative; font-family:var(--font_f_batang); font-size:16pt; font-weight:300; line-height:1.6; color:#5f6571; margin-top:17px;}
.TopVisual .TopText h2{display:block; position:relative; font-size:26pt; font-weight:600; line-height:1.5; color:#222; margin-top:17px;}
	
	/* 치과소수술 > 라미네이트 */
	.minor_laminateWrap .TopVisual{background-position:bottom;}
	
	
/* ========================================================================================================================================= */
/* 커뮤니티 > 비금여항목 */
.NC00309 .Border_healthListArea{padding:120px 0 100px 0;}


/* ========================================================================================================================================= */
/* 병원소개 > 둘러보기 */
.NC00309 .About_GalleryArea{}

	/* 탭메뉴 */
	.ClinicSection.GallerySection .TabArea{max-width:1100px; display:block; margin:0 auto;}
	.ClinicSection.GallerySection .TabArea > div {position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box; justify-content:space-between;}
	.ClinicSection.GallerySection .TabArea:after{content:''; position:absolute; width:1400px; height:2px; background:linear-gradient(to right, transparent 0% 1%, #d7d7d7 7% 93% , transparent 99% 100%); left:50%; top:0%; margin-left:-700px; top:11px;}
	.ClinicSection.GallerySection .TabArea .TabBtn{flex-shrink:0; width:fit-content; height:100%; position:relative; transition-property:transform;}
	.ClinicSection.GallerySection .TabArea .TextBox{position:relative; display:flex; justify-content:center; flex-direction:column;}
	.ClinicSection.GallerySection .TabArea .TextBox span{position:relative; display:flex; justify-content:center; flex-direction:column; height:24px;}
	.ClinicSection.GallerySection .TabArea .TextBox em{position:relative; display:block; margin:0 auto; width:10px; height:10px; border-radius:10px; background-color:#d3d3d3; outline:3px solid #fff; z-index:2;}
	.ClinicSection.GallerySection .TabArea .TextBox span:before{content:''; position:absolute; left:50%; margin-left:-11px; top:50%; margin-top:-11px; width:22px; height:22px; border-radius:20px; background-color:#d3d3d3; z-index:1;}
	.ClinicSection.GallerySection .TabArea .TextBox p{position:relative;display:block;color:#999999;font-size: 13pt;line-height:1;border:2px solid #ececec;background-color:#fff;border-radius:50px;text-align:center;margin:0.5em auto 0 auto;padding: 0.4em 1em;cursor:pointer;transition:all 300ms ease !important;letter-spacing: -0.7px;font-weight: 400;}
	.ClinicSection.GallerySection .TabContArea .TabCont{position:relative; display:block; height:0; opacity:0;}
	.ClinicSection.GallerySection .TabContArea .Slide{text-align:center; font-size:18px; display:flex; justify-content:center; align-items:center;}
	.ClinicSection.GallerySection .TabContArea .Slide.Small{width:400px;}
	.ClinicSection.GallerySection .TabContArea .Slide{width:900px;}

	/* 슬라이드_버튼 */
	.ClinicSection.GallerySection .TabContArea .SwiperPagination{position:relative; display:block; margin-top:2.5em; text-align:center;}
	.ClinicSection.GallerySection .TabContArea .SwiperPagination .SwiperPg{position:relative; display:inline-block; transition:all 350ms ease; width:8px; height:8px; opacity:.3; background-color:#1c2740; border-radius:10px; cursor:pointer;}
	.ClinicSection.GallerySection .TabContArea .SwiperPagination .SwiperPg + span{margin-left:6px;}
	.ClinicSection.GallerySection .TabContArea .SwiperPagination .SwiperPgActive{width:30px; opacity:1;}

	/* Active */
	.ClinicSection.GallerySection .TabArea .TabBtn.Active .TextBox em{background-color:#1c2740; outline:3px solid #fff; transition:300ms;}
	.ClinicSection.GallerySection .TabArea .TabBtn.Active .TextBox span:before{background-color:#838da5; transition:300ms;}
	.ClinicSection.GallerySection .TabArea .TabBtn.Active .TextBox p{color:#fff; border:2px solid #304168; background-color:#304168; transition:all 300ms ease;}
	.ClinicSection.GallerySection .TabArea .TabBtn:not(.Active):hover .TextBox p{border-color:#cfd0d3;}
	.ClinicSection.GallerySection .TabCont.Active{position:relative; z-index:2; width: 100%; display:block;  height:100%; opacity:1;
    background: #fff;
}
	

/* ========================================================================================================================================= */
/* 병원소개 > 오시는길 */
.NC00309.aboutMapWrap{}
.NC00309.aboutMapWrap .Bottom_Area .Inner{border:none;}
.NC00309.aboutMapWrap .Company_Area{display:none!important}
.NC00309.aboutMapWrap .SubNav.Made{margin:0;}
.NC00309 .About_MapArea *{font-family:'Pretendard';}
.NC00309 .About_MapArea{background-color:#fff;}
.NC00309 .About_MapArea .Inner{width:1400px; min-width:1400px; display:table; align-items:center; padding:7.5em 0; overflow:hidden;}
	/* ---------------------------------------------- */
	/* 지도영역 */
	.NC00309 .About_MapArea .MapArea{position:relative; display:table; width:100%;}
	.NC00309 .About_MapArea .MapArea #AboutMap{position:relative; display:block; width:100%; height:500px;}
	.NC00309 .About_MapArea .InfoArea{position:relative; display:flex; width:100%; flex-wrap:wrap; margin-top:60px; gap:2em;}
	
	/* ---------------------------------------------- */
	/* 기본영역 */
	.NC00309 .About_MapArea .Info{position:relative; display:block;}
	.NC00309 .About_MapArea .Info01{width:calc(40% - 2em);}
	.NC00309 .About_MapArea .Info02{width:calc(35% - 2em);}
	.NC00309 .About_MapArea .Info03{width:calc(25% - 2em)}
	.NC00309 .About_MapArea .Info04{width:100%;}
	.NC00309 .About_MapArea .Info + .Info{}
		/* 타이틀 */
		.NC00309 .About_MapArea .Title{line-height:1; position:relative; display:table; width:100%; margin-bottom:1.3em;}
		.NC00309 .About_MapArea .Title img{position:relative; display:inline-table; vertical-align:middle; padding:9px 9px; background-color:#a36d6a; border-radius:5px; display:none;}
		.NC00309 .About_MapArea .Title span{position:relative; display:inline-table; vertical-align:middle; font-size:18pt; font-weight:700; line-height:1; color:#222; letter-spacing:-0.5px;}
	
		/* 시간 */
		.NC00309 .About_MapArea .Time label{display:block; margin:-6px 0 0 0; display:table; width:100%;}
		.NC00309 .About_MapArea .Time label pre{font-size:14pt; line-height:1.9; color:#333; font-weight:500; letter-spacing:-0.5px;}
		.NC00309 .About_MapArea .Time label pre.Left{display:table-cell; width:35%;}
		.NC00309 .About_MapArea .Time label pre.Right{letter-spacing:-0.5px; color:#222; font-weight:600;}
		
		/* 주소 */
		.NC00309 .About_MapArea .Loca{}
		.NC00309 .About_MapArea .Loca label pre{white-space:pre-line; line-height:1.5; font-size:14pt; font-weight:600; color:#333; letter-spacing:-0.5px;}
		.NC00309 .About_MapArea .LocaInfo{margin-top:0.4em;}
		.NC00309 .About_MapArea .LocaInfo label{display:flex; width:100%; gap:0.3em; align-items:center;}
		.NC00309 .About_MapArea .LocaInfo label pre{position:relative; display:block; font-size:13pt; line-height:1.5; color:#787878; font-weight:500; letter-spacing:-0.5px; width:100%; white-space:pre-line;}
		
		/* 전화번호 */
		.NC00309 .About_MapArea .Tel{}
		.NC00309 .About_MapArea .Tel p{}
		.NC00309 .About_MapArea .Tel p i{line-height:1; font-size:19pt; letter-spacing:-1px; font-weight:700; margin-right:5px; color:#b99d6e;}
		.NC00309 .About_MapArea .Tel p a{line-height:1; font-size:23pt; letter-spacing:-1px; font-weight:700; color:#b99d6e;}

		/* 오시는길 */
		.NC00309 .About_MapArea .Detail{display:block; margin-top:3em;}
		.NC00309 .About_MapArea .Detail .Trans{display:flex; width:65%; margin:0 auto 0 0; flex-direction:column; gap:0.8em;}
		.NC00309 .About_MapArea .Detail .Trans + div{margin-top:1.8em; padding-top:1.8em; border-top:2px dotted #bdbdbd;}
		.NC00309 .About_MapArea .Detail .Trans span{display:block; width:100%; font-weight:700; line-height:1.3; font-size:14pt; color:#333; letter-spacing:-0.5px;}
		.NC00309 .About_MapArea .Detail .Trans > div{display:flex; flex-direction:row; gap:0.3em; align-items:center;}
		.NC00309 .About_MapArea .Detail .Trans > div > div{position:relative; display:flex; align-items:center; gap:0.7em;}
		.NC00309 .About_MapArea .Detail .Trans p{display:block; font-weight:500; line-height:1.3; font-size:13pt; color:#333; letter-spacing:-0.3px;}
		.NC00309 .About_MapArea .Detail .Trans p b{font-weight:700;}
		.NC00309 .About_MapArea .Detail .Trans em{font-size:12pt; font-weight:700; border:2px solid #000; line-height:1; padding:0.2em 0.4em; border-radius:100px; letter-spacing:-0.3px; display:block;}
		.NC00309 .About_MapArea .Detail .Trans .GreenT{border-color:#008d31; color:#008d31;}
		.NC00309 .About_MapArea .Detail .Trans .GoldT{border-color:#c09f1e; color:#c09f1e;}
		.NC00309 .About_MapArea .Detail .Trans .PurpleT{border-color:#6e4195; color:#6e4195;}
		.NC00309 .About_MapArea .Detail .Trans .RedT{border-color:#a6042d; color:#a6042d;}
		.NC00309 .About_MapArea .Detail .Trans strong{width:18px; height:18px; border-radius:3px;}
		.NC00309 .About_MapArea .Detail .Trans .BlueB{background-color:#1666b8;}
		.NC00309 .About_MapArea .Detail .Trans.Airport > div{gap:1.8em;}
		.NC00309 .About_MapArea .Detail .Trans.Airport > div > div{gap:0.3em;}
		.NC00309 .About_MapArea .Detail .Trans.Airport > div > div:nth-child(1){}
		.NC00309 .About_MapArea .Detail .Trans.Airport > div > div:nth-child(1) p{font-weight:700; font-size:13.5pt; width:3.5em;}


/* ========================================================================================================================================= */
/* 비용문의 */
body .ClinicAskForm{}


/* ========================================================================================================================================= */
/* 시술페이지 */
.ClinicSection{position:relative; display:block; padding:9em 0;}
.ClinicSection.BgW{background-color:#fff}
.ClinicSection.BgG{background-color:#f8f8f8;}
.ClinicSection.NoBg{background:none;}
.ClinicSection.BgGra{background:linear-gradient( to bottom, #f8f8f8, #fff ) !important;}
.ClinicSection.BgGra2{background:linear-gradient( to bottom, #fff, #f8f8f8 ) !important;}
.ClinicSection .BgW{background-color:#fff !important;}
.ClinicSection .BgG{background-color:#f8f8f8 !important;}
.ClinicSection .NoBg{background:none;}
.ClinicSection .InnerFull{width:100%; min-width:100%;}
.ClinicSection .Inner14{width:1400px; min-width:1400px;}
.ClinicSection .Inner13{width:1300px; min-width:1300px;}
.ClinicSection .ContArea{position:relative; width:100%; display:block;}
.ClinicSection .Mt6{margin-top:6em;}
.ClinicSection .Mt5{margin-top:4em;}
.ClinicSection .Mt4{margin-top:4em;}
.ClinicSection .Mt3{margin-top:3em;}
.ClinicSection .Mt2{margin-top:2em;}
.ClinicSection .Mt1{margin-top:1em;}
.ClinicSection .Mt05{margin-top:0.5em;}
.ClinicSection .Mb05{margin-bottom:0.5em;}

/* 타이틀_공통 */
.ClinicSection .SubTitle .BigText{font-size:18pt; font-weight:700; line-height:1; letter-spacing:var(--letter_07);}

/* 타이틀_좌측정렬 */
.ClinicSection .SubTitle.Left{display:block; text-align:left; width:1400px; margin:0 auto;}
.ClinicSection .SubTitle.Left h2{position:relative; font-family:var(--font_f_batang); color:#333333; font-size:23pt; font-weight:400; text-align:center; line-height:1.5; text-align:left;}
.ClinicSection .SubTitle.Left p{color:#4c4c4c; font-size:13pt; font-weight:400; display:block; margin-top:1.5em; letter-spacing:var(--letter_07); text-align:center; line-height:1.7; text-align:left;}
.ClinicSection .SubTitle.Left p.Gray{color:#7f7f7f;}

/* 타이틀_가운데정렬 */
.ClinicSection .SubTitle.Center{display:block; text-align:center; width:100%; max-width:1400px; margin:0 auto;}
.ClinicSection .SubTitle.Center h2{position:relative; font-family:var(--font_f_batang); color:#333333; font-size:23pt; font-weight:400; line-height:1.5; text-align:center;}
.ClinicSection .SubTitle.Center p{color:#4c4c4c; font-size:13pt; font-weight:400; display:block; margin-top:1.5em; letter-spacing:var(--letter_07); text-align:center; line-height:1.7; text-align:center;}
.ClinicSection .SubTitle.Center p.Gray{color:#7f7f7f;}

/* 타이틀_이미지삽입형 */
.ClinicSection .SubTitle.Img h2{line-height:1;}
.ClinicSection .SubTitle.Img img{margin-top:-5px; width:220px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 기본설명 */
.ClinicSection .BasicArea{position:relative; width:100%; display:flex; justify-content:center; align-items:center; background:linear-gradient(to bottom, #f6f6f6, #fff); }
.ClinicSection .BasicArea.Both{position:relative; width:100%; display:flex; justify-content:left; align-items:center; background:linear-gradient(to bottom, #f6f6f6, #fff); gap:5em; padding:0 calc((100% - 1400px) / 2);}
.ClinicSection .BasicArea.NoBg{background:none;}
.ClinicSection .BasicArea .ImgBox{position:relative; display:flex; justify-content:center;}
.ClinicSection .BasicArea .ImgBox img{display:block;}
.ClinicSection .BasicArea .TextBox{color:#333; font-size:13pt; font-weight:400; display:block; margin-top:1.5em; letter-spacing:var(--letter_07); text-align:center; line-height:1.7; text-align:left;}
.ClinicSection .BasicArea .TextBox p + span{ margin-top:1.2em;}
.ClinicSection .BasicArea .TextBox span{position:relative; font-family:var(--font_f_batang); color:#333333; font-size:17pt; font-weight:400; text-align:center; line-height:1.8; text-align:left; display:block;}
.ClinicSection .BasicArea .TextBox span em{color:#b39562;}
.ClinicSection .BasicArea .ImgBox + .TextBox{margin-top:0;}
		
	/* 서울페이스특별함 */
	.aboutAboutWrap .ClinicSection .BasicArea.Both{flex-direction:column; align-items:baseline; justify-content:center;}
	.aboutAboutWrap .ClinicSection .BasicArea.Both > img{position:absolute; right:7em; bottom:1em; z-index:1;}
	.aboutAboutWrap .ClinicSection .BasicArea.Both > div{z-index:2;}
	.aboutAboutWrap .ClinicSection .BasicArea .Sub{position:absolute; z-index:2; display:flex; gap:2.5em; justify-content:center; align-items:center; flex-direction:column; top:5em; left:9em;}
	.aboutAboutWrap .ClinicSection .BasicArea .Sub img{position:relative;}
	.aboutAboutWrap .ClinicSection .BasicArea .Sub strong{display:block; width:6em; height:3px; background-color:#9b9b9b;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 기본설명 + 블루배경 */
.ClinicSection.BgBlueBasic{background-size:cover; background-position:center;}
.ClinicSection.BgBlueBasic .SubTitle h2{color:#fff;}
.ClinicSection.BgBlueBasic .BasicArea .TextBox{color:#fff !important; font-weight:200;}
.ClinicSection.BgBlueBasic .BasicArea .TextBox span em{color:#d0b68a; font-weight:300; font-size:17pt;}
.ClinicSection.BgBlueBasic .BasicArea .ImgBox{}
.ClinicSection.BgBlueBasic .BasicArea .ImgBox img:nth-child(1){z-index:2;}
.ClinicSection.BgBlueBasic .BasicArea .ImgBox img:nth-child(2){position:absolute; left:-8em; top:-10em; z-index:1;}
.ClinicSection.BgBlueBasic .BasicArea.Both{justify-content:center;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 시술수술정보 */
.ClinicSection .InfoArea{position:relative;}
.ClinicSection .InfoArea ul{position:relative; display:flex; justify-content:center; align-items:flex-start;}
.ClinicSection .InfoArea ul li{width:10em; display:inline-flex; justify-content:center; align-items:flex-start; text-align:center; flex-direction:column;}
.ClinicSection .InfoArea .ImgBox{display:block; width:100%;}
.ClinicSection .InfoArea .ImgBox img{display:block; margin:0 auto;}
.ClinicSection .InfoArea .TextBox{display:block; width:100%; margin-top:1.2em;}
.ClinicSection .InfoArea .TextBox span{display:block; color:#333; font-size:13pt; font-weight:700; line-height:1.3; letter-spacing:var(--letter_07);}
.ClinicSection .InfoArea .TextBox p{display:block; color:#333; font-size:12.5pt; font-weight:400; line-height:1.3; letter-spacing:var(--letter_07); margin-top:0.4em;}
.ClinicSection .InfoArea .TextBox small{display:block; color:#9c9c9c; font-size:10pt; font-weight:400; line-height:1.3; letter-spacing:var(--letter_07); margin-top:0.8em;}
	
	/* 모달창에서 */
	.ModalCont .InfoArea ul li{width:8.2em !important;}
	.ModalCont .ClinicSection .InfoArea .ImgBox img{scale:.9;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 케이스 */
.ClinicSection .CaseArea{position:relative;}
.ClinicSection .CaseArea .Title{margin:2em 0 2em 0;}
.ClinicSection .CaseArea ul{position:relative; display:flex; justify-content:center; align-items:flex-start; gap:30px;}
.ClinicSection .CaseArea ul li{width:180px; height:180px; display:inline-flex; justify-content:center; align-items:center; text-align:center; flex-direction:column; background-color:#e6eaf3; border-radius:15px;}
.ClinicSection .CaseArea.Big ul li{width:200px; height:200px;}
.ClinicSection .CaseArea .TextBox{display:block;}
.ClinicSection .CaseArea .TextBox p{display:block; color:#333; font-size:13pt; font-weight:600; line-height:1.4; letter-spacing:var(--letter_07);}

	/* 치아교정 > 일반교정 */
	.braces_basicWrap .CaseArea ul{gap:1.5em;}
	.braces_basicWrap .CaseArea ul li{width:auto; height:auto; border-radius:10px;}
	.braces_basicWrap .CaseArea .TextBox{display:flex; align-items:center; padding:1.5em 2em; gap:0.5em;}
	.braces_basicWrap .CaseArea .TextBox i{color:#6780b8; font-size:20pt;}
	.braces_basicWrap .CaseArea .TextBox p{line-height:1;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 진행과정 */
.ClinicSection .ProcessArea{position:relative; display:block;}
.ClinicSection .ProcessArea .Title{position:relative; display:block; text-align:center;}
.ClinicSection .ProcessArea .Title span{position:relative; display:inline-block; font-family:var(--font_f_batang); color:#fff; font-size:16pt; line-height:1; background-color:#8e9fbd; border-radius:50px; text-align:center; margin:0 auto; padding:0.4em 0.9em;;}
.ClinicSection .ProcessArea .Title p{position:relative; display:block; color:#333; font-size:20pt; font-weight:600; line-height:1.5; letter-spacing:var(--letter_07); margin-top:0.5em;}
.ClinicSection .ProcessArea ul{position:relative; display:flex; justify-content:center; align-items:flex-start; gap:20px;}
.ClinicSection .ProcessArea ul li{display:inline-flex; justify-content:center; align-items:flex-start; text-align:center; flex-direction:column;}
.ClinicSection .ProcessArea ul i{color:#333; font-size:20pt; margin-top:5.5em;}
.ClinicSection .ProcessArea .ImgBox{display:block; width:100%;}
.ClinicSection .ProcessArea .ImgBox img{display:block; margin:0 auto;}
.ClinicSection .ProcessArea .TextBox{display:block; width:100%; margin-top:1.8em;}
.ClinicSection .ProcessArea .TextBox p{display:block; color:#333; font-size:13pt; font-weight:400; line-height:1.5; letter-spacing:var(--letter_07); margin-top:0.1em;}

	/* 재수술 > 재수술 */
	.reoperation_reoperationWrap .ClinicSection .ProcessArea{margin-right:auto; margin-left:auto;}
	.reoperation_reoperationWrap .ClinicSection .ProcessArea ul{flex-direction:column; width:85%; margin:0 auto;}
	.reoperation_reoperationWrap .ClinicSection .ProcessArea ul li{text-align:left; display:flex; align-items:stretch; width:100%; margin:0 auto; flex-direction:row;}
	.reoperation_reoperationWrap .ClinicSection .ProcessArea .ImgBox{width:fit-content; }
	.reoperation_reoperationWrap .ClinicSection .ProcessArea .TextBox{background-color:#ebedf0; display:grid; text-align:left; width:100%; align-items:center; height:auto; margin:0; place-content:center; justify-content:flex-start; padding-left:4em; gap:1em;}
	.reoperation_reoperationWrap .ClinicSection .ProcessArea .TextBox p{font-size:13pt; font-weight:400; color:#444; line-height:1.7;}
	.reoperation_reoperationWrap .ClinicSection .ProcessArea .TextBox span{position:relative; display:block; text-align:left; color:#333; font-size:13.5pt; font-weight:700; line-height:1; letter-spacing:var(--letter_07);}
	.reoperation_reoperationWrap .ClinicSection .ProcessArea ul i{margin:0; display:block; width:100%; text-align:center;}

	/* 재수술 > 재건수술 */
 	.reoperation_reconstructionWrap .ClinicSection .ProcessArea ul{gap:7em;}
 	.reoperation_reconstructionWrap .ClinicSection .ProcessArea > .TextBox{display:flex; width:100%; padding:4em 0;  background:linear-gradient(to right, transparent 0%, #fff 20% 80%, transparent 100%); justify-content:center; margin-top:5em;}
 	.reoperation_reconstructionWrap .ClinicSection .ProcessArea > .TextBox p{position:relative; font-family:var(--font_f_batang); color:#333; font-size:16pt; font-weight:400; line-height:2; text-align:center;}
 	.reoperation_reconstructionWrap .ClinicSection .ProcessArea > .TextBox em{color:#d0b68a; position:absolute; left:-35px; top:-24px; font-size:51pt;}
 	.reoperation_reconstructionWrap .ClinicSection .ProcessArea > .TextBox em:last-child{right:46px; bottom:-61px; top:auto; left:auto;}

	/* 치아교정 > 선수술후교정 */
	.braces_surgeryWrap .ModalArea #Modal01 .ProcessArea ul{width:85%; margin:0 auto; align-items:center; gap:15px;}
	.braces_surgeryWrap .ModalArea #Modal01 .ProcessArea .ImgBox img{width:100%;}
	.braces_surgeryWrap .ModalArea #Modal01 .ProcessArea .TextBox{display:flex; min-height:7em; margin-top:4px; align-items:stretch; background-color:#f0f3f9;}
	.braces_surgeryWrap .ModalArea #Modal01 .ProcessArea .TextBox div p{display:block; font-size:12pt; font-weight:400; line-height:1.4; letter-spacing:var(--letter_07); padding:0.8em 0; width:100%; margin:0;}
	.braces_surgeryWrap .ModalArea #Modal01 .ProcessArea .TextBox div{display:inline-grid; text-align:center; width:100%; align-items:center;}
	.braces_surgeryWrap .ModalArea #Modal01 .ProcessArea ul i{font-size:21pt; margin:0;}
	
	/* 치과소수술 > 충치치료 */
	.minor_cavityWrap .ProcessArea .Title span{font-size:13pt; margin-bottom:0.7em;}
	.minor_cavityWrap .ProcessArea ul + ul{gap:77px;}
	.minor_cavityWrap .ProcessArea ul + ul li{width:23%; border:2px dashed #df6e5e; border-top:none; height:3em; position:relative;}
	.minor_cavityWrap .ProcessArea ul + ul li:first-child{width:52%}
	.minor_cavityWrap .ProcessArea ul + ul .LineBox{z-index:2; position:absolute; bottom:-0.6em; color:#df6e5e; font-size:13pt; font-weight:500; letter-spacing:var(--letter_07); width:100%;}
	.minor_cavityWrap .ProcessArea ul + ul .LineBox span{ background-color:#f8f8f8; padding:0.3em;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 모달 */
.ClinicSection .ModalArea{position:relative; display:flex; align-items:center; gap:50px; flex-direction:column; justify-content:center;}
.ClinicSection .ModalArea > ul{position:relative; display:flex; align-items:center; gap:50px; justify-content:center;}
.ClinicSection .ModalArea > ul li{position:relative; display:inline-flex; flex-direction:column;}
.ClinicSection .ModalArea > ul .ImgBox{position:relative;}
.ClinicSection .ModalArea > ul .ImgBox img{position:relative; width:100%;}
.ClinicSection .ModalArea > ul .TextBox{position:relative; display:block; text-align:center; background-color:#ebedf0; padding:2.5em 0;}
.ClinicSection .ModalArea > ul .TextBox span{position:relative; display:block; color:#333; font-size:19pt; font-weight:700; line-height:1; letter-spacing:var(--letter_07);}
.ClinicSection .ModalArea > ul .TextBox em{position:relative; display:block; font-family:var(--font_f_batang); letter-spacing:var(--letter_05); color:#b2b2b2; margin-top:0.7em; font-size:13pt;}
.ClinicSection .ModalArea > ul .TextBox p{display:block; color:#333; font-size:13pt; font-weight:400; line-height:1.6; letter-spacing:var(--letter_07); margin-top:1em; color:#444;}
.ClinicSection .ModalArea > ul .ChkList{border-top:1px solid #c7d4f1; width:85%; margin:2em auto 0 auto; padding-top:2em;}
.ClinicSection .ModalArea > ul .ChkList > div + div{margin-top:1em;}
.ClinicSection .ModalArea > ul .ChkList > div{display:flex; align-items:center; gap:0.3em;}
.ClinicSection .ModalArea > ul .ChkList > div p{font-weight:500; margin:0; color:#6780b8;}
.ClinicSection .ModalArea > ul .ChkList > div i{color:#6780b8; font-size:17pt;}
.ClinicSection .ModalArea > ul .BtnArea{position:relative; display:block; margin-top:1.5em;}
.ClinicSection .ModalArea > ul .BtnArea .ModalBtn{background:#1c2740; border-radius:8px; width:40px; height:40px; display:flex; justify-content:center; align-items:center; margin:0 auto; transition:all 200ms ease;}
.ClinicSection .ModalArea > ul .BtnArea .ModalBtn:hover{background-color:#626b7f;}
.ClinicSection .ModalArea > ul .BtnArea .ModalBtn svg{width:15px; display:block; color:#fff;}
.ClinicSection .ModalArea .ModalOverlay{position:fixed; inset:0; background:rgba(0,0,0,.6); /* backdrop-filter: blur(3px); */ z-index:999; opacity:0; visibility:hidden; transition:opacity .25s ease;}
.ClinicSection .ModalArea .ModalOverlay.Open{opacity:1; visibility:visible; transition:opacity .25s ease;}
.ClinicSection .ModalArea .ModalCont{overflow:auto; position:fixed; top:50%; left:50%; height:85vh; margin-left:-650px; margin-top:-43vh; transform:scale(.98); width:1300px;; text-align:left; background:#fff; border-radius:0; box-shadow:0 30px 60px rgba(0,0,0,.3); z-index:1000; opacity:0; visibility:hidden; transition:opacity .25s ease, transform .25s ease; height:86vh;}
.ClinicSection .ModalArea .ModalCont.Open{opacity:1; visibility:visible; transform:scale(1); transition:opacity .25s ease, transform .25s ease; }
.ClinicSection .ModalArea .CloseBtn{position:fixed; top:1.3em; right:1.5em; font-size:12pt; color:#fff; line-height:1; cursor:pointer; border-radius:6px; background-color:#9d9d9d; width:30px; height:30px; display:flex; justify-content:center; align-items:center; transition:background-color 300ms ease; z-index:2;}
.ClinicSection .ModalArea .CloseBtn:hover{background-color:#878787;}
.ClinicSection .ModalArea .CloseBtn i{display:block;}
.ClinicSection .ModalCont .Cont{display:flex; flex-direction:column; gap:3em; padding:3em 0}
.ClinicSection .ModalCont .Cont .Title{position:relative;display:block;text-align:center;}
.ClinicSection .ModalCont .Cont .Title span{position:relative;display:block;color:#333;font-size:20pt;font-weight:700;line-height:1;letter-spacing:var(--letter_07);}
.ClinicSection .ModalCont .Cont .Title em{position:relative;display:block;font-family:var(--font_f_batang);letter-spacing: 0;color: #afbbd5;margin-top: 0.7em;font-size: 13pt;}
.ClinicSection .ModalCont .Cont .Title + .Text{display:block; color:#333; font-size:13pt; margin-top:-1em; font-weight:500; line-height:1.7; letter-spacing:var(--letter_07); color:#444; text-align:center;}
.ClinicSection .ModalCont .Cont .Box{position:relative;display:flex;align-items:center;justify-content:center;gap:30px;}
.ClinicSection .ModalCont .Cont .Box .List{display:block;}
.ClinicSection .ModalCont .Cont .Box ul{display: flex;gap:20px;align-items: stretch;}
.ClinicSection .ModalCont .Cont .Box ul + ul{margin-top:4px;}
.ClinicSection .ModalCont .Cont .Box ul.Line02{margin-top:-1px;}
.ClinicSection .ModalCont .Cont .Box ul li{display:inline-grid; text-align:center;width: 100%;align-items: center;}
.ClinicSection .ModalCont .Cont .Box ul li span{display:block; color:#fff; font-size:13pt; width:100%;}
.ClinicSection .ModalCont .Cont .Box ul li small{display:block;color:#fff;font-size: 13pt;font-weight: 300;line-height:1;letter-spacing: 0;margin-top: 0.1em;}
.ClinicSection .ModalCont .Cont .Box ul li p{display:block;font-size: 12pt;font-weight:400;line-height: 1.4;letter-spacing:var(--letter_07);padding: 0.8em 0;width: 100%;}
.ClinicSection .ModalCont .Cont .Box ul li .ImgBox{position:relative; display:block;}
.ClinicSection .ModalCont .Cont .Box ul li .ImgBox img{position:relative; display:block;}
.ClinicSection .ModalCont .Cont .Box ul li.Text{position:relative;color: #b6b6b6;font-size: 13pt;font-weight: 600;line-height:1;letter-spacing:var(--letter_07);width: 2em;flex: 0 0 auto;height: auto;display: flex;  /* 안쪽도 flex 컨테이너로 */justify-content: center;/* 가로 가운데 */align-items: center;}
.ClinicSection .ModalCont .Cont .Box ul li.Gray{background-color:#8d8d8d; height:auto; font-weight:500; flex-direction:column; padding:0.7em 0; }
.ClinicSection .ModalCont .Cont .Box ul li.Blue{background-color:#1c2740; flex-direction:column; padding:0.7em 0; font-weight:600;}
.ClinicSection .ModalCont .Cont .Box ul li.BoxGray{background-color:#f2f2f2; height:auto; color:#555;}
.ClinicSection .ModalCont .Cont .Box ul li.BoxBlue{background-color:#f0f3f9; color:#333;}
.ClinicSection .ModalCont .Cont > img{display:block;}
.ClinicSection .ModalCont .Cont .Result{display:block;text-align: center;}
.ClinicSection .ModalCont .Cont .Result .ImgBox{position:relative;margin: 1em auto 0 auto;display: inline-flex; flex-direction: column;align-items: stretch;width: max-content; max-width: 100%;}
.ClinicSection .ModalCont .Cont .Result .ImgBox img{display:block;margin: 1em auto 0 auto;}
.ClinicSection .ModalCont .Cont .Result .TextBox{position:relative;display:block;width: 100%;background-color: #f7f2ea;border:3px solid #e3d3b9;margin: 0 auto;}
.ClinicSection .ModalCont .Cont .Result .TextBox span{position:relative;display:block;width:100%;font-size: 17pt;letter-spacing:var(--letter_07);font-weight: 700;line-height: 1.3;color:#6d6d6d;padding: 0.5em 0;text-align: center;}
.ClinicSection .ModalCont .Cont .Result .TextBox span em{color:#1c2740;font-weight: 700;display: block;}
.ClinicSection .ModalCont .Cont .Result .TextBox span em b{font-weight:800;}
.ClinicSection .ModalCont .Cont .Result > span{position:relative;display:block;font-family:var(--font_f_batang);letter-spacing:var(--letter_07);color: #6476a2;margin-top: 1em;font-size: 16pt;text-align: center;line-height: 1.4;}
.ClinicSection .ModalCont .Cont .Result > p{display:block;font-size:12pt;font-weight:400;line-height:1.5;letter-spacing:var(--letter_07);padding:0.8em 0 0 0;width:100%;text-align: center;color: #333;}
.ClinicSection .ModalCont .Cont .Result > p b{font-weight:700;}

/* 케이스 */
.ClinicSection .ModalCont .Cont .CaseArea{}
.ClinicSection .ModalCont .Cont .CaseArea .Title{}
.ClinicSection .ModalCont .Cont .CaseArea .Title .span{font-size:24pt;}
.ClinicSection .ModalCont .Cont .CaseArea ul li{width:165px; height:165px; background-color:#f1f1f1;}
.ClinicSection .ModalCont .Cont .CaseArea .TextBox p{font-size:12pt; font-weight:500; line-height:1.4;}
body.Hidden{overflow:hidden;}

/* 장단점 */
.ClinicSection .ModalCont .CompareArea{position:relative;display:flex;align-items:flex-start;gap: 4em;margin: 0 auto;}
.ClinicSection .ModalCont .CompareArea > div{position:relative;display:block;/* width:50%; */}
.ClinicSection .ModalCont .CompareArea > .Cont01{}
.ClinicSection .ModalCont .CompareArea > .Cont02{}
.ClinicSection .ModalCont .CompareArea .ImgBox{}
.ClinicSection .ModalCont .CompareArea .ImgBox img{}
.ClinicSection .ModalCont .CompareArea .TextBox{position:relative; display:block;}
.ClinicSection .ModalCont .CompareArea .TextBox span{color: #333;display:block;font-size: 16pt;font-weight: 700;line-height:1;letter-spacing:var(--letter_07);padding:1em 0;}
.ClinicSection .ModalCont .CompareArea ul{display:flex;flex-direction:column;gap:1em;text-align: left;}
.ClinicSection .ModalCont .CompareArea ul li{display:flex;gap: 0.5em;align-items:flex-start;}
.ClinicSection .ModalCont .CompareArea ul li span{color:#fff;display:block;font-size: 12pt;font-weight: 500;line-height:1;letter-spacing:var(--letter_07);padding: 0.3em 0.7em;border-radius: 100px;background-color:#777777;}
.ClinicSection .ModalCont .CompareArea ul li p{color:#333;display:block;font-size:12pt;font-weight:400;line-height: 1.5;letter-spacing:var(--letter_07);padding: 0.0em 0 0 0;}

.ClinicSection .ModalCont .CompareArea > .Cont02 .TextBox span{color:#b89d6e;}
.ClinicSection .ModalCont .CompareArea > .Cont02 ul li span{ background-color:#d0b68a;}
.ClinicSection .ModalCont .CompareArea > .Cont02 ul li p{}

/* 모달용스크롤 */
.ClinicSection .ModalCont{-ms-overflow-style:none;}
.ClinicSection .ModalCont::-webkit-scrollbar{display:none;}
.ClinicSection .ModalCont .mCSB_scrollTools_horizontal{width:10px;}
.ClinicSection .ModalCont .mCSB_draggerContainer *{margin:0 !important;}
.ClinicSection .ModalCont .mCSB_draggerContainer{width:10px;}
.ClinicSection .ModalCont .mCSB_dragger_bar{width:10px !important;}
.ClinicSection .ModalCont .mCSB_draggerRail{width:10px !important; background-color:#e3e3e3;}
.ClinicSection .ModalCont .mCSB_container{margin-right:5px;}
.ClinicSection .ModalCont .mCSB_scrollTools{opacity:1 !important; width:10px !important}
.ClinicSection .ModalCont .mCSB_dragger_bar{background-color:#8b8b8b !important;}

	/* 첫수술 > 안면윤곽수술 */
	.first_facialWrap .ClinicSection .ModalCont .Cont .Box{width:1100px; margin:0 auto;}
	.first_facialWrap .ClinicSection .ModalCont .Cont .Box ul{gap:13px; width:100%;}
	.first_facialWrap .ClinicSection .ModalCont .Cont .Box ul li.BoxBlue{min-height:7em;}
	.first_facialWrap .ClinicSection .ModalCont .Cont .Box ul .ImgBox{width:100%;}
	.first_facialWrap .ClinicSection .ModalCont .Cont .Box ul .ImgBox img{width:100%;}

	/* 치아교정 > 선수술후교정 */
	.braces_surgeryWrap .ModalArea > ul{gap:20px;}
	.braces_surgeryWrap #Modal04 .Cont .Box ul.Line02{margin-top:1em;}

	/* 치과소수술 > 임플란트 */
	.minor_implantWrap .ModalArea > ul{gap:50px;}
	.minor_implantWrap .ModalCont .Cont .Box .List{width:100%;}
	.minor_implantWrap .ModalCont .Cont .Box ul{gap:15px;}
	.minor_implantWrap .ModalCont .Cont .Box ul li{border-radius:0;}
	.minor_implantWrap .ModalCont .Cont .Box ul.Line{justify-content:center; align-items:center; gap:0;}
	.minor_implantWrap .ModalCont .Cont .Box ul.Line + ul{margin-top:1em;}
	.minor_implantWrap .ModalCont .Cont .Box ul.Line li{width:63%; padding:1em 1.5em; border-radius:100px;}
	.minor_implantWrap .ModalCont .Cont .Box ul.Line:after{content:''; position:relative; height:2px; width:100%; display:inline-flex; background-color:#9ea6b9;}
	.minor_implantWrap .ModalCont .Cont .Box ul.Line:before{content:''; position:relative; height:2px; width:100%; display:inline-flex; background-color:#9ea6b9;}
	.minor_implantWrap .ModalCont .Cont .Box ul.Line li span{}
	.minor_implantWrap .ModalCont .Cont .Box ul li.BoxBlue{min-height:6em;}
	.minor_implantWrap .ModalCont .Cont .Box ul li img{width:100%;}
	
	/* 치과소수술 > 충치치료 */
	.minor_cavityWrap .ModalArea > ul{gap:40px;}
	
	/* 치과소수술 > 턱관절이갈이 */
	.minor_bruxismWrap .ModalArea > ul{gap:40px;}
	.minor_bruxismWrap .ModalArea > ul .TextBox{background-color:#fff; padding:3em 3em; text-align:left;}
	.minor_bruxismWrap .ClinicSection .ModalArea > ul .TextBox span{font-size:16pt;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 파란배경(빗금배경) */
.ClinicSection.BgBlueLine.Left{position:relative; background-repeat:no-repeat; background-size:100%; background-position:top; background-color:#0f1f42;}
.ClinicSection.BgBlueLine.Right{position:relative; background-repeat:no-repeat; background-size:100%; background-position:top; background-color:#0f1f42;}
.ClinicSection.BgBlueLine *{color:#fff;}
.ClinicSection.BgBlueLine .SubTitle.Center em{line-height:1; font-size:13pt; font-weight:700; color:#1c2740; background-color:#d0b68a; display:inline-block; padding:0.2em 0.4em; letter-spacing:var(--letter_07); margin-bottom:1em;}
.ClinicSection.BgBlueLine .SubTitle.Center h2{color:#fff; font-weight:300;}
.ClinicSection.BgBlueLine .SubTitle.Center h2 b{color:#d0b68a;}
.ClinicSection.BgBlueLine .SubTitle.Center p{color:#fff; font-weight:200; margin-top:3em; font-size:13pt;}
.ClinicSection.BgBlueLine .SubTitle.Center .BigText{color:#d0b68a; width:fit-content; margin:2em auto 0 auto; padding:0.5em 0.5em; border:1px solid #d0b68a; border-right:none; border-left:none;}
.ClinicSection.BgBlueLine .SubTitle.Center .BigText + p{margin-top:1.5em;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 파란배경(턱관절이갈이) */
.ClinicSection.BgBlueRound{position:relative; background-repeat:no-repeat; background-size:100%; background-position:center;}
.ClinicSection.BgBlueRound .SubTitle.Center h2{color:#fff; font-weight:300;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 기간영역 */
.ClinicSection .PeriodArea{}
.ClinicSection .PeriodArea ul{position:relative; display:block; margin:0 auto; text-align:center;}
.ClinicSection .PeriodArea ul li{position:relative; display:flex; align-items:center; justify-content:center; width:fit-content; margin: 0 auto;}
.ClinicSection .PeriodArea ul li + li{margin-top:3em;}
.ClinicSection .PeriodArea ul li img{position:relative; display:block;}
.ClinicSection .PeriodArea ul li .TextBox{position:relative; display:inline-flex; width:126px; height:126px; border-radius:100px; align-items:center; justify-content:center; z-index:2;}
.ClinicSection .PeriodArea ul li .TextBox p{font-size:13pt; font-weight:200; display:block; letter-spacing:var(--letter_07); text-align:center; line-height:1.2; text-align:center;}
.ClinicSection .PeriodArea ul li .TextBox p b{font-weight:500;}
.ClinicSection .PeriodArea ul li:nth-child(1) .TextBox{background-color:#7a7c81;}
.ClinicSection .PeriodArea ul li:nth-child(1) .TextBox p{color:#fff;}
.ClinicSection .PeriodArea ul li:nth-child(2) .TextBox{background-color:#d0b68a;}
.ClinicSection .PeriodArea ul li:nth-child(2) .TextBox p{color:#162f68; font-weight:700;}
.ClinicSection .PeriodArea > small{display:block; color:#797979; font-size:11pt; font-weight:400; line-height:1.3; letter-spacing:var(--letter_07); margin-top:2em; text-align:center;}
.ClinicSection .PeriodArea .BlinkCircle{border-radius:50%; width:126px; height:126px; position:absolute; right:0; z-index:1;}
.ClinicSection .PeriodArea .BlinkCircle:after{animation:PeriodBlink 1.8s 1.2s infinite linear;}
.ClinicSection .PeriodArea .BlinkCircle:before{transform:scale(1); animation:PeriodBlink 1.8s infinite linear;}
.ClinicSection .PeriodArea .BlinkCircle:after,
.ClinicSection .PeriodArea .BlinkCircle:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(255 255 255 / 16%); border-radius:100%;opacity:0; color:rgb(226 227 228 / 68%);}

@keyframes PeriodBlink {
	0% {
		opacity: 0;
		transform: scale(1);
	}
	33.33333% {
		opacity: 1;
		transform: scale(1.25);
	}
	100% {
		opacity: 0;
		transform: scale(1.5);
	}
}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 특별함영역 */
.ClinicSection .SpecialArea *{color:#fff;}
.ClinicSection .SpecialArea{display:flex; flex-direction:column; gap:8em;}
.ClinicSection .SpecialArea .Brown{color:#d0b68a !important;}
.ClinicSection .SpecialArea .Cont{position:relative; display:flex; align-items:flex-start; width:fit-content; margin:0 auto; gap:5em;}
.ClinicSection .SpecialArea .TextBox{position:relative; display:block;}
.ClinicSection .SpecialArea .TextBox em{position:relative; font-family:var(--font_f_batang); font-size:13pt; font-weight:400; text-align:center; line-height:1.5; text-align:center; color:#d0b68a;}
.ClinicSection .SpecialArea .TextBox span{position:relative; display:block; font-size:19pt; font-weight:600; line-height:1.7;}
.ClinicSection .SpecialArea .TextBox strong{width:2.3em; height:3px; background-color:#d0b68a; margin:1.5em auto 2em auto; position:relative; display:inline-block;}
.ClinicSection .SpecialArea .TextBox p{font-size:13pt; font-weight:200; display:block; letter-spacing:var(--letter_07); line-height:1.7; text-align:left;}
.ClinicSection .SpecialArea .TextBox p b{font-weight:600;}
.ClinicSection .SpecialArea .ImgBox{position:relative; display:block;}
.ClinicSection .SpecialArea .ImgBox ul{position:relative; display:flex; align-items:flex-start; gap:1.5em;}
.ClinicSection .SpecialArea .ImgBox ul li{position:relative; display:block;}
.ClinicSection .SpecialArea .ImgBox ul li img{position:relative;}
.ClinicSection .SpecialArea .ImgBox ul li p{display:block; margin-top:1em; font-size:13pt; font-weight:400; display:block; letter-spacing:var(--letter_07); line-height:1.5; text-align:center; color:#a1a1a1; position:absolute; width:max-content; left:50%; transform:translate(-50%, 0);}
.ClinicSection .SpecialArea .ImgBox ul li p.Brown{font-weight:600;}

	/* 첫수술 > 양악수술 */
	.first_orthognathicWrap .SpecialArea{gap:11em;}

	/* 치과소수술 > 라미네이트 */
	.minor_laminateWrap .SpecialArea .Cont{align-items:center; gap:6em;}

	/* 치과소수술 > 임플란트 */
	.minor_implantWrap .SpecialArea .Cont{align-items:center; gap:6em;}

	/* 치과소수술 > 충치치료 */
	.minor_cavityWrap .SpecialArea .Cont{align-items:center; gap:6em;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 따옴표타이틀영역 */
.first_miniWrap .ClinicSection.BgQuotes{padding:9em 0;}
.ClinicSection.BgQuotes{position:relative; background-repeat:no-repeat; background-size:cover; background-position:top; padding:9em 0 0 0;}
.ClinicSection.BgQuotes .SubTitle{position:relative; display:flex; justify-content:space-between; align-items:center; gap:2.5em;}
.ClinicSection.BgQuotes .SubTitle .Title01{display:flex; align-items:flex-start; gap:1em; flex:0 0 auto;}
.ClinicSection.BgQuotes .SubTitle .Title01 span{position:relative; display:block; line-height:var(--line_1); color:#28385b; font-family:var(--font_f_batang); font-weight:300; font-size:78pt; margin-left:-9px; height:40px;}
.ClinicSection.BgQuotes .SubTitle .Title01 h2{display:block;}
.ClinicSection.BgQuotes .SubTitle .Line{position:relative; flex:1; text-align:center; border-top:4px dotted #bbc5db;}
.ClinicSection.BgQuotes .SubTitle .Title02{flex:0 0 auto; display:flex; align-items:center;}
.ClinicSection.BgQuotes .SubTitle .Title02 img{position:relative; z-index:1; margin-right:-1em; width:4em;}
.ClinicSection.BgQuotes .SubTitle .Title02 p{position:relative; display:block; color:#28385b; font-size:23pt; font-weight:600; line-height:1; letter-spacing:var(--letter_07); margin:0; z-index:2;}
.ClinicSection.BgQuotes .SubTitle .Title02 p b{position:relative; font-weight:600;}
.ClinicSection.BgQuotes .SubTitle .Title02 p b:before{content:''; position:absolute; width:6px; height:6px; border-radius:5px; background-color:#7a7a7a; z-index:2; top:-0.3em; left:50%; margin-left:-3.5px;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 따옴표영역 */
.ClinicSection .QuotesArea{background-color:rgb(228 230 236 / 50%); padding:4em 0 9em 0; text-align:center;}
.ClinicSection .QuotesArea.NoBg{background:none;}
.ClinicSection .QuotesArea > .TextBox p{position:relative; display:block; color:#2c406b; font-size:20pt; font-weight:700; line-height:1.5; letter-spacing:var(--letter_07); margin-bottom:0.5em;}
.ClinicSection .QuotesArea > .TextBox span{position:relative; width:0; height:0; border-top:11px solid #8e9fbd; border-left:7px solid transparent; border-right:7px solid transparent; display:block; margin:0.5em auto;}
.ClinicSection .QuotesArea > .TextBox span + span{margin-top:0.8em;}
.ClinicSection .QuotesArea > .TextBox span:nth-last-child(3){}
.ClinicSection .QuotesArea > .TextBox span:nth-last-child(2){opacity:.6;}
.ClinicSection .QuotesArea > .TextBox span:nth-last-child(1){opacity:.3;}
.ClinicSection .QuotesArea .Cont{position:relative; display:flex; align-items:center; justify-content:center; margin-top:3em;}
.ClinicSection .QuotesArea .Cont .Box{display:flex; align-items:stretch; flex-direction:column;}
.ClinicSection .QuotesArea .Cont .ImgBox{border:4px solid #2c406b; border-bottom:0; display:inline-flex; text-align:center; width:100%; align-items:center;}
.ClinicSection .QuotesArea .Cont .ImgBox img{display:block; width:100%; height:auto;}
.ClinicSection .QuotesArea .Cont .TextBox{display:inline-flex; text-align:center; width:100%; align-items:center;background-color: #2c406b; flex-direction:column; padding:0.7em 0; font-weight:600;}
.ClinicSection .QuotesArea .Cont .TextBox span{display:block; color:#fff; font-size:13pt; width:100%;}
.ClinicSection .QuotesArea .Cont01{position:relative;}
.ClinicSection .QuotesArea .Cont01 .TextBox{padding:1em 0;}
.ClinicSection .QuotesArea .Cont01 .TextBox span{font-size:13pt;}
.ClinicSection .QuotesArea .Cont02{position:relative; display:block; width:10em;}
.ClinicSection .QuotesArea .Cont02 .Text{position:relative; width:54px; height:54px; background-color:#2c406b; border-radius:100px; display:flex; align-items:center; justify-content:center; margin:0 auto; z-index:2;}
.ClinicSection .QuotesArea .Cont02 .Text svg{position:relative; width:20px; display:block; color:#fff;}
.ClinicSection .QuotesArea .Cont03{position:relative; display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:16px; align-content:start; text-align:center;}
.ClinicSection .QuotesArea .Cont03 .Box{display:flex; flex-direction:column; align-items:stretch; min-width:0; box-sizing:border-box;}
.ClinicSection .QuotesArea .Cont03 .Box:last-child{left:120px; position:relative;}
.ClinicSection .QuotesArea .BlinkCircle{border-radius:50%; width:60px; height:60px; position:absolute; left:50%; margin-left:-30px; top:50%; margin-top:-30px; z-index:1;}
.ClinicSection .QuotesArea .BlinkCircle:after{animation:QuotesBlink 1.8s 1.2s infinite linear;}
.ClinicSection .QuotesArea .BlinkCircle:before{transform:scale(1); animation:QuotesBlink 1.8s infinite linear;}
.ClinicSection .QuotesArea .BlinkCircle:after,
.ClinicSection .QuotesArea .BlinkCircle:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#c7cbd7; border-radius:100%; opacity:0; }

@keyframes QuotesBlink {
	0% {
		opacity: 0;
		transform: scale(1);
	}
	33.33333% {
		opacity: 1;
		transform: scale(1.2);
	}
	100% {
		opacity: 0;
		transform: scale(1.6);
	}
}
	/* 첫수술 >안면윤곽수술 */
	.first_facialWrap .ClinicSection .QuotesArea .Cont .TextBox span{font-size:14pt;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 전후비교박스 */
.ClinicSection .BnfArrowArea{display:flex; align-items:stretch;}
.ClinicSection .BnfArrowArea .Box{display:inline-flex; align-items:center; width:50%; text-align:left; height:auto; background-color:#d9d9d9; flex-direction:column; padding:3em 0; gap:2em;}
.ClinicSection .BnfArrowArea .Box.Blue{background-color:#0f1f42;}
.ClinicSection .BnfArrowArea .Box .Title{position:relative; display:block; text-align:center; color:#0f1f42; font-size:19pt; font-weight:600; line-height:1; letter-spacing:var(--letter_07);}
.ClinicSection .BnfArrowArea .Box.Blue .Title{color:#fff;}
.ClinicSection .BnfArrowArea .Box ul{display:flex; flex-direction:column; gap:1.3em;}
.ClinicSection .BnfArrowArea .Box ul li{display:flex; align-items:flex-start; gap:0.5em;}
.ClinicSection .BnfArrowArea .Box ul li span{display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; background-color:#6a6a6a;}
.ClinicSection .BnfArrowArea .Box ul li span em{display:block; font-size:12pt; font-weight:400; line-height:1; color:#fff;}
.ClinicSection .BnfArrowArea .Box.Blue ul li span{background-color:#6780b7;}
.ClinicSection .BnfArrowArea .Box ul li p{display:block; font-size:13pt; font-weight:500; line-height:1.6; letter-spacing:var(--letter_07); margin-top:-0.2em; color:#444;}
.ClinicSection .BnfArrowArea .Box.Blue ul li p{color:#fff; font-weight:300;}
.ClinicSection .BnfArrowArea > img{position:absolute; top:50%; left:50%; margin-left:-37.5px; margin-top:-37.5px;}

	/* 재수술 > 재건수술 */
	.reoperation_reconstructionWrap .BnfArrowArea{}
	.reoperation_reconstructionWrap .BnfArrowArea .Box{gap:2em; padding:3em 0;}
	.reoperation_reconstructionWrap .BnfArrowArea .Box .Title{font-size:20pt; font-weight:700;}
	.reoperation_reconstructionWrap .BnfArrowArea .Box ul li p{font-size:13pt; font-weight:400; line-height:1.5; font-weight:400;}
	.reoperation_reconstructionWrap .BnfArrowArea .Box > span{position:relative; width:0; height:0; border-top:13px solid #6a6a6a; border-left:9px solid transparent; border-right:9px solid transparent; display:block; margin:0 auto;}
	.reoperation_reconstructionWrap .BnfArrowArea .Box > p{position:relative; font-family:var(--font_f_batang); color:#444; font-size:16pt; font-weight:400; text-align:center; line-height:1.5; text-align:center;}
	.reoperation_reconstructionWrap .BnfArrowArea .Box.Blue > span{border-top-color:#6780b7;}
	.reoperation_reconstructionWrap .BnfArrowArea .Box.Blue > p{color:#d0b68a;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* faq영역 */
.ClinicSection .FaqArea{position:relative;}
.ClinicSection .FaqArea .Question{position:relative; display:flex; align-items:center; flex-direction:column; justify-content:flex-start;border-bottom:1px solid #B5B5B4;}
.ClinicSection .FaqArea .Question .Title{position:relative; display:flex; align-items:center; width:100%; height:5.4em; justify-content:space-between; background-color:#f8f8f8; padding:0 2em; transition:all 300ms ease; cursor:pointer;}
.ClinicSection .FaqArea .Question .Title span{position:relative; font-family:var(--font_f_batang); color:#6a6a6a; font-size:13pt; font-weight:400; text-align:center; line-height:1.5; text-align:left; margin:0 0.6em 0 0; opacity:.5; transition:all 300ms ease;}
.ClinicSection .FaqArea .Question .Title p{position:relative; color:#333; font-size:13.5pt; font-weight:600; text-align:center; line-height:1.5; text-align:left; margin:0 auto 0 0; letter-spacing:-0.7px;}
.ClinicSection .FaqArea .Question .Title div{position:relative; display:block; color:#444; font-size:21pt; font-weight:100; width:1em; text-align:center;}
.ClinicSection .FaqArea .Question .Title div.Close{display:none;}
.ClinicSection .FaqArea .Question .Title div.Open{display:block;}
.ClinicSection .FaqArea .Question .Answer{transition:all 300ms ease; height:0; overflow:hidden; width:100%; background-color:#f2f2f2; display:flex; align-items:center; justify-content:center;}
.ClinicSection .FaqArea .Question .Answer p{color:#444; font-size:13pt; font-weight:400; display:block; letter-spacing:var(--letter_07); line-height:1.8; text-align:left;position:relative; width:89.5%; margin:0 auto; padding:40px 0;}
.ClinicSection.BgG .FaqArea .Question .Title{background-color:#fff;}
.ClinicSection.BgG .FaqArea .Question .Answer{background-color:#f5f5f5;}
.ClinicSection.BgG .FaqArea .Question:not(.Action) .Title:hover{background-color:#f1f1f1;}
/* Action */
.ClinicSection .FaqArea .Question:not(.Action) .Title:hover{background-color:#efefef;}
.ClinicSection .FaqArea .Question.Action .Title{background-color:#dce0e8;}
.ClinicSection .FaqArea .Question.Action .Title span{opacity:1;}
.ClinicSection .FaqArea .Question.Action .Title div.Open{display:none;}
.ClinicSection .FaqArea .Question.Action .Title div.Close{display:block;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 원영역 */
.ClinicSection .RoundArea{}
.ClinicSection .RoundArea ul{position:relative; display:flex; align-items:flex-start; gap:3em; justify-content:center;}
.ClinicSection .RoundArea ul li{display:inline-flex; width:300px; height:300px; border-radius:200px; background-color:#f1f5fb; align-items:center; justify-content:center;}
.ClinicSection .RoundArea .TextBox{display:block; text-align:center;}
.ClinicSection .RoundArea .TextBox span{color:#8e9fbd; position:relative; font-family:var(--font_f_batang); font-size:12pt; font-weight:400; text-align:center; line-height:1; text-align:center;}
.ClinicSection .RoundArea .TextBox .Line{background-color:#8e9fbd; height:1px; width:25px; display:block; margin:1.5em auto; }
.ClinicSection .RoundArea .TextBox p{color:#333; font-size:13pt; font-weight:400; display:block; letter-spacing:var(--letter_07); line-height:1.5; text-align:center; position:relative; }

	/* 치아교정 > 일반교정 */
	.braces_basicWrap .RoundArea ul{gap:2em;}
	.braces_basicWrap .RoundArea ul li{background-color:#646568; width:200px; height:200px;}
	.braces_basicWrap .RoundArea .TextBox p{color:#fff; font-size:14pt; font-weight:500;}

	/* 서울페이스특별함 */
	.aboutAboutWrap .RoundArea{width:fit-content; margin:0 auto;}
	.aboutAboutWrap .RoundArea ul{gap:0; z-index:2;}
	.aboutAboutWrap .RoundArea ul.Bg{position:absolute; z-index:1; top:0;}
	.aboutAboutWrap .RoundArea ul.Bg li{background-color:#fff; border:none;}
	.aboutAboutWrap .RoundArea ul li{width:440px; height:440px; background:transparent; border:5px solid #e4eaf4; border-radius:500px; transition:background-color 300ms ease; cursor:pointer;}
	.aboutAboutWrap .RoundArea ul li small{position:relative; width:100%; color:#333; font-size:12pt; font-weight:400; display:block; letter-spacing:var(--letter_05); text-align:center; line-height:1.5; transition:height 400ms ease; overflow:hidden; padding-top:1em; height:0; opacity:0; transition:height 400ms ease, opacity 500ms 100ms ease;}
	.aboutAboutWrap .RoundArea ul li em{position:absolute; width:100%; color:#bec9db; font-size:13pt; font-weight:500; display:block; letter-spacing:var(--letter_05); text-align:center; line-height:1; padding-top:1.5em; transition:opacity 300ms ease;}
	.aboutAboutWrap .RoundArea ul li + li{margin-left:-2.5em;}
	.aboutAboutWrap .RoundArea ul li .TextBox{position:relative; z-index:2;}
	.aboutAboutWrap .RoundArea ul li .TextBox span{color:#1f3967; position:relative; font-family:'Pretendard'; font-size:19pt; font-weight:700; text-align:center; line-height:1; letter-spacing:var(--letter_07);}
	.aboutAboutWrap .RoundArea ul li .TextBox .Line{background-color:#1f3967; width:1.6em; height:2px; margin:1.2em auto;}
	.aboutAboutWrap .RoundArea ul li .TextBox p{font-weight:600; font-size:13pt;}
	.aboutAboutWrap .RoundArea ul li:not(.Bg):hover{background:#fff; box-shadow:0px 0px 30px rgb(0 0 0 / 10%); border:none; z-index:5; transition:box-shadow 400ms ease-in-out;}
	.aboutAboutWrap .RoundArea ul li:not(.Bg):hover small{height:200px; opacity:1;}
	.aboutAboutWrap .RoundArea ul li:not(.Bg):hover p{color:#8e9fbd;}
	.aboutAboutWrap .RoundArea ul li:not(.Bg):hover em{opacity:0;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 슬라이드영역 */
.ClinicSection .SlideArea{}
.ClinicSection .SlideArea > div{display:flex; flex-direction:column; gap:2em;}
.ClinicSection .SlideArea > div .Title{position:relative; display:flex; gap:1em; align-items:center; justify-content:space-between; }
.ClinicSection .SlideArea > div .Title span{position:relative; display:block; font-family:var(--font_f_batang); color:#333; font-size:23pt; font-weight:400; text-align:center; line-height:1.5; text-align:center; margin:0;}
.ClinicSection .SlideArea > div .Title .Line{width:auto; height:1px; background-color:#333; flex:1; }
.ClinicSection .SlideArea .Cont01{}
.ClinicSection .SlideArea .Cont01 .Title{}
.ClinicSection .SlideArea .Cont01 ul{position:relative; display:flex; align-items:center; gap:1.2em;}
.ClinicSection .SlideArea .Cont01 ul li{flex:1; display:block; text-align:center; background-color:#ebedf0; border-radius:12px; padding:2.5em 0;}
.ClinicSection .SlideArea .Cont01 ul li span{position:relative; display:block; color:#333; font-size:13pt; font-weight:600; line-height:1; letter-spacing:var(--letter_07);}
.ClinicSection .SlideArea .Cont01 ul li p{color:#4c4c4c; font-size:13pt; font-weight:400; display:block; margin-top:1em; letter-spacing:var(--letter_07); text-align:center; line-height:1.7;}
.ClinicSection .SlideArea .Cont02{}
.ClinicSection .SlideArea .Cont02 .Title{}
.ClinicSection .SlideArea .Cont02 .Title img{margin-top:-5px;}
.ClinicSection .SlideArea .Cont02 .Title span{color:#6780b8;}
.ClinicSection .SlideArea .Cont02 .List{position:relative; display:flex; align-items:center; width:100%;}
.ClinicSection .SlideArea .Cont02 .TextBox{position:relative; display:block; width:30%; text-align:left;}
.ClinicSection .SlideArea .Cont02 .TextBox em{position:relative; display:inline-block; font-family:var(--font_f_batang); color:#fff; font-size:12pt; font-weight:400; text-align:center; line-height:1; text-align:center; margin:0 auto; padding:0.4em 0.5em; background-color:#8e9fbd;}
.ClinicSection .SlideArea .Cont02 .TextBox p{display:block; color:#384a75; font-size:13pt; font-weight:500; letter-spacing:var(--letter_07); text-align:center; line-height:1.5; margin-top:0.5em; text-align:left;}
.ClinicSection .SlideArea .Cont02 .MultiSlider{display:block; flex:1;}
.ClinicSection .SlideArea .Cont02 .MultiSlider img{width:100%;}
.ClinicSection .SlideArea .Cont02 .MultiSlider img{width:100%;}
/* 스와이프버튼(긴형태) */
.ClinicSection .SlideArea .SwiperPagination.Long{position:relative; display:flex; margin-top:3em; width:100%; flex-direction:row; gap:0; border-radius:10px; overflow:hidden;}
.ClinicSection .SlideArea .SwiperPagination.Long .SwiperPg{position:relative; display:inline-block; transition:all 350ms ease; width:100%; height:4px; opacity:1; background-color:#e4e6e9; cursor:pointer;}
.ClinicSection .SlideArea .SwiperPagination.Long .SwiperPg + span{margin-left:0;}
.ClinicSection .SlideArea .SwiperPagination.Long .SwiperPgActive{width:100%; background-color:#c7d4f1; border-radius:10px;}

	/* 재수술 > 재건수술 */
	.reoperation_reconstructionWrap .SlideArea .SwiperScrollbar{margin:0 auto; margin-top:40px; height:4px; background-color:#dddddd; opacity:1; width:900px;}
	.reoperation_reconstructionWrap .SlideArea .swiper-scrollbar-drag{height:100%; position:relative; background:rgba(0,0,0,.5);}
	.reoperation_reconstructionWrap .SlideArea .Slide{}
	.reoperation_reconstructionWrap .SlideArea .Slide .TextBox{background-color:#f8f8f8; display:flex; align-items:center; justify-content:center; height:4em;}
	.reoperation_reconstructionWrap .SlideArea .Slide .TextBox span{position:relative; display:block; font-size:13.5pt; color:#333; line-height:1; font-weight:700; letter-spacing:var(--letter_05);}

	/* 치과소수술 > 치아미백 */
	.minor_whiteningWrap .SlideArea .SwiperScrollbar{margin:0 auto; margin-top:40px; height:4px; background-color:#dddddd; opacity:1; width:900px;}
	.minor_whiteningWrap .SlideArea .swiper-scrollbar-drag{height:100%; position:relative; background:rgba(0,0,0,.5);}
	.minor_whiteningWrap .SlideArea .Slide{}
	.minor_whiteningWrap .SlideArea .Slide .TextBox{background-color:#fff; display:flex; align-items:baseline; justify-content:flex-start; padding:2.5em 2.5em; gap:1em; flex-direction:column; text-align:left; min-height:11em;}
	.minor_whiteningWrap .SlideArea .Slide .TextBox span{position:relative; display:block; font-size:15pt; color:#333; line-height:1; font-weight:700; letter-spacing:var(--letter_05); text-align:left;}
	.minor_whiteningWrap .SlideArea .Slide .TextBox p{display:block; color:#5e5e5e; font-size:13pt; font-weight:400; letter-spacing:var(--letter_07); text-align:center; line-height:1.5; text-align:left;}
	
	/* 서울페이스특별함 */
	.aboutAboutWrap .SlideArea .ImgBox{position:relative; display:block; z-index:1;}
	.aboutAboutWrap .SlideArea .ImgBox img{width:100%;}
	.aboutAboutWrap .SlideArea .TextBox{position:absolute; width:100%; height:100%; display:flex; align-items:baseline; flex-direction:column; gap:1.5em; justify-content:center; z-index:2; top:0; padding:0 2.5em;}
	.aboutAboutWrap .SlideArea .TextBox em{color:#6f89c5; position:relative; font-family:var(--font_f_batang); font-size:12pt; font-weight:700; line-height:1;}
	.aboutAboutWrap .SlideArea .TextBox span{position:relative; display:block; color:#333; font-size:19pt; font-weight:700; line-height:1; letter-spacing:var(--letter_07);}
	.aboutAboutWrap .SlideArea .TextBox p{display:block; font-size:13pt; font-weight:500; line-height:1.7; text-align:left; letter-spacing:var(--letter_07); color:#515151;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 파란색그라데이션 */
.ClinicSection.BgGradientBlue{background:linear-gradient(to bottom, #ffffff 0 10%, #192c54);}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 리스트영역 */
.ClinicSection .ListArea ul{display:flex; gap:30px; align-items:stretch; width:85%; margin:0 auto;}
.ClinicSection .ListArea ul + ul{margin-top:8px;}
.ClinicSection .ListArea ul.Line02{margin-top:0;}
.ClinicSection .ListArea ul li{display:inline-flex; text-align:center; width:100%; align-items:center; border-radius:8px;}
.ClinicSection .ListArea ul li span{display:block; color:#fff; font-size:13.5pt; width:100%;}
.ClinicSection .ListArea ul li small{display:block;color:#fff; font-size:13pt; font-weight:300; line-height:1; letter-spacing:0; margin-top:0.1em;}
.ClinicSection .ListArea ul li p{display:block; font-size:13pt; font-weight:400; line-height:1.7; letter-spacing:var(--letter_07); padding:1.5em 0; width:100%;}
.ClinicSection .ListArea ul li.Gray{background-color:#8d8d8d; height:auto; font-weight:500;}
.ClinicSection .ListArea ul li.Blue{background-color:#192c54; flex-direction:column; padding:1.5em 0; font-weight:600;}
.ClinicSection .ListArea ul li.BoxWhite{background-color:#fff; height:auto; color:#555;}
.ClinicSection .ListArea ul li.BoxBlue{background-color:#f0f3f9; color:#333;}
.ClinicSection .ListArea ul li small.Small{position:relative; font-family:var(--font_f_batang); color:#d2dbed !important; display:block; margin: 0 0 0.5em 0; font-size:13pt !important; font-weight:700 !important; line-height:1; text-align:center;}

	/* 재수술 > 재수술 */
	.reoperation_reoperationWrap .BgGradientBlue{}
	.reoperation_reoperationWrap .BgGradientBlue .ContArea .TextBox{text-align:center;}
	.reoperation_reoperationWrap .BgGradientBlue .ContArea .TextBox span{position:relative; width:0; height:0; border-top:13px solid #d0b68a; border-left:9px solid transparent; border-right:9px solid transparent; display:block; margin:0.5em auto;}
	.reoperation_reoperationWrap .BgGradientBlue .ContArea .TextBox span + span{margin-top:0.8em;}
	.reoperation_reoperationWrap .BgGradientBlue .ContArea .TextBox span:nth-child(3){}
	.reoperation_reoperationWrap .BgGradientBlue .ContArea .TextBox span:nth-child(2){opacity:.8;}
	.reoperation_reoperationWrap .BgGradientBlue .ContArea .TextBox span:nth-child(1){opacity:.4;}
	.reoperation_reoperationWrap .BgGradientBlue .ContArea .TextBox p{color:#fff; font-size:13pt; font-weight:300; display:block; margin-top:1.5em; letter-spacing:var(--letter_07); line-height:1.5; text-align:center;}
	.reoperation_reoperationWrap .BgGradientBlue .ContArea .TextBox em{color:#d0b68a; position:relative; font-family:var(--font_f_batang); font-size:24pt; font-weight:400; text-align:center; line-height:1.5; margin-top:1.2em; display:block;}

	/* 재수술 > 재건수술 */
	.reoperation_reconstructionWrap{}
	.reoperation_reconstructionWrap .ListArea ul{width:auto; display:flex; gap:30px; align-items:stretch;}
	.reoperation_reconstructionWrap .ListArea ul li img{width:100%}
	.reoperation_reconstructionWrap .ListArea ul li.Blue{border-radius:0; background-color:transparent; border:2px solid #566178; border-top:none; padding:1em 0;}
	.reoperation_reconstructionWrap .ListArea ul li.BoxWhite{border-radius:0; background-color:transparent; color:#fff;}
	.reoperation_reconstructionWrap .ListArea ul li.BoxWhite p{font-size:13pt; font-weight:200; padding:1em 0;}
	.reoperation_reconstructionWrap .ListArea .TextBox{display:flex; gap:50px;}
	.reoperation_reconstructionWrap .ListArea .TextBox p{color:#fff; position:relative; font-family:var(--font_f_batang); font-size:16pt; font-weight:400; text-align:center; line-height:1; display:block; background-color:#b39561; border-radius:100px; padding:0.8em 0; width:100%;}

	/* 치아교정 > 선수술후교정 */
	.braces_surgeryWrap .BgDoctor .ImgBox{}
	.braces_surgeryWrap .BgDoctor .ImgBox img{width:fit-content; margin:0 auto; display:block;}
	.braces_surgeryWrap .BgDoctor .ListArea{margin-top:-1em;}
	.braces_surgeryWrap .BgDoctor .ListArea ul{width:100%; gap:15px;}
	.braces_surgeryWrap .BgDoctor .ListArea ul + ul{margin-top:4px;}
	.braces_surgeryWrap .BgDoctor .ListArea ul li.Blue{border-radius:0; background-color:#1c2740;}
	.braces_surgeryWrap .BgDoctor .ListArea ul li.BoxGray{border-radius:0; background-color:#e9e9e9;}
	.braces_surgeryWrap .BgDoctor .ListArea ul li p{line-height:1.5; color:#333; font-weight:500;}

	/* 치과소수술 > 임플란트 */
	.minor_implantWrap .ModalCont .ListArea ul{width:1100px;}
	.minor_implantWrap .ModalCont.Modal03 .ListArea ul,
	.minor_implantWrap .ModalCont.Modal05 .ListArea ul{width:1100px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 검정배경영역 */
.ClinicSection.BgBlack{padding:0; background-size:contain; height:670px; display:flex; align-items:center; background-repeat: no-repeat; background-position:center; background-image:url(/clinicInfoSf21/img/black_bg.jpg), linear-gradient(to right, #878787 50%, #8f8f8f 51%);}
.ClinicSection.BgBlack .SubTitle h2{color:#fff;}
.ClinicSection.BgBlack .SubTitle .Line.Brown{background-color:#d0b68a; width:3em; height:4px; margin:2em auto 3em auto;}
.ClinicSection.BgBlack .SubTitle p{color:#fff; font-family:var(--font_f_batang); font-weight:300; margin:0; font-size:16pt;}
.ClinicSection.BgBlack .SubTitle b{background-color:#d0b68a; color:#292929; font-weight:400; padding:0.1em;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 의료진영역 */
.ClinicSection.BgDoctor{background-size:contain; background-position:top; background-repeat:no-repeat; background-color:#ebeef2;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 탭메뉴슬라이드영역 */
.ClinicSection .TabSlideArea{}
.ClinicSection .TabSlideArea .TabBtnArea{display:flex; gap:2em; justify-content:center;}
.ClinicSection .TabSlideArea .TabBtnArea span{display:block; color:#fff; font-size:13pt; font-weight:600; line-height:1; letter-spacing:var(--letter_07); padding:0.7em 0; background-color:#d3d6db; transition:all 300ms ease; align-items:center; border-radius:100px; width:10em; text-align:center; cursor:pointer;}
.ClinicSection .TabSlideArea .TabContArea{display:block; margin-top:3em;}
.ClinicSection .TabSlideArea .TabContArea > div{width:100%; display:none; position:relative;}
.ClinicSection .TabSlideArea .TabContArea .MultiSlider{width:91%; margin:0 auto; z-index:2;}
.ClinicSection .TabSlideArea .TabContArea .MultiSlider .Slide{}
.ClinicSection .TabSlideArea .TabContArea .Box{background-color:#f5f5f5; width:100%; height:480px; display:flex; align-items:center; padding:0 6em;}
.ClinicSection .TabSlideArea .TabContArea .Box .Left{display:inline-flex; width:60%; gap:2em; text-align:left; flex-direction:column;}
.ClinicSection .TabSlideArea .TabContArea .Box .Left span{position:relative; font-family:var(--font_f_batang); color:#172b58; font-size:20pt; font-weight:400; line-height:1;}
.ClinicSection .TabSlideArea .TabContArea .Box p{color:#555; font-size:13pt; font-weight:400; display:block; letter-spacing:var(--letter_07); line-height:1.7;}
.ClinicSection .TabSlideArea .TabContArea .Box ul{display:flex; align-items:stretch; gap:0.6em; width:90%;}
.ClinicSection .TabSlideArea .TabContArea .Box ul li{display:inline-flex; border:2px solid #6d85ba; color:#4c6293; font-size:13pt; font-weight:500; letter-spacing: var(--letter_07); line-height:1.3; padding:1em 0.5em; text-align:center; height:auto; width:calc(100% / 3); align-items:center; justify-content:center;}
.ClinicSection .TabSlideArea .TabContArea .Box .Right{display:block; width:40%; text-align:right;}
.ClinicSection .TabSlideArea .TabContArea .SliderArrow{position:absolute; display:flex; width:100%; z-index:1; justify-content:space-between; align-items:center; top:50%; transform:translate(0, -50%);}
.ClinicSection .TabSlideArea .TabContArea .SliderArrow > div{font-size:29pt; line-height:1; color:#333; cursor:pointer;}
.ClinicSection .TabSlideArea .TabContArea .ChkBox{position:relative; display:flex; align-items:end; gap:3em;}
.ClinicSection .TabSlideArea .TabContArea .ChkBox .ImgBox{position:relative; display:block; width:49%;}
.ClinicSection .TabSlideArea .TabContArea .ChkBox .ImgBox img{position:relative; width:100%}
.ClinicSection .TabSlideArea .TabContArea .ChkBox .ImgBox small{position:absolute; bottom:-2.5em; left:0; width:100%; text-align:center; display:block; color: #384a75; font-size:13pt; font-weight:500; display:block; letter-spacing:var(--letter_07); line-height:1.5;}
.ClinicSection .TabSlideArea .TabContArea .ChkBox .TextBox{position:relative; display:flex; flex-direction:column; text-align:left; gap:1.5em; width:51%;}
.ClinicSection .TabSlideArea .TabContArea .ChkBox .TextBox strong{position:relative; display:block; font-weight:600; color:#333; line-height:1; font-size:16pt; letter-spacing:var(--letter_07);}
.ClinicSection .TabSlideArea .TabContArea .ChkBox .TextBox > div{position:relative; display:flex; flex-direction:column; text-align:left; background-color:#f1f1f1; border-radius:15px; padding:2em; gap:1em; width:100%;}
.ClinicSection .TabSlideArea .TabContArea .ChkBox .TextBox > div > div{display:flex; align-items:center; gap:0.5em;}
.ClinicSection .TabSlideArea .TabContArea .ChkBox .TextBox > div > div i{color:#6780b8; font-size:17pt;}
.ClinicSection .TabSlideArea .TabContArea .ChkBox .TextBox > div > div em{line-height:1; color:#333; font-size:12.5pt; font-weight:400; display:block; letter-spacing:var(--letter_07);}
/* Active시 */
.ClinicSection .TabSlideArea .TabBtnArea span.Active{background-color:#172b58;}
.ClinicSection .TabSlideArea .TabContArea > div.Active{display:block;}

	/* 치아교정 > 성장기교정 */
	.braces_growthWrap .Section02{padding-bottom:0;}
	.braces_growthWrap .ClinicSection .TabSlideArea .TabContArea{margin:0 auto;}
	.braces_growthWrap .ClinicSection .TabSlideArea .TabContArea .Box{padding:6em 3em; height:auto;}
	.braces_growthWrap .ClinicSection .TabSlideArea .TabContArea .Box + div{border-top:1px solid #ddd;}
	.braces_growthWrap .ClinicSection .TabSlideArea .TabContArea .Box ul li{padding:1em;}
	.braces_growthWrap .ClinicSection .TabSlideArea .TabContArea .Box .Left{width:50%;}
	.braces_growthWrap .ClinicSection .TabSlideArea .TabContArea .Box .Right{width:50%;}
	.braces_growthWrap .ClinicSection .TabSlideArea .TabContArea .Box:last-child{padding-bottom:9em;}

	/* 치아교정 > 성장기교정 */
	.minor_implantWrap .TabSlideArea .TabContArea .Box{display:grid; height:710px; align-items:center; gap:3em; align-content:flex-start; padding-top:3em;}
	.minor_implantWrap .TabSlideArea .TabContArea .Box .Center{display:flex; align-items:center; justify-content:center; gap:2em; flex-direction:column;}
	.minor_implantWrap .TabSlideArea .TabContArea .Box .Center span{position:relative; display:block; font-weight:700; color:#384a75; line-height:1.6; font-size:19pt; letter-spacing:var(--letter_07); text-align:center;}
	.minor_implantWrap .TabSlideArea .TabContArea .Box .Center span b{background-color:#dae5ff; padding:0.1em 0.2em; font-weight:700; }
	.minor_implantWrap .TabSlideArea .TabContArea .Box .Center p{text-align:center;}
	.minor_implantWrap .TabSlideArea .TabContArea .Slide02 .ChkBox .ImgBox small{bottom:-3.7em;}
	
	/* 치과소수술 > 턱관절이갈이 */
	.minor_bruxismWrap .TabSlideArea .TabContArea .ChkBox .TextBox > div > div{color:#333; font-size:13pt;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 리스트바형 */
.ClinicSection .ListBarArea{}
.ClinicSection .ListBarArea ul{position:relative; display:flex; align-items:flex-start; gap:5em;}
.ClinicSection .ListBarArea ul li{display:inline-flex; flex-direction:column; gap:1.5em; text-align:left;}
.ClinicSection .ListBarArea ul li img{width:100%; max-width:fit-content;}
.ClinicSection .ListBarArea ul li span{color:#333; font-size:17pt; font-weight:700; display:block; letter-spacing: var(--letter_07); line-height:1.5; position:relative;}
.ClinicSection .ListBarArea ul li .Line{width:2.5em; height:3px; background-color:#c7d4f1; display:block; margin:0 auto 0 0;}
.ClinicSection .ListBarArea ul li p{color:#7f7f7f; font-size:13pt; font-weight:400; display:block; letter-spacing:var(--letter_07); line-height:1.7;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 배경색하프배경 */
.ClinicSection.Half{background:linear-gradient(to bottom, #fff 0 47%, #f5f7fb 47% 100%);}
.ClinicSection.Half.BgB{background:linear-gradient(to bottom, #f8f8f8 0 47%, #333333 47% 100%);}
.ClinicSection.Half .SubTitle.Center{width:100%; margin-bottom:4em;}
.ClinicSection.Half.BgB .SubTitle.Center{margin-bottom:7em;}
.ClinicSection.Half .SubTitle.Center h2{text-align:left;}
.ClinicSection.Half .SubTitle.Center p{text-align:left;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 배경색하프영역 */
.ClinicSection .HalfArea{align-items:center;}
.ClinicSection .HalfArea .TextBox{margin:0;}
.ClinicSection .HalfArea .TextBox .Line{width:2em; background-color:#d9dde5; height:4px; margin:1em auto 1em 0;}
.ClinicSection.BgB .HalfArea .TextBox > p{color:#fff; margin-top:3em;}
.ClinicSection.BgB .HalfArea .TextBox + img{position:absolute; right:0; bottom:-15%; z-index:2;}
.ClinicSection.BgB .HalfArea .TextBox .Level{position:relative; display:flex; gap:0; align-items:center; justify-content:space-between;}
.ClinicSection.BgB .HalfArea .TextBox .Level > div{font-size:13pt; line-height:1; letter-spacing:var(--letter_07); color:#fff; font-weight:500; padding:0.5em 0; border-radius:100px; width:30%; text-align:center;}
.ClinicSection.BgB .HalfArea .TextBox .Level .Level01{margin:0 auto 0 0; background-color:#6f7175; border:3px solid #bec2cd;}
.ClinicSection.BgB .HalfArea .TextBox .Level .Level02{margin:0 0 0 auto; background-color:#4163b2; border:3px solid #517bdc;}
.ClinicSection.BgB .HalfArea .TextBox .Level em{height:6px; width:100%; background:linear-gradient(to right, #bec2cd, #517bdc);}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 숫자영역 */
.ClinicSection .NumArea *{font-family:var(--font_f_batang); font-weight:400; text-align:left;}
.ClinicSection .NumArea{position:relative; display:flex; align-items:center; gap:6em; justify-content:center;}
.ClinicSection .NumArea .ImgBox{display:block;}
.ClinicSection .NumArea .Cont{display:block;}
.ClinicSection .NumArea dl{position:relative; display:flex; align-items:center;}
.ClinicSection .NumArea dl + dl{margin-top:2em; padding-top:3em; border-top:1px solid #d5d5d5;}
.ClinicSection .NumArea dt{position:relative; display:block; width:4em;}
.ClinicSection .NumArea dt span{position:relative; color:#3b496a; font-weight:400; font-size:23pt; z-index:1;}
.ClinicSection .NumArea dt span:after{content:''; position:absolute; right:-16px; top:-16px; width:38px; height:38px; border-radius:50px; background:linear-gradient(45deg, transparent 30%, #e4e5e9 100%); z-index:1;}
.ClinicSection .NumArea dd{position:relative; display:block;}
.ClinicSection .NumArea dd span{color:#3b496a; font-weight:400; font-size:16pt;}
.ClinicSection .NumArea dd p{font-family:'Pretendard' !important; color:#656565; font-size:13pt; font-weight:400 !important; display:block; margin-top:1em; letter-spacing:var(--letter_07); padding-left:1px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 병원소개슬라이드영역 */
.ClinicSection .SwiperAbout{}
.ClinicSection .SwiperAbout .Slide{}
.ClinicSection .SwiperAbout .ImgBox{position:relative; display:block; z-index:1;}
.ClinicSection .SwiperAbout .ImgBox img{width:100%;}
.ClinicSection .SwiperAbout .TextBox{position:absolute; width:100%; height:100%; display:flex; align-items:center; flex-direction:column; gap:1.7em; justify-content:center; z-index:2; top:0;}
.ClinicSection .SwiperAbout .TextBox img{}
.ClinicSection .SwiperAbout .TextBox span{position:relative; display:block; color:#c8d9ff; font-size:21pt; font-weight:600; line-height:1; letter-spacing:var(--letter_07);}
.ClinicSection .SwiperAbout .TextBox p{display:block; font-size:13pt; font-weight:200; line-height:1.7; text-align:center; letter-spacing:var(--letter_05); color:#fff;}
	/* 슬라이드_버튼 */
	.ClinicSection .SwiperAbout + .SwiperPagination{position:relative; display:block; margin-top:2.5em; text-align:center;}
	.ClinicSection .SwiperAbout + .SwiperPagination .SwiperPg{position:relative; display:inline-block; transition:all 350ms ease; width:8px; height:8px; opacity:.3; background-color:#1c2740; border-radius:10px; cursor:pointer;}
	.ClinicSection .SwiperAbout + .SwiperPagination .SwiperPg + span{margin-left:6px;}
	.ClinicSection .SwiperAbout + .SwiperPagination .SwiperPgActive{width:30px; opacity:1;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 병원소개진료철학 */
.aboutAboutWrap{overflow:visible !important;}
.ClinicSection.StickySection{color:var(--font_c_gray_1); line-height:var(--line_15); letter-spacing:var(--letter_07); background-color:#f8f8f8; padding:0;}
.ClinicSection.StickySection .StickyWrap{position:relative; display:flex; align-items:flex-start;}

/* 좌측내용 */
.ClinicSection.StickySection .LeftArea{position:sticky; left:0; top:0; display:flex; align-self:flex-start; width:44%; height:100vh; background-color:#3b3e41;align-items:center; justify-content:end; padding-bottom:12vh;}
.ClinicSection.StickySection .LeftArea .TextBox{position:relative; display:flex; width:590px; font-weight:300; font-size:23pt; justify-content:center; text-align:center; align-items:baseline; text-align:left; flex-direction: column; gap:0.8em;}
.ClinicSection.StickySection .LeftArea .TextBox img{position:absolute; left:-8em; top:5em;}
.ClinicSection.StickySection .LeftArea .TextBox .Line{display:block; background-color:#777d8c; width:50px; height:3px;}
.ClinicSection.StickySection .LeftArea .TextBox span{color:#fff; line-height:var(--line_15); font-family:var(--font_f_batang);}
.ClinicSection.StickySection .LeftArea .TextBox p b{font-size:13pt; font-weight:600; color:#fff;}
.ClinicSection.StickySection .LeftArea .TextBox p{line-height:1.7; font-size:13pt; font-weight:300 !important; display:block; letter-spacing:var(--letter_05); padding-left:1px; color:#c2c2c2;}

/* 우측내용 */
.ClinicSection.StickySection .RightArea{display:block; width:45%; margin:0; padding:12em 0 10em clamp(4em, 2vw, 300px); min-width:780px; max-width:950px;}
.ClinicSection.StickySection .RightArea .ContArea *{font-family:var(--font_f_batang); font-weight:400; text-align:center;}
.ClinicSection.StickySection .RightArea .ContArea{display:flex; max-width:760px; flex-wrap:wrap; gap:1.4em; min-width:700px;}
.ClinicSection.StickySection .RightArea .Cont{display:inline-flex; justify-content:center; align-items:center; flex-direction:column; background-color:#f0f0f0; border-radius:25px; width:calc((100% - 2em) / 2); gap:1.5em; padding:2.5em 0;}
.ClinicSection.StickySection .RightArea .Cont:nth-child(1){flex:0 0 100%;}
.ClinicSection.StickySection .RightArea span{color:#3b496a; font-weight:300; font-size: 17pt;}
.ClinicSection.StickySection .RightArea p{font-family:'Pretendard' !important; color:#656565; font-size:13pt; font-weight:300 !important; display:block; letter-spacing:var(--letter_05);}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 의료진소개 */
.aboutDoctorWrap{overflow:visible !important;}
.aboutDoctorWrap .ClinicSection.StickySection{background-color:#fff !important;}
.aboutDoctorWrap .ClinicSection.StickySection .RightArea{padding-top:9em;}
.aboutDoctorWrap .ClinicSection.StickySection .LeftArea{background-repeat:no-repeat; background-size:cover; background-position:top; background-color:#fff; padding-bottom:22vh; width:40%;}
.aboutDoctorWrap .ClinicSection.StickySection .LeftArea .TextBox{width:535px;}
.aboutDoctorWrap .ClinicSection.StickySection .LeftArea .TextBox span{color:#333; font-weight:400; position:relative; z-index:2;}
.aboutDoctorWrap .ClinicSection.StickySection .LeftArea .TextBox span:after{content:''; position:absolute; right:-1.4em; bottom:0.5em; width:75px; height:75px; border-radius:50px; background:linear-gradient(45deg, transparent 30%, #e4e5e9 100%); z-index:1;}
.aboutDoctorWrap .ClinicSection.StickySection .LeftArea .TextBox p{color:#333; font-weight:400 !important;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .TextBox pre > p{padding-left:8px; position:relative;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .TextBox pre > p + p{margin-top:0.3em;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .TextBox pre > p:after{content:''; position:absolute; display:inline-block; width:2px; height:2px; border-radius:10px; background-color:#9b9b9b; top:11px; left:0; z-index:2;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea > ul{width:90%; margin:0 auto; gap:5em; flex-wrap:wrap; width:100%;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea > ul li{width:calc((100% - 5em) / 2);gap: 1em; padding-top:4em; position:relative; cursor:pointer; }
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea > ul li:after{content:'';width: 104%;height: 87%;top:0;position:absolute;background:linear-gradient(to bottom, #fbfcfd, #f3f4f7);border-radius:200px;z-index:1;left: 50%;margin-left: -52%;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea > ul li:before{content:'';width: 104%;height: 87%;top:0;position:absolute;background:linear-gradient(to bottom, #fbfcfd 0 20%, #d8dde7);border-radius:200px;z-index:2;left: 50%;margin-left: -52%; transition:opacity 300ms ease; opacity:0;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .TextBox *{font-family:var(--font_f_batang) !important; margin:0; line-height:1;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .TextBox pre{width:98%; white-space:normal;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .TextBox pre,
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .TextBox pre *{font-family:'Pretendard' !important; color:#535353; line-height:1.4 !important; font-size:13pt !important; font-weight:400 !important;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea > ul .TextBox{position:relative; z-index:3; padding:0; background:none; display:flex; align-items:end; justify-content:space-between;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea > ul .ImgBox{position:relative; z-index:3; font-weight:400;color:#8d8d8d; font-size:21px;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea > ul .ImgBox img{ background:linear-gradient(to bottom, transparent 0 50%, #fff 100%); transform:scale(1); transition:transform 300ms ease; max-width:max-content; margin:0 auto; display:block;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .TextBox > div{color:#676767; font-size:21px;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .TextBox > .Text{max-height:50vh; overflow-y:auto; overflow-x:hidden;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .TextBox > p{ font-family:'Pretendard' !important; font-weight:500 !important; font-size:13pt; margin:0 0.7em 0 auto; color:#9398a4; margin-bottom:2px;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .TextBox > .Name{display:flex; flex-wrap:wrap; align-items:end; margin-bottom:1.1em; padding-bottom:1.1em; border-bottom:1px solid #cbcbcb;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .TextBox > .Name div{width:100%; margin:0 0 0.7em 0;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .TextBox > .Name p{font-family:'Pretendard' !important; font-weight:500 !important; font-size:13pt; margin:0 0 0 0.3em; color:#9398a4; margin-bottom:4px;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .TextBox > .Name span{letter-spacing:0.2em; font-weight:400; font-size:24pt; color:#1c2d53;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .TextBox > span{letter-spacing:0.2em; font-weight:400; font-size:21pt; color:#1c2d53;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea > ul li:hover:before{opacity:1;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea > ul li:hover .ImgBox img{ transform:scale(1.02);}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea > ul .ImgBox .ModalBtn{background:rgb(162 169 187 / 58%); border-radius:100px; width:55px; height:55px; display:flex; justify-content: center; align-items: center; margin: 0 auto; transition:all 200ms ease; position:absolute; z-index:2; bottom:1.2em; left:50%; margin-left:-27.5px;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea > ul li:hover .ImgBox .ModalBtn{background-color:rgb(135 144 167 / 70%);}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea > ul .ImgBox .ModalBtn svg{width:20px; display:block; color:#fff;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .ModalCont{}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .ModalCont .Cont{width:100%; flex-direction:row; padding:0; height:86vh; background:none; gap:4em;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .ModalCont .Cont img{position:relative; z-index:2;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .ModalCont .Cont img.Logo{position:absolute; z-index:1; bottom:19em; left:9em;}
.aboutDoctorWrap .ClinicSection.StickySection .ModalArea .ModalCont .Cont .TextBox{min-width:32%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 공통하단 > STEP영역 */
.braces_surgeryWrap .CommonSection.StepSection{background:linear-gradient(to bottom, #F8F8F7, transparent 30%);}
.CommonSection.StepSection{position:relative; display:block; padding:9em 0;}
.CommonSection.StepSection .Inner{width:100%; min-width:100%;}
.CommonSection.StepSection .ContArea{}

	/* 타이틀 */
	.CommonSection.StepSection .SubTitle{display:block; text-align:left; width:1400px; margin:0 auto;}
	.CommonSection.StepSection .SubTitle h2{position:relative; font-family:var(--font_f_batang); color:#333333; font-size:23pt; font-weight:400; text-align:center; line-height:1.5; text-align:left;}
	.CommonSection.StepSection .SubTitle p{color:#7f7f7f; font-size:13pt; font-weight:400; display:block; margin-top:1.5em; letter-spacing:var(--letter_07); text-align:center; line-height:1.7; text-align:left;}
	.CommonSection.StepSection .SubTitle span{color:#fff; font-size:13pt; font-weight:500; display:block; width:fit-content; letter-spacing:var(--letter_07); text-align:center; line-height:1; text-align:left; margin-bottom:0.8em; background-color:#6780b8; padding:0.2em 0.3em;}

	/* 슬라이드서브 */
	.CommonSection.StepSection .SwiperStepSub{padding:0 20%; margin-top:5em; max-width:1920px;}
	.CommonSection.StepSection .SwiperStepSub .swiper-wrapper{justify-content:space-between;}
	.CommonSection.StepSection .SwiperStepSub:after{content:''; position:absolute; width:1400px; height:2px; background:linear-gradient(to right, transparent 0% 1%, #d7d7d7 7% 93% , transparent 99% 100%); left:50%; top:0%; margin-left:-700px; top:11px;}
	.CommonSection.StepSection .SwiperStepSub .TextBox{position:relative; display:flex; justify-content:center; flex-direction:column;}
	.CommonSection.StepSection .SwiperStepSub .TextBox span{position:relative; display:flex; justify-content:center; flex-direction:column; height:24px;}
	.CommonSection.StepSection .SwiperStepSub .TextBox em{position:relative; display:block; margin:0 auto; width:10px; height:10px; border-radius:10px; background-color:#d3d3d3; outline:3px solid #fff; z-index:2;}
	.CommonSection.StepSection .SwiperStepSub .TextBox span:before{content:''; position:absolute; left:50%; margin-left:-11px; top:50%; margin-top:-11px; width:22px; height:22px; border-radius:20px; background-color:#d3d3d3; z-index:1;}
	.CommonSection.StepSection .SwiperStepSub .TextBox p{position:relative; display:block; font-family:var(--font_f_batang); color:#999999; font-size:16pt; line-height:1; border:2px solid #ececec; background-color:#fff; border-radius:50px; width:65%; text-align:center; margin:0.5em auto 0 auto; padding:0.3em 0; cursor:pointer; transition:all 300ms ease !important; min-width:130px;}

	/* 슬라이드메인 */
	.CommonSection.StepSection .Bg{background-color:#f5f7fb; position:absolute; z-index:1; width:100%; height:460px; left:0; bottom:0;}
	.CommonSection.StepSection .SwiperStep{position:relative; width:1300px; background-color:#f5f7fb; margin-top:5em; z-index:2;}
	.CommonSection.StepSection .SwiperStep dl{position:relative; display:flex; align-items:center;}
	.CommonSection.StepSection .SwiperStep dt{position:relative; display:block; width:52%; text-align:right; background-image:url('/clinicInfoSf21/img/common_step_bg.png'); background-position-y:bottom; background-position-x:35%; background-size:auto; background-repeat:no-repeat;}
	.CommonSection.StepSection .SwiperStep dd{position:relative; display:block; width:48%; text-align:left; padding-left:4em;}
	.CommonSection.StepSection .SwiperStep .ImgBox{}
	.CommonSection.StepSection .SwiperStep .ImgBox img{}
	.CommonSection.StepSection .SwiperStep .TextBox{}
	.CommonSection.StepSection .SwiperStep .TextBox div{display:flex !important; align-items:end; overflow:visible !important;}
	.CommonSection.StepSection .SwiperStep .TextBox div span{display:block; line-height:1; color:#3b496a; font-family:var(--font_f_batang); letter-spacing:var(--letter_07); font-size:21pt; font-weight:700; line-height:1.5;}
	.CommonSection.StepSection .SwiperStep .TextBox div em{display:block; line-height:1; color:#dadbde; font-family:var(--font_f_batang); font-size:15pt; font-size:15pt; font-weight:300; margin-left:0.5em; line-height:1.8;}
	.CommonSection.StepSection .SwiperStep .TextBox p{color:#484848; font-size:13pt; font-weight:500; display:block !important; margin-top:1.3em; letter-spacing:var(--letter_05); line-height:1.7; overflow:visible !important;}
	.CommonSection.StepSection .SwiperStep .TextBox p strong{position:relative; width:2em; height:4px; display:block; margin:0 auto 0 0; background-color:#ddd; margin-bottom:1em;}

	/* 슬라이드서브 > active */
	.CommonSection.StepSection .SwiperStepSub .swiper-slide-thumb-active .TextBox em{background-color:#1c2740; outline:3px solid #fff; transition:300ms;}
	.CommonSection.StepSection .SwiperStepSub .swiper-slide-thumb-active .TextBox span:before{background-color:#838da5; transition:300ms;}
	.CommonSection.StepSection .SwiperStepSub .swiper-slide-thumb-active .TextBox p{color:#fff; border:2px solid #304168; background-color:#304168; transition:all 300ms ease;}
	.CommonSection.StepSection .SwiperStepSub .Slide:not(.swiper-slide-thumb-active):hover .TextBox p{border-color:#cfd0d3;}

	/* 치과소수술 > 라미네이트 */
	.minor_laminateWrap .CommonSection.StepSection .SwiperStep .ImgBox{margin:4em 0;}

	/* 치과소수술 > 치아미백 */
	.minor_whiteningWrap .CommonSection.StepSection .SwiperStep .ImgBox{margin:4em 0;}

	/* 치과소수술 > 턱관절이갈이 */
	.minor_bruxismWrap .CommonSection.StepSection .SwiperStep .ImgBox{margin:4em 0;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 공통하단 > why영역 */
.minor_implantWrap .CommonSection.WhySection{background-color:#fff;}
.first_removalWrap .CommonSection.WhySection{background-color:#fff;}
.CommonSection.WhySection{position:relative; display:block; padding:9em 0; background-color:#f8f8f8;}
.CommonSection.WhySection .Inner{width:100%; min-width:100%;}
.CommonSection.WhySection .ContArea{}

	/* 타이틀 */
	.CommonSection.WhySection .SubTitle{display:block; text-align:left; width:1400px; margin:0 auto;}
	.CommonSection.WhySection .SubTitle h2{position:relative; font-family:var(--font_f_batang); color:#333333; font-size:23pt; font-weight:400; text-align:center; line-height:1.5; text-align:center;}
	.CommonSection.WhySection .SubTitle p{color:#7f7f7f; font-size:13pt; font-weight:400; display:block; margin-top:1.5em; letter-spacing:var(--letter_07); text-align:center; line-height:1.7; text-align:center;}

	/* 슬라이드서브 */
	.CommonSection.WhySection .SwiperWhySub{width:100%; padding:0 20% 2em 20%; margin-top:4em; display:flex; border-bottom:1px solid #c7d4f1; text-align:center;}
	.CommonSection.WhySection .SwiperWhySub .swiper-wrapper{justify-content:center; gap:4em;}
	.CommonSection.WhySection .SwiperWhySub .Slide{width:fit-content !important;}
	.CommonSection.WhySection .SwiperWhySub .Slide:before{content:''; position:relative; display:flex; width:7px; height:7px; border-radius:5px; background-color:#384a75; margin:0 auto 0.2em auto; transition:opacity 300ms ease; opacity:0;}
	.CommonSection.WhySection .SwiperWhySub .Slide:not(.swiper-slide-thumb-active):before{background-color:#cfcfcf;}
	.CommonSection.WhySection .SwiperWhySub .TextBox{position:relative; display:flex; justify-content:center; color:#adadad; transition:color 300ms ease;}
	.CommonSection.WhySection .SwiperWhySub .TextBox span{position:relative; display:block; font-family:var(--font_f_batang); cursor:pointer; font-size:14pt; line-height:1.7; font-weight:400; transition:300ms ease;}
	.CommonSection.WhySection .SwiperWhySub .TextBox p{position:relative; display:block; font-size:13.5pt; line-height:1; text-align:center; cursor:pointer; font-weight:400; line-height:1.5; padding-left:3px; letter-spacing:var(--letter_07); transition:300ms ease;}

	/* 슬라이드메인 */
	.CommonSection.WhySection .SwiperWhy{position:relative; width:100%; margin-top:5em;}
	.CommonSection.WhySection .SwiperWhy dl{position:relative; display:flex; align-items:center;}
	.CommonSection.WhySection .SwiperWhy dt{position:relative; display:block; width:48%; text-align:right; }
	.CommonSection.WhySection .SwiperWhy dd{position:relative; display:block; width:52%; text-align:left; padding-left:4em;}
	.CommonSection.WhySection .SwiperWhy .ImgBox{}
	.CommonSection.WhySection .SwiperWhy .ImgBox img{}
	.CommonSection.WhySection .SwiperWhy .TextBox{}
	.CommonSection.WhySection .SwiperWhy .TextBox div{position:relative; display:flex; justify-content:center; color:#fff; width:fit-content; background-color:#c4cfe9; height:26px; padding:0 4px; align-items:center;}
	.CommonSection.WhySection .SwiperWhy .TextBox div span{position:relative; display:block; font-family:var(--font_f_batang); cursor:pointer; font-size:13pt; line-height:1.2; font-weight:400;}
	.CommonSection.WhySection .SwiperWhy .TextBox div em{position:relative; display:block; font-size:13pt; line-height:1; text-align:center; cursor:pointer; font-weight:400; line-height:1.3; padding-left:3px; letter-spacing:var(--letter_07);}
	.CommonSection.WhySection .SwiperWhy .TextBox p{color:#5e5e5e; font-size:13pt; font-weight:500; display:block; margin-top:1.2em; letter-spacing:var(--letter_07); line-height:1.6;}
	.CommonSection.WhySection .SwiperWhy .TextBox strong{display:block; position:relative; font-size:19pt; font-weight:700; line-height:1.4; color:#333; margin-top:0.8em; letter-spacing:-0.7px;}

	/* 슬라이드서브 > active */
	.CommonSection.WhySection .SwiperWhySub .swiper-slide-thumb-active.Slide:before{opacity:1;}
	.CommonSection.WhySection .SwiperWhySub .Slide:not(.swiper-slide-thumb-active):hover:before{opacity:1;}
	.CommonSection.WhySection .SwiperWhySub .swiper-slide-thumb-active .TextBox{color:#384a75;}
	.CommonSection.WhySection .SwiperWhySub .swiper-slide-thumb-active .TextBox span{font-weight:700;}
	.CommonSection.WhySection .SwiperWhySub .swiper-slide-thumb-active .TextBox p{font-weight:600;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 공통하단 > 전후영역 */
.first_removalWrap .CommonSection.BnfSection{background-color:#f8f8f8;}
.CommonSection.BnfSection{position:relative; display:block; padding:9em 0; background-color:#fff; letter-spacing:var(--letter_05); }
.CommonSection.BnfSection .Inner{width:100%; min-width:100%;}
.CommonSection.BnfSection .ContArea{position:relative; width:100%; display:block; margin:4em 0 0 auto;}

	/* 타이틀 */
	.CommonSection.BnfSection .SubTitle{display:block; text-align:left; width:1400px; margin:0 auto;}
	.CommonSection.BnfSection .SubTitle h2{position:relative; font-family:var(--font_f_batang); color:#333333; font-size:23pt; font-weight:400; text-align:center; line-height:1.5; text-align:center;}
	.CommonSection.BnfSection .SubTitle p{color:#7f7f7f; font-size:13pt; font-weight:400; display:block; margin-top:1.5em; letter-spacing:var(--letter_07); text-align:center; line-height:1.7; text-align:center;}

	/* 슬라이드 */
	.CommonSection.BnfSection .SwiperBnf{}
	.CommonSection.BnfSection .SwiperBnf .Slide{}
	.CommonSection.BnfSection .SwiperBnf .Slide > div{position:relative; display:flex; justify-content:center; cursor:pointer;}
	.CommonSection.BnfSection .SwiperBnf .Before{display:block;}
	.CommonSection.BnfSection .SwiperBnf .After{display:block;}
	.CommonSection.BnfSection .SwiperBnf .ImgBox{}
	.CommonSection.BnfSection .SwiperBnf .ImgBox img{display:block; width:100%;}
	.CommonSection.BnfSection .SwiperBnf .TextBox{position:relative; font-family:var(--font_f_batang); color:#828282; font-weight:400; display:flex; align-items:center; height:45px; font-size:12pt; font-weight:400; width:100%; background-color:#e6e6e6; line-height:var(--line_1);}
	.CommonSection.BnfSection .SwiperBnf .TextBox p{display:block; margin:0 auto; width:fit-content;}
	.CommonSection.BnfSection .SwiperBnf .Before .TextBox{}
	.CommonSection.BnfSection .SwiperBnf .After .TextBox{background-color:#b1cbf5; color:#1c2740;}
	.CommonSection.BnfSection .SwiperBnf .swiper-slide > div{transition:all 300ms ease; scale:.8; opacity:.6; transition:all 300ms ease;}
	.CommonSection.BnfSection .SwiperBnf .swiper-slide-active > div{scale:1; opacity:1;;}

	/* 슬라이드_버튼 */
	.CommonSection.BnfSection .SwiperPagination{position:relative; display:block; margin-top:2.5em; text-align:center;}
	.CommonSection.BnfSection .SwiperPagination .SwiperPg{position:relative; display:inline-block; transition:all 350ms ease; width:8px; height:8px; opacity:.3; background-color:#1c2740; border-radius:10px; cursor:pointer;}
	.CommonSection.BnfSection .SwiperPagination .SwiperPg + span{margin-left:6px;}
	.CommonSection.BnfSection .SwiperPagination .SwiperPgActive{width:30px; opacity:1;}

	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 공통하단 > 관리프로그램 */
.first_miniWrap .CommonSection.ProgramSection{background-color:#fff !important;}
.first_miniWrap .CommonSection.ProgramSection ul li{background:linear-gradient(to bottom, #f8f8f8 90%, transparent 100% );}
.reoperation_reoperationWrap .CommonSection.ProgramSection{background-color:#fff !important;}
.reoperation_reoperationWrap .CommonSection.ProgramSection ul li{background:linear-gradient(to bottom, #f8f8f8 90%, transparent 100% );}
.braces_surgeryWrap .CommonSection.ProgramSection{background-color:#fff !important;}
.braces_surgeryWrap .CommonSection.ProgramSection ul li{background:linear-gradient(to bottom, #f8f8f8 90%, transparent 100% );}
.CommonSection.ProgramSection{position:relative; display:block; padding:9em 0; background-color:#f8f8f8; letter-spacing:var(--letter_05); }
.CommonSection.ProgramSection .Inner{width:100%; min-width:100%;}
.CommonSection.ProgramSection .ContArea{position:relative; width:100%; display:block; margin:4em 0 0 auto;}

	/* 타이틀 */
	.CommonSection.ProgramSection .SubTitle{display:block; text-align:left; width:1400px; margin:0 auto;}
	.CommonSection.ProgramSection .SubTitle h2{position:relative; font-family:var(--font_f_batang); color:#333333; font-size:23pt; font-weight:400; text-align:center; line-height:1.5; text-align:center;}
	.CommonSection.ProgramSection .SubTitle p{color:#7f7f7f; font-size:13pt; font-weight:400; display:block; margin-top:1.5em; letter-spacing:var(--letter_07); text-align:center; line-height:1.7; text-align:center;}

	/* 내용 */
	.CommonSection.ProgramSection ul{position:relative; display:flex; align-items:flex-start; gap:25px; justify-content:center;}
	.CommonSection.ProgramSection ul li{position:relative; display:block; background:linear-gradient(to bottom, #fff 90%, transparent 100% ); border-radius:200px 200px 0 0; text-align:center; padding:3.5em 0; width:305px;}
	.CommonSection.ProgramSection .ImgBox{display:block;}
	.CommonSection.ProgramSection .ImgBox img{}
	.CommonSection.ProgramSection .TextBox{display:block; margin-top:1.5em;}
	.CommonSection.ProgramSection .TextBox span{position:relative; display:block; font-family:var(--font_f_batang); font-size:24pt; line-height:1.2; font-weight:400; color:#e8e9ea;}
	.CommonSection.ProgramSection .TextBox p{color:#989898; font-size:13pt; font-weight:500; display:block; margin-top:0.5em; letter-spacing:var(--letter_07); line-height:1.6;}
	.CommonSection.ProgramSection .TextBox em{position:relative; display:block; font-size:17pt; line-height:1; text-align:center; font-weight:700; line-height:1.3; letter-spacing:var(--letter_07); color:#222; margin-top:0.2em;}
	
	/* 더보기버튼 */
	.CommonSection.ProgramSection .More{position:relative; font-size:13pt; color:#1c2740; display:block; border:1px solid #1c2740; border-radius:100px; margin:4em auto 0 auto; width:fit-content;  overflow:hidden;}
	.CommonSection.ProgramSection .More a{display:flex; height:45px; align-items:center; padding: 0 2.5em; transition:all 400ms ease;}
	.CommonSection.ProgramSection .More a:hover{background-color:rgb(131 149 189 / 15%);}
	.CommonSection.ProgramSection .More a span{display:block; font-weight:600; line-height:1;}
	.CommonSection.ProgramSection .More a .Arrow em{position:relative; display:block; background:#0b3491; opacity:.15; width:20px; height:20px; right:-7px; border-radius:50px; transition:all 400ms ease;}
	.CommonSection.ProgramSection .More a .Arrow:after{content:""; background:#1c2740; position:absolute; height:1px; width:5px; right:0; top:-2px; transform:rotate(45deg);}
	.CommonSection.ProgramSection .More a .Arrow:before{content:""; background:#1c2740; position:absolute; height:1px; width:5px; right:0; bottom:-2px; transform:rotate(-45deg); }
	.CommonSection.ProgramSection .More a .Arrow{display:inline-flex; background:#1c2740; height:1px; width:35px; margin:0 auto; position:relative; align-items:center; justify-content:right; margin-left:0.5em;}
	.CommonSection.ProgramSection .More a:hover .Arrow em{opacity:.1; scale:20;}

	/* 치과소수술 > 임플란트 */
	.minor_implantWrap .CommonSection.ProgramSection ul li:nth-child(4){display:none;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 공통하단 > 시스템영역 */
.first_miniWrap .CommonSection.SystemSection{background-color:#f8f8f8;}
.reoperation_reoperationWrap .CommonSection.SystemSection{background-color:#f8f8f8;}
.braces_surgeryWrap .CommonSection.SystemSection{background-color:#f8f8f8;}
.CommonSection.SystemSection{position:relative; display:block; padding:9em 0; background-color:#fff; letter-spacing:var(--letter_05); }
.CommonSection.SystemSection .Inner{width:100%; min-width:100%;}
.CommonSection.SystemSection .ContArea{position:relative;  width:calc(((100% - 1400px) / 2) + 1400px); display:block; margin:5em 0 0 auto;}
	
	/* 타이틀 */
	.CommonSection.SystemSection .SubTitle{display:block; text-align:left; width:1400px; margin:0 auto;}
	.CommonSection.SystemSection .SubTitle h2{position:relative; font-family:var(--font_f_batang); color:#333333; font-size:23pt; font-weight:400; text-align:center; line-height:1.5; text-align:left;}
	.CommonSection.SystemSection .SubTitle p{color:#7f7f7f; font-size:13pt; font-weight:400; display:block; margin-top:1.5em; letter-spacing:var(--letter_07); text-align:center; line-height:1.7; text-align:left;}

	/* 슬라이드 */
	.CommonSection.SystemSection .SwiperSystem{}
	.CommonSection.SystemSection .SwiperSystem .Slide{}
	.CommonSection.SystemSection .SwiperSystem .Slide > div{width:100%;}
	.CommonSection.SystemSection .SwiperSystem .ImgBox{position:relative; width:100%; background:#000000;}
	.CommonSection.SystemSection .SwiperSystem .ImgBox img{position:relative; width:100%; height:100%; object-fit:cover; transition:all 300ms ease; opacity:1;}
	.CommonSection.SystemSection .SwiperSystem .TextBox{position:absolute; width:100%; height:97%; display:flex; justify-content:end; text-align:left; top:0; left:0; flex-direction:column; padding:2em 0 0 1.5em; align-items:flex-start; transition:height 400ms ease-out}
	.CommonSection.SystemSection .SwiperSystem .TextBox span{position:relative; display:block; width:100%; font-size:19pt; line-height:1; text-align:center; font-weight:600; line-height:1.3; letter-spacing:var(--letter_07); color:#ffffff; text-align:left; padding-bottom:0.6em;}
	.CommonSection.SystemSection .SwiperSystem .TextBox p{position:relative; width:100%; color:#e5e5e5; font-size:12pt; font-weight:300; display:block; letter-spacing:var(--letter_05); text-align:left; line-height:1.5; text-align:left; height:0; transition:height 400ms ease-out, visibility 400ms ease; overflow:hidden; visibility:hidden;}

	/* 슬라이드_버튼 */
	.CommonSection.SystemSection .SwiperPagination{position:relative; display:block; margin-top:2.5em;}
	.CommonSection.SystemSection .SwiperPagination .SwiperPg{position:relative; display:inline-block; transition:all 350ms ease; width:8px; height:8px; opacity:.3; background-color:#1c2740; border-radius:10px; cursor:pointer;}
	.CommonSection.SystemSection .SwiperPagination .SwiperPg + span{margin-left:6px;}
	.CommonSection.SystemSection .SwiperPagination .SwiperPgActive{width:30px; opacity:1;}
	
	/* 마우스오버 */
	.CommonSection.SystemSection .SwiperSystem .Slide:hover .ImgBox img{opacity:.5;}
	.CommonSection.SystemSection .SwiperSystem .Slide:hover .TextBox{height:92%;}
	.CommonSection.SystemSection .SwiperSystem .Slide:hover .TextBox p{opacity:1; height:max-content; transition:height 400ms ease-in, visibility 400ms ease; visibility:visible;}