@charset "UTF-8";
.headerWrap {position:absolute; height:100px; top:0; right:0; z-index:1000; width:100%; min-width:1200px; border-bottom:1px solid rgba(0,0,0,0.1);}
.headerWrap_active{background:#fff; transition:background-color 0.4s; border-bottom:1px solid rgba(0,0,0,0.1)}
.logo{position: absolute; z-index:99999; left:110px; top:60%; transform:translateY(-50%);}
.header{position: relative; width: 100%; height:80px;}

/*subheader*/
.headerWrap{ transition:all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
#gnb {position:absolute; height:100%; padding-top:40px; margin:auto; width:100%; text-align:center;}
#gnb > li { display: inline-block; text-align: center; width:115px; letter-spacing: -1px; color:#fff;}
/*#gnb > li:nth-child(3){width:150px;}*/
#gnb > li a { display: inline-block; color:#fff; font-size:18px; font-weight:400; position: relative; width: 100%; height:100%; padding: 9px 0 23px 0; }
#gnb > li a:hover,
#gnb > li.currentGnb a {font-weight: 400; }


.tel{position:absolute; right:110px; top:70%; transform:translateY(-50%); display: flex; gap: 23px; align-items: center;}
.tel-text {color:#fff; font-size:31px; font-weight:700;}
.grand-text {font-size: 24px; color: #bd886a;}
.grand-text strong {font: inherit; font-weight: 600; color: inherit;}
.snbWrap {display:none; position:absolute; width:100%; left:0; top:99px; padding-top: 25px; padding-bottom: 22px; background-color: #fff; z-index:1; border-top:1px solid rgba(0,0,0,0.1)}
.snbWrap #snb { position: relative; text-align:center;  width:100%;}
.snbWrap #snb > li { position: relative; display: inline-block; vertical-align: top; width:115px;}
/* .snbWrap #snb > li { position: relative; display: block; vertical-align: top; width:115px; left: 38.5%; top:0;} */
.snbWrap #snb li ul { width:auto; }
.snbWrap #snb li ul li { margin-bottom:3px; text-align:center; }
.snbWrap #snb li ul li a { display:block; width:100%; padding: 6px 0; font-size:15px; letter-spacing: -1px; color:#676b6e; }
.snbWrap #snb li ul li a:hover,
.snbWrap #snb li ul li.currentSnb a { color: #000; font-weight: 500; }
.snbWrap.scroll_style { background-color: rgba(0,0,0,0.7) }
.snbWrap.scroll_style #snb li ul li a { color: #eee }
.snbWrap.scroll_style #snb li ul li a:hover,
.snbWrap.scroll_style #snb li ul li.currentSnb a { color: #fff }

.snb_quick { position: absolute; top: 26px; left: 135px; }
.snb_quick a { display: block; text-indent: 35px; height: 28px; line-height: 28px; color: #959595; font-size: 15px; margin-bottom: 6px; background-repeat: no-repeat; }
.snb_quick a:hover { color: #000; font-weight: bolder; }
.snb_quick .quick1 { background-image: url(http://logosimg.cafe24.com/ossgFinal/image/common/quick1_off.png); }
.snb_quick .quick2 { background-image: url(http://logosimg.cafe24.com/ossgFinal/image/common/quick2_off.png); }
.snb_quick .quick1:hover { background-image: url(http://logosimg.cafe24.com/ossgFinal/image/common/quick1.png); }
.snb_quick .quick2:hover { background-image: url(http://logosimg.cafe24.com/ossgFinal/image/common/quick2.png); }

.gnbBg { display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.6); z-index:998; }

.headerWrap.scrollUp {
    transform: translateY(0);
    transition: all 0.8s;
}
.headerWrap.scrollDown {
    transform: translateY(-100%);
    transition: all 0.5s;
}