@charset "utf-8";


/* common */
/* html{--color-texta:#1d1d1d; --color-textb:#fff;}
:hover{cursor:none !important;}
body{cursor:none !important;} */

body.open{overflow:hidden;}
body.open #header.color #btn_pc span{background:#fff;}
body.open #header{transform:none !important;position: fixed;}
body.open #header .area_util.color ul{opacity:1;}

::selection{background: rgb(198 165 130 / 71%);color:#fff;}
body{font-size:16px; word-break:keep-all;}
th[data-view="file"] + td ul li a{line-height:1em;}

.wrap{width:1400px; margin:0 auto;}

.lora{font-family:'Lora', serif;}

a.btn1{padding:20px 45px;background-color:#bfb8b1;color:#fff;font-weight:500;font-size:15px;display:inline-block;transition:all .5s;min-width: 80px;text-align: center;}
a.btn1:hover {background-color:#c6a582;}

a.btn_call,
a.btn_browser{position:relative;padding:20px 36px;background:#c6a582; color:#fff; font:300 15px 'Roboto', 'Noto Sans KR';}
a.btn_call{font-weight:500;}
a.btn_call::before{content:''; width:14px; height:13px; background:url(/images/content/icon_call.svg) no-repeat 50% 50%; position:relative; left:0; top:1px; display:inline-block;}
a.btn_call span{position:relative; padding:0 45px 0 14px;}
a.btn_call span::after{content:''; display:block; width:2px; height:15px; background-color:rgba(255,255,255,0.2); position:absolute; right:22px; top:1px;}
a.btn_browser:after{content:""; display:inline-block; position:relative; top:-1px; width:15px; height:15px; margin-left:31px; background:url(../../images/common/icon_browser.svg) no-repeat 50% 50%; vertical-align:middle;}
a.btn_more{display:block; padding:21px 50px; background:#c6a582; font-size:14px; color:#fff; text-transform:inherit; align-self:flex-end;}

.bx-pager > div > a{display:block; width:7px; height:7px; margin-left:33px; background:#e2e2e2; font-size:0; transition:all 0.3s ease 0s; border-radius:30px;}
.bx-pager{display:flex; justify-content:flex-end;}
.bx-pager > div > a.active{background:#c6a582;}
.bx-controls{display:flex; justify-content:space-between; align-items:center;}
.bx-controls-direction > a{display:block; opacity:0.4; width:60px; height:20px; background:url(../../images/main/arr_basic.svg) no-repeat 50% 50%; font-size:0; transition:all 0.4s ease 0s; cursor:pointer;}
.bx-controls-direction{display:flex;}

/* popup */
.layerPop{overflow:hidden; border:1px solid #353535; border-radius:14px;}
.layerPop .btn button{font-size:13px;}
.layerPop .btn{padding:13px 10px; background:#353535; text-align:left;}
.layerPop .btn button:last-child{float:right; margin:0 12px 0 0;}

/* animation */
.ani{position:relative; opacity:0; transition: all 0.8s ease-out 0s; transform:translate(0,20px);}
.ani.is-animate{opacity:1; transform:translate(0,0);}

.delay-100{transition-delay:100ms;}
.delay-150{transition-delay:150ms;}
.delay-200{transition-delay:200ms;}
.delay-250{transition-delay:250ms;}
.delay-300{transition-delay:300ms;}
.delay-350{transition-delay:350ms;}
.delay-400{transition-delay:400ms !important;}
.delay-450{transition-delay:450ms !important;}
.delay-500{transition-delay:500ms !important;}
.delay-510{transition-delay:510ms !important;}
.delay-990{transition-delay:990ms !important;}
.delay-1000{transition-delay:1000ms !important;}
.delay-1010{transition-delay:1010ms !important;}

.ani_delay-100{animation-delay:100ms;}
.ani_delay-150{animation-delay:150ms;}
.ani_delay-200{animation-delay:200ms;}
.ani_delay-300{animation-delay:300ms;}
.ani_delay-400{animation-delay:400ms;}

.slideLeft.is-animate{opacity: 1 !important;transform:translateX(0);}
.slideLeft{opacity: 0 !important;transform:translateX(-80px);transition: all 2.5s cubic-bezier(0.165, 0.84, 0.44, 1);}

.slideRight.is-animate{opacity: 1 !important;transform:translateX(0);}
.slideRight{opacity:0;transform:translateX(150px);transition: all 2.5s cubic-bezier(0.165, 0.84, 0.44, 1);}

.slidedown.is-animate{opacity:1; transform:translateY(0);}
.slidedown{opacity:0;transform:translateY(-30px);transition: all 2.5s cubic-bezier(0.165, 0.84, 0.44, 1);}

.slideUp.is-animate{opacity:1; transform:translateY(0);}
.slideUp{opacity:0;transform:translateY(80px);transition: all 2s ease;}

.slideFirst{opacity:0;position:relative;animation: firstAni 0.8s ease 0s forwards;}
.slideFirstUp{opacity:0; position:relative;animation:firstAniUp 1.3s ease 0s forwards;}
.slideFirstRight{opacity:0; position:relative;animation:slideFirstRight 1.3s ease 0s forwards;}

@keyframes firstAni{
	0%{opacity:0; transform:translateX(-80px); transition:cubic-bezier(0.165, 0.84, 0.44, 1);}
	100%{opacity:1; transform:translateX(0); transition:cubic-bezier(0.165, 0.84, 0.44, 1);}
}
@keyframes firstAniUp{
	0%{opacity:0; transform:translateY(80px); transition:cubic-bezier(0.165, 0.84, 0.44, 1);}
	100%{opacity:1; transform:translateY(0); transition:cubic-bezier(0.165, 0.84, 0.44, 1);}
}
@keyframes slideFirstRight{
	0%{opacity:0; transform:translateX(80px); transition:cubic-bezier(0.165, 0.84, 0.44, 1);}
	100%{opacity:1; transform:translateX(0); transition:cubic-bezier(0.165, 0.84, 0.44, 1);}
}

/* page ready */
.page_ready{padding: 0;text-align:center;}
.page_ready h6{font-size:35px; letter-spacing:15px; font-family:'Playfair Display', Sans-serif}
.page_ready p{margin-top:23px; font-weight:300; color:#666;}
.page_ready div{display:inline-block;overflow:hidden;margin-top: 60px;}
.page_ready a{float:left; margin-right:10px; padding:18px 65px; border:1px solid #ccc; font-weight:500; font-size:14px;}
.page_ready a:last-child{margin-right:0;color: #c6a582;border-color: #c6a582;}

/* header */
#header{position:fixed;z-index:99;width:100%;padding-top:0;background:transparent;transition: 1s cubic-bezier(0.25, 0.47, 0.12, 0.99);/* overflow:hidden; */top:0;}
#header h1, .room_layout #header h1{position:absolute;top: 22px;left:90px;width:414px;height: 58px;background:url(../../images/common/logo.png) no-repeat 50% 50%;transition:all 0.4s ease 0s;z-index: 999 !important;}
#header h1 a{display:block; height:100%;}

#header > .inner{display:flex; justify-content:flex-end; position:relative; width:100%; border-bottom:1px solid rgba(255,255,255,0.22); transition:all 0.4s ease 0s;}

#header .area_util{display:flex;align-items:center;position:absolute;opacity:1;visibility:visible;top: 100px;right:0;transition: all 0.3s ease 0s;}
#header .area_util.color{top:101px;}
#header .area_util.color ul{opacity:0;visibility: hidden;display: none;}
#header .area_util ul{display:flex;margin-right:26px;transition:all 0.3s ease 0s;visibility: visible;}
#header .area_util  *{font-size: 14px;color:#fff;}
#header .area_util ul li{position:relative; padding:0 23px;}
#header .area_util ul li:after{content:""; position:absolute; opacity:0.24; top:5px; left:0; width:1px; height:13px; background:#fff;}
#header .area_util ul li:first-child:after{opacity:0;}
#header .area_util ul li a{font-family:'Lora', Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serifSans-serif; text-transform:capitalize;}
#header .area_util ul li:last-child a{font-weight:200;}

#header .btn_menu{display:none;position:absolute;top:0;right:90px;z-index:9999;width:25px;height:24px;font-size:0px;transition:all 0.3s ease 0s;}
#header .btn_menu > span{display:block; position:absolute; right:0px; width:100%; height:1px; background:#fff;}
#header .btn_menu > span:nth-of-type(1){top:5px;}
#header .btn_menu > span:nth-of-type(2){top:50%;width:78%;margin-top:-1px;transition:background 0.3s ease 0s;}
#header .btn_menu > span:nth-of-type(3){top:17px;}
#header .btn_menu > span:nth-of-type(1),
#header .btn_menu > span:nth-of-type(3){transition:all 0.3s ease; transition-property:top, transform; transition-delay:0.3s, 0s;}
#header .btn_menu.active{transform:rotate(180deg);}
#header .btn_menu.active > span:nth-of-type(1){top:10px; transform:rotate(-45deg);}
#header .btn_menu.active > span:nth-of-type(2){background:transparent;}
#header .btn_menu.active > span:nth-of-type(3){top:10px; transform:rotate(45deg);}
#header .btn_menu.active > span:nth-of-type(1),
#header .btn_menu.active > span:nth-of-type(3){transition-delay:0s, 0.3s;}
#header .btn_close{display:none; position:fixed; opacity:0; visibility:hidden; top:0px; left:0px; z-index:99; width:-webkit-calc(100% - 320px); width:100%; height:-webkit-calc(100vh - -0px * 1); height:calc(100vh - -0px * 1); background:#000; font-size:0; transition:all 0.3s ease-out 0s;}
#header .btn_close{display:none;}

#header nav{display:inline-block; float:right; opacity:1; visibility:visible; margin:37px 158px 0 0; transition:all 0.3s ease 0s;}
#header nav .gnb{text-align:center;}
#header nav .gnb > li{display:inline-block; padding:0 30px;}
#header nav .gnb > li ul > li > a > i{display:none;}
#header nav .gnb > li ul > li > a.hide {display:none;}
#header nav .gnb > li:last-child:after{background:none;}
#header nav .gnb > li > a{display:inline-block;padding-bottom:40px;font-size:15px;color:#fff;outline: none;position: relative;}
#header nav .gnb > li > a.on,
.sub #header nav .gnb > li > a.on{color:#c6a582;}
#header nav .gnb > li > a span[data-gnb="ko"]{position:absolute; opacity:0; top:0; left:0; width:100%; font-weight:300;}
#header nav .gnb > li > a:hover span[data-gnb="ko"]{opacity:1;}
#header nav > .gnb > li > a:hover span[data-gnb="en"]{opacity:0;}
#header nav .gnb > li > a:hover span{transition:all 0.3s ease 0s;}

#header #btn_pc{position:relative; position:absolute; top:42px; right:90px; width:26px; height:13px; transition:.5s ease-in-out; transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; cursor:pointer;}
#header #btn_pc span{display:block; position:absolute; opacity:1; right:0; width:100%; height:1px; background:#FFF; transition:.25s ease-in-out; transform:rotate(0deg); -webkit-transform:rotate(0deg); border-radius:9px; -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out;}
#header #btn_pc span:nth-child(1){top:0px;}
#header #btn_pc span:nth-child(2){top:50%; width:72%;}
#header #btn_pc span:nth-child(3){top:100%;}
#header #btn_pc.open span:nth-child(1){top:10px; transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg);}
#header #btn_pc.open span:nth-child(2){opacity:0; right:-20px;}
#header #btn_pc.open span:nth-child(3){top:10px; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg);}

#header a.btn_reserve{display:block;position:relative;z-index:9;padding:15px 35px;background: #2a2a2a;}
#header a.btn_reserve:before{content:""; display:inline-block; position:relative; top:-1px; width:17px; height:16px; margin-right:23px; background:url(../../images/common/icon_calendar.svg) no-repeat 50% 50%; vertical-align:middle;}
#header a.btn_reserve.st01{background:#c6a582;}
#header a.btn_reserve.st01:before{background:url(../../images/common/icon_inquiry01.svg) no-repeat 50% 50%;}
#header a.btn_reserve.st02:before{background:url(../../images/common/icon_member01.svg) no-repeat 50% 50%;}
#header a.btn_reserve.buffet{background: #c6a582;}
#header a.btn_reserve.buffet > i{animation: visualSplit 1.3s infinite;}

#header .header_banner{opacity:0; visibility:hidden; overflow:hidden; height:0; background:#fff; box-shadow:18px 20px 33.48px 2.52px rgb(0 0 0 / 13%); transition:all 0.4s ease 0s;}
#header .header_banner .inner{display:flex; align-items:center; overflow:hidden; width:45%; height:100%; background-position:50% 0%; transition:all 1s ease 0s; max-width:840px;}
#header .header_banner .inner *{color:#fff;}
#header .header_banner .inner a{display:block; width:100%; height:100%; padding-left:250px;}
#header .header_banner .inner p{font-weight:300; font-size:18px;}
#header .header_banner .inner span{display:block; opacity:0.68; margin:70px 0 11px 0; font-size:14px; letter-spacing:3px;}
#header.active .header_banner{opacity:1; visibility:visible; overflow:visible; height:172px;}
#header.active .header_banner .inner{background-position:50% 50%;}

#top_banner{display:flex; justify-content:center; align-items:center; position:relative; overflow:hidden; top:0; left:0; z-index:999; width:100%; height:52px; background:#2a2a2a; transition:0.5s ease 0s;}
#top_banner *{color:#fff;}
#top_banner a{font-family:Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; font-weight:300; font-size:15px;}

#close> span{position:absolute; top:50%; width:100%; height:1px; background-color:#fff;}
#close .line-01{transform:rotate(135deg) translateX(0%);}
#close .line-02{transform:rotate(45deg) translateX(0%);}
#close{position:relative; width:14px; height:14px; margin-left:27px;}

#header.open nav{opacity:0; visibility:hidden;}
#header.open #top_banner{height:0;}
#header.web.color.open .inner{background:none; border-bottom:1px solid rgba(255,255,255,0.22);}
#header.web.color.open h1{background:url(../../images/common/logo.png) no-repeat 50% 50%;}
#header.web.on.color.open #btn_pc span{background:#fff;}
#header.web.on.color.open{transform:none !important;}
#header.web.on.color.open .area_util.color ul{opacity:1;}

#header.active > .inner,
#header.color > .inner{background:#fff; border-bottom:1px solid #e4e4e4;}
#header.active nav .gnb > li > a,
#header.color nav .gnb > li > a{color:#000;}
#header.active #btn_pc span,
#header.color #btn_pc span{background:#222;}
#header.active h1,
.room_layout #header.color h1,
#header.color h1{background:url(../../images/common/logo_color.png) no-repeat 50% 50%;}

#header.color02 h1{background:url(../../images/common/logo_color.png) no-repeat 50% 50%;}
#header.color02 > .inner{background:#fff; border-bottom:1px solid #e4e4e4;}
#header.color02 nav .gnb > li > a {color:#000;}
#header.color02 #btn_pc span {background:#222}
#header.color02 .area_util * {color:#222;}
#header.color02 .area_util ul li:after {background:#e1e1e1}
#header.color02 a.btn_reserve, #header.color02 a.btn_reserve i {color:#fff}

.room_layout #header{position:absolute;}
.room_layout #header.color > .inner{background:transparent;}
.room_layout #header.color nav .gnb > li > a{color:#fff;}
.room_layout #header.color #btn_pc span{background:#fff;}
.room_layout #header .area_util.color ul{opacity:1;}
.room_layout #header.color h1{background:url(../../images/common/logo.png) no-repeat 50% 50%;}
.room_layout #header nav .gnb > li > a.on,
.room_layout .sub #header nav .gnb > li > a.on{color:#c6a582 !important;}
.room_layout #header.active > .inner, .room_layout #header.color > .inner{border-bottom:1px solid rgba(255,255,255,0.22);}
.room_layout #header.active > .inner{border-bottom:1px solid #e4e4e4;}

.full_inner{display:flex; position:relative; height:100vh; max-height:100vh;}

.full_menu .event_box *{color:#fff;}
.full_menu .event_box > i{opacity:0.5; font-weight:400; font-size:13px; letter-spacing:2px;}
.full_menu .event_box > h6{margin-top:9px; font-weight:300; font-size:22px;}
.full_menu .event_box > span{display:block;height:324px;margin-top:34px;background-position:50% 50%;background-repeat:no-repeat;background-size: cover;}
.full_menu .event_box{display:block; position:relative; opacity:0; transform:translateY(10px) rotate(4deg);}

.full_gnb{display:flex; align-items:center; position:relative; opacity:0; margin-top:-100px; margin-left:-webkit-calc(50% - 740px); margin-left:calc(50% - 740px); transform:translateY(10px) rotate(4deg); flex-grow:2;}

.full_menu{position:fixed;opacity:0;visibility:hidden;overflow:hidden;top:0;left:0;z-index: -1;width:100%;height:100vh;transition:all 0.7s ease 0s;}
.full_menu.open{opacity:1;visibility:visible;z-index: 98;}
.full_menu.open .event_box{opacity:1;transition: all 1.2s ease 0.6s;transform:translateY(0) rotate(0deg );}
.full_menu.open .full_gnb{opacity:1;transition: all 1.2s ease 0.3s;transform:translateY(0) rotate(0deg );}

.full_menu_slider{display:flex; align-items:center; position:relative; border-left:1px solid rgba(255,255,255,0.09); align-content:center;}
.full_menu_slider .inner{width:554px; margin:0 85px;}
.full_menu .bx-controls{justify-content:center; margin-top:50px;}
.full_menu .bx-pager > div > a{position:relative; opacity:0.8;}
.full_menu .bx-pager > div > a:after{content:"";position:absolute;opacity:0;top:50%;left:50%;width:23px;height:22px;margin: -12px -13px;border:1px solid #fff;transition:all 0.4s ease 0s;border-radius:30px;}
.full_menu .bx-pager > div > a.active:after{opacity:0.5;}
.full_menu .bx-pager > div > a.active{opacity:1; background:#fff;}

.full_menu .full_gnb *{color:#fff;}
.full_menu .full_gnb > .gnb > li{display:flex; align-items:center; margin-bottom:26px;}
.full_menu .full_gnb > .gnb > li:last-child{margin-bottom:0;}
.full_menu .full_gnb > .gnb > li > ul{display:flex; position:relative; top:2px; margin-left:34px; flex-wrap:wrap; max-width:66%;}
.full_menu .full_gnb > .gnb > li > ul > li > a{font-family:Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; font-weight:200; font-size:15px;}
.full_menu .full_gnb > .gnb > li > a + ul > li:after{content:""; position:absolute; opacity:0; bottom:0; left:0; width:100%; height:1px; background:#c6a582;}
.full_menu .full_gnb > .gnb > li > a + ul > li.active:after{opacity:1;}
.full_menu .full_gnb > .gnb > li > ul > li > a i{display:none;}
.full_menu .full_gnb > .gnb > li > ul > li{margin-right:28px; padding:2px 0;}
.full_menu .full_gnb > .gnb > li > a{display:flex; align-items:center; position:relative; opacity:0.22; line-height:1; font-size:51px; letter-spacing:1px; transition:all 0.5s ease 0s;}
.full_menu .full_gnb > .gnb > li > a:before{content:"01"; display:inline-block; opacity:0; margin-right:17px; font-size:18px; transition:all 0.5s ease 0s;}
.full_menu .full_gnb > .gnb > li:nth-child(2) > a:before{content:"02";}
.full_menu .full_gnb > .gnb > li:nth-child(3) > a:before{content:"03";}
.full_menu .full_gnb > .gnb > li:nth-child(4) > a:before{content:"04";}
.full_menu .full_gnb > .gnb > li:nth-child(5) > a:before{content:"05";}
.full_menu .full_gnb > .gnb > li:nth-child(6) > a:before{content:"06";}
.full_menu .full_gnb > .gnb > li:nth-child(7) > a:before{content:"07";}
.full_menu .full_gnb > .gnb > li > a:hover{opacity:1;}
.full_menu .full_gnb > .gnb > li > a + ul > li{opacity:0;visibility:hidden;transition:all 0.5s ease 0s;transform:translateX(-20px);position: relative;}
.full_menu .full_gnb > .gnb > li.hover > ul > li, .full_menu .full_gnb > .gnb > li.on > ul > li{opacity:1; visibility:visible; transform:translateX(0px);}
.full_menu .full_gnb > .gnb > li.hover > a, .full_menu .full_gnb > .gnb > li.on > a{opacity:1;}
.full_menu .full_gnb > .gnb > li.hover > a:before{opacity:1; transform:translateX(0px);}
.full_menu .full_gnb span[data-gnb="ko"]{display:none;}
.full_menu .full_gnb > .gnb > li > ul > li > a.hide {display:none;}

.cursor2{position:fixed; opacity:.4; top:50%; right:50%; left:50%; z-index:9999; width:20px; height:20px; background-color:#848484; transition:width .3s, height .3s, opacity .3s, transform .3s; transform:translate(-50%, -50%); border-radius:100%; pointer-events:none; mix-blend-mode:difference;}
.cursor2.hover{opacity:0.4; background-color:#c6a582; transform:scale(4) translate(-20%, -20%);}

/* footer */
#footer{position:relative; z-index:1; padding-bottom:50px; background:#333;}

#footer .info li{float:left; margin-right:15px; font-size:14px;}
#footer .info{overflow:hidden; padding-bottom:40px;}
#footer .info li *{display:inline-block; color:#aaa;}
#footer .info li em{margin-right:4px; font-weight:500;}
#footer .info li p{font-weight:300;}
#footer .info li:nth-child(4){clear:both;}
#footer .info li:nth-child(3)~li{margin-top:6px;}

#footer .cpright span{display:block; padding:21px 0; font-size:14px; color:#555;}
#footer .cpright span a{color:#555;}
#footer .cpright span em{font-weight:bold;}
#footer .cpright{border-top:1px solid rgba(255,255,255,0.05);}

#footer .btn_top{position:fixed;right:50px;bottom:70px;z-index:99;width: 60px;height: 60px;background: #1e1e1e;background-size: 6px;background-position:50% 50%;font-size:0;transition:all 0.4s ease-out 0s;transform:rotate(270deg);-webkit-transform:rotate(270deg);background-repeat:no-repeat;border-radius: 100px;visibility: visible;}
#footer .btn_top.active{position:fixed;opacity:0;bottom:50px;visibility: hidden;}
#footer .btn_top.hidden{opacity:0;}
#footer .btn_top.fiexd.active{position:fixed;opacity:1;top:auto;bottom:50px;visibility: visible;}
#footer .btn_top.fiexd{position:absolute;opacity:1;top: -33px;bottom:auto;}
#footer .btnSelect.active{box-shadow:7px 12px 28px 0px rgb(0 0 0 / 22%);}
#footer .btnSelect.active ul{box-shadow:7px 12px 28px 0px rgb(0 0 0 / 22%);}

#footer .site{display:inline-block; position:absolute; top:0; right:0;}
#footer .site button{position:relative; z-index:9999; height:62px; line-height:1.25rem; box-sizing:border-box; padding:21px 30px; background:rgb(63 63 63); text-align:left; transition:0.3s ease; min-width:203px;}
#footer .site button span{position:relative; opacity:0.7; font-weight:400; font-size:13px; color:#fff; text-transform:capitalize;}
#footer .site button:after{content:''; display:block; position:absolute; top:50%; right:30px; margin-top:-3px; border-top:4px solid #fff; border-right:4px solid transparent; border-left:4px solid transparent; transition:transform 0.3s ease; transform:rotate(0deg);}
#footer .site button:focus{outline:none;}
#footer .site button.active{color:#20408a;}
#footer .site button.active:after{transform:rotate(-180deg);}
#footer .site ul{display:none; position:absolute; bottom:62px; left:0px; z-index:10; width:100%; box-sizing:border-box; padding:0.8rem 26px; background:#3f3f3f; /* border:1px solid #c7c7c7; */border-bottom-width:0px; /* box-shadow:7px 12px 28px 0px rgb(0 0 0 / 22%); :*/;}
#footer .site ul li a{display:block; opacity:0.4; padding:3px 0px; font-weight:200;    font-size: 0.9rem; color:#666; color:#fff; text-align:left; transition:0.3s ease;}
#footer .site ul li a:hover{opacity:1;}

#footer .menu{overflow:hidden;}
#footer .menu li{float:left; margin-right:4px;}
#footer .menu li a{display:block;position:relative;margin:25px 0;padding:7px 12px;padding:0 17px;font-weight:300;font-size:13px;color:#ccc;border-radius:4px;white-space: nowrap;}
#footer .menu li:first-child a{padding-left:0;}
#footer .menu li a:after{content:""; position:absolute; opacity:0.2; top:3px; right:0; width:1px; height:14px; background:#fff;}
#footer .menu li:last-child a:after{opacity:0;}

#footer .footer_menu{border-bottom:1px solid rgba(255,255,255,0.1);}
#footer .footer_info{margin-top:46px;}
#footer .footer_info > span{opacity:0.4; font-size:13px; color:#fff;}

.pop_email .btn_cancle{display:flex;justify-content:center;align-items:center;position: absolute;top:0px;top: -19px;right: -49px;z-index:10;width: 50px;height:60px;cursor:pointer;}
.pop_email .bar::before{content:""; position:absolute; bottom:-1px; left:0; Transform:rotate(-45deg);}
.pop_email .bar::after{content:""; position:absolute; top:0px; left:0; transform:rotate(45deg);}
.pop_email .bar::before,
.pop_email .bar::after{width:100%; height:2px; background-color:#fff; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
.pop_email .bar{display:block;position:absolute;top:50%;left:50%;width: 24px;height: 1px;margin-left:-8.2px;background-color:transparent;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.pop_email{position:fixed; opacity:0; visibility:hidden; top:0; left:0; z-index:99999; width:100%; height:100%; background:rgba(0,0,0,0.3); transition:all 0.3s ease 0s;}
.pop_email .email_inner{position:absolute; top:50%; left:50%; width:600px; height:220px; margin-top:-110px; margin-left:-300px; background:#fff; border:2px solid #2a2a2a;}
.pop_email .email_inner > div{padding:30px 30px;}
.pop_email .email_inner > div h5{margin-bottom:14px; font-weight:500; font-size:20px; color:#222; letter-spacing:-0.02rem;}
.pop_email .email_inner > div p{font-weight:300; color:#666;}
.pop_email.pop_on{opacity:1; visibility:visible;}

#footer .list_app.m_none{display:none;}

#footer .list_app {
    display: flex;
    margin-top: 44px;
}

#footer .list_app li a {
    display: flex;
    align-items: center;
    padding: 12px 17px;
    background: #1c1c1c;
    border-radius: 5px;
    margin-right: 4px;
}

#footer .list_app li a img {
    height: 21px;
    display: block;
    margin-right: 6px;
}
#footer .list_app * {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}

/* sub layout */
.sub #header.color .area_util{}
/*.sub #footer .btn_top{display:none;}*/

  /*** add230310__lang ***/
#header .area_lang {position:absolute; left: 107px; top: 101px; display: flex; align-items: center; transition: all .3s ease 0s;}
#header .area_lang a {min-width: 98px; color: #fff; font-size: 14px; padding: 8px 0; text-align: center; background-color:#474440;}
#header .area_lang a:first-child {background-color: #c6a582;}
#header .area_lang a:last-child {background-color: #c6a582;}

@keyframes visualSplit{
	0%{opacity:0; visibility:hidden;}
	100%{opacity:1; visibility:visible;}
	/* 100%{opacity:0; visibility:hidden;} */
}

@media screen and (max-width:1919px){
	#header h1, .room_layout #header h1{ left:50px !important;}
	#header #btn_pc{right:50px;}
	#header nav{margin:36px 108px 0 0;}
	#header nav .gnb > li{padding:0 22px;}
	#header nav .gnb > li ul{left:49%;}
	#header .area_lang {left: 67px;}
}

@media screen and (max-width:1679px){
	#header h1, .room_layout #header h1{width:374px !important;height: 53px !important;background-size:cover !important;}
	#header.active h1,
	#header.color h1,
	#header.web.color.open h1{background-size:cover;}
	#header nav{margin:36px 92px 0 0;}
	#header nav .gnb > li{padding:0 19px;}
}

@media screen and (max-width:1535px){
	#header #btn_pc{right:30px;}
	#header nav .gnb > li > a{font-size:14px;}
	#header h1, .room_layout #header h1{top: 28px !important;left:30px !important;width:323px !important;height: 46px !important;}
	#header nav .gnb > li{padding:0 17px;}
	#header nav{margin:36px 82px 0 0;}
	#header nav .gnb > li ul{left:48% !important;}
	#header .header_banner .inner a{padding-left:30px;}
	#header .header_banner .inner p{font-weight:300; font-size:17px;}
	#header nav .gnb > li ul > li > a{padding:3px 0px !important;}
	#header a.btn_reserve{padding:14px 21px;}
	#header a.btn_reserve:before{margin-right:13px;}
	#header .area_util ul{display:none; margin-right:16px;}
	#header .area_util ul li{padding:0 19px;}
	#header .area_util.color{top:100px;}

	.full_gnb{margin-left:40px;}
	.full_menu_slider .inner{width:425px; margin:0 55px;}
	.full_menu .full_gnb > .gnb > li > a{font-size:43px;}
	.full_menu .event_box > span{height:285px; margin-top:34px; background-size:cover;}
	.full_menu .bx-controls{margin-top:40px;}
	.full_menu .bx-pager > div > a:after{width:21px; height:21px; margin:-11px -12px;}
}

@media screen and (max-width:1365px){
	#header nav{margin:36px 72px 0 0;}
	#header nav .gnb > li{padding:0 13px;}

	.full_gnb{margin-left:30px;}
	.full_menu .full_gnb > .gnb > li > ul > li > a{font-size:14px;}
	.full_menu .full_gnb > .gnb > li{margin-bottom:23px;}
	.full_menu .full_gnb > .gnb > li > ul > li{margin-right:13px; padding:0px;}
	.full_menu .full_gnb > .gnb > li > a:before{margin-right:14px; font-size:15px;}
	.full_menu .full_gnb > .gnb > li > ul{max-width:59%;}

	.sub #footer .wrap{width:auto; margin:0 50px;}
}

@media screen and (max-width:1279px){
	body,
	p,
	li,
	a{font-size:15px;}

	#header h1, .room_layout #header h1{top: 20px !important;}
	#header #btn_pc{top:34px;}
	#header .area_util{top:82px;}
	#header > .inner{height:82px;}
	#header nav .gnb{display:none;}
	#header nav{margin:20px 72px 0 0;}
	#header .area_util.color{top:83px;}
	#header .area_lang {top:82px}

	.full_menu_slider{display:none;}

	.page_ready h6 {font-size:30px}
}

@media all and (min-width:1024px){
	#header nav .gnb > li ul{display:none; position:absolute; opacity:0; visibility:hidden; left:47%; height:215px; transition:all 0.3s ease; transition-property:opacity, top, visibility; max-width:37%;}
	#header nav .gnb > li ul.active{display:flex; align-items:center; align-content:center; flex-wrap:wrap;}
	#header nav .gnb > li.active ul{opacity:1; visibility:visible; z-index:10; transition-delay:0s, 0s, 0s;}
	#header nav .gnb > li ul > li > a{display:inline-block;margin-right:37px;padding:6px 0px;font-family:Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;font-weight:300;font-size:15px;color:#666;transition:all 0.3s ease 0s;position: relative;}
	#header nav .gnb > li ul > li > a.on{}
	#header nav .gnb > li ul > li > a:hover{color:#999;}
	#header nav .gnb > li ul > li:first-child > a{border-top-width:0px;}
	#header nav .gnb > li ul > li > a:after{content:""; position:absolute; opacity:0; bottom:4px; left:1px; width:100%; height:1px; background:#c6a582;}
	#header nav .gnb > li ul > li > a.on:after{opacity:1;}	

	[data-link="call"]{cursor:auto; pointer-events:none;}
}

@media (max-width: 1023px){
	a.btn_more{padding:16px 34px; font-size:13px;}
	a.btn1 {padding:4px 10px; font-size:13px}

	#header.up{top:-20%;}
	#header .btn_menu,
	#header .btn_close{display:block;}
	#header nav{position:fixed; opacity:0; visibility:hidden; top:0px; right:0; z-index:998; width:100%; height:100vh; margin:0; background:#fff; background-image:url(/images/common/bg_full.jpg);}
	#header nav.active{opacity:1; visibility:visible; box-shadow:-5px 0px 15px rgba(0,0,0,0.1); transition:all 0.4s ease-out 0s;}
	#header nav .gnb > li{display:block;}
	#header nav .gnb{position:fixed; overflow:hidden; top:130px; right:0px; width:100%; height:83vh; padding-top:3vh; border-top:1px solid rgba(255,255,255,0.2);}
	#header nav .gnb:after{content:""; position:absolute; opacity:0.1; top:0; left:50%; width:1px; height:100%; background:#fff;}
	#header nav .gnb > li{display:flex; padding:0;}
	#header nav .gnb > li > *{flex-basis:50%;}
	#header nav .gnb > li > a{display:block; padding:10px 4%; font-size:18px; color:#fff; text-align:left; transition:all 0.3s ease 0s; flex-basis:42%;}
	#header nav .gnb > li ul{position:absolute; opacity:0; visibility:hidden; top:3.5vh; right:0; width:46%; padding:0px 0 20px; transition:all 0.4s ease-out 0s; transform:translateX(20px);}
	#header nav .gnb > li ul.open{opacity:1; visibility:visible; transform:translateX(0);}
	#header nav .gnb > li ul > li > a{display:block; padding:10px 0px; font-weight:200; font-size:15px; color:#fff; text-align:left;}
	#header nav .gnb > li ul li.active a{color:#c6a582 !important;}
	#header > .inner{height:74px;}
	#header h1, .room_layout #header h1{top: 16px !important;left:20px !important;}
	#header #btn_pc{display:none;}
	#header .btn_menu{top:28px; right:20px;}
	#header nav .gnb{display:block;}
	#header nav.position .gnb{top:71px; height:90vh;}
	#header a.btn_reserve:before{margin-right:11px;}
	#header a.btn_reserve{display:flex; padding:14px 0; justify-content:center; align-items:center; width:200px;}
    #header a.btn_reserve.st01{background:#2a2a2a;}
    #header a.btn_reserve.st02{background:#c6a582;}
	#header .area_util{top:74px; width:400px; flex-wrap:wrap;} 
	#header .area_util ul li{padding:0 17px;}
	#header nav .gnb > li ul{left:auto !important;}
	#header nav .gnb > li ul > li{margin-bottom:6px;}
	#header nav .gnb > li > a:hover span[data-gnb="ko"]{opacity:0;}
	#header nav > .gnb > li > a:hover span[data-gnb="en"]{opacity:1;}
	#header .area_util.color{top:75px;}
	#header nav .gnb > li > a.on,
	.sub #header nav .gnb > li > a.on{color:#c6a582 !important;}
	.sub #top_banner{display:none;}
	.sub #header nav .gnb{top:76px; padding-top:3vh;}

	#header.active nav .gnb > li > a,
	#header.color nav .gnb > li > a{color:#fff;}

	#header.active .btn_menu > span,
	#header.color .btn_menu > span{background:#222;}
	#header.color02 .btn_menu > span {background:#222}
	#header.color02 .btn_menu.active > span {background:#fff}
	#header.color02 .btn_menu.active > span:nth-of-type(2) {background:transparent}
	#header.color02 nav .gnb > li > a {color:#fff}
	#header .area_lang {top: 74px; left: 0;}

	.room_layout.open #header h1 {background:url(../../images/common/logo.png) no-repeat 50% 50%}

	body.open #header.color .btn_menu > span:not(:nth-child(2)){background:#fff;}
	body.open #header.up{top:0;}
	body.open #header h1, .room_layout #header h1{ background:url(../../images/common/logo.png) no-repeat 50% 50%; background-size:cover !important;}
	body.open #header.color nav .gnb > li > a{color:#fff;}

	.page_ready{padding:75px 0; text-align:center;}
	.page_ready h6{font-size:26px; letter-spacing:10px; font-family:'Playfair Display', Sans-serif}
	.page_ready a{margin-right:5px; padding:12px 35px; font-size:13px;}
	.page_ready div{margin-top:40px;}
	.page_ready p{margin:15px 30px 0; font-weight:300; color:#666;}

}

@media all and (max-width:767px){
	div[class^="cursor"]{display:none;}

	body,
	p,
	li,
	a{font-family:'Playfair Display', Sans-serif; font-size:14px;}

	a.btn_more{padding:13px 28px; background:#bfb8b1; font-size:13px;}
	a.btn_call,
	a.btn_browser{padding:13.5px 24px; font-size:13px;}
	a.btn_browser:after{width:13px; height:14px; margin-left:13px;}

	#header{transform:none !important;}
	#header.active > .inner,
	#header.color > .inner{border-bottom:0; box-shadow:3px 5px 12px 0px rgb(0 0 0 / 4%);}
	#header nav .gnb > li > a.on{font-weight:700;}
	#header nav .gnb > li > a{padding:6px 6%; font-size:17px; flex-basis:42%;}
	#header nav .gnb > li ul > li > a{font-size:14px;}
	#header nav .gnb > li ul > li{margin-bottom:3px;}
	#header nav .gnb{top:104px; height:87vh;}
	#header nav.position .gnb{top:61px; height:91vh;}
	#header h1, .room_layout #header h1{top: 14px !important;left:17px !important;width:244px !important;height: 35px !important;}
	#header > .inner{height:60px;}
	#header .btn_menu{top:27px; right:20px; width:20px; height:11px;}
	#header .btn_menu.active {top:30px}
	#header .btn_menu > span:nth-of-type(1){top:0;}
	#header .btn_menu > span:nth-of-type(3){top:auto; bottom:0;}
	#header a.btn_reserve{width:50%; padding:0; font-size:13px; height:45px;}
	#header a.btn_reserve:before{top:0; width:15px; height:17px; margin-right:9px; background-size:contain;}
	#header .area_util{position:fixed;top:64px;top:auto;bottom:0;width:100%;opacity: 0;visibility: hidden;}
	#header .area_util.color{opacity:1;visibility:visible;top: auto;bottom: 0;}
	#header .area_lang {left:auto; right: 0; top: 60px;}
	#header .area_lang a S{min-width: 60px; padding: 7px 0; font-size: 13px;}

	#top_banner{height:42px;}
	#top_banner a{font-size:12px;}

	#close{margin-left:12px;}

	.sub #header nav .gnb{top:64px; height:90vh;}
	.sub #header.color .area_util{opacity:1;}

	#footer{padding-bottom: 95px;}
	#footer .menu{display:flex; padding:11px 0; overflow-x:scroll; flex-direction:row;}
	#footer .menu li a{margin:0; padding:0 9px;}
	#footer .wrap div:first-child span{display:block; opacity:0.4; line-height:1.3; padding:0; font-family:Sans-serif; font-size:12px; text-transform:lowercase;}
	#footer ul:last-child li em{display:block; margin:0 0 3px;}
	#footer ul:last-child li:nth-child(4){float:left; width:100%; clear:none;}
	#footer .menu li{float:none; opacity:0.6; margin-right:4px;}
	#footer .info{display:flex; padding-bottom:18px; flex-wrap:wrap;}
	#footer .info li{float:none; margin-top:2px; margin-right:8px; font-size:12px;}
	#footer .info li:nth-child(3)~li{margin-top:0;}
	#footer .info li *{font-family:'lora', Sans-serif;}
	#footer .info li em{color:#d8d8d8;}
	#footer .site{position:relative; margin-top:30px;}
	#footer .footer_info{margin-top:29px;}
	#footer .site button{height:52px; padding:16px 20px; min-width:153px;}
	#footer .site button:after{right:20px;}
	#footer .site ul{bottom:52px;}
	#footer .site ul{padding:0.5rem 19px;}
	#footer .info li p{font-size:12px;}
	#footer .info li:nth-child(4){clear:none;}

	#footer .list_app.m_none{display: flex;}
	.footer_site {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
	}

	#footer .btn_top{display:none;}
	.sub #footer .wrap{margin:0 20px;}

	.page_ready{padding:50px 0; text-align:center;}
	.page_ready h6{font-size:19px; letter-spacing:1px}
	.page_ready p br {display:none}
	.page_ready a {padding:10px 25px; font-size:12px;}
	.page_ready div {margin-top:30px}
}

@media screen and (max-width:400px){
/*	#header a.btn_reserve{padding:14px 0;}*/
}

@media all and (max-width:360px){
	body,
	p,
	li,
	a{font-size:13px;}

	#header .btn_menu{right:15px;}
}

@media all and (max-width:359px){
	#header h1, .room_layout #header h1{ left:15px !important; width:226px !important; height:20px !important;}
	#top_banner a{font-size:11px;}
	#header nav .gnb > li > a{padding:5px 4%; font-size:15px;}
}

@media screen and (max-width:300px){
	#top_banner{display:none;}

	#header h1, .room_layout #header h1{ top:17px !important; width:196px !important; height:18px !important;}
	#header > .inner{height:52px;}
	#header .btn_menu{top:22px; width:15px}
	#header nav .gnb{top:54px; height:92vh;}
	#header nav .gnb > li > a{padding:4px 5%; font-size:14px;}
	#header nav .gnb > li ul{top:3vh; width:44%;}
	#header nav .gnb > li ul > li > a{padding:2px 0px !important; font-size:13px;}
	#header a.btn_reserve{padding:12px 0;}
}