@charset "utf-8";

/* C00337 리제피부과 */


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 게시판 */
.boardWrap{}
.boardWrap #contents{padding-top:5em;}
.BnfWrap .boardThumList a .Title b{display:none;}
.BnfWrap .boardview thead tr:nth-child(2){display:none;}
.goodsWrap .lisTable .withThum .Thumb{display:none;}
.goodsWrap .lisTable .Thumb ~ pre{padding-left:0;}

.contactWrap{}
.contactWrap #contents{padding-top:5em;}

.eventWrap{}
.eventWrap.EventDetailPage .EventDetailPageArea{padding-top:80px;}
.eventWrap #event{padding-top:3em;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 포인트 컬러 */
.AboutSection .PointB{background-color:#a3411f !important;}
.AboutSection .PointC{color:#a3411f !important;}
.AboutSection .PointF{filter:invert(34%) sepia(67%) saturate(800%) hue-rotate(336deg) brightness(90%) !important;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 시술페이지 기본설정 */
.AboutSection *{letter-spacing:-0.025em; line-height:1;}
.AboutSection{position:relative; display:block; padding:8em 0; background-color:#fff;}
.AboutSection.BgW{background-color:#fff !important;}
.AboutSection .BgW{background-color:#fff !important;}
.AboutSection.BgG{background-color:#f8f8f8 !important;}
.AboutSection .BgG{background-color:#f8f8f8 !important;}
.AboutSection.BgG2{background-color:#f6f6f6 !important;}
.AboutSection .BgG2{background-color:#f6f6f6 !important;}
.AboutSection.NoBg{background:none !important;}
.AboutSection .NoBg{background:none !important;}
.AboutSection.BgG_F{background:linear-gradient( to bottom, #f8f8f8, #fff ) !important;}
.AboutSection.BgF_G{background:linear-gradient( to bottom, #fff, #f8f8f8 ) !important;}
.AboutSection .InnerFull{width:100%; min-width:100%;}
.AboutSection .Inner1920{width:1920px; min-width:1920px; margin-left:-960px; left:50%;}
.AboutSection .Inner1200{width:1200px; min-width:1200px; margin:0 auto;}
.AboutSection .Inner1000{width:1000px; min-width:1000px; margin:0 auto;}
.AboutSection .Inner900{width:900px; min-width:900px; margin:0 auto;}
.AboutSection .Inner880{width:880px; min-width:880px; margin:0 auto;}
.AboutSection .Inner700{width:700px; min-width:700px; margin:0 auto;}
.AboutSection .Mt6{margin-top:6em;}
.AboutSection .Mt5{margin-top:5em;}
.AboutSection .Mt4{margin-top:4em;}
.AboutSection .Mt3{margin-top:3em;}
.AboutSection .Mt2{margin-top:2em;}
.AboutSection .Mt1{margin-top:1em;}
.AboutSection .Pb9{padding-bottom:9em;}
.AboutSection .Pb8{padding-bottom:8em;}
.AboutSection .Pb7{padding-bottom:7em;}
.AboutSection .Pb6{padding-bottom:6em;}
.AboutSection .Pb5{padding-bottom:5em;}
.AboutSection .Pb4{padding-bottom:4em;}
.AboutSection .Pb3{padding-bottom:3em;}
.AboutSection .Pb2{padding-bottom:2em;}
.AboutSection .ContArea{position:relative; width:100%; display:block;}
.AboutSection .Left{text-align:left !important;}
.AboutSection .Right{text-align:right !important;}
.AboutSection .Center{text-align:center !important;}
.AboutSection h2{position:relative; display:block; font-size:3.25rem; font-weight:600;}
.AboutSection h3{position:relative; display:block; font-size:2.6rem; font-weight:400; line-height:1.3;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 시술페이지 타이틀 */
.AboutSection .SubTitle{position:relative; display:block; width:100%;}
.AboutSection .SubTitle small{position:relative; display:block; font-size:0.97rem; color:#000000; opacity:.25; line-height:1; font-weight:600; letter-spacing:0.3em; margin-bottom:1.2em;}
.AboutSection .SubTitle h3{}
.AboutSection .SubTitle h3 b{font-weight:600; line-height:1.3;}
.AboutSection .SubTitle .Line{position:relative; display:inline-block; width:35px; height:3px; margin:2.2em 0 1.5em 0;}
.AboutSection .SubTitle .Dot{position:relative; display:inline-block; margin:1.8em 0;}
.AboutSection .SubTitle .Dot div{position:relative; display:block; width:11px; height:11px; border-radius:10px;}
.AboutSection .SubTitle .Dot div:nth-child(2){margin-top:-3px; opacity:.6;}
.AboutSection .SubTitle .Dot div:nth-child(3){margin-top:-3px; opacity:.2;}
.AboutSection .SubTitle p{position:relative; display:block; font-size:1.15rem; color:#333; line-height:1.7; font-weight:500;}
.AboutSection .SubTitle p b{position:relative; display:block; font-size:1.15rem; color:#333; line-height:1.7; font-weight:700;}
.AboutSection .SubTitle h3 + p{color:#565656;}
.AboutSection .SubTitle h3 + p b{color:#565656;}
.AboutSection .SubTitle > img{display:inline-block; width:25px; margin-bottom:1em;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 키비주얼 섹션 */
.TopVisualSection .PointB{background-color:#a3411f !important;}
.TopVisualSection .PointC{color:#a3411f !important;}
.TopVisualSection{height:750px; padding:0; background-size:cover; background-position:center; background-repeat:no-repeat;}
.TopVisualSection .Inner{display:flex; align-items:flex-end; height:100%;}
.TopVisualSection .VisualTitle{position:relative; display:flex; min-width:100%; height:100%; align-items:center; justify-content:center; flex-direction:column; gap:1.5em;}
.TopVisualSection .VisualTitle span{position:relative; display:block; font-size:1rem; color:#8b827c; font-weight:600; letter-spacing:0.2em;}
.TopVisualSection .VisualTitle h2{}
.TopVisualSection .VisualTitle p{position:relative; display:block; font-size:1.25rem; color:#535254; line-height:1.6; font-weight:500; margin-top:0.5em;}
.TopVisualSection .ImgBox{display:block; width:50%;}
.TopVisualSection .ImgBox img{}
.TopVisualSection h2{position:relative; display:block; font-size:2.7rem; font-weight:600; color:#222222;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 병원소개 */
.About_AboutArea .Section01{padding:8em 0; background-color:#f3f3f3;}
.About_AboutArea .Section01 .SubTitle{position:relative; display:flex; justify-content:center; align-items:center; gap:1em; flex-direction:column; width:690px; height:690px; border-radius:500px; background-color:#fff; z-index:2; margin:0 auto;}
.About_AboutArea .Section01 .SubTitle img{width:fit-content;}
.About_AboutArea .Section01 .SubTitle span{display:inline-flex; align-items:center; font-size:1.34rem; font-weight:600; color:#808080; gap:0.3em;}
.About_AboutArea .Section01 .SubTitle span:after{content:''; width:6px; height:6px; border-radius:10px; background-color:#808080; position:relative;}
.About_AboutArea .Section01 .SubTitle span:before{content:''; width:6px; height:6px; border-radius:10px; background-color:#808080; position:relative;}
.About_AboutArea .Section01 .SubTitle small{opacity:1; letter-spacing:0.1em; font-size:1rem; margin:1.8em 0; font-weight:500;}
.About_AboutArea .Section01 .SubTitle h3{font-size:2.4rem; color:#222222; font-weight:700;}
.About_AboutArea .Section01 .SubTitle p{color:#515151;}
.About_AboutArea .Section01 .ContArea{position:absolute; z-index:1; width:100%; top:50%; transform:translate(0, -50%);}
.About_AboutArea .Section01 .ContArea .ImgBox{position:relative; height:450px;}
.About_AboutArea .Section01 .ContArea .ImgBox img{width:100%; height:100%; object-fit:cover;}

.About_AboutArea .Section02{}
.About_AboutArea .Section02 .ContArea{display:flex; flex-direction:column; gap:8em;}
.About_AboutArea .Section02 .Cont{position:relative; display:flex; align-items:center;}
.About_AboutArea .Section02 .SubTitle{position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; width:calc(50% + 2.5em); background-position-y:0; background-repeat:no-repeat; margin-bottom:1em;}
.About_AboutArea .Section02 .SubTitle img{width:fit-content; margin-bottom:0.7em;}
.About_AboutArea .Section02 .SubTitle h3{display:flex; align-items:center; gap:0.5em; width:100%;}
.About_AboutArea .Section02 .SubTitle h3 b{font-size:2.05rem; font-weight:700; width:6.1em;}
.About_AboutArea .Section02 .SubTitle h3 em{width:calc(100% - 5.6em); height:1px; background-color:#d8cbc7;}
.About_AboutArea .Section02 .SubTitle p{font-weight:400; color:#222; margin-top:1.5em;}
.About_AboutArea .Section02 .SubTitle p b{display:inline-block; border-radius:8px; background-color:#eeeeee; padding:0.7em 1.2em; font-weight:700; color:#222; margin-top:1.3em;}
.About_AboutArea .Section02 .ImgBox{position:relative; display:block; overflow:hidden; border-radius:15px;}
.About_AboutArea .Section02 .ImgBox img{display:block; position:relative; width:fit-content;}
.About_AboutArea .Section02 .ImgBox div{position:absolute; z-index:2; opacity:.5; display:flex; align-items:center; gap:0.8em; bottom:1.5em;}
.About_AboutArea .Section02 .ImgBox span{color:#fff; font-size:1.8rem; line-height:1; font-weight:600;}
.About_AboutArea .Section02 .ImgBox small{color:#fff; font-size:1.2rem; line-height:1; font-weight:600;}
.About_AboutArea .Section02 .Cont:nth-child(odd){}
.About_AboutArea .Section02 .Cont:nth-child(odd) .SubTitle{order:2; padding:4em 0 2em 5em; background-position-x:6%;}
.About_AboutArea .Section02 .Cont:nth-child(odd) .ImgBox{order:1; margin-left:calc(50% - 500px - 2.5em);}
.About_AboutArea .Section02 .Cont:nth-child(odd) .ImgBox div{left:2em;}
.About_AboutArea .Section02 .Cont:nth-child(even){}
.About_AboutArea .Section02 .Cont:nth-child(even) .SubTitle{order:1; align-items:flex-end; justify-content:end; padding:4em 5em 2em 0; background-position-x:94%;}
.About_AboutArea .Section02 .Cont:nth-child(even) .SubTitle h3 b{order:2;}
.About_AboutArea .Section02 .Cont:nth-child(even) .SubTitle h3 em{order:1;}
.About_AboutArea .Section02 .Cont:nth-child(even) .ImgBox{order:2; margin-right:calc(50% - 500px - 2.5em);}
.About_AboutArea .Section02 .Cont:nth-child(even) .ImgBox div{right:2em;}

.About_AboutArea .Section03{background-position:center; background-size:cover; background-repeat:no-repeat;}
.About_AboutArea .Section03 .SubTitle *{color:#fff;}
.About_AboutArea .Section03 .SubTitle small{opacity:1; letter-spacing:0.15em; margin-bottom:2.2em;}
.About_AboutArea .Section03 .SubTitle h3{font-weight:700;}
.About_AboutArea .Section03 .SubTitle h3 b{font-weight:700; color:#eee1d4;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 장비소개 */
.About_DeviceArea .Section01{padding:8em 0; background-color:#f3f3f3;}
.About_DeviceArea .Section01 .ContArea{display:flex; flex-direction:column; gap:4em; padding:0 25px;}
.About_DeviceArea .Section01 .Cont{position:relative; display:flex; align-items:center; border-radius:15px; overflow:hidden; width:100%; background-color:#fff;}
.About_DeviceArea .Section01 .SubTitle{position:relative; width:calc(100% - 525px);}
.About_DeviceArea .Section01 .SubTitle > div{position:relative; display:flex; align-items:flex-end; gap:1em;}
.About_DeviceArea .Section01 .SubTitle h3{font-size:2.05rem; font-weight:700; color:#333;}
.About_DeviceArea .Section01 .SubTitle small{font-size:1rem; letter-spacing:0.12em; opacity:1; margin-bottom:0.5em;}
.About_DeviceArea .Section01 .SubTitle p{color:#444444; font-weight:400;}
.About_DeviceArea .Section01 .SubTitle div.Line{width:28px; margin:1.5em 0 1.5em 0;}
.About_DeviceArea .Section01 .ImgBox{position:relative; width:525px;}
.About_DeviceArea .Section01 .Cont:nth-child(odd) .SubTitle{order:2; padding-left:1em;}
.About_DeviceArea .Section01 .Cont:nth-child(odd) .ImgBox{order:1; background:linear-gradient( to right, #e8e6e5 60%, #fff);}
.About_DeviceArea .Section01 .Cont:nth-child(even) .SubTitle{order:1; padding-left:6em;}
.About_DeviceArea .Section01 .Cont:nth-child(even) .ImgBox{order:2; background:linear-gradient( to left, #e8e6e5 60%, #fff);}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 안전시스템 */
.About_InfoArea .Section01{padding:8em 0; background-size:cover; background-repeat:no-repeat; background-position:center;}
.About_InfoArea .Section01 .ContArea{display:flex; flex-direction:column; gap:4em;}
.About_InfoArea .Section01 .Cont{position:relative; display:flex; align-items:center;; overflow:hidden; width:100%; background-color:#877b6e13; padding:50px 0;}
.About_InfoArea .Section01 .SubTitle{position:relative; display:flex; flex-direction:column; gap:1em; width:calc(100% - 550px);}
.About_InfoArea .Section01 .SubTitle > div{position:relative; display:flex; align-items:flex-end; gap:1em;}
.About_InfoArea .Section01 .SubTitle h3{font-size:2.05rem; font-weight:700; color:#333;}
.About_InfoArea .Section01 .SubTitle small{font-size:1.4rem; letter-spacing:0; opacity:1; font-weight:700; margin:0;}
.About_InfoArea .Section01 .SubTitle p{color:#444444; font-weight:500; margin-top:0.8em;}
.About_InfoArea .Section01 .SubTitle p b{color:#4d402d; display:inline-block; margin-top:1em; font-size:1.22rem; font-weight:700;}
.About_InfoArea .Section01 .ImgBox{position:relative; width:550px;}
.About_InfoArea .Section01 .Cont:nth-child(odd) .SubTitle{order:2;}
.About_InfoArea .Section01 .Cont:nth-child(odd) .ImgBox{order:1; padding-left:50px;}
.About_InfoArea .Section01 .Cont:nth-child(even) .SubTitle{order:1;}
.About_InfoArea .Section01 .Cont:nth-child(even) .ImgBox{order:2; padding-right:50px;}

.About_InfoArea .Section02{padding:0; height:720px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.About_InfoArea .Section02 .Inner{height:720px; background-size:contain; position:relative; display:flex; align-items:center; justify-content:center; background-repeat:no-repeat; background-position:center;}
.About_InfoArea .Section02 .SubTitle *{color:#fff;}
.About_InfoArea .Section02 .SubTitle{position:relative; display:flex; flex-direction:column; gap:1em; }
.About_InfoArea .Section02 .SubTitle img{width:fit-content; display:block; margin:0 auto 1em auto ;}
.About_InfoArea .Section02 .SubTitle small{opacity:1; display:block; font-weight:400; letter-spacing:0.2em; margin:0 auto; background-color:#5c4e45; padding:0.7em 2em 0.5em 2em; width:fit-content; font-size:0.8rem; margin-top:2em;}
.About_InfoArea .Section02 .SubTitle .Line{background-color:#bbb5b1; margin:0.8em auto; width:50px;}
.About_InfoArea .Section02 .SubTitle h3{font-weight:700;}
.About_InfoArea .Section02 .SubTitle h3 b{font-weight:700; color:#efe4d2;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 의료진소개 */
.About_DoctorArea .Section01{padding:8em 0; background-color:#f5f5f5;}
.About_DoctorArea .Section01 .ContArea{display:flex; flex-direction:column; gap:8em;}
.About_DoctorArea .Section01 .Cont{position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; width:100%;}
.About_DoctorArea .Section01 .TextBox{position:relative; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:1em; width:calc(50% + 1em); padding-left:4em;}
.About_DoctorArea .Section01 .TextBox > div{position:relative; display:inline-flex; align-items:center;}
.About_DoctorArea .Section01 .Text01{width:100%; border-bottom:1px solid #e8e5e3; padding-bottom:0.5em; margin-bottom:0.5em;}
.About_DoctorArea .Section01 .Text02{gap:0.7em;}
.About_DoctorArea .Section01 .Text02 span{font-size:2.22rem; font-weight:700; color:#333; margin-bottom:0.3em; margin-right:0.2em;}
.About_DoctorArea .Section01 .Text02 div.Line{height:20px; width:3px;}
.About_DoctorArea .Section01 .Text02 p{font-size:1.25rem; font-weight:600; color:#636363;}
.About_DoctorArea .Section01 .Text02 b{background:linear-gradient(-45deg, #a3411f 0 50%, #ac5436 50% 100%); display:inline-flex; align-items:center; justify-content:center; width:66px; height:66px; border-radius:100px; text-align:center; padding:0 0.5em; color:#fff; font-size:01rem; font-weight:500; line-height:1.1; margin-left:0.8em; margin-bottom:0.8em;}
.About_DoctorArea .Section01 .Text03{align-items:flex-start !important; gap:2em; margin-top:0.5em;}
.About_DoctorArea .Section01 .Text03 pre{display:flex; align-items:flex-start; flex-direction:column; gap:0.8em;}
.About_DoctorArea .Section01 .Text03 pre p{display:flex; align-items:flex-start; gap:0.3em;}
.About_DoctorArea .Section01 .Text03 pre span{display:block; width:3px; height:3px; background-color:#a3411f; border-radius:5px; margin-top:0.5em;}
.About_DoctorArea .Section01 .Text03 pre em{display:block; font-size:1.05rem; line-height:1.2; font-weight:400; color:#3d393a;}
.About_DoctorArea .Section01 .ImgBox{position:relative; display:inline-flex; justify-content:end; width:calc(50% - 1em); border-bottom-right-radius:224px; overflow:hidden;}
.About_DoctorArea .Section01 .ImgBox:after{content:''; width:100%; background-color:#ebe8e5; height:448px; position:absolute; bottom:0; left:0; border-top-right-radius:224px;}
.About_DoctorArea .Section01 .ImgBox img{position:relative; z-index:2;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 오시는길 */
.aboutMapWrap{}
.aboutMapWrap .Bottom_Area .Inner{border:none;}
.aboutMapWrap .footerArea{display:none!important}
.aboutMapWrap .SubNav.Made{margin:0;}
.About_MapArea *{font-family:'Pretendard';}
.About_MapArea{background-color:#f0eeea;}
.About_MapArea .Inner{display:table; align-items:center; overflow:hidden;}
.About_MapArea .Section01{background-color:#f0eeea;}
	/* ---------------------------------------------- */
	/* 지도영역 */
	.About_MapArea .MapArea{position:relative; display:table; width:100%;}
	.About_MapArea .MapArea #AboutMap{position:relative; display:block; width:100%; height:500px;}
	.About_MapArea .InfoArea{position:relative; display:flex; width:100%; flex-wrap:wrap; margin-top:60px; gap:2em;}
	
	/* ---------------------------------------------- */
	/* 기본영역 */
	.About_MapArea .Info{position:relative; display:block;}
	.About_MapArea .Info01{width:calc(40% - 2em);}
	.About_MapArea .Info02{width:calc(35% - 2em);}
	.About_MapArea .Info03{width:calc(25% - 2em)}
	.About_MapArea .Info04{width:100%;}
	.About_MapArea .Info + .Info{}
		/* 타이틀 */
		.About_MapArea .Title{line-height:1; position:relative; display:table; width:100%; margin-bottom:1.3em;}
		.About_MapArea .Title img{position:relative; display:inline-table; vertical-align:middle; margin-right:0.8em;}
		.About_MapArea .Title span{position:relative; display:inline-table; vertical-align:middle; font-size:18pt; font-weight:700; line-height:1; color:#3d393a; letter-spacing:-0.5px;}
	
		/* 시간 */
		.About_MapArea .Time label{display:block; margin:-6px 0 0 0; display:table; width:100%;}
		.About_MapArea .Time label pre{font-size:13pt; line-height:1.9; color:#545454; font-weight:500; letter-spacing:-0.5px;}
		.About_MapArea .Time label pre.Left{display:table-cell; width:45%;}
		.About_MapArea .Time label pre.Right{letter-spacing:-0.5px; color:#545454; font-weight:500; display:inline-table;}
		
		/* 주소 */
		.About_MapArea .Loca{}
		.About_MapArea .Loca label pre{white-space:pre-line; line-height:1.5; font-size:14pt; font-weight:500; color:#545454; letter-spacing:-0.5px;}
		.About_MapArea .LocaInfo{margin-top:0.4em;}
		.About_MapArea .LocaInfo label{display:flex; width:100%; gap:0.3em; align-items:center;}
		.About_MapArea .LocaInfo label pre{position:relative; display:block; font-size:13pt; line-height:1.5; color:#888888; font-weight:500; letter-spacing:-0.5px; width:100%; white-space:pre-line;}
		
		/* 전화번호 */
		.About_MapArea .Tel{}
		.About_MapArea .Tel p{}
		.About_MapArea .Tel p a{line-height:1; font-size:23pt; letter-spacing:-1px; font-weight:700;e;}