/*
후한의원
C00366
*/


/* ================================================================================================= */
/* 공통 */
body *{font-family:'Pretendard', 'Noto Sans SC' ; word-break:break-word; line-height:normal; letter-spacing:-0.7pt;}
body{top:0 !important; padding:0 !important;}

/* ================================================================================================= */
/*스크롤바*/
html::-webkit-scrollbar{width:5px;}
html::-webkit-scrollbar-thumb{background-color:#aaa; border-radius:500px;}
html::-webkit-scrollbar-track{background-color:#ccc;}

/* ================================================================================================= */
/* 헤더 */
header.Fixed .headerWrap{background:rgba(255,255,255,0.7); backdrop-filter: blur(2px);}
header .headerWrap{position:fixed; top:0; left:0; z-index:900; display:table; height:80px; transition:0.5s; width:100%; border-bottom:1px solid #595656;}
header .headerWrap:hover{background:rgba(255,255,255,0.7); backdrop-filter: blur(2px);}

header .headerWrap .Logo{position:relative; display:table-cell; width:18%; vertical-align:middle; text-align:left;}
header .headerWrap .HeaderNav_GNBmenu{position:relative; display:table-cell; width:63% !important; min-width:63% !important; vertical-align:middle;}
header .headerWrap .Member{position:relative; display:table-cell; width:11%; vertical-align:middle; text-align:right;}
header .headerWrap .Cart{position:relative; display:table-cell; width:7%; vertical-align:middle; text-align:right; padding-right:60px;}
	/*로고*/
	header .headerWrap .Logo img{width:50%; padding-left:60px;}
	/*GNB*/
	header .HeaderNav_GNBmenu{border:0;}
	header .HeaderNav_LargeMenu .MenuBig a{color:#595656; transition:0.2s;}
	header .HeaderNav_LargeMenu .MenuBig a:hover{color:#000;}
	header .HeaderNav_LargeMenu{width:100%; text-align:center; width:100%; display:inline-flex; align-items:center; justify-content:space-between; gap:1.5em;}
	header .HeaderNav_GNBmenu .HeaderNav_Menu{height:80px; display:flex; align-items:center; width:max-content;}
	header .HeaderNav_GNBmenu .MenuBig > a{font-size:13pt; line-height:1.1; font-weight:500;}
	/*멤버*/
	header .Member li{display:inline-block;}
	header .Member li span{font-size:10pt; color:#595656; font-weight:500;}
	/*장바구니*/
	header .Cart{position:relative;}
	header .Cart .Badge{background-color:#595656; width:20px; height:20px; right:50px; top:20px; border-radius:500px; text-align:center; display:table; position:absolute;}
	header .Cart .Badge span{color:#595656; font-size:9pt; display:table-cell; text-align:center; vertical-align:middle;}
	/*소메뉴*/
	header .HeaderNav_SmallMenuCube{top:80px; width:220px; left:50%; transform:translate(-50%,0);}
	header .HeaderNav_SmallMenuCube dl:before{content:''; width:50px; height:2px; background:#cb3644; display:block; position:absolute; left:50%; top:0; transform:translate(-50%,0);}
	header .HeaderNav_SmallMenuCube dl{width:100%; background:rgba(247,247,247,0.9); border-top:none;}	
	header .HeaderNav_LargeMenu .HeaderNav_SmallMenuCube a{color:#222; font-size:12pt !important; line-height:36pt;}
	header .HeaderNav_LargeMenu .HeaderNav_SmallMenuCube a:hover{color:#cb3644;}	
	/*서브 메뉴*/
	header .SubNav_Hide02{display:none;}

@media screen and (max-width:1600px) {
	header .headerWrap .Logo{width:18%;}
	header .headerWrap .Member{width:18%;}
}
@media screen and (max-width:1400px) {
	header .headerWrap .Logo{width:15%;}
	header .headerWrap .Member{width:15%;}
	header .headerWrap .Logo img{padding-left:30px;}
	header .Member li{padding-right:30px;}
	header .headerWrap .Logo img{width:85%; min-width:4em;}
}
@media screen and (max-width:1300px) {
	header .HeaderNav_GNBmenu .MenuBig > a{font-size:12pt;}
	header .Member li span{font-size:10pt;}
}

/*서브메뉴*/
.SubNav{display:none;}
.SubNav.Fixed{display:none;}

/*장바구니 페이지*/
body .cartWrap header .headerWrap{position:relative; background:#fff;}
body .cartWrap header.Fixed .headerWrap{position:fixed;}

/*예약 페이지*/
body .reservationWrap header .headerWrap{position:relative; background:#fff;}
body .reservationWrap header.Fixed .headerWrap{position:fixed;}

/*뷰 페이지*/
body .ViewWrap header .headerWrap{position:relative; background:#fff;}
body .ViewWrap header.Fixed .headerWrap{position:fixed;}

/*퀵링크 페이지*/
body .memberWrap header .headerWrap{position:relative; background:#fff;}
body .memberWrap header.Fixed .headerWrap{position:fixed;}
body .aboutUninsured header .headerWrap{position:relative; background:#fff;}
body .aboutUninsured header.Fixed .headerWrap{position:fixed;}

/*네트워크 통합 홈페이지*/
body.ForCommWrap header{display:none;}
body.ForCommWrap footer{display:none;}

/* ================================================================================================= */
/*푸터*/
.Footer_Area{padding-bottom:0;}
/*푸터 - 상단영역*/
.Company_Area{content:""; clear:both; display:block; position:relative; width:100%; background:#aea7a2; padding:0;}
.Company_Area .Inner{width:100%; min-width:100%; padding:0;}
/*푸터 - 지도*/
.Company_Area .Link{width:50%; display:inline-table; vertical-align:middle !important;}
.Banner26Other .aboutmap26{height:750px;}
/*푸터 - 오른쪽영역 */
.mapRight{display:inline-table; width:50%; vertical-align:middle !important;}
	/*오른쪽영역 공통*/	
	.mapRight .rightArea{display:block; width:700px; margin-left:80px;}
	.mapRight .rightArea h4{color:#fff; line-height:1;}
	.mapRight .rightArea label{padding-top:30px; display:table; width:100%;}
	.mapRight .rightArea .mapContWrap{padding-top:30px; display:table; width:100%;}
	.mapRight .rightArea .Left{display:table-cell; width:20% !important;}
	.mapRight .rightArea .Left h6{color:#fff; font-weight:600; line-height:2;}
	.mapRight .rightArea .Right{display:table-cell; width:80% !important;}
	.mapRight .rightArea .Right p{color:#fff; font-weight:300; line-height:2;}
	/*오시는길*/
	.mapRight .Map .Right p span{vertical-align:middle; display:inline-block; color:#fff; text-align:center; font-size:16px; margin:0 10px; font-weight:500; border-radius:500px; padding:5px 20px;}
	.mapRight .Map .Right p span:nth-child(n+3){margin-left:0;}
	.mapRight .Map{padding-bottom:30px; border-bottom:1px solid #dccdc6;}
	/*진료시간*/
	.mapRight .Time{padding-top:30px;}
	.mapRight .Time pre.Right p{font-size:20px;}
	/*상담문의*/
	.mapRight .Tel{padding:30px 0; border-bottom:1px solid #dccdc6;}
	.mapRight .Tel a{width:max-content; display:block;}
	.mapRight .Tel a p{color:#fff; font-size:28px; font-weight:700; margin-top:30px;}

/*푸터 - 하단영역*/
footer{background:#222222;}
.Bottom_Area{content:""; clear:both; display:block; position:relative; width:100%; padding-bottom:80px;}
.Bottom_Area .Add{padding:60px 0;}
.Bottom_Area .Add .Inner{width:100%; min-width:100%; padding:0 150px; display:table;}
.Bottom_Area .Add .Inner .leftBox{display:table-cell; width:80%; vertical-align:top;}
.Bottom_Area .Add .Inner .rightBox{display:table-cell; width:20%; vertical-align:top;}
	/*퀵링크*/
	.Bottom_Area .Link{border:0;}
	.Bottom_Area .Link ul{display:block; width:100%;}
	.Bottom_Area .Link ul li{padding:0;}
	.Bottom_Area .Link ul li a{color:#fff; border:0; padding-left:0; padding-right:30px; font-size:12pt; font-weight:600; line-height:1;}
	/*최하단*/
	.Bottom_Area #SkipNavAdd{text-align:left; padding-top:40px;}
	.Bottom_Area #SkipNavAdd span{color:#fff; font-size:10pt; padding:0 10px; line-height:1.8; position:relative;}
	.Bottom_Area #SkipNavAdd span::before{content:''; position:absolute; width:1px; height:10px; background:rgba(217,217,217,0.3); right:0; top:50%; transform:translate(0,-50%);}
	.Bottom_Area .Add p .Item01{display:inline-block; padding-left:0 !important;}
	.Bottom_Area .Add p .Item03::before{display:none;}
	.Bottom_Area .Add p .Item04{display:inline-block; padding-left:0 !important;}
	.Bottom_Area .Add p .Item05::before{display:none;}
	.Bottom_Area .Add p .Item06{display:inline-block; padding-left:0 !important;}
	.Bottom_Area .Add p .Item07::before{display:none;}
	.Bottom_Area .Add p .Item08{display:inline-block; padding-left:0 !important;}
	/*병원정보*/
	.Bottom_Area .Add b{padding-top:30px; font-size:10pt;}
	/*로고*/
	.Bottom_Area .Add .Inner .rightBox img{width:60%;}
	/*브레인메디로고*/
	.Bottom_Area .Add p .create img{filter:grayscale(1);}

/* ================================================================================================= */
/*퀵바*/
body .QuickArea section{right:30px; top:auto; bottom:130px;}
body .Contact_Quick .Btn{background:#cb3644;}
body .QuickArea_Btn{display:none;}
body .QuickArea_Link .Quick_GoTop{display:none;}

body .QuickArea_Link{border-radius:15px; overflow:hidden; box-shadow: 0 0 10px rgba(0,0,0,0.15), 0 2px 2px rgba(0,0,0,0.15);}
body .QuickArea_Link ul{background:#fff;}
body .QuickArea_Link ul li{border-bottom:1px solid #c3c3c3; width:80%; margin:0 auto; padding:15px 0 !important;}
body .QuickArea_Link ul li:nth-last-child{border-bottom:0;}
body .QuickArea_Link a img{display:block; width:auto;}
body .QuickArea_Link a span{color:#595656; font-size:14px; font-weight:500; margin-top:8px;}