@charset "utf-8";

@import url("fonts.css");

/* common */
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none;margin:0;padding:0;}
html, body {font-family:'KudryashevDisplayContrast'; font-size:16px;line-height:1.3; font-weight:400;color:#000}
html.active {overflow:hidden}
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display:block}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section {margin:0; padding:0; border:0; font-size:14px; box-sizing:border-box}
em, i, address {font-style:normal;font-weight:normal;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';}
a {margin:0; padding:0; text-decoration:none; color:inherit}
button {margin:0;padding:0;border:0;font:inherit;color:inherit;background:transparent;overflow:visible;cursor:pointer;line-height:1;outline:none}
button::-moz-focus-inner { margin:-1px; padding:0;}
input[type=text], input[type=password], input[type=button], input[type=submit], button, textarea {-webkit-appearance: none;}
table {border-collapse: separate; border-spacing:0; width:100%;table-layout: fixed;}
h1, h2, h3, h4, h5 {font-weight:normal;}
img {max-width:100%}
img, select, input, button {vertical-align:middle; }
html {-webkit-text-size-adjust:none;}
legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px; }
form {width:100%}
caption {position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
ul, ol, li, figure {list-style-type:none; margin:0; padding:0; }
cite, blockqoute {display:block; font-style:normal; }

html.active {overflow:hidden}
.hide{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.pc_view {display:block !important}
.mobile_view {display:none !important}
.dim {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1001}

#header {position:fixed;top:0;left:0;width:100%;z-index:100;transition:all 0.3s ease-in-out;}
#header > .inner {width:100%;max-width:1440px;margin:0 auto;height:80px;display:flex;align-items:center;justify-content: space-between;}
#header.fixed {background:#f5f0eb}
#header h1 {height:25px;width:203px;}
#header h1 a {display:block;width:100%;height:100%;font-size:0;background:url(../img/logo2.png) no-repeat 0 0 /100%}
#header .gnb ul {display:flex;gap:70px;align-items:center;}
#header .gnb ul li a {display:block;font-size:14px;letter-spacing:1px;color:#000}
/*#header .gnb ul li a:hover {color:#666}*/
.mHeader, .gnbBox, .dim {display:none}
.mHeader {position:fixed;width:100%;height:15.3vw;z-index:1000;background-color:#fff}
.mHeader h1 {margin:0;position:absolute;top:5.5vw;left:50%;transform:translateX(-50%)}
.mHeader h1 a {display:block;width:23.61vw;height:6vw;font-size:0;background:url(../img/logo2.png) no-repeat 0 0/100%}
.mHeader .menuBtn {position:absolute;top:5.6vw;right:5.6vw;width:4.9vw;height:4.0vw;background-color: transparent;}
.mHeader .menuBtn span {position:absolute;top:0;left:0;width:100%;display:inline-block;height:0.4vw;background-color:#000}
.mHeader .menuBtn span:nth-child(2) {top:1.8vw}
.mHeader .menuBtn span:nth-child(3) {top:auto;bottom:-0.1vw}
.mHeader.fixed {background-color:#000 !important}
.mHeader.fixed h1 a {background-image:url(../img/logo2.png) !important}
.mHeader.fixed .menuBtn span {background-color:#000 !important}
.gnbBox {position:fixed;top:0;right:0;width:calc(100% - 22.9vw);height: calc(var(--vh, 1vh) * 100);background-color:#ebece5;z-index:99999;transform:translateX(100%);transition:all 0.3s ease}
.gnbBox.active {transform:translateX(0)}
.gnbBox > .inner {padding:0 9.72vw 0 0;height: 100%;display: flex;align-items: center;}
.gnbBox > .inner > ul {width:100%;}
.gnbBox > .inner > ul > li {line-height:2.9;text-align:right}
.gnbBox > .inner > ul > li > a {font-size:4.17vw;letter-spacing:0.28vw}
.gnbBox .closeBtn {position:absolute;top:5.6vw;right:5.6vw;width:4.9vw;height:4.7vw;background:url(../img/btn_close.png) no-repeat 0 0/100%}


.floatingMenu {position:fixed;right:calc(50% - 720px);bottom:30px;z-index:100}
.floatingMenu ul li + li {margin-top:10px}
.floatingMenu ul li {width:50px;height:50px;transition:all 0.3s ease}
.floatingMenu ul li a {display:flex;justify-content: center;font-weight: 700;width:100%;height:100%;align-items:center;font-size:20px;color:#231815;border:1px solid rgba(252,252,252,.7);border-radius:50%;transition:all 0.3s ease}
.floatingMenu ul li a > span {font-size:0;display:inline-block;width:20px;height:20px;background:url(../img/ico_reserv.png) no-repeat 0 0/100%;transition:all 0.3s ease}
.floatingMenu ul li.insta a > span {width:24px;height:24px;background-image:url(../img/ico_insta.png)}
.floatingMenu ul li.kakao a > span {width:24px;height:25px;background-image:url(../img/ico_kakao.png)}

footer {position:sticky;padding:30px 0;width:100%;color: #000;text-align: center;letter-spacing: 1px;}
footer p {line-height:1;font-size:14px}



@media all and (max-width : 1440px) {

	#header > .inner {padding:0 40px}
  .floatingMenu {right:40px}
}




@media all and (max-width : 1023px) {


    .pc_view {display:none !important}
	.mobile_view {display:block !important}
	.mHeader, .gnbBox {display:block !important}
	#header {display:none !important}

	.floatingMenu {bottom:5.56vw;right:5.56vw}
	.floatingMenu ul li + li {margin-top:1.92vw}
	.floatingMenu ul li {width:9.62vw;height:9.62vw;}
	.floatingMenu ul li a {font-size:3.85vw;border:0.19vw solid rgba(252,252,252,.7);}
	.floatingMenu ul li a > span {width:3.85vw;height:3.85vw;}
	.floatingMenu ul li.insta a > span {width:4.62vw;height:4.62vw;}
	.floatingMenu ul li.kakao a > span {width:4.62vw;height:4.81vw;}

	footer {letter-spacing: 0.14vw;padding:5.56vw 0}
	footer p {font-size:1.94vw}


}  
    @media (min-width: 768px) {

}

@media (max-width: 768px) {


}

  @media (max-width: 580px) {

}

@media (max-width: 480px) {

}  
  
@media (max-width: 320px) {

}