<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* GNB ë©”ë‰´ ìˆ˜ì&nbsp;• : PCë²„ì&nbsp;„ */
@media (min-width: 1280px) { 
  /* ë©”ì¸íŽ˜ì´ì§€ì—ì„œ ì“°ì´ëŠ” ê³³ : S */ 
  #wrapper.main #header .menu.sky::before { content: ''; position: relative; display: inline-block; background: url('/static/image/gnb/logo/logo_skyhill.png') 50% 50% / 100% no-repeat; width: 15.2rem; height: 2.4rem; } 
  #wrapper.main #header .lang-list&gt;.lang::before { background: url('/static/image/gnb/logo/icon_global.png') 50% 50% / 100% no-repeat; width: 2.2rem; height: 2.2rem; } #wrapper.main #header .login::before { content: ''; position: relative; display: inline-block; background: url('/static/image/gnb/logo/logo_member.png') 50% 50% / 100% no-repeat; width: 2.4rem; height: 2.4rem; margin-right: .4rem; } 
  #wrapper.main #header .header-inner .logo a { position: relative; display: inline-block; background: url('/static/image/logo_white.png') 50% 50% / 100% no-repeat; max-width: 19.5rem; width: 19.5rem; height: 3.6rem; } 
  #wrapper.main #header #nav .util-menu .util-menu-group.top { color: #ffffff; } 
  #wrapper.main #header .menu-btn::before { content: ''; position: absolute; top: 60%; right: 0; display: inline-block; width: 4.8rem; height: 2px; background: #ffffff; transition-duration: 0.3s; } 
  #wrapper.main #header .menu-btn::after { content: ''; position: absolute; top: 40%; right: 0; display: inline-block; width: 4.8rem; height: 2px; background: #ffffff; transition-duration: 0.3s; } 
  #wrapper.main #header:not(.gnb-open) .lang-list&gt;.lang:after { border-color: #ffffff; } 
  #wrapper.main #header:not(.gnb-open) { border-bottom: inherit; } 
  #wrapper.main #nav .util-menu .login span:nth-child(2):after { border: solid #ffffff; border-width: 0 1px 1px 0; } 
  /* ì˜ˆì•½ íŽ˜ì´ì§€ì—ì„œ ì“°ë¦¬ëŠ” ê³³ : S */
  #wrapper #header .menu-btn::before { content: ''; position: absolute; top: 60%; right: 0; display: inline-block; width: 4.8rem; height: 2px; background: #000000; transition-duration: 0.3s; } 
  #wrapper #header .menu-btn::after { content: ''; position: absolute; top: 40%; right: 0; display: inline-block; width: 4.8rem; height: 2px; background: #000000; transition-duration: 0.3s; } 
  #wrapper #header.gnb-open .menu-btn::before { background: #ffffff; } 
  #wrapper #header.gnb-open .menu-btn::after { background: #ffffff; } 
  #wrapper #header.gnb-open .menu-btn::before { top: 50%; transform: rotate(45deg)}
  #wrapper #header.gnb-open .menu-btn::after { top: 50%; transform: rotate(-45deg)}
  /* ê³µí†µ ì½”ë“œ : ë©”ë‰´ë°” ì—´ë&nbsp;¸ì„ ë•Œ */
  #wrapper header.gnb-open #nav .util-menu .util-menu-group.top { color: #ffffff; } 
  #wrapper #header.gnb-open #nav .util-menu .menu { color: #ffffff; } 
  #wrapper #header.gnb-open .depth2 span, #header.gnb-open .depth2 span:hover, #header.gnb-open .depth2 span:active { color: #B3B3B3; } 
  #wrapper #header #nav .gnb-area&gt;.gnb-menu.gnb-renewal&gt;li&gt;.depth2 svg { width: 14.5rem; height: 1.2rem; } 
  #wrapper #nav .gnb-area&gt;.gnb-menu.gnb-renewal&gt;li { display: flex; flex-direction: column; max-width: 34.2rem; } 
  #wrapper #header.gnb-open .menu.sky::before { content: ''; position: relative; display: inline-block; background: url('/static/image/gnb/logo/logo_skyhill.png') 50% 50% / 100% no-repeat; width: 15.2rem; height: 2.4rem; } 
  #wrapper #header.gnb-open .lang-list&gt;.lang::before { background: url('/static/image/gnb/logo/icon_global.png') 50% 50% / 100% no-repeat; width: 2.2rem; height: 2.2rem; top: -.3rem; } 
  #wrapper #header.gnb-open .login::before { content: ''; position: relative; display: inline-block; background: url('/static/image/gnb/logo/logo_member.png') 50% 50% / 100% no-repeat; width: 2.4rem; height: 2.4rem; margin-right: .4rem; } 
  #wrapper #header.gnb-open .header-inner .logo a { position: relative; display: inline-block; background: url('/static/image/logo_white.png') 50% 50% / 100% no-repeat; max-width: 19.5rem; width: 19.5rem; height: 3.6rem; } 
  #wrapper #header.gnb-open::after { content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1; background: rgba(0, 0, 0, .7); } 
  #wrapper #header.gnb-reserve::after { content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1; background: rgba(0, 0, 0, .7); } 
  #wrapper #header.gnb-open #nav .util-menu .login::after { border: solid #ffffff; border-width: 0 1px 1px 0; } 
  #wrapper #header.gnb-open #nav .util-menu .login span:nth-child(2):after { border: solid #ffffff; border-width: 0 1px 1px 0; } 
  /* ê³µí†µ ì½”ë“œ ë©”ë‰´ë°” ì—´ê¸° ì&nbsp;„ */
  #wrapper #header .select-lang * { font-weight: 500; } 
  #wrapper #header:not(.gnb-open) .lang-list&gt;.lang:after { border-color: #000000; } 
  #wrapper #header .menu.sky::before { content: ''; position: relative; display: inline-block; background: url('/static/image/gnb/logo/logo_skyhill_black.png') 50% 50% / 100% no-repeat; width: 15.2rem; height: 2.4rem; } 
  #wrapper #header .lang-list&gt;.lang::before { position: relative; background: url('/static/image/gnb/logo/icon_global_black.png') 50% 50% / 100% no-repeat; width: 2.2rem; height: 2.2rem; margin-right: .4rem; } 
  #wrapper #header .util-menu-group.reservation::before { content: ''; position: relative; display: inline-block; margin-right: .8rem; background: url('/static/image/gnb/logo/logo_calendar.png') 50% 50% / 100% no-repeat; width: 2rem; height: 2rem; } 
  #wrapper #header:not(.m-gnb-open) .lang-list.hide&gt;.lang:after { top: .2rem; } 
  #wrapper #header .login { font-size: 1.4rem; } 
  #wrapper #header .login::before { content: ''; position: relative; display: inline-block; background: url('/static/image/gnb/logo/logo_member_black.png') 50% 50% / 100% no-repeat; width: 2.4rem; height: 2.4rem; margin-right: .4rem; } 
  #wrapper #header .header-inner .logo a { position: relative; display: inline-block; background: url('/static/image/logo.png') 50% 50% / 100% no-repeat; max-width: 19.5rem; width: 19.5rem; height: 3.6rem; } 
  #wrapper #header .util-menu-group.top .mob-top-line { display: flex; align-items: center; } 
  #wrapper #header:not(.gnb-open) {height: 10.8rem;}
  #wrapper #header #nav .util-menu .util-menu-group[data-menu-open-hidden] { opacity: 1; font-size: 1.4rem; font-weight: 400; } 
  #wrapper .lang-list&gt;.lang:after { position: relative; margin-top: 0; top: -.2rem; margin-left: .8rem; } 
  #wrapper #header .util-menu.show .util-menu-group.top:nth-child(-n+3) { display: inline-block; } 
  #wrapper #header.gnb-open #nav .util-menu .util-menu-group.top.btn-round { background: #da291c; transition-duration: 0.3s; } 
  #wrapper .lang-list .select-lang { top: 3rem; width: auto; padding: 10px 24px; } 
  #wrapper #header.gnb-open #nav .util-menu .util-menu-group[data-menu-open-hidden] { visibility: hidden; opacity: 0; } 
  #wrapper #header:not(.gnb-reserve) #nav .util-menu .util-menu-group.top.reserve a:after { content: none; } 
  #wrapper .menu.sky { position: relative; display: inline-block; width: 15.2rem; height: 2.4rem; } 
  #wrapper #nav .util-menu .menu { display: flex; align-items: center; padding-left: 0; } 
  #wrapper #nav .util-menu .menu.mob-view2 { display: none; } 
  #wrapper #nav .gnb-area&gt;.gnb-menu&gt;li:hover&gt;a, #nav .gnb-area&gt;.gnb-menu&gt;li&gt;a { height: 5.6rem; } 
  #wrapper #nav .util-menu .menu .lang-list { display: flex; } 
  #wrapper .lang-list&gt;.lang { display: flex; align-items: center; padding: 0; } 
  #wrapper #nav .util-menu .util-menu-group.top { height: auto; } 
  #wrapper #nav .gnb-area { max-width: inherit; } 
  #wrapper .scroll-tab-wrap.fix { top: 10.8rem; } 
  #wrapper #header .util-menu-group .lang-container { position: relative; display: flex; } 
  /* ê°ì‹¤ì˜ˆì•½ íŽ˜ì´ì§€ */
  #wrapper .main #container.wide .content-wrap { padding: 0; } 
  #wrapper #header.scroll #nav .util-menu-group[data-menu-open-hidden] { display: none; } 
  #wrapper #nav .util-menu { position: absolute; top: 0; right: 4.8rem; padding: 3rem 0; } 
  #wrapper #nav .gnb-area&gt;.gnb-menu&gt;li&gt;a:after, #nav .gnb-area&gt;.gnb-menu&gt;li.active&gt;a:after, #nav .gnb-area&gt;.gnb-menu&gt;li:hover&gt;a:after { content: none; } 
  #wrapper #nav .gnb-area&gt;.gnb-menu.gnb-renewal&gt;li::before { content: ''; position: relative; display: inline-block; width: calc(100% - 2.4rem); height: 1px; background: #888888; } 
  #wrapper #nav .gnb-area&gt;.gnb-menu .util-menu-group { display: flex; justify-content: space-between; margin: 0 24rem; align-items: center; } 
  #wrapper #nav .util-menu .util-menu-group.top { padding: 0 2.4rem 0 0; } 
  #wrapper #nav .util-menu .util-menu-group.top.reserve .menu, #nav .util-menu .util-menu-group.top.member .menu { padding: 0; margin: 0; } 
  #wrapper #header .header-inner .logo { max-width: 19.5rem; } 
  #wrapper #header .header-inner .logo { left: 4.8rem; top: 0; height: auto; padding: 3.5rem 0;} 
  #wrapper #header #nav .util-menu .util-menu-group.top:nth-last-child(-n+2) { padding: 0; } 
  #wrapper #header #nav .util-menu .util-menu-group.top:nth-last-child(3) { margin-right: 3.4rem; padding-right: 0; font-size: 1.4rem; } 
  #wrapper #header #nav .util-menu .util-menu-group.top.btn-round { display: flex; font-size: 1.4rem; align-items: center; justify-content: center; width: 12rem; min-width: 12rem; height: 4.8rem; border-radius: 999px; background: #000000; color: #ffffff; padding: 0; margin-right: .8rem; } 
  #wrapper #header {  transition-duration: inherit !important; -webkit-transition: inherit !important; } 
  #wrapper #header #nav .util-menu .util-menu-group.top.btn-round a { display: flex; height: 100%; justify-content: center; align-items: center; } 
  #wrapper #header #nav .gnb-menu.banner .slide-image a .banner-info .tit { color: #ffffff; font-size: 2rem; margin-bottom: .4rem; } 
  #wrapper #header #nav .gnb-menu.banner .slide-image a .banner-info .tit img { width: 12.9rem; height: 3.2rem; } 
  #wrapper #header #nav .gnb-menu.banner .slide-image a .banner-info { width: 23.2rem; padding-left: 1.6rem; } 
  #wrapper #header #nav .gnb-menu.banner .slide-image a .banner-info .desc { color: #b3b3b3; font-size: 1.6rem; } 
  #wrapper #header.gnb-open { border-bottom: inherit; } 
  #wrapper #header #nav .gnb-area .gnb-menu { display: none; } 
  #wrapper #header.gnb-open #nav .gnb-area .gnb-menu.banner { display: flex; } 
  #wrapper #header.gnb-open #nav .gnb-area .gnb-menu { display: flex; justify-content: space-between; } 
  #wrapper #header.gnb-open #nav .gnb-menu.banner { position: relative; margin-left: auto; margin-right: 24rem; display: flex; justify-content: flex-start; height: 8rem; width: 34.2rem; margin-top: 4rem; overflow: hidden; flex-direction: row-reverse; } 
  #wrapper #header #nav .gnb-menu.banner .slide-image a { display: flex; justify-content: space-between; flex-direction: row-reverse; } 
  #wrapper #header #nav .gnb-menu.banner .slide-image a .banner-info { display: flex; flex-direction: column; justify-content: center; align-items: start; text-align: left; } 
  #wrapper #header #nav .gnb-menu.banner .slide-image a .banner-info * { color: #ffffff; } 
  #wrapper #header #nav .gnb-menu.banner .slide-image a .image-container { width: 11rem; height: 8rem; overflow: hidden; } 
  #wrapper #header #nav .gnb-menu.banner .slide-image a .image-container img { width: 11rem; height: 8rem; } 
  #wrapper #header .util-menu { display: flex; align-items: center; } 
  #wrapper .menu-btn { position: relative; width: 6.4rem; background: transparent; text-indent: -9999em; height: 4.8rem; } 
  #wrapper #header #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 { content: none; } 
  #wrapper #header .mob-br { display: none; } 
  #wrapper #header.gnb-open .gnb-menu .util-menu-group { margin-top: 4rem; border-top: 1px solid #333333;  padding: 2.4rem 0; } 
  #wrapper #header.gnb-open .gnb-menu .util-menu-group .lang-container span { display: flex; align-items: center; font-weight: 700; } 
  #wrapper #header.gnb-open .gnb-menu .util-menu-group .lang-container span+span::before { content: ''; position: relative; display: inline-block; width: 1px; height: 1.2rem; margin-left: 1.6rem; padding-left: 1.6rem; border-left: 1px solid #333333; } 
  #wrapper #header.gnb-open .gnb-menu .util-menu-group .lang-container span a { color: #ffffff; opacity: .4; } 
  #wrapper #header.gnb-open .gnb-menu .util-menu-group .lang-container span a.active { color: #ffffff;; opacity: 1}
  #wrapper #header.gnb-open .gnb-menu .util-menu-group .mob-top-line * { color: #ffffff; font-size: 1.6rem; font-weight: 500; } 
  #wrapper #header.gnb-open .gnb-menu .util-menu-group .mob-top-line a+a { margin-left: 2.4rem; } 
  #wrapper #nav .gnb-area&gt;.gnb-menu&gt;li:hover&gt;a, #wrapper #nav .gnb-area&gt;.gnb-menu&gt;li&gt;a span { display: flex; align-items: center; height: 5.6rem; font-size: 2rem; color: #ffffff; font-weight: 700; } 
  #wrapper #nav .gnb-area&gt;.gnb-menu&gt;li&gt;.depth2 li { display: flex; align-items: center; height: 4rem; margin-bottom: 0; } 
  #wrapper #header.gnb-open .gnb-area&gt;.gnb-menu&gt;li&gt;.depth2 { padding-top: 0; margin-top: 0; } 
  #wrapper #nav .gnb-area&gt;.gnb-menu&gt;li&gt;.depth2 li&gt;a { font-size: 1.6rem; } 
  #wrapper #header.gnb-open .gnb-menu&gt;li&gt;.depth2 li * { color: #B3B3B3; } 
  #wrapper .header.gnb-open #nav .gnb-area .gnb-menu:nth-child(2) { display: flex; height: auto; padding: 13.2rem 24rem 0; } 
  #wrapper #header .main #header { border-bottom: none; } 
  #wrapper #header.gnb-open, .main #header.gnb-open { background: #1a1a1a; border-bottom: none; transition: all 0s ease-out; -webkit-transition: all 0s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; } 
  #wrapper #nav .gnb-area&gt;.gnb-menu&gt;li { left: 0; top: 0; width: 100%; text-align: left; } 
  #wrapper #nav .gnb-area&gt;.gnb-menu&gt;li:hover&gt;a, #nav .gnb-area&gt;.gnb-menu&gt;li&gt;a { padding: 0; } 
  #wrapper .gnb-area .main-link { display: none; } 
  /* ë¡œê·¸ì¸í›„ ë§ˆì´íŽ˜ì´ì§€ ë¦¬ìŠ¤íŠ¸ */
  #wrapper #nav.nav .util-menu .util-menu-group.top { right: 0; bottom: 0; } 
  #wrapper #nav.nav .util-menu .util-menu-group.top.member { position: relative; background: none; } 
  #wrapper #nav.nav .util-menu .util-menu-group.top.member .mypage { top: 3rem; left: 0; margin-top: 0; width: 9.6rem; } 
  #wrapper #nav.nav .util-menu .util-menu-group.top.member .mypage li span { width: 100%; margin: unset; padding: 0 1rem; } 
  #wrapper #nav .util-menu .login span:nth-child(2):after { position: relative; display: inline-block; content: ''; width: 5px; height: 5px; top: -0.2rem; border: solid #000000; border-width: 0 1px 1px 0; transform: rotate(-315deg); -webkit-transform: rotate(-315deg); margin-left: .8rem; } 
  #wrapper #nav .util-menu .show .login span:nth-child(2):after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: 0.2rem; } 
  #wrapper #header #nav .util-menu.show .util-menu-group.top.member:after { content: none; } 
  #wrapper #nav .util-menu .util-menu-group.top.member .login-check+span { display: flex; align-items: center; } 
  #wrapper .main #header:not(.gnb-open) #nav.nav .util-menu.show .util-menu-group.top.member.show:after, .main #header:not(.gnb-reserve) #nav.nav .util-menu.show .util-menu-group.top.member.show:after { top: 1.3rem; right: 2rem; } 
  /* ì•„ë¼ì´ë¦¬ì¡°íŠ¸ ìƒˆì°½ì—´ë¦¼ í™”ì‚´í‘œ ì¶”ê°€ */
  #wrapper #header.gnb-open .gnb-menu&gt;li&gt;.depth2 li a:hover span, #wrapper #header.gnb-open .gnb-menu&gt;li&gt;.depth2 li a:hover svg path { color: #fff; fill: #fff; } 
  #wrapper #header.gnb-open .gnb-menu&gt;li:first-child&gt;.depth2 li a span.arai { position: relative; } 
  #wrapper #header.gnb-open .gnb-menu&gt;li:first-child&gt;.depth2 li a:hover span.arai::after { content: ''; position: absolute; display: block; top: 0.4rem; right: -2rem; width: 1.6rem; height: 1.6rem; background: url('/static/image/icon/open_site.png'); background-repeat: no-repeat; background-size: contain; } 
  /* ì„œë¸ŒíŽ˜ì´ì§€ ê³µí†µ : container 10.8remì€ í—¤ë”ê°€ 10.8remë˜ë©´ì„œ ìˆ˜ì&nbsp;• : S */
  #container { padding-top: 10.8rem; } 
  /* ì˜ë¬¸ ìˆ˜ì&nbsp;• */
  #wrapper #nav .util-menu+.gnb-menu.gnb-menu-mobile { margin-top: 12rem; } 
  .privacy-menu.app {display: none; }

 

}

/* ëª¨ë°”ì¼ */
@media (max-width: 1279px) { 
  /* ê³µí†µ : S */ 
  #container { padding-top: 7.1rem; } 
  .content-wrap .reser-box.scroll { top: 7.2rem; } 
  /* ì´ë¯¸ì§€ */
  #wrapper #header .header-inner .main-logo a { position: relative; display: inline-block; background: url('/static/image/logo_white.png') 50% 50% / 100% no-repeat; max-width: 11.9rem; width: 11.9rem; height: 2.2rem; } 
  #wrapper #header.scroll .header-inner .main-logo a { position: relative; display: inline-block; background: url('/static/image/logo.png') 50% 50% / 100% no-repeat; max-width: 11.9rem; width: 11.9rem; height: 2.2rem; } 
  #wrapper #header .util-menu-group.reservation::before { content: ''; position: absolute; display: inline-block; background: url('/static/image/gnb/logo/logo_calendar.png') 50% 50% / 100% no-repeat; width: 2rem; height: 2rem; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } 
  #wrapper #header .login::before { content: ''; position: relative; display: inline-block; background: url('/static/image/gnb/logo/logo_member.png') 50% 50% / 100% no-repeat; width: 2.4rem; height: 2.4rem; margin-right: .4rem; } 
  #wrapper #header .gnb-area .main-link.home::before { content: ''; position: relative; display: inline-block; background: url('/static/image/gnb/logo/logo_home.png') 50% 50% / 100% no-repeat; width: 2.4rem; height: 2.4rem; margin-right: .4rem; } 
  #wrapper #header #nav .gnb-area&gt;.gnb-menu.gnb-renewal&gt;li&gt;.depth2 svg { width: 11.6rem; height: 1rem; } 
  .travelary-anchor, .travelary-anchor.fixed { top: 7.1rem; } 
  #wrapper #header .header-inner .logo { display: inline-block; } 
  #nav .util-menu .welcome&gt;p { font-size: 1.4rem; font-weight: 500; } 
  #nav .util-menu .welcome .login { display: flex; align-items: center; } 
  .main #header:not(.scroll) { border-bottom: inherit; } 
  .main #header:not(.scroll) .header-inner .head-title .util-menu-group.reserve { display: block; } 
  #header .header-inner .head-title .util-menu-group.reserve { right: 8.1rem; text-indent: -9999em; border: none; width: 4.8rem; height: 4.8rem; background: #000000; border-radius: 999px; } 
  .btn-gnb-open { width: 4.8rem; height: 4.8rem; } 
  .btn-gnb-open:before { top: 60%; right: inherit; left: 50%; transform: translateX(-50%); width: 3.6rem; height: .2rem; } 
  .btn-gnb-open:after { top: 40%; right: inherit; left: 50%; transform: translateX(-50%); width: 3.6rem; height: .2rem; } 
  #header .header-inner .head-title .main-logo { width: 11.9rem; height: 2.2rem; } 
  #header.m-gnb-open #nav .gnb-menu.banner { position: relative; display: block; } 
  .gnb-area .main-link { display: flex; align-items: center; font-size: 1.4rem; font-weight: 700; color: #ffffff; padding: .8rem 2.5rem 2.4rem; text-align: left; } 
  #header #nav .gnb-area .gnb-menu.gnb-menu-mobile { position: sticky; display: flex; justify-content: space-between; width: 100%; height: 7.2rem; background: #1a1a1a; bottom: 0; margin: 0; } 
  #nav .util-menu .welcome { display: flex; align-items: center; padding: 0 0 0 2.5rem; height: 7.3rem; background: #1a1a1a; } 
  #header #nav .gnb-area .gnb-menu.gnb-menu-mobile li { display: flex; align-items: center; justify-content: space-between; margin-left: 0; margin-bottom: 0; padding: 0 2.5rem; } 
  #header #nav .gnb-area .gnb-menu.gnb-menu-mobile li .mob-top-line { height: 2.4rem; display: flex; align-items: center; } 
  #header #nav .gnb-area .gnb-menu.gnb-menu-mobile li .mob-top-line a+a+a { margin-left: 1.2rem; } 
  #header #nav .gnb-area .gnb-menu.gnb-menu-mobile li .mob-top-line a { font-size: 1.4rem; color: #ffffff; font-weight: 500; } 
  #header #nav .gnb-area .gnb-menu.gnb-menu-mobile li .mob-top-line a span { font-size: 1.4rem; color: #ffffff; font-weight: 500; } 
  #header #nav .gnb-area .gnb-menu.gnb-menu-mobile li .lang-container { display: flex; align-items: center; height: 2.4rem; } 
  #header #nav .gnb-area .gnb-menu.gnb-menu-mobile li .lang-container span { display: flex; height: 100%; align-items: center; } 
  #header #nav .gnb-area .gnb-menu.gnb-menu-mobile li .lang-container span a { display: inline-flex; align-items: center; font-weight: 700; } 
  #header #nav .gnb-area .gnb-menu.gnb-menu-mobile li .lang-container span a.active { color: #ffffff; } 
  .btn-gnb-close.ico-close, .btn-reser-close.ico-close { top: 1.2rem; right: 2.5rem; width: 4.8rem; height: 4.8rem; } 
  .btn-gnb-close.ico-close::before, .btn-gnb-close.ico-close::after, .btn-reser-close.ico-close:before, .btn-reser-close.ico-close:after { height: .15rem; } 
  .ico-close::before { width: 3.6rem; left: inherit; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } 
  .ico-close::after { width: 3.6rem; left: inherit; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } 
  #wrapper #header #nav .util-menu .util-menu-group.top { display: none; } 
  #wrapper #nav .util-menu .util-menu-group { display: none; } 
  #wrapper #header #nav .util-menu .util-menu-group.reservation { right: 8.1rem; } 
  #wrapper #header #nav .util-menu .util-menu-group.top.reservation&gt;a { position: relative; display: inline-block; width: 4.8rem; height: 4.8rem; margin-left: 0; text-indent: -9999em; background: #da291c; border-radius: 100%; border: none; } 
  #wrapper #header #nav .gnb-area .gnb-menu.gnb-menu-mobile li .lang-container span+span::before { content: ''; position: relative; display: inline-block; margin: 0 1rem; width: 1px; height: 1.6rem; background: #333333; } 
  #wrapper #nav .gnb-area&gt;.gnb-menu&gt;li { width: 100%; display: flex; justify-content: space-between; margin-left: 0; margin-bottom: 0; padding-bottom: 2.4rem; } 
  #header, .main #header { height: 7.2rem; } 
  #header.scroll { height: 7.2rem; } 
  #wrapper #nav .gnb-area&gt;.gnb-menu.gnb-renewal&gt;li::before { content: ''; position: absolute; display: block; width: calc(100% - 5rem); height: 1px; background: #888888; left: 50%; transform: translateX(-50%); } 
  #wrapper #nav .gnb-area&gt;.gnb-menu.gnb-renewal&gt;li&gt;a { display: flex; align-items: center; flex: 0 0 50%; width: 100%; padding: 0 2.5rem; height: 4rem; font-size: 1.4rem; font-weight: 700; color: #ffffff; } 
  #wrapper #nav .gnb-area&gt;.gnb-menu.gnb-renewal&gt;li&gt;.depth2 { width: 100%; display: block; } 
  #wrapper #nav .gnb-area&gt;.gnb-menu&gt;li&gt;a&gt;span:after { content: none; } 
  #wrapper #header #nav .util-menu { position: absolute; top: 0; right: 0; padding: 0; width: 100%; height: 7.2rem; } 
  #wrapper #header #nav .util-menu .welcome { padding: 0 0 0 2.5rem; height: 7.2rem; display: flex; align-items: center; justify-content: space-between; } 
  #wrapper #header.m-gnb-open #nav .util-menu .welcome { padding: 0 0 0 2.5rem; height: 7.2rem; display: flex; align-items: center; justify-content: space-between; } 
  #wrapper #header #nav .util-menu .welcome .util-menu-group.reservation { display: flex; } 
  #wrapper #header #nav .nav-inner { padding: 7.2rem 0 0; height: 100dvh; } 
  #wrapper #header.m-gnb-open #nav .util-menu .util-menu-group { display: none; } 
  #wrapper #nav .gnb-area&gt;.gnb-menu&gt;li&gt;.depth2 li&gt;a { padding: 0; display: flex; height: 4rem; align-items: center; font-size: 1.4rem; color: #999999; } 
  #wrapper #header #nav .gnb-area .gnb-menu.banner .slide-image { display: flex; align-items: center; padding: 0 2.5rem; height: 9.6rem; margin: 4rem 0; } 
  #header #nav .gnb-area { height: 100%; background: #1a1a1a; overflow-y: scroll; } 
  #header.m-gnb-open #nav .gnb-area { height: 100%; } 
  #nav .gnb-area&gt;.gnb-menu&gt;li&gt;.depth2 li { background: #1a1a1a; border-bottom: none; } 
  #nav .gnb-area&gt;.gnb-menu&gt;li&gt;a { border-bottom: none; } 
  #nav .gnb-area&gt;.gnb-menu&gt;li:last-child { padding-bottom: 0; } 
  #header #nav .gnb-area .gnb-menu.banner .slide-image a { display: flex; justify-content: space-between; width: 100%; height: 100%; } 
  #header #nav .gnb-area .gnb-menu.banner .slide-image .banner-info { display: flex; flex: 0 0 50%; align-items: flex-start; flex-direction: column; justify-content: center; } 
  #header #nav .gnb-area .gnb-menu.banner .slide-image .banner-info .tit { text-align: left; color: #ffffff; margin-bottom: .8rem; } 
  #header #nav .gnb-area .gnb-menu.banner .slide-image .banner-info .tit img { width: 10.5rem; height: 2.4rem; } 
  #header #nav .gnb-area .gnb-menu.banner .slide-image .image-container { width: 16.25rem; height: 9.6rem; } 
  #header #nav .gnb-area .gnb-menu.banner .slide-image .image-container img { width: 16.25rem; height: 9.6rem; } 
  #header #nav .gnb-area .gnb-menu.banner .slide-image .banner-info .desc { text-align: left; color: #ffffff; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } 
  .gnb-bg { background: #1a1a1a; opacity: 1; } 
  #nav .util-menu .welcome span.login-check { text-decoration: underline; } 
  #nav .util-menu .welcome a.menu.logout span { font-size: 1.2rem; } 
  /* ì‚¬ìš©ìž ë¡œê·¸ì•„ì›ƒ ì˜ì—­ */
  #header #nav.nav .util-menu .welcome p.check-log { display: flex; gap: 2rem; } 
  #header #nav.nav .gnb-area .gnb-menu.gnb-menu-mobile li .app-setting-area { width: 2rem; height: 2rem; background: url("/static/image/btn/app_setting_btn.png"); background-size: contain; background-repeat: no-repeat; } 
  /* ì•„ë¼ì´ë¦¬ì¡°íŠ¸ ì˜ì—­ ìˆ˜ì&nbsp;• */
  #header .gnb-menu&gt;li:first-child&gt;.depth2 li a span.arai { position: relative; } 
  #header .gnb-menu&gt;li:first-child&gt;.depth2 li a span.arai::after { content: ''; position: absolute; display: block; top: 0.25rem; right: -2rem; width: 1.2rem; height: 1.2rem; background: url('/static/image/icon/open_site.png'); background-repeat: no-repeat; background-size: contain; } 
  /* ì„œë¸Œ ë©”ë‰´ íƒ­ ìˆ˜ì&nbsp;• */
  .scroll-tab-wrap.fix { top: 7.1rem; }

  /* ëª¨ë°”ì¼ app ê°œì¸ì&nbsp;•ë³´ ì²˜ë¦¬ë°©ì¹¨ ì¶”ê°€ */

  .privacy-menu.app {display: block;   padding: 0 2.5rem 2rem;    font-size: 1.5rem;    color: #ffffff;    font-weight: bold;} 
  .privacy-menu.app .privacy-link {    text-align: left;}

}

#header.m-gnb-open #nav .util-menu .welcome .util-menu-group.top.box.border.reserve span { display: none; } 
/* ì˜ˆì•½í•˜ê¸° */
/* PC ì˜ˆì•½í•˜ê¸° í™”ë©´ */
@media (min-width: 1280px){
  #header .main-reser-wrap.type3 .main-reser-box.type3 .grid-area-table { padding: 4rem 4rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option &gt; div:first-child { height: 8.8rem; } 
}
  #header .main-reser-wrap.type3 { position: absolute; top: 0; border: 0; } 
  #wrapper #header .main-reser-wrap.type3 .main-reser-box.type3 { max-width: 152rem; padding: 0; border-bottom: 0; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .form-group { top: unset; border: unset; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main { position: relative; display: flex; justify-content: space-between; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .resort-colum { width: 100%; padding: unset; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-tit { font-size: 2.4rem; color: #000; line-height: 1; margin-bottom: 2.4rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option:first-child { max-width: 100%; padding-right: 4rem; min-height: 340px; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option:last-child { max-width: 48rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option { position: relative; display: flex; width: 100%; flex-wrap: wrap; align-content: space-between; align-content: flex-start; justify-content: space-between; } 
  #wrapper #header .main-reser-box.type3 .grid-area-table .colum.mem-num { display: flex; justify-content: space-between; } 
  #wrapper #header .main-reser-box.type3 .grid-area-table .colum { border-left: unset; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .grid-area-table .colum .in-colum .box-select-list .dep1.raf:after { display: none; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .box-select-list li:hover { background: unset; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-type-list { display: flex; justify-content: space-between; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-loc-list { display: flex; justify-content: space-between; flex-wrap: wrap; border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-type-list div, #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-loc-list div { display: flex; justify-content: center; align-items: center; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-type-list div { width: 100%; border: solid #E6E6E6; border-width: 1px 1px 1px 0px; flex: 1; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-loc-list div { flex: 1 1 50%; border: solid #E6E6E6; border-width: 0px 1px 1px 0px; text-align: center; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .colum-selected-txt .selected { color: #000; font-weight: 400; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-type-list input { display: none; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-type-list div:first-child { border-left: 1px solid #E6E6E6; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-type-list label, #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-loc-list label { display: inline-flex; width: 100%; height: 100%; font-size: 1.6rem; min-height: 4.8rem; color: #000; align-content: center; justify-content: center; align-items: center; cursor: pointer; flex: 1; padding: 0 1rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-type-list input[type=radio]:checked+label, #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-loc-list input[type=radio]:checked+label { color: #fff; background-color: #000; flex: 1; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-loc-list .reserv-loc-type input[type=radio] { display: none; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-loc-list .reserv-loc-type input[disabled]+label { background-color: #f2f2f2; color: #b3b3b3; cursor: not-allowed; } 
  #wrapper #header .main-reser-box.type3 .reserve-main .option .colum { width: 100%; } 
  #wrapper #header .main-reser-box.type3 .reserve-main .option .colum.reserve-type { width: 100%; } 
  #wrapper #header .main-reser-box.type3 .reserve-main .option .option-top-box { margin-bottom: 1.1rem; } 
  #wrapper #header .main-reser-box.type3 .reserve-main .option .option-tit { font-size: 1.4rem; color: #000; font-weight: bold; line-height: 1.42; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .colum.mem-num { width: 50%; flex-grow: 1; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .colum .form-group { height: auto; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .colum .form-group .input-group { margin-top: 0; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .colum.mem-num .form-group .input-group { padding: 1.4rem 4.8rem 1.4rem 1.6rem; border: 1px solid #e6e6e6; } 
  #header .main-reser-wrap.type3 .grid-area-table .colum .in-colum .box-select-list { top: 5.5rem; } 
  #header .main-reser-wrap.type3 .colum:not(.wp-20) .in-colum:not(.show) .input-group.input-lg:after { position: absolute; content: ""; display: inline-block; width: 1rem; height: 1rem; border: solid #000000; border-width: 0 0.15rem 0.15rem 0; top: 45%; right: 20px; left: unset; transform: translate(-50%, -50%) rotate(-315deg); -webkit-transform: translate(-50%, -50%) rotate(-315deg); } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .colum:not(.wp-20) .in-colum.show .input-group.input-lg:after { position: absolute; content: ""; display: inline-block; width: 1rem; height: 1rem; border: solid #000000; border-width: 0 0.15rem 0.15rem 0; top: 57%; right: 20px; left: unset; transform: translate(-50%, -50%) rotate(-135deg); -webkit-transform: translate(-50%, -50%) rotate(-135deg); } 
  #wrapper #header .main-reser-box.type3 .grid-area-table .colum .in-colum .btn-blank { height: 4.8rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option+.option { padding-left: 4rem; border-left: 1px solid #D9D9D9; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step4 { display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 2.4rem; } 
  #wrapper #header .main-reser-wrap.type3 .main-reser-box.type3 .ui-close { position: fixed; top: 0; right: 0; text-indent: -999999px; } 
  #wrapper #header .main-reser-wrap.type3 .main-reser-box.type3 .ui-close::after { top: 4rem; right: 0; width: 2.4rem; height: 2.4rem; background: url("/static/image/icon/main_reserve_close.png") 50% 50% / 100% no-repeat; } 
  /* .option-step1 */
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step1 { width: 100%; margin-bottom: 2.4rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step1 .colum.mem-num .in-colum { min-width: 50%; } 
  #wrapper #header .main-reser-box.type3 .grid-area-table .colum.mem-num .option-step1-1 { display: flex; flex-grow: 1; } 
  #wrapper #header .main-reser-box.type3 .grid-area-table .colum.mem-num .option-step1-1 .colum { flex-grow: 1; padding-left: 1rem; } 
  #wrapper #header .main-reser-box.type3 .form-group .input-group.input-lg:after { position: absolute; content: ""; display: inline-block; width: 1rem; height: 1rem; border: solid #000000; border-width: 0 0.15rem 0.15rem 0; top: 45%; right: 20px; left: unset; transform: translate(-50%, -50%) rotate(-315deg); -webkit-transform: translate(-50%, -50%) rotate(-315deg); } 
  #wrapper #header .main-reser-box.type3 .in-colum .colum-selected-txt { height: 100%; min-height: 100%; } 
  /* .option-step2 */
  #wrapper #header .main-reser-box.type3 .reserve-main .option .option-step2 { display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 2.4rem; } 
  #wrapper #header .main-reser-box.type3 .reserve-main .option .option-step2&gt;div { flex-grow: 1; } 
  /* .option-step3 */
  #wrapper #header .main-reser-box.type3 .reserve-main .option .option-step3 { display: flex; width: 100%; flex-direction: column; } 
  /* .option-step4 */
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step4 .option-top-box { position: relative; display: flex; width: 100%; justify-content: space-between; align-items: flex-start; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step4 .checkin-colum { padding: 0; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step4 .checkin-colum .main-check-info { display: flex; width: 100%; justify-content: center; align-items: center; min-height: 4.8rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step4 .checkin-colum.check-menu { border: 1px solid #E6E6E6; } 
  /* ì²´í¬ì¸ ì²´í¬ì•„ì›ƒ */
  #header .main-reser-wrap.type3 .main-reser-box.type3 .option-step4 .main-check-info .selected-date, #header .main-reser-wrap.type3 .main-reser-box.type3 .option-step4 .main-check-info .selected-date.checkin, #header .main-reser-wrap.type3 .main-reser-box.type3 .option-step4 .main-check-info .selected-date.checkout { position: relative; top: unset; left: unset; right: unset; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .option-step4 .main-check-info .check-date { padding: 0 0.8rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .option-step4 .main-check-info .check-date .check-info { display: flex; border-radius: 2.4rem; padding: 1rem 1.7rem; background-color: #000; color: #fff; font-size: 1.4rem; font-weight: bold; min-height: auto; justify-content: center; align-items: center; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .option-step4 .main-check-info .check-date .check-info em + span { margin-left: .2rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .option-step4 .check-menu .main-check-info .ui-btn-checkdate.check-menu-btn:after { position: absolute; content: ""; display: inline-block; width: 1rem; height: 1rem; border: solid #000000; border-width: 0 0.15rem 0.15rem 0; top: 45%; right: 20px; left: unset; transform: translate(-50%, -50%) rotate(-315deg); -webkit-transform: translate(-50%, -50%) rotate(-315deg); } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .option-step4 .check-menu .main-check-info .ui-btn-checkdate.check-menu-btn.on:after { position: absolute; content: ""; display: inline-block; width: 1rem; height: 1rem; border: solid #000000; border-width: 0 0.15rem 0.15rem 0; top: 57%; right: 20px; left: unset; transform: translate(-50%, -50%) rotate(-135deg); -webkit-transform: translate(-50%, -50%) rotate(-135deg); } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .option-step4 .check-menu .main-check-info .selected-date .date-num span { color: #000; font-size: 1.4rem; font-weight: 400; } 
  /* .option-step5 */
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step5 { width: 100%; margin-bottom: 8.5rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step5 .pc-option { display: flex; justify-content: space-between; align-items: flex-start; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step5 .colum .in-colum.room-colum { padding: 0; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step5 .colum.pc-option .in-colum.room-colum { width: 43%; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step5 .colum .in-colum.room-colum .form-group { width: 100%; left: unset; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step5 .btn-num-slct { width: 2rem; height: 2rem; margin: 0; } 
  #header .main-reser-wrap.type3 .main-reser-box .room-num-select .number-select .input-num-slct { margin-top: 0; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step5 .colum .in-colum.room-colum .form-group .room-num-select { margin-top: 0; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step5 .colum .in-colum.room-colum .form-group .number-select { width: 100%; display: flex; justify-content: space-between; align-items: center; } 
  /* .option-step6 */
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 { display: flex; width: 100%; flex-direction: column; flex-wrap: wrap; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .room-colum { padding: 0; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .room-colum .main-code-area { left: 0 !important; display: flex; justify-content: space-between; flex-direction: inherit; align-items: center; min-height: 4.8rem; top: unset; left: unset; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .room-colum .main-code-area .btn-text:first-child { margin: 0; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step4 .btn-arrow3 { display: flex; align-items: center; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step4 .btn-arrow3:nth-child(2):before { position: relative; width: 1.5rem; height: 1.5rem; background: url("/static/image/icon/room_status.png") no-repeat; background-size: contain; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .room-colum .main-code-area .btn-arrow3.ui-btn-promo:before { position: relative; top: 0.3rem; display: inline-block; content: ""; width: 1.5rem; height: 1.5rem; background: url("/static/image/icon/promo_code.png") no-repeat; background-size: contain; } 

  /* ê²€ìƒ‰í•˜ê¸° ë²„íŠ¼ */
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .bottom-btn-area { position: relative; width: 100%; margin-top: 1.5rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .bottom-btn-area .btn.ui-search { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 5.6rem; background: #000; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .bottom-btn-area .btn.ui-search span { font-size: 1.6rem; color: #fff; font-weight: bold; } 

  /* í”„ë¡œëª¨ì…˜ì½”ë“œ ìž…ë&nbsp;¥ì°½ */
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .room-colum .main-code-search { width: 70%; right: 0; bottom: 0; } 

  /* PC ì˜ˆì•½í•˜ê¸° í™”ë©´ */
  /* Mo ì˜ˆì•½í•˜ê¸° í™”ë©´ */
@media (max-width: 1279px){
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main { display: block; overflow-y: scroll; height: 100%; padding-bottom: 2.4rem; } 
  #wrapper #header .main-reser-wrap.type3 .main-reser-box.type3 { max-width: 100%; max-height: 100%; padding-bottom: 20rem; overflow-y: scroll; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3:not(.wp-member) .grid-area-table { height: 100%; padding: 0; } 
  .main-reser-wrap.type3 .main-reser-header.mob-view { background: #fff; padding: 2.45rem 2.4rem; } 
  .main-reser-wrap.type3 .main-reser-header.mob-view span { font-size: 2rem; color: #000; } 
  .main-reser-wrap.type3 .btn-gnb-close.ico-close::before, .main-reser-wrap.type3 .btn-reser-close.ico-close:before, .main-reser-wrap.type3 .btn-reser-close.ico-close:after { background: #000; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option:first-child { max-width: 100%; padding: 0 2.5rem 0 2.5rem; min-height: auto; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main { justify-content: center; flex-direction: column; align-items: center; } 
  #wrapper #header .main-reser-box.type3 .grid-area-table .colum.mem-num { flex-direction: column; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .colum.mem-num .form-group .input-group { padding: 1rem 1.6rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .colum-selected-txt .selected { font-size: 1.4rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum .colum-selected-txt { height: 2.4rem; min-height: 2.4rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-type-list label, #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-loc-list label { font-size: 1.3rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .box-select-list li { font-size: 1.4rem; } 
  #header .main-reser-wrap.type3 .grid-area-table .colum .in-colum .box-select-list { top: 4.5rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option+.option { margin-left: 0; margin-top: 2.4rem; border-left: 0; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .box-select-list li a { padding: 1.2rem 1.6rem; } 
  #header .main-reser-wrap.type3 .grid-area-table .colum .in-colum .box-select-list { max-height: 245px; } 
  /* mo step1 */
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step1 { margin-bottom: 1.2rem; } 
  #wrapper #header .main-reser-box.type3 .grid-area-table .colum.mem-num .option-step1-1 .colum { padding-left: 0; } 
  #wrapper #header .main-reser-box.type3 .grid-area-table .colum.mem-num .option-step1-1 { gap: 0.8rem; margin-top: 0.8rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step1 .colum.mem-num .in-colum { width: 100%; padding-top: 0; } 
  #header .main-reser-box .main-check-info:after { top: 50%; right: 5%; width: 1rem; height: 1rem; border: solid #000; border-width: 0 1.5px 1.5px 0; transform: translate(-50%, -50%) rotate(-315deg); -webkit-transform: translate(-50%, -50%) rotate(-315deg); } 
  /* mo step1 */
  /* mo step2 */
  #wrapper #header .main-reser-box.type3 .reserve-main .option .option-step2 { margin-bottom: 1.2rem; } 
  /* mo step2 */
  /* mo step3 */
  #header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-loc-list div { flex: 1 1 50%; } 
  /* mo step3 */
  /* mo step4 */
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option:last-child { padding: 0 2.5rem; max-width: 100%; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step4 { padding-left: 0; margin-bottom: 2.4rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .option-step4 .selected-date.checkin .check-info { position: absolute; top: 50%; right: 0; transform: translate(128%, -50%); z-index: -1; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .option-step4 .btn-arrow3 span { color: #666666; } 
  /* mo step4 */
  /* mo step5 */
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step5 { padding-left: 0; margin-bottom: 2.4rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step5 .btn-num-slct.minus:before { top: 9px; left: 4px; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step5 .btn-num-slct.plus:before { top: 9px; left: 4px; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step5 .btn-num-slct.plus:after { top: 4px; left: 9px; } 
  /* mo step5 */
  /* mo step6 */
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 { padding-left: 0; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .room-colum .main-code-area { position: relative; align-items: flex-start !important; flex-direction: row !important; width: 100%; margin-top: 0; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .room-colum .main-code-area .btn-text span { color: #666666; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .room-colum { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; } 
  /* mo í”„ë¡œëª¨ì…˜ ì½”ë“œ */
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .room-colum .main-code-search { position: relative; width: 100%; right: 0; bottom: 0; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .room-colum .main-code-area .code-result { position: relative; top: .5rem; left: 0; margin-left: auto; padding: 0 1rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .room-colum .main-code-area .code-result .btn-icon.ico-close.ui-btn-del { position: absolute; top: 0.1rem; right: 0; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .room-colum .input-group.input-md .input-text, #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .main-code-search .input-group.input-md .btn { height: 4.8rem; padding: 0.6rem 1.6rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .main-code-search .input-group.input-md .btn { padding: 0 2rem; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .room-colum:after { display: none; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .room-colum .main-code-area .code-result .btn-icon.ico-close.ui-btn-del::before, #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .room-colum .main-code-area .code-result .btn-icon.ico-close.ui-btn-del::after { width: 1.2rem; } 
  /* mo ê²€ìƒ‰í•˜ê¸°ë²„íŠ¼ */
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .bottom-btn-area { position: fixed; width: 100%; bottom: 0; left: 0; top: unset; padding-left: 0; } 
  #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .bottom-btn-area .btn.ui-search { height: 6.4rem; line-height: 6.4rem; } 
  /* mo ê²€ìƒ‰í•˜ê¸°ë²„íŠ¼ */
  /* mo step6 */
  /* ì˜ˆì•½í•˜ê¸° */
  /* ì˜ë¬¸ ìˆ˜ì&nbsp;• */
  :lang(en) #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step4 .checkin-colum .main-check-info { padding: 0 1rem; } 
  :lang(en) #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .room-colum .main-code-area .btn-text:first-child { display: flex; } 
  :lang(en) #header .main-reser-wrap.type3 .main-reser-box.type3 .room-colum .main-code-area .btn-text span { white-space: nowrap; } 
  :lang(en) #header .main-reser-wrap.type3 .main-reser-box.type3 .reserve-main .option .option-step6 .room-colum .main-code-search { min-width: 17rem; } 
  :lang(en) #header .main-reser-wrap.type3 .main-reser-box.type3 .option-step4 .main-check-info .check-date { padding: 0 .6rem; } 
  :lang(en) #header .main-reser-box.type3 .main-check-info .selected-date .date-num { font-size: 1.5rem; } 
  :lang(en) #header .main-reser-wrap.type3 .main-reser-box.type3 .option-step4 .main-check-info .check-date .check-info { padding: 1rem 1.4rem; } 
}

@media (max-width: 395px) { 
  /* mo ê²€ìƒ‰í•˜ê¸° í™”ì‚´í‘œ */
   #header .main-reser-box.type3 .main-check-info:after { content: none; }
}

@media (max-width: 480px) { 
  /* mo ì˜ë¬¸ í™”ì‚´í‘œ ì&nbsp;œê±° ì²˜ë¦¬ */ 
  :lang(en) #header .main-reser-box .main-check-info:after { content: none; } 
}

/* 2024.07.19 : gnb aë§í¬ ë„“ì´ ìˆ˜ì&nbsp;• */
#header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-type-list div a { width: 100%; } 

/* 20240719 : ë¶„ì–‘ ì˜ˆì™¸ì²˜ë¦¬ */
#wrapper #header.gnb-open.bunyang #nav .gnb-area .gnb-menu { justify-content: inherit; } 

#header .main-reser-wrap.type3 .main-reser-box.type3 .in-colum.resort-colum .reserv-type-list div.active { border: 1px solid #000000; } 

/* 20240808 í—¤ë” íŽ˜ì´ì§€ ì´ë™ì‹œ, ê¸°ì¡´ ë””ìžì¸ì´ ë°˜ì˜ì´ë˜ê³&nbsp; ë¦¬ë‰´ì–¼ ë””ìžì¸ì´ ë°˜ì˜ë˜ëŠ” ì´ìŠˆë¡œ
common.cssì— display: noneì²˜ë¦¬ í•´ë†“ì•˜ìŠµë‹ˆë‹¤.
gnb_ver_01.css ì—ì„œ display: blockì²˜ë¦¬ê°€ ë©ë‹ˆë‹¤. */
header { display: block; } 

 /* 20250524 e-shop ì¶”ê°€pc */
 a.e-shop {display: flex;     align-items: center;}
 a.e-shop::after {    content: "";    display: block;    margin: 2px 0 0 2px;    width: 16px;    height: 16px;    background: url(../image/icon/open_site_b.png);     background-repeat: no-repeat;    background-size: contain;  }
 #wrapper.main a.e-shop::after {background: url(../image/icon/open_site.png);     background-repeat: no-repeat;    background-size: contain; }

 #wrapper #header.gnb-open .gnb-menu .util-menu-group .mob-top-line a.e-shop::after { content: "";    display: block;    margin: 2px 0 0 2px;    width: 16px;    height: 16px;    background: url(../image/icon/open_site.png);     background-repeat: no-repeat;    background-size: contain;  }
 
 @media (max-width: 1279px){
   #wrapper #header.m-gnb-open .gnb-menu .util-menu-group .mob-top-line a.e-shop::after { content: "";    display: block;    margin: 2px 0 0 2px;    width: 14px;    height: 14px;    background: url(../image/icon/open_site.png);     background-repeat: no-repeat;    background-size: contain;  }
 }</pre></body></html>