@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');

/*
HRDynamics
C00270
*/

/* ================================================================================================= */
/* 기본구성 */
body{top:0 !important; padding:0 !important;}


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

/* 메인 */
.mainWrap header{display:block; position:absolute; width:100%; top:0; border:none; z-index:997;}
.mainWrap header.Fixed{position:fixed;}

header{display:block; position:relative; width:100%; top:0; border:none; z-index:997;}
header.Fixed{}
header .HeaderNav_Area{min-width:1500px; z-index:1;} 

	/* -------------------------------------------------------------------------------------------------------------------------------- */	
	/* GNB */
	header .HeaderNav_GNB{}
		
		/* 주메뉴(단독펼침) ------------------------------------------------------------------------------------------ */
		.HeaderNav_GNBmenu{border-bottom:1px solid rgb(255 255 255 / 50%); position: absolute; width: 100%; height:70px;}
			/* 로고 */
			.HeaderNav_GNBmenu .Logo{position:absolute; display:table; left:70px; z-index:1; height:60px; width:170px;}
			.HeaderNav_GNBmenu .Logo h1{display:table-cell; vertical-align:middle;}
			.HeaderNav_GNBmenu .Logo h1 a{display: block; width:80%; height:80%;}
			.HeaderNav_GNBmenu .Logo h1 img{width:100%;}
			
			/* 대메뉴 */
			.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu{background-color:rgb(0 158 255 / 90%);}
			.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu{border:none;}
			.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide{top:68px; background: rgb(0 158 255);}
			.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide > ul > li a .line{background-image:linear-gradient(transparent calc(100% - 2px), rgb(0 158 255) 0px); bottom:2px !important;}
			.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu ul li{margin:0 30px;}
			.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu ul li a{color:#fff;}
			.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu ul li a:hover{color:#fff; opacity:.7;}
			.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide > ul > li a{color:#fff; height:70px;}
			.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide{background:none;}
			.HeaderNav_GNBmenu .HeaderNav_GNBtop.Inner{display:none;}
			.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide > ul{width:1300px;}
			.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide > ul > li{width:auto;}
			.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide > ul > li + li{margin-left:8em;}
			.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide > ul > li a{line-height:70px;}
			.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide .SmallMenu > ul > li a{line-height:57px; height:57px;}
			header.Fixed .HeaderNav_GNBmenu{background-color:#fff; border-bottom:1px solid #ddd;}
			.BodyFixed header.Fixed .HeaderNav_GNBmenu a{color:#152442;}
			.BodyFixed header.Fixed .HeaderNav_GNBmenu i{color:#152442;}
			.BodyFixed header.Fixed .HeaderNav_GNBmenu a img{filter:invert(85%) sepia(10%) saturate(5397%) hue-rotate(193deg) brightness(91%) contrast(93%);}
	
			/* 오른쪽박스 */
			.HeaderNav_GNBmenu .RightBox{position:absolute; display:table; right:0px; z-index:1; height:70px; width:230px; top:0; color:#666666;}
			
			@media (max-width:1750px) {
				.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide > ul{width:100%;}
				.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide > ul > li a,
				.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu ul li a{font-size:15px;}
				.HeaderNav_GNBmenu .HeaderNav_LargeMenuWide .HeaderNav_SmallMenuCubeWide .SmallMenu ul li{margin:0 20px;}
			}
			
/* 서브페이지의 메뉴 */
.NC00270 .SubNav{display:none !important;}
.NC00270 .SubNav.Made{display:block !important; position: relative;}
.NC00270 .SubNav .SubNav_Small{margin-top:0;}
.NC00270 .SubNav .InnerContainer{width:1400px; min-width:1400px;}
.NC00270 .SubNav ul.List{position:relative; display:table; width:100%; border:none; border-radius:0; overflow:visible; text-align:center;}
.NC00270 .SubNav .SubNav_Hide02{display:none; height:0; opacity:0;}
.NC00270 .SubNav ul.List *{font-weight:500;}

	.NC00270 .SubNav ul li.TextBox{position:relative; display:inline-table; width:calc(100% / 2); border-bottom:2px solid #f4f6f8; overflow:visible;}
	.NC00270 .SubNav ul li.TextBox{border-left:none; border-right:none;}
	.NC00270 .SubNav ul li.TextBox:first-child{}
	.NC00270 .SubNav ul li.TextBox:nth-child(6n+1):before{position:absolute; width:500vw; content:''; bottom:-2px; background-color:#f4f6f8; height:2px; z-index:2; margin-left:-200vw;}
	.NC00270 .SubNav ul li a{position:relative; display:table-cell; vertical-align:middle; font-size:12pt; font-weight:500; padding:0; overflow:visible;}
	.NC00270 .SubNav ul li a.Active{font-weight:600;}
	.NC00270 .SubNav ul li a:hover{transition-duration:.3s; background:none;}
	.NC00270 .SubNav ul li:hover a{background:none;}
	.NC00270 .SubNav ul li a div{position:absolute; display:block; width:50px; height:2px; opacity:0; bottom:-2px; z-index:2; left:50%; margin-left:-25px;} /* 기본숨김 */
	.NC00270 .SubNav ul li a.Active div,
	.NC00270 .SubNav ul li a:hover div{transition-duration:.3s; opacity:1; background-color:#404041;}
	.NC00270 .SubNav ul li span{position:relative; display:block; width:100%; text-align:center; padding:20px 0; letter-spacing:0;}
	.NC00270 .SubNav .ColorBg{background-color:#d1a28b;color:#fff;}
	.NC00270 .SubNav .ColorTxt{color: #404041;}
	.NC00270 .SubNav ul li a:not(.Active) .ColorBg{background-color:#878787;}
	.NC00270 .SubNav ul li a:not(.Active) .ColorTxt{color: #878787;}

	/* 프로그램 페이지_소메뉴 */
	.clinicInfoWrap .SubNav_Small1{display:none;}
	.clinicInfoWrap .SubNav_Small2 a{line-height: 1.5em !important;}
	.clinicInfoWrap .SubNav_Small2 ul li.TextBox{width:calc(100% / 5);}

/* ================================================================================================= */
/* 하단푸터 */
.NC00270 .Footer_Area *{}
.NC00270 .Footer_Area{padding:0;}
.NC00270 .Footer_Area .Contact_Quick{display:none !important;}

	
	/* -------------------------------------------------------------------------------------------------------------------------------- */
	/* 상세정보 */
	.NC00270 .Company_Area{display:none !important;}


	/* 기본정보 */
	.NC00270 .Bottom_Area *{color:#fff !important; text-align:left; font-size:10.5pt !important; font-weight:200; line-height:1.7 !important; border:none;} 
	.NC00270 .Bottom_Area{background-color:#152442; padding:80px 0;}
	.NC00270 .Bottom_Area > .Inner{width:1400px; min-width:1400px; display:flex; margin:0 auto; text-align:center; flex-direction: column; align-items: center;}
	.NC00270 .Bottom_Area .ContLeft{display:inline-table; width:200px; vertical-align:middle;}
	.NC00270 .Bottom_Area .ContCenter{display:inline-table; width:fit-content; vertical-align:middle;}
	.NC00270 .Bottom_Area .ContRight{}

		/* 필수정보 ------------------------------------------------------------------------------------------ */
		.NC00270 .Bottom_Area .Add{padding:0;}

			/* 정보 */
			.NC00270 .Bottom_Area .Add .Inner {display: flex;}
			.NC00270 .Bottom_Area .Add p{}
			.NC00270 .Bottom_Area .Add p span{padding:0;}
			.NC00270 .Bottom_Area .Add p span.Item01{display:none;}
			.NC00270 .Bottom_Area .Add p span.Item03,
			.NC00270 .Bottom_Area .Add p span.Item04,
			.NC00270 .Bottom_Area .Add p span.Item06{margin-left:1em;}
			.NC00270 .Bottom_Area .Add p span.Item07{margin-left:1em;}
			.NC00270 .Bottom_Area .Add p b{color:#999999 !important;}

			/* 로고 */
			.NC00270 .Bottom_Area .AddLogo{margin-right:100px; margin-bottom:0;}
			.NC00270 .Bottom_Area .AddLogo img{width:180px;}

			/* 브레인메디 */
			.NC00270 .Bottom_Area .Add .create{color:#999999 !important;}
			.NC00270 .Bottom_Area .Add .create img{opacity:.5; height:8.5px !important;}
				
/* ================================================================================================= */

/* [공통하단] */
.commonBottom01{position:relative;}
.commonBottom01 .Inner{position:absolute; top:15%; left:50%; transform:translate(-50%, 50%); text-align:center; color: #fff; display:flex; flex-direction:column; align-items:center;}
.commonBottom01 .Inner p{font-family:"Montserrat", sans-serif; font-weight:700; font-size:20px;}
.commonBottom01 .Inner h2{font-size:30px; line-height:45px; padding:15px 0;}
.commonBottom01 .Inner a{display:block; width:170px; margin-top:20px; padding:10px; border-radius:50px; background-color:rgb(0 158 255 / 50%);}
.commonBottom01 .Inner a:hover{background-color:#009eff;}

/* -------------------------------------------------------------------------------------------------------------------------------- */	
/* 퀵 */
.QuickArea{}
.QuickArea section{margin-right:40px; top:150px;}
.QuickArea_Link{position:relative;}
.QuickArea_Link ul{background:transparent;}
.QuickArea_Link li{border:none; background-color:#ffffff; border-radius:100px; position:relative; width:95px; height:95px; margin:0 auto; margin-bottom:10px; margin-top:10px; transition:0.3s;}
.QuickArea_Link li a img{display:block; width:40%; z-index:2;}  
.QuickArea_Link li a span{color:#fff; font-size:10pt; font-weight:500;}

.QuickArea_Link li:hover{background:#3469b2;}

.QuickArea_Link li:first-child a:before{display:none;}
.QuickArea_Link li:last-child a:before{display:none;}
.QuickArea_Link li a:hover:before{background-color:#fff;}

.QuickArea_Link .Banner20{position:relative;}
.QuickArea_Link .Banner20 a{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); /*width:100%; height:100%; border-radius:500px;*/}

	/* 온오프버튼 */
	.QuickArea_Btn a{display:none;}
	/* 전화 */
	.QuickArea_Link .Tel {display:none;}
	.QuickArea_Link .Tel a{text-align:center;}
	.QuickArea_Link .Tel a p{font-size:14pt;}
	/*색상*/
	.QuickArea_Link li{background:#009eff;}
	.QuickArea_Link li:hover{background:#006eb2;}
	.QuickArea_Link li:hover a span{}
	/*탑으로*/
	.QuickArea_Link .Quick_GoTop{background:transparent; border-radius:500px; margin:0 auto; width:60px; height:60px; position:relative; color:#009eff;}
	.QuickArea_Link .Quick_GoTop a p{color:#009eff;}
	.QuickArea_Link .Quick_GoTop a p span{color:#009eff; font-weight:800;}
	.QuickArea_Link .Quick_GoTop:hover{background:transparent; border:0;}