@media (max-width: 768px){

.mobile_nav_bar {
    display: block;
}
}
.mobile_nav_bar {position: fixed; display: block; bottom: -7rem;  width: 100%; /* height: 6rem; */ background: #0e1727; font-size: 0; z-index: 550; -webkit-transition: bottom 300ms; transition: bottom 300ms;  padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);    background: linear-gradient(305deg, #057064 0%, #057064 100%);}
.ios .mobile_nav_bar {bottom: calc(-7rem + -4rem)}
.mobile_nav_bar a { display: inline-block; vertical-align: top; width: 20%; height: 100%; text-align: center; color: #fff;  padding-top:15px; height: 75px;}
.mobile_nav_bar a i { display: block; margin-bottom: 7px; }
.mobile_nav_bar a i:after {content: '';font-family: 'nc-font';display: inline-block;vertical-align: top;font-size: 1.4rem;color: #fff;font-style: normal;}
.mobile_nav_bar a.weekly i:after {content: '\e816';}
.mobile_nav_bar a.home i:after {font-family: 'nc-home';
    content: '\E800';
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    font-style: normal;

}
.mobile_nav_bar a.home {
 /*
	display: inline-block;
    vertical-align: top;
    width: 20%;
    height: 100%;
    text-align: center;
    color: #fff;
    padding-top: 1.2px;
    height: 75px;
	*/
}



.mobile_nav_bar a.one i:after {content: '\E929'; font-family: 'kiwi-font';font-style: normal;}
.mobile_nav_bar a.two i:after {content: '\E827'; font-style: normal;}
.mobile_nav_bar a.three i:after {content: '\E92C';font-family: 'kt-font'; font-style: normal;}
.mobile_nav_bar a.four i:after {content: '\E961'; font-family: 'kt-font'; font-style: normal;}
.mobile_nav_bar a.menu i:after {content: '\E954';font-family: 'nc-font'; font-style: normal;}
.mobile_nav_bar > a > span { font-size: 12px; letter-spacing: -0.025em; line-height: 1; font-weight:700}

body.show_nav .mobile_nav_bar {bottom: 0;}


@media (min-width: 768px){
.mobile_nav_bar {
    display: none;
}
}


.msg_sound_only, .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}



/* **************************************** *
 * HEADER
 * **************************************** */
#header {width: 100%;height: auto;position: fixed;top: 0;left: 0;background: #fff; border-bottom: 1px solid transparent; -webkit-transition: height .3s, background .3s, border .3s;transition: height .3s, background .3s, border .3s;z-index: 500;}
.header__container-bg {position: absolute;top: 0;left: 0;right: 0;background: #fff;opacity: 0;visibility: hidden;z-index: 1; -webkit-transition: top .3s, height .3s; transition: top .3s, height .3s;}
.header__container-overlay {display: block;width: 100%;height: 100vh;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #000000;background: rgba(0, 0, 0, .7);opacity: 0; visibility: hidden; -webkit-transition: opacity .15s; transition: opacity .15s; -webkit-transition-delay: .15s; transition-delay: .15s;}
.header__inner{height: 100%;max-width: 1783px;margin: 0 auto;position: relative;}

/* LOGO */
#logo {width: 239px;
    height: auto;position: absolute;left: 0;top: 28px;z-index: 2;-webkit-transition: all 300ms;transition: all 300ms;}
#logo a {display: block;width: 100%;height: 100%;}
#logo a svg, #logo a img {display: block;width: 100%;height: 100%;}
#logo a svg path {-webkit-transition: all .3s;transition: all .3s;}

/* MENU */
.menu-container { display: block; width: 100%; position: relative; font-size: 0; line-height: 1; text-align: center; z-index: 1; padding: 30px 0; -webkit-transition: padding .3s; transition: padding .3s; }
#menu {display: inline-block;vertical-align: top; position: relative;}
#menu:after {content: '';display: table;clear: both;}
#menu a {display: block;line-height: 1.7;-webkit-transition: color 0.3s;transition: color 0.3s;}

/* 1depth */
#menu > li {display: inline-block;vertical-align: top;position: static;}
#menu > li.menu-item-reservation { display: none; }
#menu > li > a {padding: 11px 37px 4px;position: relative;font-size: 18px;font-weight: 700;color: #000;font-family: 'Pretendard', 'NotoSansKR', sans-serif;letter-spacing: -0.08em;}
#menu > li > a > span {position: relative;}
#menu > li > a > span:after { content: ''; position: absolute; top: -13px; left: 50%; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background-color: #f4c033; -webkit-transition: transform 0.3s, opacity .15s; -webkit-transition: opacity .15s, -webkit-transform 0.3s; transition: opacity .15s, -webkit-transform 0.3s; transition: transform 0.3s, opacity .15s; transition: transform 0.3s, opacity .15s, -webkit-transform 0.3s; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); opacity: 0;}
#menu > li.current-menu-item > a ,
#menu > li.current-menu-ancestor > a {color: #f4c033;}
#menu > li.current-menu-item > a > span:after,
#menu > li.current-menu-ancestor > a > span:after {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
html.desktop #menu > li:hover > a {color: #f4c033;}
html.desktop #menu > li:hover > a > span:after {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
#menu ul.sub-menu {opacity: 0;visibility: hidden;transition: opacity 0.2s;}

/* 2depth */
#menu > li > ul {width: auto;min-width: 100%;position: absolute;left: 0;margin-left: 37px;top: 100%;text-align: left;white-space: nowrap;padding-top: 47px;padding-bottom: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#menu > li > ul a {padding: 10px 0;}
#menu > li > ul > li {display: inline-block; vertical-align: top; padding-right: 20px; margin-right: 80px;}
#menu > li > ul > li > a {padding: 0 0 10px;font-size: 16px;letter-spacing: -0.08em;font-weight: 700;color: #000; text-align: left; font-family: 'Pretendard', 'NotoSansKR', sans-serif;}
#menu > li > ul > li > a > span {position: relative;}
html.desktop #menu > li > ul > li > a:hover {color: #cd4976;}
#menu > li > ul > li.current-menu-item > a { color: #cd4976; }
#menu > li > ul > li.current-menu-ancestor > a {color: #cd4976;}
#menu > li > ul > li.menu-item--view-all.sm-only {display: none;}
html.desktop #menu > li > ul > li:not(.menu-item-has-children):hover > a, #menu > li > ul > li.current-menu-item:not(.menu-item-has-children) > a { color: #f4c033; }

html:not(.js) #menu > li:hover > ul, html:not(.js) #menu > li.focusin > ul,
body.open_menu #menu > li:hover > ul, body.open_menu #menu > li.focusin > ul {opacity: 1;visibility: visible;}

/* 3depth */
#menu > li > ul > li > ul.sub-menu {opacity: 0; visibility: hidden;}
#menu > li > ul > li > ul.sub-menu > li > a {font-size: 15px; font-weight: 400; letter-spacing: 0.08em; color: #888; padding: 6px 0; font-family: 'Pretendard', 'NotoSansKR', sans-serif;}
#menu > li > ul > li > ul.sub-menu > li > a:hover {color: #666;}
#menu > li > ul > li > ul.sub-menu > li > a > span { position: relative; }
#menu > li > ul > li > ul.sub-menu > li > a > span:after {content: ''; display: block; width: 100%; height: 1px; background: #888; position: absolute; bottom: 0; left: 0; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s;}
#menu > li > ul > li > ul.sub-menu > li.current-menu-item > a > span:after {opacity: 1;}

/* LANG MENU */
.lang-container { position: absolute; top: 50px; right: 239px; z-index: 1; -webkit-transition: top .3s; transition: top .3s;}
.lang-menu { display: block; color: #000; font-size: 12px; letter-spacing: 0.05em; height: 50px; line-height: 50px;}
.lang-menu span {position: relative; display: block; padding-right: 20px; -webkit-transition: color .3s; transition: color .3s;}
.lang-menu span:after {content: '\e95e'; font-family: 'nc-font'; font-size: 13px; line-height: 50px; position: absolute; top: 0; right: 0;}
.ie11 .lang-menu {line-height: 51px;}
html.desktop .lang-menu:hover {color: #cd4976;}

/* RESERVATION */
.reservation-link-container { position: absolute; top: 26px; right: 0; z-index: 1; -webkit-transition: top .3s; transition: top .3s;}
.reservation-link { display: block; text-align: center; border: 1px solid #fbcc34; font-size: 16px; padding: 16px 10px 16px; letter-spacing: 0.08em; min-width: 150px; -webkit-transition: all .3s; transition: all .3s;font-weight:700;border-radius:36px;background: #fbcc34;    color: #503234; }
.reservation-link span {display: block;}
html.desktop .reservation-link:hover {border-color: #503234; background: #503234; color: #fff;}

/* mobile */
#small-menu-btn, #small-menu-close, #small-menu-overlay, #small-menu-container {display: none;}

/* minimize */
#header.minimize {background: rgba(255,255,255, 1); height: 100px;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
}
#header.minimize #logo { top: 27px; width: 180px; height: 42px; }
#header.minimize .menu-container {padding-top: 25px;padding-bottom: 28px; -webkit-transition: padding .3s; transition: padding .3s;}
#header.minimize #menu > li > a {-webkit-transition: padding .3s;transition: padding .3s;}
#header.minimize #menu > li > ul {padding-top: 37px; padding-bottom: 7px;}
#header.minimize .reservation-link-container { top: 24px; }
#header.minimize .lang-container { top: 25px; }

body.open_menu #header:after {opacity: 0.7; visibility: visible; -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-transition-delay: .2s; transition-delay: .2s;}
body.open_menu #menu > li:hover > ul > li > ul.sub-menu {opacity: 1; visibility: visible;}
body.open_menu .header__container-bg{opacity:1;visibility:visible;height: 527rem; -webkit-transition: top .3s, height .3s; transition: top .3s, height .3s;}
body.open_menu.color-invert #logo a svg path {fill: #000;}
body.open_menu.color-invert #menu > li > a {color: #000;}
body.open_menu.color-invert .reservation-link {border-color: #000; color: #000;}
body.open_menu.color-invert .lang-menu {color: #000;}
body.open_menu.color-invert .lang-menu span:after {border-color: #000; color: #000;}
html.desktop body.open_menu.color-invert #menu > li:hover > a, body.open_menu.color-invert #menu > li.current-page-ancestor > a {color: #cd4976;}



@media (max-width: 768px){

.mobile_nav_bar {
    display: block;
}
#header .mmenu{
  display:none;
}
#header .dmenu{
  display:block;
}

}

.mobile_nav_bar {position: fixed; display: block; bottom: -7rem;  width: 100%; /* height: 6px; */ background: #0e1727; font-size: 0; z-index: 550; -webkit-transition: bottom 300ms; transition: bottom 300ms;  padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);    background: linear-gradient(305deg, #f6c153 0%, #cd4976 100%);}
.ios .mobile_nav_bar {bottom: calc(-7px + -4px)}
.mobile_nav_bar a { display: inline-block; vertical-align: top; width: 20%; height: 100%; text-align: center; color: #fff;  padding-top:15px; height: 75px;}
.mobile_nav_bar a i { display: block; margin-bottom: 7px; }
.mobile_nav_bar a i:after {content: '';font-family: 'nc-font';display: inline-block;vertical-align: top;font-size: 1.4rem;color: #fff;font-style: normal;}
.mobile_nav_bar a.weekly i:after {content: '\e816';}
.mobile_nav_bar a.home i:after {font-family: 'nc-home';
    content: '\E800';
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    font-style: normal;

}
.mobile_nav_bar a.home {
 /*
	display: inline-block;
    vertical-align: top;
    width: 20%;
    height: 100%;
    text-align: center;
    color: #fff;
    padding-top: 1.2px;
    height: 75px;
	*/
}



.mobile_nav_bar a.one i:after {content: '\E929'; font-family: 'kiwi-font';font-style: normal;}
.mobile_nav_bar a.two i:after {content: '\E827'; font-style: normal;}
.mobile_nav_bar a.three i:after {content: '\E92C';font-family: 'kt-font'; font-style: normal;}
.mobile_nav_bar a.four i:after {content: '\E961'; font-family: 'kt-font'; font-style: normal;}
.mobile_nav_bar a.menu i:after {content: '\E954';font-family: 'nc-font'; font-style: normal;}
.mobile_nav_bar > a > span { font-size: 12px; letter-spacing: -0.025em; line-height: 1; font-weight:700}

body.show_nav .mobile_nav_bar {bottom: 0;}



@media (min-width: 768px){
.mobile_nav_bar {
    display: none;
}

#header .mmenu{
  display:none;
}
#header .dmenu{
  display:none;
}


}



@media (min-width: 2000px){

    .lang-menu span:after {top: -2px;}

}


@media (max-width: 1800px){

    .header__inner {max-width: inherit;}

    #logo {left: 60px;}

	.lang-container {right: 300px;}
	.reservation-link-container {right: 60px;}


} 



@media (max-width: 1600px){

	#menu > li > a {padding-left: 35px; padding-right: 35px;}
	#menu > li > ul {margin-left: 35px;}
	#menu > li > ul > li {margin-right: 70px;}

} 


@media (max-width: 1480px){

    #logo {left: 3%;}

	.lang-container {right: 19%;}
	.reservation-link-container {right: 3%;}



} 


@media (max-width: 1023px){


    /* MENU OPEN */
    body.open_menu { overflow: hidden;}
	body.open_menu #header {box-shadow:none;-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;opacity: 1 !important;visibility: visible !important; z-index: 10000001;}

    /* HEADER */
    #header {height: 90px;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: height .3s, background .3s, border .3s;transition: height .3s, background .3s, border .3s;}
	.header__container-bg {display: none;}
	.header__container-overlay {display: none;}

    .menu-container {display: none;}

	#logo {width: 78px;height: 32px;left: 40px;top: 28px;}

	.lang-container {display: none;}

	.reservation-link-container { top: 41px; right: 88px;}
	.reservation-link { min-width: unset; border: 0; padding: 0; font-size: 13px; }
	html.ios .reservation-link-container {top: 38px;}

    #small-menu-btn {display: block;width: 24px;height: 24px;position: absolute;top: 34px;right: 38px;z-index: 600;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;}
    .small-menu-btn__line {display: block;width: 100%;height: 3px;position: absolute;left: 0;background: #000;-webkit-transition: 300ms;transition: 300ms;}
    .small-menu-btn__line--01 {top: 6px;}
    .small-menu-btn__line--02 {top: 16px;}

    #small-menu-close {width: 24px;height: 24px;position: absolute;top: 22px;right: 38px;text-align: center;z-index: 651;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;}
    #small-menu-close:after {content: '\e92e';font-family: 'nc-font';font-size: 18px;color: #fff;width: 100%;height: 100%;line-height: 24px;}

    #small-menu-container {display: none;width: 480px;height: 100%;margin: 0;position: fixed;top: 0;bottom: 0;right: -480px;z-index: 650;background: #fff;-webkit-overflow-scrolling: touch; padding-top: 68px;}
    .small-menu-container__inner {width: 100%;height: calc(100% - 50px);position: relative;overflow-y: scroll;}

	.small-menu-top { width: 100%; height: 68px; background: #f6c153; position: absolute; top: 0; left: 0; }
	.small-menu-gohome { width: 28px; height: 28px; line-height: 28px; position: absolute; top: 50%; left: 36px; margin-top: -14px; }
	.small-menu-gohome:after {content: '\e960';display: block;font-family: 'nc-font';font-size: 22px;color: #fff;width: 100%;height: 100%;text-align: center;}

	.small-menu-bottom {position: absolute; width: 100%; height: 50px; bottom: 0; left: 0; z-index: 1; background: #f6c153; }
	.small-menu-util { font-size: 0; width: 100%; text-align: center; }
	.small-menu-util__link { position: relative; display: inline-block; vertical-align: top; width: 33.33%; font-size: 13px; letter-spacing: -0.025em; padding: 20px 10px 18px; color: #fff; line-height: 1; height: 100%;font-weight:700}
	.small-menu-util__link[lang="en"] {letter-spacing: 0.06em;margin-top: 2px;}
	.small-menu-util__link:after {content: '';display: block;width: 1px;height: 11px;position: absolute;top: 50%;right: 0;background: rgba(255,255,255,0.2); margin-top: -5px;}
	.small-menu-util__link:last-child:after {display: none;}
	.small-menu-util__link span { position: relative; display: inline-block; vertical-align: top; padding-right: 0px; }
	.small-menu-util__link span:after {font-family: 'nc-font';font-size: 12px;color: inherit;position: absolute;top: 1px;right: 0;width: 12px;height: 12px;display: block;}
	.small-menu-util__link--reserv span {padding-right: 0;}
	.small-menu-util__link--reserv span:after {content: '\e932'; display: none;}
	.small-menu-util__link--contact span:after {content: '\e914';}
	.small-menu-util__link--lang span:after {content: '\e95e'; top: -1px}
	.ios .small-menu-util__link[lang="en"] {margin-top: 0;}
	.ios .small-menu-util__link span:after {top: 0;}
	.ios .small-menu-util__link--lang span:after {top: 0;}

	/* 1depth */
    .small_screen_menu li {display: block;width: 100%; position: relative;}
    .small_screen_menu a {display: block;position: relative;letter-spacing: -0.025em;line-height: 1.6;color: #000;}
    .small_screen_menu > li > a {padding: 21px 40px 15px;font-size: 20px;font-weight: 700; font-family: 'Pretendard', 'NotoSansKR', sans-serif; letter-spacing: 0.05em; border-bottom: 1px solid #ddd;}
	.small_screen_menu > li > a:before { content: ''; width: 4px; height: 4px; display: block; background: #f6c153; border-radius: 50%; position: absolute; top: 33px; left: 26px; opacity: 0;}
	.small_screen_menu > li.active > a {color: #f6c153;}
    .small_screen_menu > li.menu-item-has-children > a {padding-right: 72px;}
	.small_screen_menu > li.menu-item-has-children > a:after {display: block;width: 20px;height: 20px;position: absolute;right: 40px;top: 50%;margin-top: -9px;font-family: 'nc-font';content: '\e91b';font-size: 18px;font-weight: bold;text-align: center;line-height: 20px;color: #000;-webkit-transition: -webkit-transform 350ms;transition: -webkit-transform 350ms;transition: transform 350ms;transition: transform 350ms, -webkit-transform 350ms;}
    .small_screen_menu > li.menu-item-has-children.active > a:after {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg); color: #f6c153;}
    .small_screen_menu > li.current-menu-item > a,
    .small_screen_menu > li.current-menu-ancestor > a {color: #f6c153;}
    .small_screen_menu > li.current-menu-item > a:before,
    .small_screen_menu > li.current-menu-ancestor > a:before {opacity: 1;}

	/* 2depth */
	.small_screen_menu > li > ul.sub-menu {display: none; background: #f2f2f2;}
	.small_screen_menu > li > ul.sub-menu:after { content: ''; display: block; width: 100%; height: 35px; position: absolute; bottom: 0; left: 0; background: linear-gradient(to top, rgba(242, 242, 242, 1), rgba(242, 242, 242, 0)); opacity: 0;}
	.small_screen_menu > li.active > ul.sub-menu:after {opacity: 1;}
    .small_screen_menu > li > ul > li:first-child {border-top: none;}
    .small_screen_menu > li > ul > li > a {padding: 12px 10px;font-size: 15px;font-weight: 400;}
    .small_screen_menu > li > ul > li > a > span {display: inline-block; vertical-align: top; position: relative;}
    .small_screen_menu > li > ul > li > a > span:after {content: ''; display: block; width: 100%; height: 1px; background: #fff; position: absolute; bottom: -1px; left: 0; opacity: 0;}
    .small_screen_menu > li > ul > li.current-menu-item > a,
    .small_screen_menu > li > ul > li.current-menu-ancestor > a {color: #f6c153;}
    .small_screen_menu > li.current-menu-item > a > span:after,
    .small_screen_menu > li.current-menu-ancestor > a > span:after {opacity: 1;}

	.small_screen_menu > li > ul > li.menu-item-has-children { padding-bottom: 20px; }
	.small_screen_menu > li > ul > li.menu-item-has-children > a > span:after {display: none;}
    .small_screen_menu > li > ul > li.current-menu-item > a > span:after,
    .small_screen_menu > li > ul > li.current-menu-ancestor > a > span:after {opacity: 1;}

	/* 3depth */
	.small_screen_menu > li > ul > li > ul.sub-depth-menu {padding: 20px 0; overflow-y: scroll;}
	.small_screen_menu > li > ul > li > ul.sub-depth-menu::-webkit-scrollbar {display: none;}
	.small_screen_menu > li > ul > li > ul.sub-depth-menu > li {padding: 0; margin-bottom: 14px;}
	.small_screen_menu > li > ul > li > ul.sub-depth-menu > li:last-child {margin-bottom: 0;}
	.small_screen_menu > li > ul > li > ul.sub-depth-menu > li > a { display: block; width: auto; padding: 5px 40px;font-size: 15px;font-weight: 600; color: #000; font-family: 'Pretendard', 'NotoSansKR', sans-serif; letter-spacing: 0.08em;}
    .small_screen_menu > li > ul > li > ul.sub-depth-menu > li > a > span {display: inline-block; vertical-align: top; position: relative;}
	.small_screen_menu > li > ul > li > ul.sub-depth-menu > li.current-menu-item > a,
	.small_screen_menu > li > ul > li > ul.sub-depth-menu > li.current-menu-ancestor > a {color: #f6c153;}
	.small_screen_menu > li > ul > li > ul.sub-depth-menu > li > .sub-menu { display: block; width: auto; padding-bottom: 8px; padding-left: 40px; padding-bottom: 0; }
	.small_screen_menu > li > ul > li > ul.sub-depth-menu > li > .sub-menu > li > a { font-size: 13px; color: #666; padding: 5px 0; font-family: 'Pretendard', 'NotoSansKR', sans-serif; letter-spacing: 0.08em; }
	.small_screen_menu > li > ul > li > ul.sub-depth-menu > li > .sub-menu > li > a > span {position: relative;}
	.small_screen_menu > li > ul > li > ul.sub-depth-menu > li > .sub-menu > li > a > span:after { content: ''; display: block; width: 100%; height: 1px; background: #666; opacity: 0; position: absolute; bottom: -1px; left: 0; }
	.ios .small_screen_menu > li > ul > li > ul.sub-depth-menu > li > .sub-menu > li > a > span:after  {bottom: 0;}
	.small_screen_menu > li > ul > li > ul.sub-depth-menu > li > .sub-menu > li.current-menu-item > a > span:after {opacity: 1;}

    #small-menu-overlay {display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #000000;background: rgba(0, 0, 0, .6);z-index: 600;}

	.small-menu-lang { position: absolute; bottom: 37px; left: 47px; font-size: 0; z-index: 10;}
	.small-menu-lang > li { display: inline-block; margin-right: 16px; }
	.small-menu-lang > li > a { font-size: 15px; letter-spacing: 0.02em; color: #888; }
	.small-menu-lang > li.lang-item--kr > a {color: #f6c153;} /* 임시 css */
	body.lang-ko .small-menu-lang > li.lang-item--kr > a {color: #f6c153;}
	body.lang-en .small-menu-lang > li.lang-item--en > a {color: #f6c153;}

	#header.minimize {height: 60px;}
	#header.minimize #logo {width: 162px;height: 26px;top: 17px;left: 0px;}
	#header.minimize #small-menu-btn {top: 19px;}
	#header.minimize #small-menu-container { padding-top: 60px; }
	#header.minimize .small-menu-top { height: 60px; }
	#header.minimize .reservation-link-container {top: 26px;}
	#header.minimize .reservation-link {-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9); -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right;}
	html.ios #header.minimize .reservation-link-container {top: 23px;}

	body.color-invert .small-menu-btn__line {background: #fff;}

	body.open_menu.color-invert .small-menu-btn__line {background: #fff;}
	body.open_menu.color-invert #logo a svg path {fill: #fff;}
	body.open_menu.color-invert #menu > li > a {color: #fff;}
	body.open_menu.color-invert .reservation-link {border-color: #fff; color: #fff;}
	body.open_menu.color-invert .lang-menu {color: #fff;}
	body.open_menu.color-invert .lang-menu span:after {border-color: #fff; color: #fff;}


	body.open_menu #header.minimize .small-menu-top { height: 68px; }
	body.open_menu #header.minimize #small-menu-container { padding-top: 68px; }
	body.open-menu-fixed.show_popup #small-menu-btn { top: 87px !important; }
    body.open-menu-fixed.show_popup #small-menu-close {top: 76px !important;}
    body.show_popup #small-menu-close {top: 76px !important;}
	
.reservation-link-container {
       display:none;
    }

}


@media (max-width: 860px){


	.small_screen_menu > li > a {font-family: 'Pretendard', sans-serif;}
	.small_screen_menu > li > ul > li > ul.sub-depth-menu > li > a {font-family: 'Pretendard', sans-serif;}
	.small_screen_menu > li > ul > li > ul.sub-depth-menu > li > .sub-menu > li > a {font-family: 'Pretendard', sans-serif;}

    

}




@media (max-width: 600px){

}

@media (max-width: 540px){

    #logo {left: 24px;}

	.reservation-link-container {right: 72px;}

	#small-menu-btn {right: 24px;}
	#small-menu-close {right: 24px;}
	#small-menu-container {width: 100%; right: -100%;}

	.small-menu-gohome {left: 30px;}
	.small_screen_menu > li.menu-item-has-children > a:after {right: 25px;}
	.small_screen_menu > li > a {padding-left: 32px;}
	.small_screen_menu > li > a:before {left: 20px;}
	.small_screen_menu > li > ul > li > ul.sub-depth-menu > li > a {padding: 5px 32px;}
	.small_screen_menu > li > ul > li > ul.sub-depth-menu > li > .sub-menu {padding-left: 32px;}

    body.open-menu-fixed {width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;overflow: hidden;}

  

}

.container-main__visual {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100vh;
    margin: 0 auto;
}

.container-main__visual .swiper-container {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
}

.container-main__visual .swiper-slide {
    overflow: hidden;
    position: relative;
    height: 100vh;
}

.container-main__visual .swiper-slide .bg {
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}

.container-main__visual .swiper-slide .bg.pc {
    display: block;
}
.container-main__visual .swiper-slide .bg.mo {
    display: none;
}

.container-main__visual .swiper-slide .text-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 101;
    width: 1620px;
    max-width: 100%;
    height: 100%;
    margin-top: 0px;
}



.container-main__visual .swiper-slide .text-area .typo {
    width: 100%;
    margin: 0 auto;
}
.container-main__visual .swiper-slide .text-area p {
    visibility: hidden;
    color: #fff;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    opacity: 0;

    font-family: "JalnanGothic", sans-serif;
    font-size: 92px;
    font-weight: normal;
    background: linear-gradient(to bottom, #f6c153, #cd4976);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px #fff;
    line-height: 1.5;

}

.container-main__visual .swiper-slide .text-area p.text-sub {
    margin-bottom: 15px;
    font-size: 38px;
    line-height: 120%;
 font-family: "JalnanGothic", sans-serif;
    font-size: 92px;
    font-weight: normal;
    background: linear-gradient(to bottom, #cd4976, #f6c153);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 3px #fff;
    line-height: 1.5;

}
.container-main__visual .swiper-slide .text-area p.text-head {
    font-size: 66px;
    line-height: 120%;
    word-break: keep-all;
}
.container-main__visual .swiper-slide .text-area p {
    visibility: hidden;
    color: #fff;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    opacity: 0;
}

.container-main__visual .swiper-slide.swiper-slide-active .text-area p {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.container-main__visual .swiper-slide.swiper-slide-active .text-area p.text-sub {
    -webkit-transition: all 400ms ease 400ms;
    transition: all 400ms ease 400ms;
}
.container-main__visual .swiper-slide .bg {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}

.container-main__visual .swiper-slide.swiper-slide-active .bg {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.container-main__visual .swiper-slide .text-area p {
    visibility: hidden;
    color: #fff;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    opacity: 0;
}

.container-main__visual .swiper-slide.swiper-slide-active .text-area p {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.container-main__visual .swiper-slide.swiper-slide-active .text-area p.text-head {
    -webkit-transition: all 600ms ease 600ms;
    transition: all 600ms ease 600ms;
}
.container-main__visual .control-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    top: 70%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 20;
    width: 400px;
    max-width: 100%;
    height: 42px;
    margin-top: 30px;
}
.container-main__visual .arrow-box {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 27px;
}

.container-main__visual .arrow-box .swiper-button-prev, .container-main__visual .arrow-box .swiper-button-next {
    top: 0;
    z-index: 10;
    width: 14px;
    height: 27px;
    background-size: 14px 27px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='30' viewBox='0 0 17 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 1.5L2 15L15.5 28.5' stroke='white' stroke-width='1.8'/%3E%3C/svg%3E");
}

.container-main__visual .arrow-box .swiper-button-prev {
    left: 0px;
    margin-top: 0;
}

.container-main__visual .arrow-box .line {
    position: absolute;
    top: 0;
    left: 32px;
    display: inline-block;
    z-index: 10;
    width: 1px;
    height: 27px;
    background-color: rgba(255, 255, 255, 0.5);
}
.container-main__visual .arrow-box .swiper-button-next {
    left: 50px;
    margin-top: 0;
    rotate: -180deg;
}
.autoplay-progress {
    display: inline-block;
    position: relative;
    top: -12px;
    left: 4px;
    width: 200px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.3);
}
.autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    /* height: 100%; */
    stroke-width: 2px;
    stroke: #fff;
    fill: none;
    stroke-dashoffset: calc(100 * (1 - var(--progress)));
    stroke-dasharray: 100;
}
.container-main__visual .arrow-box {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 27px;
}
.autoplay-progress {
    display: inline-block;
    position: relative;
    top: -12px;
    left: 4px;
    width: 200px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.3);
}

.container-main__visual .swiper-pagination {
    position: absolute;
    top: 10px;
    left: 310px;
    display: inline-block;
    width: 100px;
    height: 25px;
    font-size: 16px;
    color: #fff;
    text-align: left;    font-family: 'Montserrat Alternates', 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.container-main__visual .swiper-button-ps {
    position: absolute;
    top: -1px;
    left: 364px;
    z-index: 15;
    width: 42px;
    height: 42px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 33.37 55.62' style='enable-background:new 0 0 33.37 55.62;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23040000;%7D%0A%3C/style%3E%3Crect x='-25.13' y='25.13' transform='matrix(-1.836970e-16 1 -1 -1.836970e-16 30.4912 25.126)' fill='%23ffffff' width='55.62' height='5.37'/%3E%3Crect x='2.87' y='25.13' transform='matrix(-1.836970e-16 1 -1 -1.836970e-16 58.4912 -2.874)' fill='%23ffffff' width='55.62' height='5.37'/%3E%3C/svg%3E");
    background-size: 10px 14px;
    background-position: center center;
    background-repeat: no-repeat;
}
.container-main__visual .swiper-button-ps.on {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 42.01 55.62' style='enable-background:new 0 0 42.01 55.62;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23040000;%7D%0A%3C/style%3E%3Cpolygon fill='%23ffffff' points='42.01,27.81 0,0 0,55.62 '/%3E%3C/svg%3E");
}



@media (max-width: 1720px) {
    .container-main__visual .swiper-pagination {
        left: 330px;
    }

    .container-main__visual .swiper-button-ps {
        left: 384px;
    }

}
@media (max-width: 1720px) {
    .container-main__visual .swiper-slide .text-area .typo {
        padding: 0 20px;
    }
   .container-main__visual .control-box .control-inner {
       padding: 0 20px;
    }
}

@media (max-width: 1300px) {
    .container-main__visual .swiper-slide .bg {
        top: 87px;
    }
}
@media (max-width: 1024px) {
    .container-main__visual .swiper-slide .text-area {
        margin-top: -150px;
    }
	.container-main__visual .swiper-slide .text-area p.text-sub {
        font-size: 35px !important;
		-webkit-text-stroke: 1px #fff;
    }

    .container-main__visual .swiper-slide .text-area p.text-sub {
        font-size: 36px !important;	-webkit-text-stroke: 1.5px #fff;
    }
.container-main__visual .swiper-slide .text-area p.text-head {
        font-size: 26px !important;-webkit-text-stroke: 1.5px #fff;
    }

    #logo {
        width: 228px;
        height: auto;
        left: 20px;
        top: 25px;
    }
	    .reservation-link {
        min-width: unset;
        border: 0;
        padding: 10px;
        font-size: 13px;
    }
    .reservation-link-container {
        top: 31px;
    }

    .container-main__visual .swiper-pagination {
       display:none;
    }
	.container-main__visual .swiper-button-ps {
        left: 324px;
    }

}
/*
.main_visual_v2{
 position: relative;
 height:100%;
 width:100%;
}
.container-main__visual:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 186px;
    background-image: url(../../img/2025/h_bg_top_bottom.png);
    background-size: cover;
    background-position: 50% 0%;
    z-index: 10;
}
*/
@media (max-width: 640px) {

    .container-main__visual .swiper-slide .bg {
        top: 55px;
    }
.container-main__visual .swiper-slide .bg.pc {
        display: none;
    }
    .container-main__visual .swiper-slide .bg.mo {
        display: block;
                height: 100%;
    }

    .container-main__visual .swiper-slide .text-area {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 404px;
    }

}