@charset "utf-8";

/* C00283 모아트의원 */


/* ========================================================================================================================================= */
/* member */
.memberWrap{}


/* ========================================================================================================================================= */
/* 게시판 */
.boardWrap{}

/* ========================================================================================================================================= */
/* 시술페이지_공통 */
.CenterFixed{width:100% !important; left:0; margin-left:0; }
.containerWrap img{width:100%; object-fit:cover;}
.containerWrap .Title img{width:4%;}

/* ========================================================================================================================================= */
/* 컨택페이지 */
.contactWrap{}
#container .InnerContainer{padding:100px 0;}

.NC00293.reserveWrap .ImportInfo{display:block; width:100%; margin:0em auto 2em auto; }
.NC00293.reserveWrap .ImportInfo *{font-size:13pt; font-weight:700;}
.NC00293.reserveWrap .ImportInfo > div{}
.NC00293.reserveWrap .ImportInfo span{color:#cb1111; font-weight:700; font-size:14pt; margin-bottom:0.7em; display:block;}
.NC00293.reserveWrap .ImportInfo > div > div{color:#111; display:table; width:100%; line-height:1.2;}
.NC00293.reserveWrap .ImportInfo > div > div + div{margin-top:0.5em;}
.NC00293.reserveWrap .ImportInfo > div em{display:inline-table; vertical-align:top;}
.NC00293.reserveWrap .ImportInfo > div p{display:inline-table; vertical-align:top; margin-left:5px;}

/* ========================================================================================================================================= */
/* 키비주얼 */
.TopVisual{position:relative; display:block; height:52vh; background-size:cover; background-repeat:no-repeat; background-position:center;}
.TopVisual .TopTitle{position:relative; display:block; text-align:left; top:50%; transform:translate(0, -15%); width:1000px; min-width:1000px; margin:0 auto;}
.TopVisual .TopTitle img{width:70px; margin-bottom:40px; display:none;}
.TopVisual .TopTitle .Title{line-height:1;}
.TopVisual .TopTitle .Title01{font-size:38px; font-weight:700; color:#fff; font-family:"Pretendard";}
.TopVisual .TopTitle .Title02{font-size:22px; font-weight:400; margin-top:20px; line-height:1.4; color:#fff;}


/* ========================================================================================================================================= */
/* [공통영역]_시술전후 */
.CommonSection01{}
.CommonSection01 .Inner{width:1200px; min-width:1200px; height:100%; padding:130px 0;}
.CommonSection01 .Inner .Title{width:100%; text-align:center; margin-bottom:80px;}
.CommonSection01 .Inner .Title p{font-family:'DMSerifDisplay'; color:#412f4d; font-size:20px; letter-spacing:0.1em;}
.CommonSection01 .Inner .Title h2{font-size:36px; line-height:1.3em; color:#242424;}
.CommonSection01 .Inner .bottomText{font-size:18px; color:#242424; text-align:center; margin-top:30px; line-height:1.3em; font-weight:500;}

.CommonSection01 .sectionCont{display:block; width:100%; position:relative;}
.CommonSection01 .sectionCont .swiper-slide{display:flex; justify-content:center;}
.CommonSection01 .sectionCont .swiper-slide a{width:900px;}

.CommonSection01 .sectionCont .btnWrap{position:absolute; top:50%; width:100%; z-index:999;}
.CommonSection01 .sectionCont .btnWrap div{width:70px; height:70px; background-color:#fff; border:1px solid #ddd; font-family:'SUIT'; color:#ddd; 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;}

/* ========================================================================================================================================= */
/* [모발이식센터]_슬릿법장점 */
.SlitTechnology{display:flex; justify-content:center;}
.SlitTechnology .Inner{position:absolute; top:275px; width:1190px; min-width:1190px; z-index:999;}
.SlitTechnology .Inner ul li{width:1190px; height:615px; border-top-left-radius:20px; border-top-right-radius:20px; margin:0px auto 110px; overflow:hidden;}
.SlitTechnology .Inner video{width:1200px;}

/* ========================================================================================================================================= */
/* [모발이식센터]_슬릿법 */
.SubSectionVideo{display:flex; justify-content:center;}
.SubSectionVideo .Inner{position:absolute; z-index:999; width:1400px; min-width:1400px; height:100%;}
.SubSectionVideo .Inner .MoreBtn{position:absolute; top:13%; right:0; display:flex; align-items:center; font-size:20px; font-weight:500; color:#454545;}
.SubSectionVideo .Inner .MoreBtn .arrow01{display:inline-block; width:30px; height:1px; background-color:#454545; margin-left:10px;}
.SubSectionVideo .Inner .MoreBtn .arrow02{display:inline-block; width:10px; height:1px; background-color:#454545; transform:rotate(45deg); position:absolute; right:0px; top:7px;}

.SubSectionVideo{width:100%; overflow:hidden;}
.SubSectionVideo .imgSection{width:100%; position:relative; z-index:1;}
.SubSectionVideo .imgSection img{width:100%;}
.SubSectionVideo .videoSection{width:1000px; height:550px; position:relative; z-index:5; left:50%; top:33.55%; transform:translate(-50%, -25%); overflow:hidden;}
.SubSectionVideo .videoSection video{width:100%;}

/* ========================================================================================================================================= */
/* 공통영역04 */
.CommonSection04{}
.CommonSection04 >div{display:flex; justify-content:center;}
.CommonSection04 .Inner{position:absolute; top:65%; left:53%; z-index:999;}
.CommonSection04 .Inner .btn{display:block; width:240px; height:50px; background-color:#111111; border-radius:50px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:20px; font-weight:600;}
.CommonSection04 .Inner .btn span{margin-left:15px;}

/* ========================================================================================================================================= */
/* about 공통영역01 */
.aboutCommonSection01{}
.aboutCommonSection01 >div{display:flex; justify-content:center;}
.aboutCommonSection01 >div img{width:100%;}
.aboutCommonSection01 .Inner{position:absolute; top:65%; left:53%; z-index:999; padding:0 !important;}
.aboutCommonSection01 .Inner .btn{display:block; width:240px; height:50px; background-color:#111111; border-radius:50px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:20px; font-weight:600;}
.aboutCommonSection01 .Inner .btn span{margin-left:15px;}

/* ========================================================================================================================================= */
/* 병원소개 */
.NC00293 .About_NetworkAea_Detail{background-color:#fff;}
.NC00293.aboutAboutWrap .CommonSection01{display:none;}

/* ======================================================================================================================================================== */
/* 병원소개 > 의료진소개 */
.About_DoctorArea{padding:130px 0 30px 0;}
.About_DoctorArea .Inner{padding-left:70px;}
.About_DoctorArea .Inner .Title{text-align:center; margin-bottom:80px;}
.About_DoctorArea .List{border:none;} 
.About_DoctorArea .List li{border:none; padding:0; margin-bottom:100px;}
.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{border-top-right-radius:200px; height:665px; overflow:hidden;}
.About_DoctorArea .ViewThum dl .Thumb img{width:100%; object-fit:cover;}

.About_DoctorArea .ViewThum dt{}
.About_DoctorArea .ViewThum .ImgText{position:absolute; bottom:240px; transform:rotate(270deg); left:-150px; color:#ddd; font-size:16px; letter-spacing:0.5em; font-family:'DMSerifDisplay';}
.About_DoctorArea .ViewThum dt .Name{display:flex; justify-content:flex-end; align-items:center; margin-top:20px;}
.About_DoctorArea .ViewThum dt .Name p{padding:6px 12px; background-color:#111111; border-radius:5px; color:#fff; font-size:20px; font-weight:500;}
.About_DoctorArea .ViewThum dt .Name h5{margin-left:20px; font-size:30px; color:#242424; letter-spacing:0.5em;}
.About_DoctorArea .ViewThum dt .Name h5 span{margin-left:-15px; font-size:26px;}

.About_DoctorArea .ViewThum dd{padding-top:90px;}
.About_DoctorArea .ViewThum dd::before{content:''; display:block; width:85%; height:1px; background-color:#ddd; position:absolute; top:26%;}
.About_DoctorArea .ViewThum dd .Career{padding-left:80px;}
.About_DoctorArea .ViewThum dd .Career h2{font-family:'InkLipquid'; color:#111111; font-size:36px; line-height:1em; font-weight:500;}
.About_DoctorArea .ViewThum dd .Career p{line-height:32px; font-size:18px; color:#1d1b1b; margin-top:60px;}
.boardThumList2 .ViewThumPop .Inner .Career2{display:none;}
.About_DoctorArea .ViewThum dd .Career p br{line-height:12px;}

/* ========================================================================================================================================= */
/*오시는길*/
.NC00293.aboutMapWrap .About_NetworkAea_Detail .Inner{padding:130px 0; width:1200px; min-width:1200px;}
.NC00293.aboutMapWrap .NetworkAea_DetailSection3_RIght #aboutmap{height:35em;}
.NC00293.aboutMapWrap .NetworkAea_DetailSection1{margin-top:80px;}
.NC00293.aboutMapWrap .NetworkAea_DetailSection1 section{width:calc(100% / 3); padding:0 40px;}
.NC00293.aboutMapWrap .NetworkAea_DetailSection1 section .Title{color:#242424; font-weight:600; font-size:30px; border-bottom:1px solid #ddd; padding-bottom:20px;}
.NC00293.aboutMapWrap .NetworkAea_DetailSection1 section .Title i{color:#111111; margin-right:10px;}
.NC00293.aboutMapWrap .NetworkAea_DetailSection1 section:nth-child(1){padding-left:0;}
.NC00293.aboutMapWrap .NetworkAea_DetailSection1 section:nth-child(3){padding-right:0;}

	/* 주소 */
	.NC00293.aboutMapWrap .NetworkAea_DetailSection1_Left .Add{font-size:20px; color:#242424; font-weight:600; line-height: 1.3em; margin-top:0;}
	.NC00293.aboutMapWrap .NetworkAea_DetailSection1_Left .Add p{display:flex; align-items:center; color:#242424; font-size:18px; font-weight:400;}
	.NC00293.aboutMapWrap .NetworkAea_DetailSection1_Left .Add p .SubWay01{display:inline-block; width:70px; height:28px; border-radius:50px; background-color:#bd0a1c; color:#fff; display:flex; justify-content:center; align-items:center; font-weight:600; margin-right:5px; font-size:15px;}
	.NC00293.aboutMapWrap .NetworkAea_DetailSection1_Left .Add p .SubWay02{display:inline-block; width:25px; height:25px; border-radius:50px; background-color:#ff9308; color:#fff; display:flex; justify-content:center; align-items:center; font-weight:600; margin-right:5px;}

	/* 진료시간 */
	.NC00293.aboutMapWrap .NetworkAea_DetailSection1_Center{width:100% !important;}
	.NC00293.aboutMapWrap .About_NetworkAea_Detail .Time{display:flex; justify-content:space-between;}
	.NC00293.aboutMapWrap .About_NetworkAea_Detail pre{font-weight:400; color:#242424;}
	.NC00293.aboutMapWrap .About_NetworkAea_Detail p{padding-top:15px; color:#686868;}

	/* 전화번호 */
	.NC00293.aboutMapWrap .NetworkAea_DetailSection1_Right{padding:0; vertical-align:top;}
	.NC00293.aboutMapWrap .About_NetworkAea_Detail .Call{color:#333333; font-family:"Pretendard"; font-size:40px; font-weight:600;}

	/* 푸터 */
	.NC00293.aboutMapWrap .Company_Area{display:none;}
	
/* ========================================================================================================================================= */
/*게시판*/
	/*학술활동*/
	.mediaWrap .boardThumList a .Thumb{height:242px;}
	.mediaWrap .BoardList_BtnClub{display:none;}
	.mediaWrap .BoardList_PageBtn{text-align:center;}
	.newsWrap .BoardList_BtnClub{width:80%;}

	/*시술전후사진_상세*/
	.boardThumList a .Thumb{height:118px;}
	/*시술전후사진_상세*/
	.BnfWrap .boardThumList a .Thumb{height:118px;}
	.BnfWrap .boardThumList a .Thumb img{height:100%;}
	.BnfWrap .BoardList_PageBtn{width:60%;}
	.BnfWrap .BoardList_BtnClub{width:100%; display:inline-flex; justify-content:flex-end;}
	.BnfWrap .BoardList_BtnClub a{margin-left:10px;}

	/*시술전후영상*/
	.videoWrap .boardThumList a .Thumb{height:13em;}
	.videoWrap .BoardList_BtnClub{display:none;}
	.videoWrap .BoardList_PageBtn{text-align:center;}
	/*시술전후영상_상세*/
	.Movie_IframArea{margin-bottom:30px;}

	/*아티스트*/
	.videoReviewThumWrap .boardThumList a .Thumb{height:10em;}
	.videoReviewThumWrap .BoardList_BtnClub{display:none;}
	.videoReviewThumWrap .BoardList_PageBtn{text-align:center;}