@charset "utf-8";

/* C00282 더뷰티 */

/* ========================================================================================================================================= */
/* 게시판 */
.boardWrap{}
.BnfWrap .boardThumList a .Thumb{height:auto;}
.BnfWrap .boardThumList a .Thumb img{height:auto}
.BnfWrap.ViewWrap #container{padding:220px 0 100px 0} 

/* ========================================================================================================================================= */
/*공지사항 이미지조정*/
body .noticeWrap #container{overflow:auto;}
body .noticeWrap .InnerContainer{width:100%; min-width:100%;}
body .noticeWrap .boardview > section{overflow:auto; padding:0; background:#fff;}
body .noticeWrap .boardview tbody td{padding:0; border:0;}
body .noticeWrap .boardview img{width:auto !important; max-width:none !important;}

/* ========================================================================================================================================= */
/* 키비주얼 */
.TopVisual{position:relative; display:block; height:500px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.TopVisual .TopTitle{position:relative; display:block; text-align:center; top:50%; transform:translate(0, -50%);}
.TopVisual .TopTitle img{width:70px; margin-bottom:40px; display:none;}
.TopVisual .TopTitle .Title{ color:#242424;}
.TopVisual .TopTitle .Title01{font-size:18px; font-weight:500; font-family:"Barlow Semi Condensed"; letter-spacing:0.2em;}
.TopVisual .TopTitle .Title02{font-size:36px; padding-top:20px; font-family:"NanumSquareNeoTTF-eHv";font-weight:700;}

.TopVisualSmall{position:relative; display:block; margin-top:130px;}
.TopVisualSmall:before{content:''; position:relative; display:block; width:40px; height:4px; background-color:#d3d3d3; margin:0 auto 30px auto;}
.TopVisualSmall .TopSmallTitle{position:relative; display:block; text-align:center; top:50%; transform:translate(0, -50%);}
.TopVisualSmall .TopSmallTitle .SmallTitle{line-height:1; letter-spacing:-0.5px;}
.TopVisualSmall .TopSmallTitle .SmallTitle01{font-size:24px; font-weight:700;}
.TopVisualSmall .TopSmallTitle .SmallTitle02{font-size:17px; font-weight:300; margin-top:15px; color:#919191;}

/* ========================================================================================================================================= */
/* [시술페이지_하단공통] 풀슬라이드*/
.commonBottom .SectionFull{height:auto; margin-bottom:100px; overflow:hidden;}
	/* 슬라이드기본 */
	.commonBottom .SectionFull .SwiperFull{width:100%; min-width:100%; height:auto;}
	.commonBottom .SwiperFull .Slide{position:relative; display:block; width:100%; background:#fff;}
	.commonBottom .SwiperFull .Slide picture,
	.commonBottom .SwiperFull .Slide img{width:100%; height:auto; display:block;}

/* ========================================================================================================================================= */
/* [시술페이지_시술전후]*/
.bnfCont{padding:170px 0;}
.bnfCont .Inner{width:100%; max-width:900px; display:flex; flex-direction:column; align-items:center;}
.bnfCont .Inner .Title{text-align:center;}
.bnfCont .Inner .Title .Text01{font-family:"Barlow Semi Condensed"; color:#324f5f; font-size:18px; font-weight:600; letter-spacing:0.1em;}
.bnfCont .Inner .Title .Text02{color:#242424; font-family:"NanumSquareNeoTTF-eHv"; font-size:36px; padding:20px 0 40px;}
.bnfCont .Inner .Title .Text03{color:#242424; font-family:'NanumSquareNeoTTF-bRg'; font-size:20px; line-height:30px;}

.bnfCont .Inner .sectionCont{width:100%; margin-top:80px;}
.bnfCont .Inner .SubBnfSwiper ul{width:100%;}
.bnfCont .Inner .SubBnfSwiper ul li .Thumb{border-radius:20px; overflow:hidden;}
.bnfCont .Inner .SubBnfSwiper ul li .Thumb img{width:100%; object-fit:cover}

.bnfCont .Inner .bnfBtn{width:100%; font-size:26px; font-family:'SUIT'; color:#c9c9c9;}
.bnfCont .Inner .bnfBtn .swiper-button-prev-common{position:absolute; left:-5%; top:50%; border:1px solid #ddd; border-radius:50%; width:50px; height:50px; display:flex; justify-content:center; align-items: center; z-index:2;}
.bnfCont .Inner .bnfBtn .swiper-button-next-common{position:absolute; right:-5%; top:50%; border:1px solid #ddd; border-radius:50%; width:50px; height:50px; display:flex; justify-content:center; align-items: center; z-index:2;}
.bnfCont .Inner .bnfBtn:hover{cursor:pointer;}

.bnfCont .Inner .sectionCont .MoreBtn{font-family:"NanumSquareNeoTTF-dEb"; position:absolute; left:50%; transform:translate(-115px, 50px);}
.bnfCont .Inner .sectionCont .MoreBtn a{ display:block; width:220px; height:50px; border:1px solid #0b1d2b; border-radius:50px; text-align:center; line-height:50px;}
.bnfCont .Inner .sectionCont .MoreBtn a p{font-size:16px; color:#0b1d2b; margin-right:55px;}
.bnfCont .Inner .sectionCont .MoreBtn span::before{content:''; display:block; width:30px; height:1px; background-color:#0b1d2b; position:absolute; right:30px; top:25px;}
.bnfCont .Inner .sectionCont .MoreBtn span::after{content:''; display:block; width:10px; height:1px; background-color:#0b1d2b; position:absolute; right:29px;  top:21px; transform:rotate(45deg);}

.bnfCont .Inner .sectionCont .MoreBtn a:hover{background-color:#0b1d2b;}
.bnfCont .Inner .sectionCont .MoreBtn a:hover p{color:#fff;}
.bnfCont .Inner .sectionCont .MoreBtn a:hover span::before{background-color:#fff;}
.bnfCont .Inner .sectionCont .MoreBtn a:hover span::after{background-color:#fff;}

/* 시술전후 리스트_이미지_로그인 */
.bnfCont .NonLogin{background-color:#e6e6e6; width:100%; height:100%; border-radius:20px; padding:120px; z-index:3;}
.bnfCont .NonLogin div{width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.bnfCont .NonLogin div i{display:block; margin-bottom:0.5em;}
.bnfCont .NonLogin div p{display:block; margin-bottom:1.5em; font-family:'NanumSquareNeoTTF-bRg';}
.bnfCont .NonLogin div .logonBtn{display:block; background-color:#333; color:#fff; padding:0.8em; width:40%; margin-top:30px; border-radius:5px; font-family:"NanumSquareNeoTTF-dEb"}
.bnfCont .NonLogin div .logonBtn:hover{opacity:0.7;}

/* ========================================================================================================================================= */
/* [시술페이지]메뉴*/
.SubMenu{width:100%; display:flex; justify-content:center; margin-top:80px;}
.SubMenu .TopSubMenu li a{display:block; width:100%; height:70px; text-align:center; line-height:70px; font-family:"NanumSquareNeoTTF-dEb"; font-size:22px; color:#4c7f82; border:1px solid #4c7f82; border-radius:10px;}
.SubMenu .TopSubMenu li:hover a{background-color:#4c7f82; color:#fff;}

.SubMenu.doubleEyelidMenu .TopSubMenu{width:660px; display:flex; justify-content:center; justify-content:space-between;}
.SubMenu.doubleEyelidMenu .TopSubMenu li{width:calc(100% / 2 - 20px);}

.SubMenu.slitMenu .TopSubMenu{width:1400px; display:flex; justify-content:center; justify-content:space-between;}
.SubMenu.slitMenu .TopSubMenu li{width:calc(100% / 4 - 20px);}

.SubMenu.noseMenu .TopSubMenu{width:1020px; display:flex; justify-content:center; justify-content:space-between;}
.SubMenu.noseMenu .TopSubMenu li{width:calc(100% / 3 - 20px);}

/* ========================================================================================================================================= */
/* [탈모치료]_두피케어 */
.TreatmentSection03{position:relative;}
.TreatmentSection03 .MoreBtn{font-family:"Barlow Semi Condensed"; position:absolute; background-color:#6d4942; padding:3px 20px;  border-radius:50px; color:#fff; font-size:20px; font-weight:500;}
.TreatmentSection03 .MoreBtn span{font-family:'SUIT'; font-size:12px; padding-left:10px;}

.TreatmentSection03 .MoreBtn01{top:25.3%; right:34%;}
.TreatmentSection03 .MoreBtn02{top:49.5%; left:29%;}
.TreatmentSection03 .MoreBtn03{bottom:18.3%; right:33%;}

/* ========================================================================================================================================= */
/* [쁘띠성형]_보톡스 */ 
.petit.BotoxCon{padding:170px 0; background-color:#f5f5f5;}
.petit.BotoxCon .Inner{width:1400px;}
.petit.BotoxCon .Inner .Title{text-align:center;}
.petit.BotoxCon .Inner .Title .Text01{font-family:"Barlow Semi Condensed"; color:#324f5f; font-size:18px; font-weight:600; letter-spacing:0.1em;}
.petit.BotoxCon .Inner .Title .Text02{color:#242424; font-family:"NanumSquareNeoTTF-eHv"; font-size:36px; padding:20px 0 30px;}
.petit.BotoxCon .Inner .Title .Text03{color:#242424; font-family:'NanumSquareNeoTTF-bRg'; font-size:36px;}

.petit.BotoxCon .BotoxInfo{margin-top:120px;}
.petit.BotoxCon .BotoxInfo .MultiSlider{position:relative;}
.petit.BotoxCon .BotoxInfo .Slide{display:flex;}
.petit.BotoxCon .BotoxInfo .Slide .ImgBox{width:680px; height:720px; border-radius:30px; overflow:hidden;}
.petit.BotoxCon .BotoxInfo .Slide .ImgBox img{width:100%; object-fit:cover;}
.petit.BotoxCon .BotoxInfo .Slide .Info{margin-left:100px; padding-top:170px; font-family:'NanumSquareNeoTTF-bRg';}
.petit.BotoxCon .BotoxInfo .Slide .Info .Title{font-family:"NanumSquareNeoTTF-dEb"; color:#242424; text-align:left;}
.petit.BotoxCon .BotoxInfo .Slide .Info .Title:after{content:''; display:block; width:30px; height:3px; background-color:#242424; margin-top:30px;}
.petit.BotoxCon .BotoxInfo .Slide .Info .Text01{margin-top:30px; line-height:30px;}

.petit.BotoxCon .BotoxInfo .Slide .Info .Box{margin-top:50px; background-color:#e2e8ed; padding:40px; border-radius:10px;}
.petit.BotoxCon .BotoxInfo .Slide .Info .Box .Text02{color:#2f5476; font-family:'NanumSquareNeoTTF-cBd';}
.petit.BotoxCon .BotoxInfo .Slide .Info .Box .Text03{color:#2f5476; font-family:'NanumSquareNeoTTF-cBd'; margin-top:20px;}
.petit.BotoxCon .BotoxInfo .Slide .Info .Box .Text03 span{margin-left:10px;} 
.petit.BotoxCon .BotoxInfo .Slide .Info .Box .Text03 span:nth-child(1){margin-left:0;} 
.petit.BotoxCon .BotoxInfo .Slide .Info .Box .Text03 span img{margin-right:10px;}

.petit.BotoxCon .BotoxInfo .swiper-pagination{width:50%; top:0; left:52%;}
.petit.BotoxCon .BotoxInfo .swiper-pagination div{width:calc(100% / 3 - 40px); height:50px; border-radius:0; display:inline-block; background-color:#dddddd; border-radius:10px; opacity:1; margin-bottom:10px;}
.petit.BotoxCon .BotoxInfo .swiper-pagination div p{position:relative; font-size:20px; color:#686868; line-height:50px; font-family:'NanumSquareNeoTTF-cBd';}
.petit.BotoxCon .BotoxInfo .swiper-pagination .swiper-pagination-bullet-active{background-color:#2f5476;}
.petit.BotoxCon .BotoxInfo .swiper-pagination .swiper-pagination-bullet-active p{color:#fff;}

/* ========================================================================================================================================= */
/* [반영구화장]반영구화장 */ 
.makeup.semiCon{padding:170px 0; background-color:#f5f5f5;}
.makeup.semiCon .Inner{width:1400px;}
.makeup.semiCon .Inner .Title{text-align:center;}
.makeup.semiCon .Inner .Title .Text01{font-family:"Barlow Semi Condensed"; color:#324f5f; font-size:18px; font-weight:600; letter-spacing:0.1em;}
.makeup.semiCon .Inner .Title .Text02{color:#242424; font-family:"Pretendard"; font-size:36px; padding:20px 0 25px;}
.makeup.semiCon .Inner .Title .Text03{color:#242424; font-family:'Pretendard'; font-size:36px;}

.makeup.semiCon .SemiInfo{margin-top:120px;}
.makeup.semiCon .SemiInfo .MultiSlider{position:relative;}
.makeup.semiCon .SemiInfo .Slide{display:flex;}
.makeup.semiCon .SemiInfo .Slide .ImgBox{width:680px; height:500px; border-radius:30px; overflow:hidden;}
.makeup.semiCon .SemiInfo .Slide .ImgBox img{width:100%; object-fit:cover;}
.makeup.semiCon .SemiInfo .Slide .Info{margin-left:100px; padding-top:170px; font-family:'Pretendard';}
.makeup.semiCon .SemiInfo .Slide .Info .Title{font-family:"Pretendard"; color:#242424; text-align:left;}
.makeup.semiCon .SemiInfo .Slide .Info .Title:after{content:''; display:block; width:30px; height:3px; background-color:#e97966; margin-top:30px;}
.makeup.semiCon .SemiInfo .Slide .Info .Text01{margin-top:30px; line-height:1.6; font-weight:300; font-size:18px;}

.makeup.semiCon .SemiInfo .swiper-pagination{width:35%; top:0; left:52%; height:110px;}
.makeup.semiCon .SemiInfo .swiper-pagination div{width:calc(100% / 2 - 40px); height:50px; border-radius:0; display:inline-block; background-color:#dddddd; border-radius:10px; opacity:1; margin-bottom:10px;}
.makeup.semiCon .SemiInfo .swiper-pagination div p{position:relative; font-size:20px; color:#686868; line-height:50px; font-family:'Pretendard';}
.makeup.semiCon .SemiInfo .swiper-pagination .swiper-pagination-bullet-active{background-color:#e97966;}
.makeup.semiCon .SemiInfo .swiper-pagination .swiper-pagination-bullet-active p{color:#fff;}

.makeup.semiCon .SemiInfo .moreBtn a{display:inline-block; padding:8px 35px; background-color:#efb7ad; color:#fff; font-family:"SUIT"; font-size:18px; margin-top:20px;}
.makeup.semiCon .SemiInfo .moreBtn a span{font-family:"SUIT"; padding-left:10px;}

/* ========================================================================================================================================= */
/* 개인정보취급방침,이용약관, 환자권리장전 */
.NC00282.memberWrap #contents{height:900px;}

/* ========================================================================================================================================= */
/* 시술전후 리스트페이지 */ 
.NC00282.boardWrap #contents{padding-top:0; top:0;}
/* 시술전후 상세페이지 */ 
.NC00282.boardWrap .BoardList_PageBtn{width:55%;}
.NC00282.boardWrap .BoardList_PageBtn + .BoardList_BtnClub{width:23%;}
.NC00282.boardWrap .BoardList_BtnClub a{}
.NC00282.boardWrap .BoardList_BtnClub a + a{margin-left:5px;}
/* 아이디/비밀번호 찾기 */ 
.NC00282.infoFindWrap #contents,
.NC00282.infoChangeWrap #contents{height:700px;}
/* 온라인상담_상세 */
.NC00282.onlineAskWrap #contents{padding:100px 0 300px;}
.NC00282.onlineAskWrap .reserveTable tbody tr.tr-second{display:none;}

/* ======================================================================================================================================================== */
/* 병원소개 > 의료진소개 */
.About_DoctorArea{padding:130px 0;}
.About_DoctorArea .MultiImgSliderArea{padding-top:40px;}
.About_DoctorArea.MultiImgSliderArea .Inner{width:1400px; background:transparent;}
.About_DoctorArea .Inner .Title{text-align:center; margin-bottom:80px;}
.About_DoctorArea .Inner .Title .Text01{font-family:"Barlow Semi Condensed"; color:#324f5f; font-size:18px; font-weight:600; letter-spacing:0.1em;}
.About_DoctorArea .Inner .Title .Text02{font-weight:900;position:relative; color:#242424; font-family:"NanumSquareNeoTTF-eHv"; font-size:36px; padding:20px 0 30px; line-height:52px;}
.About_DoctorArea .Inner .Title .Text02 span{font-family:'NanumSquareNeoTTF-cBd';font-weight:400;}
.About_DoctorArea .Inner .Title .Text02 .dot{position:absolute; left:39%; z-index:-1; top:14px; display:block; width:40px; height:40px; background-color:#e8f0f6; border-radius:50px;}
.About_DoctorArea .List{border:none;} 
.About_DoctorArea .List li{border:none; padding:0; margin-bottom:100px;width:100%;}
.About_DoctorArea .List li:last-child{margin-bottom:0;}
.About_DoctorArea .ViewThum{border:none;}
.About_DoctorArea .ViewThum dl{padding:0;}
.About_DoctorArea .ViewThum dl .Thumb{display:flex; border:1px solid #d0d0d0; justify-content:center; border-top-right-radius:200px; height:560px; padding:50px 20px 0px;
overflow:hidden;}

.About_DoctorArea .ViewThum dt{position:relative;}
.About_DoctorArea .ViewThum dt p{position:absolute; bottom:65px; transform:rotate(90deg); left:-100px; color:#6c88ad; font-size:20px; font-weight:500; letter-spacing:0.2em;}
.About_DoctorArea .ViewThum dd{position:relative; padding-top:120px;}
.About_DoctorArea .ViewThum dd::before{content:''; display:block; width:100%; border:1px solid #ddd; position:absolute; top:42%;}
.About_DoctorArea .ViewThum dd .Name{padding-left:85px; font-family:'NanumSquareNeoTTF-dEb';}
.About_DoctorArea .ViewThum dd .Name h5{display:flex; gap:8px}
.About_DoctorArea .ViewThum dd .Name h5 span{font-size:14px; font-family:'NanumSquareNeoTTF-cBd'; background-color:#6c88ad; display:inline-block; line-height:1; padding:7px 10px; font-size:14px; color:#fff; border-radius:5px;}
.About_DoctorArea .ViewThum dd .Name p{line-height:1; letter-spacing:0.1em; padding:20px 0 60px;font-weight:700;}

.About_DoctorArea .ViewThum dd .Career{display:flex;padding-left: 85px;}
.About_DoctorArea .ViewThum dd .Career:nth-child(1){padding-left:85px;}
.About_DoctorArea .ViewThum dd .Career p{font-family:'NanumSquareNeoTTF-bRg'; line-height:36px; font-size:16px; color:#1d1b1b;}
.boardThumList2 .ViewThumPop .Inner .Career2{display:none;}

/* ========================================================================================================================================= */
/* 병원소개 > 둘러보기 */
.About_GalleryArea{position:relative; width:100%; padding-top:80px; padding-bottom:120px;}
.About_GalleryArea .MultiImgSliderArea{padding-top:40px;}
.About_GalleryArea .MultiImgSliderArea .Inner{width:1400px; background:transparent;}
.About_GalleryArea .Inner .Title{text-align:center; margin-bottom:80px;}
.About_GalleryArea .Inner .Title .Text01{font-family:"Barlow Semi Condensed"; color:#324f5f; font-size:18px; font-weight:600; letter-spacing:0.1em;}
.About_GalleryArea .Inner .Title .Text02{position:relative; color:#242424; font-family:"NanumSquareNeoTTF-eHv"; font-size:36px; padding:20px 0 30px; line-height:52px;}
.About_GalleryArea .Inner .Title .Text02 span{position:absolute; left:24%; z-index:-1; top:14px; display:block; width:40px; height:40px; background-color:#e8f0f6; border-radius:50px;}

.About_GalleryArea .MultiImgSliderArea .slick-track{display:flex; flex-wrap:wrap;}
.About_GalleryArea .MultiImgSliderArea .slick-button{position:absolute; top:42%; width:100%; left:0; z-index:1;}
.About_GalleryArea .MultiImgSliderArea .slick-button .slick-button-prev01{position:absolute; left:0; width:60px; height:60px; transition:0.2s; cursor: pointer; font-family:'SUIT'; align-items:center; border:1px solid #ddd; border-radius:50px; text-align:center; line-height:60px; background-color:#fff; font-size: 28px;
font-weight: 600; color: #ddd;}
.About_GalleryArea .MultiImgSliderArea .slick-button .slick-button-next01{position:absolute; right:0; width:60px; height:60px; transition:0.2s; cursor: pointer; font-family:'SUIT'; align-items:center; border:1px solid #ddd; border-radius:50px; text-align:center; line-height:60px; background-color:#fff; font-size: 28px;
font-weight: 600; color: #ddd;}
.About_GalleryArea .MultiImgSliderArea .MultiImgSlider.slider-for .slick-slide li .ThumBox{width:1340px; border-radius:50px; background:none !important;}
.About_GalleryArea .MultiImgSlider.slider-nav .slick-slide{height:10em !important; width:calc(100% / 4) !important;}
.MultiImgSlider .slick-list .slick-slide div{border-radius:15px; overflow:hidden;}

/* ======================================================================================================================================================== */
/* 병원소개 > 오시는길 */
.About_NetworkAea_Detail{background-color:#fff !important;}
.About_NetworkAea_Detail > .Inner{width:100%; padding:0;}
.About_NetworkAea_Detail img{width:100%; object-fit:cover;}

.NC00282.onlineListWrap #contents,
.NC00282.reserveWrap #contents{top:0px;}

/* ======================================================================================================================================================== */
/* 이벤트 */
.EventForBranch_C00282 .LabelThum_Height .LabelThum label dt u{display:none;}
.EventForBranch_C00282 .LabelThum_Width .LabelThum label dt u{display:none;}