/*
비에이랩
C00263
*/

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

/* ================================================================================================= */
/*스크롤바*/
html::-webkit-scrollbar{width:10px;}
html::-webkit-scrollbar-thumb{background-color:#614a44}
html::-webkit-scrollbar-track{background-color:#ccc;}

/*선택*/
::selection{color:#000 ; background-color:#ecdad4;}
::-moz-selection{color:#000 ; background-color:#ecdad4;}

/* ================================================================================================= */
/* 헤더 */
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%;}
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 .headerWrap .Logo{position:relative; display:table-cell; width:15%; vertical-align:middle;}
header .headerWrap .HeaderNav_GNBmenu{position:relative; display:table-cell; width:70%; vertical-align:middle;}
header .headerWrap .Member{position:relative; display:table-cell; width:15%; vertical-align:middle;}
	/*로고*/
	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:14%; 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; display:none;}
	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;}

/* 서브페이지의 메뉴 */
.SubNav.Fixed{display:block; position: relative !important; top:0 !important;}

/*전후사진 소메뉴2*/
.BnfWrap .SubNav .SubNav_Small2{display:block; margin-top:30px;}
.boardWrap.BnfWrap.ForBALab .SubNav .SubNav_Small2 .InnerContainer{width:1300px; min-width:1300px;}
.BnfWrap .SubNav .SubNav_Small2 li.Action a{background:#000; color:#fff;}

.SubNav.Made{display:block !important; margin-bottom:0;}
.SubNav .SubNav_Small{margin-top:0;}
.SubNav .InnerContainer{width:1400px; min-width:1400px;}
.SubNav ul.List{position:relative; display:table; width:100%; border:none; border-radius:0; overflow:visible; text-align:center;}
.SubNav .SubNav_Hide02{display:none; height:0; opacity:0;}
.SubNav ul.List *{font-weight:500;}

	.SubNav ul li.TextBox{position:relative; display:inline-table; width:calc(100% / 8); border-bottom:2px solid #f4f6f8; overflow:visible;}
	.SubNav ul li.TextBox{border-left:none; border-right:none;}
	.SubNav ul li.TextBox:first-child{}
	.SubNav ul li.TextBox:nth-child(8n+1):before{position:absolute; width:500vw; content:''; bottom:-2px; background-color:#f4f6f8; height:2px; z-index:2; margin-left:-200vw;}
	.SubNav ul li a{position:relative; display:table-cell; vertical-align:middle; font-size:11pt; font-weight:500; padding:0; overflow:visible;}
	.SubNav ul li a.Active{font-weight:600;}
	.SubNav ul li a:hover{transition-duration:.3s; background:none;}
	.SubNav ul li:hover a{background:none;}
	.SubNav ul li a div{position:absolute; display:block; width:4px; height:4px; opacity:0; bottom:-2px; z-index:2; left:50%; margin-left:-2px; border-radius:10px;}
	.SubNav ul li a.Active div,
	.SubNav ul li a:hover div{transition-duration:.3s; opacity:1; background-color:#907b5e;}
	.SubNav ul li span{position:relative; display:block; width:100%; text-align:center; padding:20px 0; letter-spacing:0;}
	.SubNav .ColorBg{background-color:#d1a28b;color:#fff;}
	.SubNav .ColorTxt{color: #907b5e;}
	.SubNav ul li a:not(.Active) .ColorBg{background-color:#b6babc;}
	.SubNav ul li a:not(.Active) .ColorTxt{color: #b6babc;}
	
/* -------------------------------------------------------------------------------------------------------------------------------- */	
/* 푸터 */
.Footer_Area{padding-bottom:0; color:#333;}
.Footer_Area *{font-family:'SUIT',"Noto Sans KR","돋음, Dotum","Arial","sans-serif";}
/*푸터 - 상단영역*/
.Company_Area{content:""; clear:both; display:block; position:relative; width:100%; background:#fff7f4; padding:0;}
.Company_Area .Inner{width:100%;}
/*푸터 - 지도*/
.Company_Area .Link{width:50%; display:inline-table; vertical-align:middle !important;}
.Banner26Other .aboutmap26{height:700px;}
/*푸터 - 오른쪽영역 */
.mapRight{display:inline-table; width:50%; vertical-align:middle !important;}
.Company_Area .rightArea{position:relative; padding-left:100px;}
.Company_Area .rightArea h6{display:inline-block; vertical-align:top; font-size:14pt; letter-spacing:0pt; font-weight:400; position:relative; padding-left:16px;}
.Company_Area .rightArea h6::after{content:''; position:absolute; left:0; top:0; width:6px; height:100%; background:#957968;}
.Company_Area .rightArea p{display:inline-block; vertical-align:top;} 
	/*푸터 - 상단텍스트 */
	.Company_Area .rightTitle{display:block; padding-left:100px; position:relative;}
	.Company_Area .rightTitle p{color:#ceb5a8; font-size:14pt; letter-spacing:4pt; font-weight:500;}
	.Company_Area .rightTitle h3{font-size:26pt; font-weight:400; line-height:1.5; padding-top:10px; position:relative; width:fit-content;}
	.Company_Area .rightTitle h3 b{font-weight:700;}
	.Company_Area .rightTitle span{font-size:14pt; display:block; padding-top:10px; width:fit-content; position:relative; padding-right:80px; font-weight:400;}
	.Company_Area .rightTitle span b{font-weight:600;}
	.Company_Area .rightTitle span::after{content:''; width:100%; height:1px; background:#666666; position:absolute; left:0; bottom:-40px;}
	/*푸터 - 네이버예약 */
	.Company_Area .naverBtn{display:inline-block; width:auto; margin-top:80px; vertical-align:top;}
	.Company_Area .naverBtn p{position:relative; display:block; width:100%; height:100%; margin-top:20px;}
	.Company_Area .naverBtn p .naverHover{position:absolute; top:0; left:0; opacity:0; transition:0.3s;}
	.Company_Area .naverBtn p:hover .naverHover{opacity:1;}
	.Company_Area .naverBtn img{width:85%;}
	/*푸터 - 전화번호 */
	.Company_Area .Tel{display:inline-block; width:50%; margin-top:80px; vertical-align:top;}
	.Company_Area .Tel a p{font-size:22pt; display:block; padding-top:20px;}
	/*푸터 - 시간 */
	.Company_Area .Time{display:block; width:100%; margin-top:50px;}
	.Company_Area .Time label{width:50%; vertical-align:top; display:block; padding-top:20px;}
	.Company_Area .Time label pre{font-size:14pt; line-height:26pt;}
	.Company_Area .Time label pre.Left{font-weight:600; width:35%;}
	.Company_Area .Time label + p{font-size:12pt; font-weight:400; color:#ceb5a8;}

/*푸터 - 하단영역 */
.Bottom_Area .Add .Inner{width:100%;}
.Bottom_Area{background:#957968; position:relative; display:block; padding:20px 0; padding-bottom:80px;}
.Bottom_Area *{color:#fff; font-family:'SUIT',"Noto Sans KR","돋음, Dotum","Arial","sans-serif";}
.Bottom_Area .rightBox{display:block; width:100%; vertical-align:middle;}
.Bottom_Area .leftBox{display:block; width:100%; vertical-align:middle;}
.Bottom_Area .Add strong{margin-bottom:0;}

.Bottom_Area .Link{border:0; text-align:center; margin:20px 0;}
.Bottom_Area .leftBox .Link .Inner{width:100%; min-width:100%;}
.Bottom_Area .Link ul{text-align:center;}
.Bottom_Area .Link ul li:first-child a{padding-left:0;}
.Bottom_Area .Link ul li a{transition:0.3s;}
.Bottom_Area .Link ul li a:hover{color:#f7ede3;}

.Bottom_Area .Add p .Item01{padding-bottom:5px;}
.Bottom_Area #SkipNavAdd{text-align:center;}
.Bottom_Area #SkipNavAdd .Item02{color:#f3e5df;}
.Bottom_Area #SkipNavAdd .Item03{color:#f3e5df;}
.Bottom_Area #SkipNavAdd .Item04{color:#f3e5df;}
.Bottom_Area #SkipNavAdd .Item05{color:#f3e5df;}
.Bottom_Area #SkipNavAdd .Item06{color:#f3e5df;}
.Bottom_Area #SkipNavAdd b{color:#f3e5df;}

.Bottom_Area .Add p .create{color:#fff;}

/* ================================================================================================= */
/* 빠른상담신청 */
	.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:#957968; 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;}
	.Contact_Quick .AgreeBox label i{color:#614a44 !important;}

/* -------------------------------------------------------------------------------------------------------------------------------- */	
/* 퀵메뉴 */
.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:#333; 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:#042b46; left:-140px; top:15%; border-radius:100px; width:125px; display:none;}
.QuickArea_Link li a img{display:block; width:auto;}
.QuickArea_Link li:hover span{display:block;}
.QuickArea_Link li:hover{background-color:#614a44;}
.QuickArea_Link li:hover span{background-color:#614a44; color:#fff;}

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