@charset "utf-8";

/* C00329 더원의원 */

/* ========================================================================================================================================= */
/* 키비주얼 */
body .TopVisual{width:100%; height:500px; position:relative; overflow:hidden; position:relative; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center center;}
body .TopVisual .TopTitle{position:absolute; width:100%; text-align:center; top:55%; left:50%; transform:translate(-50%,-50%); z-index:1;}
body .TopVisual .TopTitle .Title01{font-size:13pt; font-weight:600; color:#0e84f9; letter-spacing:0.8px;}
body .TopVisual .TopTitle .Title02{font-size:35pt; font-weight:600; margin-top:20px; line-height:1em; color:#222;}

/* ========================================================================================================================================= */
/* [병원소개_병원소개] */
.AboutInfo{}
.ClinicInforBox .AboutInfo .Inner{width:1550px; padding:70px 0 0;}
.AboutInfo .ConBox{display:flex; position:relative; bottom:-90px;}
.AboutInfo .ConBox::before{content:''; display:block; background:url('/img/C00329/aboutInfo_circle.png') no-repeat; background-size:cover; background-position:center center; width:245px; height:245px; position:absolute; top:0;}
.AboutInfo .TextBox{width:36%; margin:100px 120px;}
.AboutInfo .TextBox .Text01{font-size:20pt; color:#222; font-weight:400; line-height:1em;}
.AboutInfo .TextBox h2{font-size:36pt; color:#0e84f9; font-weight:800; line-height:1.1em; letter-spacing:0.03em; padding:25px 0 40px;}
.AboutInfo .TextBox .Text02{font-size:16pt; color:#434343; line-height:1.6em;}
.AboutInfo .TextBox .Text02 b{font-weight:500;}
.AboutInfo .ImgBox{border-top-left-radius:375px; border-top-right-radius:375px; overflow:hidden;}
.AboutInfo .ImgBox img{width:100%; object-fit:cover;}
.AboutInfo .ImgBoxBottom{position:relative; z-index:-1;width:1920px; margin: 0 auto;}

	/* [병원소개_인사말] */
	.Greetings{width:100%; position:relative; overflow:hidden; background:url('/img/C00329/about_greetings_bg.jpg') no-repeat; background-size:cover; background-position:center center;}
	.Greetings .Inner{padding:110px 0 150px;}
	.Greetings .ConBox{display:flex;}
	.Greetings .ImgBox{width:50%;}
	.Greetings .ImgBox img{padding-top:8px;}
	.Greetings .TextBox{width:50%;}
	.Greetings .TextBox .Text01{font-size:18pt; font-weight:500; color:#434343; line-height:1.6em;}
	.Greetings .TextBox .Text02{font-size:16pt; font-weight:400; color:#434343; line-height:1.6em; padding:50px 0;}
	.Greetings .TextBox .Text03{font-size:16pt; font-weight:500; color:#0e84f9; line-height:1.6em;}

	/* [병원소개_더원의원약속] */
	.Promise .Inner .Title .Text02{font-weight:500;}
	.Promise .Inner .Title .Text02 span{font-weight:600;}

/* ========================================================================================================================================= */
/* [의료진소개] */
.aboutDoctorArea{}
.aboutDoctorArea .contWrap{position:relative;}
.aboutDoctorArea .contWrap .ImgBox{position:absolute; top:20%; right:90px;}
.aboutDoctorArea .Inner{display:flex; align-items:center;}
.aboutDoctorArea .Inner .contImg img{width:100%; object-fit:cover;}
.aboutDoctorArea .Inner .Title{width:60%; padding-left:170px;}
.aboutDoctorArea .Inner .TextBox{position:relative;}
.aboutDoctorArea .Inner .TextBox::before{content:''; display:inline-block; background:url('/img/C00329/doctor_circle.png') no-repeat; background-size:cover; background-position:center center; width:170px; height:170px; position:absolute; top:0; left:-70px;}
.ClinicInforBox.aboutDoctorArea .Inner .Title .Text01{text-align:left; padding-top:70px;}
.ClinicInforBox.aboutDoctorArea .Inner .Title .Text02{text-align:left; margin-top:10px;}
.aboutDoctorArea .Inner .Title .career{padding-top:40px; font-size:16pt; color:#434343; font-weight:400; line-height:1.8em;}

/* ========================================================================================================================================= */
/* [장비소개] */
.DeviceBox{background-color:#f3f4f6; padding:130px 0; }
.DeviceBox .MenuBox .Inner{width:1400px; min-width:1400px; padding-bottom:40px; border-bottom:1px solid #e0e1e2;}
.DeviceBox ul {background:none; border:none;}
.DeviceBox ul li.ui-state-default{width:calc(100% / 6 - 40px); height:65px; background-color:#cacaca; border-radius:5px; margin:0 20px; text-align:center; line-height:65px; border:none;}
.DeviceBox ul li.ui-state-default a{color:#fff;}
.DeviceBox ul li.ui-state-active{background-color:#0e84f9; border:none;}
.DeviceBox ul li .Title{font-size:16pt; font-weight:500;}

.DeviceBox .ConBox .Inner{padding:15px 0; width:1400px; min-width:1400px;}
.DeviceBox .ConBox .ContArea{display:flex; flex-wrap:wrap;}
.DeviceBox .ConBox .List{width:calc(100% / 4  - 50px); margin:25px; position:relative;}
.DeviceBox .ConBox .List .ImgBox{border-radius:10px; overflow:hidden;}
.DeviceBox .ConBox .List .TextBox{position:absolute; top:40px; width:100%; text-align:center;}
.DeviceBox .ConBox .List .TextBox .Text01{font-size:16pt; font-weight:500; color:#222;}
.DeviceBox .ConBox .List .TextBox .Text02{font-size:13pt; padding-top:10px; font-weight:500; color:#0e84f9;}


/* ========================================================================================================================================= */
/* [오시는길] */
.aboutMapArea{}
.aboutMapArea .Inner{padding:100px 0;}

	/* [하단_상세정보]숨김 */
	.aboutMapWrap .Company_Area{display:none;}

	/* [지도] */
	.aboutMapArea #aboutmap26{height:550px;}

	/* [기본] */
	.aboutMapArea .aboutSection02{padding-top:60px;}
	.aboutMapArea .aboutSection02 h6{font-size:24pt; font-weight:600; color:#0e84f9; line-height:1em; padding-bottom:20px;}
	.aboutMapArea .aboutSection02 p{font-size:16pt; color:#222; font-weight:400; line-height:1.7em;}
	.aboutMapArea .aboutSection02 ul{display:flex;}
	.aboutMapArea .aboutSection02 ul li{width:calc(100% / 3);}
	.aboutMapArea .aboutSection02 ul li:first-child{margin-left:0;}
	.aboutMapArea .aboutSection02 ul li:last-child{margin-right:0;}

		/* [주소] */
		.aboutMapArea .Location{width:50% !important;}
		.aboutMapArea .Location .subway01{font-weight:700; color:#9560da;}
		.aboutMapArea .Location .subway02{font-weight:700; color:#c9a754;}
		.aboutMapArea .Location .pubilc{font-weight:600;}
		.aboutMapArea .Location .parking{margin-top:20px;}
		.aboutMapArea .Location .parking .Text01{display:inline-block; padding:8px 16px; background-color:#0e84f9; color:#fff; font-size:16pt; font-weight:600; border-radius:10px; text-align:center; margin-bottom:10px;}
		.aboutMapArea .Location .parking .Text02 span{font-weight:600;}

		/* [진료안내] */
		.aboutMapArea .Time{width:50% !important;}
		.aboutMapArea .Time .ThumbBox{display:flex;}
		.aboutMapArea .Time .Left{width:35%;}
		.aboutMapArea .Time .Right{width:45%;}
		.aboutMapArea .Time .Text03{font-size:13pt; font-weight:500; color:#989898; padding-top:10px; line-height:1.7em;}

		/* [대표전화] */
		.aboutMapArea .Tel p{font-size:28pt; color:#222; font-weight:600; line-height:1em;}


/* ========================================================================================================================================= */
/* [컨텐츠_공통] */
.CenterFixed{width:100% !important; left:0; margin:0 auto;}

/* ========================================================================================================================================= */
/* [공통타이틀] */
.ClinicInforBox section .Inner{width:1400px; min-width:1400px; padding:150px 0;}
.ClinicInforBox section .Inner .Title .Text01{font-size:13pt; color:#a2a2a2; font-weight:500; line-height:1em; text-align:center; letter-spacing:0;}
.ClinicInforBox section .Inner .Title .Text02{font-size:35pt; color:#222; font-weight:600; line-height:1.3em; margin-top:10px; text-align:center;}
.ClinicInforBox section .Inner .Title .Text02 span{color:#0e84f9;}
.ClinicInforBox section .Inner .Title .Text03{font-size:16pt; color:#222; font-weight:400; line-height:1.8em; text-align:center; padding-top:50px;}
.ClinicInforBox section .Inner .Title .Text03 b{font-weight:600;}

/* ========================================================================================================================================= */
/* [시술페이지_공통하단_선택이유] */
.CommonBottom .CommonSection01{position:relative;}
.CommonBottom .CommonSection01 .BgBox{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.CommonBottom .CommonSection01 .BgBox img{width:100%; object-fit:cover;}
.CommonBottom .CommonSection01 .Inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.ClinicInforBox .CommonBottom .CommonSection01 .Title .Text01{font-size:18pt; font-weight:300; letter-spacing:0.8pt; text-align:left;}
.ClinicInforBox .CommonBottom .CommonSection01 .Title .Text02{text-align:left;}
.CommonBottom .CommonSection01 ul{padding-top:30px;}
.CommonBottom .CommonSection01 ul li{display:flex; align-items:center; margin:20px 0;}
.CommonBottom .CommonSection01 ul li .number span{content:''; display:inline-block; background:url('/clinicInfoTheOne/img/commonSection01_number_bg.png') no-repeat; background-size:cover; background-position:center center; width:80px; height:80px; text-align:center; line-height:75px; font-weight:800; font-size:17pt; color:#7bbcfc;}
.CommonBottom .CommonSection01 ul li .TextBox{margin-left:30px; font-size:16pt; line-height:1.5em; font-weight:300;}
.CommonBottom .CommonSection01 ul li .TextBox b{font-weight:600;}

/* ========================================================================================================================================= */
/* [시술페이지_공통하단_선택이유] */
.CommonEvent{position:relative; background-size:cover; background-repeat:no-repeat; background-position:center;}
.CommonEvent .Inner{}
.CommonEvent .Title{}
.CommonEvent .Text02{margin:0;}
.CommonEvent .Text02 span{font-weight:700;}
.CommonEvent .ContArea{position:relative; display:block; margin-top:3em;}
.CommonEvent .MultiSlider{width:1250px; margin:0 auto;}
.CommonEvent .MultiSlider dl{}
.CommonEvent .MultiSlider dt{}
.CommonEvent .MultiSlider dd{}
.CommonEvent .Slide{}
.CommonEvent .Slide a{}
.CommonEvent .Slide .ThumbBox{position:relative; display:block; overflow:hidden;}
.CommonEvent .Slide .ThumbBox img{position:relative; display:block; width:100%; transition:all 300ms;}
.CommonEvent .Slide .ClinicInfo{}
.CommonEvent .Slide .ClinicInfo .Name{position:relative; font-size:16pt; letter-spacing:-0.3px; font-weight:500; display:-webkit-box; width:100%; line-height:1.4; padding-top:0.8em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; color:#1f1f1f;}
.CommonEvent .Slide .ClinicInfo .Info{position:relative; font-size:13pt; letter-spacing:-0.3px; font-weight:300; display:-webkit-box; width:100%; line-height:1.4; padding-top:0.3em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; color:#1f1f1f;}
.CommonEvent .Slide .ClinicPrice{}
.CommonEvent .Slide .ClinicPrice > div{position:relative; display:block; font-size:18pt; color:#202020; letter-spacing:-0.3px; margin-top:0.7em;}
.CommonEvent .Slide .ClinicPrice > div *{font-weight:700;}
.CommonEvent .Slide .ClinicPrice span{ font-size:16pt;}
.CommonEvent .Slide .ClinicPrice big{font-weight:600; font-size:16pt;}
.CommonEvent .SliderBtn .CommonEvent_Prev{position:absolute; top:28%; left:0px; font-size:35pt; font-weight:300; line-height: 1em;}
.CommonEvent .SliderBtn .CommonEvent_Prev:hover{cursor:pointer;}
.CommonEvent .SliderBtn .CommonEvent_Next{position:absolute; top:28%; right:0px; font-size:35pt; font-weight:300; line-height: 1em;}
.CommonEvent .SliderBtn .CommonEvent_Next:hover{cursor:pointer;}
.CommonEvent .Slide a:hover img{scale:1.05;}

/* ========================================================================================================================================= */
/* [시술페이지_주의사항] */
.Precautions{background-color:#d7d7d7;}
.Precautions .Inner{display:flex;}
.Precautions .Inner .Title{font-size:36pt; color:#979797; font-weight:800; width:40%; line-height:1em;}
.Precautions ul li{display:flex; font-size:17pt; color:#222; font-weight:400; line-height:1.5em; margin-bottom:15px;}
.Precautions ul li:last-child{margin-bottom:0;}
.Precautions ul li span{display:block; margin-right:5px;}

/* ========================================================================================================================================= */
/* [피부질환센터_증상종류] */
.SymptomsType{}
.SymptomsType .BgImg{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.SymptomsType ul{display:flex; flex-wrap:wrap; padding-top:50px;}
.SymptomsType ul li{width:calc(100%/2 - 60px); display:flex; align-items:center; margin:40px 30px;}
.SymptomsType ul li .TextBox{padding-left:40px;}
.SymptomsType ul li .TextBox .Text01{font-size:18pt; color:#222; font-weight:600;}
.SymptomsType ul li .TextBox .Text02{font-size:13pt; color:#595959; font-weight:400; line-height:1.6em; padding:20px 0 0;}
.SymptomsType ul li .TextBox .Text02 b{font-weight:600;}
.SymptomsType ul li .TextBox .Text02 strong{font-weight:600;}
.SymptomsType ul li .TextBox .Text03{font-size:12pt; color:#595959; font-weight:400; line-height:1.7em; margin-top:12px;}

	/* [피부미용센터_증상종류] */
	.SymptomsType .RoundBox ul li{border-radius:30px; background-color:#fff; overflow:hidden;  margin:20px 30px;}

/* ========================================================================================================================================= */
/* [피부질환센터_체크리스트] */
.CheckList{background-color:#e9e9e9;}
.ClinicInforBox .CheckList .Inner .Title .Text02{font-weight:800;}
.CheckList .Inner .Title .Text02.KoText{font-weight:600;}
.CheckList ul{display:flex; flex-wrap:wrap; justify-content:center; margin-top:60px;}
.CheckList ul li{width:calc(100% / 2 - 26px); padding:25px 0; background-color:#fff; margin:12px 13px; text-align:center; font-size:16pt; font-weight:400;}

	/* [사마귀/티눈_체크리스트] */
	.WartCheckList .ConBox{display:flex; margin-top:60px;}
	.WartCheckList .ThumbBox{width:calc(100% / 2 - 30px); margin:0 15px;}
	.WartCheckList .ThumbBox p{font-size:18pt; background-color:#0e84f9; color:#fff; text-align:center; padding:20px 10px; font-weight:700;}
	.WartCheckList ul{margin-top:12px;}
	.WartCheckList ul li{width:100%; margin:12px 0;}

/* ========================================================================================================================================= */
/* [피부질환센터_포인트] */
.SurgeryPoint{background-color:#ecf2fa;}
.ClinicInforBox .SurgeryPoint .Inner .Title .Text02{font-weight:700;}
.SurgeryPoint .Inner .Title .Text03{font-weight:300;}
.SurgeryPoint ul{display:flex; justify-content:center; margin-top:90px;}
.SurgeryPoint ul li{width:calc(100% / 3 - 70px); margin:0 35px;}
.SurgeryPoint ul li .ImgBox img{width:100%; object-fit:cover;}
.SurgeryPoint ul li .TextBox{background-color:#fff; padding:50px 20px;}
.SurgeryPoint ul li .TextBox .Text01{font-size:14pt; color:#0e84f9; font-weight:700; text-align:center;}
.SurgeryPoint ul li .TextBox .Text02{font-size:16pt; color:#222; font-weight:200; text-align:center; padding-top:20px; line-height:1.5em;}
.SurgeryPoint ul li .TextBox .Text02 b{font-weight:400;}
.SurgeryPoint ul li .TextBox .Text02 strong{font-weight:500;}

/* ========================================================================================================================================= */
/* [피부질환센터_시술과정] */
.SurgeryProcess{background-color:#214a72;}
.SurgeryProcess .Inner{width:100%;}
.ClinicInforBox .SurgeryProcess .Inner .Title .Text02{font-weight:800; color:#fff;}
.SurgeryProcess .ConBox .Line{position:absolute; top:62%; width:100%; height:3px; background-color:#0b2a47;}
.SurgeryProcess ul{width:1400px; margin:0 auto; padding-top:100px; display:flex;}
.SurgeryProcess ul li{width:calc(100% / 4);}
.SurgeryProcess ul li .TextBox{display:flex; flex-direction:column; align-items:center;}
.SurgeryProcess ul li .Text01{font-size:22pt; font-weight:800; color:#0e84f9; text-align:center;}
.SurgeryProcess ul li .CircleBox{position:relative; top:27px; width:28px; height:28px; background-color:#214a72; border-radius:50%; display:flex; justify-content:center; align-items:center;}
.SurgeryProcess ul li .Circle01{width:18px; height:18px; background-color:#0b2a47; border-radius:50%; display:flex; justify-content:center; align-items:center;}
.SurgeryProcess ul li .Circle01::after{content:''; display:inline-block; width:8px; height:8px; background-color:#0e84f9; border-radius:50%;}
.SurgeryProcess ul li .Text02{color:#fff; font-size:17pt; font-weight:500; line-height:1.5em; text-align:center; padding-top:40px;}

/* ========================================================================================================================================= */
/* [피부질환센터_피부질환특징] */
.SkinFeatures{}
.ClinicInforBox .SkinFeatures .Inner .Title .Text03{padding-top:0;}
.SkinFeatures .ConBox{display:flex; align-items:center; margin-top:80px;}
.SkinFeatures .ConBox .TextBox h3{font-size:21pt; line-height:1em; font-weight:700;}
.SkinFeatures .ConBox .List{padding-top:15px;}
.SkinFeatures .ConBox .ImgBox{width:52%;}
.SkinFeatures .ConBox .ThumbBox{display:flex; padding:16px 0;}
.SkinFeatures .ConBox .ThumbBox .CheckImg{padding-top:6px;}
.SkinFeatures .ConBox .Symptom{padding-left:6px;}
.SkinFeatures .ConBox .Symptom .Text01{font-size:16pt; color:#0e84f8; font-weight:600;}
.SkinFeatures .ConBox .Symptom .Text02{font-size:14pt; color:#434343; font-weight:500; padding-top:10px;}

/* ========================================================================================================================================= */
/* [피부미용센터_시술소개] */
.SurgeryInfo{width:100%; position:relative; overflow:hidden; background:url('/clinicInfoTheOne/img/surgeryInfo_bg.jpg') no-repeat; background-size:cover; background-position:center center;}
.ClinicInforBox .SurgeryInfo .Inner .Title .Text02{margin-bottom:60px;}
.ClinicInforBox .SurgeryInfo .Inner .Title .Text03{text-align:center; font-size:15pt; color:#222; line-height:1.8em; font-weight:300; padding-top:0;}
.SurgeryInfo .Inner ul{display:flex; justify-content:center; width:1100px; margin:70px auto 0;}
.SurgeryInfo .Inner ul li{width:calc(100% / 4); aspect-ratio:1 / 1; background-color:#d9ecfe; border-radius:50%; margin:0 25px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.SurgeryInfo .Inner ul li:first-child{margin-left:0;}
.SurgeryInfo .Inner ul li:last-child{margin-right:0;}
.SurgeryInfo .Inner ul li .TextBox{padding-top:35px; font-size:14pt; font-weight:500; color:#434343; text-align:center; line-height:1.3em;}

/* ========================================================================================================================================= */
/* [피부미용센터_특별한이유] */
.Special{}
.Special .Inner{width:100% !important;}
.Special ul{margin-top:100px;}
.Special ul .List{display:flex; align-items:center; position:relative; margin-bottom:60px;}
.Special ul .List:last-child{margin-bottom:0;}
.Special ul .List .ImgBox{width:50%;}
.Special ul .List .ImgBox img{width:100%; object-fit:cover;}
.Special ul .List .TextBox{width:50%;}
.Special ul .List .TextBox::before{content:''; display:inline-block; background:url('/clinicInfoTheOne/img/special_point.png') no-repeat; background-size:cover; background-position:center center; width:110px; height:110px; position:absolute;}
.Special ul .List .TextBox .Thumb{margin-left:50px; margin-top:50px;}
.Special ul .List .TextBox .Text01{font-size:14pt; color:#0e84f9; font-weight:600;}
.Special ul .List .TextBox .Text02{font-size:18pt; color:#222; font-weight:600; padding-top:10px; line-height:1.3em;}
.Special ul .List .TextBox .Text03{font-size:15pt; color:#595959; font-weight:400; padding-top:30px; line-height:1.6em;}
.Special ul .List .TextBox .Text03 span{display:block; font-size:15pt; color:#222; font-weight:700; margin-bottom:5px;}

.Special ul .List.LeftBox .ImgBox{border-top-right-radius:225px; border-bottom-right-radius:225px; overflow:hidden;}
.Special ul .List.LeftBox .TextBox{padding-left:65px;}
.Special ul .List.RightBox .ImgBox{border-top-left-radius:225px; border-bottom-left-radius:225px; overflow:hidden;}
.Special ul .List.RightBox .TextBox{padding-left:380px;}

/* ========================================================================================================================================= */
/* [피부미용센터_장비소개] */
.Equipment{width:100%; position:relative; overflow:hidden; background:url('/clinicInfoTheOne/img/equipment_bg.jpg') no-repeat; background-size:cover; background-position:center center;}
.ClinicInforBox .Equipment .Inner .Title .Text01{font-size:18pt; color:#595959; font-weight:400; line-height:1em; text-align:center;}
.ClinicInforBox .Equipment .Inner .Title .Text02{font-size:38pt; color:#222; font-weight:700; line-height:1em; margin-top:20px; text-align:center; font-weight:300;}
.ClinicInforBox .Equipment .Inner .Title .Text02 span{color:#222; font-weight:600;}
.Equipment .Banner_swiper{width:1280px; margin: 0 auto;}
.Equipment ul{margin-top:100px;}
.Equipment ul li{display:flex; flex-direction:column; align-items:center;}
.Equipment ul li .ImgBox{height:280px;}
.Equipment ul li .ImgBox img{width:100%; object-fit:cover;}
.Equipment ul li .TextBox{width:100%; height:280px; padding:50px 40px 120px; background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(236, 240, 242, 1) 100%); position:relative; bottom:10px;}
.Equipment ul li .TextBox .Title{color:#222; padding-bottom:20px; font-size:18pt; line-height:1em; font-weight:600;}
.Equipment ul li .TextBox .Thumb p{color:#3479bc; font-size:14pt; line-height:1.6em; font-weight:500;}
.Equipment ul li .TextBox .Thumb p::before{content:''; display:inline-block; background:url('/clinicInfoTheOne/img/equipment_check.png') no-repeat; background-size:cover; background-position:center center; width:16px; height:12px; margin-right:6px;}

.Equipment .SliderBtn .Equipment-button-prev{position:absolute; top:50%; left:0px; font-size:35pt; font-weight:300; line-height: 1em;}
.Equipment .SliderBtn .Equipment-button-prev:hover{cursor:pointer;}
.Equipment .SliderBtn .Equipment-button-next{position:absolute; top:50%; right:0px; font-size:35pt; font-weight:300; line-height: 1em;}
.Equipment .SliderBtn .Equipment-button-next:hover{cursor:pointer;}

	/* [손발톱무좀치료] */
	.FungusEquipment ul{display:flex; justify-content:center;}
	.FungusEquipment ul li .TextBox{z-index:-1;}

/* ========================================================================================================================================= */
/* [피부미용센터_배경배너] */
.BgBanner{}
.BgBanner .BgImg{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.ClinicInforBox .BgBanner .Inner{padding:310px 0;}
.ClinicInforBox .BgBanner .Inner .Title{display:flex; flex-direction:column; align-items:center;}
.ClinicInforBox .BgBanner .Inner .Title .Text01{color:#fff; font-size:18pt; font-weight:400; line-height:1.35em; letter-spacing:0;}
.ClinicInforBox .BgBanner .Inner .Title .Line{display:block; width:1px; height:55px; background-color:#d9ecfe; margin:20px 0; opacity:0.8;}
.ClinicInforBox .BgBanner .Inner .Title .Text02{color:#fff; font-size:24pt; font-weight:500; line-height:1.3em; margin-top:0;}
.ClinicInforBox .BgBanner .Inner .Title .Text03{color:#324e6d; font-size:11pt; font-weight:500; line-height:1.35em; text-align:center; margin-top:20px; letter-spacing:1pt; padding-top:0;}

/* ========================================================================================================================================= */
/* [피부미용센터_시술종류] */
.SurgeryType{}
.SurgeryType .BgImg{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.SurgeryType ul{display:flex; flex-wrap:wrap; padding-top:70px;}
.SurgeryType ul li{width:calc(100% / 2 - 70px); margin:20px 35px;}
.SurgeryType ul li .ImgBox img{width:100%; object-fit:cover;}
.SurgeryType ul li .TextBox{background-color:#fff; padding:30px 35px; height:350px;}
.SurgeryType ul li .ThumbBox{padding:35px 0;}
.SurgeryType ul li .ThumbBox .Text01{font-size:16pt; font-weight:600; color:#222; text-align:center; display:flex; justify-content:center; align-items:center;}
.SurgeryType ul li .ThumbBox .Text01 .SmallTitle{background-color:#0e84f9; color:#fff; font-size:12pt; font-weight:400; padding:3px 6px; margin-left:5px;}
.SurgeryType ul li .ThumbBox .Text02{font-size:13pt; font-weight:400; color:#595959; text-align:center; padding-top:20px; line-height:1.7em;}
.SurgeryType ul li .List{display:flex; justify-content:center; position:relative; border-top:1px solid #c8c8c8;}
.SurgeryType ul li .List .Text{width:100%;}
.SurgeryType ul li .List .Text03{font-size:15pt; font-weight:600; color:#0e84f9; display:flex; justify-content:center; align-items:center;}
.SurgeryType ul li .List .Text03 span{margin-right:5px;}
.SurgeryType ul li .List .Text04{padding-top:10px; color:#434343; font-size:13.5pt; font-weight:500; text-align:center;}
.SurgeryType ul li .List .Text:nth-child(2) .Text04::after{display:block; content:''; width:1px; height:85px; background-color:#c8c8c8; position:absolute; top:25px;}

/* ========================================================================================================================================= */
/* [피부미용센터_프로그램] */
.Program{}
.Program .BgImg{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.ClinicInforBox .Program .Inner .Title .Text01{color:#fff;}
.ClinicInforBox .Program .Inner .Title .Text02{color:#fff; font-weight:500;}
.ClinicInforBox .Program .Inner .Title .Text02 span{color:#c4ebff; font-weight:700;}
.Program ul{padding-top:20px;}
.Program ul li{display:flex; margin:40px 0;}
.Program ul li:last-child{margin-bottom:0;}
.Program ul li .TextBox{width:100%; height:auto; background-color:#fff; display:flex; flex-direction:column; justify-content:center; padding:30px 60px;}
.Program ul li .TextBox .ThumbBox{padding:30px 0;}
.Program ul li .TextBox .ThumbBox:nth-child(2){border-top:1px solid #c8c8c8;}
.Program ul li .TextBox .ThumbBox .Title{font-size:18pt; color:#222; font-weight:700;}
.Program ul li .TextBox .ThumbBox .Text01{font-size:14pt; color:#595959; margin-top:18px; line-height:1.7em;}
.Program ul li .TextBox .ThumbBox .Text02{font-size:15pt; color:#0e84f9; font-weight:700; display:flex; align-items:center;}
.Program ul li .TextBox .ThumbBox .Text02 span{margin-right:5px;}
.Program ul li .TextBox .ThumbBox .Text03{font-size:13pt; color:#434343; font-weight:600; padding-top:10px;}

/* ========================================================================================================================================= */
/* [피부미용센터_케어정보] */
.CareInfo{}
.CareInfo .BgImg{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.CareInfo .Title h2{color:#222; font-size:35pt; line-height:1.2em; font-weight:400;}
.CareInfo .Title h2 span{color:#0e84f9; font-weight:600;}
.CareInfo .ConBox .Text{font-size:15pt; padding:30px 0 50px; font-weight:300; line-height:1.9em; color:#434343;}
.CareInfo .ConBox .Text b{font-weight:600;}
.CareInfo .ConBox .List{width:50%; background-color:rgba(44,80,128,0.4); border-radius:15px; display:flex; align-items:center;}
.CareInfo .ConBox .List li{width:calc(100% / 4); border-left:1px solid rgba(105, 124, 145, 0.45);}
.CareInfo .ConBox .List li:first-child{border-left:none;}
.CareInfo .ConBox .List li .ThumbBox{padding:20px; display:flex; flex-direction:column; align-items:center;}
.CareInfo .ConBox .List li .ImgBox{padding-top:10px;}
.CareInfo .ConBox .List li .TextBox{padding-bottom:10px;}
.CareInfo .ConBox .List li .Text01{font-size:14pt; font-weight:500; color:#c6d4e6; line-height:1em; text-align:center; padding:20px 0 8px;}
.CareInfo .ConBox .List li .Text02{font-size:13pt; font-weight:500; color:#fff; line-height:1em; text-align:center;}

/* ========================================================================================================================================= */
/* [피부미용센터_배경타이틀배너] */
.BgTitleBanner{}
.BgTitleBanner .BgImg{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.BgTitleBanner .Inner{padding:200px 120px;}
.ClinicInforBox .BgTitleBanner .Inner .Title .Text01{text-align:left;}
.ClinicInforBox .BgTitleBanner .Inner .Title .Text02{text-align:left; font-size:30pt; font-weight:600;}
.BgTitleBanner .Inner .Title .Text02 span{font-weight:700;}
.BgTitleBanner .ConBox .Text{font-size:15pt; padding:30px 0 50px; font-weight:300; line-height:1.7em; color:#595959;}

/* ========================================================================================================================================= */
/* [피부미용센터_실험결과] */
.Experiment{background-color:#f0f4f7;}
.Experiment .Banner_swiper{width:1280px; margin: 0 auto;}
.Experiment ul{margin-top:80px;}
.Experiment ul li{display:flex; flex-direction:column; align-items:center;}
.Experiment ul li .ImgBox img{width:100%; object-fit:cover;}

.Experiment .SliderBtn .Experiment-button-prev{position:absolute; top:60%; left:0px; font-size:35pt; font-weight:300; line-height: 1em;}
.Experiment .SliderBtn .Experiment-button-prev:hover{cursor:pointer;}
.Experiment .SliderBtn .Experiment-button-next{position:absolute; top:60%; right:0px; font-size:35pt; font-weight:300; line-height: 1em;}
.Experiment .SliderBtn .Experiment-button-next:hover{cursor:pointer;}

/* ========================================================================================================================================= */
/* [피부미용센터_예방및개선가능한질환] */
.Disease{}
.Disease .BgImg{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.Disease .Inner{display:flex; justify-content:space-between;}
.ClinicInforBox .Disease .Inner .Title .Text01{text-align:left;}
.ClinicInforBox .Disease .Inner .Title .Text02{text-align:left; font-size:35pt; font-weight:500; line-height:1.2em;}
.ClinicInforBox .Disease .Inner .Title .Text02 span{font-weight:700;}
.Disease .Inner .ConBox{width:60%;}

.Disease .Inner ul{display:flex; flex-wrap:wrap; margin-top:20px;}
.Disease .Inner ul li{width:calc(100% / 3 - 2px); padding:60px 30px; margin:1px;}
.Disease .Inner ul li:nth-child(odd){background-color:#f6fbff;}
.Disease .Inner ul li:nth-child(even){background-color:#fff;}
.Disease .Inner ul li .ImgBox{height:80px; display:flex; justify-content:center; align-items:center;}
.Disease .Inner ul li .TextBox{margin-top:40px;}
.Disease .Inner ul li .TextBox .Text01{font-size:16pt; font-weight:700; color:#222; text-align:center;}
.Disease .Inner ul li .TextBox .Text02{font-size:13pt; font-weight:400; color:#595959; text-align:center; padding-top:20px; line-height:1.6em;}

/* ========================================================================================================================================= */
/* [피부미용센터_노바스템 줄기세포] */
.CenterBox{}
.CenterBox .BgImg{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.CenterBox .ConBox{width:1200px; background-color:#fff; border-radius:20px; padding:60px; margin:60px auto 0;}
.CenterBox .ConBox .Title{text-align:center; color:#0e84f9; font-size:21pt; line-height:1em; font-weight:700;}
.CenterBox .ConBox .ThumbBox{padding-top:50px; display:flex; justify-content:space-between; align-items:center;}
.CenterBox .ConBox .ImgBox{margin:0 auto;}
.CenterBox .ConBox ul{width:50%;}
.CenterBox .ConBox ul li{display:flex; align-items:center; margin:8px 0;}
.CenterBox .ConBox ul li .Text01{display:inline-block; background-color:#89c2fa; color:#fff; width:75px; height:35px; border-radius:10px; text-align:center; line-height:35px; font-weight:600; font-size:13pt;}
.CenterBox .ConBox ul li .Text02{display:inline-block; font-weight:300; color:#222; margin-left:12px; font-size:13pt;}

/* ========================================================================================================================================= */
/* [피부미용센터_줄기세포센터] */
.ClinicCenter{}
.ClinicCenter .BgImg{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.ClinicCenter ul{display:flex; justify-content:center; margin-top:60px;}
.ClinicCenter ul li{width:calc(100% / 3 - 70px); margin:0 35px; border-radius:50px; overflow:hidden;}
.ClinicCenter ul li .ImgBox img{width:100%; object-fit:cover;}
.ClinicCenter ul li .TextBox{height:220px; background-color:#fff; padding:40px 20px;}
.ClinicCenter ul li .TextBox .Text01{font-size:14pt; color:#85bbf2; font-weight:700; text-align:center; width:40px; height:40px; background-color:#e1edf9; border-radius:50px; line-height:40px; margin:0 auto;}
.ClinicCenter ul li .TextBox .Text02{font-size:16pt; color:#222; font-weight:200; text-align:center; padding-top:20px; line-height:1.5em;}
.ClinicCenter ul li .TextBox .Text02 b{font-weight:400;}
.ClinicCenter ul li .TextBox .Text02 strong{font-weight:500;}
.ClinicCenter ul li .TextBox .LinkBtn{display:block; background-color:#0e84f9; color:#fff; border-radius:5px; width:160px; height:40px; margin:0 auto; text-align:center; line-height:40px; font-weight:500; font-size:13pt; position:relative; padding-right:12px; margin-top:10px;}
.ClinicCenter ul li .TextBox .LinkBtn span{border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid transparent; border-left:12px solid #fff; position:absolute; top:30%; margin-left:8px;}

/* ========================================================================================================================================= */
/* [피부미용센터_시술과정] */
.ClinicProcess{}
.ClinicProcess .BgImg{background-size:contain; background-position:center center; background-color:#1d3e5f;}
.ClinicProcess .Inner .Title .Text02{font-weight:800 !important; color:#fff !important;}
.ClinicProcess .Inner .ConBox{margin-top:110px;}
.ClinicProcess .Inner ul{display:flex; justify-content:center;}
.ClinicProcess .Inner ul li{width:calc(100% / 4 - 60px); aspect-ratio: 1 / 1; margin:0 40px; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.ClinicProcess .Inner ul li:nth-child(1){background-color:#6ab0f5;}
.ClinicProcess .Inner ul li:first-child{margin-left:10px;}
.ClinicProcess .Inner ul li:nth-child(2){background-color:#489ef3;}
.ClinicProcess .Inner ul li:nth-child(3){background-color:#2c8dee;}
.ClinicProcess .Inner ul li:nth-child(4){background-color:#147ce4;}
.ClinicProcess .Inner ul li:last-child{margin-right:10px;}
.ClinicProcess .Inner ul li .Text01{color:#20466d; font-size:18pt; font-weight:700; text-align:center;}
.ClinicProcess .Inner ul li .Text02{margin-top:30px; color:#fff; font-size:16pt; font-weight:500; text-align:center; line-height:1.3em;}

/* ========================================================================================================================================= */
/* [피부미용센터_전후이미지] */
.BnfList{}
.BnfList .BgImg{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.ClinicInforBox .BnfList .Inner .Title .Text02{font-weight:700;}
.BnfList .ConBox{}
.BnfList ul{margin-top:60px;}
.BnfList ul li{display:flex; justify-content:center;}
.BnfList ul li .BnfImg{margin:0 22px;}
.BnfList ul li .BnfImg .TextBox{padding:20px 0; text-align:center; font-size:15pt; font-weight:400;}
.BnfList ul li .Before .TextBox{background-color:#ececec; color:#222;}
.BnfList ul li .After .TextBox{background-color:#0e84f9; color:#fff;}
.BnfList .MoreBtn{display:block; width:11%; text-align:center; color:#0e84f9; font-size:15pt; font-weight:700; padding-bottom:5px; border-bottom:3px solid #0e84f9; margin:60px auto 0;}

.BnfList .SliderBtn .BnfList-button-prev{position:absolute; top:50%; left:0px; font-size:35pt; font-weight:300; line-height:1em; z-index:2;}
.BnfList .SliderBtn .BnfList-button-prev:hover{cursor:pointer;}
.BnfList .SliderBtn .BnfList-button-next{position:absolute; top:50%; right:0px; font-size:35pt; font-weight:300; line-height:1em; z-index:2;}
.BnfList .SliderBtn .BnfList-button-next:hover{cursor:pointer;}

/* ========================================================================================================================================= */
/* [피부미용센터_선택이유] */
.SelectReason{}
.SelectReason .BgImg{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.SelectReason ul{display:flex; margin-top:80px;}
.SelectReason ul li{width:calc(100% / 3 - 100px); margin:0 50px;}
.SelectReason ul li .ImgBox{width:100%;}
.SelectReason ul li .ImgBox img{width:100%; object-fit:cover;}
.SelectReason ul li .TextBox{background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(241, 243, 247, 1) 100%); padding:50px 20px; height:380px;}
.SelectReason ul li .TextBox .Text01{font-weight:600; font-size:16pt; color:#222; text-align:center;}
.SelectReason ul li .TextBox .Text02{text-align:center; color:#595959; font-size:13pt; padding-top:20px; line-height:1.6em;}

/* ========================================================================================================================================= */
/* [모공,흉터_특별한이유] */
.SpecialReason{background-color:#f4f4f4;}
.SpecialReason .ListBox{margin-top:145px; position:relative;}
.SpecialReason .ListBox:nth-child(1){margin-top:120px;}
.SpecialReason .ListBox h3{background-color:#0e84f9; color:#fff; padding:30px; width:620px; margin:0 auto; border-radius:50px; text-align:center; font-size:20pt; font-weight:600; line-height:1em; position:absolute; z-index:2; top:-45px; left:50%; transform:translate(-50%, 0);}
.SpecialReason .ListBox .ThumbBox{background-color:#fff; width:100%; padding:80px 100px 50px;}
.SpecialReason .ListBox .List{display:flex; padding:50px 0;}
.SpecialReason .ListBox .List .ImgBox{width:50%;}
.SpecialReason .ListBox .List .ImgBox img{width:100%; object-fit:cover;}
.SpecialReason .ListBox .List .TextBox{width:50%;}

.SpecialReason .ListBox .List .TextBox::before{content:''; display:inline-block; background:url('/clinicInfoTheOne/img/special_point.png') no-repeat; background-size:cover; background-position:center center; width:110px; height:110px; position:absolute;}
.SpecialReason .ListBox .List .TextBox .Thumb{margin-left:50px; margin-top:50px;}
.SpecialReason .ListBox .List .TextBox .Text01{font-size:14pt; color:#0e84f9; font-weight:600;}
.SpecialReason .ListBox .List .TextBox .Text02{font-size:18pt; color:#222; font-weight:600; padding-top:10px; line-height:1.3em;}
.SpecialReason .ListBox .List .TextBox .Text03{font-size:15pt; color:#595959; font-weight:400; padding-top:30px; line-height:1.6em;}
.SpecialReason .ListBox .List .TextBox .Text03 span{display:block; font-size:15pt; color:#222; font-weight:700; margin-bottom:5px;}

.SpecialReason .ListBox .List.Left .TextBox{margin-left:80px;}
.SpecialReason .ListBox .List.Right .TextBox{margin-left:80px;}

/* ========================================================================================================================================= */
/* [더원TV] */
.TvBannner{}
.TvBannner .BgImg{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.TvBannner .VideoBox{padding-top:60px;}
.TvBannner .VideoBox .Movie_IframArea{width:960px;}

/* ========================================================================================================================================= */
/* [시술 후 주의사항] */
/* 카테고리메뉴 */
.CateAllArea *{font-family:'SUIT', 'Noto Sans KR', sans-serif !important;}
.CateAllArea{position:relative; display:block;}
.CateAllArea .Inner{}
.cautionWrap .ClinicAskForm{display:none;}
	/* ---------------------------------------------- */
	/* 탭리스트 */
	.CateAllArea > .Inner{position:relative; z-index:2; padding:0;}
	.CateAllArea > .Inner > ul.List{position:relative; display:table; width:100%; text-align:left; overflow:visible;}
	.CateAllArea > .Inner > ul > li.TextBox{position:relative; display:inline-table; width:calc(100% / 4); border-bottom:2px solid #f4f6f8; overflow:visible; vertical-align:top;}
	.CateAllArea > .Inner > ul > li.TextBox:first-child{}
	.CateAllArea > .Inner > ul > li.TextBox:nth-child(4n+1):before{position:absolute; width:500vw; content:''; bottom:-2px; background-color:#f4f6f8; height:2px; z-index:2; margin-left:-200vw;}
	.CateAllArea > .Inner > ul > li a{position:relative; display:table-cell; vertical-align:middle; font-size:12pt; font-weight:500; padding:0; overflow:visible;}
	.CateAllArea > .Inner > ul > li.ui-state-active a{font-weight:600;}
	.CateAllArea > .Inner > ul > li a:hover{transition-duration:.3s;}
	.CateAllArea > .Inner > ul > li a div{position:absolute; display:block; width:50px; height:2px; opacity:0; bottom:-2px; z-index:2; left:50%; margin-left:-25px;} /* 기본숨김 */
	.CateAllArea > .Inner > ul > li.ui-state-active a div,
	.CateAllArea > .Inner > ul > li a:hover div{transition-duration:.3s; opacity:1; background-color:#404041;}
	.CateAllArea > .Inner > ul > li span{position:relative; display:block; width:100%; text-align:center; padding:20px 0; letter-spacing:0;}

		/* ----------------------- */
		/* 특정class */
		.CateAllArea > .Inner > ul li:not(.ui-state-active) a .ColorBg{background-color:#b6babc;}
		.CateAllArea > .Inner > ul li:not(.ui-state-active) a .ColorTxt{color:#b6babc;}
		.CateAllArea > .Inner > ul li.ui-state-active a .ColorTxt{color:#404041;}

	/* ---------------------------------------------- */
	/* 탭내용 */
	.CateAllArea .CateView{position:relative;display:block; z-index:1;}
	.CateAllArea .CateView > section{position:relative; padding:100px 0 !important;}
	.CateAllArea .CateView > section *{color:#222;}
	.CateAllArea .CateView > section .Inner{width:1200px; min-width:1200px; text-align:left; margin:70px auto; padding:0;}
	.CateAllArea .CateView > section .Inner:first-child{margin-top:0;}
	.CateAllArea .CateView > section .Inner + .Inner{padding-top:70px; border-top:1px solid #d9d9d9;}
	.CateAllArea .CateView > section .Inner > div{padding:0 50px;}
	.CateAllArea .CateView > section .Inner .Title{position:relative; display:block; text-align:left; line-height:1; font-size:18pt; font-weight:500; margin-bottom:30px;}
	.CateAllArea .CateView > section .Inner ul.List{position:relative; display:block; width:100%;}
	.CateAllArea .CateView > section .Inner ul li.TextBox{position:relative; display:block; width:100%; text-align:left;}
	.CateAllArea .CateView > section .Inner ul li.TextBox p{position:relative; display:block; width:100%; font-size:14pt; line-height:1.7em; font-weight:400; color:#595959;}
	.CateAllArea .CateView > section .Inner ul li + li{margin-top:15px;}


/* ========================================================================================================================================= */
/* 시술이벤트 페이지 */
.NC00329.DefaultForm .ClinicCateList ul li.Active a{background-color:#0e84f9 !important;}
.NC00329.DefaultForm .ClinicAllList ul li .Price{color:#0e84f9 !important;}
.NC00329.DefaultForm .ClinicDetailSelect .BtnArea button:nth-child(1){background-color:#0e84f9 !important; flex:1 1 calc(50% - 5px);}
.NC00329.DefaultForm .ClinicDetailSelect .BtnArea button:last-child{display:none !important;}
.NC00329.PriceWrap #contents{padding-top:40px;}
.NC00329.cartWrap #contents{padding-top:120px;}
.NC00329.reservationWrap #contents{padding-top:120px;}