/*
유니성형외과
C00305
*/

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

/* ================================================================================================= */
/*헤더*/
header{position:fixed; width:100%; z-index:900;}
header:hover{}
header .HeaderNav_Area{max-width:1920px; position:relative; left:50%; width:100%; transform:translate(-50%, 0%) !important; min-width:1400px;}
header .HeaderNav_GNB{position:relative; z-index:900; padding:15px 0;}
header .HeaderNav_LargeMenu.Inner{width:1300px; min-width:1300px;}
header .HeaderNav_SmallMenu .Inner{width:1300px; min-width:1300px;}
header .HeaderNav_GNBmenu{border:0;}
header .HeaderNav_GNB .Logo{position:absolute; top:50%; left:80px; transform:translate(0,-50%); z-index:900;}
header .HeaderNav_GNB .Logo img{max-width:70%;}

header .HeaderNav_GNBtop .HeaderNav_GNBmenu{width:100%; text-align:center; border:0;}
header .HeaderNav_GNBtop .HeaderNav_GNBmenu .HeaderNav_LargeMenu{height:100%; display:inline-flex; width:100%; align-items:center; justify-content:space-between;}
header .HeaderNav_GNBtop .HeaderNav_GNBmenu .HeaderNav_Menu{width:auto;}
header .HeaderNav_SmallMenu{margin-top:15px;}

header .HeaderNav_SmallMenu .MenuSub{padding-top:0;}
header .HeaderNav_SmallMenu .MenuSub dl{padding-top:15px;}

header .HeaderNav_LargeMenu .MenuBig a{font-family:'Pretendard'; font-size:13pt; position:relative; z-index:999; color:#fff; font-weight:600;}
header .HeaderNav_SmallMenu .MenuSub dd a{font-family:'Pretendard'; font-size:11pt; line-height:1.5; color:#000;} 
header .HeaderNav_SmallMenu .MenuSub dd a:hover{color:#8b8684;}

header .HeaderNav_GNBtop .headerIcon{width:8%; display:table-cell;}
header .HeaderNav_GNBmenu{z-index:1;}

.HeaderNav_GNBmenu .RightBox .Cart{display:none;}
.HeaderNav_GNBmenu .RightBox .Member{position:absolute; right:80px; top:30%;}
.HeaderNav_GNBmenu .RightBox .Member ul{display:flex;}
.HeaderNav_GNBmenu .RightBox .Member ul li{padding:0 10px;}
.HeaderNav_GNBmenu .RightBox .Member ul li a{font-family:'Pretendard'; color:#fff; font-size:10pt;}

/*픽스*/
header.Fixed{background-color:rgba(255,255,255, 0.7);}
header.Fixed .HeaderNav_LargeMenu .MenuBig a{color:#000;}
header.Fixed .HeaderNav_GNBmenu .RightBox .Member ul li a{color:#000;}
header.Fixed .HeaderNav_GNB .Logo img{filter:brightness(0);}

/*뷰페이지*/
body .ViewWrap header{position:relative;}
body .ViewWrap header .HeaderNav_LargeMenu .MenuBig a{color:#000;}
body .ViewWrap header .HeaderNav_GNBmenu .RightBox .Member ul li a{color:#000;}
body .ViewWrap header .HeaderNav_GNB .Logo img{filter:brightness(0);}
body .ViewWrap header.Fixed{position:Fixed;}

/*비급여항목*/
body .aboutUninsured header{position:relative;}
body .aboutUninsured header .HeaderNav_LargeMenu .MenuBig a{color:#000;}
body .aboutUninsured header .HeaderNav_GNBmenu .RightBox .Member ul li a{color:#000;}
body .aboutUninsured header .HeaderNav_GNB .Logo img{filter:brightness(0);}
body .aboutUninsured header.Fixed{position:Fixed;}

/*멤버*/
body .memberWrap header{position:relative;}
body .memberWrap header .HeaderNav_LargeMenu .MenuBig a{color:#000;}
body .memberWrap header .HeaderNav_GNBmenu .RightBox .Member ul li a{color:#000;}
body .memberWrap header .HeaderNav_GNB .Logo img{filter:brightness(0);}
body .memberWrap header.Fixed{position:Fixed;}

/*글쓰기*/
body .onlineAskWrap header{position:relative;}
body .onlineAskWrap header .HeaderNav_LargeMenu .MenuBig a{color:#000;}
body .onlineAskWrap header .HeaderNav_GNBmenu .RightBox .Member ul li a{color:#000;}
body .onlineAskWrap header .HeaderNav_GNB .Logo img{filter:brightness(0);}
body .onlineAskWrap header.Fixed{position:Fixed;}


	/*소메뉴*/
	.SubNav_Area{display:none;}

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

/*반응형*/
@media (max-width: 1750px) {
	header .HeaderNav_GNB .Logo{left:1%;}
	header .HeaderNav_GNBmenu .RightBox .Member{right:1%;}
}
@media (max-width: 1600px) {
	header .HeaderNav_LargeMenu.Inner{width:1200px; min-width:1200px;}
	header .HeaderNav_SmallMenu .Inner{width:1200px; min-width:1200px;}
}
@media (max-width: 1500px) {
	header .HeaderNav_LargeMenu.Inner{width:1100px; min-width:1100px;}
	header .HeaderNav_SmallMenu .Inner{width:1100px; min-width:1100px;}
}
@media (max-width: 1400px) {
	header .HeaderNav_Area{transform:translate(0%, 0%) !important; left:0;}
}

/* ================================================================================================= */
/*푸터*/
body .Footer_Area {padding:0;}
body .footerBottomSection{position:relative; width:100%; overflow:hidden;}
/*푸터-상*/
body .footerBottomSection .footerArea{width:100%; background:url('/img/C00305/footer_back.jpg')no-repeat; background-size:cover; background-position:center center; padding:50px 0;}
body .footerBottomSection .footerArea .Inner{width:100%; min-width:100%;}
body .footerBottomSection .footerArea .contSection{width:100%; display:table;}
body .footerBottomSection .footerArea .contSection .ContLeft{display:inline-table; vertical-align:middle; width:50%;}
body .footerBottomSection .footerArea .contSection .contRight{display:inline-table; vertical-align:middle; width:50%; padding-left:80px;}
	/*지도*/
	body .footerBottomSection .footerArea .contSection .ContLeft #aboutmap26{width:100%; height:700px; overflow:hidden; border-radius:0 120px 120px 0;}
	/*오른쪽 공통*/
	body .footerBottomSection .footerArea .contSection .contInner{width:100%; display:inline-flex; align-items:start; justify-content:start; padding:40px 0;}
	body .footerBottomSection .footerArea .contSection .contInner .footerTitle{width:25%;}
	body .footerBottomSection .footerArea .contSection .footerTitle span{display:inline-block; vertical-align:middle; margin-right:20px;}
	body .footerBottomSection .footerArea .contSection .footerTitle h4{display:inline-block; vertical-align:middle; color:#fff; font-size:18pt; font-weight:700;}
	/*오시는길*/
	body .footerBottomSection .footerArea .contBox01 p{color:#fff; font-size:16pt; font-weight:400; line-height:1.5;}
	/*대표전화*/
	body .footerBottomSection .footerArea .contBox02 a{color:#fff; display:block; font-size:24pt; font-weight:400; line-height:1;}
	/*진료시간*/
	body .footerBottomSection .footerArea .contBox03 label{width:75%; display:inline-flex; align-items:start; justify-content:start;}
	body .footerBottomSection .footerArea .contBox03 label pre{color:#fff; font-size:16pt; font-weight:400; line-height:1.8;}
	body .footerBottomSection .footerArea .contBox03 label pre.Left{width:30%;}

/* ================================================================================================= */
/*푸터-하*/
/* 기본정보 */
body .footerBottomArea *{color:#fff !important; font-size:10.5pt !important; font-weight:200; line-height:1.7 !important; text-align:center;} 
body .footerBottomArea{background-color:#111111; padding:70px 0 140px;}
body .footerBottomArea .Add{padding:0;}
body .Footer_Area .AddLogo img{width:100px;}
body #SkipNavAdd span{color:#c8c8c8 !important; padding:0 15px;}
body #SkipNavAdd .Item01{color:#fff !important; display:block;}
body #SkipNavAdd b{color:#c8c8c8 !important; display:block;}
body #SkipNavAdd .create{color:#c8c8c8 !important;}
		/* 퀵링크 */
		body .footerBottomArea .Link{border:none; margin:40px 0;}
		body .footerBottomArea .Link ul{width:100%; display:flex; justify-content:center;}
		body .footerBottomArea .Link ul li{}
		body .footerBottomArea .Link ul li a{padding:0px 10px; border-left:1px solid #fff;}
		body .footerBottomArea .Link ul li:first-child a{border:0;}

/* ================================================================================================= */
/* 빠른상담신청 */
.Contact_Quick *{color:#6b5a4b;}
.Contact_Quick .AgreeBox label big{color:#6b5a4b !important;}
.Contact_Quick{background-color:#f2ede5;}
.Contact_Quick >.Inner{min-width:1400px; width:1400px;}
.Contact_Quick .Title strong{text-align:left; font-weight:normal;}
.Contact_Quick dl dd{padding-right:15px;}
.Contact_Quick dl dd:nth-last-child(3){padding-right:20px;;}
.Contact_Quick dd label input, .Contact_Quick dd select, .Contact_Quick dd select option, .Contact_Quick dd textarea{border:none; border-radius:0; cursor:pointer; background:none/* rgb(255 255 255 / 10%) */; color:#6b5a4b; border-bottom:1px solid #6b5a4b;}
.Contact_Quick dd select option{color:#555;}
.Contact_Quick dd label input::placeholder{color:#6b5a4b;}
.Contact_Quick .AgreeBox{display:table; padding:0;}
.Contact_Quick .AgreeBox label{display:inline-table; vertical-align:middle;}
.Contact_Quick .AgreeBox a{display:inline-table; vertical-align:middle; margin-left:5px; background-color:#fff; color:#6b5a4b; border-radius:3px; padding:1px 5px; font-weight:500;}
.Contact_Quick .AgreeBox a:hover{opacity:.7;}
.Contact_Quick .AgreeBox label big{letter-spacing:-1px;}
.Contact_Quick .BtnBox a, .BtnBox button, .BtnBox p span{background-color:#6b5a4b; color:#fff; font-weight:600;}
.Contact_Quick .BtnBox a:hover, .BtnBox button:hover, .BtnBox p span:hover{background-color:#806f60;}
.Contact_Quick .Checkbox small em b{border-radius:2px;}

/* -------------------------------------------------------------------------------------------------------------------------------- */	
/* 퀵메뉴 */
.QuickArea{}
.QuickArea_Btn .CLOSE{display:none;}
.QuickArea section{margin-right:20px; top:30%; z-index:997;}
.QuickArea_Link{border-radius:100px;}
.QuickArea_Link ul{background:none;}
.QuickArea_Link li{border-radius:100px; background-color:#444; border:none; padding:0; margin-bottom:10px;}
.QuickArea_Link li:last-child{box-shadow:none;}
.QuickArea_Link li.Tel{display:none;}
.QuickArea_Link li{width:53px; height:53px;}
.QuickArea_Link li a{width:53px; height:53px;}
.QuickArea_Link li a span{position:absolute; padding:5px 10px; background-color:#6b5a4b; left:-140px; top:15%; border-radius:100px; width:125px; display:none; font-size:10pt;}
.QuickArea_Link li a img{display:block; width:auto;}
.QuickArea_Link li:hover span{display:block;}
.QuickArea_Link li:hover{background-color:#6b5a4b;}
.QuickArea_Link li:hover span{background-color:#6b5a4b; color:#fff;}

.QuickArea_Link li.Quick_GoTop{background:none; color:#444;}
.QuickArea_Link li.Quick_GoTop i{color:#444;}
.QuickArea_Link li.Quick_GoTop span{display:none;}
.QuickArea_Link {border:none;}