@charset "utf-8";
@import url(common.css);

/* C00305
유니성형외과 */

/*이너*/
body .aboutWrap #contents .Inner{width:1400px; min-width:1400px;}
/*키비주얼*/
.keyVisual{margin-bottom:80px;}

/*서브타이틀*/
body .clinicTitle{width:100%; display:block; position:relative;}
body .clinicTitle h3{font-size:36pt; font-weight:400; line-height:1.5;}
body .clinicTitle h3 b{font-weight:700;}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/*어바웃 - 의료진소개*/
body .aboutDoctorArea{width:100%; position:relative; overflow:hidden;}
body .aboutDoctorArea .contWrapBg{width:100%; position:relative; padding:150px 0; background:url('/img/C00305/about_doctor02_back.jpg')no-repeat; background-size:cover; background-position:center center;}
body #contents .aboutDoctorArea .contWrapBg .Inner{width:1000px; min-width:1000px;}
body .aboutDoctorArea .contWrapBg .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:center; height:700px;}
body .aboutDoctorArea .contWrapBg .contWrap .contImg{width:50%; border-radius:0 200px 0 0; overflow:hidden;}
body .aboutDoctorArea .contWrapBg .contWrap .contImg img{width:100%;}
body .aboutDoctorArea .contWrapBg .contWrap .contBox{width:50%; background:#fff; border-radius:200px 0 0 0; overflow:hidden; height:100%; display:block; position:relative;}
body .aboutDoctorArea .contWrapBg .contWrap .contBox .boxInner{width:fit-content; height:fit-content; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
body .aboutDoctorArea .contWrapBg .contWrap .contBox .name h3{font-size:28pt; font-weight:700; margin-top:25px;}
body .aboutDoctorArea .contWrapBg .contWrap .contBox .major h4{color:#c2a392; font-size:17pt; font-weight:500; border:1px solid #c2a392; width:fit-content; padding:8px 25px; margin-top:30px;}
body .aboutDoctorArea .contWrapBg .contWrap .contBox .career p{font-size:15pt; font-weight:400; line-height:1.8; margin-top:30px;}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/*어바웃 - 둘러보기*/
body .aboutGalleryArea{width:100%; position:relative; overflow:hidden;}
body .aboutGalleryArea .aboutSection02{width:100%; position:relative; overflow:hidden; padding:150px 0; background:#fbf8f3;}
body #contents .aboutGalleryArea .aboutSection02 .Inner{width:100%; min-width:100%;}
body .aboutGalleryArea .aboutSection02 .contWrap{width:100%; position:relative;}
body .aboutGalleryArea .aboutSection02 .contWrap .imgBox{width:100%; position:relative; overflow:hidden; border-radius:0 80px 0 0;}
body .aboutGalleryArea .aboutSection02 .contWrap .imgBox img{width:100%; opacity:0.6; transition:0.3s;}
body .aboutGalleryArea .aboutSection02 .contWrap .swiper-slide-active .imgBox img{opacity:1;}
	/*버튼*/
	body .aboutGalleryArea .aboutSection02 .contWrap .swiper-btn{position:absolute; top:50%; transform:translate(0,-50%); font-size:18pt; font-weight:100; font-family:"SUIT"; z-index:900; border:1px solid #444; border-radius:10px; text-align:center; line-height:2; cursor:pointer; width:50px; height:50px; transition:0.3s;}
	body .aboutGalleryArea .aboutSection02 .contWrap .swiper-btn:hover{background:#444; color:#fff;}
	body .aboutGalleryArea .aboutSection02 .contWrap .swiper-prev-6{left:27.1%;}
	body .aboutGalleryArea .aboutSection02 .contWrap .swiper-next-6{right:27.1%;}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/*어바웃 - 오시는길*/
body .aboutMapArea{width:100%; position:relative; overflow:hidden;}
body .aboutMapArea .aboutSection02{width:100%; position:relative; overflow:hidden; padding:150px 0; background:#fbf8f3;}
body .aboutMapArea .aboutSection02 .topArea{width:100%; position:relative; overflow:hidden; border-radius:0 80px 0 0;}
body .aboutMapArea .aboutSection02 #aboutmap26{width:100%; height:550px;}
body .aboutMapArea .aboutSection02 .contWrap{width:100%; margin-top:40px;  display:inline-flex; align-items:start; justify-content:space-between;}
body .aboutMapArea .aboutSection02 .contWrap .contBox{width:32%;}
body .aboutMapArea .aboutSection02 .contWrap .contBox .title{width:100%; border-bottom:1px solid #c2a391; padding-bottom:25px;}
body .aboutMapArea .aboutSection02 .contWrap .contBox .title span{display:inline-block; vertical-align:middle; margin-right:15px;}
body .aboutMapArea .aboutSection02 .contWrap .contBox .title h5{display:inline-block; vertical-align:middle; font-size:17pt; font-weight:700;}
body .aboutMapArea .aboutSection02 .contWrap .contBox p{font-size:16pt; font-weight:400; margin-top:25px; line-height:1.5;}
body .aboutMapArea .aboutSection02 .contWrap .contBox label{width:100%; display:inline-flex; align-items:start; justify-content:start; margin-top:25px;}
body .aboutMapArea .aboutSection02 .contWrap .contBox label pre{font-size:16pt; font-weight:400; line-height:1.8;}
body .aboutMapArea .aboutSection02 .contWrap .contBox label pre.Left{width:38%;}
body .aboutMapArea .aboutSection02 .contWrap .contBox a{font-size:24pt; font-weight:700; margin-top:25px; display:block;}
	/*푸터제거*/
	body .aboutMapWrap .footerBottomSection .footerArea{display:none;}

/* ======================================================================================================================================================== */
/*어바웃 - 카카오톡상담*/
.kakaoWrap .aboutKakao{position:relative; display:block; padding:150px 0; overflow:hidden; background:#fbf8f3;}
.kakaoWrap .section{position:relative; display:block; padding:60px; background-color:#fff;}
.kakaoWrap .section dl{position:relative; display:table; width:100%;}
.kakaoWrap .section dt{position:relative; display:inline-table; width:50%; vertical-align:middle; text-align:right; padding-right:120px;}
.kakaoWrap .section dt img{position:relative; display:inline-table; width:25%; text-align:right; margin-bottom:0.5em;}
.kakaoWrap .section dt p{position:relative; display:block; font-family:'baskerville-old-face'; font-size:24pt; line-height:1.5; color:#444;}
.kakaoWrap .section dt p b{color:#665643; font-family:'baskerville-old-face'; font-weight:normal;}
.kakaoWrap .section dd{position:relative; display:inline-table; width:50%; vertical-align:middle; border-left:1px solid #665643; padding:40px 0; padding-left:120px;}
.kakaoWrap .section dd h2{position:relative; display:block; font-weight:400; font-size:24pt; line-height:normal;}
.kakaoWrap .section dd h2 b{font-weight:700;}
.kakaoWrap .section dd em{position:relative; display:block; font-weight:400; font-size:16pt; line-height:1.5; margin-top:30px;}
.kakaoWrap .section dd em small{display:block; font-size:14pt; font-weight:400; margin-top:10px; color:#665643;}
.kakaoWrap .section dd a{position:relative; display:inline-table; background-color:#665643; padding:20px 40px; font-size:17pt; margin-top:30px; transition:0.3s;}
.kakaoWrap .section dd a span{color:#fff;}
.kakaoWrap .section dd a:hover{background-color:#444;}
.kakaoWrap .section dd i{position:relative; display:inline-table; margin-left:0.5em; color:#fff;}

/* ======================================================================================================================================================== */
/*서브 - 솔루션*/
body .commonSolution{position:relative; display:block; padding:150px 0; overflow:hidden;}
body .commonSolution .Inner{width:1400px; min-width:1400px;}
body .commonSolution .contWrap{width:100%; margin-top:70px; display:inline-flex; align-items:start; justify-content:space-between;}
body .commonSolution .contWrap .contBox{width:19%; position:relative;}
body .commonSolution .contWrap .contBox .imgBox{width:100%; position:relative; overflow:hidden; border-radius:50px 50px 0 0;}
body .commonSolution .contWrap .contBox .imgBox::before{content:''; width:100%; height:100%; background:rgba(65,60,57,0.9); position:absolute; left:0; top:0; transition:0.3s;}
body .commonSolution .contWrap .contBox a:hover .imgBox::before{background:rgba(65,60,57,0.5);}
body .commonSolution .contWrap .contBox .imgBox img{width:100%;}
body .commonSolution .contWrap .contBox .txtBox{width:100%; position:absolute; left:50%; top:70px; transform:translate(-50%,0);}
body .commonSolution .contWrap .contBox .txtBox p{font-size:14pt; font-weight:400; line-height:1.5; color:#fff; letter-spacing:-0.5pt;}
body .commonSolution .contWrap .contBox .txtBox h4{font-size:17pt; font-weight:700; margin-top:15px; color:#fff;}
body .commonSolution .contWrap .contBox .txtBox span{display:block; font-size:10pt; font-weight:400; margin-top:35px; color:#fff;}
	/*코성형*/
	body .noseWrap .commonSolution .Inner{width:835px; min-width:835px;}
	body .noseWrap .commonSolution .contWrap{display:flex; flex-wrap:wrap;}
	body .noseWrap .commonSolution .contWrap .contBox{width:32%;}
	body .noseWrap .commonSolution .contWrap .contBox:nth-child(n+4){margin-top:40px;}
	/*리프팅*/
	body .liftingWrap .commonSolution .Inner{width:835px; min-width:835px;}
	body .liftingWrap .commonSolution .contWrap{display:flex; flex-wrap:wrap;}
	body .liftingWrap .commonSolution .contWrap .contBox{width:32%;}
	body .liftingWrap .commonSolution .contWrap .contBox:nth-child(n+4){margin-top:40px;}

/* ======================================================================================================================================================== */
/*서브 - 공통*/
body .clinicCommonSection{position:relative; display:block; padding:150px 0; overflow:hidden; background:url('/clinicInfoUni/img/common_back.jpg')no-repeat; background-size:cover; background-position:center center;}
body .clinicCommonSection .clinicTitle{width:1400px; margin:0 auto; text-align:left;}
body .clinicCommonSection .Inner{width:100%; min-width:100%;}
body .clinicCommonSection .contWrap{width:100%; margin-top:70px; position:relative;}
body .clinicCommonSection .contWrap .imgBox img{width:100%;}
body .clinicCommonSection .contWrap .thumb{position:relative; width:100%; overflow:hidden; border-radius:0 50px 0 0;}
body .clinicCommonSection .contWrap .txtBox{width:100%; text-align:left; position:absolute; left:0; bottom:60px; padding-left:90px;}
body .clinicCommonSection .contWrap .txtBox span{display:block;}
body .clinicCommonSection .contWrap .txtBox h4{font-size:28pt; font-weight:700; color:#fff; margin-top:25px;}
body .clinicCommonSection .contWrap .txtBox p{font-size:16pt; font-weight:400; line-height:1.6; margin-top:25px; color:#fff;}
	/*버튼*/
	body .clinicCommonSection .contWrap .swiper-btn{position:absolute; top:50%; transform:translate(0,-50%); font-size:18pt; font-weight:100; font-family:"SUIT"; z-index:900; border:1px solid #444; border-radius:10px; text-align:center; line-height:2; cursor:pointer; width:50px; height:50px; transition:0.3s;}
	body .clinicCommonSection .contWrap .swiper-btn:hover{background:#444; color:#fff;}
	body .clinicCommonSection .contWrap .swiper-prev-common{left:8.3%;}
	body .clinicCommonSection .contWrap .swiper-next-common{right:8.3%;}

/* ======================================================================================================================================================== */
/*서브 - 슬라이드영역*/
body .subSectionSld{position:relative; display:block; padding:150px 0; overflow:hidden; background:url('/clinicInfoUni/img/common_sld_back.jpg')no-repeat; background-size:cover; background-position:center center;}
body .subSectionSld .Inner{width:1400px; min-width:1400px;}

body .subSectionSld .tabsSldHead{position:relative; margin-top:70px;}
body .subSectionSld .tabsSldHead .Menu{width:100%; display:inline-flex; align-items:center; justify-content:center;}
body .subSectionSld .tabsSldHead .Menu li{width:240px; background:#fff; padding:10px 0; cursor:pointer; transition:0.3s; border-radius:500px; margin:0 5px;}
body .subSectionSld .tabsSldHead .Menu li:hover{background:#eee;}
body .subSectionSld .tabsSldHead .Menu li h4{font-size:13pt; font-weight:500; transition:0.3s;}
body .subSectionSld .tabsSldHead .Menu li.current{background:#c2a392;}
body .subSectionSld .tabsSldHead .Menu li.current h4{color:#fff;}

body .subSectionSld .tabsSldCont{width:100%; margin-top:70px; position:relative;}
body .subSectionSld .tabsSldCont img{width:100%; border-radius:0 120px 0 0; overflow:hidden;}
body .subSectionSld .tab-content-sld{display:none;}
body .subSectionSld .tab-content-sld.current{display:block;}
	/*짧은코수술*/
	body .shortWrap .subSectionSld .tabsSldHead .Menu li{width:280px;}


/* ======================================================================================================================================================== */
/*서브 - 탭영역*/
body .subSectionTap{position:relative; display:block; overflow:hidden;}
body .subSectionTap .Inner{width:1400px; min-width:1400px;}
body .subSectionTap .tabsHead{position:relative; margin-top:100px;}
body .subSectionTap .tabsHead .Menu{width:100%; display:inline-flex; align-items:center; justify-content:center;}
body .subSectionTap .tabsHead .Menu li{width:240px; background:#eeeeee; padding:10px 0; cursor:pointer; transition:0.3s; border-radius:500px; margin:0 15px;}
body .subSectionTap .tabsHead .Menu li:hover{background:#ddd;}
body .subSectionTap .tabsHead .Menu li h4{font-size:16pt; font-weight:500; transition:0.3s;}
body .subSectionTap .tabsHead .Menu li.current{background:#c2a392;}
body .subSectionTap .tabsHead .Menu li.current h4{color:#fff;}
body .subSectionTap .tab-content{display:none;}
body .subSectionTap .tab-content.current{display:block;}

/* ======================================================================================================================================================== */
/*서브 - 버튼*/
body .clinicInfoWrap .btnWrap{width:100%; position:relative; display:block; overflow:hidden;}
body .clinicInfoWrap .btnWrap .btnBox{width:600px; height:100px; position:absolute; left:13%; bottom:120px;}
body .clinicInfoWrap .btnWrap .btnBox a{display:block; width:100%; height:100%;}

/* ======================================================================================================================================================== */
/*서브 - 윤곽3종*/
body .threeKindsWrap .subSection02{position:relative; display:block; padding:150px 0; overflow:hidden;}
body .threeKindsWrap .subSection02 .Inner{width:1400px; min-width:1400px;}
body .threeKindsWrap .subSection02 span.deco{width:100%; display:block; position:absolute; left:0; bottom:0; background:#f6f6f6; height:40%; border-radius:200px 0 0 0;}
body .threeKindsWrap .subSection02 .contWrap{width:100%; position:relative; margin-top:70px; display:inline-flex; align-items:center; justify-content:space-between; z-index:1;}
body .threeKindsWrap .subSection02 .contWrap .contBox{width:21%; overflow:hidden; border-radius:30px; border:1px solid #444;}
body .threeKindsWrap .subSection02 .contWrap .contBox .imgBox{width:100%; position:relative; overflow:hidden; border-bottom:1px solid #444;}
body .threeKindsWrap .subSection02 .contWrap .contBox img{width:100%; transition:0.3s;}
body .threeKindsWrap .subSection02 .contWrap .contBox a:hover img{scale:1.1;}
body .threeKindsWrap .subSection02 .contWrap .contBox .txtBox{width:100%; height:150px; background:#444;}
body .threeKindsWrap .subSection02 .contWrap .contBox .txtBox span{display:block; color:#fff; font-size:17pt; font-family:"baskerville-old-face"; font-weight:normal; padding-top:20px;}
body .threeKindsWrap .subSection02 .contWrap .contBox .txtBox h4{color:#fff; font-size:17pt; font-weight:700; margin-top:15px;}
body .threeKindsWrap .subSection02 .contWrap .contBox .txtBox p{font-size:11pt; font-weight:500; margin-top:18px; color:#fff;}
	/*4번*/
	body .threeKindsWrap .subSection02 .contWrap .contBox04{border:1px solid #665543;}
	body .threeKindsWrap .subSection02 .contWrap .contBox04 .imgBox{border-bottom:1px solid #665543;}
	body .threeKindsWrap .subSection02 .contWrap .contBox04 .txtBox{background:#665543;}
	body .threeKindsWrap .subSection02 .contWrap .contBox04 .txtBox h3{color:#fff; font-size:20pt; font-weight:700; padding-top:50px;}

/* ======================================================================================================================================================== */
/*게시판*/
body .BoardList_BtnClub{display:inline-block !important; text-align:right; width:20%;}

/* ======================================================================================================================================================== */
/*게시판버튼*/
body .boardWrap .SubNav_Small2 li a{color:#444; font-weight:500;}
body .boardWrap .SubNav_Small2 li:hover a{background:#eee; color:#444;}
body .boardWrap .SubNav_Small2 li.Action a{background:#c2a392; color:#fff; border:1px solid #c2a392;}

/* ======================================================================================================================================================== */
/*비디오게시판 썸네일*/
body .videoReviewThumWrap .boardThumList a .Thumb{height:auto;}
/*비디오게시판 메뉴*/
body .videoReviewThumWrap .SubNav_Small2{display:block; position:relative;}
body .SubNav.Fixed{position:relative; top:0 !important;}