@charset "utf-8";

/* 
리엘의원
C00349
 */


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 게시판 */
.boardWrap{}
.boardWrap #contents{padding-top:5em;}
.boardWrap .SubNav_Small2{margin-top:0;}
.boardWrap .SubNav_Small2 ul{display:flex; align-items:center; gap:0.6em; justify-content:space-between;}
.boardWrap .SubNav_Small2 li{display:flex; align-items:center; justify-content:center; width:100%; background-color:#eee; border-radius:6px; overflow:hidden;}
.boardWrap .SubNav_Small2 li.Action{background-color:#CAAF88;}
.boardWrap .SubNav_Small2 li a{display:block; border:none; border-radius:0; width:100%; background-color:transparent; font-weight:500; font-size:14pt; color:#121212; transition:200ms; padding:7px 0px; letter-spacing:-0.5px;}
.boardWrap .SubNav_Small2 li:not(.Action) a:hover{background-color:#dbdbdb; color:#121212;}
.boardWrap .SubNav_Small2 li.Action a{background-color:transparent; color:#121212; font-weight:600;}
.BnfWrap .boardThumList a .Thumb{height:auto; width:100%;}
.BnfWrap .boardThumList a .Thumb img{height:auto; width:100%;}
.boardWrap.ViewWrap #contents{padding-top:calc(100px + 1em);}
.boardWrap.ViewWrap .boardThumList{margin-top:3em;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 문의류 */
.contactWrap{}
.contactWrap #contents{padding:5em 0;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 퀵링크페이지 */
.memberWrap #contents .Inner{margin-top:calc(2% + 100px);}
.memberWrap #contents .AgreeBox{padding-top:0;}
.memberWrap #contents .AgreeBox p{line-height:1;}
.aboutUninsured .Border_healthListArea{padding-top:calc(3em + 100px);}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 키비주얼 섹션 */
.TopVisual{height:630px; padding:0; background-size:cover; background-position:center; background-repeat:no-repeat;}
.TopVisual .TopText{position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:1.4em; width:100%; height:100%; padding-top:90px;}
.TopVisual .TopText h2{color:#fff; font-size:3.5rem; font-weight:600;}
.TopVisual .TopText span{color:#fff; font-size:3.9rem; font-weight:500; line-height:1; letter-spacing:0.02em;}
.TopVisual .TopText p{color:#fff; position:relative; font-size:1.3rem; font-weight:300; line-height:1.5; text-align:center;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 시술이벤트 */

/* 장바구니 */
.reservationWrap.DefaultForm .ReservationArea section:first-child .BtnArea{margin-top:0}

.NC00349.DefaultForm .ClinicCateList ul li.Active a{background-color:#a39282 !important;}
.NC00349.DefaultForm .ClinicAllList ul li .Price{color:#a39282 !important;}
.NC00349.DefaultForm .ClinicDetailSelect .BtnArea button:nth-child(1){background-color:#a39282 !important; flex:1 1 calc(50% - 5px);}
.NC00349.DefaultForm .ClinicDetailSelect .BtnArea button:last-child{display:none !important;}
/* .NC00349.PriceWrap #contents{padding-top:40px;}
.NC00349.cartWrap #contents{padding-top:120px;}
.NC00349.reservationWrap #contents{padding-top:120px;} */


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 시술페이지 기본설정 */
.ClinicArea *{letter-spacing:-0.025em; line-height:1;}
.ClinicArea{color:#121212;}
.ClinicArea section{position:relative; display:block; padding:9em 0; background-color:#fff;}
.ClinicArea .ContArea{position:relative; width:100%; display:block;}
		

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 의료진소개 */
.ClinicArea .DoctorSection{padding:9em 0;}
	.ClinicArea .DoctorSection .ContArea{}
	.ClinicArea .DoctorSection .DoctorCont{display:flex; align-items:center; background:#fff;}
	.ClinicArea .DoctorSection .ImgBox{position:relative; width:50%; max-width:fit-content; z-index:1;}
	.ClinicArea .DoctorSection .ImgBox img{width:100%; max-width:max-content;}
	.ClinicArea .DoctorSection .TextBox{position:relative; width:50%; background-color:#efeeec; margin:0 auto; display:flex; flex-direction:column; align-items:baseline; gap:2.5em; left:-2.5em; z-index:2; padding:100px 50px 100px 100px;}
	.ClinicArea .DoctorSection .TextBox strong{display:flex; align-items:baseline; gap:10px; color:#37322e}
	.ClinicArea .DoctorSection .TextBox small{color:#59534e;}
	.ClinicArea .DoctorSection .TextBox pre{}
	.ClinicArea .DoctorSection .TextBox pre *{white-space:normal; color:#555555 !important; font-size:1.25rem !important; line-height:1.5 !important;}
	.ClinicArea .DoctorSection .TextBox img{position:absolute; right:5%; bottom:0; z-index:1;}
		

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 오시는길 */
.aboutMapWrap .Company_Area{display:none !important;}
.ClinicArea .MapSection{padding:9em 0; background-color:#fdfcfa;}
	.ClinicArea .MapSection .ContArea{}
	.ClinicArea .MapSection .ContArea{display:flex; align-items:center;}
	.ClinicArea .MapSection .MapArea{width:57%;}
	.ClinicArea .MapSection #aboutmap{width:100%; height:570px;}
	.ClinicArea .MapSection pre{}
	.ClinicArea .MapSection pre *{white-space:normal;}
	.ClinicArea .MapSection a{color:#333;}
	.ClinicArea .MapSection .TextBox{width:43%; margin:0 auto; display:flex; flex-direction:column; align-items:baseline; gap:3em; padding:0 6%;}
	.ClinicArea .MapSection .TextBox > div{width:70%; min-width:30em;}
	.ClinicArea .MapSection .TextBox > div p{line-height:1.5; color:#333333;}
	.ClinicArea .MapSection .TextBox > div label{display:flex; align-items:baseline; gap:8em;}
	.ClinicArea .MapSection .TextBox > div pre{line-height:1.5; color:#333333;}
	.ClinicArea .MapSection .TextBox > div > div:not(.Info){font-size:1.85rem; margin-bottom:0.7em; width:100%; color:#7d7d7d;}
	.ClinicArea .MapSection .TextBox > div .Info{display:flex; flex-direction:column; gap:0.4em; margin-top:0.9em;}
	.ClinicArea .MapSection .TextBox > div .Info > div{display:flex; align-items:flex-start; gap:0.3em;}
	.ClinicArea .MapSection .TextBox > div .Info img{width:26px;}
	.ClinicArea .MapSection .TextBox > div .Info p{min-width:3.5em; color:#757575; font-size:1.21rem;}
	.ClinicArea .MapSection .TextBox > div .Info pre{color:#757575; font-size:1.21rem;}
		

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 병원소개 */
.ClinicArea .AboutSection{padding:9em 0;}
	/* 섹션01 */
	.ClinicArea .AboutSection.Section01{background-position:center; background-size:cover; background-repeat:no-repeat; padding:7em 0 9em 0;}
	.ClinicArea .AboutSection.Section01 .ContArea{position:relative; display:inline-flex; width:auto; margin:0 auto 0 0; flex-direction:column; gap:0; width:100%; align-items:center; justify-content:center;}
	.ClinicArea .AboutSection.Section01 .ContArea span{font-size:3.4rem; color:#37322e; letter-spacing:0; margin-top:-10px;}
	.ClinicArea .AboutSection.Section01 .ContArea span b{color:#88837e; font-weight:normal;}
	.ClinicArea .AboutSection.Section01 .ContArea p{display:flex; align-items:center; font-size:1.2rem; color:#675e56; font-weight:500; line-height:1.8; text-align:center; margin-top:3em;}
	
	/* 섹션02 */
	.ClinicArea .AboutSection.Section02{background-color:#f8f6f3;}
	.ClinicArea .AboutSection.Section02 .ContArea{display:flex; flex-direction:column; gap:3.3em;}
	.ClinicArea .AboutSection.Section02 .ContArea > div{width:100%; background-color:#817c76; display:flex; align-items:center;}
	.ClinicArea .AboutSection.Section02 .ContArea .ImgBox{display:block; width:fit-content;}
	.ClinicArea .AboutSection.Section02 .ContArea .TextBox{display:flex; flex-direction:column; width:50%; align-items:baseline; gap:1.8em; text-align:left; padding-left:5em;} 
	.ClinicArea .AboutSection.Section02 .ContArea span{font-size:1.5rem; color:#ddccba; font-style:italic;}
	.ClinicArea .AboutSection.Section02 .ContArea strong{font-size:2.1rem; color:#fff; font-weight:600;}
	.ClinicArea .AboutSection.Section02 .ContArea p{font-size:1.15rem; color:#e6e5e4; font-weight:400; line-height:1.6;}
	
	/* 섹션03 */
	.ClinicArea .AboutSection.Section03{background-color:#d9d5d0;}
	.ClinicArea .AboutSection.Section03 .ContArea{}
	.ClinicArea .AboutSection.Section03 .ContArea span{font-size:3.4rem; color:#37322e; letter-spacing:0; text-align:center; margin:0 auto; display:block;}
	.ClinicArea .AboutSection.Section03 .SwiperGallery{}
	.ClinicArea .AboutSection.Section03 .SwiperGallery .Slide{width:1050px; height:700px;}
	.ClinicArea .AboutSection.Section03 .SwiperGallery .Slide.Small{width:calc(490000px / 1050); height:700px;}
	.ClinicArea .AboutSection.Section03 .SwiperGallery .ImgBox{width:100%; height:100%;}
	.ClinicArea .AboutSection.Section03 .SwiperGallery .ImgBox img{width:100%; height:100%; object-fit:cover;}