@charset "utf-8";

/* C00311 네이처온성형외과 */

/* ========================================================================================================================================= */
/* 키비주얼 */
.TopVisual{position:relative; display:block; height:780px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.TopVisual .TopTitle{position:relative; display:block; text-align:left; top:50%; transform:translate(0, -30%); width:1300px; margin:0 auto;}
.TopVisual .TopTitle img{width:70px; margin-bottom:40px; display:none;}
.TopVisual .TopTitle .Title{line-height:1;}
.TopVisual .TopTitle .Title01{font-size:42px; line-height:1.4; letter-spacing:-1px; color:#fff; font-weight:700; font-family:'NanumSquareNeo';}
.TopVisual .TopTitle .Title02{font-size:16px; color:#fff; font-family:'Pretendard', sans-serif; font-weight:300; opacity:0.3 !important; letter-spacing:1.05em; padding:30px 0;}
.TopVisual .TopTitle .Title03{font-family:'Pretendard', sans-serif; font-size:20px; line-height:1.5em; color:#fff;}

	/* 병원소개의 키비주얼 */
	.aboutWrap .TopVisual{height:600px;}

	/* 이벤트의 키비주얼 */
	.EventForComm .TopVisual{height:600px;}

	/* 수술전후의 키비주얼 */
	.BnfWrap .TopVisual{height:600px;}

	/* 온라인상담의 키비주얼 */
	.onlineListWrap .TopVisual{height:600px;}

	/* 리얼모델신청의 키비주얼 */
	.realModelWrap .TopVisual{height:600px;}

	/* 네이쳐온TV 키비주얼 */
	.videoWrap .TopVisual{height:600px;}

	/* 리얼셀피 키비주얼 */
	.realstoryWrap .TopVisual{height:600px;}

/* ========================================================================================================================================= */
/* 시술페이지_공통하단 */
.CommonSection01{}
.CommonSection01 .Inner{width:1100px; min-width:1100px; height:100%; padding:130px 0;}
.CommonSection01 .Inner .Title{width:100%; text-align:center; margin-bottom:80px;}
.CommonSection01 .Inner .Title h2{font-size:50px; line-height:1.3em; color:#111111;}

.CommonSection01 .sectionCont{display:block; width:100%; position:relative;}
.CommonSection01 .sectionCont .swiper-slide{display:flex; justify-content:center;}
.CommonSection01 .sectionCont .swiper-slide a{border-radius:30px; overflow:hidden;}
.CommonSection01 .sectionCont .ThumbBox{width:800px; height:430px; overflow:hidden; transition:0.5s;}
.CommonSection01 .sectionCont .ThumbBox:hover{filter:brightness(0.7);}
.CommonSection01 .sectionCont .ThumbBox img{width:100%; height:100%; object-fit:cover;}
.CommonSection01 .sectionCont .TextBox{display:none;}

.CommonSection01 .sectionCont .btnWrap{position:absolute; top:50%; width:100%; z-index:999;}
.CommonSection01 .sectionCont .btnWrap div{font-family:'SUIT'; color:#111; border-radius:50px; font-size:36px; display:flex; justify-content:center; align-items:center; font-weight:600;}
.CommonSection01 .sectionCont .btnWrap .button-prev{position:absolute; left:0; cursor:pointer;}
.CommonSection01 .sectionCont .btnWrap .button-next{position:absolute; right:0; cursor:pointer;}

/* ========================================================================================================================================= */
/* 수술방법 */
.Method{background-color:#f5f5f5;}
.Method .Inner{padding:130px 0;}
.Method .Inner .mainTitle h4{font-size:20px; font-family:'Pretendard', sans-serif; font-weight:400; color:#789653; letter-spacing:1pt;}
.Method .Inner .mainTitle h3{font-size:36px; font-family:'Pretendard', sans-serif; font-weight:700; color:#101010; padding:15px 0 30px;}
.Method .Inner .mainTitle h3::after{content:''; display:block; width:100%; height:1px; background-color:#c5c4c4; margin-top:30px;}
	.Method .SubTitle{font-size:22px; font-family:'Pretendard', sans-serif; font-weight:700; color:#101010; margin-bottom:30px;}
	.Method .SubTitle span{display:inline-block; width:80px; font-weight:500; background-color:#789653; color:#fff; font-size:18px; border-radius:5px; padding:7px 10px; text-align:center; line-height:1em; margin-right:10px;}
	.Method .Method_swiper ul{display:flex; justify-content:space-between;}
	.Method .Method_swiper ul li{width:calc(100% / 4 - 30px);}
	.Method .Method_swiper ul li .imgBox{border-radius:20px; overflow:hidden;}
	.Method .Method_swiper ul li img{width:100%; object-fit:cover;}
	.Method .Method_swiper ul li .txtBox{text-align:center; padding-top:20px;}
	.Method .Method_swiper ul li .txtBox p{color:#789653; font-size:16px; font-weight:600;}
	.Method .Method_swiper ul li .txtBox h5{color:#101010; font-size:18px; font-weight:600; margin-top:10px; line-height:1.5em;} 

	.Method .method-button-prev{color:#b7b7b7; font-weight:200; font-size:35pt; font-family:'SUIT', serif; cursor:pointer; display:inline-block; transition:0.3s; margin-right:50px; position:absolute; top:40%; left:-7%; z-index:2;}
	.Method .method-button-next{color:#b7b7b7; font-weight:200; font-size:35pt; font-family:'SUIT', serif; cursor:pointer; display:inline-block; transition:0.3s; margin-right:50px; position:absolute; top:40%; right:-10%; z-index:2;}

/* ========================================================================================================================================= */
/* 병원소개_공통*/
.infoCommon{width:100%; position:relative; overflow:hidden; background:url('/img/C00311/infoCommon_bg.jpg')no-repeat; background-size:cover; background-position:center center;}
.infoCommon .Inner{padding:150px 0; width:1300px; min-width:1300px;}
.infoCommon .contWrap{width:100%;}
.infoCommon .contWrap .mainTitle{width:100%;}
.infoCommon .contWrap .mainTitle h4{font-size:16px; color:#fff; font-family: 'Pretendard', sans-serif; font-weight:300; opacity:0.5; letter-spacing:1.05em; padding:30px 0;}
.infoCommon .contWrap .mainTitle h3{font-size:36px; color:#fff; font-family:'Pretendard'; font-weight:700; line-height:1.5em;}
.infoCommon .contWrap .linkBtn{margin-top:40px;}
.infoCommon .contWrap .linkBtn a{position:relative; display:flex; justify-content:center; align-items:center; width:240px; height:60px; background-color:#789653; border-radius:50px;}
.infoCommon .contWrap .linkBtn a span{display:block; width:230px; height:50px; border-radius:50px; border:1px solid rgba(255, 255, 255, 0.5); color:#fff; font-size:18px; text-align:center; line-height:48px; font-weight:500; padding-right:40px;}
.infoCommon .contWrap .linkBtn a .arrow01{width:30px; height:1px; background-color:#fff; position:absolute; right:32px; bottom:26px; padding:0;}
.infoCommon .contWrap .linkBtn a .arrow02{width:12px; height:1px; background-color:#fff; position:absolute; right:30px; bottom:30px; padding:0; rotate:45deg;}

/* ========================================================================================================================================= */
/* 병원소개 > 병원소개 */
.About_NetworkAea_Detail{background-color:#fff;}

/* ======================================================================================================================================================== */
/* 병원소개 > 의료진소개 */
.About_DoctorArea{padding:130px 0;}
.About_DoctorArea .Inner{width:1300px; min-width:1300px;}
.About_DoctorArea .Inner .Title{text-align:center; margin-bottom:80px;}
.About_DoctorArea .List{border:none;} 
.About_DoctorArea .List li{border:none; padding:0;}
.About_DoctorArea .List li:last-child{margin-bottom:0;}
.About_DoctorArea .ViewThum{border:none;}
.About_DoctorArea .ViewThum .Inner{width:1300px; min-width:1300px;}
.About_DoctorArea .ViewThum dl{padding:0;}
.About_DoctorArea .ViewThum dl .Thumb{height:660px; overflow:hidden; border-top-right-radius:200px;}
.About_DoctorArea .ViewThum dl .Thumb img{width:100%; object-fit:cover;}

.About_DoctorArea .boardThumList2 .ViewThum dd{vertical-align:bottom;}
.About_DoctorArea .ViewThum .Info{margin-left:100px;}
.About_DoctorArea .ViewThum .Info h3{color:#789653; font-size:26px; font-weight:600; line-height:1.4;}
.About_DoctorArea .ViewThum .Info h4{font-size:16px; color:#adadad; font-family:'Pretendard', sans-serif; font-weight:300; letter-spacing:1.05em; padding:20px 0;}
.About_DoctorArea .ViewThum .Info p{font-size:18px; color:#454545; font-family:'Pretendard', sans-serif; font-weight:400; line-height:1.5;}


/* ========================================================================================================================================= */
/* 병원소개 > 둘러보기 */
.About_GalleryArea{position:relative; width:100%; background:#fff;}
.About_GalleryArea .Inner{padding:130px 0;}
.About_GalleryArea .MultiImgSliderArea .Inner{background:transparent;}
.About_GalleryArea .MultiImgSlider.slider-for{padding-right:10px;}
.About_GalleryArea .MultiImgSliderArea .slick-button{position:absolute; top:43%; width:100%; left:0; z-index:1;}
.About_GalleryArea .MultiImgSliderArea .slick-button .slick-button-prev01{color:#b7b7b7; font-weight:200; font-size:35pt; font-family:'SUIT', serif; cursor:pointer; display:inline-block; transition:0.3s; margin-right:50px; position:absolute; top:40%; left:-7%; z-index:2;}
.About_GalleryArea .MultiImgSliderArea .slick-button .slick-button-next01{color:#b7b7b7; font-weight:200; font-size:35pt; font-family:'SUIT', serif; cursor:pointer; display:inline-block; transition:0.3s; margin-right:50px; position:absolute; top:40%; right:-10%; z-index:2;}
.About_GalleryArea .MultiImgSliderArea .MultiImgSlider.slider-for .slick-slide li .ThumBox{background:none !important}
.About_GalleryArea .MultiImgSlider.slider-nav .slick-slide{height:130px !important;}

/* ======================================================================================================================================================== */
/* 병원소개 > 오시는길 */
.About_NetworkAea_Detail{background-color:#fff !important;}
.About_NetworkAea_Detail > .Inner{padding:130px 0;}
.About_NetworkAea_Detail .Add{margin-top:0em !important; font-size:20px;}
.NetworkAea_DetailSection1{padding-top:80px;}
.NetworkAea_DetailSection1_Left{width:33%;}
.NetworkAea_DetailSection1_Center{margin:0 50px;}
.NetworkAea_DetailSection1_Right{width:28%; vertical-align:top; padding:0em 0em;}
.NetworkAea_DetailSection1 .Title{font-size:20pt; color:#789653; font-weight:600; padding-bottom:0.7em;  margin-bottom:1.1em; border-bottom:1px solid #dddddd;
line-height:normal;}
.About_NetworkAea_Detail .Title i{color:#789653; margin-right:6px;}
.About_NetworkAea_Detail .Time{display:flex;}
.About_NetworkAea_Detail .Time pre{font-weight:400; line-height:1.7em;}
.About_NetworkAea_Detail pre:last-child{padding-left:100px;}
.About_NetworkAea_Detail .Call{font-family:"Pretendard"; font-weight:600; color:#101010;}
.About_NetworkAea_Detail .Call span{font-size: 24px; padding-left: 10px;}
.About_NetworkAea_Detail .Closed{padding-top:15px; color:#686868; font-size:18px;}

.NetworkAea_DetailSection3_RIght #aboutmap{height:34em;}
.aboutMapWrap .Company_Area{display:none;}

.aboutMapWrap .Loca{margin-top:10px;}
.aboutMapWrap .Loca li{display:flex; align-items:center; margin:15px 0;}
.aboutMapWrap .Loca li .Left{display:flex; align-items:center; width:18%;}
.aboutMapWrap .Loca li .Left .RoundBox{width:65px; height:65px; border-radius:50px; background-color:#789653; display:flex; flex-direction:column; 
justify-content:center; align-items:center;}
.aboutMapWrap .Loca li .Left img{width:35%;}
.aboutMapWrap .Loca li .Left .TextBox{font-size:13px; color:#fff; margin-top:5px;}
.aboutMapWrap .Loca li .Right{font-size:18px; line-height:1.5em;}

.aboutMapWrap .publicText{padding-top:15px; display:flex; align-items:center; font-size:16px;}
.aboutMapWrap .publicText .public01{display:inline-block; text-align:center; line-height:28px; width:28px; height:28px; background-color:#d1a62c; border-radius:50px; color:#fff; font-size:14px; font-weight:500;}
.aboutMapWrap .publicText .public02{display:inline-block; line-height:5px; padding:12px 8px; height:28px; background-color:#a71e31; border-radius:50px; color:#fff; font-size:14px; margin:0 5px 0 3px; font-weight:500;}

/* ======================================================================================================================================================== */
/* 수술후기 > 수술전후 */
.BnfWrap .SubNavApart{padding:3em 0 2em;}
.BnfWrap .SubNav_Small2 ul li a{border:1px solid #ddd;}
.BnfWrap .SubNav_Small2 ul li.Action a{background:#6d8a4a; border:1px solid #6d8a4a;}
.BnfWrap .SubNav_Small2 ul li:hover a{background:#ecf4e3; color:#222;}
.BnfWrap .SubNav_Small2 ul li.Action:hover a{background:#6d8a4a; border:1px solid #6d8a4a; color:#fff;}

	/* 수술전후 상세페이지 */
	.ViewWrap.BnfWrap #container{padding:5em;}

/* ======================================================================================================================================================== */
/* 상담모델신청 > 온라인상담 */
.onlineListWrap .InnerContainer{padding:130px 0;}

/* ======================================================================================================================================================== */
/* 상담모델신청 > 리얼모델신청 */
.realModelWrap .InnerContainer{padding:130px 0;}

/* ======================================================================================================================================================== */
/* 리얼셀피 */
.realstoryWrap .InnerContainer{padding:130px 0;}

/* ======================================================================================================================================================== */
/* 네이쳐온TV */
.videoWrap .InnerContainer{padding:130px 0;}
.videoWrap .boardThumList a .Thumb{width:260px; height:470px; position:relative;}
.videoWrap .boardThumList a .Thumb img{width:auto; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

/* ======================================================================================================================================================== */
/* 이벤트 */
.EventForComm .eventListArea{padding:90px 0;}
.EventForComm .LabelThum_Height .LabelThum label dt u{display:none;}
.EventForComm .LabelThum label small > p span{background-color:#f9faf9 !important; color:#86ac58;}
.EventForComm .LabelThum_Height .LabelThum label{border-radius:20px; overflow:hidden;}
.EventForComm .LabelThum_Height .LabelThum dd{padding:0 0 2em 0;}
.EventForComm .LabelThum_Height .LabelThum label big{width:75%; padding-right:2em;}
.EventForComm .LabelThum_Height .LabelThum label big em{width:46%;}
.EventForComm .LabelThum_Height .LabelThum label big strong p b{font-weight:700;}

/* ======================================================================================================================================================== */
/* 이벤트_상세페이지*/
.EventDetailPage .event{margin-top:80px;}
.EventDetailPage .EventDetail_HeaderLeft .LabelThum label dt u{display:none;}

/* ======================================================================================================================================================== */
/* 개인정보취급방침, 이용약관, 비급여*/
.memberWrap{margin-top:80px;}
.memberWrap #contents .Inner{margin:2% auto 5%;}
.aboutHealthWrap{margin-top:80px;}
.aboutHealthWrap #contents .Inner{margin:2% auto 5%;}