@charset "utf-8";

/* C00340 타토아의원 */

/* ========================================================================================================================================= */
/* 키비주얼 */
.TopVisual{position:relative; display:block; height:600px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.TopVisual .TopTitle{position:relative; display:block; text-align:left; top:55%; transform:translate(0, -30%); width:1300px; margin:0 auto;}
.TopVisual .TopTitle .Title{line-height:1;}
.TopVisual .TopTitle .Title01{font-size:12pt; line-height:1em; letter-spacing:0.15em; color:rgba(255,255,255,0.3); font-family:"Josefin Sans"; text-align:center; font-weight:500;}
.TopVisual .TopTitle .Title02{font-size:33pt; color:#fff; font-family:'Pretendard', serif; font-weight:600; padding:20px 0; text-align:center;}
.TopVisual .TopTitle .Title03{font-size:13.5pt; line-height:1em; color:#fff; font-family:"Pretendard"; text-align:center; font-weight:200;}

	.clinicInfoWrap .TopVisual{height:800px;}
	.clinicInfoWrap .TopVisual .TopTitle{top:39%;}
	.clinicInfoWrap .TopVisual .TopTitle .Title01{color:#121212; font-size:37pt; font-family:'Pretendard'; font-weight:600; letter-spacing:-0.3pt;}
	.clinicInfoWrap .TopVisual .TopTitle .Title02{color:rgba(170,106,51, 0.6); font-size:12pt; font-family:"Josefin Sans"; font-weight:700; line-height:1em;
    margin-top:10px;  letter-spacing:0;}

	.employmentWrap .TopVisual{height:600px;}
	.employmentWrap .TopVisual .TopTitle{top:55%;}
	.employmentWrap .TopVisual .TopTitle .Title01{font-size:12pt; letter-spacing:0.15em; color:rgba(255,255,255,0.3); font-family:"Josefin Sans"; font-weight:500;}
	.employmentWrap .TopVisual .TopTitle .Title02{font-size:33pt; color:#fff; font-family:'Pretendard', serif; font-weight:600;}

/* ========================================================================================================================================= */
/* 시술페이지_전체컨텐츠 */
.CenterFixed{width:100% !important; left:0; margin-left:0;}
.CenterFixed section{width:100%;}
.CenterFixed section img{width:100%;}

/* ========================================================================================================================================= */
/* 병원소개 */
.AboutSection01{background-size:cover; background-repeat:no-repeat; background-position:center;}
.AboutSection01 .Inner{padding:230px 0 150px;}
.AboutSection01 h2{text-align:center; line-height:1.5em; font-size:28pt; font-weight:300;}
.AboutSection01 h2 b{font-weight:600;}
.AboutSection01 p{text-align:center; margin-top:40px; font-size:15pt; line-height:1.9em; color:#4B4B4B; font-weight:300;}

.AboutSection02{}
.AboutSection02 .Inner{padding:100px 0 150px;}
.AboutSection02 ul{width:1350px; display:flex; flex-direction:column;}
.AboutSection02 ul li{display:flex; justify-content:space-between; align-items:center; margin:50px 0;}
.AboutSection02 ul li .ImgBox{width:650px;}
.AboutSection02 ul li .TextBox{width:50%; display:flex; justify-content:center;}
.AboutSection02 ul li .ThubmBox{text-align:left;}
.AboutSection02 ul li .Text01{font-family:"Josefin Sans"; color:#D0B9A8; font-size:13.5pt; font-weight:600; letter-spacing:0.3pt;}
.AboutSection02 ul li .Text02{margin:20px 0; font-size:19.5pt; font-weight:500; color:#121212;}
.AboutSection02 ul li .Text03{color:#4B4B4B; line-height:1.7em; font-size:15pt; font-weight:300;}

/* ========================================================================================================================================= */
/* 장비소개 */
.About_DeviceArea{}
.About_DeviceArea .Inner{padding:115px 0 150px;}
.About_DeviceArea ul{display:flex; flex-wrap:wrap;}
.About_DeviceArea ul li{width:calc(100% / 4 - 24px); margin:35px 12px;}
.About_DeviceArea ul li .ImgBox{border:1px solid #D4D4D4; position:relative;}
.About_DeviceArea ul li .ImgBox::after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0; transition:all 0.3s ease}
.About_DeviceArea ul li:hover{cursor:pointer;}
.About_DeviceArea ul li:hover .ImgBox::after{opacity:0.5;}
.About_DeviceArea ul li .ImgBox img{width:100%; height:100%; object-fit:cover;}
.About_DeviceArea ul li .TextBox{text-align:center; margin-top:15px;}
.About_DeviceArea ul li .Text{font-size:15pt; color:#121212;}

	/* ---------------------------------------------- */
	/* 모달 */
	.ActiveFixed{overflow:hidden;}
	.NC00340 .About_DeviceArea .DeviceModal{position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; opacity:0; visibility:hidden; z-index:999;}
	.NC00340 .About_DeviceArea .DeviceModal.Active{opacity:1; visibility:visible;}
	.NC00340 .About_DeviceArea .DeviceModal.Active .ModalArea{opacity:1; visibility:visible; -webkit-transform:translateY(0); -ms-transform:translateY(0);  transform:translateY(0); -webkit-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.NC00340 .About_DeviceArea .DeviceModal .ModalAreaBg{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); z-index:1;}
	.NC00340 .About_DeviceArea .DeviceModal .ModalArea{position:absolute; left:50%; top:50%; width:1300px; height:700px; z-index:2; background-color:#fff; padding:20px; transform:translateY(15px); opacity:0; visibility:hidden; transform: translate(-50%, -50%) !important;}
	.NC00340 .About_DeviceArea .DeviceModal .ModalArea > img{position:relative; float:right; width:240px; margin-right:50px;}
	.NC00340 .About_DeviceArea .DeviceModal .Close{position:relative; display:block; text-align:right;}
	.NC00340 .About_DeviceArea .DeviceModal .Close i{position:relative; display:inline-block; font-size:25pt; color:#959595; cursor:pointer; line-height:1;}
	.NC00340 .About_DeviceArea .DeviceModal .Close i:hover{color:#666; transition-duration:300ms;}

	.NC00340 .About_DeviceArea .DeviceModal .InfoBox{display:flex; height:90%; justify-content:center; align-items:center;}
	.NC00340 .About_DeviceArea .DeviceModal .InfoBox .ImgBox{width:50%;}

	.NC00340 .About_DeviceArea .DeviceModal .TextBox{position:relative; display:block; width:50%;}
	.NC00340 .About_DeviceArea .DeviceModal .Text{position:relative; display:block; text-align:left; line-height:1.1;}
	.NC00340 .About_DeviceArea .DeviceModal .SamllText{font-family:"Josefin Sans"; font-size:12pt; color:#CACACA;}
	.NC00340 .About_DeviceArea .DeviceModal .Text01{font-size:26pt; font-weight:600; font-family:"Pretendard"; color:#121212; margin-top:10px;}
	.NC00340 .About_DeviceArea .DeviceModal .Text02{font-size:16pt; font-weight:300; color:#4B4B4B; margin-top:35px; line-height:1.8em;}
	.NC00340 .About_DeviceArea .DeviceModal .RoundBox{display:flex; margin-top:35px;}
	.NC00340 .About_DeviceArea .DeviceModal .Round{width:140px; height:140px; background-color:#D0B9A8; border-radius:50%; color:#fff; display:flex; justify-content: center; align-items:center; font-size:13.5pt; margin-right:15px; line-height:1.3em;}

/* ========================================================================================================================================= */
/* 의료진인사 */
.DoctorArea{}
.DoctorSection01{}
.DoctorSection01 .Inner{padding:150px 0;}
.DoctorSection01 .Title{display:flex; justify-content:space-between; align-items:flex-end; padding-bottom:50px; border-bottom:1px solid #A2A2A2;}
.DoctorSection01 .Title h2{color:#121212; font-size:33pt; font-weight:500; line-height:1.3em;}
.DoctorSection01 .TextBox{margin-top:50px; display:flex; flex-direction:column; justify-content:flex-end; text-align:right;}
.DoctorSection01 .Text01{color:rgba(0,0,0,0.2); font-family:"Josefin Sans"; letter-spacing:5pt; font-size:15pt;}
.DoctorSection01 .Text02{margin-top:20px; font-size:16pt; color:#4B4B4B; font-weight:400; line-height:1.9em;}

.DoctorSection02{background-size:cover; background-repeat:no-repeat; background-position:center;}
.DoctorSection02 .Inner{padding:50px 0 150px; width:1920px; min-width:1920px;}
.DoctorSection02 .ThumbBox{margin-top:100px;}
.DoctorSection02 .TopBox{display:flex; flex-direction:column; align-items:center;}
.DoctorSection02 .TopBox .Point{width:250px; height:55px; background-color:#D0B9A8; color:#625247; text-align:center; font-family:"Josefin Sans"; font-weight:700; font-size:18pt; line-height:60px; border-radius:50px;}
.DoctorSection02 .TopBox .Line{display:block; width:1px; height:70px; background-color:#c3dad0;}
.DoctorSection02 .TopBox .BigText{font-size:30pt; font-weight:600; color:#EBD3C2; margin-top:20px;}
.DoctorSection02 .TopBox .SmallText{font-family:"Josefin Sans"; font-weight:300; color:rgba(255,255,255,0.5); font-size:9pt; margin:30px 0; letter-spacing:1pt;}
.DoctorSection02 .TopBox .MiddleText{text-align:center; color:#fff; font-weight:300; font-size:15pt; line-height:1.8em;}

.DoctorSection02 .ThumbBox02{display:flex; align-items:center;}
.DoctorSection02 .ThumbBox02 .TextBox{padding-left:150px;}
.DoctorSection02 .ThumbBox02 .Text01{font-family:"Josefin Sans"; font-weight:600; font-size:13.5pt; color:#D0B9A8;}
.DoctorSection02 .ThumbBox02 .Text02{margin:20px 0 25px; color:#fff; font-size:26pt; line-height:1.3em;}
.DoctorSection02 .ThumbBox02 .Text03{color:#fff; line-height:1.7em; font-size:15pt; font-weight:300;}

.DoctorSection03{background-size:cover; background-repeat:no-repeat; background-position:center;}
.DoctorSection03 .Inner{padding:150px 0; display:flex; justify-content:space-between;}
.DoctorSection03 .BigText{color:#67574B; font-size:30pt; font-weight:500; line-height:1.3em;}
.DoctorSection03 .SmallText{font-family:"Josefin Sans"; font-weight:400; color:rgba(103,87,75,0.5); letter-spacing:1pt; margin-top:20px;}
.DoctorSection03 .TextBox{color:#121212; font-size:17pt; font-weight:300; text-align:left; ;line-height:2em;}
.DoctorSection03 .TextBox b{color:#484848; font-weight:500; font-size:16pt;}

/* ========================================================================================================================================= */
/* [오시는길] */
.aboutMapWrap .aboutMapArea{width:100%; position:relative; overflow:hidden;}
.aboutMapWrap .aboutMapArea .Inner{padding:150px 0;}

	/* 지도 */
	.Banner26Other .aboutmap26{height:500px;}

	/* 주소 */
	.aboutSection ul{display:flex; justify-content:space-between; margin-top:50px;}
	.aboutSection ul li{width:calc(100% / 3 - 60px);}
	.aboutSection ul .Text01{color:#D2B39C; font-size:24pt; font-weight:600; display:flex; align-items:center; border-bottom:1px solid #D2B39C; padding-bottom:25px; margin-bottom:25px;}
	.aboutSection ul .Text01 span{margin-right:15px;}
	.aboutSection ul .Text02{font-size:15pt; color:#747474; font-weight:300; margin-top:10px; line-height:1.5em;}
	.aboutSection ul .adress{margin-top:20px;}
	.aboutSection ul .adress p{line-height:1.6em; color:#121212; font-size:18pt; display:flex; align-items:center;}
	.aboutSection ul li .SubWay{color:#484848; font-size:16pt; font-weight:400; margin-top:15px;}
	.aboutSection ul li .SubWay span{display:inline-block; width:60px; height:30px; border-radius:50px; font-size:13.5pt; text-align:center; line-height:30px;  color:#fff; margin-right:7px;}
	.aboutSection ul .SubWayBox01{background-color:#263C96;}
	.aboutSection ul .SubWayBox02{background-color:#FF9D27;}

	/* 진료시간 */
	.aboutSection .Time{display:flex; color:#121212; margin-top:15px;}
	.aboutSection .Time .Left{width:20%; font-size:18pt; line-height:1.7em; font-weight:400;}
	.aboutSection .Time .Right{font-size:18pt; line-height:1.7em; font-weight:400; margin-left:20px;}

	/* 전화 */
	.aboutSection .Tel{margin-top:15px;}
	.aboutSection .Tel a{color:#121212; font-size:28pt; font-family:"Pretendard", sans-serif; font-weight:600;}

	/* 주차 */
	.aboutSection .Parking{margin:50px auto 0; width:640px; height:110px; background-color:#FBF7F4; border-radius:50px;}
	.aboutSection .Parking .ThumbBox{height:100%; display:flex; justify-content:center; align-items:center; padding:0 100px;}
	.aboutSection .Parking .TextBox{margin-left:30px; font-size:16pt; color:#8D7868; line-height:1.5em; font-weight:500;}

	.aboutMapWrap .Company_Area{display:none;}


/* ========================================================================================================================================= */
/* [소개] */
.ClinicIntro{background-size:cover; background-repeat:no-repeat; background-position:center;}
.ClinicIntro .Inner{padding:150px 0;}
.ClinicIntro .Title{text-align:center;}
.ClinicIntro .Title p{color:rgba(255,255,255,0.5); font-size:11pt; font-weight:200; font-family:"Josefin Sans"; letter-spacing:1pt;}
.ClinicIntro .Title .SmallText{color:#fff; font-size:18pt; font-weight:300; font-family:"Pretendard"; margin-top:15px; line-height:1.4em;}
.ClinicIntro .Title .SmallText b{color:#fff; font-size:18pt; font-weight:500; font-family:"Pretendard"; line-height:1.4em;}
.ClinicIntro .Title h2{font-size:33pt; color:#fff; font-weight:400; margin-top:20px; line-height:1.4em;}
.ClinicIntro .Title h2 span{font-weight:600; color:#E8D0AA; line-height:1.4em;}
.ClinicIntro .Title h2 b{font-weight:600; line-height:1.4em;}
.ClinicIntro .ConBox{text-align:center; margin-top:40px;}
.ClinicIntro .ConBox .Text01{color:#E8D0AA; font-size:18pt; font-weight:500; line-height:1.5em;}
.ClinicIntro .ConBox .Text01.TextColor{color:#fff; font-weight:300; font-size:16.5pt; line-height:1.6em;}
.ClinicIntro .ConBox .Text02{color:#fff; font-size:18pt; font-weight:300; margin-top:5px;}
.ClinicIntro .ConBox .Standard{color:#fff; font-size:12pt; font-weight:200; margin-top:40px;}

/* ========================================================================================================================================= */
/* [전후이미지] */
.ClinicBnF{}
.ClinicBnF .Inner{padding:150px 0; display:flex; justify-content:space-between; align-items:center; width:1350px; min-width:1350px;}
.ClinicBnF .Title{width:40%; text-align:center; padding-right:70px;}
.ClinicBnF .Title .SmallText{color:#121212; font-size:18pt; margin-top:20px; line-height:1.5em;}
.ClinicBnF .Title .Text01{color:#CACACA; font-size:11pt; font-weight:300; font-family:"Josefin Sans"; letter-spacing:1pt;}
.ClinicBnF .Title h2{font-size:30pt; color:#121212; font-weight:600; margin-top:15px; line-height:1.3em;}
.ClinicBnF .Title .Text02{color:#484848; font-size:15pt; font-weight:300; margin:40px 0; line-height:1.5em;}
.ClinicBnF .Title a{color:#D0B9A8; border-bottom:2px solid #D0B9A8; padding-bottom:2px; font-family:"Josefin Sans"; font-size:11pt; font-weight:500;}
.ClinicBnF .Title a span{font-size:13pt; font-weight:600;}
.ClinicBnF .ConBox{width:60%; position:relative; padding:0 60px 0 110px;}

.ClinicBnF .BtnWrap .button-prev{position:absolute; top:45%; left:50px; z-index:4; cursor:pointer;}
.ClinicBnF .BtnWrap .button-next{position:absolute; top:45%; right:0; z-index:4; cursor:pointer;}

	/* [이미지_전후이미지] */
	.ImgClinicBnF{}
	.ImgClinicBnF .ImgBox{width:50%; background-color:#f5f5f5;}
	.ImgClinicBnF .ImgBox img{width:100%; height:100%; object-fit:cover;}

/* ========================================================================================================================================= */
/* [말풍선] */
.ClinicBubble{background-size:cover; background-repeat:no-repeat; background-position:center;}
.ClinicBubble .Inner{padding:150px 0; display:flex; align-items:center;}

.ClinicBubble .ImgBox img{width:100%; animation:bubbleAni01 1.2s linear infinite;}
@keyframes bubbleAni01{0%{transform:translateY(0);} 50%{transform:translateY(10px);} 100%{transform:translateY(0);}}

.ClinicBubble .TextBox{padding-left:155px;}
.ClinicBubble .Text01{color:rgba(255,255,255,0.5); font-size:11pt; font-weight:300; font-family:"Josefin Sans"; letter-spacing:1pt;}  
.ClinicBubble .Text02{font-size:28pt; color:#fff; font-weight:500; line-height:1.5em; margin-top:20px;}
.ClinicBubble .Text02 span{color:#E8D0AA; line-height:1.5em;}

/* ========================================================================================================================================= */
/* [문제점] */
.ClinicProblem{background-color:#FAFAFA;}
.ClinicProblem .Inner{padding:150px 0;}
.ClinicProblem .Title{text-align:center;}
.ClinicProblem .Text01{color:#CACACA; font-size:11pt; font-weight:300; font-family:"Josefin Sans"; letter-spacing:1pt;}  
.ClinicProblem .Text02{color:#878787; font-size:22pt; font-weight:400; margin-top:25px;}  
.ClinicProblem h2{font-size:33pt; font-weight:600; color:#121212; line-height:1.3em; margin-top:15px;}
.ClinicProblem h2 span{font-weight:400; line-height:1.3em;}

.ClinicProblem ul{display:flex; justify-content:center; margin:60px auto 0;}
.ClinicProblem ul li{width:calc(100% / 3); margin:0 40px; display:flex; flex-direction:column; align-items:center;}
.ClinicProblem ul .RoundBox{width:280px; height:280px; background-size:cover; background-repeat:no-repeat; background-position:center; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative;}
.ClinicProblem ul .RoundBox::before{content:''; display:block; width:1px; height:100px; background-color:#AE9584; position:absolute; top:80%; animation:lineAni 1.2s ease infinite;} 
@keyframes lineAni{0%{height:0;} 100%{height:100px;}}

.ClinicProblem ul .Text01{font-family:"Josefin Sans"; color:#F5E4D8; font-size:13.5pt; text-align:center;}
.ClinicProblem ul .Text02{color:#fff; font-size:18pt; text-align:center; font-weight:500; line-height:1.3em; margin-top:20px;}
.ClinicProblem ul .Text03{text-align:center; margin-top:60px; color:#484848; font-size:13.5pt; line-height:1.6em; font-weight:400;}

/* ========================================================================================================================================= */
/* [원칙] */
.ClinicPrinciple{}
.ClinicPrinciple .Inner{padding:150px 0;}
.ClinicPrinciple .Title{text-align:center;}
.ClinicPrinciple .Title .Text01{color:#CACACA; font-size:11pt; font-weight:300; font-family:"Josefin Sans"; letter-spacing:1pt; margin-bottom:10px;}  
.ClinicPrinciple .Title .Text02{color:#121212; font-size:22pt; font-weight:300; line-height:1.5em;}  
.ClinicPrinciple .Title h2{font-size:33pt; font-weight:600; color:#121212; line-height:1.4em; margin:5px 0;}
.ClinicPrinciple .Title h2 span{font-weight:400; line-height:1.4em;}

.ClinicPrinciple ul{display:flex; margin-top:30px; flex-wrap:wrap; justify-content:space-between;}
.ClinicPrinciple ul li{width:calc(100% / 2 - 50px); margin:30px 0 45px;}
.ClinicPrinciple ul li .ImgBox{width:100%;}
.ClinicPrinciple ul li .ImgBox img{width:100%; object-fit:cover;}
.ClinicPrinciple ul li .Text01{color:#CAB2A0; font-size:15pt; font-weight:500; margin-top:30px;}
.ClinicPrinciple ul li .Text02{color:#121212; font-size:22pt; font-weight:500; margin-top:5px; line-height:1.4em;}
.ClinicPrinciple ul li .Text03{color:#4B4B4B; font-size:15pt; font-weight:400; margin-top:15px; line-height:1.7em;}
.ClinicPrinciple ul li .Text03 span{display:block; font-size:12pt; padding-top:10px; font-weight:400; }

.ClinicPrinciple .PointBox{width:700px; margin:25px auto 0; background-color:#F2F2F2; text-align:center; padding:20px 60px; border-radius:10px;}
.ClinicPrinciple .PointBox p{line-height:1.5em; color:#939393; font-size:12pt; font-weight:400;}

/* ========================================================================================================================================= */
/* [관리] */
.ClinicManagement{background-color:#F2EDE8;}
.ClinicManagement .Inner{padding:150px 0;}
.ClinicManagement .Title{text-align:center;}
.ClinicManagement .Title .Text01{color:#CACACA; font-size:11pt; font-weight:300; font-family:"Josefin Sans"; letter-spacing:1pt;}  
.ClinicManagement .Title h2{font-size:33pt; font-weight:300; color:#121212; line-height:1.4em; margin-top:5px;}
.ClinicManagement .Title h2 b{font-weight:600;}

.ClinicManagement ul{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:60px;}
.ClinicManagement ul li{width:calc(100% / 3 - 25px); height:280px; margin-bottom:20px; background-size:cover; background-repeat:no-repeat; background-position:center; border-radius:20px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.ClinicManagement ul li .ImgBox{display:flex; justify-content:center; align-items:center;}
.ClinicManagement ul li .Text01{color:#fff; text-align:center; font-size:18pt; margin-top:30px; font-weight:500;}
.ClinicManagement ul li .Text02{color:#FFEFE0; text-align:center; margin-top:15px; font-weight:300; line-height:1.5em; font-size:13.5pt;}

/* ========================================================================================================================================= */
/* [이벤트보러가기] */
.ClinicEvTxt{}
.ClinicEvTxt .Inner{padding:0; width:100%; min-width:100%; display:flex; align-items:center;}
.ClinicEvTxt .TextBox{padding-left:130px;}
.ClinicEvTxt .TextBox h2{color:#121212; font-size:27pt; font-weight:400; line-height:1.5em;}
.ClinicEvTxt .TextBox h2 b{font-weight:600;}
.ClinicEvTxt .TextBox .Text01{color:#CACACA; font-size:9pt; font-family:"Josefin Sans"; font-weight:400; letter-spacing:1pt; margin:30px 0;}
.ClinicEvTxt .TextBox .Text02{color:#484848; font-size:15pt; font-weight:300; line-height:1.8em;}
.ClinicEvTxt .TextBox a{display:inline-block; background-color:#D0B9A8; padding:12px; width:220px; height:45px; margin-top:40px; text-align:center;}
.ClinicEvTxt .TextBox a .BtnText{color:#fff; font-size:13.5pt; font-weight:500; position:relative; z-index:3;}
.ClinicEvTxt .TextBox a .Arrow{font-family:'SUIT'; padding-left:10px; font-weight:300; color:#fff; position:relative; z-index:3;}

/*버튼 hover시 효과*/
.ClinicEvTxt .TextBox a{background:#D0B9A8; position:relative; overflow:hidden;}
.ClinicEvTxt .TextBox a::before{content:''; position:absolute; display:block; top:50%; left:0; width:100%; height:100%; transform:translate(-50%, -50%); background-color:#c0a896; transition:350ms; z-index:1; opacity:0;}
.ClinicEvTxt .TextBox a:hover::before{width:100%; height:100%; top:50%; left:50%; transform:translate(-50%, -50%); opacity:1;}


/* ========================================================================================================================================= */
/* [팩트체크] */
.ClinicFactCheck{}
.ClinicFactCheck .Inner{padding:150px 0;}
.ClinicFactCheck .Title{text-align:center;}
.ClinicFactCheck .Title .Text01{color:#CACACA; font-size:11pt; font-weight:300; font-family:"Josefin Sans"; letter-spacing:1pt;}  
.ClinicFactCheck .Title h2{font-size:33pt; font-weight:600; color:#121212; line-height:1.5em; margin-top:25px;}
.ClinicFactCheck .Title h2 span{font-weight:400;}

.ClinicFactCheck .ConBox{margin-top:40px;}
.ClinicFactCheck ul{display:flex; flex-direction:column; align-items:center;}
.ClinicFactCheck ul li{display:flex; background-color:#F6F6F6; margin-top:20px; width:100%; padding:35px 15px 35px 0; border-radius:10px;}
.ClinicFactCheck ul li .LeftText{width:530px; padding-left:50px;}
.ClinicFactCheck ul li .LeftText p{color:#856851; font-size:16pt; font-weight:500; padding-top:5px;}
.ClinicFactCheck ul li .LeftText p span{margin-right:10px; font-weight:600; font-size:15pt;}
.ClinicFactCheck ul li .RightText{font-size:15pt; line-height:1.7em; color:#121212; font-weight:300;}

/* ========================================================================================================================================= */
/* [동영상] */
.ClinicVideo{background-color:#FAFAFA;}
.ClinicVideo .Inner{padding:150px 0;}
.ClinicVideo .Title{text-align:center;}
.ClinicVideo .Title .Text01{color:#CACACA; font-size:11pt; font-weight:300; font-family:"Josefin Sans"; letter-spacing:1pt;}  
.ClinicVideo .Title h2{font-size:33pt; font-weight:600; color:#121212; line-height:1em; margin-top:25px;}

.ClinicVideo .VideoSection{position:relative; padding-bottom:45%; height:0; overflow:hidden; max-width:80%; background:#000; margin:60px auto 0;}
.ClinicVideo .VideoSection iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

/* ========================================================================================================================================= */
/* 채용 */
.EmploymentIntro{}
.EmploymentIntro .Inner{display:flex; align-items:center; padding:120px 0;}
.EmploymentIntro .TextBox{margin-left:180px;}
.EmploymentIntro .Text01{font-size:24pt; color:#67574B; font-weight:500; line-height:1.4em;}
.EmploymentIntro .Text02{font-size:16pt; color:#4B4B4B; font-weight:300; margin-top:50px; line-height:1.8em;}

/* 채용_인재상 */
.Talent{background-size:cover; background-repeat:no-repeat; background-position:center;}
.Talent .Inner{padding:150px 0;}
.Talent .Title{text-align:center;}
.Talent .Title p{color:#CACACA; font-size:11pt; font-weight:300; font-family:"Josefin Sans"; letter-spacing:1pt; margin-bottom:25px;}  
.Talent .Title h2{font-size:33pt; font-weight:600; color:#fff; line-height:1em;}
.Talent ul{width:800px; margin:50px auto 0;}
.Talent ul li{background-color:#fff; margin-bottom:20px; text-align:left; border-radius:90px; padding:20px 150px;}
.Talent ul li p{color:#121212; font-size:16pt;}
.Talent ul li p span{color:#D0B9A8; font-family:"Josefin Sans"; margin-right:10px; font-size:16pt; font-weight:500;}

/* 채용_포지션소개 */
.Position{}
.Position .Inner{padding:150px 0;}
.Position .Title{display:flex; justify-content:space-between; align-items:flex-end; padding-bottom:30px; margin-bottom:40px; border-bottom:1px solid #A2A2A2;}
.Position .Title h2{color:#121212; font-size:30pt; font-weight:500;}
.Position .Title p{color:rgba(18,18,18,0.3); font-size:12pt; font-weight:700; font-family:"Josefin Sans"; letter-spacing:1.5pt;}
.Position ul{display:flex; justify-content:space-between;}
.Position ul li{width:calc(100% / 3 - 25px);}
.Position ul li .TextBox{background-color:#F8F4EF; padding:50px; height:260px;}
.Position ul li .Text01{font-size:16.5pt; font-weight:500;}
.Position ul li .Text02{font-size:15pt; color:#484848; font-weight:300; margin-top:15px; line-height:1.7em;}

/* 채용_배너배경 */
.BigBanner{background-size:cover; background-repeat:no-repeat; background-position:center;}
.BigBanner .Inner{padding:150px 0;}
.BigBanner .ImgBox{width:420px; height:420px; margin:0 auto; animation:RoundRoate 15s linear infinite;}	
@keyframes RoundRoate{100%{transform:rotate(360deg);}}
.BigBanner .ImgBox img{width:100%; height:100%; object-fit:cover;}
.BigBanner .TextBox{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.BigBanner .TextBox p{text-align:center; font-size:19pt; font-weight:300; line-height:2em;}
.BigBanner .TextBox p::before{content:''; display:block; width:5px; height:5px; background-color:#121212; transform:rotate(45deg); margin:0 auto 50px;}
.BigBanner .TextBox p::after{content:''; display:block; width:5px; height:5px; background-color:#121212; transform:rotate(45deg); margin:50px auto 0;}
.BigBanner .TextBox p b{font-weight:500;}

/* 채용_직원복지 */
.Welfare{}
.Welfare .Inner{padding:150px 0;}
.Welfare .Title{text-align:center;}
.Welfare .Title .Text01{color:#CACACA; font-size:11pt; font-weight:300; font-family:"Josefin Sans"; letter-spacing:1pt; margin-bottom:20px;}  
.Welfare .Title h2{font-size:33pt; font-weight:400; color:#121212; line-height:1.5em;}
.Welfare .Title h2 b{font-weight:600;}
.Welfare .Title .Text02{font-size:15pt; line-height:1.8em; font-weight:200; margin-top:40px;}
.Welfare ul{display:flex; flex-wrap:wrap; justify-content:center; margin-top:50px;}
.Welfare ul li{width:calc(100% / 4 - 26px); margin:13px; background-size:cover; background-repeat:no-repeat; background-position:center; display:flex; flex-direction:column; align-items:center; padding:55px 30px; border-radius:20px; overflow:hidden; height:340px;}
.Welfare ul li .ImgBox{width:65px; height:70px;}	
.Welfare ul li .ImgBox img{width:65px;object-fit:cover;}
.Welfare ul li .TextBox{margin-top:25px; text-align:center;}
.Welfare ul li .TextBox .Text01{color:#fff; font-size:18pt; font-weight:500; line-height:1.5em;}
.Welfare ul li .TextBox .Text02{color:#F2E9E1; font-size:14pt; font-weight:300; margin-top:15px; line-height:1.6em;}

/* 채용_채용절차 */
.Procedure{background-color:#F0F0F0;}
.Procedure .Inner{padding:150px 0;}
.Procedure .Title{display:flex; justify-content:space-between; align-items:flex-end; padding-bottom:30px; margin-bottom:40px; border-bottom:1px solid #A2A2A2;}
.Procedure .Title h2{color:#121212; font-size:30pt; font-weight:500;}
.Procedure .Title p{color:rgba(18,18,18,0.3); font-size:12pt; font-weight:700; font-family:"Josefin Sans"; letter-spacing:1.5pt;}

.Procedure .TopText{font-size:15pt; font-weight:300; line-height:1.7em;}
.Procedure ul{display:flex; justify-content:space-between; align-items:center; margin-top:40px;}
.Procedure ul li{width:calc(100% / 9); display:flex; flex-direction:column; align-items:center;}
.Procedure ul .ImgBox{width:160px; height:160px; background-color:#fff; border-radius:50%; padding:45px;}
.Procedure ul .ImgBox img{width:100%;}
.Procedure ul .TextBox{margin-top:30px; height:60px; display:flex; flex-direction:column; align-items:center;}
.Procedure ul .Text01{background-color:#C4AD9D; color:#fff; border-radius:50px; display:inline-block; width:70px; height:30px; text-align:center; line-height:35px; font-size:10.5pt; font-family:"Josefin Sans";}
.Procedure ul .Text02{margin-top:10px; font-size:16pt; font-weight:400; text-align:center; line-height:1.4em;}
.Procedure ul .Arrow{width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:16px solid #D5D5D5; border-right:10px solid transparent;}

.Procedure .Note{background-color:#E5E5E5; margin-top:100px; padding:40px 150px; display:flex; position:relative;}
.Procedure .Note .NoteTitle{color:#7D7D7D; font-size:19pt; font-weight:500; position:relative; z-index:2;}
.Procedure .Note .TextBox{margin-left:100px;}
.Procedure .Note .TextBox p{text-align:left; color:#737373; line-height:1.9em; font-size:15pt; font-weight:300; display:flex; align-items:center;}
.Procedure .Note .TextBox p span{display:inline-block; width:4px; height:4px; background-color:#737373; border-radius:50px; margin-right:10px;}
.Procedure .Note .ImgBox{position:absolute; top:35px; left:15%;}

/* 채용_채용지원 */
.ApplyBanner{background-size:cover; background-repeat:no-repeat; background-position:center;}
.ApplyBanner .Inner{padding:200px 0;}
.ApplyBanner .ImgBox{width:420px; margin:0 auto;}
.ApplyBanner .ImgBox img{width:100%; object-fit:cover;}
.ApplyBanner .TextBox{text-align:center; margin-top:30px;}
.ApplyBanner .TextBox p{font-size:26pt; font-weight:300; line-height:1.8em;}
.ApplyBanner .TextBox p b{font-weight:500;}

.ApplyBanner .TextBox a{display:block; background-color:#67574B; width:25%; height:60px; margin:0 auto; color:#fff; text-align:center; font-size:16pt; margin-top:60px; display:flex; justify-content:center; align-items:center;}
.ApplyBanner .TextBox a span{font-family:"SUIT"; margin-left:10px; font-weight:200; font-size:18pt;}

.ApplyBanner .TextBox p.SmallText{font-size:16pt; font-weight:300; line-height:1.8em; margin-top:30px;}
.ApplyBanner .TextBox p.SmallText span{font-weight:500; display:block; width:21.5%; margin:0 auto; position:relative; margin-top:10px; color:#67574b;}
.ApplyBanner .TextBox p.SmallText span::after{content:''; display:block; width:100%; height:15px; background-color:rgba(103,87,75,0.2); position:absolute; bottom:-5px;
 z-index:-1;}

/* ========================================================================================================================================= */
/* 시술/이벤트 */
.clinicListWrap #contents{padding:80px 0 0;}
.clinicListWrap .ClinicAllList ul li a .ThumbBox{height:315px !important;}
.clinicListWrap .ClinicAllList ul li a .ThumbBox img{height:100% !important; object-fit:cover;}

	.clinicViewWrap #contents{padding:80px 0 0;}
	.clinicViewWrap .ThumbSwiper .ThumbBox{height:450px;}
	.clinicViewWrap .ThumbSwiper .ThumbBox img{height:100%; object-fit:cover;}
	.clinicViewWrap .ClinicDetail .ClinicViewTitle .ClinicInfo{padding-bottom:25px; margin-bottom:35px;}

/* ========================================================================================================================================= */
/* 전후이미지 */
.BnfWrap .boardThumList ul li .Title span b{display:none;}
.ViewWrap #contents{padding:100px 0 0;}
.ViewWrap .boardview table tr:nth-child(2){display:none;}

/* ========================================================================================================================================= */
/* 의학칼럼 */
.goodsWrap #contents{padding:100px 0;}

/* ========================================================================================================================================= */
/* ========================================================================================================================================= */
/* 고객만족도평가 */
.VocWrap{width:100%; height:100vh; overflow:hidden;}
.VocWrap header{display:none;}

.VocWrap .Evaluation{background-color:#E8E4DB; max-width:640px; margin:0 auto; overflow:hidden; height:100vh;}
.VocWrap .Inner{width:100%; min-width:100%; height:100%; position:relative;}
.VocWrap .Inner .ThumbBox{width:100%; height:100%; position:relative;}

.VocWrap .ConBox{padding:100px 80px;}
.VocWrap .TitleBox{text-align:center;}
.VocWrap .TitleBox p{color:#856851; font-size:13pt; font-family:"Josefin Sans"; letter-spacing:1.5pt;}
.VocWrap .TitleBox h2{color:#2C2C2C; font-size:42pt; margin-top:10px;}

.VocWrap .SelectBox{margin:100px 0;}
.VocWrap .SelectBox li{margin:80px 0;}
.VocWrap .SelectBox li:nth-child(1){margin-top:0;}
.VocWrap .SelectBox li:nth-child(3){margin-bottom:0;}
.VocWrap .SelectBox li dl{display:flex; justify-content:space-between;}
.VocWrap .SelectBox li dl dd{display:flex;}
.VocWrap .SelectBox li dl dt{width:170px; color:#4B4B4B; font-size:20pt; font-weight:700;}

.VocWrap .SelectBox .Box{display:flex; flex-direction:column; align-items:center;}
.VocWrap .Checkbox.Radio{margin:0 15px;}
.VocWrap .Checkbox.Radio small{width:30px;}
.VocWrap .Checkbox.Radio small em b{width:30px; height:30px; background-color:#E8E4DB; border:1px solid #818181;}
.VocWrap .Checkbox.Radio small em span{width:16px; height:16px; top:7px; left:7px; background-color:#4B4B4B;}
.VocWrap .SelectBox .Box big{width:30px; text-align:center; margin-bottom:15px; color:#4B4B4B; font-size:18pt; font-weight:500;}

/* 고객만족도평가_추가의견남기기페이지 */
.VocWrap .Page02 .SelectBox{margin:50px 0;}
.VocWrap .Page02 .SelectBox li{margin:25px 0;}
.VocWrap .Page02 .SelectBox li dl dt{width:120px; font-weight:500; font-size:17pt;}
.VocWrap .Page02 .SelectBox .Box{flex-direction:row;}
.VocWrap .Page02 .SelectBox li dl{justify-content:flex-start; align-items:center;}
.VocWrap .Page02 .SelectBox .Box big{width:70px; margin-bottom:0;}
.VocWrap .Page02 .List01 .Checkbox.Radio:nth-child(1){margin-left:0;}
.VocWrap .Page02 .List input{width:350px; height:50px; border:none; padding:10px;}
.VocWrap .Page02 .List04 dl{align-items:flex-start !important;}
.VocWrap .Page02 .List04 textarea{width:350px; height:100px; border:none; padding:10px;}
.VocWrap .Page02 .List05 dl{align-items:flex-start !important;}
.VocWrap .Page02 .List05 dd{display:flex; flex-wrap:wrap; width:350px; height:220px; overflow-y:scroll;}
.VocWrap .Page02 .List05 dd label{width:calc(100% / 4 - 10px); margin:0 5px;}
.VocWrap .Page02 .List05 dd label:nth-child(1){margin-left:0;}
.VocWrap .Page02 .List05 dd label:nth-child(5n){margin-left:0;}
.VocWrap .Page02 .List05 dd label:nth-child(n+5){margin-top:15px;}
.VocWrap .Page02 .List05 dd .ImgBox{width:100%; background-color:#fff;}
.VocWrap .Page02 .List05 dd .ImgBox img{width:100%; object-fit:cover;}
.VocWrap .Page02 .List05 .Checkbox.Radio small{width:20px;}
.VocWrap .Page02 .List05 .Checkbox.Radio small em b{width:15px; height:15px;}
.VocWrap .Page02 .List05 .Box{margin-top:10px;}
.VocWrap .Page02 .List05 .Box big{font-size:11pt; width:50px; text-align:left;}
.VocWrap .Page02 .List05 .Checkbox.Radio small em span{width:7px; height:7px; top:4px; left:4px;}

/* 고객만족도평가_감사메세지페이지 */
.VocWrap .Page03 .TitleBox h2{font-size:35pt; line-height:1.3em;}
.VocWrap .Page03 .TextBox{margin-top:50px; text-align:center;}
.VocWrap .Page03 .Text01{color:#4B4B4B; font-size:17pt; line-height:1.5em;}
.VocWrap .Page03 .Text02{color:#4B4B4B; font-size:17pt; font-weight:600; margin-top:30px; line-height:1.5em;}
.VocWrap .Page03 a{width:300px; height:80px; background-color:#2C2C2C; color:#fff; font-weight:600; font-size:15pt; display:flex; flex-direction:column; justify-content:center; align-items:center; margin:40px auto 0; border-radius:10px;}
.VocWrap .Page03 a span{color:#E3D9CF; font-weight:600; font-size:15pt;}

/* 고객만족도평가_사과메세지페이지 */  
.VocWrap .Page04 .TitleBox{margin-top:100px;}
.VocWrap .Page04 .TitleBox h2{font-size:35pt; line-height:1.3em;}
.VocWrap .Page04 .TextBox{margin-top:60px; text-align:center;}
.VocWrap .Page04 .Text01{color:#4B4B4B; font-size:17pt; line-height:1.5em;}
.VocWrap .Page04 .Text01 span{font-weight:600; line-height:1.5em;}
.VocWrap .Page04 .ImgBox{width:40%; margin:50px auto;}
.VocWrap .Page04 .ImgBox img{width:100%; object-fit:cover;}

/* 고객만족도평가_버튼 */
.VocWrap .SliderBtn{display:flex; justify-content:center;}
.VocWrap .SliderBtn .SubmitBtn{display:inline-block; width:240px; height:65px; background-color:#2C2C2C; color:#fff; border-radius:10px; margin-right:10px; font-size:18pt; font-weight:500; text-align:center; line-height:65px;}
.VocWrap .SliderBtn .AddOpinion{display:inline-block; width:240px; height:65px; background-color:#AE9584; color:#fff; border-radius:10px; margin-left:10px; font-size:18pt; font-weight:500; text-align:center; line-height:65px;}

/* 고객만족도평가_페이지 넘기기 효과 */
.VocWrap .Page{position:absolute; top:0; left:0; width:100%; transition:transform 0.8s ease;}

.VocWrap .Page01{transform:translateX(0%);}
.VocWrap .Page02{transform:translateX(100%);}
.VocWrap .Page03{transform:translateX(100%);}
.VocWrap .Page04{transform:translateX(100%);}

.VocWrap .Page01.Active{transform:translateX(0%);}
.VocWrap .Page02.Active{transform:translateX(0%);}
.VocWrap .Page03.Active{transform:translateX(0%);}
.VocWrap .Page04.Active{transform:translateX(0%);}

.VocWrap .Page.prev{transform: translateX(-100%);}