@charset "utf-8";

/*
모아트의원
C00293
*/

/* ================================================================================================= */
/* 기본구성 */
body *{font-family:'Pretendard', 'Noto Sans KR', sans-serif ; word-break:break-word; line-height:normal; letter-spacing:-0.3pt;}
body{top:0 !important; padding:0 !important;}

/* ================================================================================================= */
/* 헤더와푸터 */

/* 메인 */
body{padding-top:0px !important;}
header.Fixed{border-bottom:1px solid #f9f1fa;}
.mainWrap header{display:block; position:fixed; width:100%; top:0; border:none; background-color:transperent/* rgba(255,255,255, 0.3) */; z-index:997;}
.mainWrap header:hover{background-color:rgba(255,255,255, 0.3); transition:all 0.2s;}
.mainWrap header.Fixed{display:block; position:fixed; width:100%; height:70px; top:0; border:none; background-color:rgba(255,255,255, 0.9); z-index:997;}
.mainWrap header.Fixed .HeaderNav_LargeMenuWide > ul > li a{color:#111;}
.mainWrap header.Fixed .HeaderNav_GNBmenu .Logo img{filter:brightness(0%);}
.mainWrap .SubNav{display:none;}
	/*시술페이지_헤더*/
	header .headerWrap{position:fixed; top:0; left:0; z-index:9999; display:table; height:80px; transition:0.5s; width:100%;}
	.subtWrap header.Fixed{width:100%; height:70px;}
	.subtWrap header.Fixed .HeaderNav_LargeMenuWide > ul > li a{color:#111;}
	.subtWrap header.Fixed .HeaderNav_GNBmenu .Logo img{filter:brightness(0%);}
	.subtWrap header.Fixed .RightBox{color:#111;}
	/*게시판상세보기_헤더*/
	.ViewWrap header .HeaderNav_LargeMenuWide > ul > li a{color:#111;}
	.ViewWrap header .HeaderNav_GNBmenu .Logo img{filter:brightness(0%);}
	.ViewWrap header .RightBox{color:#111;}

/* member페이지 */
.memberWrap header .HeaderNav_GNBmenu {background-color:#fff !important;}
.memberWrap header .HeaderNav_GNBmenu i{color:#000 !important;}

.SubNav{position:relative; z-index: 1;}
.mainWrap .HeaderNav_LargeMenuWide{width:1920px;}
.HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu{background-color:rgba(255,255,255,0.6);}
.HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu{border:none;}
.HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide{top:70px;}
.HeaderNav_LargeMenuWide > ul > li a .line{width:30px;left:40%; background-image:linear-gradient(transparent calc(100% - 2px), #8d8e90 0px);}
.HeaderNav_LargeMenuWide .Code10183 .SmallMenu ul{width:50%;}
.HeaderNav_LargeMenuWide .Code10556 .SmallMenu ul{width:64%;}
.HeaderNav_LargeMenuWide .Code10184 .SmallMenu ul{width:81%;}
.HeaderNav_LargeMenuWide .Code10186 .SmallMenu ul{width:106%;}
.HeaderNav_LargeMenuWide .Code10188 .SmallMenu ul{width:126%;}
.HeaderNav_LargeMenuWide .Code10189 .SmallMenu ul{width:136%;}
.HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu ul li{height:50px;}
.HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu ul li a{color:#333333;}
.HeaderNav_LargeMenuWide > ul > li a{color:#fff; height:70px; line-height:50px;}
.HeaderNav_LargeMenuWide{background:none;}
.HeaderNav_GNBtop.Inner{display:none;}
.HeaderNav_LargeMenuWide > ul{width:1400px;}
.HeaderNav_LargeMenuWide > ul > li{width:12%; height:70px;}
.HeaderNav_LargeMenuWide > ul > li > a{line-height:70px;}

	/* ----------------------------------------------------------------------------------------------------------- */
	/* 주메뉴 */
	.HeaderNav_GNBmenu{border:none; height:70px; width:1920px; margin:0 auto;}
		.Logo{position:absolute; display:table; left:8%; z-index:1; height:70px; width:94px;}
		.Logo h1{display:table-cell; vertical-align:middle;}
		.Logo h1 img{width:100%;}
		/* 장바구니,로그인 */
		.RightBox{position:absolute; display:flex; align-items:center; right:20px; z-index:1; height:70px; width:219px; top:0; color:#fff;}
		.RightBox .Cart{display:none;}
		.RightBox .Banner21 ul{display:flex;}
		.RightBox .Banner21 ul li{padding:0 10px;}

	/* 소메뉴1 */
	.clinicInfoWrap .SubNav{display:none;}
	.SubNav_Small.SubNav_Small1{border-bottom:1px solid #ddd; margin:0; height:60px;}
	.SubNav_Small1 ul{border:none;}
	.SubNav_Small1 li{border-right:none; height:59px; color:#b6babc; font-weight:600;}
	.SubNav_Small1 li.Action a{background-color:unset; color:#111; display:flex; flex-direction:column; align-items:center; position:relative;}
	.SubNav_Small1 li.Action a::after{content:''; display:block; width:30px; height:2px; background-image:linear-gradient(transparent calc(100% - 2px), #8d8e90 0px); #8d8e90 0px); position: absolute; bottom: -7px;}
	.SubNav_Small1 li:hover a{background-color:unset; color:#111;}

	
	/* 스크롤시 상단고정픽스 */
	.SubNav.Fixed .SubNav_Small.SubNav_Small1{display:none; margin:0;} 
	
	.SubNav_Small1 + .SubNav_Small2 ul{border-color:#eae7ef; border-radius:0;}
	.SubNav_Small2 li{border:none;}


/* ================================================================================================= */
/* 하단푸터 */
.Footer_Area *{}
.Footer_AreaComm{padding-bottom:0;}

	/* -------------------------------------------------------------------------------------------------------------------------------- */	
	/* 빠른상담신청 */
	.Contact_Quick{display:none}

	/* -------------------------------------------------------------------------------------------------------------------------------- */	
	/* 상세정보 */
	.Company_Area *{color:#000; font-weight:normal;}
	.Company_Area{background-color:#272727; padding:130px 0 100px;}
	.Company_Area .Inner{display:flex; width:1400px; min-width:1400px;}
	.Company_Area .Inner > div{width:calc(100% / 3);}

		/* 대표전화 ------------------------------------------------------------------------------------------ */
		.Company_Area .Tel{display:block; width:100%;}
		.Company_Area .Tel .CompanyTitle{line-height:2.5em; font-size:24px; font-weight:600; color:#fff; display:flex; align-items:center;}
		.Company_Area .Tel .CompanyTitle:after{content:''; display:inline-block; width:60%; height:1px; margin-left:30px; background-color:#fff;}
		.Company_Area .Tel p a{font-size:40px; font-weight:700; color:#fff;}
	
		/* 주소 ------------------------------------------------------------------------------------------ */
		.Company_Area .Address{display:block; width:100%; margin:45px 0;}
		.Company_Area .Address .CompanyTitle{line-height:2.5em; font-size:24px; font-weight:600; color:#fff; display:flex; align-items:center;} 
		.Company_Area .Address .CompanyTitle:after{content:''; display:inline-block; width:70%; height:1px; margin-left:30px; background-color:#fff;}
		.Company_Area .Address label .Right{font-size:21px; color:#fff; font-weight:600; line-height:1.3em;}
		.Company_Area .Address label p{display:flex; align-items:center; color:#fff; font-size:16px; margin-top:10px; font-weight:500;}
		.Company_Area .Address label p .SubWay01{display:inline-block; width:60px; height:25px; border-radius:50px; background-color:#bd0a1c; color:#fff; display:flex; justify-content:center; align-items:center; font-weight:600; margin-right:5px; font-size:13px;}
		.Company_Area .Address label p .SubWay02{display:inline-block; width:22px; height:22px; border-radius:50px; background-color:#ff9308; color:#fff; display:flex; justify-content:center; align-items:center; font-weight:600; margin-right:8px; font-size:15px;}

		/* 진료시간 ------------------------------------------------------------------------------------------ */
		.Company_Area .Time{display:block; width:100%;}
		.Company_Area .Time .CompanyTitle{line-height:2.5em; font-size:24px; font-weight:600; color:#fff; display:flex; align-items:center;}
		.Company_Area .Time .CompanyTitle:after{content:''; display:inline-block; width:60%; height:1px; margin-left:30px; background-color:#fff;}
		.Company_Area .Time label pre{color:#fff; font-size:18px; font-family:'Pretendard';}
		.Company_Area .Time label .Left{width:20%;}
		.Company_Area .Time label + p{color:#fff; font-weight:500; font-size:16px; padding-top:10px;}

		/* 지도 ------------------------------------------------------------------------------------------ */
		.Company_Area .ContCenter{width:50% !important;}
		.Company_Area #aboutmap26{height:500px;}
		.Company_Area #aboutmap26 >div{top:-75px !important; left:-70px !important;}

		/* 유튜브 ------------------------------------------------------------------------------------------ */
		.Company_Area > .Inner .ContRight{margin-left:60px;}
		.Company_Area > .Inner .ContRight .Title{font-size:30px; font-weight:600; color:#fff; margin-bottom:25px; display:flex; align-items:center;}
		.Company_Area > .Inner .ContRight .Title:after{content:''; display:inline-block; width:60%; height:1px; margin-left:30px; background-color:#fff;}
		.Company_Area > .Inner .ContRight .YoutubeVideo{margin-bottom:20px;}
		
	
	/* -------------------------------------------------------------------------------------------------------------------------------- */	
	/* 기본정보 */
	.Bottom_Area *{font-weight:400; text-align:left; font-size:11pt !important; border:none;} 
	.Bottom_Area{background-color:#272727;}

		/* 필수정보 ------------------------------------------------------------------------------------------ */
		.Bottom_Area{}

			/* 정보 */
			.Bottom_Area .Inner{width:100%; display:flex; flex-direction:column; align-items:center;}
			.Bottom_Area .ConBottom{width:1400px; display:flex; align-items:center;}
			.Bottom_Area .ConBottom .Add{color:rgba(255,255,255,0.6);}
			.Bottom_Area .ConBottom .ContCenter{margin-left:100px;}
			.Bottom_Area .ConBottom .ContCenter p span{line-height:1.8em;}

			/* 약관동의 */
			.Bottom_Area .ConTop{width:100%; border-top:1px solid rgba(255, 255, 255, 0.3); border-bottom:1px solid rgba(255,255,255,0.3);}
			.Bottom_Area .ConTop .Link{width:1400px; border:none;}
			.Bottom_Area .ConTop .Link ul{width:100%; height:60px; display:flex; justify-content:flex-end; align-items:center;}
			.Bottom_Area .ConTop .Link ul li{color:#fff;}
			.Bottom_Area .ConTop .Link ul li:first-child a{border-left:none;}
			.Bottom_Area .ConTop .Link ul a{color:#fff; padding:0 1.2em; border-left: 2px solid #e9e9e9;}
	
			/* 로고 */
			.Bottom_Area .AddLogo{margin-bottom:0;}

			/* 브레인메디 */
			.Bottom_Area .create{padding-top:20px;}
			.Bottom_Area .create a{margin-left:10px;}

	/* -------------------------------------------------------------------------------------------------------------------------------- */	
	/* 퀵메뉴 */
	.QuickArea{}
	.QuickArea_Btn .CLOSE{display:none;}
	.QuickArea section{z-index:997; bottom:16%; top:auto;}
	.QuickArea_Link{width:130px;}
	
		.QuickArea_Link{border-radius:100px;}
		.QuickArea_Link *{box-shadow:none;}
		.QuickArea_Link ul{background:none; display:flex; flex-direction:column;}
		.QuickArea_Link li{background:none; border:none; padding:0; margin-bottom:10px;}
		.QuickArea_Link li.Tel{display:none;}
		.QuickArea_Link li{width:90px; height:80px; background-color:#111111; border-radius:10px;} 
		.QuickArea_Link li a{width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
		.QuickArea_Link li a span{padding-top:5px; width:100%; display:block; font-size:11pt; font-weight:500; letter-spacing:0.5px; color:#fff; text-align:center; font-family:"Pretendard";}
		.QuickArea_Link .Quick_GoTop{height:10px;}
		.QuickArea_Link .Quick_GoTop span{margin-left:5px; color:#111111; font-weight:800;}
		.QuickArea_Link .Quick_GoTop a i{color:#111111;}
		.QuickArea_Link li a > img{display:block; width:30%; margin:0 auto;}
		.QuickArea_Link .BannerThum3 a > img{width:22%;}
		.QuickArea_Link .BannerThum7 a{align-items:flex-start;}
		.QuickArea_Link .BannerThum7 a p{font-size:14px;}
		.QuickArea_Link .BannerThum7 a span{text-align:left; font-size:20px; padding-top:0;}

		.QuickArea_Link .BannerThum7{order:7;}
		.QuickArea_Link .Quick_GoTop{order:8;}

		.QuickArea_Link li a em{position:absolute; padding:5px; background-color:#cell; left:-142px; top:-54%; border-radius:100px; width:auto; display:none; border-radius:10px;}
		.QuickArea_Link li a em img{display:block; width:max-content; border-radius:5px;}
		.QuickArea_Link li a em:after{border-top:5px solid transparent; border-left:9px solid #1b1b43; border-right:5px solid transparent; border-bottom:5px solid transparent; content:''; position:absolute; bottom:48%; z-index:2; margin-left:-3px; right:-13px;}
		
		/* 상단으로 */
		.QuickArea_Link li.Quick_GoTop{background:none;}
			
	/* -------------------------------------------------------------------------------------------------------------------------------- */