@charset "utf-8";

/* C00303 사랑의내과 */

/* ========================================================================================================================================= */
/* 키비주얼 */
.TopVisual{position:relative; display:block; height:700px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.TopVisual .TopTitle{position:relative; display:block; text-align:center; top:50%; transform:translate(0, -15%);}
.TopVisual .TopTitle .Title{line-height:1;}
.TopVisual .TopTitle .Title01{font-size:14px; font-weight:400; color:#df2d2d; font-family:"Noto Sans CJK KR"; margin-bottom:40px; letter-spacing:0.5em;}
.TopVisual .TopTitle .Title02{font-size:50px; font-weight:600; color:#fff; font-family:"Pretendard";}

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

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

.About_DoctorArea .ViewThum dt{}
.About_DoctorArea .ViewThum .ImgText{position:absolute; bottom:56%; transform:rotate(270deg); left:-26.5%; color:#ddd; font-size:14px; letter-spacing:0.5em; z-index:3; width:100%; height:100%;}
.About_DoctorArea .ViewThum dd .Name{display:flex; align-items:center; padding-left:80px;}
.About_DoctorArea .ViewThum dd .Name::after{content:''; display:block; background:url('/img/C00303/doctor_logo.png') center center/cover no-repeat; position:absolute; bottom:0; right:0; width:70px; height:50px; z-index:999;}
.About_DoctorArea .ViewThum dd .Name p{padding:6px 12px; background-color:#8f1b1b; border-radius:5px; color:#fff; font-size:20px; font-weight:500;}
.About_DoctorArea .ViewThum dd .Name h5{letter-spacing:0.3em; width:20%; font-size:40px; color:#000;}
.About_DoctorArea .ViewThum dd .Name h5 span{margin-left:-15px; font-size:26px;}

.About_DoctorArea .ViewThum dd{padding-top:90px; width:60%;}
.About_DoctorArea .ViewThum dd::before{content:''; display:block; width:100%; height:1px; background-color:#ddd; position:absolute; top:26%;}
.About_DoctorArea .ViewThum dd .Career{padding-left:80px;}
.About_DoctorArea .ViewThum dd .Career p{line-height:2em; font-size:18px; color:#000; margin-top:60px;}
.boardThumList2 .ViewThumPop .Inner .Career2{display:none;}
.About_DoctorArea .ViewThum dd .Career p br{line-height:12px;}

	.About_DoctorArea li .Thum950 .Inner{padding-left:0; padding-right:40px;}
	.About_DoctorArea li .Thum950 .ImgText{left:72%; bottom:56%;}
	.About_DoctorArea li .Thum950 dl{display:flex;}
	.About_DoctorArea li .Thum950 dt{order:2;}
	.About_DoctorArea li .Thum950 dd .Name::after{right:80px;}

/* ========================================================================================================================================= */
/* 병원소개 > 둘러보기 */
.About_GalleryArea{position:relative; width:100%; padding-top:80px; padding-bottom:150px; background:#fff;}
.About_GalleryArea .MultiImgSliderArea{padding-top:40px;}
.About_GalleryArea .MultiImgSliderArea .Inner{background:#fff;}
.About_GalleryArea .MultiImgSliderArea .slick-button{position:absolute; top:43%; width:100%; left:0; z-index:1;}
.About_GalleryArea .MultiImgSliderArea .slick-button .slick-button-prev01{position:absolute; left:-6%;  width:45px; height:45px; transition:0.2s; cursor: pointer;}
.About_GalleryArea .MultiImgSliderArea .slick-button .slick-button-next01{position:absolute; right:-6%; width:45px; height:45px; transition:0.2s; cursor: pointer;}
.About_GalleryArea .MultiImgSliderArea .MultiImgSlider.slider-for .slick-slide li .ThumBox{background:none !important;}
.About_GalleryArea .MultiImgSliderArea .MultiImgSlider.slider-for .slick-slide li .ThumBox img{width:100%; height:100%; object-fit:cover;}
.About_GalleryArea .MultiImgSlider.slider-nav .slick-slide{height:5em !important;}

/* ======================================================================================================================================================== */
/* 병원소개 > 오시는길 */
.About_NetworkAea_Detail{background-color:#fff !important;}
.About_NetworkAea_Detail > .Inner{padding:150px 0;}
.About_NetworkAea_Detail .Add{margin-top:0em !important; font-size:20px;}
.NetworkAea_DetailSection1{padding-top:80px;}
.NetworkAea_DetailSection1_Left{width:35%;}
.NetworkAea_DetailSection1_Center{margin:0 50px;}
.NetworkAea_DetailSection1_Right{width:28%; vertical-align:top; padding:0em 0em;}
.NetworkAea_DetailSection1 .Title{font-size:20pt; color:#8f1b1b; font-weight:500; padding-bottom:0.7em;  margin-bottom:1.1em; border-bottom:1px solid #949494;
line-height:normal;}
.About_NetworkAea_Detail .Title i{color:#8f1b1b;}
.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:#000;}
.About_NetworkAea_Detail .Call span{font-size: 24px; padding-left: 10px;}

.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:#8f1b1b; 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;}


/* ========================================================================================================================================= */
/*시술소개_공통하단*/
.commonSection03{background-color:#8f1b1b;}
.commonSection03 .Inner{padding:150px 0;}
.commonSection03 .Inner .mainTitle{text-align:center;}
.commonSection03 .Inner .mainTitle p{font-weight:400; font-size:14px; color:#fff; letter-spacing:0.2em;}
.commonSection03 .Inner .mainTitle h3{font-weight:400; color:#fff; font-size:50px; margin-top:20px; line-height:1.5;}
.commonSection03 .Inner .mainTitle h3 span{color:#fff; font-weight:700;}

.commonSection03 .Inner .contBox{margin-top:50px;}
.commonSection03 .Inner .contBox .Text{color:#fff; text-align:center; font-size:20px; line-height:1.8; font-weight:300;}
.commonSection03 .Inner .contBox .MultiSlider{width:1300px; min-width:1300px;}
.commonSection03 .Inner .contBox ul{margin:80px auto 0;}
	
	/*바로가기 버튼*/
	.commonSection03 .Inner .contBox .PageBtn a{display:flex; justify-content:center; align-items:center; width:240px; height:50px; border-radius:50px; background-color:#000; color:#fff; margin: 50px auto 0; font-size:18px;}
	.commonSection03 .Inner .contBox .PageBtn a .arrowBox{margin-left:10px; display:none; margin-left:25px; position:relative;}
	.commonSection03 .Inner .contBox .PageBtn a .arrow01{width:15px; height:1px; background-color:#851919; display:inline-block; position:absolute; top:49%; left:-15px;}
	.commonSection03 .Inner .contBox .PageBtn a .arrow02{display:inline-block; width:25px; height:25px; background-color:#851919; border-radius:50px; position:relative;}
	.commonSection03 .Inner .contBox .PageBtn a .arrow02::before{content:''; display:inline-block; width:15px; height:1px; background-color:#fff; position:absolute; top:49%;}
	.commonSection03 .Inner .contBox .PageBtn a .arrow02::after{content:''; display:inline-block; width:10px; height:1px; background-color:#fff; position:absolute; top:36%; left:29%; transform:rotate(45deg);}
	.commonSection03 .Inner .contBox .PageBtn:hover a .arrowBox{display:block;}

	/*화살표*/
	.commonSection03 .btnWrap .swiper-button-prev{position:absolute; left:-3%; top:55%;}
	.commonSection03 .btnWrap .swiper-button-prev::after{display:none;}
	.commonSection03 .btnWrap .swiper-button-next{position:absolute; right:-3%; top:55%;}
	.commonSection03 .btnWrap .swiper-button-next::after{display:none;}

/* ======================================================================================================================================================== */
/* 공지사항 */
.noticeWrap #contents{padding:150px 0;}

/* ======================================================================================================================================================== */
/* 언론보도 */
.mediaWrap #contents{padding:150px 0;}

/* ======================================================================================================================================================== */
/* 빠른상담 */
.costAskWrap #contents{padding:150px 0;}

/* ======================================================================================================================================================== */
/* 온라인상담 */
.onlineListWrap #contents{padding:150px 0;}
.onlineListWrap .BoardList_BtnClub{display:block; width:auto;}
.onlineAskWrap #contents{padding:180px 0 120px;}

/* ======================================================================================================================================================== */
/* 비급여항목 */
.aboutUninsured #contents{padding:100px 0 50px;}