@charset "utf-8";
/* GNB 트레블러리 폰트 적용 */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,500;0,700;1,400&family=Noto+Sans+KR:wght@300;400;500&display=swap');
/* 웹폰트 css */
/* 영어 */
:lang(en) {font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif; }

/* 중국어(간체) */
:lang(zh) {font-family: 'Arial', 'Microsoft YaHei', 'Heiti SC', sans-serif; }

/* 중국어(번체) */
:lang(zh-Hant) {font-family: 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'Times New Roman', 'HGMinchoB', sans-serif; }

/* 일본어 */
:lang(ja) {font-family: 'meiryo', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ms_PGothic', arial, sans-serif; }

/* Reset */
html,
body {height: 100%;font-size: 10px;letter-spacing: -1px; }

:lang(en) body {letter-spacing: 0; }

html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-family: 'Noto Sans KR', sans-serif;font-weight: 400}

body {line-height: 1.15;color: #666;font-family: 'Noto Sans KR', sans-serif;font-weight: 400}

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;vertical-align: baseline;-webkit-font-smoothing: antialiased;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-family: 'Noto Sans KR', sans-serif; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {display: block; }

ol,
ul {list-style: none; }

blockquote,
q {quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {content: '';content: none; }

table {border-collapse: collapse;border-spacing: 0; }

fieldset,
img {border: 0}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {font-style: normal;font-weight: normal}

hr {display: block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;height: 1px;border: 0;border-top: 1px solid #ebebeb;margin: .5em 0 .7em;padding: 0;overflow: visible; }

a {background: transparent;text-decoration: none;color: inherit; }

b,
strong {font-weight: 700; }

sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline; }

sub {bottom: -0.25em; }

sup {top: -0.5em; }

legend,
caption {position: absolute;left: -99999px;display: block;width: 1px;height: 1px;overflow: hidden;text-indent: -99999px;clip: rect(0, 0, 0, 0);*display: none; }

br {font-family: initial; }

/* 2020-09-18 일부 IE br 표시 오류 수정 */

#skip-navi {z-index: 100;position: relative;top: 0;left: 0;width: 100%;margin: 0 auto;height: 0;text-align: center;line-height: 0; }

#skip-navi>a {position: absolute;top: -500px;left: 0;display: block;text-decoration: none;background: #555;font-weight: bold;font-size: 12px;color: #fff; }

#skip-navi>a:hover,
#skip-navi>a:focus {position: absolute;top: 0;left: 0;width: 100%;height: 30px;line-height: 30px; }


/**************
 Layout
***************/
/************** none_reponsive_mo.css : Layout 내용 동일 ***************/
#wrapper {position: relative;width: 100%;min-width: 320px;height: 100%; }

/* 20240808 : header z-index 수정 전달 [ z-index 10000 유지 필요 : app에 영향이 감 ] */
#header {position: fixed;top: 0;left: 0;z-index: 10000; width: 100%; background: #ffffff; }

#header:after {content: none; }

#header.scroll {border-bottom: 1px solid #ebebeb; }

#header .head-title {position: absolute;top: 50%;transform: translateY(-50%);left: 1.6rem; }

#header .head-title .btn-back {display: inline-block;vertical-align: top;padding-top: 0.6rem;width: 16px;height: 25px; }

#header .head-title .btn-back:after {display: inline-block;content: '';width: 9px;height: 9px;border-left: 1px solid #000;border-top: 1px solid #000;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); }

#header .head-title h1,
#header .head-title strong {display: inline-block;font-weight: normal;color: #333;font-size: 1.8rem !important; }

#header .header-inner {position: relative;max-width: 1920px;width: 100%;height: 100%;margin: 0 auto; }

#header .header-inner .logo { font-weight: normal; }

.header-inner .logo { box-sizing: border-box; }

.header-inner .logo img {max-width: 100%; }

.header-inner .page-title {font-size: 2rem;color: #000;font-weight: normal}

#container {width: 100%;max-width: 1920px;margin: 0 auto ;padding-top: 93px; }

.main #container {padding: 0; }

/* Motion */
@media (min-width:320px) and (max-width:1279px) {#footer {position: relative;height: 25.5rem;background: #2b2b2b url('../image/bg/footer_line.gif') repeat-x 0 -18px;height: auto}
 }

.content hr {margin: 60px 0; }

#container.wide {max-width: 100%; }

#container.wide .content-wrap {max-width: 100%; }

@media (max-width:1279px) {.content hr {margin: 3rem 0; }

/* 다국어 대응 header 말줄임처리 */
#header .head-title {width: calc(100% - 20px); }

#header .head-title .btn-back {float: left; }

#header .head-title .main-logo,
#header .head-title strong {display: inline-block;width: 73%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
 }

.checkin-web.date-picker-wrapper {z-index: 10004; }

/************** none_reponsive_mo.css : Layout 내용 동일 ***************/

/* APP */
.app-wrapper #container {padding-top: 0; }

.app-wrapper #container .scroll-tab-wrap.fix {top: 0; }

/**************
 Gnb
***************/
/************** none_reponsive_mo.css :: gnb 내용 동일 ***************/
body.openGnb-mode {overflow: hidden; }

#wrapper #header .header-inner .logo { text-align: center; }

#nav {position: fixed;top: 0;width: 100%;left: 100%;height: 100%;z-index: 1001;background: #fff; }

#nav .nav-inner {position: relative;height: 100%; }

#nav .util-menu.hidden {display: none; }

#nav .util-menu>.menu {display: none;margin-left: 0; }

#nav .util-menu .menu {margin-left: 0; }

#nav .util-menu .menu.mob-view2 {display: none}

#nav .util-menu .menu .lang-list {display: none;position: relative; }

/* 언어선택(gnb,footer) */
.lang-list>.lang {position: relative;padding: 0 1.5rem 0 2rem; }

.lang-list>.lang>span {white-space: nowrap; }

.lang-list>.lang:hover {cursor: pointer; }

.lang-list>.lang .selected {display: block; }

.lang-list>.lang:before {position: absolute;top: 0;left: 0;content: '';width: 1.4rem;height: 1.4rem;background: url("../image/icon/ico_lang.png") no-repeat;background-size: cover; }

.lang-list>.lang:after {position: absolute;top: 0.5rem;right: 0.1rem;content: '';width: 0.5rem;height: 0.5rem;border: solid #979797;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

.lang-list>.lang .select-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent; }

.lang-list .select-lang {position: absolute;top: 18px;left: 0;z-index: 10002;width: 87px;background: #fff;border: 1px solid #ebebeb;padding: 10px 8px;border-radius: 4px;box-shadow: 1px 1px 10px -3px rgba(0, 0, 0, 0.2); }

.lang-list .select-lang li {margin: 0 0 10px;font-size: 13px;color: #666;text-align: left}

.lang-list .select-lang li:last-child {margin-bottom: 0; }

/* welcome */
#nav .util-menu .welcome {display: block;position: relative;background: #3b3b3b;padding: 6rem 2rem 4rem}

#nav .util-menu .welcome>p {color: #fff;font-size: 2rem;font-weight: normal;line-height: 3.2rem}

#nav .util-menu .welcome .login {color: #fff; }

#nav .util-menu .util-menu-group {display: block; }

#nav .gnb-area {width: 100%;text-align: center;padding: 0; }

#nav .gnb-area .gnb-menu {float: none;display: block; }

#nav .gnb-area>.gnb-menu>li {position: relative;float: none;display: block;font-size: 1.4rem;width: 100%;text-align: left;max-width: 100%; }

#nav .gnb-area>.gnb-menu>li.home>a {color: #666; }

#nav .gnb-area>.gnb-menu>li.home>a>span:before {display: inline-block;content: '';width: 1.4rem;height: 1.3rem;background: url("../image/icon/ico_gnb.png") no-repeat;background-size: 5rem 5rem;margin-right: .6rem; }

#nav .gnb-area>.gnb-menu>li.home>a>span:after,
#nav .gnb-area>.gnb-menu>li.home.on>a>span:after {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);margin-top: .4rem; }

#nav .gnb-area>.gnb-menu>li.mob-view {display: block; }

#nav .gnb-area>.gnb-menu>li.on>a,
#nav .gnb-area>.gnb-menu>li.active>a {color: #000;font-weight: 700}

#nav .gnb-area>.gnb-menu>li:hover>a {color: #000; }

#nav .gnb-area>.gnb-menu>li>a {display: block;padding: 1.8rem 2.5rem;white-space: nowrap;color: #000;border-bottom: 1px solid #ebebeb;font-size: 1.6rem; }

#nav .gnb-area>.gnb-menu>li>a>span {position: relative;display: block;line-height: 1.2; }

#nav .gnb-area>.gnb-menu>li>a>span:after {display: block;content: '';position: absolute;top: .2rem;right: 0;width: .8rem;height: .8rem;content: '';border: solid #999;border-width: 0 1px 1px 0;margin: 0;transform: rotate(405deg);-webkit-transform: rotate(405deg); }

#nav .gnb-area>.gnb-menu>li.on a>span:after {margin-top: .6rem;transform: rotate(-135deg);-webkit-transform: rotate(-135deg); }

#nav .gnb-area>.gnb-menu>li>.depth2 {display: none; }

#nav .gnb-area>.gnb-menu>li>.depth2 li {background: #fbfbfb;border-bottom: 1px solid #ebebeb;margin-bottom: 0; }

#nav .gnb-area>.gnb-menu>li>.depth2 li>a {color: #666;font-size: 1.38rem;display: block;padding: 1.7rem 2.5rem; }

#nav .gnb-area>.gnb-menu>li.active>a:after,
#nav .gnb-area>.gnb-menu>li:hover>a:after {content: none; }

.btn-gnb-open {display: block;position: absolute; right: 2rem;z-index: 9; background: none; }

.btn-gnb-open>.bar {display: block;width: 2.3rem;height: 2px;background: #333;border-radius: 1px; }

.btn-gnb-open:before {position: absolute;top: 0;right: 0;content: '';display: block;width: 1.7rem;height: 2px;background: #333;border-radius: 1px; }

.btn-gnb-open:after {position: absolute;bottom: 0;right: 0;content: '';display: block;width: 1.9rem;height: 2px;background: #333;border-radius: 1px; }

.btn-gnb-close.ico-close,
.btn-reser-close.ico-close {display: block;position: absolute;top: 1.6rem;right: 2rem;width: 3rem;height: 3rem;background: transparent;z-index: 9002; }

.btn-gnb-close.ico-close::before,
.btn-gnb-close.ico-close::after,
.btn-reser-close.ico-close:before,
.btn-reser-close.ico-close:after {background: #fff;height: 2px; }

/* only mobile-mode (gnb-open) */
#nav .util-menu .util-menu-group.bottom>a>span:before {display: inline-block;vertical-align: middle;margin-top: -.3rem;margin-right: .6rem;content: '';width: 1.7rem;height: 1.7rem;background: url("../image/icon/ico_gnb.png") no-repeat;background-size: 5rem 5rem; }

#nav .util-menu .util-menu-group.bottom>a:first-child>span:before {background-position: left bottom}

#nav .util-menu .util-menu-group.bottom>a:last-child>span:before {background-position: right bottom}

#header.m-gnb-open .btn-gnb-open {z-index: 0; }

/* 영문 대응 */
:lang(en) #header.m-gnb-open #nav .util-menu .util-menu-group.bottom>a {font-size: 1.2rem;height: 5rem;white-space: normal;padding: 1.9rem 0; }

/************** none_reponsive_mo.css :: gnb 내용 동일 ***************/

/* 다국어 대응 */
:lang(en) .gnb-area>.gnb-menu>li>a {font-size: 1.5rem; }

/* Motion */
@media (max-width:1279px) {#nav {transition: left .3s cubic-bezier(.65, .05, .36, 1);-webkit-transition: left .3s cubic-bezier(.65, .05, .36, 1);-moz-transition: left .3s cubic-bezier(.65, .05, .36, 1);-o-transition: left .3s cubic-bezier(.65, .05, .36, 1); }
 }

@media (min-width:1280px) {
/************** none_reponsive_pc.css :: Layout 내용 동일 ***************/
/* Layout */

#header:after {display: block;content: '';width: 100%;height: 1px;background: #ebebeb;position: absolute;top: 120px; }

#wrapper #header .header-inner .logo {display: block;position: absolute; z-index: 10;padding-top: 0; }

/*#header .header-inner { max-width:1280px; } */
/* none_reponsive_pc.css 과 다르게 설정되어야함 */
#header .header-inner .logo {width: 22%; padding: 0; }

#header .header-inner .logo img {max-width: 100%; }

#header .head-title {display: none; }

#container {min-height: calc(100% - 93px); }

#nav .util-menu .menu.sky {position: relative;padding-left: 23px; }

#nav .util-menu .menu.sky:before {position: absolute;top: 0;left: 0;display: block;content: '';width: 18px;height: 18px;background: url("../image/icon/logo_sky.png") no-repeat;background-position: 0 0; }

/* scroll */
#header.scroll {position: fixed; }

#header.scroll:after {top: 93px; }

/* Gnb */
#header.gnb-open {border-bottom: 1px solid #e5e5e5; }

#header.reserve {height: 213px; }

#header.scroll.gnb-open {border-bottom: 1px solid #e5e5e5; }

#nav .gnb-area .gnb-menu {display: table;table-layout: fixed; }

#nav .gnb-area>.gnb-menu>li {position: relative;left: 308px;display: table-cell;padding: 0;font-size: 16px;text-align: center;top: 36px;width: 146px; }

#nav .gnb-area>.gnb-menu>li.mob-view {display: none}

#nav .gnb-area>.gnb-menu>li.active>a {color: #da291c;font-weight: 700}

#nav .gnb-area>.gnb-menu>li:hover>a,
#nav .gnb-area>.gnb-menu>li>a {position: relative;display: inline-block;padding: 0 10px;border-bottom: 0;height: 58px; }

#nav .gnb-area>.gnb-menu>li>a:after {display: block;content: '';position: absolute;bottom: 0;left: 50%;z-index: 1;width: 1px;height: 2px;background: transparent; }

#nav .gnb-area>.gnb-menu>li.active>a:after,
#nav .gnb-area>.gnb-menu>li:hover>a:after {display: block;content: '';width: 100%;left: 0;background: #da291c; }

#nav .gnb-area>.gnb-menu>li>a>span:after {content: none; }

#header.scroll .gnb-area>.gnb-menu>li>a:after {bottom: 0; }

#header #nav .gnb-menu.banner {display: none; }

/* Depth2 */
#header.gnb-open .gnb-area>.gnb-menu>li>.depth2 {display: block;padding-top: 25px;margin-top: -2px;position: relative;z-index: 1}

#nav {width: 100%; }

#nav .gnb-area {padding: 0;max-width: 1583px; }

#nav .gnb-area:after {display: block;clear: both;content: ''; }

#nav .gnb-area>.gnb-menu>li>.depth2 li {margin-bottom: 13px;padding: 0;background: none;border-bottom: 0}

#nav .gnb-area>.gnb-menu>li>.depth2 li>a {color: #666;padding: 0; }

#nav .gnb-area>.gnb-menu>li>.depth2 li>a:hover,
#nav .gnb-area>.gnb-menu>li>.depth2 li.active>a {color: #da291c; }

#nav .gnb-area>.gnb-menu>li:last {display: none; }

/* util-menu */
#nav {position: static;background: none; }

#nav .util-menu { font-size: 13px;white-space: normal; }

#nav .util-menu:after {display: block;clear: both;content: ''; }

#nav .util-menu .menu .lang-list {display: block; }

#nav .util-menu>.menu {display: inline-block;margin-left: 24px;color: #666; }

#nav .util-menu .util-menu-group.bottom>a>span:before {content: none; }

/* welcome */
#nav .util-menu .welcome {display: none; }

#nav .util-menu .util-menu-group {display: inline-block;margin-left: -4px;position: static; }

#nav .util-menu .util-menu-group.top {position: static;display: table-cell; }

/* #nav .util-menu .util-menu-group.top .mob-top-line { display:inline-block; } */
#nav .util-menu .util-menu-group.top.box {width: 120px;text-align: center; }

#nav .util-menu .util-menu-group.top.border {border-left: 1px solid #ebebeb; }

#nav .util-menu .util-menu-group.top.reserve,
#nav .util-menu .util-menu-group.top.member {background: rgba(255, 255, 255, 0.3); }

#nav .util-menu .util-menu-group.top.reserve a {position: relative; }

#nav .util-menu .util-menu-group.top.reserve .menu,
#nav .util-menu .util-menu-group.top.member .menu {padding: 4rem;margin: -4rem; }

#nav .util-menu .util-menu-group.top.member span {cursor: pointer; }

#nav .util-menu .util-menu-group.top.member .login-check {font-weight: bold; }

#nav .util-menu .util-menu-group.top.member .mypage {display: none;position: absolute;margin-top: 39px;width: 120px;right: 0;text-align: left;box-shadow: 1px 1px 10px -3px rgba(0, 0, 0, 0.2);z-index: 10005; }

#nav .util-menu .util-menu-group.top.member .mypage li {padding: 10px 0;background: #fff;border-bottom: 1px solid #ebebeb; }

#nav .util-menu .util-menu-group.top.member .mypage li:first-child {border-top-left-radius: 4px;border-top-right-radius: 4px; }

#nav .util-menu .util-menu-group.top.member .mypage li:last-child {border-bottom-left-radius: 4px;border-bottom-right-radius: 4px; }

#nav .util-menu .util-menu-group.top.member .mypage li span {position: relative;width: 85%;display: block;margin: 0 auto;font-size: 13px;color: #000; }

#nav .util-menu.show .util-menu-group.top.member {visibility: hideen; }

#header #nav .util-menu.show .util-menu-group.top.member:after {position: absolute;top: 4.4rem;right: 28px;content: '';width: 5px;height: 5px;border: solid #979797;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

.main #header #nav .util-menu.show .util-menu-group.top.member:after {position: absolute;top: 4.4rem;right: 28px;content: '';width: 5px;height: 5px;border: solid #fff;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

#header #nav .util-menu.show .util-menu-group.top.member.guest:after {position: absolute;top: 4.4rem;right: 32px;content: '';width: 5px;height: 5px;border: solid #979797;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

.main #header #nav .util-menu.show .util-menu-group.top.member.guest:after {position: absolute;top: 4.4rem;right: 32px;content: '';width: 5px;height: 5px;border: solid #fff;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

#header:not(.gnb-open) #nav .util-menu.show .util-menu-group.top.member.show:after,
#header:not(.gnb-reserve) #nav .util-menu.show .util-menu-group.top.member.show:after {position: absolute;top: 4.7rem;right: 28px;content: '';width: 5px;height: 5px;border: solid #979797;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg); }

.main #header:not(.gnb-open) #nav .util-menu.show .util-menu-group.top.member.show:after,
.main #header:not(.gnb-reserve) #nav .util-menu.show .util-menu-group.top.member.show:after {position: absolute;top: 4.7rem;right: 28px;content: '';width: 5px;height: 5px;border: solid #fff;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg); }

.main #header.gnb-open #nav .util-menu.show .util-menu-group.top.member.show:after,
.main #header.gnb-reserve #nav .util-menu.show .util-menu-group.top.member.show:after {position: absolute;top: 4.7rem;right: 28px;content: '';width: 5px;height: 5px;border: solid #979797;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg); }

#header:not(.gnb-open) #nav .util-menu.hidden .util-menu-group.top.member.show:after,
#header:not(.gnb-reserve) #nav .util-menu.hidden .util-menu-group.top.member.show:after {position: absolute;top: 4.7rem;right: 28px;content: '';width: 5px;height: 5px;border: solid #fff;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg); }

#header.gnb-open #nav .util-menu.show .util-menu-group.top.member.show:after,
#header.gnb-reserve #nav .util-menu.show .util-menu-group.top.member.show:after {position: absolute;top: 4.7rem;right: 28px;content: '';width: 5px;height: 5px;border: solid #979797;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg); }

#header.gnb-open #nav .util-menu.show .util-menu-group.top.member:not(.show):after,
#header.gnb-reserve #nav .util-menu.show .util-menu-group.top.member:not(.show):after {position: absolute;top: 4.4rem;right: 28px;content: '';width: 5px;height: 5px;border: solid #979797;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

.main #header #nav .util-menu.show .util-menu-group.top.guest:after {position: absolute;top: 4.4rem;right: 32px;content: '';width: 5px;height: 5px;border: solid #fff;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

#header.gnb-open #nav .util-menu.show .util-menu-group.top.member:not(.show).guest:after,
#header.gnb-reserve #nav .util-menu.show .util-menu-group.top.member:not(.show).guest:after {position: absolute;top: 4.4rem;right: 32px;content: '';width: 5px;height: 5px;border: solid #979797;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

#header #nav .util-menu .util-menu-group.top.reserve a:after {position: absolute;top: 0.5rem;right: 17px;content: '';width: 5px;height: 5px;border: solid #979797;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

.main #header #nav .util-menu .util-menu-group.top.reserve a:after,
#header.gnb-open #nav .util-menu .util-menu-group.top.reserve a:after,
#header.gnb-reserve #nav .util-menu .util-menu-group.top.reserve a:after,
.main #header:not(.gnb-open) #nav .util-menu .util-menu-group.top.reserve a:after {position: absolute;top: 4.5rem;right: 2.4rem;content: '';width: 5px;height: 5px;border: solid #fff;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

#header:not(.gnb-reserve) #nav .util-menu .util-menu-group.top.reserve a:after {position: absolute;top: 4.5rem;right: 2.4rem;content: '';width: 5px;height: 5px;border: solid #fff;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

#header #nav .gnb-area .util-menu .util-menu-group.top.reserve.show a:after {top: 4.8rem;transform: rotate(-135deg);-webkit-transform: rotate(-135deg); }

#header nav .util-menu .util-menu-group.top.reserve div {position: relative; }

#nav .nav-inner {height: 100%; }

.btn-gnb-open,
.btn-gnb-close.ico-close {display: none; }

/* 다국어 대응 */
:lang(en) #nav .gnb-area>.gnb-menu {table-layout: auto;margin-right: -10px; }

:lang(en) #nav .gnb-area>.gnb-menu>li {max-width: none;min-width: 145px; }

:lang(en) #nav .gnb-area>.gnb-menu>li:not(:first-child) {padding-right: 10px; }

:lang(ja) #nav .gnb-area>.gnb-menu {table-layout: auto;margin-right: -35px; }

:lang(ja) #nav .gnb-area>.gnb-menu>li {max-width: none;min-width: 140px; }

:lang(zh) #nav .gnb-area>.gnb-menu {margin-right: -35px; }
 }

/* col-md- */
@media screen and (max-width:1279px) {.grid-area-table.col-md-push {display: block; }

.grid-area-table.col-md-push:not(.mixed)>.colum,
.grid-area.col-md-push:not(.mixed)>.colum {float: none;display: block;width: 100%; }

.grid-area.col-md-push.mixed .wp-25,
.grid-area.col-md-push.mixed .col-3,
.grid-area.col-md-push.mixed .col-4 {width: 50%; }

.grid-area.col-md-push.mixed .col-6,
.grid-area.col-md-push.mixed .full {width: 100%; }

.grid-area.col-md-pull .colum {min-width: inherit; }
 }

/* col-sm- */
@media screen and (max-width:1279px) {.grid-area-table.col-sm-push {display: block; }

.grid-area-table.col-sm-push:not(.mixed)>.colum,
.grid-area.col-sm-push:not(.mixed)>.colum {float: none;display: block;width: 100%; }

.grid-area.col-sm-push.mixed .wp-25,
.grid-area.col-sm-push.mixed .col-3,
.grid-area.col-sm-push.mixed .col-4 {width: 50%; }

.grid-area.col-sm-push.mixed .col-6,
.grid-area.col-sm-push.mixed .full {width: 100%; }

.grid-area.col-sm-pull .colum {min-width: inherit; }

.grid-area[class*="gap-"] {width: auto;margin-left: -2.5rem;margin-right: -2.5rem; }

.grid-area[class*="gap-"] .colum {padding: 0 2.5rem; }
 }

@media (min-width:1280px) and (max-width:1380px) {
/* 다국어 대응 */
:lang(ko) #nav .gnb-area>.gnb-menu,
:lang(en) #nav .gnb-area>.gnb-menu,
:lang(ja) #nav .gnb-area>.gnb-menu,
:lang(zh) #nav .gnb-area>.gnb-menu {margin-right: 0}
 }

/************** none_reponsive_pc.css :: Layout 내용 동일 ***************/

@media (min-width:1280px) and (max-width:1280px) {
/* 다국어 대응 */
:lang(en) #nav .gnb-area>.gnb-menu,
:lang(ja) #nav .gnb-area>.gnb-menu {table-layout: fixed; }

:lang(en) #nav .gnb-area>.gnb-menu>li,
:lang(ja) #nav .gnb-area>.gnb-menu>li {vertical-align: top}

:lang(en) #nav .gnb-area>.gnb-menu>li>a,
:lang(ja) #nav .gnb-area>.gnb-menu>li>a {white-space: normal;word-break: break-word; }
 }

/* footer */
#footer {position: relative;background: #2b2b2b; }

#footer .footer-inner {position: relative;height: 100%; }

#footer .footer-inner.top {border-bottom: 1px solid #333;padding: 0; }

.footer-inner .footer-info,
.footer-inner .footer-bottom {position: relative;max-width: 1280px;margin: 0 auto; }

.footer-info-list {display: block;overflow: hidden;vertical-align: top;margin-top: 12px;text-align: left}

:lang(en) .footer-info-list {display: block;overflow: hidden;vertical-align: top;margin-top: 20px;text-align: left}

.footer-info-list ul {width: 100%; }

.footer-info-list li {display: inline-block;font-size: 13px;color: #9c9c9c;padding: 0 3.2% 0 0;letter-spacing: 0;line-height: 1.6; }

.footer-info-list li.mob-view2 {display: none; }

:lang(en) .footer-info-list li {display: inline-block;font-size: 13px;color: #9c9c9c;padding: 0 2.2% 0 0;letter-spacing: 0;line-height: 1.6; }

.footer-info-list li a span,
.footer-info-list li a:hover {color: #fff; }

.footer-inner.bottom .footer-affi {position: relative;padding: 30px 15% 0 0;min-height: 40px;max-width: 1280px;margin: 0 auto; }

.footer-affi .affi-list {width: 100%;padding-top: 0;border-top: 0}

.affi-list ul {overflow: hidden; }

.affi-list ul li {float: left;margin: 0 40px 0 0;white-space: nowrap; }

.affi-list ul li a {display: block; }

.affi-list ul li a>em {margin-bottom: 0; }

.affi-list ul li>em {display: block;margin-bottom: 0;min-height: 44px; }

.affi-list ul li a .ico-affi {display: block;min-height: 44px;background: url("../image/icon/ico_footer_skyhill.png") no-repeat;background-position: 0 -1px}

.affi-list ul li a .ico-affi.ico-skyhill {width: 162px; }

.affi-list ul li .ico-affi.ico-signiel {width: 103px;background: url("../image/icon/ico_footer_signiel.png") no-repeat;background-position: 0 0}

.affi-list ul li .ico-affi.ico-hotels {width: 137px;background: url("../image/icon/ico_footer_honre.png") no-repeat;background-position: 0 0}

.affi-list ul li .ico-affi.ico-city {width: 81px;background: url("../image/icon/ico_footer_city.png") no-repeat;background-position: 0 0}

.affi-list ul li .ico-affi.ico-l7 {width: 43px;background: url("../image/icon/ico_footer_l7.png") no-repeat;background-position: 0 0}

.affi-list ul li a .ico-affi.ico-dutty {width: 40px;background: url("../image/icon/ico_footer_duty.png") no-repeat;background-position: 0 0}

.affi-list ul li a .ico-affi.ico-lpoint {width: 81px;background: url("../image/icon/ico_footer_lpoint.png") no-repeat;background-position: 0 -1px}

.affi-list ul li a .ico-affi:hover {background-position: 0 -93px}

.footer-affi .family-site {position: absolute;top: 30px;right: 0;width: 242px;height: 40px;background: #333;line-height: 40px;font-size: 14px; }

.footer-affi .family-site>p a {position: relative;display: inline-block;padding: 0 15px;color: #9c9c9c;width: 192px;height: 100%; }

.footer-affi .family-site>p a:after {position: absolute;right: 15px;top: 22px;vertical-align: middle;width: 5px;height: 5px;content: '';border: solid #979797;border-width: 0 1px 1px 0;margin-top: -5px;transform: rotate(45deg);-webkit-transform: rotate(45deg); }

.footer-affi .family-site>p a.on:after {position: absolute;right: 15px;top: 25px;vertical-align: middle;width: 5px;height: 5px;content: '';border: solid #979797;border-width: 0 1px 1px 0;margin-top: -5px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg); }

.footer-affi .family-site .family-site-detail {display: none;position: absolute;top: -210px;padding: 12px 17px 1px;width: 192px;height: 210px;overflow-y: scroll;background: #5b5b5b;border: 1px solid #333;box-sizing: border-box;z-index: 500; }

.footer-affi .family-site .family-site-detail>ul {color: #fff;line-height: 26px;font-size: 13px; }

.footer-affi .family-site>a {position: absolute;top: 0;right: 0;display: block;color: #9f9f9f;background: #222;width: 50px;height: 100%;text-align: center}

.footer-bottom {padding: 24px 0 25px;color: #9c9c9c;font-size: 13px; }

.footer-bottom .footer-number-list {overflow: hidden; }

.footer-address address,
.footer-address ul {display: inline-block;overflow: hidden;vertical-align: top;margin: 0; }

:lang(en) .footer-address address {padding: 0 0 10px 0; }

.footer-address address span,
.footer-address ul li {display: inline-block;vertical-align: top;margin-right: 15px}

.footer-inner .footer-bottom .footer-number-list {margin-top: 11px;text-align: left;padding-bottom: 0; }

.footer-inner .footer-bottom .footer-number-list li {display: inline-block;vertical-align: top;margin-right: 15px; }

.footer-inner .footer-bottom .footer-sns-list {position: absolute;top: 33px;right: 0;padding: 0;border: 0;background: none}

/* 다국어 대응 위치 수정 */
:lang(en) .footer-inner .footer-bottom .footer-sns-list,
:lang(zh) .footer-inner .footer-bottom .footer-sns-list,
:lang(ja) .footer-inner .footer-bottom .footer-sns-list {position: absolute;top: 22px;right: 0;padding: 0;border: 0;background: none}

.footer-sns-list ul {overflow: hidden; }

.footer-sns-list ul li {display: inline-block;vertical-align: top;margin-left: 20px}

.footer-sns-list ul li .ico-sns {display: block;width: 30px;height: 30px;background: url("../image/icon/ico_sns.png") no-repeat;background-size: 30px 230px; }

.footer-sns-list ul li .ico-sns.ico-ytb {background-position: 0 0}

.footer-sns-list ul li .ico-sns.ico-fb {background-position: 0 -50px}

.footer-sns-list ul li .ico-sns.ico-int {background-position: 0 -100px}

.footer-sns-list ul li .ico-sns.ico-blog {background-position: 0 -150px}

.footer-sns-list ul li .ico-sns.ico-kakao {background-position: 0 -200px}

.footer-mob-top .lang-list>.lang:before {top: 3px; }

.web-view {display: block}

.mob-view {display: none !important}

.btn-gotop {display: none !important;position: fixed;bottom: 50px;right: 10px;width: 4.2rem;height: 4.2rem;z-index: 100;background: transparent; }

.btn-gotop:after {display: block;content: '';width: 100%;height: 100%;background: url("../image/btn/btn_top.png") no-repeat;background-size: cover}

.footer-inner .footer-info {position: relative;padding: 15px 0 25px 220px;min-height: 34px; }

.footer-inner .footer-logo {display: block;position: absolute;top: 20px;left: 0;width: 189px; }

.footer-inner .footer-logo img {max-width: 100%; }

:lang(en) .footer-inner .footer-logo,
:lang(ja) .footer-inner .footer-logo,
:lang(zh) .footer-inner .footer-logo {position: static; }

:lang(en) .footer-inner .footer-info,
:lang(ja) .footer-inner .footer-info,
:lang(zh) .footer-inner .footer-info {padding: 15px 0 25px 0; }

@media (max-width:1180px) {.affi-list ul li {margin-right: 20px; }
 }

@media (max-width:1279px) {.footer-affi .family-site {width: 18rem;font-size: 1.3rem; }

.footer-affi .family-site>p a {width: 13rem; }

.footer-affi .family-site .family-site-detail {width: 13rem; }

.footer-bottom {font-size: 1.2rem; }

.footer-address span {margin-right: 1rem}

.footer-sns-list ul li {margin-left: 1rem}

.footer-inner .footer-logo {position: static; }

.footer-inner .footer-info {padding: 25px 0 25px 0; }
 }

@media (min-width:1280px) and (max-width:880px) {.footer-info-list li {padding: 0 1.2%}
 }

@media (max-width:1279px) {.web-view {display: none !important}

.mob-view {display: block !important}

.footer-inner .footer-logo {display: none; }

#footer .footer-inner.top {border-bottom: 0;padding-bottom: 2rem}

.footer-mob-list {padding-top: 1.7rem;margin-bottom: 1.5rem; }

.footer-mob-list>ul>li {display: inline-block;vertical-align: middle;font-size: 1.2rem;color: #9f9f9f;padding: 0 1.6rem;margin-left: -4px; }

.footer-mob-list>ul>li>a>span {color: #fff; }

.footer-info-list li {display: inline-block;font-size: 13px;color: #9f9f9f;margin-right: 25px; }

.footer-mob-top,
.footer-mob-list,
.footer-info-list {text-align: center;display: block;margin-top: 0; }

.footer-mob-top {border-bottom: 1px solid #333; }

.footer-mob-top>ul {display: block;padding: 2rem 0; }

.footer-mob-top>ul>li {display: inline-block;vertical-align: middle;font-size: 1.3rem;color: #dbdbdb;padding: 0 2rem;border-left: 1px solid #383838;margin-left: -4px; }

:lang(en) .footer-mob-top>ul>li {display: inline-block;vertical-align: middle;font-size: 1.3rem;color: #dbdbdb;padding: 0 1rem;border-left: 1px solid #383838;margin-left: -4px; }

.footer-mob-top>ul>li:first-child {border-left: 0; }

.footer-mob-top .lang-list {position: relative; }

.footer-mob-top .lang-list .select-lang {background: #5b5b5b;border: 1px solid #333; }

.footer-mob-top .lang-list .select-lang li {color: #fff; }

.footer-info-list ul {display: inline-block;overflow: hidden;width: 80%; }

:lang(en) .footer-info-list ul {display: inline-block;overflow: hidden;width: 100%;text-align: center; }

.footer-info-list ul li.web-view {display: none}

.footer-info-list li.mob-view2 {display: inline-block; }

.footer-info-list li {margin-right: .5rem;font-size: 1.2rem;letter-spacing: -0.3px;color: #9f9f9f;line-height: 1.6; }

.footer-inner .footer-info {padding: 0;min-height: auto}

.footer-inner .footer-bottom {padding: 0}

.footer-inner.bottom .footer-affi {padding: 0rem 3rem 1.5rem; }

.footer-affi .family-site {position: relative;top: 0;margin: 1.5rem auto 0;width: 100%;max-width: 31.5rem; }

.footer-affi .family-site>p a,
.footer-affi .family-site .family-site-detail {width: calc(100% - 5rem)}

.footer-affi .affi-list {width: 100%;padding-top: 15px;border-top: 1px solid #333; }

.affi-list ul {text-align: center}

.affi-list ul li {float: none;display: inline-block;margin: 0 1.2rem; }

.affi-list ul li a>em {margin-bottom: 1rem; }

.affi-list ul li a .ico-affi {display: block;min-height: 2.6rem;background: url("../image/icon/ico_footer_affi.png") no-repeat;background-size: 468px 77px; }

.affi-list ul li a .ico-affi.ico-skyhill {width: 49px;background-position: 0 0}

.affi-list ul li a .ico-affi.ico-signiel {width: 62px;background-position: -65px 0}

.affi-list ul li a .ico-affi.ico-hotels {width: 110px;background-position: -141px 0}

.affi-list ul li a .ico-affi.ico-city {width: 48px;background-position: -268px 0}

.affi-list ul li a .ico-affi.ico-l7 {width: 36px;background-position: -335px 0}

.affi-list ul li a .ico-affi.ico-dutty {width: 26px;background-position: -373px 0}

.affi-list ul li a .ico-affi.ico-lpoint {width: 49px;background-position: -415px 0}

.footer-address address,
.footer-address ul {display: block;text-align: center;margin-bottom: .3rem}

.footer-address address span,
.footer-bottom .footer-number-list li,
.footer-address ul li {margin-right: .3rem;letter-spacing: -0.3px;line-height: 1.4}

.footer-inner .footer-bottom {color: #808080; }

.footer-inner .footer-bottom .footer-address {padding: 0 3rem;line-height: 1.4}

.footer-inner .footer-bottom .footer-number-list {text-align: center;margin-top: 0; }

.footer-inner .footer-bottom .footer-sns-list {position: static;text-align: center;background: #272727;padding: 1.8rem 0;border: 1px solid #333}

/* 다국어 대응 위치 수정 */
:lang(en) .footer-inner .footer-bottom .footer-sns-list,
:lang(zh) .footer-inner .footer-bottom .footer-sns-list,
:lang(ja) .footer-inner .footer-bottom .footer-sns-list {position: static;text-align: center;background: #272727;padding: 1.8rem 0;border: 1px solid #333}

.footer-inner .footer-bottom .footer-sns-list ul li {margin: 0 1.5rem; }

/* 언어선택(gnb,footer) */
.lang-list>.lang:before {top: 2px; }

.lang-list .select-lang {padding: 0;top: 100px}

.lang-list .select-lang li {margin: 0;padding: 14px 0 14px 0;border-bottom: 1px solid #dbdbdb;text-align: center;color: #000;font-size: 1.5rem; }

.lang-list .select-lang li:last-child {border: none}

:lang(en) .footer-inner .footer-info,
:lang(ja) .footer-inner .footer-info,
:lang(zh) .footer-inner .footer-info {padding: 0; }
 }

@media (max-width: 1279px) {.footer-mob-list .lang-list {position: relative; }

.lang-list .select-lang {top: 50%;left: 50%;transform: translate(-50%, 30%); }
 }

@media (max-width:360px) {.footer-mob-top li {padding: 0 1rem; }
 }

/* Motion */
.footer-logo {transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out; }


/**************
 공통 컨텐츠
***************/
/* 하단 슬라이드 (공통 ) */
.title-sub-area+.slider-list {margin-top: 30px; }

.slide-area {background-color: #f5f5f5;padding: 70px 0 90px 0;margin-top: 90px;overflow: hidden}

.content-wrap>.slide-area:last-child {margin-bottom: -90px; }

.slider-list {max-width: 1300px;margin: 0 auto; }

.slider-list .list {float: left;max-width: 414px;min-width: 414px;width: 414px;margin: 10px; }

.slider-list .list .desc {padding: 20px 30px 30px;position: relative;background: #fff; }

.slider-list .list .desc:after {display: block;content: "";clear: both; }

/*.slider-list .list .desc .tit { font-size:20px; color:#333; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:370px; display:block; } */
.slider-list .list .desc .tit {font-size: 20px;line-height: 1.3;color: #333;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 370px;display: block; }

.slider-list .list .desc .addr {width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;padding-top: 10px; }

.slider-list .list .desc .txt {margin-top: 10px;font-size: 14px;color: #333; }

.slider-list .list .desc .desc-link {float: right;font-size: 14px;color: #666;text-decoration: underline; }

.slider-list .list .img {display: block;width: 100%;overflow: hidden;position: relative;padding-bottom: 56.2%; }

.slider-list .list .img img {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%; }

/* 다국어 적용 */
:lang(en) .slider-list .list .desc .tit {padding: 0 0 10px; }

:lang(en) .slider-list .list .desc .addr {padding: 0 0 10px; }

:lang(en) .slider-list .list .desc .addr+.addr {padding-bottom: 0; }

@media screen and (max-width: 1510px) {
.slider-list.room-list,
.slider-list.tourist-list {max-width: 1024px; }

.slider-list.room-list .list {max-width: 328px;min-width: 328px;width: 328px; }
 }

@media screen and (max-width:1280px) {
.slider-list.room-list,
.slider-list.tourist-list {max-width: 970px; }

.slider-list.room-list .list {max-width: 313px;min-width: 313px;width: 313px; }
 }

@media screen and (max-width:1180px) {
.slider-list.room-list,
.slider-list.tourist-list {max-width: 847px; }

.slider-list.room-list .list {max-width: 269px;min-width: 269px;width: 269px; }
 }

@media screen and (max-width:1279px) {
.slider-list.room-list,
.slider-list.tourist-list {max-width: 1023px; }

.slider-list.room-list .list {max-width: 374px;min-width: 374px;width: 374px; }
 }

@media screen and (max-width:980px) {
.slider-list.room-list,
.slider-list.tourist-list {max-width: 640px; }

.slider-list.room-list .list {max-width: 310px;min-width: 310px;width: 310px; }
 }

@media screen and (max-width:860px) {
.slider-list.room-list,
.slider-list.tourist-list {max-width: 480px; }

.slider-list.room-list .list {max-width: 230px;min-width: 230px;width: 230px; }
 }

@media (max-width:1279px) {.slide-area {padding: 4rem 0 6rem 0;margin-top: 6rem;margin-bottom: -3rem; }

.slide-area .content {padding: 0; }

.slider-list {max-width: 100%;min-width: 32rem; }

.slider-list .slick-list {width: 100%; }

.slider-list .list {max-width: 100%;min-width: 100%;width: 414px;margin: 0;padding: 5px; }

.slider-list .list .desc {padding: 1.7rem 1.5rem 1.6rem; }

.slider-list .list .desc .tit {font-size: 1.6rem; }

.slider-list .slick-dots {bottom: -23px; }

.content-wrap>.slide-area:last-child {margin-bottom: -3rem}

.slider-list.room-list,
.slider-list.tourist-list {max-width: 100%;min-width: 32rem; }

.slider-list.room-list .list {max-width: 100%;min-width: 100%;width: 414px;margin: 0;padding: 5px; }

.affi-list ul li a .ico-affi {display: block;min-height: 2.6rem;background: url("../image/icon/ico_footer_skyhill.png") no-repeat; }

.affi-list ul li a .ico-affi.ico-skyhill {width: 97px;background-position: 0 0;background-size: 97px}

.affi-list ul li a .ico-affi.ico-signiel {width: 62px;background-position: 0 0;background-size: 62px}

.affi-list ul li a .ico-affi.ico-hotels {width: 110px;background-position: 0 0;background-size: 110px}

.affi-list ul li a .ico-affi.ico-city {width: 48px;background-position: 0 0;background-size: 48px}

.affi-list ul li a .ico-affi.ico-l7 {width: 36px;background-position: 0 0;background-size: 36px}

.affi-list ul li a .ico-affi.ico-dutty {width: 26px;background-position: 0 0;background-size: 26px}

.affi-list ul li a .ico-affi.ico-lpoint {width: 49px;background-position: 0 0;background-size: 49px}
 }


/**************
 Login
***************/
.login-wrap {padding-top: 1.5px}

.login-guide {border-bottom: 4px solid #f5f5f5;text-align: center;padding-bottom: 3.2rem;word-break: keep-all; }

:lang(ja) .login-guide {border-bottom: 4px solid #f5f5f5;text-align: center;padding-bottom: 3.2rem;word-break: normal; }

.login-guide h1 {font-size: 4.6rem;color: #333;font-weight: normal}

.login-guide .txt {font-size: 2.4rem;color: #da291c;margin-top: 4.4rem; }

.login-guide .desc {font-size: 1.5rem;color: #333;margin-top: 1.9rem;line-height: 2.2rem}

.login-area {width: 42rem;margin: 0 auto;padding: 3rem 0 4rem; }

.login-area .form-group+.form-group {margin-top: 2rem}

.login-area .form-group label {font-size: 1.5rem;color: #333; }

.login-area .form-group+.custom-checkbox {margin-top: 1rem}

.login-area .custom-checkbox+.btn-bottom-area {margin: 3rem 0 1rem; }

.login-area .text-list {margin-top: 2rem; }

.login-area .btn-area>.btn {display: table;white-space: normal;line-height: 1.2;width: calc(50% - .5rem);margin: 0;font-weight: normal;border-color: #ddd;padding: 0 .5rem;font-size: 1.4rem; }

.login-area .btn-area>.btn>span {display: table-cell;vertical-align: middle; }

:lang(ja) .login-area .btn-area>.btn {width: calc(50% - .5rem);margin: 0;font-weight: normal;border-color: #ddd;padding: 0 .5rem;font-size: 1.2rem; }

.login-area .btn-area>.btn:first-child {float: left; }

.login-area .btn-area>.btn:last-child {float: right; }

.join-lotte-area {text-align: center;margin-bottom: -9.5rem;padding: 6rem 0 0;box-sizing: border-box;background: #e7dfd7}

.join-lotte-area .tit {display: block;font-size: 3.8rem;color: #5d5346;font-weight: normal;margin-bottom: 3.5rem; }

.join-lotte-area .btn-area {width: 42rem;margin: 0 auto; }

.join-lotte-area .btn-area>.btn {display: table;white-space: normal;line-height: 1.2;background: #978773;color: #fff;height: 4.8rem;font-size: 1.6rem;font-weight: 700;min-width: 19rem;width: calc(50% - .5rem);margin: 0;border: 1px solid transparent;line-height: 1.2;min-width: calc(50% - .5rem);padding: 0; }

.join-lotte-area .btn-area>.btn>span {display: table-cell;vertical-align: middle; }

.join-lotte-area .btn-area>.btn:first-child {float: left; }

.join-lotte-area .btn-area>.btn:last-child {float: right; }

.benefit-list-wrap {padding: 5.5rem 0 0;min-height: 12.2rem; }

.benefit-list {width: 100%;text-align: center;display: table;max-width: 128rem;margin: 0 auto; }

.benefit-list-wrap:after {display: block;content: '';width: 100%;height: 43.6rem;margin-top: 6rem;background: #e7dfd7 url("../image/bg/bg_login_bottom.png") no-repeat center bottom;background-size: cover; }

.benefit-list .list {display: inline-block;margin-left: -4px;display: table-cell}

.benefit-list .list .benefit-txt {padding: 0 3rem;min-width: 7.2rem;text-align: center; }

.benefit-list .list .benefit-txt .img {display: block;width: 7.2rem;height: 5.6rem;margin: 0 auto; }

.benefit-list .list .benefit-txt .img.list-01 {background: url("../image/icon/ico_benepit1.png") no-repeat;background-size: cover}

.benefit-list .list .benefit-txt .img.list-02 {background: url("../image/icon/ico_benepit2.png") no-repeat;background-size: cover}

.benefit-list .list .benefit-txt .img.list-03 {background: url("../image/icon/ico_benepit3.png") no-repeat;background-size: cover}

.benefit-list .list .benefit-txt .img.list-04 {background: url("../image/icon/ico_benepit4.png") no-repeat;background-size: cover}

.benefit-txt .branch {color: #5d5346;font-size: 1.4rem;font-weight: 700;display: block;margin-top: 2rem; }

.benefit-txt .txt {color: #5d5346;font-size: 2.2rem;margin-top: .4rem;word-break: keep-all; }

/* 리워즈 번호 안내 */
.card-list {margin: 2rem 0; }

.card-list li {text-align: center}

.card-list li img {max-width: 100%; }

/* 전환안내 팝업 */
.service-box {background: #e7dfd7;text-align: center;padding: 6rem 0 7rem;line-height: 2.7rem;font-size: 1.8rem;color: #333;margin: 3.5rem 0 2.5rem; }

.service-box .logo {display: block;background: url("../image/icon/logo_grey.png") no-repeat center top;background-size: 19.6rem 3.6rem;width: 19.6rem;height: 3.6rem;margin: 0 auto; }

.service-box .user {margin-top: 3.5rem; }

.service-box .use-branch {overflow: hidden;text-align: center; }

.service-box .use-branch li {display: inline-block;vertical-align: top;font-weight: 700}

.service-box .use-branch li span:after {display: inline-block;content: '/';margin-left: .4rem;font-weight: normal}

.service-box .use-branch li:last-child span:after {content: none; }

@media (max-width:1279px) {.login-wrap {padding: 0 2.5rem; }

.login-guide {border-bottom: 0;padding: 0;text-align: left; }

.login-guide h1 {display: none}

.login-guide .txt {margin-top: 0;font-size: 1.4rem; }

.login-guide .desc {font-size: 1.3rem;margin-top: .8rem;color: #666;line-height: 1.9rem; }

.login-guide .desc>span {display: none; }

.login-area {width: 100%; }

.login-area .form-group label {font-size: 1.6rem; }

.join-lotte-area {margin-bottom: -60px;padding: 3rem 0 0; }

.join-lotte-area .tit {font-size: 2.6rem;line-height: 3rem}

.join-lotte-area .tit>span {display: block; }

.join-lotte-area .btn-area {padding: 0 2.5rem;width: 100%; }

.join-lotte-area .btn-area>.btn {width: calc(50% - .1rem); }

.benefit-list-wrap {padding: 4rem 0 0}

.benefit-list-wrap:after {display: block;width: 100%;height: 28.2rem;margin-top: 3rem; }

.benefit-list-wrap .slick-dots {position: static;margin-top: 2.5rem; }

.benefit-list-wrap .slick-dots li button:before {border: solid 2px #fff}

/* 리워즈 번호 안내 */
.card-list {margin: 20px 0; }

.card-list li {text-align: center; }

/* 전환안내 팝업 */
.service-box .use-branch li {display: block; }

.service-box .use-branch li span:after {content: none; }
 }

/**************
 Common
***************/
.blind {position: absolute;left: -99999px;display: block;width: 1px;height: 1px;overflow: hidden;text-indent: -99999px;clip: rect(0, 0, 0, 0); }

.hide {display: none; }

.v-hidden {visibility: hidden; }

/* 간격 */
.mt10 {margin-top: 1rem !important; }

.mt15 {margin-top: 1.5rem !important; }

.mt20 {margin-top: 2rem !important; }

.mt25 {margin-top: 2.5rem !important; }

.mt30 {margin-top: 3rem !important; }

.mt40 {margin-top: 4rem !important; }

.mt60 {margin-top: 6rem !important; }

.ml08 {margin-left: .8rem !important; }

.ml40 {margin-left: 40px !important; }

.ml20 {margin-left: 20px !important; }

.mt50 {margin-top: 50px !important; }

.mr5 {margin-right: 5px !important; }

.ml30 {margin-left: 30px !important; }

.cb:after {display: block;content: '';clear: both}

.fr {float: right}

.fl {float: left}

/**************
 Text / Bullet
***************/
.lato {font-family: 'Lato', sans-serif; }

.lato-bold {font-family: 'Lato', sans-serif;font-weight: 900}

.text-center {text-align: center !important; }

.text-left {text-align: left !important; }

.text-right {text-align: right !important; }

.text-ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

.text-dim {color: #666; }

.text-point {color: #da291c; }

.text-point2 {color: #666; }

.text-point3 {color: #999999; }

.text-point4 {color: #d73f3f !important; }

.orange {color: #da291c}

.text-info {color: #333; }

.text-link {color: #000;text-decoration: underline;font-size: 1.4rem; }

.text-underline {text-decoration: underline; }

.text-nowrap {white-space: nowrap}

.text-line-through {text-decoration: line-through}

/* font-style */
.font-bold {font-weight: bold; }

/* 필수체크 블릿 */
.bl-point {display: inline-block; }

.bl-point:after {display: inline-block;margin: -3px 3px 0;vertical-align: middle;content: '';width: 4px;height: 4px;border-radius: 2px;background-color: #da291c; }

.form-group label>.bl-point:after,
table th>.bl-point:after,
table td>.bl-point:after {vertical-align: top;margin: 0; }

/* 목록 category badge */
ul>li .badge,
.slick-slide .list .badge,
.slide-colum .badge {display: block;position: absolute;top: 0;left: 0;z-index: 9;overflow: hidden; }

.category {float: left;height: 44px;font-size: 13px;text-align: center;padding: 15px 15px 13px;color: #fff;font-weight: 700}
.category+.category { border-left: 1px solid #ffffff }
.event-view .category+.category { border-left: 1px solid rgba(255,255,255,0.5); }

/* color */
.coupon-box.package {background: #333; }

.coupon-box.sokcho {background: #237489}

.coupon-box.resort {background: #887967}

.coupon-box.buyeo {background: #6d4b42}

.coupon-box.artvillas {background: #444444}

.category {background: rgba(0, 0, 0, 0.5)}

/**************
 Grid
***************/
/* 고정형 */
.grid-area-fix {width: 100%;display: block; }

.grid-area-fix:after {display: block;content: '';clear: both; }

.grid-area-fix .colum {float: left;font-size: 1.3rem;word-break: break-word; }

.grid-area {width: 100%;display: block; }

.grid-area:after {display: block;content: '';clear: both; }

.grid-area .colum {float: left;word-break: break-word; }

/* 테이블타입 */
.grid-area-table {display: table;width: 100%;table-layout: fixed; }

.grid-area-table .colum {display: table-cell;width: 1%;white-space: nowrap; }

.grid-area-table .colum>* {white-space: normal; }

/* Colum Width */
.colum.col-12 {width: 100%; }

.colum.col-11 {width: 91.66666667%; }

.colum.col-10 {width: 83.33333333%; }

.colum.col-9 {width: 75%; }

.colum.col-8 {width: 66.66666667%; }

.colum.col-7 {width: 58.33333333%; }

.colum.col-6 {width: 50%; }

.colum.col-5 {width: 41.66666667%; }

.colum.col-4 {width: 33.33333333%; }

.colum.col-3 {width: 25%; }

.colum.col-2 {width: 16.66666667%; }

.colum.col-1 {width: 8.33333333%; }

/* 예외 colum-unit-10 */
.colum.wp-10 {width: 10%; }

.colum.wp-15 {width: 9.5%; }

.colum.wp-18 {width: 18%; }

.colum.wp-20 {width: 20%; }

.colum.wp-25 {width: 25%; }

.colum.wp-30 {width: 30%; }

.colum.wp-40 {width: 40%; }

.colum.wp-45 {width: 45%; }

.colum.wp-50 {width: 50%; }

.colum.wp-55 {width: 55%; }

.colum.wp-60 {width: 60%; }

.colum.wp-65 {width: 65%; }

.colum.wp-70 {width: 70%; }

.colum.wp-80 {width: 80%; }

.colum.wp-90 {width: 90%; }

.colum.wp-100 {width: 100%; }

.grid-area.col-md-pull .colum,
.grid-area.col-sm-pull .colum {min-width: 100%; }

/* colum 사이 간격 */
.grid-area.gap {width: auto;margin-left: -10px;margin-right: -10px; }

.grid-area.gap .colum {padding: 0 1rem; }

.grid-area.gap-2 {width: auto;margin-left: -5px;margin-right: -5px; }

.grid-area.gap-2 .colum {padding: 0 5px; }

.grid-area.gap-3 {width: auto;margin-left: -15px;margin-right: -15px; }

.grid-area.gap-3 .colum {padding: 0 15px; }

.grid-area.gap-4 {width: auto;margin-left: -30px;margin-right: -30px; }

.grid-area.gap-4 .colum {padding: 0 30px; }

.grid-area.gap-5 {width: auto;margin-left: -2%;margin-right: -2%; }

.grid-area.gap-5 .colum {padding: 0 2%; }

.grid-area.gap-6 {width: auto;margin-left: -25px;margin-right: -25px; }

.grid-area.gap-6 .colum {padding: 0 25px; }

.grid-area.gap-7 {width: auto;margin-left: -5px;margin-right: -5px; }

.grid-area.gap-7 .colum {padding: 0 3px 0 2px; }

/* 현장스케치 */
.grid-area.gap-8 {width: auto;margin-left: -50px;margin-right: -50px; }

.grid-area.gap-8 .colum {padding: 0 50px; }

/* 세미나 & 웨딩 */
.grid-area.gap-9 {width: auto;margin-left: -20px;margin-right: -20px; }

.grid-area.gap-9 .colum {padding: 0 20px; }


/**************
paging
***************/
.paging {margin-top: 25px;text-align: center; }

.paging>a {position: relative;display: inline-block;min-width: 12px;margin: 0 7px;vertical-align: middle;font-size: 15px;color: #666; }

.paging>a.on {font-weight: bold;color: #da291c;text-decoration: underline; }

.paging>.btn-first,
.paging>.btn-prev,
.paging>.btn-next,
.paging>.btn-last {position: relative;margin: 0;width: 30px;height: 30px;background: url(../image/btn/btn_paging.png)no-repeat;background-size: 30px 120px; }

.paging>.btn-prev {margin-right: 23px; }

.paging>.btn-next {margin-left: 23px; }

.paging>.btn-first {background-position: 0 -60px; }

.paging>.btn-prev {background-position: 0 -90px; }

.paging>.btn-next {background-position: 0 -30px; }

.paging>.btn-last {background-position: 0 0; }


/**************
 Tab
***************/
.tab-menu {position: relative;padding: 0;background: #fff; }

.tab-menu ul {position: relative;width: 100%;display: table;border: 1px solid #ddd;border-bottom: 0; }

.tab-menu ul>li {position: relative;display: table-cell;height: 5.3rem;vertical-align: middle;border-left: 1px solid #ddd;text-align: center;border-bottom: 1px solid #ddd; }

.tab-menu ul>li a {position: relative;display: block;width: 100%;max-height: 5.3rem;padding: 5px 15px;text-align: center;font-size: 15px;cursor: pointer}

.tab-menu ul>li a>span {position: relative;display: inline-block;height: 100%; }

.tab-menu ul>li:first-child {border-left: 0; }

.tab-menu ul>li.active {border-bottom: 0; }

.tab-menu ul>li.active a {border-bottom: 1px solid transparent;font-weight: bold;color: #333; }

.tab-menu ul>li.active:before {display: block;content: '';position: absolute;z-index: 1;top: -1px;left: -1px;width: calc(100% + 2px);height: 2px;background: #da291c; }

/* Colum */
.tab-menu.col-2 li {width: 50%; }

.tab-menu.col-3 li {width: 33.33333333%; }

.tab-menu.col-4 li {width: 25%; }

.tab-menu.col-5 li {width: 20%; }

.tab-menu.col-6 li {width: 16.66666667%; }

.tab-menu.col-7 li {width: 14.2857143%; }

.tab-menu.col-8 li {width: 12.5%; }

.tab-menu.col-9 li {width: 11.1111111%; }

/* inner tab */
.inner-tab {position: relative;padding: 0; }

.inner-tab>ul {position: relative;width: 100%;display: table; }

.inner-tab>ul>li {display: table-cell;min-width: 20%;height: 5rem;background: #ebebeb; }

.inner-tab>ul>li>a {position: relative;display: block;width: 100%;height: 100%;line-height: 5rem;padding: 0 20px;vertical-align: middle;text-align: center;font-size: 1.6rem;box-sizing: border-box; }

:lang(ja) .inner-tab>ul>li>a {line-height: 5.5rem; }

.inner-tab>ul>li.active {background: #555; }

.inner-tab>ul>li.active a {color: #fff;font-weight: 700}

/* 비반응형 */
.inner-tab.fix ul { display: flex; /* flex-wrap: wrap; */ row-gap: .6rem; }
.inner-tab.fix ul li {display: inline-block; min-width: 17.8rem; margin-right: .6rem; }
.inner-tab.fix ul li:last-child { margin-right: 0; }

@media (min-width:1280px) {.inner-tab:not(.fix):not(.full) ul {display: inline-block; }

.inner-tab:not(.fix):not(.full) ul li {display: inline-block;min-width: 17.8rem;margin-right: .6rem; }
 }

.scroll-list li {float: none;width: 100%; }

/* 슬라이드 구분 탭 */
.menu-sort.menu-swipe {height: 50px; }

.menu-sort {display: inline-block; }

.menu-sort ul {overflow: hidden;display: table; }

.menu-sort ul li {position: relative;display: table-cell;vertical-align: middle;padding-bottom: 13px;margin-left: 24px; }

.menu-sort ul li>a {display: block;padding: 0 12px;font-size: 1.8rem;color: #666; }

.menu-sort ul li.active>a {color: #333;font-weight: 700}

.menu-sort ul li:after {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 2px; }

.menu-sort ul li.active:after {background: #da291c}

/* Tab Contents */
.tab-container {position: relative;margin-top: 3rem; }

.tab-container .tab-content {display: none;position: relative;padding: 0; }

.tab-container .tab-content.active {display: block; }

/* 간격 */
@media (max-width:1279px) {
/* Scroll */
html {-ms-overflow-style: none; }

::webkit-scrollbar {display: none; }

.tab-menu::-webkit-scrollbar {display: none; }

.tab-menu {overflow-x: auto;-webkit-overflow-scrolling: touch; }

/* 슬라이드 구분 탭 */
.menu-sort {width: 100%; }

.menu-sort ul li {margin-left: 0;padding-bottom: 1rem; }

.menu-sort ul li>a {font-size: 1.6rem; }

.menu-sort.menu-swipe ul li>a {white-space: nowrap; }
 }


/**************
 Table
***************/
.tb-wrap {border-top: 1px solid #6a6a6a;background: #fff; }

.tb-wrap:after {display: block;content: '';clear: both; }

.tb-wrap>table {width: 100%;table-layout: fixed;border-collapse: collapse; }

.tb-wrap>table thead th {background-color: #f5f5f5;text-align: center;border-bottom: 1px solid #e3e3e3;height: 5.6rem; }

.tb-wrap>table th,
.tb-wrap>table td {padding: .8rem 1rem;vertical-align: middle;color: #333333;font-size: 1.4rem;word-break: break-word; }

.tb-wrap>table td {color: #333; }

.tb-wrap>table tbody th {background-color: #f5f5f5;text-align: center; }

.tb-wrap>table tbody th,
.tb-wrap>table tbody td {text-align: left;border-bottom: 1px solid #e3e3e3;padding: 2.5rem 1.7rem 2.6rem;vertical-align: middle; }

.tb-wrap>table tr td:last-child,
.tb-wrap table tr th:last-child {border-right: 0; }

.tb-wrap>table thead+tbody th {background-color: #fbfbfb}

/* Element */
.tb-wrap table td .in-txt .btn {margin-left: 1rem; }

.tb-wrap>table td>.input-text {max-width: 100%; }

.tb-wrap.brdBtm {border-bottom: 1px solid #6a6a6a; }

/* 간격 */
.tb-wrap+.tb-wrap {margin-top: 1rem; }

/* 강조 */
.tb-wrap.all-border th.red {color: #d9281e;background-color: #ffe8e6;border-bottom-color: #f3d0ce;border-left-color: #f3d0ce; }

@media (max-width:1279px) {
.tb-wrap>table tbody th,
.tb-wrap>table tbody td {padding: 2.5rem 1.2rem 2.6rem; }
 }

/* Responsive Table (Scroll) */
fieldset {min-width: 100%; }

.tb-wrap.responsive-scroll {width: 100%;min-width: 100%;height: auto;overflow: hidden;overflow-x: auto; }

.tb-wrap.responsive-scroll>table {width: 100%;table-layout: auto}

/* 넓이 */
.tb-wrap.responsive-scroll.w-780>table {min-width: 780px; }

@media (max-width:1279px) {.tb-col-1 {width: 12rem; }

.tb-col-2 {max-width: 57rem; }

.tb-col-3 {max-width: 28.5rem; }
 }

/* type col */
.tb-wrap.col>table tbody th,
.tb-wrap.col>table tbody td {border-bottom: 1px solid #ddd;padding: 1.9rem 3rem; }

.tb-wrap.col>table tbody th {color: #666; }

.tb-wrap.col>table tbody td {color: #333; }

.tb-wrap.col>table tbody th.text-center {padding: 1.9rem 2rem; }

/* type popup */
.tb-view-line {border-top: 1px solid #979797;background: #fff; }

.tb-view-line:after {display: block;content: '';clear: both; }

.tb-view-line>table {width: 100%;table-layout: fixed;border-collapse: collapse; }

.tb-view-line>table thead th {background-color: #f6f6f6;text-align: center;height: 5.6rem; }

.tb-view-line>table th,
.tb-view-line>table td {padding: 1.4rem .5rem;vertical-align: middle;color: #666;font-size: 13px;word-break: break-word;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;text-align: center}

.tb-view-line>table tbody th {background-color: #f6f6f6;text-align: center; }

.tb-view-line>table tbody th,
.tb-view-line>table tbody td {border-bottom: 1px solid #ddd;vertical-align: middle; }

.tb-view-line>table tr td:first-child,
.tb-view-line table tr th:first-child {border-left: 0; }

/* View type Table */
.tb-view {border-top: 1px solid #5a5a5a;border-bottom: 1px solid #ebebeb;padding: 20px 0 0; }

.tb-view table {width: 100%;table-layout: fixed}

.tb-view table th,
.tb-view table td {padding: 13px 0;text-align: left}

.tb-view table th {font-size: 14px;color: #666; }

.tb-view table td {font-size: 15px;color: #333; }

.tb-view table tbody tr.tr-last td {padding: 13px 0 23px; }

.tb-view table tbody tr.tr-last th {padding: 13px 0 23px 30px; }

.tb-view table .tb-result td,
.tb-view table .tb-result th {background: #fbfbfb;padding: 30px 0 25px;vertical-align: middle;line-height: 18px; }

.tb-view table .tb-result td small,
.tb-view table .tb-result th small {font-size: 12px;color: #666; }

.tb-view table th,
.tb-view table .tb-result th {padding-left: 30px; }

/* Element */
.tb-view table .tb-result td .price {font-family: 'Lato', sans-serif;font-weight: 900;font-size: 26px;color: #da291c; }

.tb-view table td .in-txt.price-line p {display: inline-block;vertical-align: middle; }

.tb-view table td .in-txt.price-line .btn {vertical-align: middle;margin: -5px 0 0 5px; }

/* 200250217 얼리버드 아이콘위치 */
.tb-view table td .in-txt.price-line > span.ealry-price {line-height: 1.6em;}

/* Infomation Table */
.detailroom-tb table {width: 100%;table-layout: fixed}

.detailroom-tb table th,
.detailroom-tb table td {font-size: 13px;padding: 3px 0;color: #666;line-height: 1.6em;text-align: left;word-break: keep-all;word-wrap: break-word; }

.detailroom-tb table th {color: #333; }

/* 간격 */
.title-sub-area~.tb-view {margin-top: 6px; }

/**/
table .in-txt .btn {font-size: 13px;height: 30px;line-height: 28px; }

/* table - border 있는 경우 */
.tb-wrap.all-border thead tr th,
.tb-wrap.all-border thead tr td,
.tb-wrap.all-border tbody tr th,
.tb-wrap.all-border tbody tr td {border-left: 1px solid #e3e3e3; }

.tb-wrap.all-border thead tr th:first-child,
.tb-wrap.all-border thead tr td:first-child,
.tb-wrap.all-border tbody tr th:first-child,
.tb-wrap.all-border tbody tr td:first-child {border-left: 0; }

.tb-wrap.td_style tbody tr td {color: #333;font-size: 1.5rem; }

.tb-wrap thead tr td.bor_left,
.tb-wrap thead tr th.bor_left,
.tb-wrap tbody tr td.bor_left,
.tb-wrap tbody tr th.bor_left {border-left: 1px solid #e3e3e3 !important; }

/* 반응형 테이블 */
.tb-responsive {border-top: 1px solid #aaa; }

.tb-responsive table {width: 100%;border-collapse: collapse;border-spacing: 0;box-sizing: border-box; }

.tb-responsive th,
.tb-responsive td {padding: 18px 30px;border-bottom: 1px solid #eee;font-size: 14px;vertical-align: middle}

.tb-responsive th {background-color: #fbfbfb;text-align: left}


/**************
 Form
***************/
button,
input,
optgroup,
select,
textarea {font: inherit;color: inherit;margin: 0;padding: 0; }

button,
input {overflow: visible; }

button,
select {text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {-webkit-appearance: button;cursor: pointer;border: 0;padding: 0;background-image: none; }

button[disabled],
html input[disabled],
input[disabled]+label {cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {padding: 0;border: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText; }

input {line-height: normal;-webkit-appearance: none;appearance: none; }

input[type="checkbox"],
input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height: auto; }

input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;outline-offset: -2px; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; }

input[disabled],
input[readonly],
select[disabled] {background-color: #eee;border: 1px solid #ddd;opacity: 1;color: #999; }

input[readonly] {color: #333; }

[hidden] {display: none; }

select {-webkit-appearance: none;appearance: none; }

select option[disabled] {color: #999; }

/* Input */
.input-text {height: 40px;padding: 6px 20px;background: #fff;color: #333;border: 1px solid #ddd;box-sizing: border-box;font-size: 1.5rem;border-radius: 0; }

.input-text::placeholder {color: #999;opacity: 1;/* Firefox */}

.input-text:-ms-input-placeholder {color: #999; }

.input-text::-ms-input-placeholder {color: #999; }

/* Active */
.input-text {-webkit-transition: border-color ease-in-out .15s;-o-transition: border-color ease-in-out .15s;transition: border-color ease-in-out .15s; }

.input-text:focus,
.input-text.focus {outline: 0 none}

.input-text.error {border-color: #d84545; }

/* Input group */
.input-group {position: relative;width: 100%;display: table;border-collapse: separate; }

.input-group .input-text {position: relative;width: 100%; }

.input-group>.input-group-add,
.input-group>.custom-select,
.input-group>.input-group-cell {display: table-cell; }

.input-group>.input-text {display: inline-block}

.input-group>.input-group-add,
.input-group>.input-group-cell {width: 1%;white-space: nowrap;vertical-align: middle; }

.input-group>.input-group-add.form {vertical-align: middle; }

.input-group>.input-group-add.txt {font-size: 1.4rem; }

.input-group>.input-group-add:not(.form) .btn {width: 100%; }

.input-group>.input-group-add[class*="w-"] .custom-select,
.input-group>.input-group-add[class*="w-"] .custom-select .select {width: 100%; }

.input-group>.input-group-cell>.custom-select,
.input-group>.input-group-cell>.custom-select .select {width: 100%;border-radius: 0; }

/**/
.input-group>.custom-select .select {width: 100%;max-width: 100%; }

/* 간격 */
.input-group>.input-group-add {padding: 0 10px; }

.input-group>.input-group-add:first-child {padding: 0 10px 0 0; }

.input-group>.input-group-add:last-child {padding: 0 0 0 10px; }

.input-group>.input-group-add.txt+.input-group-add.form {padding-left: 0; }

.input-group>.input-group-cell:first-child {padding: 0 10px 0 0; }

.input-group>.input-group-cell {padding: 0 10px; }

.input-group>.input-group-cell:last-child {padding: 0 0 0 10px; }

.input-group~.input-group {margin-top: 5px; }

/* width */
.input-group-cell.cell-10 {width: 10%; }

.input-group-cell.cell-20 {width: 20%; }

.input-group-cell.cell-30 {width: 30%; }

.input-group-cell.cell-40 {width: 40%; }

.input-group-cell.cell-50 {width: 50%; }

.input-group-cell.cell-60 {width: 60%; }

/* colum 사이 간격 */
.input-group.gap .input-group-add {padding: 0 .5rem; }

/* width */
.input-group.w-colum {white-space: nowrap; }

.input-group.w-colum:after {display: block;content: '';clear: both; }

.input-group.w-colum>[class*="wp-"] {display: inline-block;margin-left: 10px;vertical-align: top}

.input-group.w-colum>[class*="wp-"]:first-child {margin-left: 0; }

.input-group.w-colum>.wp-10 {width: calc(10% - 1rem); }

.input-group.w-colum>.wp-20 {width: calc(20% - 1rem); }

.input-group.w-colum>.wp-30 {width: calc(30% - 1rem); }

.input-group.w-colum>.wp-40 {width: calc(40% - 1rem); }

.input-group.w-colum>.wp-50 {width: calc(50% - 1rem); }

.input-group.w-colum>.wp-60 {width: calc(60% - 1rem); }

.input-group.w-colum>.wp-70 {width: calc(70% - 1rem); }

.input-group.w-colum>.wp-80 {width: calc(80% - 1rem); }

.input-group.w-colum>.wp-90 {width: calc(90% - 1rem); }

/* datepicker input group */
.input-group-date .input-group-add.form .btn.active { background: #5a5a5a; border-color: #5a5a5a; color: #fff; }

.input-group-date .input-text {padding: .6rem 5rem .6rem 2rem;background: #fff url("../image/icon/ico_datepicker_input.png") right 1.4rem no-repeat;background-size: 4.2rem 2.1rem;cursor: pointer; }


/* Form group */
.form-group {position: relative; }

.form-group label,
.form-group .label-tit {font-size: 1.4rem;font-weight: normal}

.form-group {position: relative; }

.form-group label small {color: #666;font-size: 13px; }

.form-group label:not(.blind)+.input-group,
.form-group .label-tit+.input-group {margin-top: 1rem; }

.form-group .label-line {position: relative;margin-bottom: 1rem;font-size: 1.8rem; }

.form-group .label-line:after {display: block;content: '';clear: both; }

.form-group .label-line>label,
.form-group .label-line>.tit {display: inline-block;vertical-align: top; }

.form-group .label-line .txt {display: inline-block;padding-left: 1rem;font-size: 1.4rem;vertical-align: top; }

.form-group .label-line .txt.right {float: right; }

.main-reser-wrap .main-reser-box .colum .form-group label,
.main-reser-wrap .main-reser-box .colum .form-group .label-tit {font-size: 1.4rem; }

.main-reser-wrap .main-reser-box .colum .form-group .input-group {margin-top: 0; }

/* 20240220 객실예약 무료잔여박수 추가 */

.residual-wrap .residual-area {display: flex;justify-content: space-between; }

.residual-wrap .residual-area .residual-box {text-align: right;padding: 0; }

.residual-wrap .residual-area .residual-box div {font-size: 16px;line-height: 1.2; }

.residual-wrap .residual-area .residual-box div span {color: #333; }

.residual-wrap .residual-area .residual-box div span.current-day,
.residual-wrap .residual-area .residual-box div span.next-day {color: #da291c;font-weight: bold; }

/* 에러 */
.form-group.error .input-text,
.form-group.error .custom-select {border-color: #d84545; }

/* 유효성 체크 메시지 */
.valid {color: #d73f3f;font-size: 1.2rem; }

.valid:before {display: inline-block;content: '*';margin-right: 5px; }

.form-group~.valid {margin-top: 7px; }

.form-group~.field-guide {font-size: 1.3rem;color: #666;line-height: 20px; }

.valid:not(.hide)+.text-list.field-guide {margin-top: 5px; }

/* 간격 */
.form-group~.field-guide {margin-top: 12px; }

.field-guide.info>.ico-info {margin-right: 5px; }

.form-group~.field-guide.info {margin-top: 10px; }

/* 수 증감 */
.number-ctrl {position: relative;height: 50px;text-align: center;border: 1px solid #ddd; }

.number-ctrl .btn-num-ctrl {width: 50px;height: 48px;position: absolute;top: 0;z-index: 1;background: transparent; }

.number-ctrl .btn-num-ctrl.minus {left: 0;border-right: 1px solid #ddd; }

.number-ctrl .btn-num-ctrl.plus {right: 0;border-left: 1px solid #ddd; }

.btn-num-ctrl:after,
.btn-num-ctrl:before {position: absolute;display: block;content: ''; }

.btn-num-ctrl.minus:before {width: 14px;height: 2px;background-color: #333;top: 23px;left: 17px; }

.btn-num-ctrl.plus:before {width: 14px;height: 2px;background-color: #333;top: 23px;left: 17px; }

.btn-num-ctrl.plus:after {width: 2px;height: 14px;background-color: #333;top: 17px;left: 23px; }

.btn-num-ctrl.disabled {cursor: default; }

.btn-num-ctrl.disabled:after,
.btn-num-ctrl.disabled:before {background-color: #ccc; }

.number-ctrl .trick-txt {position: absolute;top: 0;width: 100%;padding: 0 50px;height: 100%;background: #fff;font-size: 15px;color: #333;line-height: 50px; }

/* 20240424 인풋창 라인 보이는 현상 수정 */
.number-ctrl .input-number-ctrl {display: none; }

/* 파일 첨부 */
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0; }

.filebox label {padding: 0 20px;line-height: 50px; }

.filebox .upload-name {background: #eee;color: #333; }

/* Textarea */
.txtbox {width: 100%; }

.txtbox textarea {width: 100%;min-height: 17rem;overflow: auto;padding: 1rem 1.8rem;border: 1px solid #ddd;box-sizing: border-box;font-size: 15px;;color: #333;-webkit-appearance: none;appearance: none; }

.txtbox textarea::placeholder {color: #999;opacity: 1; }

.txtbox textarea:-ms-input-placeholder {color: #999; }

.txtbox textarea::-ms-input-placeholder {color: #999; }

/* Radio */
.custom-radio {position: relative;display: inline-block; }

.custom-radio .radio {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0; }

.custom-radio .radio+label {display: inline-block;color: #666;position: relative;padding-left: 2.4rem;height: 1.8rem;cursor: pointer;font-size: 1.5rem; }

.custom-radio .radio+label:before {display: block;content: '';position: absolute;left: 0;top: 0;width: 1.6rem;height: 1.6rem;text-align: center;background: #fff;border: 1px solid #b0b0b0;border-radius: 100%; }

.custom-radio .radio:checked+label {color: #666; }

.custom-radio .radio:checked+label:before {background: #fff;border: 1px solid #ccc; }

.custom-radio .radio:checked+label:after {content: '';position: absolute;top: .5rem;left: .5rem;width: .8rem;height: .8rem;background: #da291c;border-radius: 100%; }

.custom-radio .radio[disabled]+label:before {opacity: .3; }

/* Radio - Single type */
.custom-radio.single {width: 20px;height: 20px;overflow: hidden; }

.custom-radio.single .radio+label {padding-left: 20px;text-indent: -9999px}

/* Radio Type2 */
.custom-radio-sort {position: relative;display: inline-block; }

.custom-radio-sort .radio {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0; }

.custom-radio-sort .radio+label {display: inline-block;color: #888;position: relative;padding-left: 2rem;height: 1.6rem;cursor: pointer;font-size: 1.5rem; }

.custom-radio-sort .radio+label:before {display: block;content: '';position: absolute;left: 0;top: 0;width: 1.6rem;height: 1.6rem;text-align: center;background: #fff; }

.custom-radio-sort .radio+label:after {content: '';position: absolute;top: .5rem;left: .8rem;width: .6rem;height: .6rem;background: #d8d8d8;border-radius: 100%; }

.custom-radio-sort .radio:checked+label {color: #333;font-weight: 700}

.custom-radio-sort .radio:checked+label:before {border-color: #fff; }

.custom-radio-sort .radio:checked+label:after {width: 1.6rem;height: 1.6rem;border-radius: 0;background: url("../image/icon/ico_checks.png") 0 bottom;top: 0;left: 0; }

.custom-radio-sort .radio[disabled]+label:before {opacity: .3; }

.custom-radio-sort~.custom-radio-sort {margin-left: .6rem; }

/* Radio Box type */
.box-radio-wrap {position: relative;max-width: 1280px;margin: 0 auto;width: 100%; }

.box-radio {position: relative;display: inline-block;height: 5rem;margin-right: .6rem; }

.box-radio .radio {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0; }

.box-radio .radio+label {display: inline-block;position: relative;min-width: 17.8rem;height: 5rem;line-height: 5rem;cursor: pointer;text-align: center;background-color: #ebebeb;color: #333;font-size: 1.6rem;padding: 0 1.5rem; }

.box-radio .radio:checked+label {background-color: #555;color: #fff;font-weight: 800}

/* Checkbox */
.custom-checkbox {position: relative;display: inline-block; }

.custom-checkbox .checkbox {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0}

.custom-checkbox .checkbox+label {display: inline-block;position: relative;padding-left: 2.4rem;height: 1.8rem;cursor: pointer;font-size: 1.4rem;line-height: 1.35; }

.custom-checkbox .checkbox+label:before {display: block;content: '';position: absolute;left: 0;top: 0;width: 1.6rem;height: 1.6rem;text-align: center;background: #fff url("../image/icon/ico_checks.png") 0 0;border: 1px solid #d1d1d1; }

.custom-checkbox .checkbox:checked+label:before {background: #da291c url("../image/icon/ico_checks.png") 0 0;width: 1.6rem;height: 1.6rem;background-size: cover;border: 1px solid #da291c}

.custom-checkbox .checkbox[disabled]+label:before {background: #f6f6f6;border: 1px solid #d6d6d6; }

.custom-checkbox .checkbox[disabled]+label,
.custom-radio .radio[disabled]+label {cursor: default;opacity: .8; }


/* checkbox - Single type */
.custom-checkbox.single {width: 20px;height: 20px;overflow: hidden; }

.custom-checkbox.single .radio+label {padding-left: 2rem;text-indent: -9999px}

/* 간격 */
.custom-radio+.custom-radio,
.custom-checkbox+.custom-checkbox {margin-left: 1rem; }

/* Selectbox */
.custom-select {position: relative;display: inline-block;width: auto;height: 40px;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 0;background: #fff url("../image/btn/btn_select_arrow.png") no-repeat right 1.7rem;background-size: 3.2rem .7rem;border: 1px solid #ddd; }

.custom-select .select {color: #333;background: transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: auto;height: 100%;border-radius: 0;border: 0;padding: 0 5.1rem 0 2rem;font-size: 1.4rem;border-radius: 0;box-sizing: border-box;-webkit-box-sizing: border-box; }

.custom-select .select::-ms-expand,
.list-select .select::-ms-expand {display: none; }

.custom-select .select:focus,
.custom-select .select.focus,
.list-select .select:focus,
.list-select .select.focus {outline: 0 none}

select:focus::-ms-value {background-color: #fff;color: #333; }

/* Disabled */
.custom-select.readonly .select {background-image: none;color: #333;background-color: #e3e3e3;border-color: #ddd; }

/* option color */
.custom-select.opt-color>label {position: absolute;top: 0;right: 0;width: 100%;height: 100%;font-size: 15px;color: #999;border: 1px solid transparent; }

.custom-select.opt-color>label>span {display: block;line-height: 48px;padding-left: 20px;padding-right: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

.custom-select.opt-color .select {opacity: 0;filter: alpha(opacity=0); }

.custom-select.opt-color>label.selected {color: #333; }

/* 인풋 요소 Size */
/* -lg */
.input-text.input-lg,
.custom-select.select-lg {height: 50px; }

.input-group.input-lg .input-text,
.input-group.input-lg .btn,
.input-group.input-lg .custom-select {height: 50px;font-size: 15px; }

.input-group.input-lg .custom-select,
.custom-select.select-lg {background-position: right 22px; }

.input-group.input-lg .input-group-add.txt {font-size: 15px;color: #333; }

/* -md */
.input-text.input-md,
.custom-select.select-md {height: 40px}

.input-group.input-md .input-text,
.input-group.input-md .btn,
.input-group.input-md .custom-select {height: 40px; }

.input-group.input-md .custom-select,
.custom-select.select-md {background-position: right 15px; }

/* text-group */
.text-group {min-height: 4rem; }

.text-group strong {display: inline-block;color: #333; }

.text-group strong,
.text-group em {font-weight: 700}

.text-group.text-lg {min-height: 5rem;font-size: 1.6rem;padding: 1.5rem 0; }

.text-group .txt:before {display: inline-block;vertical-align: middle;content: '';width: 3px;height: 3px;border-radius: 50%;background-color: #666;margin-right: 7px; }


/**************
 Search Box
***************/
.search-box {background: #f5f5f5;padding: 30px;width: 1280px; }

.search-box>.input-group[class*="w-"]:only-child {margin: 0 auto; }

.search-area {position: relative;padding-right: 153px;min-height: 53px; }

.search-area .btn-search {position: absolute;top: -2px;right: 0;width: 118px;height: 53px;color: #fff;background: #da291c;font-weight: 700;font-size: 18px; }

.search-wrap .input-group-add {text-align: left}

.search-wrap .grid-area-fix .colum+.colum {padding-left: 30px; }

/* 반응형 검색영역 */
.search-box.rwd {width: 100%;max-width: 1280px; }

.search-box.rwd .search-inner {position: relative;padding-right: 157px; }

.search-box.rwd .search-inner .btn-search {position: absolute;top: 0;right: 0;width: 118px;height: 100%;color: #fff;background: #da291c;font-weight: 700;font-size: 18px;transition: none; }

.search-box.rwd .search-inner .input-group>.input-group-add:first-child {padding: 0 20px 0 0;width: 85px;white-space: normal}

.search-box.rwd .search-inner .input-group .checkbox-group {margin-right: -3rem; }

.search-box.rwd .search-inner .input-group .checkbox-group .custom-checkbox {padding: 12px 0;margin-right: 3rem; }

.search-box.rwd .search-inner .custom-checkbox+.custom-checkbox {margin-left: 0}

.search-box.rwd .search-inner .grid-area .colum.col-12:not(:first-child) {margin-top: 22px; }

.search-box.rwd.rwd-type1 .search-inner {max-width: 1040px;margin: 0 auto; }

.search-box.rwd.rwd-type2 .search-inner {max-width: 775px;margin: 0 auto; }

/* 간격 */
.title-area~.search-box.rwd {margin-top: 30px; }

.search-box.rwd+.content {margin-top: 40px; }

/**************
 Dropdown
***************/
.dropdown {position: relative;display: inline-block;vertical-align: top;min-width: 200px;height: 30px;box-sizing: border-box; }

.dropdown>.select-txt {position: relative;display: block;width: 100%;height: 100%;border: 1px solid #ddd; }

.dropdown>.select-txt:after {display: block;content: '';position: absolute;top: 12px;right: 10px;width: 0;height: 0; }

.dropdown>.select-txt>span {display: block;line-height: 28px;padding: 0 30px 0 10px; }

.dropdown>.drop-list {position: absolute;left: 0;display: none;width: 100%;max-height: 300px;overflow-x: hidden;overflow-y: auto;border: 1px solid #ddd; }

.dropdown.down>.drop-list {top: 29px; }

.dropdown.down>.select-txt:after {border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #ccc; }

.dropdown.up>.drop-list {bottom: 29px; }

.dropdown.up>.select-txt:after {border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #ccc; }

.dropdown>.drop-list ul {padding: 5px; }

.dropdown>.drop-list ul li {height: 20px; }

.dropdown>.drop-list ul li>a {display: block;height: 100%; }

.dropdown>.drop-list ul li>a:hover {background: #eee; }

/* 활성화 */
.dropdown.on>.select-txt,
.dropdown.on>.drop-list {border-color: #000; }

.dropdown.on.up>.select-txt:after {border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #000;border-bottom: none; }

.dropdown.on.down>.select-txt:after {border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #000;border-top: none; }

/* Width */
.w-full {width: 100%; }

.w-65 {width: 65px !important; }

.w-120 {width: 120px !important; }

.w-165 {width: 165px !important; }

.w-190 {width: 190px !important; }

.w-220 {width: 220px !important; }

.w-225 {width: 225px !important; }

.w-250 {width: 250px; }

.w-300 {width: 300px; }

.w-400 {width: 400px; }

.w-485 {width: 485px; }

.w-600 {max-width: 600px; }

.w-700 {width: 700px; }

.w-800 {width: 800px; }


/**************
 Tooltip
***************/
.tooltip-box {display: none;position: absolute;top: 0;left: 0;z-index: 10;width: 30rem;min-height: 5rem;box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.15);background-color: #ffffff;font-size: 1.2rem; }

.tooltip-box .tooltip-view {position: relative;padding: 1.3rem 4rem 2rem 2rem; }

.tooltip-box .tooltip-view .btn-icon.ico-close {position: absolute;top: 2rem;right: 1.5rem; }


/**************
 Button
***************/
.btn {display: inline-block;height: 40px;padding: 12px 0 11px;color: #666;font-size: 14px;text-align: center;white-space: nowrap;vertical-align: top;border: 1px solid #ddd;background: #fff; }

/* Size */
.btn-xlg-auto {height: auto;padding: 10px 20px;font-size: 18px; }

/* 2020-05-15 부여CC 예약 버튼 추가 */
.btn-xlg {height: 60px;line-height: 60px;padding: 0 20px;font-size: 18px;font-weight: 700; }

.btn-pkg-cs {height: 60px;padding: 0 20px;font-size: 18px;background-color: #EFEFEF;display: flex;align-items: center;justify-content: center;border: 0px; }

.btn-pkg-cs>span {line-height: 1.2; }

.btn-pkg-cs>span>span {font-weight: 700; }

.btn-lg {min-width: 50px;height: 50px;line-height: 50px;padding: 0 13px;font-size: 14px; }

.btn-md {min-width: 40px;height: 44px;line-height: 44px;padding: 0 20px;font-size: 15px; }

.btn-sm {min-width: 30px;height: 33px;line-height: 33px;padding: 0 10px;font-size: 14px; }

.btn-xs {min-width: 20px;height: 26px;line-height: 26px;padding: 0 8px;font-size: 13px; }

/* Color */
.btn-primary {border: 1px solid transparent;background: #da291c;color: #fff; }

.btn-default {border: 1px solid #ddd;background: #fff;color: #666; }

.btn-default2 {border: 1px solid #464646;background: #fff;color: #464646; }

.btn-grey {border: 1px solid #666;background: #666;color: #fff; }

.btn-grey2 {border: 1px solid #3e3e3e;background: #3e3e3e;color: #fff; }

.btn-grey3 {border: 1px solid #464646;background: #464646;color: #fff; }

.btn-brown {border: 1px solid transparent;background: #978773;color: #fff; }

.btn-red {border: 1px solid transparent;background: #db291d;color: #fff; }

/* 20250311 공용버튼 디자인 추가 */
a:has(.rsrv-btn) { display: inline-block;   margin-top: 10px;    color: #ffffff;    padding: 1rem 3rem;    font-size: 14px;    background-color: #da291c;}
@media (max-width:1279px) {
	a:has(.rsrv-btn) { padding: 1rem 1.5rem; font-size: 12px;}
}

/* 2019-07-15 add red color */
/* 예외 */
.tb-wrap.list .btn-xs {color: #333; }

.input-group .btn-md {height: 4rem}

/* Icon + Button */
.btn[class*="ico-"]:before {display: inline-block;content: '';vertical-align: middle;width: 18px;height: 19px;margin: -.2rem .7rem 0 0;background: url("../image/icon/ico_btns.png"); }

.btn.ico-xls {min-width: 14.8rem; }

.btn.ico-xls:before {background-position: 0 bottom; }

.btn.ico-print {min-width: 12rem; }

.btn.ico-print:before {background-position: 0 0; }

.btn.ico-down {padding: 0 17px}

.btn.ico-down:before {background: url(../image/icon/ico_down.png) no-repeat; }

.btn.ico-down.white:before {background: url(../image/icon/ico_down2.png) no-repeat; }

.btn-product-view {height: 44px;border-radius: 22px;border: 1px solid #ddd;background: #fff;font-size: 14px;padding: 0 34px; }

.btn-product-view:after {display: inline-block;content: '';vertical-align: top;width: 8px;height: 8px;border: solid #333;border-width: 0 1px 1px 0;margin-top: 2px;margin-left: 10px;transform: rotate(-315deg);-webkit-transform: rotate(-315deg);margin-top: 2px; }

.btn-product-view.up:after {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);margin-top: 7px; }

/* Only Icon */
.btn-icon {background: none}

.ico-info:before {display: inline-block;content: '';width: 1.8rem;height: 1.8rem;vertical-align: top;background: url("../image/icon/ico_info.png") no-repeat 0 0;background-size: cover; }

.ico-close.close-tip {width: 14px;height: 14px; }

.ico-close.close-tip::before,
.ico-close.close-tip::after {background: #666; }

.ico-close.close-layer {width: 3rem;height: 3rem; }

.ico-close.close-layer::before,
.ico-close.close-layer::after {background: #000; }

.ico-faci-info {display: inline-block;width: 16px;height: 16px;vertical-align: middle;margin-top: -4px;background: url("../image/icon/ico_faci_info.png") no-repeat 0 0;background-size: 50px 50px; }

.ico-faci-info.pos {background-position: left top}

.ico-faci-info.time {background-position: right top}

.ico-faci-info.phone {background-position: left bottom}

.ico-faci-info.etc {background-position: right bottom}

/* 공통 X */
.ico-close {position: relative;display: inline-block;width: 50px;height: 50px;overflow: hidden; }

.ico-close::before,
.ico-close::after {content: '';position: absolute;height: 1px;width: 100%;top: 50%;left: 0;margin-top: -1px;background: #000; }

.ico-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }

.ico-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg); }

.ico-close.small {width: 12px;height: 12px; }

.btn-icon.ico-detail {display: inline-block;width: 23px;height: 23px;border: 1px solid #ddd;background: #fff;padding: 6px; }

/* 공통 + */
.ico-plus {position: relative;display: inline-block;vertical-align: top;width: 9px;height: 9px;overflow: hidden; }

.ico-plus:before {position: absolute;content: '';width: 9px;height: 1px;background-color: #666;top: 4px;left: 0px; }

.ico-plus:after {position: absolute;content: '';width: 1px;height: 9px;background-color: #666;top: 0;left: 4px; }

.btn-more {border: 1px solid #999;padding: 5px; }

.btn-more.ico-plus {width: 34px;height: 34px; }

.btn-more.ico-plus:before {width: 20px;height: 1px;background-color: #999;top: 15px;left: 6px; }

.btn-more.ico-plus:after {width: 1px;height: 20px;background-color: #999;top: 6px;left: 15px; }

.btn-icon.ico-arrow {display: inline-block;width: 2rem;height: 2rem;text-align: center}

.btn-icon.ico-arrow:after {position: relative;top: 0;display: inline-block;vertical-align: middle;width: 6px;height: 6px;content: '';border: solid #999;border-width: 0 2px 2px 0;margin-top: -3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); }

/* 더보기 버튼 */
.btn-icon.ico-more {margin-top: 2rem;width: 100%;height: 4rem;border: 1px solid #d5d5d5; }

.btn-icon.ico-more.up .arrow:after {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);margin-top: 5px; }

.btn-icon.ico-more .arrow:after {display: inline-block;content: '';vertical-align: top;width: 13px;height: 13px;border: solid #a6a6a6;border-width: 0 1px 1px 0;transform: rotate(-315deg);-webkit-transform: rotate(-315deg);margin-top: -6px; }

/* .btn-arrow3:after { position:relative; top:0; display:inline-block; vertical-align: middle; width:4px; height:4px; content: ''; border: solid #999; border-width: 0 2px 2px 0; margin-top:0; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } */
.btn-arrow3.on:after {transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

.btn-arrow3 span {margin-right: 5px;color: #333;text-decoration: underline; }

.btn-arrow3:nth-child(1):before {padding-right: 3px;content: "";display: inline-block;width: 12px;height: 12px;background: url(../image/icon/guest_room.svg) no-repeat;background-size: contain; }

.btn-arrow3:nth-child(2):before {padding-right: 3px;content: "";display: inline-block;width: 12px;height: 12px;background: url(../image/icon/promotion.svg) no-repeat;background-size: contain; }

/* Text Button */
.btn-text {text-decoration: underline;font-size: 1.3rem;background: transparent; }

.main-code-area .btn-text {text-align: left; }

/* Icon + Text Button */
.btn-text.link:after {display: inline-block;vertical-align: middle;width: .5rem;height: .5rem;content: '';border: solid #979797;border-width: 0 1px 1px 0;margin-top: -.2rem;margin-left: .2rem;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); }

/* Disabled */
.btn[disabled].btn-default:not(.btn-cal-reser),
.btn.disabled {border: 1px solid #ebebeb;background: #ebebeb;color: #999; }

.btn[disabled].btn-primary {opacity: .3}

/* Button area */
.btn-area {position: relative;width: 100%;text-align: center; }

.btn-area:after {display: block;content: '';clear: both; }

.btn-area>.btn {margin: 0 .3rem 0 .2rem; }

.btn-area .left {float: left;text-align: left}

.btn-area .right {float: right;text-align: right}

.btn-area .btn~.left {position: absolute;top: 0;left: 0;float: none; }

.btn-area .btn~.right {position: absolute;top: 0;right: 0;float: none; }

.btn-area .left>.btn {margin-right: .5rem; }

.btn-area .right>.btn {margin-left: .5rem;min-width: 120px}

/* list안에 button이 있는경우 */
.text-list .list-button-wrap {float: right; }

/* 페이지 하단 버튼 영역 */
.btn-bottom-area {display: block;position: relative;width: 100%;text-align: center;white-space: nowrap}

.btn-bottom-area:after {display: block;content: '';clear: both; }

.btn-bottom-area>.btn {margin: 0 .4rem 0 .3rem}

.btn-bottom-area .btn-xlg {min-width: 40.4rem; }

.btn-bottom-area .btn-pkg-cs {width: 40.4rem;margin: 0 auto; }

.btn-bottom-area>.btn-xlg:only-child {float: none;margin: 0; }

.btn-bottom-area .btn-xlg.btn-default {font-weight: normal;border: 1px solid #999;color: #333; }

.btn-xlg.btn-primary {font-weight: 700; }

/* 간격 */
.btn-area+.btn-area {margin-top: .5rem; }

.btn-area+.btn-bottom-area {margin-top: 4rem; }

.text-box~.btn-area {margin-top: 2rem; }

/* 20240124 분양회원제휴혜택 */
.btn-bottom-area.open-day {font-size: 3rem;margin: 15rem 0;color: #da291c; }

/* 20240223 분양상담신청내 이미지 추가 */
.sales-img {position: relative; }

.sales-img img {width: 100%; }

.sales-img .sales-btn {position: absolute;bottom: 1.1%;left: 91.1%;width: 17.5%;height: 10%;transform: translate(-50%, 0%); }

.sales-img .sales-btn span {display: block;width: 100%;height: 100%;overflow: hidden;text-indent: -99999px; }

@media (max-width:1279px) {.btn-bottom-area.open-day {font-size: 1.6rem;margin: 5rem 0;line-height: 1.4;white-space: normal; }

.text-list .list-button-wrap {float: none;margin: 12px 0 18px 0; }

.sales-img .sales-btn {width: 46.4%;bottom: 0;left: 50%;height: 7.1%; }

.member-detail {text-align: left; }
 }

/**************
 Content
***************/
.content-wrap {position: relative;max-width: 1280px;margin: 0 auto;padding: 60px 0 90px; }

.content-wrap:after {clear: both;display: block;content: ''; }

.content {position: relative;padding: 0; }

.w-max {max-width: 1280px;margin: 0 auto; }

@media (min-width: 1280px) {
	input[id=eventMarketing] ~ .content {margin-top: 30px; }
}

/* title-area h1 */
.title-area {position: relative;max-width: 1280px;margin: 0 auto; }

.title-area .page-title {display: inline-block;font-size: 4.6rem;color: #333;font-weight: normal}

.title-area .page-desc {color: #666;font-size: 1.5rem;margin-top: 2rem;letter-spacing: -0.4px; }

.title-area .right {position: absolute;bottom: 5px;right: 0; }

.title-area .page-desc .text-list li {font-size: 1.5rem; }

/* 간격 */
.title-area+.tab-menu {margin-top: 5rem; }

.title-area:not(.rwd)+.inner-tab,
.title-area:not(.rwd)+.content {margin-top: 30px; }

.title-area+.title-sub-area {margin-top: 50px; }

.content.w-max>.title-area.type2:first-child {margin-top: 15px; }

/* title-area h2 */
@media (max-width:1279px) {.title-sub-area {padding: 0 2.5rem;max-width: 100%; }

.content .title-sub-area,
.content .title-area.type2 {padding: 0; }

.content.w-max>.title-area.type2:first-child {margin-top: 2rem; }
 }

.title-sub-area+.content {margin-top: 20px; }

/* breadcrumbs */
.breadcrumbs {max-width: 1280px;margin: 0 auto; }

.breadcrumbs ol {float: right; }

.breadcrumbs:after,
.breadcrumbs ol:after {clear: both;display: block;content: ''; }

.breadcrumbs ol li {float: left;padding: 0 0 0 8px; }

.breadcrumbs ol li span {color: #888;font-size: 14px;padding-right: 8px; }

.breadcrumbs ol li.current span {color: #333;display: block; }

.breadcrumbs ol li.current h1 {color: #333;display: block;font-size: 14px;font-weight: 400;padding-right: 8px; }

.breadcrumbs ol li.current:after {content: none; }

.breadcrumbs ol li:after {display: inline-block;vertical-align: middle;width: 5px;height: 5px;content: '';border: solid #979797;border-width: 0 1px 1px 0;margin-top: -5px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); }

.breadcrumbs+.title-area {margin-top: 15px; }

/* title-area h2 */
.title-sub-area {position: relative;margin: 0 auto;max-width: 1280px; }

.title-sub-area .sub-title {display: inline-block}

.title-sub-area .right {position: absolute;top: 0;right: 0; }

.title-sub-area .right .btn {margin-top: -5px; }

.title-sub-area .right .btn+.btn {margin-left: 5px; }

.title-sub-area .right .txt-req {font-size: 14px;color: #666; }

.title-sub-area .right .custom-checkbox,
.title-sub-area .right .txt {margin-top: 18px; }

.title-sub-area .sub-title.type2+.right .custom-radio {margin-top: 5px; }

.sub-title {font-size: 30px;color: #333;font-weight: normal}

.sub-title.type2 {font-size: 22px; }

.page-desc {margin-top: 10px;font-size: 15px; }

/* sns-list */
.sns-list-wrap .btn-sns-share {display: block;width: 50px;height: 50px;background: url("../image/btn/btn_share.png") no-repeat;background-size: cover; }

.sns-list-wrap { position: relative; }
.sns-list-wrap .sns-list li a.btn-sns::before { content: ""; display: inline-block; width: 3.2rem; height: 3.2rem; position: static; background-size: contain; background-repeat: no-repeat; background-position: center; }
.sns-list-wrap .sns-list li a.btn-sns.facebook::before { background-image: url(/static/image/artvillas/facebook.png); }
.sns-list-wrap .sns-list li a.btn-sns.twitter::before { background-image: url(/static/image/artvillas/twitter_x.png); }
.sns-list-wrap .sns-list li a.btn-sns.kakaostory { width: 7.8rem; }
.sns-list-wrap .sns-list li a.btn-sns.kakaostory::before { background-image: url(/static/image/artvillas/kakaostory.png); }
.sns-list-wrap .sns-list li a.btn-sns.line::before { background-image: url(/static/image/artvillas/line.png); }
.sns-list-wrap .sns-list li a.btn-sns.kakaotalk::before { background-image: url(/static/image/artvillas/kakaotalk.png); }
.sns-list-wrap .sns-list li a.btn-sns.url-copy { width: 5.7rem; }
.sns-list-wrap .sns-list li a.btn-sns.url-copy::before { background-image: url(/static/image/artvillas/url-copy.png); }

.sns-list-wrap .sns-list {display: none;position: absolute;top: 49px;right: 0;padding: 43px 20px 30px;width: 380px;background: #fff;border: 1px solid #dedede;z-index: 9999;box-sizing: border-box; }

.sns-list-wrap .sns-list.on {display: block; }

.sns-list-wrap .sns-list ul:after {display: block;content: "";clear: both; }

.sns-list-wrap .sns-list li {float: left;width: 80px;margin-left: 5px;text-align: center; }

.sns-list-wrap .sns-list li:first-child {margin-left: 0; }

.sns-list-wrap .sns-list li>a .txt { display: block; margin-top: 8px; font-size: 13px; color: #333; line-height: normal; }

.sns-list .ico-close.btn-sns {position: absolute;top: 14px;right: 14px;width: 20px;height: 20px;z-index: 9999; }

.sns-list .ico-close.btn-sns::before,
.ico-close.btn-sns::after {background: #828282; }

.sns-list-wrap .sns-list li a.btn-sns.kakaostory,
.sns-list-wrap .sns-list li a.btn-sns.line {display: none; }

@media screen and (max-width:1279px) {.sns-list-wrap .btn-sns-share {width: 3.5rem;height: 3.5rem; }

.title-area.sns .right {right: 0;margin-top: 0; }

.sns-list-wrap .sns-list {position: fixed;top: 10rem;left: 6%;padding: 5.4rem 3rem 3.7rem 2.8rem;width: 86.67%;background: #fff;border: 1px solid #dedede;z-index: 9999;box-sizing: border-box; }

.sns-list-wrap .sns-list.on {display: block; }

.sns-list-wrap .sns-list ul:after {display: block;content: "";clear: both; }

.sns-list-wrap .sns-list li {float: left;width: 33%;margin-left: 0;text-align: center; }

.sns-list .ico-close.btn-sns { position: absolute; top: 14px; right: 8px; width: 20px; height: 20px; z-index: 9999; }

}


/* 간격 */
.sub-title+.text-box {margin-top: 2rem; }

.tab-container~.sub-title {margin-top: 6rem; }

.title-sub-area+.text-box {margin-top: 2rem; }

.btn-bottom-area~.title-sub-area {margin-top: 6rem; }

/* 리스트 상단 */
.list-top {position: relative;width: 100%; }

.list-top .right {position: absolute;top: -10px;right: 0; }

.list-top .total {font-size: 20px;color: #333; }

.list-top .total em {color: #da291c;font-weight: 700}

@media (max-width:1279px) {.title-sub-area+.text-box {margin-top: 1rem !important; }
 }

/* 정보 입력 field-box */
.field-box {padding: 30px 40px;background-color: #f5f5f5; }

.field-box .grid-area~.grid-area {margin-top: 40px; }

/* Text Box */
.text-box {position: relative;width: 100%;background-color: #fbfbfb;padding: 30px;min-height: 84px; }

.text-box .right {position: absolute;top: 20px;right: 40px; }

.desc-title {font-size: 16px;color: #000;margin-bottom: 10px;font-weight: normal; }

/* text-list */
.text-list>li,
.text-list dd,
.text-list>p {position: relative;font-size: 13px;color: #666;padding-left: 1rem;line-height: 23px}

.text-list>p * {font-family: 'Noto Sans KR', sans-serif !important;font-size: 13px !important; }

.text-list {position: relative;font-size: 13px;color: #666;padding-left: 1rem;line-height: 23px}

.text-list>li:before,
.text-list dd:before,
.text-list>p:before {display: block;content: '';position: absolute;top: 10px;left: 0;width: 3px;height: 3px;border-radius: 50%;background-color: #7a7a7a; }

.text-list>li:last-child,
.text-list dd:last-child {margin-bottom: 0; }

.text-list+.text-list,
.text-list+.desc-title {margin-top: 20px; }

.text-list li>em,
.text-list dd>em,
.text-list>p>em {font-weight: 700}

.text-list.type2 li,
.text-list.type2 dd {font-size: 12px;padding-left: 5px; }

.text-list.type2 li:before,
.text-list.type2 dd:before {display: block;content: '';position: absolute;top: 10px;left: 0;width: 2px;height: 2px;border-radius: 50%;background-color: #7a7a7a; }

.text-list.type2~p {margin-top: 5px; }

.text-list.type3 li {font-size: 15px;color: #333; }

.text-list.no-bullet li,
.text-list.no-bullet dd,
.text-list.no-bullet>p {padding-left: 0; }

.text-list.no-bullet li:before,
.text-list.no-bullet dd:before,
.text-list.no-bullet>p:before {display: none; }

/* 20250324 예약유의사항 버튼 추가 */
.text-list .btn-checkin{    display: inline-flex;     margin-top: 5px;     font-weight: 400;     font-size: 14px;     border-radius: 10px;     justify-content: center;     align-items: center;     letter-spacing: 0.01em}
.text-list>li:has(a.btn-checkin)::before {display: none;}
.text-list>li:has(a.btn-checkin) {padding-left: 0;}

/* result-box */
.result-box {position: relative;background-color: #f5f5f5;padding: 3rem 0;text-align: center;color: #333;font-size: 24px; }

.result-box>p:first-child {line-height: 36px; }

.result-box .desc {font-size: 15px;color: #666;line-height: 22px}

.result-box p+.desc {margin-top: 10px; }

.result-box.type2 {background: none;padding: 0;text-align: center;color: #333;font-size: 20px; }

.result-box.type2>p:first-child {line-height: 28px; }

.result-box.type2+.title-sub-area {margin-top: 60px; }

.result-box .txt1 {font-size: 15px;color: #666;line-height: 1.5em;margin-top: 5px}

.result-box .txt1 strong {font-weight: normal;color: #333}

/* guide-box */
.guide-box {background-color: #fbfbfb;padding: 2.5rem 3rem;text-align: left;color: #666;font-size: 1.4rem;line-height: 22px}

.guide-box .tit {color: #333; }

.ico-exc {position: relative;display: inline-block;vertical-align: middle;width: 1.8rem;height: 1.8rem;border: 1px solid #666;border-radius: 100%;margin-top: -.2rem;margin-right: 1rem; }

.ico-exc:before {position: absolute;content: '';display: block;top: .4rem;left: .7rem;width: .2rem;height: .5rem;background: #666; }

.ico-exc:after {position: absolute;content: '';display: block;bottom: .4rem;left: .7rem;width: .2rem;height: .2rem;background: #666; }

/* terms-box */
.agree-terms-box {background-color: #fbfbfb; }

.agree-terms-box .inner-box {padding: 30px;color: #666;line-height: 21px;font-size: 14px; }

.agree-terms-box.scroll .inner-box {overflow-y: auto;max-height: 360px;padding-right: 20px; }

.agree-terms-box.scroll.type2 .inner-box {height: 290px; }

.agree-terms-box .inner-box .agree-tit {display: block; }

.agree-terms-box .inner-box>.agree-content-box {margin: 10px 0; }

.agree-terms-box .inner-box>.agree-content {margin: 25px 0; }

.agree-content>li {margin-top: 25px; }

.agree-content>li:first-child {margin-top: 0; }

.agree-content>li>.agree-sub {margin-top: 25px; }

.agree-content>li>.agree-sub>li+li {margin-top: 25px; }

.agree-sub>li .agree-detail>li+li {margin-top: 15px; }

.agree-content .agree-tit+.agree-sub {margin-top: 5px}

.agree-content .agree-tit+.agree-detail {margin-top: 5px}

.press {font-size: 120% !important;font-weight: bold !important;text-decoration: underline !important; }

/* 2019-08-30 개인정보 텍스트 강조 추가 */
/* 간격 */
.agree-terms-box~.custom-checkbox {margin-top: 20px; }

/* 20240429 예약하기 약관(전문보기) 팝업 type-01 디자인 추가 */
#petRoom-pop .popup-content .agree-terms-box .inner-box .pet-content li {text-indent: -5px;margin-left: 5px; }

.popup-wrap.type-01 .agree-terms-box .inner-box {padding: 30px;color: #333;line-height: 1.65;font-size: 14px; }

.popup-wrap.type-01 {border-radius: 8px; }

.popup-wrap.type-01 .popup-title {padding: 15px 40px;border-radius: 4px 4px 0 0;background-color: #da291c; }

.popup-wrap.type-01 .popup-title .tit {color: #fff; }

.popup-wrap.type-01 .popup-content {padding: 10px 40px 40px 40px; }

.layer-pop .popup-wrap.type-01 .btn-icon.ico-close {top: 14px; }

@media screen and (min-width:1279px) {
    .layer-pop.responsive .popup-wrap.type-01 .ico-close.close-layer::before,
    .layer-pop.responsive .popup-wrap.type-01 .ico-close.close-layer::after {height: 2px;background-color: #fff; }
 }


@media screen and (max-width:1279px) {
 ose.close-layer::after {height: 2px;background-color: #fff; }
    .agree-terms-box .inner-box h3.agree-tit {font-size: 13px; }
 }


/* 20240509 펫 인풋 팝업 디자인 pc*/

.pet-form {position: relative;font-size: 16px; }

.pet-form .input-area input::-webkit-outer-spin-button,
.pet-form .input-area input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0; }

.pet-form .count-pet {display: flex;height: 3rem;align-items: center; }

.pet-form .count-pet .txt {font-weight: bold; }

.pet-form .count-pet .count-box {margin-left: 10px; }

.pet-form .input-area input {width: 100%;text-align: center;border: 1px solid #d1d1d1;border-radius: 5px; }

.pet-form .select-num {position: absolute;width: 120px;text-align: center;z-index: 10;border: 1px solid #d1d1d1;font-size: 16px;border-radius: 4px;margin-top: 2px; }

.pet-form .count-box {position: relative;display: inline-flex;width: 12rem;height: 100%;text-align: center;border: 1px solid #d1d1d1;border-radius: 5px; }

.pet-form .count-box .num-box {width: 100%;text-align: center;border-radius: 5px; }

.pet-form select.num-box option:hover {background-color: #da291c; }

.pet-form .arrow-box {position: absolute;width: 20%;height: 100%;right: 0;box-sizing: content-box;cursor: pointer; }

.pet-form .count-box::after {position: absolute;top: 45%;right: 5%;content: "";width: 0.5rem;height: 0.5rem;border: solid #1a1010;border-width: 0 1px 1px 0;transition: all 0.25s;transform: translate(-50%, -50%) rotate(45deg);-webkit-transform: translate(-50%, -50%) rotate(45deg); }

.pet-form .count-box.active::after {top: 55%;transition: all 0.25s;transform: translate(-50%, -50%) rotate(-135deg);-webkit-transform: translate(-50%, -50%) rotate(-135deg); }

.pet-form .pet-list.pet2 {display: none;margin-top: 40px; }

.pet-form .pet-list.pet2.active {display: block; }

.pet-form .pet-list {position: relative; }

.pet-form .pet-list .tit {font-weight: bold;border-bottom: 1px solid black;padding-bottom: 10px; }

.pet-form .pet-list .pet-weight {position: relative;display: flex;align-items: center;font-weight: bold; }

.pet-form .pet-list .pet-weight .input-area {width: 12rem;margin: 0 10px; }

.pet-form .pet-list .vaccination {display: flex;justify-content: space-between;align-items: center; }

.pet-form .pet-list .vaccination .txt {font-weight: bold; }

.pet-form .pet-info {font-size: 14px;color: #da291c; }

.pet-form .pet-info ul li {line-height: 1.45;padding-left: 3px; }

.pet-form .pet-info ul li::marker {content: '※';color: #da291c; }

.pet-form .input-area input.dogCount[readonly] {cursor: pointer;background-color: #fff}

/* 20240509 펫 인풋 팝업 디자인 mo*/



/* 지도하단 정보 목록 */
.m-maptxt {background: #f6f6f6;padding: 25px 30px}

.m-maptxt .st1 {font-size: 16px;color: #333;margin-bottom: 8px;font-weight: bold; }

.m-maptxt .st1 .link {font-size: 13px;text-decoration: underline;font-weight: normal;margin-left: 8px; }

.m-maptxt .address {background: url('../image/icon/ico_map.png') no-repeat 0 3px;padding-left: 20px;color: #666666;font-size: 13px;line-height: 1.6em;margin-bottom: 3px}

.m-maptxt .call {background: url('../image/icon/ico_call.png') no-repeat 0 3px;padding-left: 20px;color: #666666;font-size: 13px;line-height: 1.6em}

/**************
 Layer Open
***************/
body.openLayer-mode {overflow: hidden; }

body.openLayer-mode #wrapper {position: fixed}

.dim,
.sys-dim,
.gnb-bg {position: fixed;left: 0;top: 0;z-index: 9000;min-width: 100%;min-height: 100%;background-color: #000;opacity: .75;transition: .5s ease;overflow: hidden; }

/* Layer Popup */
.layer-pop {position: fixed;width: 60rem;left: 50%;margin-left: -30rem;top: 50%;z-index: 10002; }

.layer-pop .popup-wrap {position: relative;background-color: #fff;box-sizing: border-box;z-index: 10001; }

.layer-pop.pos-center .popup-wrap {transform: translateY(-50%);-ms-transform: translateY(-50%); }

.layer-pop .btn-icon.ico-close {position: absolute;top: 27px;right: 37px; }

.popup-wrap .popup-title {padding: 30px 40px; }

.popup-wrap .popup-title .tit {font-size: 24px;color: #333;font-weight: normal; }

.popup-wrap .popup-content {padding: 0 40px 40px;font-size: 1.4rem; }

.popup-wrap.type-2 .popup-content {padding: 72px 40px 40px;font-size: 1.4rem; }

.layer-pop:not(.type-full) .popup-wrap .popup-content.scroll {max-height: 680px;overflow-y: auto;padding-bottom: 0px}

/* custom Layer Popup 2019-07-08 */
.main_pop_custom {display: none; }

.m-mode .main_pop_custom {display: block; }

.m-mode .popup-inner-box {position: relative; }

/* 다국어 대응 타이틀 말줄임처리 */
.popup-wrap .popup-title .tit {display: block;padding-right: 3rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }

:lang(en) .popup-wrap .popup-title .tit {display: block;padding-right: 3rem;padding-bottom: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 1.21em}

@media (max-height:900px) {.layer-pop:not(.type-full) .popup-wrap .popup-content.scroll {max-height: 560px; }
 }

@media (max-height:750px) {.layer-pop:not(.type-full) .popup-wrap .popup-content.scroll {max-height: 450px; }
 }

.layer-pop:not(.type-full) .popup-wrap .popup-content.scroll:after {content: '';height: 30px;display: block; }

.popup-wrap .popup-content~.popup-bottom {padding: 0 40px 40px; }

.popup-wrap .popup-content .btn-bottom-area {margin-top: 40px; }

.popup-wrap .popup-content .btn-bottom-area .btn:only-child {min-width: 140px}

.popup-wrap .popup-bottom {padding: 40px; }

.layer-pop.type-full .popup-wrap .popup-title {border-bottom: 1px solid #ebebeb; }

/* 타이틀 */
.popup-content-tit {font-size: 18px;color: #333;font-weight: normal; }

.popup-content-tit2 {color: #333;font-size: 20px;font-weight: normal;line-height: 1.5em}

.popup-content-tit3 {color: #333;font-size: 22px;font-weight: 700;line-height: 1.5em}

.popup-content-tit4 {color: #333;font-size: 15px;font-weight: normal;line-height: 1.5em}

.popup-content-tit5 {color: #333;font-size: 28px;font-weight: 700;line-height: 1em}

.popup-content-tit6 {color: #000;font-size: 24px;font-weight: normal; }

@media screen and (max-width:1279px) {.popup-content-tit {font-size: 16px;color: #333;font-weight: normal; }
 }

/* Layer Popup */
.layer-pop.type-full {position: fixed !important;top: 0 !important;left: 0;background: #fff;width: 100%;height: 100%;margin-left: 0;margin-top: 0 !important; }

.layer-pop.type-full .btn-icon.ico-close {position: fixed;top: 1.8rem;right: 2rem; z-index: 10; }

.layer-pop.type-full .popup-wrap {height: 100%;background: #fff;padding: 6rem 0 0; }

.layer-pop.type-full .popup-wrap .popup-title {padding: 1.8rem 2rem;position: fixed;top: 0;left: 0;width: 100%;background: #fff; z-index: 9;}

.layer-pop.type-full .popup-wrap .popup-title .tit {font-size: 2.0rem;color: #333;font-weight: normal; }

.layer-pop.type-full .popup-wrap .popup-content {font-size: 1.4rem;height: 100%;padding: 2rem 2.5rem 3rem;overflow-y: auto; }

.layer-pop.type-full .popup-wrap.type-2 .popup-content {padding: 0 2.5rem 0; }

.layer-pop.type-full .popup-wrap .popup-bottom {padding: 4rem 2.5rem; }

.layer-pop.type-full .ico-close.close-layer::before,
.layer-pop.datepicker-layer .ico-close.close-layer::before,
.layer-pop.type-full .ico-close.close-layer::after,
.layer-pop.datepicker-layer .ico-close.close-layer::after {background: #000;height: 2px; }

/* 다국어 대응 타이틀 말줄임 */
.layer-pop.type-full .popup-wrap .popup-title .tit {padding-right: 3rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }

/* datepicker-layer :: 모바일 전용이나, 메인에서도 사용됨 */
.layer-pop.datepicker-layer {background: #fff;width: 100%;height: 100%;left: 0;margin-left: 0;z-index: 10006; }

.layer-pop.datepicker-layer .btn-icon.ico-close {position: fixed;top: 1.6rem;right: 2rem;z-index: 10; }

.layer-pop.datepicker-layer .popup-wrap {height: 100%;background: #fff;padding: 15rem 0 5rem;overflow: visible;z-index: 10002; }

.layer-pop.datepicker-layer .popup-wrap .popup-title {padding: 1.8rem 2rem;position: fixed;top: 0;left: 0;z-index: 10;width: 100%;background: #2b2b2b;border-bottom: 1px solid #2b2b2b;-webkit-overflow-scrolling: touch;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;text-align: left; }

.layer-pop.datepicker-layer .popup-wrap .popup-title .tit {font-size: 2.0rem;font-weight: normal;color: #fff; }

.layer-pop.datepicker-layer .popup-wrap .popup-content {position: relative;font-size: 1.4rem;height: 100%;min-height: 100%;padding: 0;overflow-y: scroll; }

.layer-pop.datepicker-layer .popup-wrap .popup-bottom {padding: 4rem; }

.layer-pop.datepicker-layer .ico-close.close-layer::before,
.layer-pop.datepicker-layer .ico-close.close-layer::after {background: #fff;height: 2px; }

.layer-pop.datepicker-layer .btn-pop-selectDate {display: none;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 100;color: #fff;background: #da291c; }

/* 날짜 선택 상단 부분 :: 모바일 전용이나, 메인에서도 사용됨 */
.date-check-top {width: 100%;height: 9rem;padding: 2rem 0 0;background: #2b2b2b;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden; }

.check-info.date-pop {width: 100%;min-height: 7rem;width: 100%;padding: 0;position: relative; }

.check-info.date-pop .selected-date {position: absolute; }

.check-info.date-pop .selected-date strong {display: block;font-size: 1.2rem;color: #fff;font-weight: normal}

.check-info.date-pop .selected-date.checkin {top: 0;left: 0; }

.check-info.date-pop .selected-date.checkout {top: 0;right: 0; }

.check-info.date-pop .night {display: block;width: 5rem;margin: 0 auto;box-sizing: border-box;text-align: left;font-size: 1.4rem;color: #da291c;position: relative;top: 2.7rem; }

.check-info.date-pop .night:after {position: absolute;bottom: -1.4rem;left: 0;display: block;content: '';width: 5rem;height: 1px;background: #da291c; }

.check-info.date-pop .night:before {display: block;position: absolute;bottom: -.8rem;right: -.4rem;content: '';width: 1.8rem;height: 1px;background: #da291c;transform: rotate(225deg);-webkit-transform: rotate(225deg); }

.check-info.date-pop .selected-date .date-num {position: relative;margin-top: 15px;padding-left: 50px;font-size: 1.4rem;color: #999;line-height: 2rem; }

.check-info.date-pop .selected-date .month {font-size: 1.4rem; }

.check-info.date-pop .selected-date .date {color: #fff;font-size: 3.8rem; }

.check-info.date-pop .selected-date .day {font-size: 1.4rem; }

/* Popup content */
.popup-guide-txt {color: #666; }

.popup-guide-txt .ico-exc {border-color: #666; }

.popup-guide-txt .ico-exc:before,
.popup-guide-txt .ico-exc:after {background: #666}

.popup-content-txt {line-height: 21px}

.popup-content-txt2 {font-size: 15px;color: #333;line-height: 22px;word-break: keep-all; }

:lang(ja).popup-content-txt2 {font-size: 15px;color: #333;line-height: 22px;word-break: keep-all;word-wrap: break-word}

.pop-txt-box {background-color: #fbfbfb;padding: 0; }

.pop-txt-box .inner-box {max-height: 420px;overflow-y: auto;padding: 30px; }

/* 팝업 버튼 */
.layer-pop .popup-wrap .btn-bottom-area .btn-lg.btn-default,
.layer-pop .popup-wrap .popup-bottom .btn-lg.btn-default {border: 1px solid #999;color: #333;font-weight: normal}

.layer-pop:not(.type-full) .popup-wrap .popup-bottom .btn-bottom-area .btn-lg {width: 20.5rem;font-size: 1.6rem; }

.layer-pop.responsive .ico-close.close-layer::before,
.layer-pop.responsive .ico-close.close-layer::after {background: #000;height: 1px; }

/* 간격 */
.popup-guide-txt~.pop-txt-box,
.popup-content-tit~.tb-view-line,
.popup-content-tit+.popup-content-txt {margin-top: 10px}

.tb-view-line~.popup-content-tit {margin-top: 30px}

.pop-txt-box~.custom-checkbox {margin-top: 20px; }

/* Layer Popup size */
.layer-pop.layer-md {width: 50rem;margin-left: -25rem; }

.layer-pop.layer-lg {width: 60rem;margin-left: -30rem; }

.layer-pop.layer-lg2 {width: 80rem;margin-left: -40rem; }

.layer-pop.layer-xlg {width: 82rem;margin-left: -41rem; }

.layer-pop.layer-xlg2 {width: 90rem;margin-left: -45rem; }

/* 공지팝업 및 분양회원 팝업 */
.layer-notice-pop {position: fixed;top: 50px;z-index: 10000;width: 100%; }

.layer-notice-pop .popup-notice-wrap {text-align: center;width: 100%; }

.popup-notice-box {display: none;width: 400px;margin: 0 10px;position: relative;background-color: #fff;box-sizing: border-box;z-index: 10001; }

.popup-notice-box.show {display: inline-block;vertical-align: top; }

.popup-notice-title {padding: 30px 30px 18px 30px;text-align: left; }

.popup-notice-content {padding: 0 30px 65px;font-size: 14px; }

.popup-notice-content .popup-inner-box {min-height: 275px;/* max-height:372px; overflow-y: auto; */
text-align: left;font-size: 14px; }

.popup-notice-content .popup-inner-box>img {width: 100%; }

.popup-inner-box .popup-notice-image {width: 100%; }

.popup-inner-box .popup-notice-image img {width: 100%;height: auto; }

.popup-inner-box .popup-notice-txt {font-size: 14px;color: #666;line-height: normal; }

.popup-notice-bottom {padding: 17px 30px 25px;position: absolute;bottom: 0;left: 0;width: 100%; }

.popup-notice-bottom:after {display: block;content: "";clear: both; }

.popup-notice-bottom .left {float: left; }

.popup-notice-bottom .right {float: right; }

.popup-notice-bottom .btn-icon.ico-close {overflow: visible; }

.layer-pop.responsive .popup-notice-bottom .ico-close.close-layer,
.popup-notice-bottom .ico-close.close-layer {position: absolute;top: 16px;right: 21px;width: 22px;height: 22px; }

.popup-notice-bottom .btn-icon.ico-close span {display: block;position: absolute;right: calc(100% + 10px);top: 2px;white-space: nowrap;font-size: 14px;color: #000; }

.popup-inner-box .popup-notice-image+.popup-notice-txt {margin-top: 14px; }

.popup-inner-box+.btn-area>.btn {margin-top: 20px; }

.layer-total-pop {width: 40rem;margin-left: -20rem; }

.popup-notice-title .popup-notice-tit {display: block;font-size: 24px;color: #333;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

.popup-inner-box .popup-notice-image.certify {margin-top: 20px; }

.popup-notice-content .btn-area>.btn-primary {width: 100%;font-weight: bold; }

.popup-inner-box .popup-notice-image+.popup-content-tit {margin-top: 25px;line-height: normal; }

.popup-inner-box .popup-notice-image+.popup-content-tit+.popup-notice-txt {margin-top: 15px; }

.popup-inner-box+.btn-area>.btn-primary:only-child {margin: 30px 0 0; }

.popup-notice-box .popup-box-wrap {position: relative;height: 100%}

@media screen and (max-width:1280px) {.popup-notice-box {width: 30%; }

.popup-notice-content .popup-inner-box {min-height: 80%;max-height: 80%;overflow: visible; }

.popup-notice-content .popup-inner-box p {position: relative; }

/* 2019-10-25 패드류 화면 수정 */
.popup-notice-content .popup-inner-box img {width: 100%; }

/* 2019-11-06 패드류 화면 수정 */}

@media screen and (max-width:1279px) {.popup-notice-box { }

.popup-notice-box {display: none;margin: 2rem 1rem 0;z-index: 10003; }

/* 2019-09-17 패드류 화면 수정 */
/* .popup-notice-box:first-child { z-index:10004; top:0rem; } */
/* .popup-notice-box:last-child:not(:only-child) { z-index:10002; top:2rem; } */
.popup-notice-title {padding: 2rem 2rem 1.3rem 2rem;text-align: left; }

.popup-notice-content .popup-inner-box {min-height: 80%;max-height: 80%;overflow-y: auto;text-align: left; }

.popup-notice-content .popup-inner-box.non-scroll {min-height: 20.5rem;max-height: 37.2rem;overflow-y: hidden;text-align: left; }

.popup-inner-box .popup-notice-image {width: 100%; }

.popup-inner-box .popup-notice-image img {width: 100%;height: auto; }

.popup-notice-bottom {padding: 1.3rem 2rem 2.5rem; }

.popup-notice-bottom .btn-icon.ico-close span {font-size: 1.3rem; }
 }

@media screen and (max-width:1279px) {
/*2020-04-02 최대 높이 제한 수정 */
.popup-notice-box {min-width: 81.3%;max-width: 81.3%;/*max-height:57rem; */
margin: -5.2rem auto 7rem;position: absolute;top: 100px;left: 50%;margin-left: -40%;margin-right: 0;vertical-align: bottom;box-shadow: 2px 2px 18px 0 rgba(0, 0, 0, 0.5); }

/* 2019-09-17 패드류 화면 수정 */
.popup-notice-box.show {display: block; }

/* 2019-09-17 패드류 화면 수정 */
/*.layer-notice-pop .btn-area { display:none; } /* 2019-09-25 레이어팝업 버튼 모바일에서만 사라지게 */
.popup-notice-content {padding: 0 2rem 6.5rem; }

.layer-total-pop .popup-wrap {padding: 0; }

/* 분양권 인증안내 */
.layer-total-pop {width: 81.3%;margin-left: -40%; }

.popup-notice-title .popup-notice-tit {font-size: 2rem; }

.layer-total-pop .popup-notice-content {padding: 0 30px 65px; }

.popup-inner-box .popup-notice-image+.popup-content-tit {margin-top: 2rem; }

.popup-inner-box .popup-notice-image+.popup-content-tit+.popup-notice-txt {margin-top: 1rem; }

.popup-inner-box+.btn-area>.btn-primary:only-child {margin-top: 2rem; }
}

@media (min-width:673px) and (max-width:1279px) {.popup-notice-content .popup-inner-box {overflow-y: scroll;min-height: 257px;max-height: 372px; }

.popup-notice-content {padding: 0 2rem 6.5rem; }
 }

@media screen and (max-width:671px) {.popup-notice-content .popup-inner-box {overflow: visible; }
 }

@media screen and (max-height:667px) {/*2020-04-02 최대 높이 제한 수정 */
/*.popup-notice-box { max-height:45rem; } */}

@media screen and (max-height:568px) {/*2020-04-02 최대 높이 제한 수정 */
/*.popup-notice-box { max-height:40rem; } */}

/* Alert, Confirm */
.sys-pop {position: fixed;width: 240px;left: 50%;margin-left: -120px;top: 50px;z-index: 10000; }

.sys-pop .sys-wrap {position: relative;border: 1px solid #d0d0d0;background-color: #fff;box-sizing: border-box;z-index: 10001; }

.sys-pop .ico-pop-close {position: absolute;top: 10px;right: 15px; }

.sys-wrap .sys-content {padding: 15px 20px;min-height: 100px; }

.sys-wrap .sys-bottom {padding: 15px 20px;text-align: center}

/* loading */
.loading_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999; }

.loader {position: relative;top: 40.5%;width: 100%;text-align: center; }

.loader .img {position: relative;display: inline-block;width: 70px;height: 70px; }

.loader .img:after {position: absolute;top: -1px;left: -1px;content: '';display: block;width: 68px;height: 68px;border: 2px solid #ccc;border-radius: 50%; }

.loader .img {background: url("../image/icon/loading.gif") no-repeat;background-size: cover; }

/* 2019-07-15 이용방법 수정 - PC */
.themep-list {margin-top: 30px;font-size: 16px;text-align: center; }

.themep-list li p {word-break: keep-all;color: #333; }

.themep-list .ico-themep.list-01 {background: url(https://www.lotteresort.com/static/image/icon/ico_th_step1.png)no-repeat; }

.themep-list .ico-themep.list-02 {background: url(https://www.lotteresort.com/static/image/icon/ico_th_step2.png)no-repeat; }

.themep-list .ico-themep.list-03 {background: url(https://www.lotteresort.com/static/image/icon/ico_th_step3.png)no-repeat; }

.themep-list .ico-themep.list-04 {background: url(https://www.lotteresort.com/static/image/icon/ico_th_step4.png)no-repeat; }

.themep-list .ico-themep[class*="list-"] {display: block;margin: 0 auto;width: 102px;height: 102px;background-position: center;background-size: 70%; }

.themep-list li {position: relative; }

.themep-list li:before {display: inline-block;content: "";position: absolute;top: 50px;left: -20px;width: 44px;height: 16px;background: url(https://www.lotteresort.com/static/image/icon/ico_arrow2.png)}

.themep-list li:first-child:before {background: none; }


/* 2020-01-10 Sky-Camp event */
.result-box .btn-ski {position: absolute;bottom: 0;right: 3rem; }

.result-box .btn-ski-m {width: 100%;height: 3.2rem;line-height: 3rem; }


/* 2020-02-06 제휴제안 팝업 */
@media (min-width:1280px) {#alliance {width: 682px; }

#alliance .popup-wrap {background-color: transparent; }

#alliance .popup-wrap .popup-title {padding: 14px 40px;text-align: center;background-color: #ed1c24;border-top-left-radius: 20px;border-top-right-radius: 20px; }

#alliance .popup-wrap .popup-title .tit {color: #fff;padding: 0; }

#alliance .popup-content {padding: 0;text-align: center;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;background-color: #fff; }

#alliance .txt {padding: 40px 40px 10px; }

#alliance .popup-content-txt2 {font-size: 18px; }

#alliance .link {display: inline-block;margin: 20px auto 0;padding-bottom: 4px;color: #ed1c24;font-size: 22px;border-bottom: 1px solid #ed1c24; }

#alliance .telNum {width: 20rem;margin: 18px auto 0;color: #000;font-size: 18px;line-height: 28px;background-color: #e7e7e7;border-radius: 14px; }

#alliance .noti {margin: 26px auto 38px; }

#alliance .img {display: block; }

#alliance .pop-slide {display: none; }

#alliance .pop-slide .bg {width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center top; }

#alliance .pop-slide .slick-list,
#alliance .pop-slide .slick-slide,
#alliance .pop-slide .slick-track,
#alliance .pop-slide .slick-slide div {height: 100%; }

#alliance .pop-slide .slick-dots {display: none !important; }

#alliance .btn-icon.ico-close {top: 13px;right: 20px; }

#alliance .ico-close.close-layer::before,
#alliance .ico-close.close-layer::after {background: #fff; }
 }

@media (max-width:1279px) {#alliance .popup-content {padding: 0;text-align: center; }

#alliance .txt {padding: 0 1rem; }

#alliance .popup-content-txt2 {font-size: 14px; }

#alliance .link {display: inline-block;margin: 2rem auto 0.5rem;padding-bottom: 0.4rem;color: #ed1c24;font-size: 2rem;border-bottom: 1px solid #ed1c24; }

#alliance .telNum {width: 20rem;margin: 2rem auto;padding: 0.5rem 0;background-color: #e7e7e7;border-radius: 2rem; }

#alliance .img {display: none; }

#alliance .pop-slide {display: block;width: 100%;height: 25rem;margin-bottom: 2rem; }

#alliance .pop-slide .bg {width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center top; }

#alliance .pop-slide .slick-list,
#alliance .pop-slide .slick-slide,
#alliance .pop-slide .slick-track,
#alliance .pop-slide .slick-slide div {height: 100%; }

#alliance .pop-slide .slick-dots {display: none !important; }
 }


/* 2020-02-25 할인금액 표시 추가 */
.normalFare span {display: block;position: relative; }

.normalFare span:after {content: "";position: absolute;top: 50%;left: 15%;display: block;width: 70%;border-top: 1px solid #f00; }

.discountFare {color: #da291c !important;background-color: #ffd3cf; }

@media (max-width:1279px) {.normalFare span {display: block;position: relative; }

.normalFare span:after {content: "";position: absolute;top: 50%;left: 0;display: block;width: 100%;border-top: 1px solid #f00; }
 }


/* 2020-04-27 회원가분리 */
#member-pop.mob {width: 100%;left: 0;margin-left: 0;padding: 0 2rem; }

#member-pop.mob .popup-wrap {width: 100%; }

/* 2020-07-20 워터파크 아이콘 추가 */
.icon_waterparkGroup {display: inline-block; }

.icon_waterparkGroup.black .category.iconType {width: 60px;background-color: rgba(0, 0, 0, 0.5) !important;background-size: auto 28px !important; }

.icon_waterparkGroup.black .category.icon_picBreakfast {background: url(../image/icon/icon_picBreakfast_w.png) no-repeat center center;border-left: 1px solid #fff; }

.icon_waterparkGroup.black .category.icon_picWaterpark {background: url(../image/icon/icon_picWaterpark_w.png) no-repeat center center;border-left: 1px solid #fff; }

.icon_waterparkGroup.black .category.icon_picGolf {background: url(../image/icon/icon_picGolf_w.png) no-repeat center center;border-left: 1px solid #fff; }

.icon_waterparkGroup.white .category.iconType {width: 50px;height: 50px;background-color: transparent !important;background-size: auto 46px !important; }

.icon_waterparkGroup.white .category.icon_picBreakfast {background: url(../image/icon/icon_picBreakfast_b.png) no-repeat center center; }

.icon_waterparkGroup.white .category.icon_picWaterpark {background: url(../image/icon/icon_picWaterpark_b.png) no-repeat center center; }

.icon_waterparkGroup.white .category.icon_picGolf {background: url(../image/icon/icon_picGolf_b.png) no-repeat center center; }

.event-view .icon_waterparkGroup {vertical-align: top; }

/* 이벤트 상세보기 페이지 */

.event-view .icon_waterparkGroup.black .category.icon_picBreakfast { border-left: 1px solid rgba(255,255,255,0.5); }

.event-view .icon_waterparkGroup.black .category.icon_picWaterpark { border-left: 1px solid rgba(255,255,255,0.5); }

.event-view .icon_waterparkGroup.black .category.icon_picGolf { border-left: 1px solid rgba(255,255,255,0.5); }

@media (max-width:1280px) {.icon_waterparkGroup.black .category.iconType {width: 40px;background-size: auto 24px !important; }

.icon_waterparkGroup.white .category.iconType {width: 50px;height: 50px;background-color: transparent !important;background-size: auto 46px !important; }
 }

@media (max-width:1050px) {.icon_waterparkGroup.black .icon_waterparkGroup {display: block;margin-top: 1px; }

.event-view .icon_waterparkGroup {display: inline-block;margin-top: 0;vertical-align: top; }

.event-view .category.iconType {margin: 0; }
 }

@media (max-width:1279px) {.icon_waterparkGroup.black .icon_waterparkGroup {display: inline-block; }

.icon_waterparkGroup.black .category.iconType {width: 40px; }

.product-list>ul>li .product-desc .badge .icon_waterparkGroup.black .category.iconType {background-size: auto 18px !important; }
 }

/* 2020-11-06 패키지 투숙인원 팝업 */
.layer-pop.package {width: 78rem;margin-left: -39rem; }

/* .layer-pop.package .input-group > .input-group-cell { display: inline-block; width: 33%; } */
.layer-pop.package .input-group>.input-group-cell .input-number-ctrl {width: 100%;box-sizing: border-box; }

.layer-pop.package .input-group>.input-group-cell {display: table-cell;width: 1%; }

.layer-pop.package .input-group>.input-group-cell.disno {display: none !important;width: 0;padding: 0; }

/* RESORT-1111 */
.layer-pop.package .input-group.noneyouth>.input-group-cell {display: table-cell;width: 1%; }

.layer-pop.package .input-group.noneyouth>.input-group-cell:nth-child(2) {display: none !important;width: 0;padding: 0; }

@media (max-width:1279px) {.layer-pop.package .field-box {padding: 30px 20px; }

.layer-pop.package .field-box .grid-area.gap .colum {width: 100%; }

.layer-pop.package .field-box .grid-area.gap .input-group>.input-group-cell {display: inline; }

/* RESORT-1111 */
.layer-pop.package .input-group>.input-group-cell {display: table-cell;width: 1%; }

.layer-pop.package .input-group>.input-group-cell.disno {display: none !important;width: 0;padding: 0; }
 }

/*트래브러리 css 영역입니다*/
.event-travel-box {word-break: keep-all;word-wrap: break-word;border-top: 2px solid #ebebeb; }

.event-travel-box .hidden {font-size: 0;text-indent: -9999px; }

.event-travel-box .travel-tit-area {padding: 60px 0;border-bottom: 3px solid #000000;text-align: center; }

.event-travel-box .travel-tit-area .tit {margin-bottom: 20px;width: 587px;height: 74px;display: inline-block;background: url('/static/image/travelary/package/trave_tit.png') no-repeat center;background-size: contain; }

.event-travel-box .travel-tit-area p {font-size: 20px;color: #333333; }

.event-travel-box .travel-content-area {padding: 60px 0; }

.event-travel-box .travel-wrap {display: flex; }

.event-travel-box .travel-wrap>li {justify-content: flex-start;width: calc((100% - 64px) / 3);padding-bottom: 17px;margin-right: 32px;display: inline-block;/* letter-spacing: -0.21em; */
letter-spacing: -1.6px;}

.event-travel-box .travel-wrap>li:last-child {margin-right: 0; }

.event-travel-box .travel-wrap li .img-wrap {width: 100%; }

.event-travel-box .travel-wrap li .img-wrap img {width: 100%; }

.event-travel-box .travel-wrap li .info-wrap {margin-top: 40px;font-size: 0; }

.event-travel-box .travel-wrap li .info-wrap .txt1 {font-size: 24px;line-height: 32px;font-weight: bold;color: #333333; }

.event-travel-box .travel-wrap li .info-wrap .txt1 span {display: inline-block;padding: 0 12px;line-height: 32px;color: #fff;background-color: #fb6458;border-radius: 20px;margin-right: 12px;font-size: 20px;font-weight: 500; }

.event-travel-box .travel-wrap .info-list {margin-top: 16px; }

.event-travel-box .travel-wrap .info-list li {width: 100%;padding-left: 8px;position: relative;font-size: 15px;line-height: 1.2;margin-bottom: 5px;color: #333333; }

.event-travel-box .travel-wrap .info-list li:before {content: "";display: inline-block;width: 4px;height: 4px;background-color: #333333;border-radius: 50%;position: absolute;left: 2px;top: 7px; }

.event-travel-box .travel-wrap .info-list li .bold {font-weight: bold; }

.event-travel-box+.btn-bottom-area {margin-bottom: 32px; }

/*트래브러리 모바일 css 영역입니다*/
@media (max-width:1279px) {.event-travel-box {border-top: 1px solid #ebebeb; }

.event-travel-box .travel-tit-area {padding: 32px 0 27px 0;border-bottom: 2px solid #000000; }

.event-travel-box .travel-tit-area .tit {margin-bottom: 9px;width: 291px;height: 35px;background: url('/static/image/travelary/package/trave_tit_mo.png') no-repeat center;background-repeat: no-repeat;background-size: cover; }

.event-travel-box .travel-tit-area p {font-size: 16px;line-height: 1.5; }

.event-travel-box .travel-content-area {padding: 0; }

.event-travel-box .travel-wrap {display: block; }

.event-travel-box .travel-wrap>li {width: 100%;padding: 30px 0 26px 0;margin-right: 0;display: block;border-bottom: 1px solid #ebebeb; }

.event-travel-box .travel-wrap li .info-wrap {margin-top: 25px; }

.event-travel-box .travel-wrap li .info-wrap .txt1 {font-size: 20px;line-height: 28px; }

.event-travel-box .travel-wrap li .info-wrap .txt1 span {padding: 0 10px;line-height: 28px;border-radius: 18px;margin-right: 10px;font-size: 16px;font-weight: bold; }

.event-travel-box .travel-wrap .info-list {margin-top: 18px; }

.event-travel-box .travel-wrap .info-list li {font-size: 14px;line-height: 1.6;margin-bottom: 0px;padding-left: 36px;padding-right: 40px;text-indent: -30px; }

.event-travel-box .travel-wrap .info-list li:before {content: "";display: inline-block;width: 3px;height: 3px;border-radius: 50%;position: absolute;left: 0px; }

.event-travel-box+.btn-bottom-area {margin: 30px 0 27px; }
 }

/* 트레브러리 메인 배너 css 영역 입니다 */
.main .main-content.bgcolor_brown {word-wrap: break-word;word-break: keep-all;margin-top: 320px;background-color: #543d37;height: 420px; }

.travelbrary-banner-wrap {transform: translateY(-330px);min-height: 640px;background: url("../image/main/travelbrary_banner_bg_2023.jpg") no-repeat center;background-size: contain; }

.banner-txt-wrap {padding-top: 300px;text-align: center;color: #fff; }

.travelbrary-banner-wrap .txt_img01 {display: inline-block;font-size: 0;text-indent: -9999px;min-height: 41px;width: 460px;background: url("../image/main/txt_img01.png") no-repeat center;background-size: contain; }

.travelbrary-banner-wrap .txt01 {margin-top: 70px;font-size: 2em;font-weight: bold;line-height: 1; }

.travelbrary-banner-wrap .txt_img02 {display: inline-block;margin-top: 40px;text-indent: -9999px;font-size: 0;min-height: 41px;width: 623px;min-height: 106px;background: url("../image/main/txt_img02.png") no-repeat center;background-size: contain; }

.travelbrary-banner-wrap .txt02 {margin-top: 22px;line-height: 1.7;font-size: 1.8em;font-weight: 300; }

.travelbrary-banner-wrap .point {display: block; }

.travelbrary-banner-wrap .point strong {font-size: 54px;font-weight: 400;vertical-align: middle;line-height: 1}

.travelbrary-banner-wrap .point em {position: relative;font-size: 34px;font-weight: 700; }

.travelbrary-banner-wrap .mo_only {display: none}

@media screen and (max-width:1279px) {.main .main-content.bgcolor_brown {margin-top: 29rem;height: 29rem; }

.travelbrary-banner-wrap {width: calc(100% - 50px);margin: 0 auto;transform: translateY(-125px);height: 220px;min-height: 210px;background: url("../image/main/travelbrary_banner_bg_2023_mo.jpg") no-repeat center;background-size: cover; }

.banner-txt-wrap {padding-top: 84px; }

.travelbrary-banner-wrap .txt_img01 {min-height: 21px;width: 257px;background: url("../image/main/txt_img01_mo.png") no-repeat center;background-size: contain; }

.travelbrary-banner-wrap .txt01 {margin-top: 46px;font-size: 1.3em; }

.travelbrary-banner-wrap .txt_img02 {margin-top: 21px;width: 265px;min-height: 45px;background: url("../image/main/txt_img02_mo.png") no-repeat center;background-size: contain; }

.travelbrary-banner-wrap .txt02 {display: inline-block;width: 100%;margin-top: 16px;line-height: 1.6;font-size: 1.5em; }

.travelbrary-banner-wrap .mo_only {display: block}

.travelbrary-banner-wrap .point strong {font-size: 30px; }

.travelbrary-banner-wrap .point em {font-size: 20px;font-weight: bold; }
 }

.travelbrary-banner-wrap .banner-txt-wrap {position: relative; }

/* .travelbrary-banner-wrap .banner-txt-wrap .go-link { position: absolute; left: 50%; transform: translateX(-50%); bottom: -17%; width: 100%; height: 97%; } */
.travelbrary-banner-wrap .banner-txt-wrap .go-link {position: absolute;left: 50%;transform: translateX(-50%);bottom: -72px;width: 100%;height: 90%; }

@media screen and (max-width:1279px) {.travelbrary-banner-wrap .banner-txt-wrap .go-link {height: 120%;bottom: -17%; }
 }

/* 230523 마케팅동의팝업 css 추가 */
.lotte-popup {position: fixed;font-family: 'Noto Sans CJK KR';top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 1.2rem;width: 44rem;border-radius: 0.8rem;background: #fff;padding: 2.4rem;z-index: 10013; }

.lotte-popup:before {position: absolute;display: inline-block;content: "";top: -4.2rem;left: 50%;transform: translateX(-50%);width: 8.4rem;height: 8.4rem;background: url(../image/icon/notice.png) no-repeat;background-size: cover;background-position: center; }

.lotte-popup .close {cursor: pointer;position: absolute;top: -3.3rem;right: 2rem;font-size: 1.4rem;line-height: 2.1rem;color: #999}

.lotte-popup .close:after,
.lotte-popup .close:before {content: "";position: absolute;top: 50%;left: 3.5rem;width: 1.2rem;height: 0.1rem;margin-top: 0.2rem;background-color: #999;transform: translate(-50%, -50%) rotate(45deg); }

.lotte-popup .close:before {transform: translate(-50%, -50%) rotate(-45deg); }

:lang(en) .lotte-popup .close:after,
:lang(en) .lotte-popup .close:before {left: 4.8rem; }

.lotte-popup .red {color: #da291c; }

.popup-txt-wrap {padding: 3.4rem 0 3.2rem;border-bottom: 1px solid #ddd;text-align: center; }

.popup-txt-wrap .popup-title {font-size: 2rem;padding-bottom: 1.6rem; }

.popup-txt-wrap .popup-txt {font-size: 1.4rem;line-height: 2rem; }

.popup-input-wrap {padding: 3.1rem 0 2rem; }

.popup-input-wrap label {font-size: 1.5rem;color: #000;cursor: pointer;padding-left: 0.3rem; }

.popup-input-wrap .opt2 {padding-right: 6.6rem; }

.popup-input-wrap .opt2,
.popup-input-wrap .opt3 {display: inline; }

.popup-input-wrap .full-txt {max-height: 9.6rem;line-height: 1.8rem;overflow: auto;margin: 1.6rem 0 2rem;padding: 0.6rem;background: #f5f5f5; }

.popup-input-wrap .explain {display: block;color: #999;line-height: 1.8rem;padding: 2rem 0 0 2.2rem; }

.popup-input-wrap .explain:before {position: absolute;left: 3rem;display: inline-block;content: "※"; }

.popup-input-wrap .explain.pc {display: block; }

.popup-input-wrap .explain.mo {display: none; }

.popup-input-wrap input[type=checkbox] {width: 1.8rem;height: 1.8rem;background: url("../image/icon/check_off.png") no-repeat;background-size: cover;vertical-align: -3px;cursor: pointer; }

.popup-input-wrap input[type=checkbox]:checked {width: 1.8rem;height: 1.8rem;background: url("../image/icon/check_on.png") no-repeat;background-size: cover; }

.popup-input-wrap div:nth-child(2) {padding-left: 3rem; }

.popup-input-wrap div:nth-child(2) input[type=checkbox]:first-child:before {position: relative;left: -1.8rem;content: "";display: block;width: 1rem;height: 1rem;background: url("../image/icon/vector.png") no-repeat;background-size: cover;background-position: center; }

.popup-btn-wrap .btn.agree {width: 100%;height: 6.4rem;color: #fff;background: #333;border-radius: 0.8rem; }

.popup-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);z-index: 10012; }

@media (max-width:1279px) {.lotte-popup {width: 33.5rem; }

.popup-input-wrap .explain.pc {display: none; }

.popup-input-wrap .explain.mo {display: block; }
 }

/* 230523 마케팅동의팝업 css 추가 */
.lotte-popup-app {position: absolute;top: 0;left: 0;width: 100%;display: flex;flex-direction: column;justify-content: center;font-family: 'Noto Sans CJK KR';font-size: 1.2rem;border-radius: 0.8rem;background: #fff;padding: 2.4rem;z-index: 10013; }

.lotte-popup-app .red {color: #da291c; }

/* 230523 플로팅배너 css 추가 */
.floating-text-box,
.floating-image-box {position: fixed;right: 8rem;bottom: 6.4rem;font-family: 'Noto Sans CJK KR'; }

.floating-text-box {border-radius: 2.4rem;padding: 0 3.35rem;max-width: 30rem;height: 4rem;line-height: 4rem;text-align: center;z-index: 12;cursor: pointer;opacity: 0; }

.floating-text-box .floating-txt {font-size: 1.4rem;color: #fff; }

.floating-image-box {width: 9rem;height: 0;border-radius: 8rem 8rem 0 0;color: #fff;z-index: 13;cursor: pointer;opacity: 0;overflow: visible; }

.floating-image-box .floating-img {display: block;width: 8rem;height: 9rem;margin: 0 auto;box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);overflow: hidden; }

.floating-image-box .floating-img img {position: relative;left: -1rem;bottom: -7px;width: 11.5rem; }

.floating-image-box .floating-txt {font-size: 1.4rem;color: #fff;text-align: center;display: block;width: 8rem;height: 5rem;margin: 0 auto;padding-top: 1rem; }

/* 따옴표 이미지 시작 */
.floating-text-box .floating-txt:before {position: relative;display: inline-block;content: "";width: 1rem;height: 1.2rem;background: url("../image/icon/before_quote.png") no-repeat; }

.floating-text-box .floating-txt:after {position: relative;left: 0.5rem;display: inline-block;content: "";width: 1rem;height: 1.2rem;background: url("../image/icon/after_quote.png") no-repeat; }

/* 따옴표 이미지 끝 */

@media (max-width:1279px) {
.floating-text-box,
.floating-image-box {right: 2rem;bottom: 4.8rem; }

.floating-image-box {width: 6.3rem; }

.floating-image-box .floating-img {width: 5.3rem;height: 6rem; }

.floating-image-box .floating-img img {width: 8.3rem;left: -1rem;bottom: 0; }

.floating-image-box .floating-txt {width: 5.3rem;height: 3rem; }

.floating-image-box .floating-txt {font-size: 1rem;padding-top: 1rem; }
 }

/* 202202 제주아트빌라스 팝업 css 추가 */
.layer-pop.artvillas {width: 34rem;margin-left: -17rem; }

.layer-pop.artvillas .popup-wrap .popup-content {position: relative;padding: 0;font-size: 0; }

.layer-pop.artvillas .popup-wrap .popup-content .btn {position: absolute;left: 34.7%;top: 80.45%;width: 30.58%;height: 10.45%;border: none;background: none; }

.layer-pop.artvillas .popup-notice-bottom {position: relative;bottom: inherit;left: inherit;padding: 0 20px 0 0;height: 40px;text-align: right;background: url('/static/image/reservation/popup_bottom_jeju.jpg') no-repeat center center;background-size: cover; }

.layer-pop.artvillas .popup-notice-bottom .custom-checkbox {padding-top: 10px; }

.layer-pop.artvillas .popup-notice-bottom label {color: #fff; }

/* 20220329 속초 팝업 css 추가 */
.layer-pop.sokcho {width: 79.2rem;margin-left: -39.6rem; }

.layer-pop.sokcho .popup-content {padding: 0;font-size: 0; }

.layer-pop.sokcho .popup-content.web-view {display: block !important; }

.layer-pop.sokcho .popup-content.mob-view {display: none !important; }

.layer-pop.sokcho .popup-content>div {position: relative; }

.layer-pop.sokcho .popup-content>div a {position: absolute;width: 44.82%;height: 60.89%;font-size: 0;text-indent: -9999px; }

.layer-pop.sokcho .popup-content>div a.linkBtn01 {top: 33.96%;left: 3.78%; }

.layer-pop.sokcho .popup-content>div a.linkBtn02 {top: 33.96%;left: 50.63%; }

.layer-pop.sokcho .popup-bottom {padding: 13px 40px 12px 0;text-align: right;background: #7c7c7c; }

.layer-pop.sokcho .popup-bottom .custom-checkbox label {padding-left: 3rem;color: #fff;font-size: 1.8rem;line-height: 1; }

.layer-pop.sokcho:not(.type-full) .popup-wrap .popup-content.scroll:after {height: 0; }

@media (max-width:1279px) {.layer-pop.sokcho {width: 34rem;margin-left: -17rem; }

.layer-pop.sokcho .popup-content {padding: 0;font-size: 0; }

.layer-pop.sokcho .popup-content.web-view {display: none !important; }

.layer-pop.sokcho .popup-content.mob-view {display: block !important; }

.layer-pop.sokcho .popup-content>div {position: relative; }

.layer-pop.sokcho .popup-content>div a {position: absolute;width: 100%;height: 32.59%;font-size: 0;text-indent: -9999px; }

.layer-pop.sokcho .popup-content>div a.linkBtn01 {top: 34.66%;left: 0%; }

.layer-pop.sokcho .popup-content>div a.linkBtn02 {top: 67.4%;left: 0%; }

.layer-pop.sokcho .btn-icon.ico-close {top: 15px;right: 15px; }

.layer-pop.sokcho .popup-bottom {padding: 1.3rem 2rem 1.2rem 0; }

.layer-pop.sokcho .popup-bottom .custom-checkbox label {padding-left: 2.4rem;color: #fff;font-size: 1.4rem; }

.layer-pop.sokcho .popup-content .newPopCont .tit {padding-top: 30px;font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif;font-size: 27px;color: #333;text-align: center;font-weight: bold; }

.layer-pop.sokcho .popup-content .newPopCont .subTxt {padding: 15px 0 25px;display: block;font-size: 18px;line-height: 22px;color: #333;text-align: center; }

.layer-pop.sokcho .popup-content .newPopCont .subTxt em {color: #da291c;font-weight: bold; }

.layer-pop.sokcho .popup-content .newPopCont a {position: relative;padding: 0 20px;display: block;height: 100%;text-indent: inherit;text-align: center;box-sizing: border-box; }

.layer-pop.sokcho .popup-content .newPopCont *[class*="reservation"] {border-bottom: 1px solid #fff;text-align: center; }

.layer-pop.sokcho .popup-content .newPopCont *[class*="reservation"] span {display: block;color: #fff; }

.layer-pop.sokcho .popup-content .newPopCont *[class*="reservation"] img {display: block;margin: 0 auto; }

.layer-pop.sokcho .popup-content .newPopCont *[class*="reservation"] .text01 {padding: 12px 0 10px;font-size: 20px;line-height: 32px; }

.layer-pop.sokcho .popup-content .newPopCont *[class*="reservation"] .text01 em {font-weight: bold; }

.layer-pop.sokcho .popup-content .newPopCont *[class*="reservation"] .text02 {display: inline-block;margin-bottom: 20px;padding-bottom: 3px;font-size: 16px;border-bottom: 3px solid #fff; }

.layer-pop.sokcho .popup-content .newPopCont *[class*="reservation"] .text02::after {margin-left: 12px;content: '';display: inline-block;width: 44px;height: 12px;background: url("/static/image/reservation/ico_text_arrow.png") no-repeat center center; }

.layer-pop.sokcho .popup-content .newPopCont *[class*="reservation"] .text03 {padding-right: 10px;font-size: 15px;line-height: 1;text-align: right; }

.layer-pop.sokcho .popup-content .newPopCont .reservation01 {background: url("/static/image/reservation/bg_reservation_01.jpg") no-repeat center center; }

.layer-pop.sokcho .popup-content .newPopCont .reservation01 .text02 {padding-top: 32px; }

.layer-pop.sokcho .popup-content .newPopCont .reservation02 {background: url("/static/image/reservation/bg_reservation_02.jpg") no-repeat center center; }

.layer-pop.sokcho .popup-content .newPopCont .reservation02 .text01 {padding: 17px 0 0; }

.layer-pop.sokcho .popup-content .newPopCont .reservation02 .text02 {padding-top: 20px; }
 }

#temtationPopupContentsArea .layer-pop {margin-top: 0 !important;transform: translateY(-50%) !important; }

#temtationPopupContentsArea .dim {width: 1000% !important;height: 1000% !important;transform: translate(-50%, -50%); }

#temtationPopupContentsAreaAll .layer-pop {margin-top: 0 !important;transform: translateY(-50%) !important; }

#temtationPopupContentsAreaAll .dim {width: 1000% !important;height: 1000% !important;transform: translate(-50%, -50%); }

/* 20221026 객실예약 객실 상세 팝업 */
.room-tab-wrap {margin-top: 18px; }

.room-tab-wrap .tab-cont {padding: 20px 0; }

.room-tab-wrap .tab-cont>div {display: none; }

.room-tab-wrap .tab-cont>div.active {display: block; }

.room-tab-wrap .etc-txt-box {margin-top: 20px; }

.room-tab-wrap .etc-txt-box {display: block;font-size: 13px;padding-top: 20px;line-height: 1.6em;color: #666;border-top: 1px solid #ebebeb; }

.room-tab-wrap .etc-txt-box {padding-left: 0; }

.room-tab-wrap .tab-menu.room-tab-area {padding: 0; }

.room-tab-wrap .tab-menu.room-tab-area ul.detail-room-tab {width: 100%;padding: 0; }

.room-tab-wrap .tab-menu.room-tab-area ul.detail-room-tab li {width: 50%; }

@media (max-width:1279px) {.room-tab-wrap {margin-top: 3.2rem; }

.popup-content .room-tab-wrap .tab-menu:first-child {margin: 0; }

.room-tab-wrap .tab-menu.room-tab-area ul.detail-room-tab li a {padding: 5px 0;font-size: 14px; }
 }

/* 20240108 객실예약 슬릭슬라이드 */
.detail-slick-area {position: relative;margin-top: 5px;overflow: hidden; }

.detail-slick-area .detail-arrow-area .detail-arrow-box li {position: absolute;width: 40px;height: 40px;border: 1px solid rgba(255, 255, 255, 0.2);background: rgba(0, 0, 0, 0.2);border-radius: 50%;text-align: center;transform: translate(0%, -50%); }

.detail-slick-area .detail-arrow-area .detail-arrow-box li::before {position: absolute;content: '';display: block;top: 50%;left: 50%;transform: translate(-70%, -50%) rotate(45deg);width: 12px;height: 12px;border: 2px solid rgb(255, 255, 255, 0.6);border-width: 2px 2px 0px 0; }

.detail-slick-area .detail-arrow-area .detail-arrow-box .arrow-prev {top: 50%;left: 1%;transform: translate(0%, -50%)rotate(-180deg); }

.detail-slick-area .detail-arrow-area .detail-arrow-box .arrow-next {top: 50%;right: 1%;transform: translate(0%, -50%)rotate(0deg); }

@media (min-width:1280px) {.detail-slick-area {max-height: 300px; }
 }


@media (max-width:1279px) {
.popup-wrap .popup-content.app-wrap {padding: 0 20px 20px; }

.detail-slick-area {min-height: 150px; }

.room-tab-wrap .tab-menu ul.detail-room-tab>li a>span {font-size: 1.4rem; }

.room-tab-wrap .tab-menu ul.detail-room-tab>li {padding: 0 1rem; }
 }


/* s : 20221124 테마파크 css수정 */
@media (min-width:1280px) {.layer-pop.type02 {margin-top: 0 !important;position: fixed;width: 100%;left: 0;margin-left: 0;top: 0;z-index: 10000; }

.layer-pop.type02 .popup-wrap {position: fixed;background-color: #fff;transform: translate(-50%, -50%);box-sizing: border-box;z-index: 10001;width: 60rem;left: 50%;top: 50%; }
 }

/* s : 20230913 객실예약 배너영역 추가 수정 */
.step-content .ad-banner {width: 100%; }

.step-content .ad-banner .inner {position: relative; }

.step-content .ad-banner .inner img {image-rendering: -webkit-optimize-contrast; }

@media (max-width:1279px) {.step-content .ad-banner .inner.pc {display: none; }

.step-content .ad-banner .inner.mo {max-width: 100%;margin: 0 auto;text-align: center;margin-bottom: 50px; }

.step-content .ad-banner .inner.mo img {width: 100%; }

.step-content .ad-banner .inner.mo .member-login {position: absolute;top: 68%;left: 8%;width: 21%;height: 20%; }

.step-content .ad-banner .inner.mo .member-join {position: absolute;top: 68%;left: 30.5%;width: 21.2%;height: 20%;}
 }

@media (min-width:1280px) {.step-content .ad-banner .inner.mo {display: none; }

.step-content .ad-banner .inner.pc {max-width: 1280px;margin: 0 auto;text-align: center;padding-bottom: 50px; }

.step-content .ad-banner .inner.pc img {width: 100%; }

.step-content .ad-banner .inner.pc .member-login {position: absolute;top: 56.5%;left: 12.5%;width: 16rem;height: 4.8rem; }

.step-content .ad-banner .inner.pc .member-join {position: absolute;top: 56.5%;left: 25.65%;width: 16rem;height: 4.8rem; }
 }

/* 예약박스 */
.main-reser-wrap {max-width: 1330px;margin: -136px auto 130px;padding: 0; }

.main-reser-box {position: relative;max-width: 1280px;width: 100%;margin: 0 auto;padding: 24px 0;background: #fff; }

.main-reser-box .grid-area-table .colum {vertical-align: top}

.main-reser-box .col-sm-push .grid-area-table .colum,
.main-reser-box .col-md-push .grid-area-table .colum {min-height: 72px; }

.main-reser-box .grid-area-table .colum:first-child {border-left: 0; }

.main-reser-box .grid-area-table .colum {border-left: 1px solid rgba(153, 153, 153, 0.25); }

.main-reser-box .grid-area-table .colum .in-colum {position: relative; }

.main-reser-box .grid-area-table .colum .in-colum .box-select-list {position: absolute;z-index: 31;left: 0;background: #fff;width: 100%;max-height: 250px;overflow-y: auto;box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.19); }

.main-reser-box .grid-area-table .colum .in-colum .btn-blank {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 8rem;background: transparent;outline: none; }

#header .main-reser-box {max-width: 1480px;padding-left: 8.5rem; }

/* #header .main-reser-box:not(.wp-member) .ui-btn-promo, */
#container .main-reser-box:not(.wp-member) .ui-btn-promo {display: inline-block; }

/* 예약메뉴 2dep */
.box-select-list li {position: relative; }

.box-select-list li .depth {border-top: 1px solid #ebebeb; }

.box-select-list li .depth li>a {padding-left: 30px; }

/* 방문리조트선택 */
.main-reser-box .resort-colum {padding: 0 10% 0 16%; }

#container .main-reser-box .resort-colum {padding: 0 10% 0 0; }

#container .main-reser-box.wp-member .resort-colum {padding: 0 16% 0; }

#container .main-reser-box .wp-15 .resort-colum {padding: 0 28px; }

:lang(en) #container .main-reser-box .resort-colum {padding: 0 10% 0 12%; }

.main-reser-box .in-colum .colum-selected-txt {display: table-cell;vertical-align: middle;font-size: 15px;height: 45px;min-height: 45px;color: #000; }

.main-reser-box .colum-selected-txt .selected.type2 p {display: inline; }

/* 리스트박스 */
.box-select-list li {position: relative;border-top: 1px solid #ebebeb; }

.box-select-list li:first-child {border-top: 0; }

.box-select-list li {display: block;font-size: 16px;color: #333; }

.box-select-list li a {display: block;padding: 15px; }

.box-select-list .depth3 {border-top: 1px solid #ebebeb; }

.box-select-list li .depth li .depth3 li>a {padding-left: 45px;font-size: 14px;color: #666}

/* 간격 */
.main-reser-box .col-md-push .in-colum {padding: 0 2rem; }

/* 체크인아웃 */
.main-reser-box .checkin-colum {padding: 0 4rem; }

/* 객실 수 */
.main-reser-box .room-colum {padding: 0 10% 0 8%; }

#container .main-reser-box:not(.wp-member) .room-colum {padding: 0 0 0 7.5%; }

#container .main-reser-box.wp-member .room-colum {padding: 0 0 0 12%; }

#container .main-reser-box .wp-25 .room-colum {padding: 0 0 0 7.5%; }

.main-reser-box .room-colum:after {clear: both;content: '';display: block; }

.main-reser-box .room-colum .form-group {float: left; }

.main-reser-box .room-colum .ui-search {float: right;min-width: 60%;margin-top: 20px;/* background:#da291c */
border: 1px solid #666;background: #fff;color: #000}

.main-reser-box.wp-member .room-colum .ui-search {min-width: 172px; }

.main-reser-box .room-colum .main-code-area {position: absolute;left: 0; }

.main-reser-box .main-code-area .btn-text.ico-arrow2 span {margin-right: 3px; }

.main-reser-box .main-code-area .code-view {display: inline-block;font-size: 13px;vertical-align: top;margin: -1px 10px 0 0; }

.main-reser-box .main-code-area .code-view .code {font-weight: 700}

.main-reser-box .room-colum .main-code-search {position: absolute;box-shadow: 1px 1px 10px -3px rgba(0, 0, 0, 0.2); }

#header .main-reser-box .room-colum .main-code-search {right: 16rem;bottom: -9.4rem; }

#container .main-reser-box .room-colum .main-code-search {right: 18rem;bottom: 9.6rem; }

.main-reser-box .main-code-search .input-group .input-group-add {padding-left: 0; }

.main-reser-box .main-code-search .input-group {width: 100%; }

.main-reser-box .main-code-search .input-group .input-text,
.main-code-search .input-group .btn {border: 0;font-size: 13px;height: 44px;min-width: 60px}

#header .ui-close {background: transparent; }

@media (max-width:1279px) {#header .ui-close {display: none; }
 }

@media (min-width:1280px) {#header .main-reser-box .wp-member .wp-25 .room-colum {padding: 0 10% 0 5%; }

#header .main-reser-box .wp-member .col-5 .room-colum {padding: 0 10% 0 11%; }

#container .main-reser-wrap .colum.col-3 {width: 15.5%;padding-left: 3rem; }

#container .main-reser-box.wp-member .colum.wp-20 {width: 20%; }

#header.gnb-reserve .main-reser-box:not(.wp-member) .ui-close {display: inline-block;position: absolute;top: 2rem;right: -17.5rem;font-size: 1.2rem;color: #000;color: #666;cursor: pointer; }

#header.gnb-reserve .main-reser-box.wp-member .ui-close {display: inline-block;position: absolute;top: 2rem;right: -17.5rem;font-size: 1.2rem;color: #000;color: #666;cursor: pointer; }

#header.gnb-reserve .main-reser-box .ui-close:after {position: absolute;margin-left: 0.6rem;content: '';top: 0.35rem;width: 0.8rem;height: 0.8rem;background: url("../image/btn/reserve_close.png") no-repeat;background-size: cover; }

:lang(en) #container .main-reser-wrap .colum.col-3 {padding-left: 0; }
 }

/* 체크인아웃 날짜 선택 */
/* 달력 팝업 상단 :: 모바일과 동일/피씨버전과 클래스명 동일 */
/* .selected-date .date-num { position:relative; margin-top:15px; padding-left:50px; font-size:1.4rem; line-height:2rem; }
.selected-date .month { font-size:1.4rem; }
.selected-date .date { position:absolute; top:0; left:0; font-size:4rem; font-family: 'Lato',sans-serif; font-weight:900; line-height:3.8rem }
.selected-date .day { font-size:1.4rem; margin-left:-.1rem; } */
.selected-date .date-num {position: relative;margin-top: 15px;padding-left: 50px;font-size: 1.4rem;line-height: 2rem; }

.date-check-top .selected-date .month {font-size: 1.4rem; }

.date-check-top .selected-date .date {position: absolute;top: 0;left: 0;font-size: 4rem;font-family: 'Lato', sans-serif;font-weight: 900;line-height: 3.8rem}

.date-check-top .selected-date .day {font-size: 1.4rem;margin-left: -.1rem; }

.check-info h3 {display: block;font-size: 1.4rem;font-weight: normal;margin-bottom: 1rem; }

.check-info .btn-icon.ico-info {/* position:absolute; */
top: 2.5rem;right: 0; }

.check-info .btn-layer-datepicker {position: absolute;top: 0;left: 0;width: 100%;height: 100%; }

.main-check-info .date-hidden {visibility: hidden;position: absolute;top: -27px;left: 0;width: 100%; }

.main-check-info .date-hidden .input-text {width: 100%; }

/* 비주얼 영역 예약박스 */
.main-reser-box .main-check-info {width: 100%;min-height: 6rem;min-width: 270px;margin: 0 auto;position: relative; }

.main-reser-box .main-check-info .selected-date {position: absolute; }

.main-reser-box .main-check-info .selected-date strong {display: inline;font-size: 1.3rem;font-weight: normal}

.main-reser-box .main-check-info .selected-date.checkin {top: 0;left: 0; }

.main-reser-box .main-check-info .selected-date.checkout {top: 0;right: 0; }

#header .main-reser-box:not(.wp-member) .main-check-info .night {position: relative;display: block;width: 9.5rem;margin: 0 auto;box-sizing: border-box;text-align: left;font-size: 1.4rem;top: 3.5rem; }

#container .main-reser-box:not(.wp-member) .main-check-info .night {position: relative;display: block;width: 9.5rem;margin: 0 auto;box-sizing: border-box;text-align: left;font-size: 1.4rem;top: 3.5rem; }

.main-reser-box.wp-member .main-check-info .night {position: relative;display: block;width: 9.5rem;margin: 0 auto;box-sizing: border-box;text-align: left;font-size: 1.4rem;top: 3.5rem; }

:lang(en) .main-reser-box .main-check-info .night {width: 9.5rem; }

:lang(en) .main-reser-box .main-check-info .night:after {width: 0.8rem; }

.main-reser-box .main-check-info .night:after {position: absolute;bottom: -1.4rem;left: 0;display: block;content: '';width: 10rem;height: 1px;background: #cecece; }

.main-reser-box .main-check-info .night>span {position: relative}

.main-reser-box .main-check-info .selected-date .date-num {padding-left: 40px;font-size: 1.3rem;line-height: 1.23; }

.main-reser-box .main-check-info .selected-date .month {font-size: 1.3rem; }

.main-reser-box .main-check-info .selected-date .date {top: -4px;font-size: 3rem;font-weight: normal}

.main-reser-box .main-check-info .selected-date .day {font-size: 1.4rem;margin-left: -.1rem; }

.main-reser-box .main-check-info h3 {display: block;font-size: 1.4rem;font-weight: normal;margin-bottom: 1rem; }

.main-reser-box .main-check-info .btn-icon.ico-info {position: absolute;top: 2.5rem;right: 0; }

.main-reser-box .box-select-list .dep1.raf:after {position: relative;display: inline-block;content: "";width: 1.5rem;height: 1.5rem;float: right;background: url("../image/icon/raffle.svg") no-repeat;background-size: cover; }

/* 선택 없을 경우 */
.main-reser-box .main-check-info.none-select .selected-date .date-num,
.main-reser-box .main-check-info.none-select .night span {display: none; }

.main-reser-box .main-check-info.none-select .selected-date:after {display: block;content: '';width: 10px;height: 2px;background: #333;margin-top: 3rem; }

/* 객실 수 증감 */
.main-reser-box .room-num-select {position: relative;margin-top: 8px; }

.main-reser-box .room-num-select .number-select .input-num-slct {display: inline-block;width: 4.5rem;border: 0;background: none;font-size: 30px;font-family: 'Lato', sans-serif;margin-top: -3px; }

.main-reser-box .room-num-select .text-list {padding-top: 2px; }

.main-reser-box .room-num-select .text-list li {font-size: 1.2rem; }

.main-reser-box .btn-num-slct {display: inline-block;vertical-align: top;position: relative;width: 19px;height: 19px;margin: 6px 0 0 4px; }

.main-reser-box .btn-num-slct:first-child {opacity: 0.4; }

.main-reser-box .btn-num-slct:after,
.main-reser-box .btn-num-slct:before {position: absolute;display: block;content: ''; }

.main-reser-box .btn-num-slct.minus:before {width: 9px;height: 1px;background-color: #c9c9c9;top: 8px;left: 4px; }

.main-reser-box .btn-num-slct.plus:before {width: 9px;height: 1px;background-color: #c9c9c9;top: 8px;left: 4px; }

.main-reser-box .btn-num-slct.plus:after {width: 1px;height: 9px;background-color: #c9c9c9;top: 4px;left: 8px; }

.checkin-web.date-picker-wrapper {border-radius: 4px; }

/* Mobile */
@media (max-width:1279px) {#container {padding-top: 63px; }

/* header */
#header,
.main #header {height: 64px; }

#header .main-reser-wrap {display: none; }

#header .gnb-area {background: #fff; }

#header #nav .util-menu .util-menu-group.top {position: relative;right: 0;bottom: 0; }

#header #nav .util-menu .util-menu-group.top {display: none; }

#header .header-inner .head-title .main-logo {position: relative;top: 0.2rem;max-width: 140px; }

#header .header-inner .head-title .main-logo img {max-width: 100%; }

#header .header-inner .head-title .util-menu-group.reserve {position: absolute;top: 50%;right: 5.7rem;transform: translateY(-50%);display: block;padding: 0; }

/* #header .header-inner .head-title .util-menu-group.reserve span {position: relative;right: 0;font-size: 1.2rem;padding: 0.4rem 1.2rem;box-sizing: border-box;border-radius: 12px;border: 1px solid #da291c;color: #da291c; }  */

.main #header:not(.scroll) .header-inner .head-title .util-menu-group.reserve {display: none; }

#header .header-inner .btn-gnb-open {top: 50%;transform: translateY(-50%); }

#header.m-gnb-open #nav {position: fixed;left: 0;z-index: 9001;width: 100%;min-height: 100%}

#header.m-gnb-open #nav .nav-inner {z-index: 9001;width: 100%;padding: 23.8rem 0 0; }

#header.m-gnb-open #nav .util-menu {position: absolute;top: 0;right: 0;padding: 0;width: 100%;text-align: left;font-size: 1.4rem;white-space: nowrap;color: #666; }

#header.m-gnb-open #nav .util-menu {z-index: 102; }

#header.m-gnb-open #nav .util-menu .util-menu-group.top>a {float: right;color: #fff;border: 1px solid #575757;font-size: 1.4rem;height: 3rem;line-height: 3rem;padding: 0 1rem;margin-left: .5rem; }

#header.m-gnb-open #nav .util-menu .util-menu-group.top .mob-top-line {display: none; }

#header.m-gnb-open #nav .util-menu .util-menu-group.top .mob-top-line .menu {display: inline-block;border: 0;color: #9c9c9c;font-size: 1.2rem;font-weight: normal;margin: 0;line-height: 1.8rem;margin-right: 2rem; }

#header.m-gnb-open #nav .util-menu .util-menu-group.top .mob-top-line .menu>span {margin-right: .3rem; }

#header.m-gnb-open #nav .util-menu .util-menu-group.top .mob-top-line .menu:after {display: inline-block;vertical-align: middle;width: 6px;height: 6px;content: '';border: solid #9c9c9c;border-width: 0 1px 1px 0;margin-top: -3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); }

#header.m-gnb-open #nav .util-menu .util-menu-group.top .menu.sky {position: relative;padding: 0 0 0 2.3rem; }

#header.m-gnb-open #nav .util-menu .util-menu-group.top .menu.sky:before {position: absolute;top: 0;left: 0;display: block;content: '';width: 1.8rem;height: 1.8rem;background: url("../image/icon/logo_sky_m.png") no-repeat;background-size: cover; }

#header.m-gnb-open #nav .util-menu .util-menu-group.bottom {position: relative;background: #2b2b2b;overflow: hidden;margin-left: 0; }

#header.m-gnb-open #nav .util-menu .util-menu-group.bottom:after {position: absolute;top: 1.5rem;left: 50%;content: '';display: block;width: 1px;height: 2rem;background: #575757; }

#header.m-gnb-open #nav .util-menu .util-menu-group.bottom>a {float: left;display: block;width: 50%;padding: 1.9rem 0;text-align: center;color: #d8d8d8;margin-left: 0; }

:lang(en) #header.m-gnb-open #nav .util-menu .util-menu-group.bottom:after {display: none; }

:lang(en) #header.m-gnb-open #nav .util-menu .util-menu-group.bottom>a {width: 100%; }

#header.m-gnb-open #nav .util-menu .home {text-decoration: underline;line-height: 1.2rem;font-size: 1.6rem; }

#header.m-gnb-open #nav .util-menu .home:before {display: inline-block;content: "";width: 2rem;height: 2rem;background: url(../image/icon/home.svg) no-repeat;background-size: cover;margin: 0 0.6rem -0.4rem 0px}

#header.m-gnb-open #nav .util-menu .join {position: absolute;top: 3rem;right: 2rem;font-size: 1.2rem;padding: 0 1.8rem;border: 1px solid #666; }

#header.m-gnb-open #nav .util-menu .join:nth-child(1) {z-index: 92; }

#header.m-gnb-open #nav .util-menu .join:nth-child(2) {z-index: 93;margin-right: 9.5rem; }

#header.m-gnb-open #nav .util-menu .welcome {padding: 1.2rem 1.6rem 3.2rem; }

#header.m-gnb-open #nav .util-menu .welcome p {display: inline-block; }

#header.m-gnb-open #nav .util-menu .welcome .util-menu-group.top.box.border.reserve {display: inline-block;position: absolute;top: 2.3rem;right: 6.5rem;height: 2rem; }

#header.m-gnb-open #nav .util-menu .welcome .util-menu-group.top.box.border.reserve span {font-size: 1.2rem;padding: 0.4rem 1.2rem;box-sizing: border-box;border-radius: 24px;border: 1px solid #da291c;color: #da291c;cursor: pointer; }

#header.m-gnb-open #nav .util-menu .welcome .util-menu-group.top.box.border.reserve a {float: unset;line-height: 0;height: 0;border: 0;padding: 0; }

#header.m-gnb-open #nav .gnb-area {height: calc(100% - 90px);overflow-y: scroll;overflow-x: hidden; }

#header.m-gnb-open #nav .gnb-area .gnb-menu.mobile {margin-top: 2.5rem; }

#header.m-gnb-open #nav .gnb-area .gnb-menu.mobile li {margin-left: 2.5rem;margin-bottom: 1.7rem; }

#header.m-gnb-open #nav .gnb-area .gnb-menu.mobile .util-menu-group.top .menu.sky {margin-left: 2.1rem;margin-right: 8rem;line-height: 18px; }

#header.m-gnb-open #nav .gnb-area .gnb-menu.mobile .util-menu-group.top .menu.sky:before {position: absolute;left: -2px;display: inline-block;content: '';width: 1.8rem;height: 1.8rem;background: url("../image/icon/logo_sky_m.png") no-repeat;background-size: cover; }

#header.m-gnb-open #nav .gnb-area .gnb-menu.mobile .util-menu-group.top .menu.sky:after {content: '';display: inline-block;vertical-align: middle;width: 0.4rem;height: 0.4rem;content: '';border: solid #333;border-width: 0 1px 1px 0;margin: -0.3rem 0 0 1rem;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); }

#header.m-gnb-open #nav .gnb-area .gnb-menu.mobile .util-menu-group.top .menu.membership:after,
#header.m-gnb-open #nav .gnb-area .gnb-menu.mobile .util-menu-group.top .menu.logout:after {content: '';display: inline-block;vertical-align: middle;width: 0.4rem;height: 0.4rem;content: '';border: solid #333;border-width: 0 1px 1px 0;margin: -0.3rem 0 0 1rem;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); }

#header.m-gnb-open #nav .gnb-menu.banner {position: absolute;display: block;bottom: 0;width: 100%; }

#header.m-gnb-open #nav .gnb-area .gnb-menu.banner .slide-image {width: 100%;height: 9rem; }

#header.m-gnb-open #nav .gnb-area .gnb-menu.banner .slide-image img {width: 100%;height: 100%;object-fit: cover;image-rendering: -webkit-optimize-contrast; }

#header .main-reser-box .col-sm-push .colum .in-colum .box-select-list {top: 60px;bottom: auto;border: 1px solid #ebebeb;width: 100%;max-width: 100%; }

#header .main-reser-box.wp-member .main-check-info .night {top: 1.5rem; }

/* 20240717 : 헤더 폰트 크기 전체 적용 */
#wrapper .title-area.rwd .page-title {font-size: 1.8rem; }

/* GNB 예약박스 */
#header .main-reser-wrap {position: absolute;top: 0;left: 0;width: 100%;z-index: 10003; }

#header .main-reser-box {overflow-y: hidden;height: 100vh;padding: 0;box-shadow: unset; }

#header .main-reser-box .room-colum .ui-search {float: unset; }

#header .main-reser-box .room-colum .form-group {width: 100%; }

#header .main-reser-box .room-colum .form-group .number-select {display: flex;justify-content: space-between; }

#header .main-reser-box .room-colum .form-group .number-select .input-num-slct {text-align: center;font-size: 2rem; }

#header .main-reser-box .room-colum .form-group .number-select .btn-num-slct {margin: 0; }

#header .main-reser-box .main-check-info .selected-date .date-num {display: table-cell;vertical-align: middle;font-size: 1.6rem;height: 45px;min-height: 45px; }

#header .main-reser-box .grid-area-table .colum .in-colum {padding-top: 2rem; }

#header .main-reser-box .col-sm-push .resort-colum .form-group {margin-bottom: 0; }

#header .main-reser-box .col-sm-push .room-colum {text-align: center;margin-top: 0; }

#header .main-reser-box .col-sm-push .colum .in-colum .box-select-list {top: 80px;bottom: auto;border: 1px solid #ebebeb;width: 100%;max-width: 100%; }

#header .main-reser-box .selected-date.checkin .check-info {display: inline;visibility: visible;padding-left: 12px;font-size: 1.3rem;font-weight: normal;color: #999; }

#header .main-reser-box .selected-date.checkout .check-info {visibility: hidden; }

#header .main-reser-box.col-sm-white .colum-selected-txt .selected,
#header .main-reser-box .main-check-info .selected-date .date-num {font-size: 1.6rem;color: #333;margin: 0;padding: 0; }

#header .main-reser-box .in-colum .colum-selected-txt .selected {font-size: 1.6rem;text-align: left; }

#header .main-reser-box .room-colum .main-code-area {bottom: unset;margin-top: 9.5rem; }

#header .main-reser-box .colum.col-5 .room-colum .main-code-area {width: 100%; }

#header .main-reser-box .room-colum .main-code-area button {display: block; }

#header .main-reser-box .room-colum .main-code-area .code-result {position: absolute;top: 3rem;left: 9.5rem; }

#header .main-reser-box .room-colum .main-code-area .code-result .code-view+button.ico-close {position: relative;display: inline-block;vertical-align: middle; }

#header .main-reser-box .room-colum .main-code-area .btn-text:not(:first-child) {margin-top: 1.5rem; }

#header .main-reser-box .room-colum .main-code-area .btn-text span {color: #999; }

#header .main-reser-box .main-code-area .ui-btn-promo {position: unset; }

/* #header .main-reser-box.wp-member .main-code-area .ui-btn-promo { display:none; } */
#header .main-reser-box.col-sm-white .room-colum .ui-search,
#header .main-reser-box .room-colum .ui-search {position: fixed;width: 100%; }

#header .main-reser-box .main-check-info .selected-date.checkout,
#container .main-reser-box .main-check-info .selected-date.checkout {right: 7%; }

#header .main-reser-box:not(.wp-member) .main-check-info .night {top: 1.5rem; }

#header .main-reser-box .form-group .input-group.input-lg:after {position: absolute;top: 2rem;right: 0.1rem;content: '';width: 0.5rem;height: 0.5rem;border: solid #979797;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

#header .main-reser-box .main-check-info:after,
#container .main-reser-box .main-check-info:after {position: absolute;top: 3.5rem;right: 0.1rem;content: '';width: 0.5rem;height: 0.5rem;border: solid #979797;border-width: 0 1px 1px 0;margin-top: -2px;transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

#header .main-reser-box.col-sm-white .room-colum .ui-search,
#header .main-reser-box .room-colum .ui-search {position: fixed;left: 0;bottom: 0;margin: 0;background: #333;color: #fff;height: 5.4rem;line-height: 5.4rem; }

#header .main-reser-box .btn-text,
#header .main-reser-box .in-colum {color: #000; }

#header .main-reser-box:not(.wp-member) .room-colum .main-code-search {left: 0;right: 0;bottom: -5.5rem; }

#header .main-reser-box.wp-member .room-colum .main-code-search {left: 0;right: 0;bottom: -15rem; }

#container .main-reser-box .room-colum .main-code-search {position: relative;left: 0;bottom: -4.2rem;margin: 0.5rem 0 0.6rem;z-index: 92; }

#container .main-reser-box .main-check-info .selected-date.checkin .check-info {font-size: 1.3rem;color: #666;padding-left: 0.7rem; }

#container .main-reser-box .main-check-info .selected-date.checkout .check-info {visibility: hidden; }

#container .main-reser-box .colum .main-check-info .selected-date.checkin .date-num,
#container .main-reser-box .colum .main-check-info .selected-date.checkout .date-num {margin-top: 1rem; }

.main-reser-box .grid-area-table {padding: 14px 0; }

/* 메인 예약박스 */
.main-reser-box {background: #fff; }

.main-reser-wrap {margin: 0 auto; }

#container .main-reser-wrap {margin: 0 auto 10.5rem; }

.main-reser-box .col-md-push .room-colum .main-code-search {bottom: 0; }

.main-reser-box .col-md-push .in-colum,
.main-reser-box .col-sm-push .resort-colum,
.main-reser-box .col-sm-push .checkin-colum,
.main-reser-box .col-sm-push .room-colum {padding: 0;margin: 0 2.5rem; }

.main-reser-box .grid-area-table.col-sm-push .colum.col-3,
.main-reser-box .grid-area-table.col-sm-push .colum.col-4,
.main-reser-box .grid-area-table.col-sm-push .colum.col-5 {width: 100%; }

.main-reser-box .main-check-info {max-width: 100%;min-width: 100%; }

.main-reser-box .main-check-info .night {width: 2rem;top: 3.5rem; }

.main-reser-box:col-member .main-check-info .night {position: relative;display: block;width: 9.5rem;margin: 0 auto;box-sizing: border-box;text-align: left;font-size: 1.4rem;top: 3.5rem; }

.main-reser-box.wp-member .main-check-info .night {position: relative;display: block;width: 9.5rem;margin: 0 auto;box-sizing: border-box;text-align: left;font-size: 1.4rem;top: 3.5rem; }

.main-reser-box .main-check-info .night:after {display: inline-block;content: '';width: 1.2rem;left: unset;bottom: unset; }

.main-reser-box .main-check-info .night:after {color: #333;width: 1.2rem;left: 42px;bottom: -22px;background: #333; }

.main-reser-box .grid-area-table.col-sm-push .colum {border: 0; }

.main-reser-box .form-group,
.main-reser-box .checkin-colum {border-bottom: 1px solid #ddd; }

.main-reser-box .room-colum .form-group {border-bottom: 0; }

.main-reser-box .col-sm-push .resort-colum .form-group {margin-bottom: 1.5rem; }

.main-reser-box .col-sm-push .room-colum {padding: 2rem 0 9.5rem;margin-top: 1rem; }

.main-reser-box .btn-num-slct {width: 2.3rem;height: 2.3rem;margin: .4rem .5rem 0 0; }

.main-reser-box .btn-num-slct.minus:before {width: 11px;height: 1px;top: 10px;left: 5px; }

.main-reser-box .btn-num-slct.plus:before {width: 11px;height: 1px;top: 10px;left: 5px; }

.main-reser-box .btn-num-slct.plus:after {width: 1px;height: 11px;top: 5px;left: 10px; }

.main-reser-box .room-num-select .number-select .input-num-slct {color: #333; }

.main-reser-box .btn-text,
.main-reser-box .in-colum {color: #666; }

.main-reser-box .btn-num-slct {border: 1px solid #c9c9c9;background: #fff; }

.main-reser-box .btn-num-slct.minus:before,
.main-reser-box .btn-num-slct.plus:before,
.main-reser-box .btn-num-slct.plus:after {background-color: #c9c9c9; }

.main-reser-box .grid-area-table .colum {border-left: 0}

.main-reser-box .main-code-area .btn-arrow3:after {border-color: #999; }

.main-reser-box .room-colum .ui-search {min-width: 105px;margin-top: 0;height: 5.4rem;line-height: 5.4rem;font-size: 1.5rem; }

.main-reser-box .colum-selected-txt .selected {font-size: 1.6rem;font-weight: 500}

.main-reser-box .in-colum .form-group .label-tit+.input-group {margin-top: 0; }

.main-reser-box .main-check-info .selected-date .date {color: #333; }

.main-reser-box .main-code-area .code-view {color: #333; }

.main-reser-box .ico-close::before,
.main-reser-box .ico-close::after {background: #000; }

.main-code-search .input-group.input-md .input-text,
.main-code-search .input-group.input-md .btn,
.main-code-search .input-group.input-md .custom-select {height: 4.5rem; }

.main-code-search .input-group {margin: 0 auto; }

.main-reser-box .main-check-info .selected-date .month,
.main-reser-box .main-check-info .selected-date .date,
.main-reser-box .main-check-info .selected-date .day {font-size: 1.6rem; }

.main-reser-box .room-colum .main-code-area button {display: block; }

.main-reser-box .room-colum .main-code-area .btn-text:not(:first-child) {margin-top: 1.5rem; }

.main-reser-box .room-colum .main-code-area .code-result {position: absolute;top: 7.7rem;left: 9.2rem; }

.main-reser-box .room-colum .main-code-area .code-result .code-view+button.btn-icon.ico-close {display: inline-block;vertical-align: middle}

/* 예약박스 헤더 영역 */
.main-reser-header.mob-view {background: #2b2b2b;width: 100%;padding: 2rem 1.6rem; }

.main-reser-header.mob-view span {font-size: 1.4rem;color: #fff; }
 }

/* Desktop */
@media (min-width:1280px) {
/* GNB */
#header .gnb-area>.gnb-menu>li:hover>a>span {color: #da291c; }

/* #header .gnb-area > .gnb-menu > li:hover > a > span i { color:inherit; transition-delay:0.3s; } */
#header:not(.m-gnb-open) .lang-list>.lang:after {border-color: #999; }

#header:not(.m-gnb-open) .lang-list.hide>.lang:after {top: 0.8rem;transform: rotate(-135deg);-webkit-transform: rotate(-135deg); }

#header:not(.gnb-open) .lang-list>.lang:after {border-color: #979797; }

#header .lang-list>.lang:after {border-color: #666; }

#header:not(.m-gnb-open):not(.gnb-open) .lang-list>.lang:before {background: url(../image/icon/ico_lang.png) no-repeat;background-size: cover; }

#header:after {content: none; }

#header:not(.gnb-open) #nav .util-menu,
#header:not(.gnb-open) #nav .util-menu>.menu {color: #000; }

#header #nav .util-menu .util-menu-group.bottom {display: none; }

#header #nav .util-menu:nth-last-child(-n+2) {position: absolute;right: 0; }

#header #nav .util-menu .menu.sky:before {background-position: 0 0; }

#header #nav .util-menu.resize {display: none; }

#header.gnb-open,
.main #header.gnb-open {background: #fff; }

.main #header.scroll:not(.gnb-open):not(.gnb-reserve) {background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(5px);border-bottom: 1px solid #333; }

#header.gnb-open .gnb-menu *,
#header.gnb-reserve .gnb-menu * {color: #000; }

#header.gnb-open .depth2 span:hover,
#header.gnb-open .depth2 span:active {color: #da291c; }

#header.gnb-open:after {display: block;content: '';width: 100%;height: 1px;background: #ebebeb;position: absolute;top: 93px; }

#header.gnb-open .gnb-area>.gnb-menu>li>a {color: #000; }

#header.gnb-open #nav .util-menu .menu.sky:before {background-position: 0 0; }

#header #nav .header-inner .head-title .main-logo {max-width: 140px; }

#header #nav .header-inner .main-logo img {max-width: 100%; }

.main #header #nav .util-menu .menu.sky:before {background-position: 0 bottom; }

#header .select-lang * {color: #000; }

#header .lang-list>.lang:after {border-color: #fff; }

#header.gnb-open .lang-list>.lang:after,
#header.gnb-reserve .lang-list>.lang:after {border-color: #979797; }

#header.gnb-open #nav .util-menu .menu.sky:before,
#header.gnb-reserve #nav .util-menu .menu.sky:before {background-position: 0 0; }

#header .header-inner .head-title .main-logo {display: none}

#header #nav .gnb-menu.mobile {display: none; }

.main #header #nav .util-menu .util-menu-group.top.box.border {border-left: 1px solid rgba(255, 255, 255, 0.3); }

#header:not(.scroll) #nav .util-menu .util-menu-group.top.box.border {border-left: 1px solid #ebebeb; }

#header.gnb-open #nav .util-menu .util-menu-group.top.box.border,
#header.gnb-gnb-reserve #nav .util-menu .util-menu-group.top.box.border {border-left: 1px solid #ebebeb; }

#header #nav .util-menu .util-menu-group.top.box.border.member,
#header #nav .gnb-area .util-menu .util-menu-group.top.reserve {cursor: pointer; }

#header #nav .gnb-area .util-menu .util-menu-group.top.reserve.show {background: #333; }

#header #nav .gnb-area .util-menu .util-menu-group.top.reserve.show span {color: #fff; }

#header #nav .util-menu .util-menu-group.top:nth-last-child(-n+2) {padding: 39px 10px 39px 2px; }

/* GNB 예약박스 */
#header.gnb-reserve {background: #fff; }

#header .main-reser-wrap {position: relative;width: 100%;max-width: 100%;margin: 0 auto;background: #fff;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;display: none;background: #fff;margin: 0;z-index: 10003; }

#header .main-reser-wrap .colum.col-2 {width: 14%; }

:lang(en) #header .main-reser-wrap .colum.col-2 {width: 14%; }

#header .main-reser-wrap .colum.col-3 {width: 13%; }

#header .main-reser-box.wp-member .colum.col-3 {width: 15.5%; }

#header .main-reser-box .col-5 .in-colum {padding: 0 0 0 7rem; }

#header .main-reser-box {background: #fff;padding-left: 0; }

/* 예약박스 공통 영역 */
.main-reser-box {background: #fff;border-bottom: 1px solid #ebebeb; }

:lang(en) #container .main-reser-box.wp-member .colum.wp-20.main-reser-wrap {max-width: 1280px;margin: -136px auto 0; }

.main-reser-wrap .colum.col-3 {width: 18.5%; }

.main-reser-box.col-member .colum.col-3 {width: 16.5%; }

.main-reser-wrap .main-reser-box .input-group.input-lg {display: inline-block;margin-top: 1rem; }

.main-reser-wrap .main-reser-box .colum:not(.wp-20) .in-colum .colum-selected-txt,
.main-reser-wrap .main-reser-box .colum:not(.wp-20) .in-colum .colum-selected-txt .selected {display: inline; }

.main-reser-wrap .main-reser-box .colum.wp-20 .in-colum .colum-selected-txt {display: inline-block;width: 90%; }

.main-reser-wrap .main-reser-box .colum.wp-20 .in-colum .colum-selected-txt .selected:first-child {display: block;width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }

:lang(en) #wrapper .main-reser-wrap .main-reser-box .in-colum .colum-selected-txt .selected {display: inline-block;width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }

.main-reser-wrap .main-reser-box .colum:not(.wp-20) .in-colum:not(.show) .input-group.input-lg:after {position: relative;content: "";display: inline-block;width: 0.5rem;height: 0.5rem;border: solid #979797;border-width: 0 0.1rem 0.1rem 0;top: 0;left: 0.6rem;transform: translateY(-50%);transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

.main-reser-wrap .main-reser-box .colum:not(.wp-20) .in-colum.show .input-group.input-lg:after {position: relative;content: "";display: inline-block;width: 0.5rem;height: 0.5rem;border: solid #979797;border-width: 0 0.1rem 0.1rem 0;top: 0.4rem;left: 0.6em;rem;transform: translateY(-50%);transform: rotate(-135deg);-webkit-transform: rotate(-135deg); }

.main-reser-wrap .main-reser-box .colum.wp-20 .in-colum:not(.show) .input-group.input-lg:after {position: relative;content: "";display: inline-block;width: 0.5rem;height: 0.5rem;border: solid #979797;border-width: 0 0.1rem 0.1rem 0;top: -1.2rem;left: 0.6rem;transform: translateY(-50%);transform: rotate(-315deg);-webkit-transform: rotate(-315deg); }

.main-reser-wrap .main-reser-box .colum.wp-20 .in-colum.show .input-group.input-lg:after {position: relative;content: "";display: inline-block;width: 0.5rem;height: 0.5rem;border: solid #979797;border-width: 0 0.1rem 0.1rem 0;top: -0.8rem;left: 0.6rem;transform: translateY(-50%);transform: rotate(-135deg);-webkit-transform: rotate(-135deg); }

.main-reser-wrap .main-reser-box .colum .form-group .input-group {margin-top: 1.2rem; }

.main-reser-box .grid-area-table {padding: 14px 44px; }

.main-reser-box .colum.wp-30 {width: 20%; }

#header .main-reser-box.wp-member .colum.wp-15:nth-child(1) {width: 7.5%; }

#header .main-reser-box.wp-member .colum.wp-15:nth-child(5) {width: 10.5%; }

#container .main-reser-box.wp-member .colum.wp-15 {width: 14%; }

#header .main-reser-box.wp-member .colum.wp-10 {width: 9%; }

#container .main-reser-box.wp-member .colum.wp-10 {width: 9%; }

#header .main-reser-box.wp-member .colum.wp-20 {width: 11%; }

#container .main-reser-box.wp-member .colum.wp-20 {width: 17%; }

#header .main-reser-box.wp-member .colum.wp-30 {width: 15%; }

#container .main-reser-box.wp-member .colum.wp-30 {width: 17.5%; }

:lang(en) #header .main-reser-box.wp-member .colum.wp-30 {width: 16%; }

.main-reser-box.wp-member .wp-25 .in-colum {left: 3.8rem; }

.main-reser-box .form-group {top: 1rem; }

.main-reser-box .colum.wp-20 .form-group {height: 0; }

.main-reser-box .form-group .label-tit {font-size: 1.4rem;line-height: 1.4rem;color: #666;cursor: auto; }

.main-reser-box .colum-selected-txt .selected {font-size: 1.6rem;font-weight: 600;color: #333;text-align: left; }

#header .main-reser-box:not(.wp-member) .grid-area-table {padding-left: 5rem; }

#header .main-reser-box.wp-member .grid-area-table {padding-left: 2rem; }

:lang(en) #header .main-reser-box.wp-member .colum.wp-15:nth-child(1) {width: 8%; }

:lang(en) #header .main-reser-box.wp-member .colum.wp-10 {width: 9%; }

:lang(en) #container .main-reser-box.wp-member .colum.wp-10 {width: 13%; }

:lang(en) #container .main-reser-box.wp-member .colum.wp-20 {width: 16%; }

:lang(en) #container .main-reser-box.wp-member .colum.wp-30 {width: 19.5%; }

:lang(en) #header .main-reser-box.wp-member .wp-25 .in-colum {left: 3rem; }

:lang(en) #container .main-reser-box.wp-member .wp-25 .in-colum {left: 2.8rem; }

:lang(en) #header .main-reser-box.wp-member .colum.wp-20 {width: 11%; }

.main-reser-box .btn-num-slct {border: 1px solid #999;background: transparent; }

.main-reser-box .btn-num-slct:first-child {opacity: 0.4; }

.main-reser-box .grid-area-table .colum.col-5:before {position: absolute;display: block;content: '';height: 7rem;margin-left: 15rem; }

.main-reser-box .room-num-select .number-select .input-num-slct {color: #333;width: 4rem;font-size: 2rem;margin-top: 0.2rem;text-align: center; }

.main-reser-box .main-check-info .selected-date.checkin,
.main-reser-box .main-check-info .selected-date.checkout {top: 11px; }

.main-reser-box .main-check-info .selected-date.checkin .check-info {display: none; }

.main-reser-box .main-check-info .selected-date strong {color: #666; }

.main-reser-box .main-check-info .selected-date .date {position: static; }

.main-reser-box .main-check-info .selected-date .date-num {color: #333;margin-top: 0;padding-left: 0; }

.main-reser-box .main-check-info .selected-date .date-num span {font-size: 1.6rem;font-weight: 600; }

#header .main-reser-box .grid-area-table .colum.col-4 {width: 14.5%; }

#header .main-reser-box.wp-member .colum.col-4 {width: 20.5%; }

#container .main-reser-box .grid-area-table .colum.col-4 {width: 21%; }

#header .main-reser-box.col-member .grid-area-table .colum.col-3 {width: 15%; }

#header .main-reser-box.col-member .grid-area-table .colum.col-4 {width: 24.5%; }

#container .main-reser-box.col-member .grid-area-table .colum.col-4 {width: 28%; }

.main-reser-box .main-check-info {max-width: unset;min-width: unset;width: 25rem; }

.main-reser-box.wp-member .main-check-info {width: 17rem; }

.main-reser-box .btn-num-slct.minus:before,
.main-reser-box .btn-num-slct.plus:before,
.main-reser-box .btn-num-slct.plus:after {background-color: #000}

.main-reser-box .main-check-info .night:before {display: none; }

.main-reser-box .main-check-info .night:after {color: #333;width: 1.2rem;left: 45px;background: #333; }

.main-reser-box .main-code-a2rea .btn-text {display: block; }

.main-reser-box .main-code-area .btn-text span {color: #666; }

.main-reser-box .room-colum .ui-search {width: 172px;margin-top: 0.8rem;position: relative;left: -8rem;z-index: 102; }

.main-reser-box.col-member .room-colum .ui-search {min-width: 172px; }

.main-reser-box.wp-member .room-colum .ui-search {left: -6rem; }

#header .main-reser-box .room-colum .main-code-area {position: relative;top: 1.3rem;left: 4rem;display: inline-block; }

#container .main-reser-box .room-colum .main-code-area {position: relative;top: 1.3rem;left: 4rem;display: inline-flex;flex-direction: column; }

.main-reser-box .room-colum .main-code-area .btn-text:first-child {margin-bottom: 18px;margin-right: 12px; }

.main-reser-box .room-colum .main-code-area .btn-arrow3 span {color: #666; }

#header .main-reser-box:not(.wp-member) .room-colum .main-code-area,
#header .main-reser-box:not(.col-member) .room-colum .main-code-area {display: inline-block;top: 2.5rem;left: 7.5rem; }

:lang(en) #header .main-reser-box .col-5 .in-colum {padding: 0 0 0 4rem; }

#header .main-reser-box.wp-member .wp-25 .main-code-area {display: inline-flex;flex-direction: column;top: 2.5rem;left: 2.1rem; }

:lang(en) #header .main-reser-box.wp-member .wp-25 .main-code-area {left: 1.5rem; }

#header .main-reser-box.col-member .room-colum .main-code-area {display: inline-flex;flex-direction: column;top: 1rem;left: 6rem; }

#container .main-reser-box.col-member .room-colum .main-code-area {top: 1.3rem;left: 16rem; }

#container .main-reser-box.col-member .col-5 .main-code-area {top: 1.3rem;left: 4.65rem; }

#container .main-reser-box.col-member .col-5 .main-code-area .code-result {position: relative;top: 0.5rem;left: 1.5rem; }

#container .main-reser-box.wp-member .wp-25 .room-colum .main-code-area {display: none; }

#header .main-reser-box.wp-member .col-5 .room-colum .main-code-area {top: 2.5rem;left: 3rem; }

#container .main-reser-box.wp-member .col-5 .room-colum .main-code-area {position: relative;top: 2.3rem;left: 1rem;padding: 0; }

.main-reser-box .room-colum .form-group {left: -30px; }

.main-reser-box.col-member .room-colum .form-group {left: 0;text-align: left; }

.main-reser-box .main-check-info .selected-date .check-info {color: #666;font-size: 1.3rem;font-weight: normal; }

.main-reser-box .main-check-info .selected-date.checkout .check-info {display: block;text-align: right; }

.main-reser-box .main-check-info .selected-date .date-num {line-height: 4.5rem; }

.main-reser-box .colum.wp-15:nth-child(1) {width: 10%; }

.main-reser-box .colum.wp-15:nth-child(1) .in-colum {padding: 0 30px 0 20px; }

.main-reser-box .box-select-list li:hover,
#nav .util-menu .util-menu-group.top.member .mypage li:hover {background: #ebebeb; }

:lang(en) #header .main-reser-box.col-member .grid-area-table .colum.col-4 {width: 23.5%; }

:lang(en) #container .main-reser-box .room-colum .ui-search {min-width: 33%; }

:lang(en) .main-reser-box.wp-member .room-colum .ui-search {left: -2rem; }

:lang(en) #header .main-reser-box.wp-member .main-check-info {width: 21rem; }

:lang(en) #container .main-reser-box.wp-member .main-check-info {width: 21rem; }

:lang(en) #header .main-reser-box.wp-member .col-5 .room-colum .main-code-area {left: 5rem; }

/* 예약박스 팝업 */
#header .main-reser-box:not(.wp-member) .grid-area-table .colum .in-colum .box-select-list,
#header .main-reser-box:not(.col-member) .grid-area-table .colum .in-colum .box-select-list {top: 89px;border-radius: 4px;box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2); }

#header .main-reser-box.wp-member .grid-area-table .colum .in-colum .box-select-list,
#header .main-reser-box.col-member .grid-area-table .colum .in-colum .box-select-list {top: 98px;border-radius: 4px;box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2); }

#header .main-reser-box:not(.col-member) .room-colum .ui-search,
#header .main-reser-box:not(.wp-member) .room-colum .ui-search {min-width: 35%;top: 0.6rem;left: -3.5rem;margin-top: unset; }

#header .main-reser-box.wp-member .col-5 .room-colum .ui-search {min-width: 172px;top: 0.6rem;left: 0rem;margin-top: unset; }

#header .main-reser-box.wp-member .wp-25 .room-colum .ui-search {min-width: 162px;width: 162px;top: 0.6rem;left: 2.5rem;margin-top: unset; }

#header .main-reser-box.col-member .room-colum .ui-search {left: -3rem; }

#container .main-reser-box .grid-area-table .colum .in-colum .box-select-list {bottom: 81px;border-radius: 4px 4px 0px 0px;box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2); }

#container .main-reser-box .grid-area-table .colum.wp-20 .in-colum .box-select-list {bottom: 38px;border-radius: 4px 4px 0px 0px;box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2); }

:lang(en) #header .main-reser-box:not(.wp-member) .room-colum .ui-search {min-width: 34%;top: 0.6rem;left: -1rem;margin-top: unset; }

:lang(en) #header .main-reser-box.wp-member .wp-member {min-width: 130px;width: 130px; }

:lang(en) #container .main-reser-box:not(.wp-member) .room-colum .ui-search {min-width: 40%;top: 0.6rem;left: 1rem;margin-top: unset; }

/* Container scroll */
#container.scroll .main-reser-box .grid-area-table .colum .in-colum .box-select-list {bottom: -150px; }

#container.scroll .main-reser-box .grid-area-table .colum.col-3 .in-colum .box-select-list,
#container.scroll .main-reser-box .grid-area-table .colum.wp-15 .in-colum .box-select-list {bottom: -200px; }

#container.scroll .main-reser-box .grid-area-table .colum.wp-20 .in-colum .box-select-list {bottom: -298px; }

#container.scroll .main-reser-box .grid-area-table .colum.wp-20 .in-colum .box-select-list.over-box {bottom: -348px; }

#container.scroll .main-reser-box .room-colum .main-code-search {bottom: -8.4rem; }
 }

/* w 1280 ~ 1439px */
@media (min-width:1280px) and (max-width:1439px) {
/* logo */
#wrapper #header .main-reser-box {padding-left: 0; }

#wrapper #header .main-reser-box.wp-member .colum.wp-15:nth-child(5) {width: 14.5%; }

#wrapper #header .main-reser-box.wp-member .colum.wp-30 {width: 15%; }

#wrapper #header .main-reser-box.wp-member .room-colum .ui-search {left: 0; }

#wrapper #header .main-reser-box.wp-member .col-5 .ui-search {left: 1rem; }

#wrapper #header .main-reser-box:not(.wp-member) .room-colum .ui-search,
#wrapper #header .main-reser-box.col-member .room-colum .ui-search {left: -3rem; }

#wrapper #header .main-reser-box:not(.wp-member) .grid-area-table {padding-left: 2rem; }

#wrapper #header .main-reser-wrap .colum.col-3 {width: 18%; }

#wrapper #header .main-reser-box .grid-area-table .colum.col-4 {width: 18.5%; }

#wrapper #header .main-reser-box .grid-area-table .colum.col-5:before {margin-left: 13rem; }

#wrapper #header.gnb-reserve .main-reser-box:not(.wp-member) .ui-close {right: 4rem; }

#wrapper #header .main-reser-box.col-member .colum.col-2 {width: 11%; }

#wrapper #header .main-reser-box.col-member .colum.col-3 {width: 18%; }

#wrapper #header .main-reser-box.col-member .colum.col-4 {width: 26%; }

#wrapper #header .main-reser-box.col-member .colum.col-5 .form-group {left: -1rem; }

#wrapper #header .main-reser-box.col-member .room-colum .main-code-area {left: 4.5rem; }

#wrapper #header .main-reser-box.col-member .room-colum .main-code-area .code-result {position: relative;top: 0.5rem;left: 1.5rem; }

#wrapper #header .main-reser-box.wp-member .col-5 .main-code-area {left: 2.5rem; }

#wrapper #header .main-reser-box.wp-member .colum.wp-10 {width: 8%; }

#wrapper #header .main-reser-box.wp-member .colum.wp-15 {width: 9%; }

#wrapper #header .main-reser-box.wp-member .colum.wp-15:first-child {width: 8%; }

#wrapper #header .main-reser-box.wp-member .colum.wp-20 {width: 12%; }

#wrapper #header .main-reser-box.wp-member .wp-25 .room-colum .ui-search {min-width: 137px;width: 137px;left: 1.2rem; }

#wrapper #header .main-reser-wrap .main-reser-box .colum .form-group label,
.main-reser-wrap .main-reser-box .colum .form-group .label-tit {font-size: 1.3rem; }

#wrapper #container .main-reser-wrap .main-reser-box .colum .form-group label,
.main-reser-wrap .main-reser-box .colum .form-group .label-tit {font-size: 1.3rem; }

#wrapper #header .main-reser-box .colum-selected-txt .selected,
#wrapper #container .main-reser-box .colum-selected-txt .selected,
.main-reser-box .main-check-info .selected-date .date-num span {font-size: 1.4rem; }

#wrapper #header .main-reser-box.wp-member .wp-25 .main-code-area {left: 0; }

:lang(en) #wrapper #header .main-reser-wrap .colum.col-2 {width: 15%; }

:lang(en) #wrapper #header .main-reser-box.wp-member .colum.wp-30 {width: 18%; }

:lang(en) #wrapper #header .main-reser-box.wp-member .room-colum .ui-search {left: 2.5rem; }

:lang(en) #wrapper #header .main-reser-box .grid-area-table .colum.col-4 {width: 24%; }

:lang(en) #wrapper #header .main-reser-box.col-member .colum.col-4 {width: 20%; }

:lang(en) #wrapper #header .main-reser-box.col-member .colum.col-5 .form-group {left: 1.8rem; }

:lang(en) #wrapper #header .main-reser-box.wp-member .wp-25 .in-colum {left: -0.5rem; }

:lang(en) #wrapper #header .main-reser-box.wp-member .wp25 .main-code-area {left: 9.5rem; }

:lang(en) #wrapper #header .main-reser-box.wp-member .colum.wp-15:nth-child(1) {width: 12%; }

:lang(en) #wrapper #header .main-reser-box.wp-member .colum.wp-20 {width: 11%; }

:lang(en) #wrapper #header .main-reser-box .room-colum {padding: 0 0 0 1.5rem; }

:lang(en) #wrapper #header .main-reser-box .room-colum .ui-search {left: -1.5rem; }

:lang(en) #wrapper #header .main-reser-box .checkin-colum {padding: 0 2rem; }

:lang(en) #wrapper #header .main-reser-box.col-member .room-colum .main-code-area {left: 6.5rem; }

:lang(en) #wrapper #header .main-reser-box .room-colum .form-group {left: 2rem; }

:lang(en) #wrapper #header .main-reser-box .wp-25 .main-code-area {left: 3rem; }

:lang(en) #wrapper #header .main-reser-box .wp-25 .main-code-area .btn-arrow3 span {margin-right: 0.3rem; }

:lang(en) #wrapper #header.gnb-reserve .main-reser-box:not(.wp-member) .ui-close {display: none; }

:lang(en) #wrapper #header .main-reser-box.wp-member .col-5 .main-code-area {left: 7.5rem; }

:lang(en) #wrapper #header .main-reser-box.wp-member .wp-25 .room-colum .ui-search {min-width: 128px;width: 123px;left: 2.5rem; }

:lang(en) #header .main-reser-box.wp-member .wp-25 .room-colum .ui-search {min-width: 137px;width: 137px; }

:lang(en) .main-reser-box .main-check-info {width: 19rem; }

:lang(en) .main-reser-box .main-check-info .night {width: 9rem; }

/* menu */
#nav .gnb-area>.gnb-menu>li {left: 203px;width: 120px; }

#header .main-reser-box .room-colum .ui-search {left: 10.5rem; }
 }

/* w 1440 ~ 1679 */
@media (min-width:1440px) and (max-width:1679px) {
/* logo */
#wrapper #header .header-inner .logo {max-width: 164px;left: 24px; }

#wrapper #header .main-reser-box {padding-left: 0; }

#wrapper #header .main-reser-box.wp-member .colum.wp-15 {width: 8.5%; }

#wrapper #header .main-reser-box.wp-member .colum.wp-20 {width: 14%; }

#wrapper #header .main-reser-box.wp-member .colum.wp-30 {width: 15%}

#wrapper #header .main-reser-box.wp-member .room-colum .main-code-area {left: 1rem; }

#wrapper #header .main-reser-box.wp-member .col-5 .main-code-area {left: 5rem; }

#wrapper #header .main-reser-box.wp-member .room-colum .ui-search {left: 1rem; }

#wrapper #header.gnb-reserve .main-reser-box:not(.wp-member) .ui-close {right: 3rem; }

#wrapper #header .main-reser-box.col-member .colum.col-4 {width: 26%; }

#wrapper #header.main-reser-box .room-colum {padding: 0 10% 0 8%; }

#wrapper #header.gnb-reserve .main-reser-box.wp-member .ui-close {right: 0; }

#wrapper #header .main-reser-box.wp-member .wp-25 .main-code-area {left: 0; }

:lang(en) #header .main-reser-box.wp-member .wp-25 .room-colum .ui-search {min-width: 132px;width: 132px; }

:lang(en) #wrapper #header .main-reser-box.wp-member .colum.wp-15:nth-child(1) {width: 8%; }

:lang(en) #wrapper #header .main-reser-box.wp-member .colum.wp-20 {width: 14%; }

:lang(en) #wrapper #header .main-reser-box:not(.wp-member) .grid-area-table {padding-left: 2.5rem; }

:lang(en) #wrapper #header.gnb-reserve .main-reser-box:not(.wp-member) .ui-close {right: 1rem; }

:lang(en) #wrapper #header .main-reser-box.wp-member .wp-25 .main-code-area {left: 1.5rem; }

:lang(en) #wrapper #header .main-reser-box.wp-member .room-colum .ui-search {left: 2.5rem; }

:lang(en) #wrapper #header .main-reser-box.wp-member .colum.wp-30 {width: 17%}

/* menu */
#nav .gnb-area>.gnb-menu>li {left: 223px;width: 130px; }

#header .util-menu.show .util-menu-group.top:nth-child(-n+3) {display: none; }

#header .main-reser-box .room-colum .ui-search {left: 9.5rem; }
 }

/* w 1680 ~ 1919 */
@media (min-width:1680px) and (max-width:1919px) {
/* menu */
#nav .gnb-area>.gnb-menu>li {left: 253px; }

#wrapper #header .main-reser-box.wp-member {padding-left: 4rem; }

#wrapper #header .main-reser-box:not(.wp-member) .grid-area-table {padding-left: 0; }

#wrapper #header.gnb-reserve .main-reser-box:not(.wp-member) .ui-close {right: 2rem; }

#wrapper #header.gnb-reserve .main-reser-box.wp-member .ui-close {right: -10rem; }

#wrapper #header .main-reser-box.wp-member .colum.wp-20 {width: 16%; }

#wrapper #header .main-reser-box.wp-member .wp-25 .main-code-area {left: 1rem; }


:lang(en) #header .main-reser-box.wp-member .room-colum .ui-search {left: 4rem; }

:lang(en) #header .main-reser-box.wp-member .wp-25 .room-colum .ui-search {min-width: 137px;width: 137px; }

:lang(en) #wrapper #header.gnb-reserve .main-reser-box:not(.wp-member) .ui-close {right: -9.5rem; }

:lang(en) #wrapper #header .main-reser-box.wp-member {padding-left: 0; }

:lang(en) #wrapper #header .main-reser-box .col-5 .in-colum {padding: 0 0 0 4rem; }
 }


/* Layer Popup :: EBT 제주 선셋팝업 20230906 */
/* 선셋 팝업 PC */
.layer-pop.sunset {width: 45.1rem;margin-left: -23rem; }

.layer-pop.sunset .popup-wrap {border-radius: 15px; }

.popup-content-tit7 {display: flex;color: #000;font-size: 28px;font-weight: 700;line-height: 1.4;padding-bottom: 29px;border-bottom: 1px solid #EEEEEE;align-items: center;align-content: center;justify-content: center; }

.popup-content-tit7.eng {align-items: flex-start; }

.popup-content-tit7 .info {display: flex; }

.popup-content-tit7 .info img {width: 28px;margin-right: 8px; }

.popup-content-tit7.eng .info {margin-top: 6px; }

.popup-wrap.type-2 .popup-content.sunset {text-align: center;padding: 71px 40px 33px; }

.popup-wrap.type-2 .popup-content.sunset::before {position: absolute;content: '';width: 13.4rem;height: 13.4rem;background: url('../image/icon/check_in.png');background-repeat: no-repeat;top: 0;left: 50%;transform: translate(-50%, -55%);background-size: contain; }

.popup-wrap.type-2 .popup-content.sunset .check-time {font-family: Noto Sans KR;font-size: 20px;font-weight: 700;line-height: 1.56;letter-spacing: -0.05em;text-align: center; }

.popup-wrap.type-2 .popup-content.sunset .check-time div {width: 22rem;height: 5.3rem;margin: 0 auto;color: #000;border: 1px solid #000;padding: 11px 41px 11px 41px;border-radius: 10px; }

.popup-wrap.type-2 .popup-content.sunset .check-time .check-in {margin-top: 23px; }

.popup-wrap.type-2 .popup-content.sunset .check-time .check-out {margin-top: 12px; }

.popup-wrap.type-2 .popup-content.sunset .check-notice {font-family: Noto Sans KR;font-size: 14px;font-weight: 400;line-height: 1.42;letter-spacing: -0.05em;text-align: center;margin-top: 19px; }

.popup-wrap.type-2 .popup-content.sunset .check-notice span {color: #8B8B8B; }

.popup-wrap.type-2 .popup-content.sunset .btn-area {margin-top: 32px;text-align: center; }

.popup-wrap.type-2 .popup-content.sunset .btn-area .btn-sunset {width: 17.2rem;height: 5.3rem;text-align: center;white-space: nowrap;vertical-align: top; }

.popup-wrap.type-2 .popup-content.sunset .btn-area .btn-sunset span {font-family: Noto Sans KR;font-size: 20px;font-weight: 700;line-height: 1.5;letter-spacing: -0.05em;text-align: center; }

/* 선셋 팝업 Mo */
@media (max-width:1280px) {.layer-pop.sunset {width: 30rem;margin-left: -15rem; }

.popup-content-tit7 {font-size: 2rem;padding-bottom: 1.8rem; }

.popup-content-tit7 .info img {width: 1.7rem;margin-right: 0.8rem; }

.popup-wrap.type-2 .popup-content.sunset {padding: 5.8rem 3rem 3rem; }

.popup-wrap.type-2 .popup-content.sunset::before {position: absolute;content: '';width: 9.3rem;height: 9.3rem; }

.popup-wrap.type-2 .popup-content.sunset .check-time {font-size: 1.6rem; }

.popup-wrap.type-2 .popup-content.sunset .check-time div {width: 18.4rem;height: 4.3rem;padding: 0.9rem 3.35rem; }

.popup-wrap.type-2 .popup-content.sunset .check-time .check-in {margin-top: 2rem; }

.popup-wrap.type-2 .popup-content.sunset .check-time .check-out {margin-top: 0.7rem; }

.popup-wrap.type-2 .popup-content.sunset .check-notice {font-size: 1.2rem;margin-top: 1.7rem; }

.popup-wrap.type-2 .popup-content.sunset .btn-area {margin-top: 3rem; }

.popup-wrap.type-2 .popup-content.sunset .btn-area .btn-sunset {width: 18rem;height: 4.3rem; }

.popup-wrap.type-2 .popup-content.sunset .btn-area .btn-sunset span {font-size: 1.8rem; }
 }


/* 20231109 세미나 웨딩 페이지 개선 */
.tab-menu ul.seminar>li {width: 25%; }

/* 20240611 김해리조트 탭 수정 공통 */
.tab-menu ul.ui-tab-space,
.tab-menu ul.ui-tab-space li a {display: flex;justify-content: center; }

.tab-menu ul.ui-tab-space li {width: 100%;display: flex;align-items: center;justify-content: center; }

/* 20240611 김해리조트 탭 쿠폰구매 수정 공통 */
.inner-tab ul.ui-tab-space {display: flex;justify-content: center; }

.inner-tab ul.ui-tab-space li {min-width: auto;width: 100%;display: flex;align-items: center;justify-content: center; }

.inner-tab ul.ui-tab-space li+li {margin-left: .6rem}

/* 20240611 김해리조트 리조트 페이지 버튼 수정 */
.cont-head .button-container {position: relative;display: flex;margin-left: auto; }

.submain .main-content>.cont-head .right.d-flex {position: relative;top: 0;display: flex;align-items: center; }

/* 20240521 SEO 작업 트래브러리 breadcrumbs 교체*/

.h-breadcrumbs {font-size: 12px;font-weight: 500; }

/* 20240521 SEO 작업 트래브러리 breadcrumbs 교체*/

.h-breadcrumbs {font-size: 12px;font-weight: 500; }

/* 20240521 SEO 작업 트래브러리 breadcrumbs 교체*/

.h-breadcrumbs {font-size: 12px;font-weight: 500; }

/* 20240625 객실 상세 페이지 작업 */
.content .editor-container {margin-top: 6rem; }

@media (max-width: 1279px) {
    .content .editor-container {margin-top: 3rem; }
}

/* 20240627 김해리조트 탭 공통 수정 */
.tab-menu ul>li a {padding: 5px 10px; }

/* 20240627 김해리조트 탭 공통 수정 */
.tab-menu ul>li a {padding: 5px 10px; }

/* 20240626 : 리조트 김해 색깔 추가 */
.coupon-wrap.kimhae .coupon-item {background: #a4c784; }


/* 20240710 김해리조트 테마파크 수정 */
.inner-tab .ui-tab.ui-tab-contents>li {display: flex;align-items: center;background: transparent;border: none;height: 5.6rem;width: auto;min-width: auto;margin-top: 0; }
.tab-menu-list#tab-scroll {overflow: inherit;height: auto; }
.inner-tab .ui-tab.ui-tab-contents>li h2 {padding: 0 .4rem; }
.inner-tab .ui-tab.ui-tab-contents>li:first-child {margin-left: 4.8rem; }
.inner-tab .ui-tab.ui-tab-contents>li+li::before {content: '';position: relative;display: inline-block;left: 0;width: 1px;height: 1.6rem;margin: 0 3.2rem;background: #d9d9d9; }
.inner-tab .ui-tab.ui-tab-contents>li+li.active::before {content: '';position: relative;display: inline-block;top: inherit;left: 0;width: 1px;height: 1.6rem;margin: 0 3.2rem;background: #d9d9d9; }
.ui-tab.ui-tab-contents>li a {display: flex;padding: 0; }
.inner-tab .ui-tab.ui-tab-contents {display: flex;border: none;border-bottom: 1px solid #d9d9d9;margin-top: 3.2rem; }
.inner-tab .ui-tab.ui-tab-contents>li a {color: #999999;font-weight: 600; }
.inner-tab .ui-tab.ui-tab-contents>li.active a {color: #333333;font-weight: 600; }
.inner-tab .ui-tab.ui-tab-contents>li.active:before {content: none; }


/* 20240710 김해리조트 테마파크 모바일 수정 */
@media (max-width: 1279px) {
.tab-menu.tab-menu-list { padding: 0;height: auto;background: transparent; }
.inner-tab .ui-tab.ui-tab-contents {margin-top: 1.6rem; }
.ui-tab.ui-tab-space.ui-tab-left {justify-content: flex-start;padding: 0 2.6rem;background: #f6f6f6;overflow-x: scroll; }
.ui-tab.ui-tab-space.ui-tab-left::-webkit-scrollbar {display: none; }
.ui-tab.ui-tab-space.ui-tab-left>li {width: auto;min-width: inherit;padding: 0; }
.ui-tab.ui-tab-space.ui-tab-left>li+li {margin-left: 3.2rem; }
.inner-tab .ui-tab.ui-tab-contents>li:first-child {margin-left: 0rem; }
.ui-tab.ui-tab-space.ui-tab-left>li.active::before {left: 0;width: 100%; }
.tab-contents>.inner-tab.select-tab {margin-top: 0; }
.tab-menu.tab-menu-list .scroller {position: relative;height: auto; }
.tab-contents>.inner-tab {padding: 0; }
.tab-menu.tab-menu-list .ui-tab.ui-tab-contents { overflow-x: auto; padding: 0 2.6rem; height: 3.8rem; overscroll-behavior: none; scroll-behavior: auto; }
.tab-menu.tab-menu-list .ui-tab.ui-tab-contents::-webkit-scrollbar {display: none}
.tab-menu.tab-menu-list .ui-tab.ui-tab-contents>li {height: 3.8rem;background: transparent; }
.inner-tab .ui-tab.ui-tab-contents>li {padding: 0; }
.inner-tab .ui-tab.ui-tab-contents>li+li::before { margin: 0 1.6rem; height: 1.2rem; }
.inner-tab .ui-tab.ui-tab-contents>li+li.active::before { margin: 0 1.6rem; height: 1.2rem; }
 }


/* 20240716 : 김해 추가신청 완료 페이지 */
.content .item-purchase-area {border: none; }
.content .item-purchase-area ul {border: 1px solid #ddd; }
.content .item-purchase-area ul.only-child {margin-left: inherit; }

/* 20240717 : 김해 리조트 위치 안내 간격 수정 */
.resort-intro.gimhae~#cont-map {margin-bottom: 4rem; }

/* 20240717 : 객실안내 수정 */
.editor-container .content {padding: 0; }

/* 20240718 : 펫객실 약관동의 수정 */
@media (min-width: 1280px){
 .agree-check-list { display: flex; flex-wrap: wrap; row-gap: 1.2rem; }
 }

@media (max-width: 1279px) {
    .editor-container .text-list {padding-left: 0; }
}


/* 20240722 : 통합멤버십 비회원 팝업 닫기 버튼 */
@media (max-width: 450px) {.layer-pop .btn-icon.ico-close {top: 22px;right: 22px; }
 }


/* 20240723 : 영문 수정 */
:lang(en) .main-content .cont-head.swipe-hidden { gap: 1.2rem; flex-wrap: wrap; }
:lang(en) .main-content .cont-head.swipe-hidden .right { position: relative; margin-left: auto; }
:lang(en) .cont-head { flex-wrap: wrap; }
:lang(en) .main-content .cont-head.swipe-hidden .right {position: relative;margin-left: auto; }
:lang(en) .cont-head {flex-wrap: wrap; }

/* 20240802 : 공통으로 수정 지점 > 객실 */
.submain .main-content>.cont-head .right.d-flex { top: 0rem; margin-left: auto; flex-wrap: wrap; }
.submain .main-content>.cont-head .right.d-flex { top: 0rem; margin-left: auto; flex-wrap: wrap; row-gap: 1.2rem; }

/* 20240723 : 영문 짤림 수정 overflow: hidden은 살려야해서 height : 2.5로 영문 짤리는거 수정 */
@media (max-width: 1279px) {
    :lang(en) #header .head-title .main-logo,
    #header .head-title strong {height: 2.5rem; }
}

/* 20240725 : 김해 메인 페이지 수정 */
@media (max-width: 460px){
 .gimhae-br { display: none; }
}


/* 영문에서는 pc : select 폰트 사이즈 13px */
:lang(en) .custom-select .select { font-size: 1.3rem; }

/* 영문 공통 : 탭 폰트사이즈 15px -> 13px */
:lang(en) .tab-menu ul > li a { font-size: 1.3rem; }

/* 20240725 : 영문 타이틀 수정 */
@media (max-width: 1279px){
    :lang(en) .submain #container .title-area.rwd .page-title { top: 33px; transform: translateY(-50%); text-overflow: inherit; white-space: normal; line-height: 1.2; }
    :lang(en) #header .head-title strong { text-overflow: inherit; white-space: normal; overflow: inherit; width: 65%; }
    /* 영문에서는 mo select 폰트 사이즈 12px */
    :lang(en) .custom-select .select { font-size: 1.2rem; }
}

/* 20240726 : 공통 클래스 추가 */
.col-right-0 { padding-right: 0 !important; }

/* 20240729 : 리조트 > 객실 이용 안내 > 객실그룹링크 > ui-tab */
.title-area + .inner-tab.fix ul { flex-wrap: wrap; }

/* 20240802 : 리조트 수정 전달 */
@media (max-width: 1279px) {
    .submain .main-content>.cont-head .right.d-flex { flex-direction: column-reverse; align-items: flex-start; }

    /* 20240816 : 김해리조트 공통 클래스 추가 */
	.m-d-block { display: block; }
}

/* 20240807 예약완료후 리워즈 배너  */
.reser-rewards-banner img {display: block;}

/* 20240808 헤더 페이지 이동시, 기존 디자인이 반영이되고 리뉴얼 디자인이 반영되는 이슈로
display: none처리 해놓았습니다.
gnb_ver_01.css 에서 display: block처리가 됩니다. */
header { display: none; }


/* 20240812 : 테마파크 > 시설 안내 설명영역 수정 */
@media (min-width: 1280px) {
    ._facility-wrap .slide-col4-list .slide-colum .colum-content .txt-area {
        min-height: 15rem;
    }

    ._facility-wrap .slide-col4-list .slide-colum .txt-area .desc {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.category-container { position: relative; display: flex; row-gap: 3px; }

/* 20240819 : 영문 수정 */
:lang(en) .number-ctrl .trick-txt { display: flex; font-size: 12px; left: 50%; transform: translateX(-50%); align-items: center;  justify-content: center; flex-wrap: wrap; line-height: 1; white-space: break-spaces; }
@media (min-width: 1280px) {
    .layer-pop.layer-pop-xl .popup-wrap { width: 50vw; left: 50%; transform: translateX(-50%); }
}

/* 20241119 마이페이지 내 정보 관리 팝업추가  */


.layer-pop.dim-pop .popup-wrap .popup-title { position: relative;}
.layer-pop.dim-pop .popup-wrap .btn-icon.ico-close { position: absolute;   right: 4rem;    top: 50%;    transform: translate(0, -50%);}
.layer-pop.dim-pop .popup-wrap .popup-content .my-option-area .option:first-child {position: relative; }
.layer-pop.dim-pop .popup-wrap .popup-content .my-option-area .txt-box {padding: 1rem 0;}
.layer-pop.dim-pop .popup-wrap .popup-content .my-option-area .txt-box p {font-size: 1.3rem; line-height: 1.5; color: #000; letter-spacing: -0.05em;}
.layer-pop.dim-pop .popup-wrap .popup-content .my-option-area .option a {display: flex; height: 5.6rem; justify-content: center; align-items: center; border: 1px solid #bbb; box-sizing: border-box;}
.layer-pop.dim-pop .popup-wrap .popup-content .my-option-area .option a.check{background-color: #000; border:none;}
.layer-pop.dim-pop .popup-wrap .popup-content .my-option-area .option a span {    color: #000;    font-size: 1.6rem;    font-weight: 500;    line-height: 1.5;}
.layer-pop.dim-pop .popup-wrap .popup-content .my-option-area .option a.check span {  font-weight: bold;   color: #fff;   }
.layer-pop.dim-pop .popup-wrap .popup-content .my-option-area .option:nth-child(n+2){  margin-top: 1.3rem;   }
.layer-pop.dim-pop .popup-wrap .popup-content .my-option-area .withdraw {margin-top: 3rem;}
.layer-pop.dim-pop .popup-wrap .popup-content .my-option-area .withdraw a {display: flex;     justify-content: flex-end; align-items: center;}
.layer-pop.dim-pop .popup-wrap .popup-content .my-option-area .withdraw a span { font-size: 1.4rem; color: #000; font-weight: 400; line-height: 1.4; letter-spacing: -0.08em; margin-right: 0.4rem;}
.layer-pop.dim-pop .popup-wrap .popup-content .my-option-area .withdraw a::after {display: inline-block;    vertical-align: middle;    width: .7rem;    height: .7rem;    content: '';    border: solid #333;    border-width: 0 1px 1px 0;  transform: rotate(-45deg);    -webkit-transform: rotate(-45deg);}

@media (max-width: 1279px) {
    .layer-pop.dim-pop {    width: 100%;    margin-left: 0;    left: 0;    padding: 0 2rem;}
    .layer-pop.dim-pop .popup-wrap {    background-color: #fff;}
    .layer-pop.dim-pop .popup-wrap .btn-icon.ico-close {  right: 2rem;   }
    .layer-pop.dim-pop .popup-wrap .popup-content .my-option-area .txt-box p {text-align: center;}
}


/* 20250102 상세페이지 내 예약버튼 */
.room-reserv-btn { position:relative; text-align: center;     padding: 9rem 0 6rem 0;}
.room-reserv-btn .btn-room  {padding: 0;    height: 56px;    width: 330px;}
.room-reserv-btn .btn-room span {font-size: 1.8rem; line-height: 56px; color: #ffffff;}

@media (max-width: 1279px) {
    .room-reserv-btn { padding: 6rem 0 3rem 0;}
    .room-reserv-btn .btn-room{ width: 100%;  height: 52px; }
    .room-reserv-btn .btn-room span {line-height: 52px;}
}

/* 롯데리조트속초 */

/* 회원 탈퇴 */