@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.hide {display: none;}
.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; }

}

@media (max-width:450px) {
	.btn-bottom-area .btn-pkg-cs { width: 100%; }
}

/**************
 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:1280px){
	.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; }
	.layer-pop .popup-wrap.type-01 .ico-close.close-layer::before,
	.layer-pop .popup-wrap.type-01 .ico-close.close-layer::after { height: 2px; background-color: #fff; }
}


@media screen and (max-width:1279px){
	.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; }
}



/* 20250723 김해 워터파크 선셋 팝업 추가*/
.layer-pop.sunset.info { width: 80rem; margin-left: -40rem; }
.layer-pop.sunset.info .popup-content-tit7 { padding-bottom: 11px; }
.layer-pop.sunset.info .popup-wrap.type-2 .popup-content.sunset { padding: 45px 20px; }
.layer-pop.sunset.info .popup-wrap.type-2 .popup-content.sunset::before { width: 10rem; height: 10rem; }
.layer-pop.sunset.info .popup-wrap.type-2 .popup-content.sunset .check-time { font-size: 16px; font-weight: 400; text-align: left; }
.layer-pop.sunset.info .popup-wrap.type-2 .popup-content.sunset .check-time div { width: 100%; height: 100%; padding: 11px 0; border: 0; }
.layer-pop.sunset.info .popup-wrap.type-2 .popup-content.sunset .btn-area .btn-sunset { width: 12rem; height: 4rem; line-height: 1; }
.layer-pop.sunset.info .popup-wrap.type-2 .popup-content.sunset .btn-area .btn-sunset span { font-size: 16px; }

@media (max-width:1280px) {.layer-pop.sunset.info.responsive { width: 100%; }
	.layer-pop.sunset.info.responsive .popup-wrap { padding: 11rem 0 0; }
	.layer-pop.sunset.info.responsive .popup-wrap.type-2 .popup-content { padding: 0 2rem 0; }
	.layer-pop.sunset.info.responsive .popup-content-tit7 { font-size: 2rem; padding-bottom: 1.1rem; }
	.layer-pop.sunset.info.responsive .popup-content-tit7 .info img { width: 1.7rem; margin-right: 0.8rem; }
	.layer-pop.sunset.info.responsive .popup-wrap.type-2 .popup-content.sunset { padding: 4rem 1rem 2rem; }
	.layer-pop.sunset.info.responsive .popup-wrap.type-2 .popup-content.sunset::before { position: absolute; content: ''; width: 10rem; height: 10rem; transform: translate(-50%, 25%); }
	.layer-pop.sunset.info.responsive .popup-wrap.type-2 .popup-content.sunset .check-time { font-size: 1.4rem; }
	.layer-pop.sunset.info.responsive .popup-wrap.type-2 .popup-content.sunset .btn-area .btn-sunset { width: 12rem; height: 4rem; }
	.layer-pop.sunset.info.responsive .popup-wrap.type-2 .popup-content.sunset .btn-area .btn-sunset span { font-size: 1.6rem; }
	.layer-pop.sunset.info.responsive .popup-wrap.type-2 .popup-content.sunset .check-time div ul li { display: flex; margin-top: 5px; letter-spacing: -0.04em; }
	.layer-pop.sunset.info.responsive .popup-wrap.type-2 .popup-content.sunset .check-time div ul li span { margin-left: 3px; }

}


/* 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; }
}

/* 롯데리조트속초 */

/* 회원 탈퇴 */



/* 20250805 부여 아쿠아가든 팝업 */


.layer-pop#aqua-pop .popup-wrap.type-01 .popup-title{    padding: 15px 20px;}
.layer-pop#aqua-pop .btn-icon.ico-close{right: 20px;}
.layer-pop#aqua-pop .popup-content-tit {font-size: 16px;}
.layer-pop#aqua-pop .tb-view-line>table thead th { font-weight: bold; }
.layer-pop#aqua-pop .popup-content {    padding: 2rem;}
.layer-pop#aqua-pop .tb-view-line>table thead th, .layer-pop#aqua-pop .tb-view-line>table tbody td { font-size: 15px; height: 4rem;     padding: 1rem 3rem;    word-break: keep-all;}
.layer-pop#aqua-pop .text-list .caution { font-size: 14px; padding: 0.1rem 0; }
.layer-pop#aqua-pop .text-list .caution::before { display: none; }
.layer-pop#aqua-pop .text-list .text-point.caution { color: #da291c;     margin-bottom: 0.5rem; }
.layer-pop#aqua-pop .pop-txt-box .inner-box {padding: 1rem 0;}
.layer-pop#aqua-pop .popup-wrap .popup-content .btn-bottom-area{margin: 0;    padding-top: 2rem;}

@media (max-width: 1279px) {
	.layer-pop#aqua-pop .popup-wrap .popup-title .tit { font-size: 2rem; }
	.layer-pop#aqua-pop .ico-close.close-layer { width: 2rem; height: 2rem; }
	.layer-pop#aqua-pop .popup-wrap.type-01 .btn-icon.ico-close { top: 20px; }
	.layer-pop#aqua-pop .tb-view-line>table thead th, .layer-pop#aqua-pop .tb-view-line>table tbody td { font-size: 14px; }
	.layer-pop#aqua-pop .tb-view-line>table tbody td { padding: 1rem 1rem; }
	.layer-pop#aqua-pop .pop-txt-box .inner-box { padding: 1rem 0; }
	.layer-pop#aqua-pop .pop-txt-box .inner-box .text-list {padding-left: 0;}
}

/* 20250826 임직원 전용프로모션 배너  */

.member-banner-area { padding-top: 50px;  }
.member-banner-area .banner-box {position: relative; display: block; }
.member-banner-area .banner-box .member-banner-link { display: flex;  width: 100%;}
.member-banner-area .banner-box .member-banner-link img {width: 100%;}

@media (max-width: 1279px) {
	.member-banner-area { padding-top: 10px;  }
}

/* 20250827 임직원 이벤트 탭 영역 */
.member-event .event-tab-area { position: relative; display: block; }
.member-event .event-tab-area .event-tab-list { display: flex; }
.member-event .event-tab-area .event-tab-list li { flex: 1; height: 74px; display: flex; align-items: center; justify-content: center; background-color: #005f99; cursor: pointer; }
.member-event .event-tab-area .event-tab-list[data-tab="sokcho"] li { background-color: #005f99; }
.member-event .event-tab-area .event-tab-list[data-tab="buyeo"] li { background-color: #274C77; }
.member-event .event-tab-area .event-tab-list[data-tab="gimhae"] li { background-color: #007F7F; }
.member-event .event-tab-area .event-tab-list[data-tab="jeju"] li { background-color: #0096C7; }
.member-event .event-tab-area .event-tab-list li span { color: #ffffff; font-size: 28px; }
.member-event .event-tab-area .event-tab-list li.active { background-color: #e6f7ff; }
.member-event .event-tab-area .event-tab-list li.active span { color: #005f99; font-weight: bold; }
.member-event .event-tab-area .tab-box { display: none; }
.member-event .event-tab-area .tab-box.active { display: block; }
.member-event .event-tab-area .event-tab-container { position: relative; display: block; width: 100%; }
.member-event .event-tab-area .event-tab-container .tab-box img { position: relative; display: block; width: 100%; }
.member-event .event-tab-area .event-tab-container .tab-box a { position: absolute; width: 313px; height: 226px; text-indent: -9999999px; }

.member-event { position: relative; display: block; }
.member-event .event-info-area { position: relative; display: flex; align-items: center; justify-content: center; }
.member-event .event-info-area img { width: 100%; }
.member-event .event-info-area .swiper-area { position: absolute; width: 100%; max-width: 996px; height: 465px; bottom: 130px; }
.member-event .event-info-area .swiper-container { position: absolute; width: 100%; border-radius: 20px; overflow: hidden; }
.member-event .event-info-area .swiper-container .swiper-wrapper {display: flex; width: 100%; height: 100%; }
.member-event .event-info-area .swiper-container .swiper-slide { width: 100%;     flex-shrink: 0;}
.member-event .event-info-area .swiper-btn-box .swiper-button-prev { left: -60px; }
.member-event .event-info-area .swiper-btn-box .swiper-button-next { right: -60px; }
.member-event .event-info-area .swiper-btn-box .swiper-button-next,
.member-event .event-info-area .swiper-btn-box .swiper-button-prev {position: absolute;    top: 45%;    width: 27px;    height: 44px;    z-index: 10; background-size: contain; background-repeat: no-repeat; background-position: center;  cursor: pointer;}
.member-event .event-info-area .swiper-btn-box .swiper-button-prev { background-image: url("/static/image/icon/refresh_left_arrow.png"); }
.member-event .event-info-area .swiper-btn-box .swiper-button-next { background-image: url("/static/image/icon/refresh_right_arrow.png"); }
.event-info-text { position: absolute; top: 0; left: 50%; display: flex; width: 375px; height: 64px; color: #ffffff; font-size: 30px; border-radius: 50px; background-color: #012e49; align-items: center; justify-content: center; letter-spacing: -1px; transform: translate(-50%, -50%); z-index: 2; }
.member-event .event-info-area .swiper-container .swiper-wrapper .swiper-slide { background-color: rgba(0, 0, 0, 0.25); }
.member-event .event-info-area .swiper-pagination {position: absolute; display: flex; bottom: 25px; left: 50%; justify-content: center; align-items: center; transform: translate(-50% , -50%);     z-index: 10;}
.member-event .event-info-area .swiper-pagination .swiper-pagination-bullet {width: 8px;    height: 8px; opacity: 0.5; background: #ffffff; margin: 0 6px; border-radius: 100%; cursor: pointer;}
.member-event .event-info-area .swiper-pagination .swiper-pagination-bullet-active { width: 10px; height: 10px; opacity: 1; background: #ffffff; }

@media (max-width: 1280px){
	.member-event .event-info-area .swiper-area { width: 85.4vw; max-width: 100%; height: 92vw; bottom: 8.5vw; }
	.event-info-text { width: 50vw; height: 8.6vw; font-size: 4vw; max-width: 100%; }
	.member-event .event-info-area .swiper-pagination { bottom: 3.33vw; }
	.member-event .event-info-area .swiper-btn-box .swiper-button-prev { width: 3.6vw; top: 29vw; left: 6.7vw; }
	.member-event .event-info-area .swiper-btn-box .swiper-button-next { width: 3.6vw; top: 29vw; right: 6.7vw; }
	.member-event .event-tab-area .event-tab-list li { height: 9.87vw; }
	.member-event .event-tab-area .event-tab-list li span { font-size: 4vw; }
	.member-event .event-info-area .swiper-pagination .swiper-pagination-bullet { width: 1.067vw; height: 1.067vw; }
	.member-event .event-info-area .swiper-pagination .swiper-pagination-bullet-active { width: 1.34vw; height: 1.34vw; }
	.member-event .event-tab-area .event-tab-container .tab-box a { width: 84%; left: 8%; }
	.member-event .event-tab-area .event-tab-container .tab-box#sokcho a { height: 2.5%; }
	.member-event .event-tab-area .event-tab-container .tab-box#buyeo a { height: 3%; }
	.member-event .event-tab-area .event-tab-container .tab-box#gimhae a { height: 2.5%; }
	.member-event .event-tab-area .event-tab-container .tab-box#jeju a { height: 3%; }

}