/*
루미노즈의원
C00392
*/


@import url(/clinicInfoLnose/css/utility.css);
@import url(/clinicInfoLnose/css/Kalnia.css);
@import url(/clinicInfoLnose/css/Montserrat.css);
@import url(/clinicInfoLnose/css/Belleza.css);


/* ================================================================================================= */
/* 팝업 */
body .LayerPopSlider{}


/* ================================================================================================= */
/* 기본구성 */
html{font-size:15px; color:#121212;}
body *{font-family:'Pretendard'; word-break:break-word; line-height:normal; letter-spacing:-0.025em; line-height:1;}
body{top:0 !important; padding:0 !important; color:#121212;}


/* ================================================================================================= */
/* 헤더 */
header .HeaderWrap{position:fixed; top:0; left:0; z-index:900; display:flex; align-items:center; height:85px; transition:0.5s; width:100%; background:none;}
header .HeaderWrap:hover,
header.TopFixed .HeaderWrap{background-color:#fff; box-shadow:0 3px 8px rgba(0,0,0,0.1);}
.memberWrap header .HeaderWrap{background-color:#fff; box-shadow:0 3px 8px rgba(0,0,0,0.1);}
.aboutUninsured header .HeaderWrap{background-color:#fff; box-shadow:0 3px 8px rgba(0,0,0,0.1);}
.clinicViewWrap  header .HeaderWrap{background-color:#fff; box-shadow:0 3px 8px rgba(0,0,0,0.1);}

/* 레이아웃 */
header .HeaderWrap .Logo{position:relative; display:inline-flex; width:27%; vertical-align:middle; text-align:left; padding-left:150px;}
header .HeaderWrap .HeaderNav_GNBmenu{position:relative; display:inline-flex; width:46% !important; min-width:46% !important; vertical-align:middle;}
header .HeaderWrap .rightBox{position:relative; display:inline-flex; width:27%; vertical-align:middle; text-align:right; padding-right:150px; gap:30px; justify-content:flex-end; align-items:center;}
	/* 로고 */
	header .HeaderWrap .Logo img{width:auto;}

	/* 대메뉴 */
	header .HeaderNav_GNBmenu{border:0;}
	header .HeaderNav_LargeMenu .MenuBig a{color:#222; transition:0.2s;}
	header .HeaderNav_LargeMenu .MenuBig a:hover{color:#222;}
	header .HeaderNav_LargeMenu{width:100%; text-align:center; width:100%; display:inline-flex; align-items:center; justify-content:space-between; gap:3em;}
	header .HeaderNav_GNBmenu .HeaderNav_Menu{height:85px; display:flex; align-items:center; width:max-content;}
	header .HeaderNav_GNBmenu .MenuBig > a{font-size:var(--px_19); line-height:1.1; font-weight:500;}
	header .HeaderNav_GNBmenu .MenuBig > a:has(+ .HeaderNav_SmallMenuCube):before{content:''; width:6px; height:6px; border-radius:10px; background:#584b40; display:block; position:absolute; left:50%; bottom:17px; transform:translate(-50%,0); opacity:0; transition:200ms; display:none;}

	/* 소메뉴 */
	header .HeaderNav_SmallMenuCube{top:85px; width:200px; left:50%; transform:translate(-50%, 12px); opacity:0; display:block; overflow:hidden; transition:0.3s ease; pointer-events:none; /* transition:max-height 0.4s ease; */}
	header .HeaderNav_SmallMenuCube dl:before{display:none;}
	header .HeaderNav_SmallMenuCube dl{width:100%; background:rgb(194 153 107 / 95%); border-top:none; transition:300ms; border-radius:10px; margin-top:8px;}
	header .HeaderNav_SmallMenuCube dd{display:flex; flex-direction:column; gap:1.5em; padding:1.5em 0em;}
	header .HeaderNav_LargeMenu .HeaderNav_SmallMenuCube a{color:#fff; font-size:17px !important; line-height:1.2; font-weight:400;}
	header .HeaderNav_LargeMenu .HeaderNav_SmallMenuCube a:hover{color:#f1dec8;}
	header .HeaderNav_Menu:hover .HeaderNav_SmallMenuCube{/* max-height:500px; */ transform:translate(-50%, 0); opacity:1; pointer-events:auto;}
	header .HeaderNav_GNBmenu .MenuBig:hover > a:has(+ .HeaderNav_SmallMenuCube):before{opacity:1;}

	/* 로그인아웃 */
	header .Member{position:relative; display:flex; align-items:center; gap:10px;}
	header .Member li{display:inline-block;}

	header .Member li span{font-size:var(--px_15); color:rgba(34, 34, 34, 0.70); font-weight:500;}

	/* 1개숨김 */
	header .SubNav_Hide02{display:none;}

@media screen and (max-width:1700px) {
	header .HeaderWrap .HeaderNav_GNBmenu{width:54% !important;  min-width:54% !important;}
	header .HeaderWrap .Logo{width:23%;}
	header .HeaderWrap .rightBox{width:23%;}
}
@media screen and (max-width:1360px) {
	header .HeaderWrap .HeaderNav_GNBmenu{width:64% !important;  min-width:64% !important;}
	header .HeaderWrap .Logo{width:18%; padding-left:40px;}
	header .HeaderWrap .rightBox{width:18%; padding-right:40px;}
}


/* ================================================================================================= */
/*서브페이지 서브메뉴*/
body .SubNav{padding:0; margin:0;}
body .SubNav.Fixed{display:block; position:relative;}
body .SubNav .SubNav_Small1{display:none;}
body .SubNav .SubNav_Small2,
body .SubNav .SubNav_Small2 *{margin:0; padding:0; border:none;}
body .SubNav .SubNav_Small2{}
body .SubNav .SubNav_Small2 .InnerContainer{width:100%; min-width:100%; height:140px;}
body .SubNav .SubNav_Small2 ul{display:flex; gap:var(--px_100); justify-content:center; height:100%; align-items:center;}
body .SubNav .SubNav_Small2 ul li{width:fit-content; position:relative; height:fit-content; align-items:center;}
body .SubNav .SubNav_Small2 ul li a{width:fit-content; font-size:var(--px_27); font-weight:500; color:#222; opacity:.5; transition:250ms; line-height:1;}
body .SubNav .SubNav_Small2 ul li.Action a{position:relative; opacity:1; font-size:var(--px_30); background:none; font-weight:700; color:#c5a37e; overflow:visible;}
body .SubNav .SubNav_Small2 ul li.Action:after{content:''; position:absolute; bottom:-10px; left:0; width:100%; height:2px; background-color:#c5a37e;}
body .SubNav .SubNav_Small2 ul li:hover:not(.Action) a{opacity:.8; background:none;}


/* ================================================================================================= */
/* 빠른상담신청 */
body .Contact_Quick{}
body .Contact_Quick{background:rgba(255,255,255,0.60); box-shadow:0 0px 10px rgb(159 159 159 / 30%); height:75px; display:flex; align-items:center; padding:0; bottom:0; backdrop-filter:blur(8px);}
body .Contact_Quick .Inner{min-width:1400px; padding:12px 0 12px 0; border-radius:0; /* background:rgba(255,255,255,0.95); box-shadow:0 0px 12px rgba(0, 0, 0, 0.3); padding:12px 12px 12px 33px;*/  overflow:hidden;}
body .Contact_Quick .Title{margin:0;}
body .Contact_Quick .Title strong{color:#333; font-size:16pt;}
body .Contact_Quick .BtnBox a{background-color:#c2996b; font-weight:600; color:#fff; font-size:16pt; letter-spacing:0; padding:15px 0px; border-radius:10px;}
body .Contact_Quick .AgreeBox a{background-color:#656565;}
body .Contact_Quick .AgreeBox label big{font-weight:500; font-size:9pt; letter-spacing:-0.5px; color:#676767 !important;}
body .Contact_Quick .AgreeBox .Checkbox input:checked ~ .Box i.icon.fill{color:#676767 !important;}
body .Contact_Quick dl{display:flex; align-items:center;}
body .Contact_Quick dl dt:first-child{margin-right:1.5em; width:auto; flex:none;}
body .Contact_Quick .Title{margin:0;}
body .Contact_Quick dl dt:nth-last-child(2){width:28%;}
body .Contact_Quick dl dt:last-child{margin:0 0 0 auto; width:auto;}
body .Contact_Quick dl dd{width:13%;}
body .Contact_Quick dl dd select{border-color:#bdbdbd; height:37px; font-size:11pt;}
body .Contact_Quick dl dd input{border-color:#bdbdbd; height:37px; font-size:11pt; padding:0 0 0 10px !important;}



/* ================================================================================================= */
/* 우측퀵 */
body .QuickArea_Link{width:auto;}
body .QuickArea section{right:30px; top:30%; z-index:800;}
body .QuickArea_Link .Tel{display:none;}
body .QuickArea_Btn .CLOSE{display:none;}
body .QuickArea_Link li a i{display:none !important;}
body .QuickArea_Link ul{width:auto; background:transparent;}
body .QuickArea_Link li{width:65px; height:65px; border-radius:100px; position:relative; background:rgba(0, 0, 0, 0.35); margin-bottom:10px; padding:0; border:0; transition:100ms; }
body .QuickArea_Link li:hover{background:rgba(0, 0, 0, 0.50);}
body .QuickArea_Link li a{display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:100%; background:transparent;}
body .QuickArea_Link li a img{display:block; width:fit-content; transition:200ms;}
body .QuickArea_Link li a span{position:absolute; top:50%; transform:translate(-100%, -50%); color:#fff; font-weight:500; margin-top:0; opacity:0; transition:200ms; font-size:10.5pt; left:0; letter-spacing:-0.5px; width:max-content; background:rgba(0, 0, 0, 0.50); padding:6px 10px; border-radius:100px; text-align:right; word-break:keep-all;} 
	/* 마우스오버 */
	body .QuickArea_Link li:hover{}
	body .QuickArea_Link li:hover a span{opacity:1; left:-8px;}
	/* 상단으로버튼 */
	body .QuickArea_Link .Quick_GoTop{background:#a3411f; display:none;}
	body .QuickArea_Link .Quick_GoTop a span{opacity:1; color:#fff; font-size:12pt; font-weight:600; letter-spacing:1px;}
	body .QuickArea_Link .Quick_GoTop:hover{background:#883519;}
	

/* ================================================================================================= */
/* 푸터 */
body .Footer_Area{padding-bottom:0;}
body .footerArea .footerBottom{background:#fff;}
body .footerArea .footerBottom > .imgArea{padding-bottom:var(--px_70); animation:marquee-rtl 20s linear infinite; width:100%;}
@keyframes marquee-rtl {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}
	/* 하단정보 */
	body .footerArea .footerBottom{padding:0 0 70px 0;}
	body .footerArea .footerBottom .cont01{}
	body .footerArea .footerBottom .cont02{}
	body .footerArea .footerBottom .cont02 .title{position:relative; min-width:140px; color:#B5A897; width:100%; flex:none; display:flex; align-items:center; gap:var(--px_10);}
	body .footerArea .footerBottom .cont02 .title:after{content:''; position:relative; width:100%; flex:1; height:1px; background-color:rgba(181, 168, 151, 0.50);}
	body .footerArea .footerBottom .address{}
	body .footerArea .footerBottom .address > p{margin-top:-5px;}
	body .footerArea .footerBottom .tel{}
	body .footerArea .footerBottom .time{}
	body .footerArea .footerBottom .time pre{margin-top:-11px;}
	body .footerArea .footerBottom .time p{white-space: pre-wrap;}
	body .footerArea .footerBottom .parking{}
	body .footerArea .footerBottom .parking .textBox{background-color:#BEB7AB; border-radius:5px; width:475px; padding:var(--px_20);}
	body .footerArea .footerBottom .parking span{background-color:rgba(83, 75, 69, 0.70); border-radius:5px; text-align:center; flex:none; padding:var(--px_10); display:flex; align-items:center; justify-content:center;}
	body .footerArea .footerBottom .parking .textBox > div > div{width:calc((100% - var(--px_15)) / 2);}
	body .footerArea .footerBottom .subway{}
	body .footerArea .footerBottom .subway p b{color:#1FB150;}
	body .footerArea .footerBottom .bus{}
	body .footerArea .footerBottom .bus .textBox{background-color:rgba(255, 255, 255, 0.50); border-radius:5px; width:520px; padding:var(--px_20); row-gap:var(--px_10);}
	body .footerArea .footerBottom .bus .textBox span:nth-child(1){color:#1D58D7;}
	body .footerArea .footerBottom .bus .textBox span:nth-child(2){color:#1FB150;}
	body .footerArea .footerBottom .bus .textBox span:nth-child(3){color:#E42D2D;}
	body .footerArea .footerBottom p,
	body .footerArea .footerBottom pre,
	body .footerArea .footerBottom a{color:#6d6b69;}

	/* 지도 */
	body .footerArea .footerBottom .bottomArea #aboutmap26{width:760px; height:550px; border-radius:var(--px_20);}

	/* 기본정보 */
	body .footerArea .footerInfo{padding-top:50px; padding-bottom:calc(50px + 75px); background:#f3f3f3;}
	body .footerArea .Add > p{display:flex; gap:10px; flex-wrap:wrap; column-gap:20px;}
	body .footerArea .Add > p span{color:#444 !important; padding:0; font-size:var(--px_16); font-weight:400;}
	body .footerArea .Add > p .Item01{width:100%;}
	body .footerArea .Add > p b{width:100%; color:#9f9f9f !important; display:block; font-weight:300; font-size:var(--px_15); font-weight:400;}

	/* 브레인메디 로고 */
	body .footerArea .footerInfo .create{color:#9f9f9f !important; font-size:var(--px_13); margin-top:10px; display:block;}
	body .footerArea .footerInfo .create img{margin-left:2px; filter:brightness(0.68); height:10px !important;}

	/* 퀵링크 */
	body .footerArea .footerInfo .Link{border:none; margin-bottom:35px;}
	body .footerArea .footerInfo .Link ul{width:100%; display:flex; justify-content:start;}
	body .footerArea .footerInfo .Link ul li{}
	body .footerArea .footerInfo .Link ul li + li{border-left:1px solid #888;}
	body .footerArea .footerInfo .Link ul li a{padding:0px 15px; border:0; color:#444; font-size:var(--px_16); font-weight:500; opacity:.8; }
	body .footerArea .footerInfo .Link ul li:first-child a{border:0; padding-left:0;}