@charset "utf-8";

@import url('lib/animated.css');
@import url('lib/jquery-ui-1.10.4.custom.min.css');
@import url('lib/swiper.css');
@import url('lib/daterangepicker.css');
@import url('main.css?ver=2025082515');


body.fixed {height:100%; position:fixed;}
body.fixed #wrap {overflow:hidden;}

/* ==============================
 * header
 * ============================== */
#headerWrap.headerWrapIndex {background:transparent;}
#headerWrap {position: fixed; z-index: 100; min-height: 60px; text-align: center; line-height: 60px; left: 0; top: 0; width: 100%; background: #fff; transition: background 0.4s;}
#headerWrap h1 {line-height:60px; font-size:17px; font-weight:bold; color:#111;}
#headerWrap h1 > img {width:56px;height:36px;}
#headerWrap .cartBtn {position:absolute; top:21px; right:17px; width:20px; height:18px; text-indent:-9999px; background:url(/resource/images/mo/common/btn/btn_cart.png) no-repeat; background-size:100%;}
#headerWrap .cartBtn.etc {background:url(/resource/images/mo/common/btn/btn_cart_main.png) no-repeat; background-size:100%;}
#headerWrap .cartBtn span {position:absolute; top:-5px; right:-12px; width:24px; height:12px; line-height:12px; font-size:10px; color:#fff; text-align:center; text-indent:0; background:#9d836a; border-radius:6px;}
#headerWrap .menuBtn {position:absolute; top:22px; left:17px; z-index:10; width:18px; height:15px; background:url(/resource/images/mo/common/btn/btn_menu.png) no-repeat; background-size:100%; text-indent:-9999px;}
#headerWrap .menuBtn.etc {background:url(/resource/images/mo/common/btn/btn_menu_main.png) no-repeat; background-size:100%;}
#headerWrap .snsBtn {position:absolute; top:21px; right:17px; width:20px; height:18px; text-indent:-9999px; background:url(/resource/images/mo/common/btn/btn_cart.png) no-repeat; background-size:100%;}
#headerWrap .reservationBtn {position:absolute; top: 20px; right: 17px; display: block; color: #fff; height: 20px; line-height: 20px; border: 1px solid #eee; border-radius: 2px; font-size: 10px; text-align: center; font-family: 'Roboto'; font-weight: 400; letter-spacing: -0.02em; padding:0 8px;}
#headerWrap .reservationBtnSub {position:absolute; top: 20px; right: 17px; display: block; color: #1b1916; height: 20px; line-height: 20px; border: 1px solid #1b1916; border-radius: 2px; font-size: 10px; text-align: center; font-family: 'Roboto'; font-weight: 400; letter-spacing: -0.02em; padding:0 8px;}


.headerSubWrap {position: fixed; height: 40px; left: 0; top: 60px; width: 100%; background: #fff; z-index: 10;}
.headerFixed {background:#fff;}
.headerFixed.fixed { top:0; left:0; width:100%;}
.headerFixed .now {position:relative; padding:0 36px 0 16px; height:40px; line-height:40px; text-align:left; border-bottom:1px solid #e7e3e0; overflow:hidden;text-transform:uppercase;}
.headerFixed .now:before {content:''; position:absolute; top:50%; right:16px; margin-top:-3px; width:10px; height:6px; background:url(/resource/images/mo/common/icon/icon_arrow2.png) no-repeat 0 0; background-size:10px 12px;}
.headerFixed .now.on:before {background:url(/resource/images/mo/common/icon/icon_arrow2.png) no-repeat 0 -6px; background-size:100%;}
.headerSubLink {position:relative; display:none; padding:14px 0; background:#fff; overflow:hidden;}
.headerSubLink {
	-webkit-box-shadow: 0 7px 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 7px 10px rgba(0,0,0,.1);
	box-shadow: 0 7px 10px rgba(0,0,0,.1);
}
.headerSubLink li {}
.headerSubLink li:nth-child(even) {padding-left:0;}
.headerSubLink li > a {display:block; padding:10px 0 11px 0; text-align:center; color:#333; text-transform:uppercase;}
.headerSubLink li > .on {font-weight:bold; color:#9d836a;}

nav {position:fixed; top:0; right:0; bottom:0; left:-100%; width:100%; z-index:2000;}
nav.on {left:0;}
nav .navDimmed {position:absolute; top:0; right:0; bottom:0; left:0; z-index:102; width:100%; background:#1e1c19; opacity:0.9;}
.gnb {position:absolute; top:0; left:-100%; right:0; bottom:0; width:100%; z-index:103;}
.gnb > .close {position:absolute; top:15px; left:16px; width:20px; height:20px;}
.gnb > .close:before {content:''; position:absolute; top:9px; left:0; width:20px; border-bottom:1px solid #fff; transform: rotate(45deg);}
.gnb > .close:after {content:''; position:absolute; top:9px; right:0; width:20px; border-bottom:1px solid #fff; transform: rotate(-45deg);}

.gnb .gnbTop {position:relative; height:50px; background:#161411;}
.gnb .mainLink {position:absolute; top:50%; left:50%; margin:-17px 0 0 -27px;}
.gnb .mainLink > img {width:55px;height:35px;}
.gnb .country {float:right; margin-right:20px;}
.gnb .country .selectbox {height:50px; padding:0 15px 0 0; color:#a7a7a6; border:none;}
.gnb .country .selectbox {background:transparent url(/resource/images/mo/common/icon/bg_select2.png) no-repeat right center; background-size:8px 5px;}

.gnb .util {background:#161411; border-top:1px solid #333;}
.gnb .util > ul {display:table; width:100%; table-layout:fixed;}
.gnb .util > ul li {position:relative; display:table-cell; vertical-align:middle; padding:5px; height:45px;}
.gnb .util > ul li + li:before {content:''; position:absolute; top:50%; left:0; width:1px; margin-top:-6px; border-bottom:12px solid #333;}
.gnb .util > ul li a {display:block; width:100%; font-size:12px; color:#dedede; line-height:16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-appearance:none; -webkit-border-radius:0px;}
.gnb .greetings {padding:9px 16px 10px 16px; background:#35312d; font-size:14px; color:#fff; text-align:left; line-height:18px;}
.gnb .link {padding:20px 16px;}

.gnbCont {position:relative;}
.gnbCont .inner {
	height:calc(100% - 55px); overflow:auto;
	-webkit-transition: height 0.3s ease-out;
	-moz-transition: height 0.3s ease-out;
	-o-transition: height 0.3s ease-out;
	transition: height 0.3s ease-out;
}
.gnbCont .inner.on {height:100%;}

.gnbList {padding:0 16px 50px;}
.gnbList > li {text-align:left;}
.gnbList > li > a {position:relative; display:block; padding:11px 0 12px 0; font-family:'Roboto'; font-weight:400; font-size:14px; color:#fff; line-height:20px;}
.gnbList > li > a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#83807d; opacity:0.5;}
.gnbList > li {}
.gnbList > .dept > .tit {position:relative; padding:11px 0 12px 0; font-family:'Roboto'; font-weight:400; font-size:14px; color:#fff; line-height:20px;}
.gnbList > .dept > .tit:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#83807d; opacity:0.5;}
.gnbList > .dept > .tit:after {content:''; position:absolute; top:50%; right:8px; margin-top:-3px; width:10px; height:6px; background:url(/resource/images/mo/common/icon/icon_arrow4.png) no-repeat; background-size:10px 12px;}
.gnbList > .dept > .tit.on {font-weight:bold; color:#9c836a;}
.gnbList > .dept > .tit.on:after {background-position:0 -6px;}
.gnbList > .dept > .subGnb {display:none; padding:5px 0 16px 0;}
.gnbList > .dept > .subGnb li {}
.gnbList > .dept > .subGnb li a {display:block; padding:8px 0; font-family:'Roboto'; font-weight:400; font-size:12px; color:#fff; opacity:0.5; line-height:16px;}

.gnbCont .gnbBottom {position:relative; background:#161411;}
.gnbCont .gnbBottom.on {top:55px;}
.gnbCont .gnbBottom > ul {display:table; width:100%; table-layout:fixed;}
.gnbCont .gnbBottom > ul li {position:relative; display:table-cell; vertical-align:middle; height:55px; padding:0 5px;}
.gnbCont .gnbBottom > ul li + li:before {content:''; position:absolute; top:50%; left:0; width:1px; margin-top:-6px; border-bottom:12px solid #333;}
.gnbCont .gnbBottom > ul li a {display:block; text-align:center; font-size:0;}
.gnbCont .gnbBottom > ul li a span {position:relative; display:inline-block; padding-left:26px; font-size:12px; color:#dedede; line-height:16px; text-align:left;}
.gnbCont .gnbBottom > ul li a span:before {content:''; position:absolute; top:50%; left:0;}
.gnbCont .gnbBottom > ul li a .ty1:before {width:15px; height:10px; margin-top:-5px; background:url(/resource/images/mo/common/icon/icon_mail.png) no-repeat left center; background-size:15px 10px;}
.gnbCont .gnbBottom > ul li a .ty2:before {width:16px; height:15px; margin-top:-8px; background:url(/resource/images/mo/common/icon/icon_tel.png) no-repeat left center; background-size:16px 15px;}
.gnbCont .gnbBottom > ul li a .ty3:before {width:15px; height:17px; margin-top:-8px; background:url(/resource/images/mo/common/icon/icon_arrive.png) no-repeat left center; background-size:15px 17px;}

.snsContent {}
.snsList {min-height:100px;}
.snsList li {position:relative; padding:0 0 0 35px; border-bottom:1px solid #e7e3e0; color:#333; text-align:left; line-height:49px;}
.snsList li:before {content:''; position:absolute; top:50%; left:0; width:18px; height:17px; margin-top:-9px; background:url(/resource/images/mo/common/icon/icon_sns.png) no-repeat; background-size:18px 
102px;}
.snsList li.facebook:before {background-position:0 0;}
.snsList li.twitter:before {background-position:0 -17px;}
.snsList li.insta:before {background-position:0 -34px;}
.snsList li.kakao:before {background-position:0 -51px;}
.snsList li.wechat:before {background-position:0 -68px;}
.snsList li.weibo:before {background-position:0 -84px;}

.snsCopy {width:calc(100% + 32px); margin:28px 0 0 -16px; padding:22px 16px; background:#f9f9f9;}
.snsCopy .snsLinkAddr {padding:0 7px; background:#fff; font-size:11px; line-height:34px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid #e7e3e0;}


/* ==============================
 * footer
 * ============================== */
#footerWrap {position:relative; padding-top:50px;}
#footerWrap.bgType1 {padding-top:0;}
.footerTop {background:#191817;}
.footerTop > .footerLinkTop {overflow:hidden;}
.footerTop > .footerLinkTop ul {display:table; width:100%;}
.footerTop > .footerLinkTop ul li {display:table-cell; width:25%; height:38px; vertical-align:middle; border-bottom:1px solid #474645;}
.footerTop > .footerLinkTop ul li + li {border-left:1px solid #474645;}
.footerTop > .footerLinkTop a {display:block; height:38px; padding:10px 0 0 0; text-align:center;}
.footerTop > .footerLinkTop a span {display:inline-block; font-family:'Roboto'; font-weight:400; font-size:11px; color:#fff; line-height:20px; text-align:left; opacity:0.7;}
.footerTop > .footerLinkTop .arrive span {padding-left:25px; background:url(/resource/images/mo/common/icon/icon_arrive.png) no-repeat left center; background-size:15px 17px;}
.footerTop > .footerLinkTop .tel span {padding-left:22px; background:url(/resource/images/mo/common/icon/icon_tel.png) no-repeat left center; background-size:16px 15px;}
.footerTop > .footerLinkTop .offers {padding:11px 0 0 0;}
.footerTop > .footerLinkTop .offers span {line-height:14px;}
.footerTop > .inner {padding:28px 16px 30px 16px;}
.footerTop > .inner .appService dt {font-family:'Roboto'; font-weight:bold; font-size:12px; color:#9c836a;}
.footerTop > .inner .appService dd p {font-size:12px; padding:5px 0 18px 0; color:#fff; opacity:0.5;}
.footerTop > .inner .appService dd .appBtn {overflow:hidden;}
.footerTop > .inner .appService dd .appBtn a {float:left; width:105px;}
.footerTop > .inner .appService dd .appBtn a + a {margin-left:12px;}
.footerTop > .inner .appService dd .appBtn a img {width:100%;}

.footerLinkMIddle {/* overflow:hidden; */}
.footerLinkMIddle .familySite {position: relative;width:100%; margin-top:16px;padding-top:3px; }
.footerLinkMIddle .familySite .selectbox {height:26px; color:#666; border:none;border-bottom:1px solid #8c8c8b;background:#191817 url(/resource/images/mo/common/icon/bg_select3.png) no-repeat right center; background-size:8px 5px;}
.footerLinkMIddle .familySite.on .selectbox {background-image:url(/resource/images/mo/common/icon/bg_select2.png);}
.footerLinkMIddle .familySite .familyView {display:none;position: absolute;bottom:32px;left:0;width:100%;height:300px;overflow-y:auto;padding:10px;background:#161411;z-index:60;}
.footerLinkMIddle .familySite .familyView dt {font-weight:bold;}
.footerLinkMIddle .familySite .familyView dd a {display:block;padding:5px 5px 5px 10px;color:#666;}
.footerLinkMIddle .familySite .familyView dd + dt {margin-top:5px;}
.footerLinkMIddle .sns {overflow:hidden;}
.footerLinkMIddle .sns a {position:relative; display:inline-block; float:left; font-size:0; width:30px; height:30px; background:url(/resource/images/mo/common/icon/icon_footer_sns.png) no-repeat; background-size:30px 300px; text-indent:-9999px;}
.footerLinkMIddle .sns a:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #a3a3a2; border-radius:50%; box-sizing:border-box;}
.footerLinkMIddle .sns a + a {margin-left:12px;}
.footerLinkMIddle .sns .facebook {background-position:0 0;}
.footerLinkMIddle .sns .insta {background-position:0 -30px;}
.footerLinkMIddle .sns .youtube {background-position:0 -60px;}
.footerLinkMIddle .sns .blog {background-position:0 -90px;}
.footerLinkMIddle .sns .footLogo {width:67px;height:30px;margin-left:21px;background:url(/resource/images/mo/main/foot_logo.png) no-repeat; background-size:67px 30px;}
.footerLinkMIddle .sns a.footLogo:before {display:none;}

.footerLinkMIddle .togoSelect {position: relative;width:100%; margin-top:16px;padding-top:3px; }
.footerLinkMIddle .togoSelect .selectbox {height:37px; color:#666; border: 1px solid #8c8c8b;line-height:37px;}
.footerLinkMIddle .togoSelect.on .selectbox {}
.footerLinkMIddle .togoSelect .togoView {display:none;bottom:32px;left:0;width:100%;height:auto;overflow-y:auto;background:#fff;z-index:60;}
.footerLinkMIddle .togoSelect .togoView dl {border:1px solid #ddd;}
.footerLinkMIddle .togoSelect .togoView dt {font-weight:bold;}
.footerLinkMIddle .togoSelect .togoView dd {height:37px; padding-top:5px;}
.footerLinkMIddle .togoSelect .togoView dd a {display:block;padding:5px 5px 5px 10px;color:#666;}
.footerLinkMIddle .togoSelect .togoView dd + dt {margin-top:5px;}

.footerLinkMIddle .togoOptionSelect {position: relative;width:100%; margin-top:16px;padding-top:3px; }
.footerLinkMIddle .togoOptionSelect .selectbox {height:37px; color:#666; border: 1px solid #8c8c8b;line-height:37px;}
.footerLinkMIddle .togoOptionSelect.on .selectbox {}
.footerLinkMIddle .togoOptionSelect .togoOptionView {display:none;bottom:32px;left:0;width:100%;height:auto;overflow-y:auto;background:#fff;z-index:60;}
.footerLinkMIddle .togoOptionSelect .togoOptionView dl {border:1px solid #ddd;}
.footerLinkMIddle .togoOptionSelect .togoOptionView dt {font-weight:bold;}
.footerLinkMIddle .togoOptionSelect .togoOptionView dd {height:37px; padding-top:5px;}
.footerLinkMIddle .togoOptionSelect .togoOptionView dd a {display:block;padding:5px 5px 5px 10px;color:#666;}
.footerLinkMIddle .togoOptionSelect .togoOptionView dd + dt {margin-top:5px;}


.footerBottom {padding:18px 16px 20px 16px; background:#161411;}
.footerBottom > dl {}
.footerBottom > dl dt {font-weight:bold; font-size:10px; color:#9c836a;}
.footerBottom > dl dd {padding:3px 0 6px 0;font-size:10px; color:#7b7a7a; line-height:16px;}
.footerBottom > dl dd a {color:#7b7a7a;}
.footerBottom > dl dd a.tel {position:relative; display:inline-block; /* border-bottom:1px solid #7b7a7a; */}
.footerBottom > .copyright {padding-bottom:14px; font-size:10px; color:#60605e;}
.footerBottom > .footerLinkBottom {overflow:hidden;}
.footerBottom > .footerLinkBottom a {display:inline-block;float:left;}
.footerBottom > .footerLinkBottom a:after {content:''; display:inline-block;width:1px;height:8px;margin:0 7px;vertical-align:middle;background:#454341;}
.footerBottom > .footerLinkBottom a:last-child:after {content:none;}
.footerBottom > .footerLinkBottom a span {display:inline-block; font-weight:bold; font-size:10px; color:#7b7a7a;}

.pageTop {position:fixed; bottom:4px; right:16px;}
.pageTop.etc {bottom:54px !important;}
.pageTop.fix {position:absolute; display:inline-block; right:16px;}
.pageTop {z-index:50; width:36px; height:36px; background:url(/resource/images/mo/common/btn/btn_pagetop.svg) no-repeat; background-size:cover; text-indent:-9999px;}


@media screen and (max-width: 1214px) {
}

@media screen and (max-width:800px) {
}

@media screen and (max-width:640px) {
}