@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Gowun+Batang&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Gowun+Batang&family=Marcellus&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2');

/*
오다한의원
NC00332
*/

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


/* ================================================================================================= */
/* 헤더 */
header.Fixed .headerWrap{background:rgba(255,255,255,0.6);}
header .headerWrap{position:fixed; top:0; left:0; z-index:9999; display:table; height:80px; transition:0.5s; width:100%; border-bottom:1px solid #fff;}
header .headerWrap:hover{background:rgba(255,255,255,0.6);}
header .headerWrap:hover .HeaderNav_GNBmenu .MenuBig > a{color:#333;}
header .headerWrap:hover .Member li span{color:#333;}
header .headerWrap:hover .Logo img{filter:brightness(0);}
header.Fixed .headerWrap .HeaderNav_GNBmenu .MenuBig > a{color:#333;}
header.Fixed .headerWrap .Member li span{color:#333;}
header.Fixed .headerWrap .Logo img{filter:brightness(0);}
header .HeaderNav_SmallMenuCube dd.SubNav_Hide02{display:none;}
header.Fixed .BranchrOpen p{border:1px solid #333;}
header.Fixed .BranchrOpen p i{color:#333;}
header.Fixed .BranchrOpen p strong{color:#333;}
header .headerWrap:hover .BranchrOpen p{border:1px solid #333;}
header .headerWrap:hover .BranchrOpen p i{color:#333;}
header .headerWrap:hover .BranchrOpen p strong{color:#333;}
/*레이아웃*/
header .headerWrap .Logo{position:relative; display:table-cell; width:15%; vertical-align:middle;}
header .headerWrap .HeaderNav_GNBmenu{position:relative; display:table-cell; width:60%; vertical-align:middle;}
header .headerWrap .Member{position:relative; display:table-cell; width:15%; vertical-align:middle; padding-right:100px;}
	/*로고*/
	header .headerWrap .Logo img{width:130px;}
	/*대메뉴*/
	header .HeaderNav_GNBmenu{border:0;}
	header .HeaderNav_LargeMenu{width:100%; text-align:center;}
	header .HeaderNav_GNBmenu .HeaderNav_Menu{width:10%; display:inline-block;}
	header .HeaderNav_GNBmenu .MenuBig > a{font-size:12pt; height:80px; line-height:80px; font-weight:500; color:#fff;}
	/*로그인아웃*/
	header .Member li{display:inline-block; padding-left:10px; font-size:9pt; }
	header .Member li span{color:#fff;}
	/*소메뉴*/
	.HeaderNav_SmallMenuCube{top:80px;}
	.HeaderNav_SmallMenuCube dl:before{display:none;}
	.HeaderNav_SmallMenuCube dl{width:100%; background-color:#fff; border-top:2px solid #614a44;}
	.HeaderNav_LargeMenu .MenuBig a{color:#000; transition:0.2s;}
	.HeaderNav_LargeMenu .MenuBig a:hover{color:#614a44; font-weight:600;}
	/* 지점선택 */
	header .BranchrOpen{display:table-cell; position:relative; text-align:right; width:10%; margin-right:0; vertical-align:middle; cursor:pointer; display:none;}
	header .BranchrOpen p{font-size:10pt; padding:8px 15px; background-color:transparent; border:1px solid #fff; line-height:1; text-align:left;}
	header .BranchrOpen p strong{font-weight:normal; color:#fff;}
	header .BranchrOpen p i{font-size:9pt; font-weight:normal; float:right; color:#fff;}
	header .HeaderNav_BranchrNetwork{padding:0; border:none; background-color:#fff; right:-0; top:60px; width:100%;}
	header .HeaderNav_BranchrNetwork a{font-size:10pt; }
	header .HeaderNav_BranchrNetwork p{border:none !important;}
	header .HeaderNav_BranchrNetwork a strong{color:#333;}
	header .HeaderNav_BranchrNetwork .BranchList2 .List dt{display:none;}
	header .HeaderNav_BranchrNetwork .BranchList2 .List dd{width:108px;}
	header .HeaderNav_BranchrNetwork .BranchList2 .List a{width:100%; display:block; border:none; font-size:10pt; padding:8px 15px; background-color:#585757; line-height:1; text-align:left}
	header .HeaderNav_BranchrNetwork .BtnClose{display:none;}

/* 서브페이지의 메뉴 */
.SubNav.Fixed{display:block; position: relative !important; top:0 !important;}
.SubNav_Small.SubNav_Small1{display:none;}
.boardWrap .SubNav_Small2 li a{font-size:12pt; color:#444; border:1px solid #444; background-color:#fff;}
.boardWrap .SubNav_Small2 li:hover a{background:#f3d6ca; color:#444;}
.boardWrap .SubNav_Small2 li.Action a{color:#fff; border:1px solid #eb9b7a; background:#eb9b7a;}

/*장바구니*/
header .rightBox{position:absolute; right:78px; top:50%; transform:translate(0,-50%);}
header .rightBox .Badge{background-color:#e5a784; width:18px; height:18px; right:-12px; top:-7px; color:#fff; border-radius:500px; position:absolute;}
header .rightBox .Badge span{padding-top:2px; font-size:10pt;}
header .rightBox i{color:#fff; font-size:18pt;}
header .headerWrap:hover .rightBox i{filter:brightness(0);}
header.Fixed .headerWrap .rightBox i{filter:brightness(0);}

/*특정페이지 헤더*/
.cartWrap{padding-top:80px;}
.cartWrap .headerWrap{border-bottom:1px solid #333;}
.cartWrap header .rightBox i{color:#000;}
.cartWrap header .headerWrap{background:rgba(255,255,255,0.6);}
.cartWrap header .HeaderNav_GNBmenu .MenuBig > a{color:#333;}
.cartWrap header .Member li span{color:#333;} 
.cartWrap header .Logo img{filter:brightness(0);}
.cartWrap header .BranchrOpen p{border:1px solid #333;}
.cartWrap header .BranchrOpen p i{color:#333;}
.cartWrap header .BranchrOpen p strong{color:#333;}

.ViewWrap{padding-top:80px;} 
.ViewWrap .headerWrap{border-bottom:1px solid #333;}
.ViewWrap header .rightBox i{color:#333;}
.ViewWrap header .headerWrap{background:rgba(255,255,255,0.6);}
.ViewWrap header .HeaderNav_GNBmenu .MenuBig > a{color:#333;}
.ViewWrap header .Member li span{color:#333;} 
.ViewWrap header .Logo img{filter:brightness(0);}
.ViewWrap header .BranchrOpen p{border:1px solid #333;}
.ViewWrap header .BranchrOpen p i{color:#333;}
.ViewWrap header .BranchrOpen p strong{color:#333;}


	/* 가격이벤트 페이지 */ 
	.NC00332.PriceWrap .containerWrap{padding:100px 0;}

	/* 예약신청 페이지 */ 
	.NC00332.reserveWrap #container{padding:100px 0;}

	/* 빠른상담 페이지 */ 
	.NC00332.costAskWrap #container{padding:100px 0;}

	/* 시술전후 상세페이지 */ 
	.NC00332.boardWrap #container{padding:100px 0;}
	.NC00332.boardWrap header .Banner21 ul li a {color: #4b3f30;}
	.NC00332.boardWrap header .HeaderNav_GNBmenu .Cart i {color: #4b3f30;}



/* ================================================================================================= */
/* 하단푸터 */
.NC00332 .Footer_Area *{}
.NC00332 .Footer_Area{padding:0;}

	/* -------------------------------------------------------------------------------------------------------------------------------- */	
	/* 빠른상담신청 */
	.NC00332 .Contact_Quick{background-color:#c2b19c; display:none;}
	.NC00332 .Contact_Quick .Title strong{font-weight:500;}
	.NC00332 .Contact_Quick .Btn{background-color:#322622; color:#fff; font-weight:600; font-size:16pt; letter-spacing:-1px; padding:15px 0; transition-duration:250ms;}
	.NC00332 .Contact_Quick .Btn:hover{background-color:#140e0d; transition-duration:250ms;}

	body .C00333 .Contact_Quick{display:block;}
	body .C00338 .Contact_Quick{display:block;}

	/* -------------------------------------------------------------------------------------------------------------------------------- */	
	/* 상세정보 */
	.NC00332 .Company_Area *{color:#000; font-weight:normal;}
	.NC00332 .Company_Area:after{content:''; display:block; background: url('/img/C00332/footer_bottom_logo.png') no-repeat; background-size:cover; width:450px; height:165px; position:absolute; right:0; bottom:0;}
	.NC00332 .Company_Area{background-color:#f6f1ee; padding:80px 0;}
	.NC00332 .Company_Area > .Inner{width:1400px; min-width:1400px; display:table;}
	.NC00332 .Company_Area .ContLeft{display:inline-table; width:700px; padding-right:50px;}
	.NC00332 .Company_Area .ContLeft > div{overflow:hidden;}
	.NC00332 .Company_Area .ContRight{display:inline-table; width:590px;}
	.NC00332 .Company_Area .ContRight > div{overflow:hidden;}
	.NC00332 .Company_Area .ContRight *{word-break:keep-all; margin-top:15px; color: #837767; font-size: 18px;}
	.NC00332 .Company_Area .CompanyTitle{position:relative; display:block; color:#e5a784; letter-spacing:0; line-height:1; font-size:20pt; font-weight:400; font-family:"Marcellus";}
	.NC00332 .Company_Area .CompanyTitle:after{content:''; position:absolute; display:inline-table; vertical-align:middle; width:100%; height:1px; top:50%; margin-top:-0.5px; background-color:#e5a784; z-index:1; margin-left:10px;}
		/* 주소 ------------------------------------------------------------------------------------------ */
		.NC00332 .Company_Area .Address{margin-bottom:40px;}
		.NC00332 .Company_Area .Address .Right{color:#272727;}
		.NC00332 .Company_Area .Address .adTxt{margin-top:10px;}
		.NC00332 .Company_Area .Address .adTxt p{color:#272727; margin-top:0; display:inline-block; vertical-align:middle;}
		.NC00332 .Company_Area .Address .adTxt svg{display:inline-block; width:20px; height:20px; vertical-align:middle; margin-top:0; margin-right:10px;}

		/* 전화번호 ------------------------------------------------------------------------------------------ */
		.NC00332 .Company_Area .Tel{display:block; width:100%; margin-bottom:50px;}
		.NC00332 .Company_Area .Tel p a{font-size:24pt; margin-top:5px; letter-spacing:1px; font-weight:400; line-height:1; color:#272727; font-family:"Marcellus";}

		/* 진료시간 ------------------------------------------------------------------------------------------ */
		.NC00332 .Company_Area .Time{display:block; width:100%;}
		.NC00332 .Company_Area .Time .CompanyTitle{}
		.NC00332 .Company_Area .Time label{margin-top:0;}
		.NC00332 .Company_Area .Time pre{font-size:13pt; line-height:1.8; white-space:pre-line; letter-spacing:-0.5px; display:inline-table; color:#fff;}
		.NC00332 .Company_Area .Time pre.Left{font-weight:500; width:35%; color:#272727;}
		.NC00332 .Company_Area .Time pre.Right{font-weight:500; letter-spacing:-0.5px; color:#272727;}
		.NC00332 .Company_Area .Time p{margin-top:10px; opacity:.6; font-weight: 600;}
		.NC00332 .Company_Area .Time label span{font-size:15pt; line-height:1.6; display:table; width:100%; font-weight:400; display:block; color:#93817a; margin-top:0.5em;}

		/* 지도 ------------------------------------------------------------------------------------------ */
		.NC00332 .Company_Area #aboutmap26{margin-top:30px; height:435px; border:5px solid #ece0d9;}

		/* 배경 ------------------------------------------------------------------------------------------ */
		.NC00332 .Company_Area .Bgtext { position: absolute; bottom: 10px; right: 0; font-family: "Marcellus", serif; letter-spacing: 0.2em; color: #a89987; font-size: 56px; }
	
	/* -------------------------------------------------------------------------------------------------------------------------------- */	
	/* 기본정보 */
	.NC00332 .Bottom_Area *{color:#fff !important; text-align:left; font-size:10.5pt !important; font-weight:200; line-height:1.7 !important; text-align:left;} 
	.NC00332 .Bottom_Area{background-color:#353535; padding:80px 0;}
	.NC00332 .Bottom_Area > .Inner{width:1400px; min-width:1400px; display:flex; margin:0 auto; text-align:center; align-items:center;}
	.NC00332 .Bottom_Area .ContLeft{display:inline-table; width:200px; vertical-align:middle;}
	.NC00332 .Bottom_Area .ContCenter{display:inline-table; width:fit-content; vertical-align:middle; margin-left:100px;}
	.NC00332 .Bottom_Area .ContRight{}

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

			/* 정보 */
			.NC00332 .Bottom_Area .Add p{}
			.NC00332 .Bottom_Area .Add p span{padding:0;}
			.NC00332 .Bottom_Area .Add p span.Item03,
			.NC00332 .Bottom_Area .Add p span.Item04,
			.NC00332 .Bottom_Area .Add p span.Item06{margin-left:2em;}
			.NC00332 .Bottom_Area .Add p b{color:#b9b9b9 !important;}

			/* 퀵링크 */
			.NC00332 .Bottom_Area .QuickLink{position:relative; display:block; margin:5px 0;}
			.NC00332 .Bottom_Area .QuickLink ul{position:relative; display:table;}
			.NC00332 .Bottom_Area .QuickLink ul li{position:relative; display:inline-table; vertical-align:middle;}
			.NC00332 .Bottom_Area .QuickLink ul li a{position:relative; display:block; font-size:11pt; color:#e3d8c5 !important; font-weight:400; line-height:1 !important;}
			.NC00332 .Bottom_Area .QuickLink ul li a:hover{color:#222;}
			.NC00332 .Bottom_Area .QuickLink ul li + li{margin-left:10px; padding-left:10px; border-left:1px solid #e3d8c5;}

			/* 로고 */
			.NC00332 .Bottom_Area .AddLogo{margin:0;}
			.NC00332 .Bottom_Area .AddLogo img{width:180px; margin-bottom:20px;}

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

		/* 링크 ------------------------------------------------------------------------------------------ */
		.NC00332 .Bottom_Area .Link *{padding:0; border:none; line-height:1 !important;}
		.NC00332 .Bottom_Area .Link{border:none; margin-bottom:10px;}
			.NC00332 .Bottom_Area .Link ul{text-align:left;}
			.NC00332 .Bottom_Area .Link ul li{}
			.NC00332 .Bottom_Area .Link ul li + li a{padding-left:7px; margin:0;}
			.NC00332 .Bottom_Area .Link ul li + li a:before{content:''; position:relative; display:inline-table; text-align:left; height:11px; width:1px; margin-right:7px; background-color:#fff;}

	/* -------------------------------------------------------------------------------------------------------------------------------- */	
	/* 퀵메뉴 */
	.NC00332 .QuickArea{}
	.NC00332 .QuickArea_Btn .CLOSE{display:none;}
	.NC00332 .QuickArea section{margin-right:10px; top:24%; z-index:997; bottom:15%; top:auto;}
	
		.NC00332 .QuickArea_Link{border-radius:100px;}
		.NC00332 .QuickArea_Link *{box-shadow:none;}
		.NC00332 .QuickArea_Link ul{background:none;}
		.NC00332 .QuickArea_Link li{background:none; border:none; padding:0; margin-bottom:10px;}
		.NC00332 .QuickArea_Link li.Tel{display:none;}
		.NC00332 .QuickArea_Link li{width:70px; height:55px; padding-left:15px;} 
		.NC00332 .QuickArea_Link li a{width:55px; height:55px; display:table-cell; vertical-align:middle; background-color:#eb9b7a; border-radius:100px;}
		.NC00332 .QuickArea_Link li a span{position:absolute; padding:5px 10px; background-color:#eb9b7a; left:-120px; top:12%; border-radius:100px; width:110px; display:none; font-size:11pt; font-weight:500; letter-spacing:-0.5px; color:#fff;}
		.NC00332 .QuickArea_Link li a > img{display:block; height:22px; width:auto;}
		.NC00332 .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;}
		.NC00332 .QuickArea_Link li a em img{display:block; width:max-content; border-radius:5px;}
		.NC00332 .QuickArea_Link li a em:after{border-top:5px solid transparent; border-left:9px solid #eb9b7a; border-right:5px solid transparent; border-bottom:5px solid transparent; content:''; position:absolute; bottom:48%; z-index:2; margin-left:-3px; right:-13px;}
		.NC00332 .QuickArea_Link li:hover a{background:#eb9b7a !important;} 
		.NC00332 .QuickArea_Link li:hover span{display:none;}
		.NC00332 .QuickArea_Link li:hover em{display:block;}
		.NC00332 .QuickArea_Link li:hover span{background-color:#fff; color: #231714; border:2px solid #f3d0ba;}
		.NC00332 .QuickArea_Link li span:hover{background-color:#fff; color: #231714; border:2px solid #f3d0ba; display:block;}
		.NC00332 .QuickArea_Link li:last-child:hover span{display:none;}
		
		/* 상단으로 */
		.NC00332 .QuickArea_Link li.Quick_GoTop a{background:none;}
		.NC00332 .QuickArea_Link li.Quick_GoTop i{color:#231714; padding-bottom:3px;}
		.NC00332 .QuickArea_Link li.Quick_GoTop a:hover{background:none !important;}
		.NC00332 .QuickArea_Link li.Quick_GoTop span{display:none !important;}
		.NC00332 .QuickArea_Link li.Quick_GoTop a span{display:none !important;}
		.NC00332 .QuickArea_Link li.Quick_GoTop a span:hover{background:none !important;}
		.NC00332 .QuickArea_Link li.Quick_GoTop:hover a{background:none !important;}
		.NC00332 .QuickArea_Link{border:none;}

		body .PriceWrap .QuickArea{display:block;}
		body .PriceWrap .QuickArea section{position:fixed;}