@charset "utf-8";
/*
엔오한의원
C00189
*/

@font-face {
    font-family: 'paybooc-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'paybooc-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'paybooc-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'paybooc-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* prevent font resizing (IOS Safari) */
@media screen and (max-device-width: 720px){body{ -webkit-text-size-adjust: none;}}


/* ================================================================================================= */
/* 기본구성 */
body *{font-family:'paybooc-Medium';}
body{min-width:auto !important; padding-top:0 !important; touch-action: pan-y;}



/* ================================================================================================= */
/* 헤더 */

/* 헤더메뉴 */
.NC00189 header .HeaderNav_Area *{color:#fff !important; line-height:1;}
.NC00189 header .HeaderNav_Area{position:relative;}
.NC00189 header .HeaderNav_Area{}

/* 헤더Fixed */
.NC00189 header.Fixed .HeaderNav_Area{}
.NC00189 header.Fixed .HeaderNav_GNBmenu{background-color:#1B1E47;}
.NC00189 header.Fixed .HeaderNav_LargeMenu.Inner{}
.NC00189 header.Fixed .HeaderNav_GNBtop{display:block !important;}
.NC00189 header.Fixed .HeaderNav_GNBtopBox{}

	/* ----------------------------------------------------------------------------------------------------------- */
	/* GNB */
	.NC00189 header .HeaderNav_GNB{border:none; background-color:#1B1E47;}
	
		/* ----------------------------------------------------------------------------------------------------------- */
		/* 상단메뉴 */
		.NC00189 header .HeaderNav_GNBtop{}
		.NC00189 header .HeaderNav_GNBtopBox{display:table; position:relative; width:100%; table-layout:fixed; padding:22px 15px;}
		.NC00189 header .HeaderNav_GNBtopBox > * {}
		
			/* 왼쪽 ------------------------------------------------------------------------------------------ */
			.NC00189 header .HeaderNav_GNBtopBox .LeftBox{display:block; position:relative; vertical-align:middle; text-align:left; z-index:998; left:8%;}
			
				/* 로고 */
				.NC00189 header .HeaderNav_GNBtop .Logo{display:inline-table; position:relative;}
				.NC00189 header .HeaderNav_GNBtop .Logo a img{max-height:1em;}
				
				@media (max-width:1850px) {
					.NC00189 header .HeaderNav_GNBtopBox .LeftBox{left:0; display:table;}
					.NC00189 header .HeaderNav_GNBtop .Logo a img{height:3vw;}
					}
					
			/* 중앙(메뉴가위치할영역) ------------------------------------------------------------------------------------------ */
			.NC00189 header .HeaderNav_GNBtopBox .CentBox{display:table-cell; position:relative; vertical-align:middle;} 
			.NC00189 header .HeaderNav_GNBtopBox .CentBox.Inner{width:1100px; min-width:1100px;} /* 주메뉴가 위치할영역 */
			@media (max-width:1575px) {
				.NC00189 header .HeaderNav_GNBtopBox .CentBox.Inner{width:65%; min-width:65%;}
				}
				
			/* 오른쪽 ------------------------------------------------------------------------------------------ */
			.NC00189 header .HeaderNav_GNBtopBox .RightBox{display:block; position:relative; vertical-align:middle; text-align:right; z-index:998; right:8%;}
			@media (max-width:1575px) {
				.NC00189 header .HeaderNav_GNBtopBox .RightBox{right:3%; margin:0 0 0 auto;}
				}
				
				/* 회원로그인 */
				.NC00189 header .HeaderNav_GNBtop .Member{display:inline-table; width:26%; position:relative; text-align:right;}
				.NC00189 header .HeaderNav_GNBtop .Member li{padding-right:0.5em}
				.NC00189 header .HeaderNav_GNBtop .Member a{white-space:nowrap; padding:0; font-size:13pt; line-height:1; letter-spacing:0;}
				
				/* 22번배너(링크) */
				.NC00189 header .HeaderNav_GNBtop .Link{display:none;}
				
				@media (max-width:1850px) {
					.NC00189 header .HeaderNav_GNBtopBox .RightBox{right:0;}
					}

		/* ----------------------------------------------------------------------------------------------------------- */
		/* 메뉴펼침 */
		.NC00189 header .HeaderNav_GNBmenu *{font-size:13pt !important;}
		.NC00189 header .HeaderNav_GNBmenu{position:absolute; top:0; width:100%; height:100%; border:none; transition: 0.8s;}
		.NC00189 header .HeaderNav_GNBmenu:hover .HeaderNav_SmallMenu{border:none !important;}
		.NC00189 header .HeaderNav_GNBmenu:hover{background-color:#1B1E47; transition: 0.8s;}
		
			/* 대메뉴 ------------------------------------------------------------------------------------------ */
			.NC00189 header .HeaderNav_LargeMenu.Inner{width:1100px; min-width:1100px;}
			.NC00189 header .HeaderNav_LargeMenu .MenuBig{width:20%; transition: 0.8s;}
			.NC00189 header .HeaderNav_LargeMenu .MenuBig a{}
			@media (max-width:1550px) {
				.NC00189 header .HeaderNav_LargeMenu.Inner{width:65%; min-width:65%;}
				}
			/* 소메뉴 ------------------------------------------------------------------------------------------ */
			.NC00189 header .HeaderNav_SmallMenu{min-width:100%;}
			.NC00189 header .HeaderNav_SmallMenu{background-color:#1B1E47;}
			.NC00189 header .HeaderNav_SmallMenu .Inner{width:1100px; min-width:1100px;}
			.NC00189 header .HeaderNav_SmallMenu .MenuSub{width:20%; border-left:1px solid rgb(255 255 255 / 23%); padding-top:15px; padding-bottom:25px; opacity:0; transition: 0.8s;}
			.NC00189 header .HeaderNav_SmallMenu .MenuSub:last-child{border-right-color:rgb(255 255 255 / 23%);}
			.NC00189 header .HeaderNav_SmallMenu .MenuSub dd a{margin-bottom:20px; letter-spacing:0;}
			.NC00189 header .HeaderNav_SmallMenu .MenuSub dd a:hover{}
			@media (max-width:1550px) {
				.NC00189 header .HeaderNav_SmallMenu .Inner{width:65%; min-width:65%;}
				}

			/* 특정 메뉴영역 */
			.NC00189 header .HeaderNav_GNBmenu:hover .MenuBig{width:17.5%;}
			.NC00189 header .HeaderNav_GNBmenu:hover .MenuBig.Code6528{width:30%; transition: 0.8s;}
			.NC00189 header .HeaderNav_GNBmenu:hover .MenuSub{ opacity:1; transition:0.8s;}
			.NC00189 header .HeaderNav_SmallMenu .MenuSub{width:17.5%;}
			.NC00189 header .HeaderNav_SmallMenu .MenuSub.Code6528{width:30%;}
		
		
/* ================================================================================================= */
/* 서브메뉴 */
.NC00189 .SubNav{position:relative; top:0; z-index:1; width:100%;}

/* 서브메뉴Fixed */
.NC00189 .SubNav.Fixed{position:relative; z-index:1; top:0 !important;}
.NC00189 .SubNav.Fixed .SubNav_Small.SubNav_Small1{position:relative;}

	/* ----------------------------------------------------------------------------------------------------------- */
	/* 소메뉴1 */
	.NC00189 .SubNav .SubNav_Area{margin:0 auto;}
	.NC00189 .SubNav .SubNav_Area{position:relative; top:0;}
	.NC00189 .SubNav .SubNav_Area ul{width:70%; border:none; border-radius:0; margin:0 auto !important; padding:50px 0;}
	.NC00189 .SubNav .SubNav_Area li{border:none;}
	.NC00189 .SubNav .SubNav_Area li a{background-color:#fff; font-size:15pt; letter-spacing:0; line-height:1; height:auto; padding:1em 0; border:1px solid #1B1E47; transition-duration:0.4s; color:#1B1E47; font-family:'paybooc-Bold';}
	.NC00189 .SubNav .SubNav_Area li.Action a{background-color:#1B1E47; color:#fff;}
	.NC00189 .SubNav .SubNav_Area li:hover a{background-color:#1B1E47; color:#fff;}
	.NC00189 .SubNav .SubNav_Area li:not(:last-child) a{border-right:none;}

	
	
/* ================================================================================================= */
/* 푸터 */
.NC00189 footer{background-color:#ffffff; display:none;}
.NC00189 footer .Footer_Area{padding:0;}

	/* ----------------------------------------------------------------------------------------------------------- */
	/* 상담신청 */
	.NC00189 footer .Contact_Quick{display:none;}

	/* ----------------------------------------------------------------------------------------------------------- */
	/* 상세정보 */
	.NC00189 footer .Company_Area{padding:60px 0px;}
	.NC00189 footer .Company_Area .Tel span{display:block; font-size:14pt; font-family:'paybooc-Bold'; margin-bottom:0.7em;}
	.NC00189 footer .Company_Area .Tel a p{color:#30336f; font-size:33pt;}
	.NC00189 footer .Company_Area .Link .Banner26Other p{font-size:12pt;}

	/* ----------------------------------------------------------------------------------------------------------- */
	/* 기본정보 */
	.NC00189 footer .Bottom_Area{}
	.NC00189 footer .Bottom_Area .Link{display:none;}
	.NC00189 footer .Bottom_Area .Add{border-top:1px solid #d5d5d5;}
	.NC00189 footer .Bottom_Area .Add .AddLogo > img{width:16em;}
	.NC00189 footer .Bottom_Area .Add #SkipNavAdd *{color:#8b8b8b;}

	/* ----------------------------------------------------------------------------------------------------------- */
	/* 퀵바버튼  */
	.NC00189 aside.QuickBanner{display:block; position:fixed; right:2%; bottom:0% ; max-width:fit-content; z-index:100;}
	.NC00189 .QuickBanner .BannerMain{display:block; position:relative;}
	.NC00189 .QuickBanner .List{display:block; position:relative;}
	.NC00189 .QuickBanner .BannerThum{display:block; position:relative;}
	.NC00189 .QuickBanner .BannerThum a{display:block; position:relative; animation:QuickBanner_Animation 0.6s 0s infinite ease-in-out alternate;}
	.NC00189 .QuickBanner .BannerThum a:hover img{opacity:.9; transition-duration:300ms;}
	.NC00189 .QuickBanner .BannerThum a img{max-width:fit-content;}
	.NC00189 .QuickBanner .BannerThum a:hover{}
	.NC00189 .QuickBanner .BannerThum .Btn_Close{display:block; position:absolute; right:6%; top:13%; background: rgb(141 141 141 / 42%);; border-radius:50%; padding:0.5em; overflow:hidden; z-index:101;}
	.NC00189 .QuickBanner .BannerThum .Btn_Close img{width:0.8em; }
	.NC00189 .QuickBanner .BannerThum + .Banner19 .BannerThum{margin-bottom:1em;}
	@keyframes QuickBanner_Animation{
		0%{margin-bottom:10px;}
		100%{margin-bottom:20px;}
	}