@charset "utf-8";

/* C00336 프리마 피부과 */

/* ========================================================================================================================================= */
/* 게시판 */
.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;}

/*이너*/
body .aboutWrap .Inner{width:1200px; min-width:1200px;}
body .Contact_Quick .Inner{width:1360px; min-width:1360px;}

/*본문폰트*/
body p.typeA{font-size:14pt; font-weight:400; line-height:1.7;}
body p.typeA b{font-weight:700; line-height:1.7;}
body p.typeB{font-size:22pt; font-weight:500; line-height:1.5;}
body p.typeB b{font-weight:700; line-height:1.5;}
body h2.typeC{font-size:36pt; font-weight:500; line-height:1.5;}
body h2.typeC b{font-weight:700; line-height:1.5;}

/* 키비주얼-공통 */
body .TopVisual span{display:block; color:#afa194; font-size:1rem; font-weight:600; letter-spacing:3pt;}
body .TopVisual h2{font-size:2.7rem; font-weight:600; margin-top:20px;}
body .TopVisual p{font-size:1.25rem; font-weight:600; margin-top:30px; color:#535254;}
body .TopVisual img{width:100%;}
/* 키비주얼-어바웃 */
body .TopVisualAbout{width:100%; position:relative; overflow:hidden;}
body .TopVisualAbout .mainTitle{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 키비주얼 섹션 */
.TopVisualSection .PointB{background-color:#afa194 !important;}
.TopVisualSection .PointC{color:#afa194 !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;}

/* ========================================================================================================================================= */
/*공통하단*/
body .commonSection{width:100%; position:relative; overflow:hidden; padding-top:226px; padding-bottom:137px; background:url('/img/C00336/commonSection_bg.jpg')no-repeat center/cover;}
body .commonSection h2{color:#fff; position:relative; width:fit-content;}
body .commonSection h2::before{content:''; background:#9e8873; width:8px; height:8px; border-radius:500px; display:block; position:absolute; right:0; bottom:17px;}
body .commonSection h2 b{color:#fff;}
body .commonSection p{color:#fff;}
body .commonSection p b{color:#fff;}
body .commonSection p.txt{font-size:13pt; font-weight:400; line-height:1.7; margin-top:35px;}
body .commonSection p.txt b{font-size:14pt; line-height:1.7;}
body .commonSection p.typeA{background:#9c9187; width:fit-content; padding:0 8px; margin-top:25px;}

/* ========================================================================================================================================= */
/*어바웃-병원소개*/
	/*1번영역*/
	body .aboutAboutArea .aboutSection01{width:100%; position:relative; overflow:hidden; padding:150px 0; background:url('/img/C00336/about_about01_bg.jpg')no-repeat center/cover;}
	body .aboutAboutArea .aboutSection01 .contWrap{width:100%; text-align:center;}
	body .aboutAboutArea .aboutSection01 .contWrap h2{position:relative; color:#605449; width:fit-content; margin:0 auto; margin-top:40px; z-index:1;}
	body .aboutAboutArea .aboutSection01 .contWrap h2 b{color:#605449; z-index:1;}
	body .aboutAboutArea .aboutSection01 .contWrap h2::before{content:''; position:absolute; width:105%; height:36px; background:#e7e5da; z-index:-1; left:50%; bottom:0; transform:translate(-50%,0);}
	body .aboutAboutArea .aboutSection01 .contWrap p.typeB{font-weight:600; color:#afa194; margin-top:30px;}
	body .aboutAboutArea .aboutSection01 .contWrap p.typeA{margin-top:60px;}
	/*2번영역*/
	body .aboutAboutArea .aboutSection02{width:100%; position:relative; overflow:hidden; padding:150px 0; background:#fdfdfc;}
	body .aboutAboutArea .aboutSection02 span.deco{position:absolute; right:0; bottom:0; display:block;}
	body .aboutAboutArea .aboutSection02 h2{font-size:48pt; color:#605449;}
	body .aboutAboutArea .aboutSection02 .contWrap{width:100%; display:inline-flex; align-items:stretch; justify-content:start; margin-top:60px;}
	body .aboutAboutArea .aboutSection02 .contWrap .imgWrap{width:43%; overflow:hidden; border-radius:0 80px 80px 0;}
	body .aboutAboutArea .aboutSection02 .contWrap .imgWrap img{width:100%;}
	body .aboutAboutArea .aboutSection02 .contWrap .txtWrap{margin-left:6%; width:51%; display:flex; flex-wrap:wrap;}
	body .aboutAboutArea .aboutSection02 .contWrap .txtWrap .txtBox{width:100%;}
	body .aboutAboutArea .aboutSection02 .contWrap .txtWrap span.line{width:100%; height:1px; display:block; background:#e7e5da;}
	body .aboutAboutArea .aboutSection02 .contWrap .txtWrap p.typeB{font-weight:400; color:#605449; display:inline-block; vertical-align:middle;}
	body .aboutAboutArea .aboutSection02 .contWrap .txtWrap p.typeB span{display:inline-block; vertical-align:middle; margin-right:10px;}
	body .aboutAboutArea .aboutSection02 .contWrap .txtWrap p.typeA{margin-top:25px;}
	/*3번영역*/
	body .aboutAboutArea .aboutSection03{width:100%; position:relative; overflow:hidden; padding:160px 0; background:url('/img/C00336/about_about03_bg.jpg')no-repeat center/cover;}
	body .aboutAboutArea .aboutSection03 .contWrap{text-align:center;}
	body .aboutAboutArea .aboutSection03 .contWrap h2{color:#fff;}
	body .aboutAboutArea .aboutSection03 .contWrap h2 b{color:#fff;}
	body .aboutAboutArea .aboutSection03 .contWrap p.italiana-regular{color:#d0cac2; letter-spacing:15pt; margin:50px 0;}
	body .aboutAboutArea .aboutSection03 .contWrap p.italiana-regular span{display:inline-block; vertical-align:middle; width:47px;}
	body .aboutAboutArea .aboutSection03 .contWrap p.italiana-regular span img{width:100%;}
	body .aboutAboutArea .aboutSection03 .contWrap p.typeA{color:#fff;}
	body .aboutAboutArea .aboutSection03 .contWrap p.typeA b{color:#fff;}

/* ========================================================================================================================================= */
/*어바웃-의료진소개*/
	/*1번영역*/
	body .aboutDoctorArea .aboutSection01{width:100%; position:relative; overflow:hidden; padding-bottom:150px; background:#f3f3f3;}
	body .aboutDoctorArea .aboutSection01 .Inner{width:100%; min-width:100%;}
	body .aboutDoctorArea .aboutSection01 .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:start; padding-top:150px;}
	body .aboutDoctorArea .aboutSection01 .contWrap .imgWrap{width:48%; text-align:right; position:relative; z-index:1; padding-right:6%;}
	body .aboutDoctorArea .aboutSection01 .contWrap .imgWrap::before{content:''; width:100%; height:448px; background:#ebe8e5; border-radius:0 224px 0 0; display:block; position:absolute; left:0; bottom:0; z-index:-1;}

	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap{margin-left:4%; width:48%;}
	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .logo{width:100%;}
	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .logo img{width:auto;}
	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .logo span.line{width:100%; height:1px; display:block; background:#afa194; margin-top:10px;}

	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .name{margin-top:25px;}
	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .name p{display:inline-block; vertical-align:middle;}
	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .name p.typeB{font-weight:700;}
	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .name p.typeA{font-weight:600; color:#636363; padding-top:5px;}
	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .name > span{display:inline-block; vertical-align:middle; margin:0 5px; padding-top:5px;}
	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .name .specialty{display:inline-block; vertical-align:middle; position:relative; margin-left:15px;}
	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .name .specialty p{position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; color:#605449; font-weight:500; font-size:11pt;}

	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .career{width:100%; margin-top:15px;}
	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .career .left{display:inline-block; vertical-align:top; width:40%;}
	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .career .right{display:inline-block; vertical-align:top;}
	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .career .txt{margin-top:10px; display:block;}
	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .career .txt span{display:inline-block; vertical-align:top; width:4px; height:4px; border-radius:500px; background:#605449; margin-right:5px; margin-top:10px;}
	body .aboutDoctorArea .aboutSection01 .contWrap .txtWrap .career .txt p{display:inline-block; vertical-align:top; font-size:13pt; font-weight:400; line-height:1.5;}

/* ========================================================================================================================================= */
/*어바웃-장비소개*/
	/*1번영역*/
	body .aboutDeviceArea .aboutSection01{width:100%; position:relative; overflow:hidden; padding:150px 0; background-image: linear-gradient(to bottom, #f5f4ed, #eceae0);}
	body .aboutDeviceArea .aboutSection01 .contWrap{width:100%;}
	body .aboutDeviceArea .aboutSection01 .contWrap .contBox{width:100%; background:#fff; border-bottom:2px solid #afa194; margin-top:40px; position:relative;}
	body .aboutDeviceArea .aboutSection01 .contWrap .contBox .imgBox{width:43%; text-align:center;}
	body .aboutDeviceArea .aboutSection01 .contWrap .txtBox{width:57%; position:absolute; top:50%; left:12.5%; transform:translate(0,-50%);}
	body .aboutDeviceArea .aboutSection01 .contWrap .txtBox p.typeB{font-weight:700;}
	body .aboutDeviceArea .aboutSection01 .contWrap .txtBox p.typeB.italiana-regular{font-weight:400; color:#605449;}
	body .aboutDeviceArea .aboutSection01 .contWrap .txtBox span.line{display:block; width:50px; height:4px; background:#afa194; margin:25px 0;}

	body .aboutDeviceArea .aboutSection01 .contWrap .contBox:first-child{margin-top:0;}
	body .aboutDeviceArea .aboutSection01 .contWrap .contBox:nth-child(odd){border-radius:0 100px 0 0;}	
	body .aboutDeviceArea .aboutSection01 .contWrap .contBox:nth-child(odd) .txtBox{left:43%;}
	body .aboutDeviceArea .aboutSection01 .contWrap .contBox:nth-child(even){border-radius:100px 0 0 0;}
	body .aboutDeviceArea .aboutSection01 .contWrap .contBox:nth-child(even) .imgBox{margin-right:0; margin-left:auto;}

/* ========================================================================================================================================= */
/*어바웃-안전시스템*/
	/*1번영역*/
	body .aboutInfoArea .aboutSection01{width:100%; position:relative; overflow:hidden; padding:150px 0; background:#ffffff;}
	body .aboutInfoArea .aboutSection01 .Inner{width:100%; min-width:100%;}
	body .aboutInfoArea .aboutSection01 .contBox{margin-top:100px; position:relative;}
	body .aboutInfoArea .aboutSection01 .contBox .imgBox{width:46%; overflow:hidden;}
	body .aboutInfoArea .aboutSection01 .contBox .imgBox img{width:100%;}
	body .aboutInfoArea .aboutSection01 .contBox .txtBox{width:54%; position:absolute; top:50%; left:24.5%; transform:translate(0,-50%);}
	body .aboutInfoArea .aboutSection01 .contBox .txtBox p.typeB{font-weight:700;}
	body .aboutInfoArea .aboutSection01 .contBox .txtBox p.typeA{margin-top:40px;}
	body .aboutInfoArea .aboutSection01 .contBox span.num{position:absolute; top:0; left:18.75%; right:auto; display:block; font-size:80pt; color:#afa194; line-height:0.3;}

	body .aboutInfoArea .aboutSection01 .contBox:first-child{margin-top:0;}
	body .aboutInfoArea .aboutSection01 .contWrap .contBox:nth-child(odd) .imgBox{border-radius:0 150px 0 0;}	
	body .aboutInfoArea .aboutSection01 .contWrap .contBox:nth-child(odd) .txtBox{left:51%;}
	body .aboutInfoArea .aboutSection01 .contWrap .contBox:nth-child(odd) span.num{left:auto; right:18.75%; text-align:right;}
	body .aboutInfoArea .aboutSection01 .contWrap .contBox:nth-child(even) .imgBox{border-radius:150px 0 0 0; margin-right:0; margin-left:auto;}	
	/*2번영역*/
	body .aboutInfoArea .aboutSection02{width:100%; position:relative; overflow:hidden; padding:150px 0; background:url('/img/C00336/about_info02_bg.jpg')no-repeat center/cover;}
	body .aboutInfoArea .aboutSection02 .contWrap{width:100%; text-align:center;}
	body .aboutInfoArea .aboutSection02 .contWrap h2{color:#605449; position:relative; margin:0 auto; margin-top:45px; z-index:1; width:fit-content;}
	body .aboutInfoArea .aboutSection02 .contWrap h2 b{color:#605449; z-index:1;}
	body .aboutInfoArea .aboutSection02 .contWrap h2::before{content:''; position:absolute; width:105%; height:36px; background:#f5f3e6; z-index:-1; left:50%; bottom:0; transform:translate(-50%,0);}
	body .aboutInfoArea .aboutSection02 .contWrap p.typeB{margin:30px 0; color:#afa194;}

/* ========================================================================================================================================= */
/*어바웃-오시는길*/
	/*1번영역*/
	body .aboutMapArea .aboutSection01{width:100%; position:relative; overflow:hidden; padding:150px 0; background:#f7f6f0;}
	body .aboutMapArea .aboutSection01 .topArea{width:100%; position:relative; overflow:hidden;}
	body .aboutMapArea .aboutSection01 #aboutmap26{width:100%; height:550px;}
	body .aboutMapArea .aboutSection01 .contWrap{width:100%; margin-top:40px;  display:inline-flex; align-items:start; justify-content:space-between;}
	body .aboutMapArea .aboutSection01 .contWrap .contBox{width:32%;}
	body .aboutMapArea .aboutSection01 .contWrap .contBox03{width:22%;}
	body .aboutMapArea .aboutSection01 .contWrap .contBox .title{width:100%; padding-bottom:25px;}
	body .aboutMapArea .aboutSection01 .contWrap .contBox .title span{display:inline-block; vertical-align:middle; margin-right:15px;}
	body .aboutMapArea .aboutSection01 .contWrap .contBox .title p{display:inline-block; vertical-align:middle; font-size:17pt; font-weight:700;}

	body .aboutMapArea .aboutSection01 .contWrap .contBox p.txt01{font-size:13pt; font-weight:500; line-height:1.5;}
	body .aboutMapArea .aboutSection01 .contWrap .contBox p.txt02{display:inline-block; vertical-align:middle; color:#afa194; font-weight:500; font-size:12pt; margin-top:10px;}
	body .aboutMapArea .aboutSection01 .contWrap .contBox p.txt02 span{display:inline-block; vertical-align:middle; margin-right:5px;}

	body .aboutMapArea .aboutSection01 .contWrap .contBox label{width:100%; display:inline-flex; align-items:start; justify-content:start;}
	body .aboutMapArea .aboutSection01 .contWrap .contBox label pre{font-size:13pt; font-weight:400; line-height:1.8;}
	body .aboutMapArea .aboutSection01 .contWrap .contBox label pre.Left{width:38%;}
	body .aboutMapArea .aboutSection01 .contWrap .contBox a{font-size:24pt; font-weight:700; display:block; color:#605449;}
		/*푸터제거*/
		body .aboutMapWrap .footerBottomSection .footerArea{display:none;}
		body .aboutMapWrap .footerBottomSection .footerBottomArea{border-top:0; padding-top:50px;}