@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
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, 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, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
*{box-sizing: border-box;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;font-family: 'NanumSquare', sans-serif
}
input , textarea{font-family: 'NanumSquare', sans-serif}
ol, ul {
	list-style: none;
}
.font_gmarket{font-family: 'GmarketSans';}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {color: inherit;text-decoration: none;}


@media (max-width:1200px){
    .footer_top_logo {width: 100% !important;}
    .footer_bottom {width: 100% !important;}
    .head_box {width: 100% !important;}
}


/* mo header */
.heaer_wrap {display: none;width: 100%; background: #393939; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);}
.heaer_wrap .header_inner {width: 100%; box-sizing: border-box; padding: 0 5.5556vw; display: flex; align-items: center; justify-content: space-between; height: 20.8333vw;}
.heaer_wrap .header_inner .logo {width: 100%; max-width:7.7778vw;}
.heaer_wrap .header_inner .logo img {width: 100%;}
.heaer_wrap .header_inner .right_box {display: flex; align-items: center; position: relative;}
.heaer_wrap .header_inner .right_box .language_box {display: flex; align-items: center; margin-right: 4.5833vw;}
.heaer_wrap .header_inner .right_box .language_box .title_gonfalon {display: flex; align-items: center;}
.heaer_wrap .header_inner .right_box .language_box .title_gonfalon .gonfalon {width: 100%; max-width: 5.1389vw;}
.heaer_wrap .header_inner .right_box .language_box .title_gonfalon .gonfalon img {width: 100%;}
.heaer_wrap .header_inner .right_box .language_box .title_gonfalon .language_txt {font-size: 4.1667vw; color: #fff; margin-left: 1.8056vw; white-space: nowrap; margin-right: 3.6111vw;}
.heaer_wrap .header_inner .right_box .language_box .title_gonfalon > img {width: 100%; max-width: 1.8056vw; transition: all 0.3s;}
.heaer_wrap .header_inner .right_box .language_box .title_gonfalon > img.on {transform: rotate(-180deg); transition: all 0.3s;}
.heaer_wrap .header_inner .right_box .nav {width: 100%; max-width: 5.8333vw;}
.heaer_wrap .header_inner .right_box .nav img {width: 100%;}

.heaer_wrap .header_inner .right_box .language_list_box {display: none; position: absolute; top: 15.2778vw; left: 0; width: 100%; max-width: 30.5556vw; background: #fff; border-radius: 1.1111vw; box-shadow: 0.6944vw 0.2778vw 1.3889vw rgba(0, 0, 0, 0.4); overflow: hidden;}
.heaer_wrap .header_inner .right_box .language_list_box.on {display: block; z-index: 9999;}
.heaer_wrap .header_inner .right_box .language_list_box .language_list {width: 100%; box-sizing: border-box; padding: 2.0833vw;}
.heaer_wrap .header_inner .right_box .language_list_box .language_list li {width: 100%; border-bottom: 0.2778vw solid #f5f5f5; box-sizing: border-box; padding-bottom: 0.2778vw; padding-top: 0.2778vw;}
.heaer_wrap .header_inner .right_box .language_list_box .language_list li:last-child {border-bottom: none; padding-bottom: 0;}
.heaer_wrap .header_inner .right_box .language_list_box .language_list li a {width: 26.3889vw; display: flex; align-items: center; box-sizing: border-box; padding: 3.0556vw 0;border-radius: 1.1111vw; opacity: 0.5;}
.heaer_wrap .header_inner .right_box .language_list_box .language_list li a.on {opacity: 1;}
.heaer_wrap .header_inner .right_box .language_list_box .language_list li:hover a {background: #fafafa; opacity: 1;}
.heaer_wrap .header_inner .right_box .language_list_box .language_list li a .gonfalon_list {width: 100%; max-width: 4.3056vw; margin-left: 1.9444vw; margin-right: 2.2222vw;}
.heaer_wrap .header_inner .right_box .language_list_box .language_list li a .gonfalon_list img {width: 100%; display: block;}
.heaer_wrap .header_inner .right_box .language_list_box .language_list li a .language_txt {display: inline-block; font-size: 4.1667vw; color: #666666;}

.nav_right_menu_box {display: none; width: 100%; position: fixed; left: 0; top: 20.8333vw; background: rgba(0, 0, 0, 0.5); height: 100%; z-index: 999;}
.nav_right_menu_box.on {display: block;}
.nav_right_menu_box .nav_right_menu_inner {width: 100%; background: #232323; max-width: 81.9444vw; margin-left: auto; height: 100%;}
.nav_right_menu_box .nav_right_menu_inner .title_menu {width: 100%;}
.nav_right_menu_box .nav_right_menu_inner .title_menu > li {width: 100%;}
.nav_right_menu_box .nav_right_menu_inner .title_menu > li > a {width: 100%; display: flex; align-items: center; justify-content: space-between; height: 13.7500vw; border-bottom: 0.1389vw solid #545454;}
.nav_right_menu_box .nav_right_menu_inner .title_menu > li > a .title_menu_txt {font-size: 3.8889vw; color: #fff; margin-left: 5.5556vw;}
.nav_right_menu_box .nav_right_menu_inner .title_menu > li > a .arrow_icon {width: 100%; max-width: 3.3333vw; margin-right: 2.7778vw;}
.nav_right_menu_box .nav_right_menu_inner .title_menu > li > a .arrow_icon img {width: 100%; display: block;}
.nav_right_menu_box .nav_right_menu_inner .title_menu > li > a .arrow_icon2{transform: rotate(-90deg); width: 100%; max-width: 3.3333vw; margin-right: 2.7778vw;}
.nav_right_menu_box .nav_right_menu_inner .title_menu > li > a .arrow_icon2 img {width: 100%; display: block;}
.nav_right_menu_box .nav_right_menu_inner .title_menu > li.on > a .title_menu_txt {color: #38bbba; font-weight: 800; border-bottom: 0.4167vw solid #38bbba;}

.nav_right_menu_box .nav_right_menu_inner .title_menu > li > .sub_list {display: none; width: 100%; }
.nav_right_menu_box .nav_right_menu_inner .title_menu > li > .sub_list.on {display: block;}
.nav_right_menu_box .nav_right_menu_inner .title_menu > li > .sub_list li {width: 100%; box-sizing: border-box; padding-left: 10.9722vw; border-bottom: 0.1389vw solid #545454;}
.nav_right_menu_box .nav_right_menu_inner .title_menu > li > .sub_list li a {width: 100%; display: block; box-sizing: border-box; padding: 5.0000vw 0; font-size: 3.8889vw; color: #fff;}
.nav_right_menu_box .nav_right_menu_inner .title_menu > li > .sub_list li:hover a {color: #38bbba;}

.scrollLock { overflow: hidden; }

.main_class.en .heaer_wrap .header_inner .right_box .language_box .title_gonfalon .gonfalon_list{width: 100%; max-width: 5.1389vw;}
.main_class.en .heaer_wrap .header_inner .right_box .language_box .title_gonfalon .gonfalon_list img {width: 100%;}

.main_class.ch .heaer_wrap .header_inner .right_box .language_box .title_gonfalon .gonfalon_list{width: 100%; max-width: 5.1389vw;}
.main_class.ch .heaer_wrap .header_inner .right_box .language_box .title_gonfalon .gonfalon_list img {width: 100%;}




/* mo footer */
#mo_footer {display: none;}
.footer {width: 100%; background: #fafafa; margin-top: 11.1111vw;}
.footer .footer_inner {width: 100%;}
.footer .footer_inner .top_box {width: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 2.0833vw 5.2778vw; border-bottom: 0.1389vw solid #f2f2f2;}
.footer .footer_inner .top_box .logo {width: 100%; max-width: 29.0278vw;}
.footer .footer_inner .top_box .logo img {width: 100%; display: block;}

.footer .footer_inner .bottom_conts {width: 100%; box-sizing: border-box; padding: 5.5556vw 5.2778vw; padding-top: 0;}
.footer .footer_inner .bottom_conts .tel {width: 43%; font-size: 4.8611vw; color: #232323;  font-family: 'Gmarket Sans';display: flex; align-items: center; font-size: 4.1667vw;}
.footer .footer_inner .bottom_conts .tel img {width: 100%; max-width: 2.9167vw; margin-right: 1.8056vw;}

.footer .footer_inner .bottom_conts .two_list {width: 100%; display: flex; align-items: flex-start; margin-bottom: 5.5556vw;}
.footer .footer_inner .bottom_conts .two_list .list_box {display: inline-block;}
.footer .footer_inner .bottom_conts .two_list .list_box:first-child {margin-right: 9.0278vw;}
.footer .footer_inner .bottom_conts .two_list .list_box .title {font-size: 2.7778vw; font-weight: 600; color: #232323; border-left: 0.2778vw solid #16a4b1; box-sizing: border-box; padding-left: 1.2500vw; line-height: 1; margin-bottom: 1.3889vw;}
.footer .footer_inner .bottom_conts .two_list .list_box .time {font-size: 2.0833vw; color: #232323; margin-bottom: 1.3889vw; box-sizing: border-box; padding-left: 1.2500vw;}
.footer .footer_inner .bottom_conts .two_list .list_box span {display: inline-block; font-size: 2.0833vw; color: #232323; opacity: 0.9; box-sizing: border-box; padding-left: 1.2500vw; line-height: 1.3;}
.footer .footer_inner .bottom_conts .list_box2 {width: 100%; margin-bottom: 5.5556vw; line-height: 1.3;}
.footer .footer_inner .bottom_conts .list_box2 .title {font-size: 2.7778vw; font-weight: 600; color: #232323; border-left: 0.2778vw solid #16a4b1; box-sizing: border-box; padding-left: 1.2500vw; line-height: 1; margin-bottom: 1.3889vw;}
.footer .footer_inner .bottom_conts .list_box2 .location {font-size: 2.0833vw; color: #232323; margin-bottom: 1.3889vw; box-sizing: border-box; padding-left: 1.2500vw;}
.footer .footer_inner .bottom_conts .list_box2 .location.bottom_none {margin-bottom: 0; word-break: keep-all;}
.footer .footer_inner .bottom_conts .list_box2 .inf {width: 100%; display: flex; align-items: center;}
.footer .footer_inner .bottom_conts .list_box2 .inf li {display: inline-block; font-size: 2.0833vw; box-sizing: border-box; padding-right: 1.1111vw; position: relative;}
.footer .footer_inner .bottom_conts .list_box2 .inf li::after {content: ''; width: 0.1389vw; height: 1.6667vw; background:#474747 ; position: absolute; right: 0.5556vw; top: 50%; transform: translateY(-50%);}
.footer .footer_inner .bottom_conts .list_box2 .inf li:first-child {padding-left: 1.2500vw;}
.footer .footer_inner .bottom_conts .list_box2 .inf li:last-child{padding-right: 0;}
.footer .footer_inner .bottom_conts .list_box2 .inf li:last-child::after {display: none;}
.footer .footer_inner .bottom_conts .copyright {width: 100%; text-align: center; font-size: 2.5000vw; color: #232323;}

.footer .footer_inner .bottom_conts .mid_cont {width: 100%; display: flex; align-items: center; box-sizing: border-box; padding: 40px 0; justify-content: space-between;}
.footer .footer_inner .bottom_conts .mid_cont .prog_list {display: inline-flex; align-items: center; width: 57%;}
.footer .footer_inner .bottom_conts .mid_cont .prog_list li {display: inline-block; width: 100%; max-width: 170px;}
.footer .footer_inner .bottom_conts .mid_cont .prog_list li a {display: inline-block; width: 100%; text-align: center;}
.footer .footer_inner .bottom_conts .mid_cont .prog_list li a img {width: 100%; max-width: 6.8056vw;}
.footer .footer_inner .bottom_conts .mid_cont .prog_list li a .txt {font-size: 1.8056vw; color: #232323; opacity: 0.5; width: 100%; margin-top: 0.6944vw;}

.footer .footer_inner .top_box .inf_box {line-height: 1; text-align: right; display: flex; align-items: center; width: 100%; justify-content: flex-end;}
.footer .footer_inner .top_box .inf_box a {display: inline-block; font-size: 2.7778vw; color:  #868686;}
.footer .footer_inner .top_box .inf_box a.privacy_pop_btn {margin-right: 1.9231vw;}



/* 개인정보 보호 팝업 */
.privacy_pop_up_wrap { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); z-index: 999; justify-content: center; align-items: center; } 
.privacy_pop_up_wrap.on { display: flex; } 
.privacy_pop_up_wrap .privacy_pop_up_inner { background: #fff; box-sizing: border-box; padding: 0 5.5556vw; max-width: 88.8889vw; border-radius: 1.1111vw; height: 119.0278vw; } 
.privacy_pop_up_wrap .privacy_pop_up_inner .top_box { width: 100%; padding-top: 11.1111vw; position: relative; text-align: center; } 
.privacy_pop_up_wrap .privacy_pop_up_inner .top_box .title { font-size: 5.0000vw; color: #232323; font-weight: 800; margin-bottom: 4.8611vw; } 
.privacy_pop_up_wrap .privacy_pop_up_inner .top_box .close { width: 100%; max-width: 5.8333vw; position: absolute; right: 0; top: 5.5556vw; } 
.privacy_pop_up_wrap .privacy_pop_up_inner .top_box .close img { width: 100%; } 
.privacy_pop_up_wrap .privacy_pop_up_inner .notice_txt { line-height: normal; } 
.privacy_pop_up_wrap .privacy_pop_up_inner .notice_txt span { border-bottom: 0.2778vw solid #232323; } 
.privacy_pop_up_wrap .privacy_pop_up_inner .privacy_box { border: 0.1389vw solid #dddddd; border-radius: 0.5556vw; width: 100%; max-width: 77.7778vw; height: 55.5556vw; overflow-y: scroll; font-size:3.1667vw; white-space: pre-wrap; line-height: 1.5; box-sizing: border-box; padding: 2.7778vw; } 
.privacy_pop_up_wrap .privacy_pop_up_inner .privacy_btn { width: 100%; max-width: 30.5556vw; height: 12.5000vw; background: #22b4b4; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 4.1667vw; border-radius: 1.1111vw; margin: auto; margin-top: 5.5556vw;} 
.privacy_pop_up_wrap .privacy_pop_up_inner .privacy_box::-webkit-scrollbar { width: 2.7778vw; } 
.privacy_pop_up_wrap .privacy_pop_up_inner .privacy_box::-webkit-scrollbar-thumb { border-radius: 1.3889vw; background-color: #22b4b4; border: 0.6944vw solid #fff; } 
.privacy_pop_up_wrap .privacy_pop_up_inner .privacy_box::-webkit-scrollbar-track { border-radius: 1.3889vw; } 

.notice_box {width: 100%;border: 1px solid #22b4b4;border-radius: 0.6944vw;margin-top: 5.5556vw;overflow: hidden;padding: 1.6667vw 2.7778vw;box-sizing: border-box;margin-bottom: 5.1111vw; background: rgba(34,180,180,0.04);}
.notice_box img {width: 5%;max-width: 3.0556vw;float: left;margin-top: 0.9722vw;}
.notice_box .notice_txt {font-size: 3.3333vw;color: #22b4b4;line-height: 1.5;width: calc(95% - 1.9444vw);float: right;padding-left: 1.9444vw;line-height: normal;}

/* 이메일주소 무단 수집 팝업 */
.email_pop_wrap { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); z-index: 999; justify-content: center; align-items: center; } 
.email_pop_wrap.on { display: flex; } 
.email_pop_wrap .email_pop_inner { background: #fff; box-sizing: border-box; padding: 0 5.5556vw; max-width: 88.8889vw; border-radius: 1.1111vw;  height: 134.7222vw; } 
.email_pop_wrap .email_pop_inner .top_box { width: 100%; padding-top: 11.1111vw; position: relative; text-align: center; } 
.email_pop_wrap .email_pop_inner .top_box .title { font-size: 5.0000vw; color: #232323; font-weight: 800; margin-bottom: 4.8611vw; } 
.email_pop_wrap .email_pop_inner .top_box .close { width: 100%; max-width: 5.8333vw; position: absolute; right: 0; top: 5.5556vw; } 
.email_pop_wrap .email_pop_inner .top_box .close img { width: 100%; } 
.email_pop_wrap .email_pop_inner .email_pop_box { border: 0.1389vw solid #dddddd; border-radius: 0.5556vw; width: 100%; max-width: 77.7778vw; height: 83.3333vw; overflow-y: scroll; font-size: 4.1667vw; line-height: 1.5; box-sizing: border-box; padding: 2.7778vw; } 
.email_pop_wrap .email_pop_inner .email_pop_box .txt_l { font-size: 3.1667vw; font-weight: 600; margin-bottom: 4.1667vw; } 
.email_pop_wrap .email_pop_inner .email_pop_box .txt_m { font-size: 3.1667vw; margin-bottom: 6.2500vw; } 
.email_pop_wrap .email_pop_inner .email_pop_box .txt_S { font-size: 3.1667vw; color: #999999; font-weight: 600;} 
.email_pop_wrap .email_pop_inner .email_btn { width: 100%; max-width: 30.5556vw; height: 12.5000vw; background: #22b4b4; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 4.1667vw; border-radius: 1.1111vw; margin: auto; margin-top: 5.5556vw; } 
.email_pop_wrap .email_pop_inner .email_pop_box::-webkit-scrollbar { width: 2.7778vw; } 
.email_pop_wrap .email_pop_inner .email_pop_box::-webkit-scrollbar-thumb { border-radius: 1.3889vw; background-color: #22b4b4; border: 0.6944vw solid #fff; } 
.email_pop_wrap .email_pop_inner .email_pop_box::-webkit-scrollbar-track { border-radius: 1.3889vw; } 




.main_class .privacy_pop_up_wrap .privacy_pop_up_inner .privacy_btn {display: none !important;}
.main_class.ko .privacy_pop_up_wrap .privacy_pop_up_inner .privacy_btn.ko {display: flex !important;}
.main_class.en .privacy_pop_up_wrap .privacy_pop_up_inner .privacy_btn.en {display: flex !important;}
.main_class.ch .privacy_pop_up_wrap .privacy_pop_up_inner .privacy_btn.ch {display: flex !important;}

.main_class .email_pop_wrap .email_pop_inner .email_btn {display: none !important;}
.main_class.ko .email_pop_wrap .email_pop_inner .email_btn.ko {display: flex !important;}
.main_class.en .email_pop_wrap .email_pop_inner .email_btn.en {display: flex !important;}
.main_class.ch .email_pop_wrap .email_pop_inner .email_btn.ch {display: flex !important;}

.main_class.en .footer .footer_inner .top_box .inf_box a.en {text-align: center;}
.main_class.ch .footer .footer_inner .top_box .inf_box a.ch {font-size: 2.5000vw;}

.main_class.ch .footer .footer_inner .bottom_conts .mid_cont .prog_list li a .txt.ch {font-size: 1.5278vw;}



/* new예약하기1 */
.newReservation_box {width: 100%; overflow: hidden; margin-bottom: 105px;}
.newReservation_box ul {width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px 36px;}
.newReservation_box ul li {width: 100%; }
.newReservation_box ul li a {display: block; }
.newReservation_box ul li a .img_box { width: 100%;  height: 304px; border: 2px solid #e5e5e5; border-radius: 15px; overflow: hidden;}
.newReservation_box ul li a .img_box img {display: block; width: 100%; height: 100%; object-fit: cover;}
.newReservation_box ul li a .img_box.on {border: 2px solid #22b4b4;}
.newReservation_box ul li .text_box {width: 100%; margin-top: 17px; font-size: 18px; line-height: 1.3; text-align: center;}
.newReservation_box ul li .text_box h4 {font-weight: normal;}







@media (max-width: 500px){

    .footer .footer_inner .bottom_conts .list_box2 .inf {display: block;}
    .footer .footer_inner .bottom_conts .list_box2 .inf li {width: 100%; padding: 0; padding-left: 1.2500vw;}
    .footer .footer_inner .bottom_conts .list_box2 .inf li::after {display: none;}
    .footer .footer_inner .bottom_conts .list_box2 .inf li:first-child {padding-left: 1.2500vw;}
}
