@charset "utf-8";

/* C00335 차오름 */

/* ========================================================================================================================================= */
/* 키비주얼 */
.TopVisual{position:relative; display:block; height:780px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.TopVisual .TopTitle{position:relative; display:block; text-align:center; top:50%; transform:translate(0, -40%); width:1300px; margin:0 auto;}
.TopVisual .TopTitle img{margin-bottom:50px;}
.TopVisual .TopTitle .Title{line-height:1;}
.TopVisual .TopTitle .Title01{font-size:18pt; line-height:1em; color:#fff; font-weight:400;}
.TopVisual .TopTitle .Title02{font-size:33pt; line-height:1.3em; color:#fff; font-weight:500; margin:20px 0 50px;}
.TopVisual .TopTitle .Title03{font-size:15pt; line-height:1.5em; color:#fff; font-weight:200;}

	/* 병원소개_키비주얼 */
	.aboutWrap .TopVisual{height:600px;}
	.aboutWrap .TopVisual .TopTitle img{margin:0;}
	.aboutWrap .TopVisual .TopTitle .Title02{margin:30px 0 0; font-family:"Jost", sans-serif; color:#121212;}

/* ========================================================================================================================================= */
/* [인트로페이지] */
.IntroWrap{}
.IntroWrap .CenterFixed{width:100% !important; left:0; margin-left:0;}
.IntroWrap .IntroBox{display:flex; width:100%; height:100vh;}
.IntroWrap .IntroBox .List{width:calc(100% / 2); background-repeat:no-repeat; background-size:cover; background-position:center center;}
.IntroWrap .IntroBox .List .LinkBox{display:block; width:100%; height:100%;}
.IntroWrap .IntroBox .Inner{width:100%; min-width:100%; height:100%; padding:140px; display:flex; flex-direction:column; justify-content:center; position:absolute; top:0;}
.IntroWrap .IntroBox .List .BgBox{overflow:hidden;}
.IntroWrap .IntroBox .List .BgBox img{width:100%; height:100%; object-fit:cover; transition:3s all ease;}
.IntroWrap .IntroBox .List:hover .BgBox img{transform:scale(1.2);}

.IntroWrap .IntroBox .Title .Text01{font-family:"Jost", sans-serif; color:#F6F0E8; font-weight:200; font-size:18pt; letter-spacing:-0.2pt; line-height:1em; margin:30px 0 20px;}
.IntroWrap .IntroBox .Title h2{color:#fff; font-weight:600; font-size:30pt; line-height:1em;}
.IntroWrap .IntroBox ul{display:flex; flex-wrap:wrap; margin-top:65px;}
.IntroWrap .IntroBox ul li{background-color:rgba(44,38,33,0.8); color:#D2C4B9; padding:8px 20px; border-radius:50px; font-size:13pt; margin:5px 3px;}
.IntroWrap .IntroBox .Btn{display:inline-block; width:200px; height:40px; border:1px solid #fff; margin-top:65px; text-align:center; line-height:38px; color:#fff; font-size:12pt; transition:0.3s all ease;}
.IntroWrap .IntroBox .List:hover .Btn{background-color:rgba(255,255,255,0.2);}

.IntroWrap .IntroBox .Left ul{width:360px;}
.IntroWrap .IntroBox .Left ul li:nth-child(1){margin-left:0;}
.IntroWrap .IntroBox .Left ul li:nth-child(4){margin-left:0;}

.IntroWrap .IntroBox .Right .ThumbBox{display:flex; align-items:center;}
.IntroWrap .IntroBox .Right .ThumbBox .Box{display:flex; justify-content:center; align-items:center; height:40px; background-color:rgba(0,0,0,0.4); border-radius:5px; margin:0 9px; color:#fff; padding:5px 15px;}
.IntroWrap .IntroBox .Right .ThumbBox .Text02{font-weight:200; font-size:12pt; color:#fff;}
.IntroWrap .IntroBox .Right .ThumbBox .Line{width:1px; height:100%; background-color:#2B2B2B; margin:0 10px;}
.IntroWrap .IntroBox .Right .ThumbBox .Text03{font-weight:600; font-size:16pt; color:#fff;}
.IntroWrap .IntroBox .Right ul{width:480px;}
.IntroWrap .IntroBox .Right ul li:nth-child(1){margin-left:0;}
.IntroWrap .IntroBox .Right ul li:nth-child(6){margin-left:0;}

/* ========================================================================================================================================= */
/* [ABOUT 더차오름] */
.About_NetworkAea_Detail{background-color:#fff;}

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

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

	/* 주소 */
	.aboutSection ul{display:flex; justify-content:space-between; margin-top:50px;}
	.aboutSection ul .Text01{color:#B4A590; font-size:22pt; font-weight:600;}
	.aboutSection ul .adress{margin-top:20px;}
	.aboutSection ul .adress p{line-height:1.5em; color:#121212; font-size:16pt;}

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

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

	.aboutMapWrap .Company_Area{display:none;}


/* ========================================================================================================================================= */
/* 공통타이틀 */
section .TitleBox .ImgBox{text-align:center;}
section .TitleBox h2{text-align:center; margin-top:20px; font-size:33pt; font-weight:500; line-height:1.5em;}
section .TitleBox span{font-weight:300;}

/* ========================================================================================================================================= */
/* [예약하기] */
.ReservationSetion{background-size:cover; background-repeat:no-repeat; background-position:center;}
.ReservationSetion .Inner{padding:90px 0;}
.ReservationSetion .Btn{width:400px; height:60px; margin:45px auto 0; background-color:rgba(184,54,15,1); transition:0.5s all ease;}
.ReservationSetion .Btn a{display:inline-block; width:100%; height:100%; color:#fff; text-align:center; line-height:60px; font-size:16pt; font-weight:400;}
.ReservationSetion .Btn a span{font-family:'SUIT'; font-size:14pt; font-weight:300; margin-left:10px; color:#fff;} 

.ReservationSetion .Btn:hover{background-color:rgba(184,54,15,0.6);}

/* ========================================================================================================================================= */
/* [시술페이지]_전후영역 */
.BnFSection{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.BnFSection .Inner{padding:150px 0; width:1400px; min-width:1400px;}
.BnFSection .TitleBox .Text01{text-align:center; color:#A4A4A4; font-size:13pt; font-family:"Jost", sans-serif; letter-spacing:2pt; font-weight:300;}
.BnFSection .TitleBox h2{font-weight:600; margin-top:10px; font-size:37pt;}
.BnFSection .ContBox{margin-top:40px; position:relative;}
.BnFSection .SliderBtn .bnf-button-prev{position:absolute; top:48%; left:19%; z-index:2;}
.BnFSection .SliderBtn .bnf-button-prev:hover{cursor:pointer;}
.BnFSection .SliderBtn .bnf-button-next{position:absolute; top:48%; right:19%; z-index:2;}
.BnFSection .SliderBtn .bnf-button-next:hover{cursor:pointer;}
.BnFSection .Slide{display:flex; justify-content:center;}
.BnFSection .Slide img{width:100%; object-fit:cover;}