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; font: inherit; vertical-align: baseline; color: #000; font-size: 16px; line-height: 16px; letter-spacing: -0.8px; font-family: "SpoqaHanSans-Regular", sans-serif; font-weight: 400}
@media screen and (max-width: 768px) { 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 { font-size: 14px; line-height: 14px}
 }
*, :after, :before { box-sizing: border-box}
*:focus { outline: 2px}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}
nav, 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}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; max-width: 100%}
audio:not([controls]) { display: none; height: 0}
[hidden] { display: none}
a { text-decoration: none}
a:active, a:hover { outline: 0}
img { border: 0; -ms-interpolation-mode: bicubic}
figure { margin: 0}
table { border-collapse: collapse; border-spacing: 0; width: 100%}
img { vertical-align: middle}
.blind { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; color: rgba(0, 0, 0, 0)}
@media screen and (min-width: 768px) { br.pc { display: block !important}
 br.mo { display: none !important}
 }
@media screen and (max-width: 768px) { br.pc { display: none !important}
 br.mo { display: block !important}
 }
.clfix:before, .clfix:after { display: table; line-height: 0; content: ""}
.clfix:after { clear: both}
@media screen and (min-width: 768px){
 .main-notice-top { position: fixed; left: 0; right: 0; top: 0; z-index: 100; width: 100%; margin: 0 auto; height: 100px; background-color: #333}
 .main-notice-top #swiper-main-notice { max-width: 1280px; margin: 0 auto; position: relative}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide { height: 100px; align-items: flex-start}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide .contents { padding: 20px 370px 0 0}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide .contents:after { content: ""; display: block; clear: both}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide .contents * { color: #fff}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide .contents em { float: left; display: block; background-color: #33aeb6; width: 70px; height: 30px; padding-top: 6px; text-align: center; margin-right: 20px}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide .contents p { line-height: 26px}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide .contents p span { color: #33aeb6}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide .contents a { display: inline-block; font-size: 14px; line-height: 14px; color: #aaa; margin-left: 10px; border-bottom: 1px #aaa solid; padding-bottom: 2px}
 .main-notice-top .swiper-pagination { bottom: 20px; left: inherit; right: 0; text-align: right}
 .main-notice-top .swiper-pagination .swiper-pagination-bullet { background-color: #858585; opacity: 1; width: 10px; height: 10px; margin: 0 3px}
 .main-notice-top .swiper-pagination .swiper-pagination-bullet-active { background-color: #da291c}
 .main-notice-top .close-area { position: absolute; right: 6px; top: 20px; z-index: 10}
 .main-notice-top .close-area .checkbox-box { padding: 2px 40px 0 0; display: block}
 .main-notice-top .close-area .checkbox-box i { width: 16px; height: 16px}
 .main-notice-top .close-area .checkbox-box i::before { left: 0 !important; top: 2px !important}
 .main-notice-top .close-area .checkbox-box em { font-size: 14px; line-height: 14px; color: #aaa; padding-left: 5px}
 .main-notice-top .close-area .close { position: absolute; right: 0; top: 0; width: 25px; height: 25px; padding: 0}
 .main-notice-top .close-area .close::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25.5px' height='25.5px'%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='round' stroke-linejoin='round' fill='rgb(255, 255, 255)' d='M2.166,2.187 L22.791,22.812 '/%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='round' stroke-linejoin='round' fill='rgb(255, 255, 255)' d='M23.135,1.843 L1.843,23.134 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 25px; height: 25px}
 .banner .main-notice-top+header { top: 100px}
 .banner .main-notice-top+header.scroll { top: 100px !important}
 header { position: fixed; top: 0; left: 0; right: 0; z-index: 200; height: 120px; background-color: #fff; transition: all .3s ease-out}
 header::after { content: ""; display: block; width: 100%; height: 1px; background: #ebebeb; position: absolute; top: 120px; z-index: 0}
 header.scroll { position: fixed; height: 80px}
 header.scroll .util-menu { display: none}
 header.scroll::after { top: 79px !important}
 header.scroll .logo { top: 22px !important}
 header.scroll .header-inner #nav .nav-inner .gnb-area { padding-top: 23px !important}
 header.scroll .header-inner #nav .nav-inner .gnb-area .gnb-menu { padding-top: 10px !important}
 header.gnb-open { height: 419px; border-bottom: 1px #eee solid; background-color: #fff !important}
 header.gnb-open::after { opacity: 1 !important}
 header.gnb-open .header-inner .logo a { background: url(../image/logo.png) no-repeat left top !important}
 header.gnb-open .header-inner #nav .nav-inner .gnb-area .gnb-menu>li>a span { color: #000 !important}
 header.gnb-open .header-inner #nav .nav-inner .util-menu .menu .lang-list .select-box em, header.gnb-open .header-inner #nav .nav-inner .util-menu .util-menu-group a span, header.gnb-open .header-inner #nav .nav-inner .gnb-area .gnb-menu>li>a span { color: #555 !important}
 header.gnb-open .header-inner #nav .nav-inner .util-menu .menu .lang-list .select-box::before { background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6px' height='4px'%3e%3cpath fill-rule='evenodd' opacity='0.502' fill='rgb(0, 0, 0)' d='M0.331,-0.005 C0.608,-0.005 5.470,-0.005 5.661,-0.005 C5.909,-0.005 6.093,0.189 5.948,0.379 C5.832,0.532 3.489,3.584 3.289,3.846 C3.157,4.016 2.843,4.013 2.711,3.846 C2.564,3.658 0.209,0.594 0.045,0.371 C-0.075,0.209 0.058,-0.005 0.331,-0.005 Z'/%3e%3c/svg%3e") !important}
 header.gnb-open .header-inner #nav .nav-inner .util-menu .util-menu-group a.lotteresort::before { background-position: 0 0 !important}
 header.gnb-open .header-inner #nav .nav-inner .util-menu .util-menu-group a::after { opacity: 1 !important}
 header.gnb-open .depth2 { display: block !important; padding-top: 30px; position: relative; z-index: 1; transition: .3s ease-out}
 header.gnb-open .depth2 li { margin-bottom: 19px}
 header.gnb-open .depth2 li a span { font-size: 16px; line-height: 16px; color: #555; letter-spacing: -1.2px}
 header.gnb-open .depth2 li a.active span, header.gnb-open .depth2 li a:hover span { color: #da291c}
 header .header-inner { position: relative; width: 100%; height: 100%; margin: 0 auto; max-width: 1280px}
 header .header-inner .logo { display: block; position: absolute; top: 60px; left: 0; z-index: 10; padding-top: 0; max-width: 233px}
 header .header-inner .logo a { display: block; background: url(../image/logo.png) no-repeat left top; width: 232px; height: 36px}
 header .header-inner .home, header .header-inner .util-menu-area, header .header-inner .head-title, header .header-inner .btn-gnb-open, header .header-inner .btn-gnb-close, header .header-inner .nav-membership-mo { display: none}
 header .header-inner #nav .nav-inner .util-menu { position: absolute; right: 0; top: 20px; z-index: 10}
 header .header-inner #nav .nav-inner .util-menu:after { content: ""; display: block; clear: both}
 header .header-inner #nav .nav-inner .util-menu .welcome { display: none}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group { float: left}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group a { display: inline-block; margin-left: 20px; position: relative}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group a span { font-size: 13px; line-height: 13px; color: #555}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group a:last-child::after { display: none}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group a::after { content: ""; position: absolute; right: -10px; top: 3px; border-left: 1px #eee solid; height: 12px}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group a.lotteresort { padding-left: 24px}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group a.lotteresort::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 18px; height: 18px; background: url(../image/logo_resort.png) no-repeat left top}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group a:last-child.e-shop::after { position: relative; content: ""; display: inline-block; top: 3px; right: 0; margin: 0; width: 16px; height: 16px; background: url(../image/open_site_b.png); background-repeat: no-repeat; background-size: contain; opacity: 1; border: 0}
 header .header-inner #nav .nav-inner .util-menu .menu { display: none; float: left; margin-top: 3px}
 header .header-inner #nav .nav-inner .util-menu .menu .lang-list .select-box em { padding: 0; height: initial; border-bottom: none; color: #555; font-size: 13px; line-height: 13px}
 header .header-inner #nav .nav-inner .util-menu .menu .lang-list .select-box::before { right: -18px; top: 6px; width: 5px; height: 4px}
 header .header-inner #nav .nav-inner .util-menu .menu .lang-list .select-box ul { top: 20px; left: -17px}
 header .header-inner #nav .nav-inner .gnb-area { padding: 0 0 0 300px}
 header .header-inner #nav .nav-inner .gnb-area:after { content: ""; display: block; clear: both}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu { padding-top: 70px; position: relative; float: right; display: table; height: 100%; table-layout: fixed; margin-right: -41px; z-index: 1}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li { position: relative; display: table-cell; vertical-align: top; padding: 0; font-size: 16px; text-align: center}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li>a { position: relative; display: inline-block; padding: 0 40px; border-bottom: 0; height: 51px; white-space: nowrap}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li>a span { font-size: 18px}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li.active>a span, header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li:hover>a span { color: #da291c !important; position: relative}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li.active>a span::after, header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li:hover>a span::after { content: ""; position: absolute; right: -14px; top: -5px; width: 6px; height: 6px; background-color: #da291c; border-radius: 50%}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li ul.depth2 { display: none; transition: .3s ease-out}
 [data-catagory=index] header { background-color: rgba(0, 0, 0, 0)}
 [data-catagory=index] header .header-inner .logo a { background: url(../image/logo-main.png) no-repeat left top}
 [data-catagory=index] header::after { opacity: .1}
 [data-catagory=index] header .header-inner #nav .nav-inner .util-menu .menu .lang-list .select-box em, [data-catagory=index] header .header-inner #nav .nav-inner .util-menu .util-menu-group a span, [data-catagory=index] header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li>a span { color: #fff}
 [data-catagory=index] header .header-inner #nav .nav-inner .util-menu .menu .lang-list .select-box::before { background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6px' height='4px'%3e%3cpath fill-rule='evenodd' opacity='0.502' fill='rgb(255, 255, 255)' d='M0.331,-0.005 C0.608,-0.005 5.470,-0.005 5.661,-0.005 C5.909,-0.005 6.093,0.189 5.948,0.379 C5.832,0.532 3.489,3.584 3.289,3.846 C3.157,4.016 2.843,4.013 2.711,3.846 C2.564,3.658 0.209,0.594 0.045,0.371 C-0.075,0.209 0.058,-0.005 0.331,-0.005 Z'/%3e%3c/svg%3e")}
 [data-catagory=index] header .header-inner #nav .nav-inner .util-menu .util-menu-group a.lotteresort::before { background-position: 0 -60px}
 [data-catagory=index] header .header-inner #nav .nav-inner .util-menu .util-menu-group a::after { opacity: .3}
 [data-catagory=index] header .header-inner #nav .nav-inner .util-menu .util-menu-group a:last-child.e-shop::after { background: url(../image/open_site.png); background-repeat: no-repeat; background-size: contain}
 [data-catagory=index] header.gnb-open .header-inner #nav .nav-inner .util-menu .util-menu-group a:last-child.e-shop::after { background: url(../image/open_site_b.png); background-repeat: no-repeat; background-size: contain}
 header.scroll { background-color: #fff}
 header.scroll .header-inner .logo a { background: url(../image/logo.png) no-repeat left top}
 header.scroll::after { opacity: 1}
 header.scroll .header-inner #nav .nav-inner .util-menu .menu .lang-list .select-box em, header.scroll .header-inner #nav .nav-inner .util-menu .util-menu-group a span, header.scroll .header-inner #nav .nav-inner .gnb-area .gnb-menu>li>a span { color: #000}
 header .header-inner .nav-sale-mo { display: none}
 header .header-inner .nav-sale-pc { display: block}
 .gnb-bottom-area { display: none}
 }
@media screen and (max-width: 768px){
 .main-notice-top { height: 150px; background-color: #333; position: fixed; left: 0; right: 0; top: 0; z-index: 100}
 .main-notice-top #swiper-main-notice { max-width: 1280px; margin: 0 auto; position: relative}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide { height: 150px; align-items: flex-start}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide .contents { padding: 20px 50px 20px 20px}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide .contents:after { content: ""; display: block; clear: both}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide .contents * { color: #fff}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide .contents em { float: left; display: block; background-color: #33aeb6; width: 45px; height: 20px; padding-top: 3px; text-align: center; margin-right: 10px; font-size: 13px; line-height: 13px; vertical-align: -3px}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide .contents p { font-size: 13px; line-height: 19px; vertical-align: 3px; padding-left: 56px}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide .contents p span { color: #33aeb6}
 .main-notice-top #swiper-main-notice .swiper-wrapper .swiper-slide .contents a { display: inline-block; font-size: 14px; line-height: 14px; color: #aaa; margin-left: 10px; border-bottom: 1px #aaa solid; padding-bottom: 2px}
 .main-notice-top .swiper-pagination { bottom: 20px; left: 0; right: 0}
 .main-notice-top .swiper-pagination .swiper-pagination-bullet { background-color: #858585; opacity: 1; width: 7px; height: 7px; margin: 0 3px}
 .main-notice-top .swiper-pagination .swiper-pagination-bullet-active { background-color: #da291c}
 .main-notice-top .close-area { position: absolute; right: 20px; bottom: 18px; z-index: 10}
 .main-notice-top .close-area .checkbox-box { display: block}
 .main-notice-top .close-area .checkbox-box i { width: 16px; height: 16px; vertical-align: -6px}
 .main-notice-top .close-area .checkbox-box i::before { left: 0 !important; top: 2px !important}
 .main-notice-top .close-area .checkbox-box em { font-size: 12px; line-height: 12px; color: #aaa; padding-left: 5px}
 .main-notice-top .close-area .close { position: absolute; right: -5px; top: -100px; width: 25px; height: 25px}
 .main-notice-top .close-area .close::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25.5px' height='25.5px'%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='round' stroke-linejoin='round' fill='rgb(255, 255, 255)' d='M2.166,2.187 L22.791,22.812 '/%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='round' stroke-linejoin='round' fill='rgb(255, 255, 255)' d='M23.135,1.843 L1.843,23.134 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 15px; height: 15px}
 .banner .main-notice-top+header { top: 150px}
 .banner .main-notice-top+header.scroll { top: 150px !important}
 [data-session=login] header .header-inner #nav .nav-inner { padding-top: 207px}
 header { position: fixed; top: 0; left: 0; z-index: 102; width: 100%; height: 50px; background-color: #fff; border-bottom: 1px #eee solid; transition: background-color .3s ease-out}
 header.scroll { transition: background-color .3s ease-out}
 header::after { content: ""}
 header.m-gnb-open .header-inner #nav { left: 0; z-index: 9001; min-height: 100%;         visibility: visible;}
 header .header-inner .logo { display: none}
 header .header-inner .head-title { position: absolute; top: 14px; left: 20px; width: calc(100% - 20px)}
 header .header-inner .head-title .main-logo { display: block; width: 150px; white-space: nowrap; text-overflow: ellipsis; }
 header .header-inner .head-title .main-logo a { display: block; background: url(../image/logo-m.png) no-repeat left top; background-size: 100% 100%; width: 149px; height: 23px}
 header .header-inner .head-title .main-logo a img { max-width: 100%}
 header .header-inner .head-title .btn-back { float: left; display: inline-block; vertical-align: top; padding-top: 4px; width: 1.1rem; height: 2.3rem}
 header .header-inner .head-title .btn-back::after { content: ""; display: inline-block; width: 1.1rem; height: 1.1rem; border-left: 2px solid #000; border-top: 2px solid #000; transform: rotate(-45deg)}
 header .header-inner .head-title strong { display: block; width: 84%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 17px; line-height: 17px; margin: 3px 0 0 20px; text-align: center}
 header .header-inner .btn-gnb-open { display: block; position: absolute; right: 20px; top: 17px; padding: 0}
 header .header-inner .btn-gnb-open .bar { background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='44px' height='30px'%3e%3cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M42.000,17.000 L2.000,17.000 C0.895,17.000 -0.000,16.105 -0.000,15.000 C-0.000,13.895 0.895,13.000 2.000,13.000 L42.000,13.000 C43.105,13.000 44.000,13.895 44.000,15.000 C44.000,16.105 43.105,17.000 42.000,17.000 ZM42.000,4.000 L12.000,4.000 C10.895,4.000 10.000,3.105 10.000,2.000 C10.000,0.895 10.895,-0.000 12.000,-0.000 L42.000,-0.000 C43.105,-0.000 44.000,0.895 44.000,2.000 C44.000,3.105 43.105,4.000 42.000,4.000 ZM12.000,26.000 L42.000,26.000 C43.105,26.000 44.000,26.895 44.000,28.000 C44.000,29.104 43.105,30.000 42.000,30.000 L12.000,30.000 C10.895,30.000 10.000,29.104 10.000,28.000 C10.000,26.895 10.895,26.000 12.000,26.000 Z'/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 22px; height: 15px}
 header .header-inner #nav { -webkit-transition: left .3s cubic-bezier(0.65, 0.05, 0.36, 1); position: fixed; top: 0; width: 100%; left: 100%; height: 100%; z-index: 1001; background: #fff;  visibility: hidden;}
 header .header-inner #nav .nav-inner { position: relative; background: #fff; height: 100%; padding-top: 179px}
 header .header-inner #nav .nav-inner .util-menu { background-color: #33aeb6; position: absolute; top: 0; right: 0; width: 100%}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group { padding: 20px 20px 22px; position: relative}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group .welcome { display: block; padding-top: 23px}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group .welcome p { font-size: 24px; line-height: 34px; color: #fff; font-family: SpoqaHanSans-Light}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group a.lotteresort { position: relative}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group a.lotteresort::before { content: ""; display: inline-block; width: 13px; height: 13px; background: url(../image/logo_resort_m.png) no-repeat left top; background-size: 100% 100%; margin-right: 5px}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group a.lotteresort::after { display: none; content: ""; border-right: 1px #5cbec5 solid; position: absolute; right: -15px; top: 3px; height: 16px}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group a.login, header .header-inner #nav .nav-inner .util-menu .util-menu-group a.join, header .header-inner #nav .nav-inner .util-menu .util-menu-group a.logout, header .header-inner #nav .nav-inner .util-menu .util-menu-group a.member-modify { margin-left: 20px; border-bottom: 1px #99d7db solid}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group a.reservation-modify { display: none}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group a.nav-membership-pc { display: none}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group a span { font-size: 13px; line-height: 13px; color: #fff}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group a::after { content: ""}
 header .header-inner #nav .nav-inner .util-menu .util-menu-group .mx { position: absolute; right: 20px; bottom: 34px}
 header .header-inner #nav .nav-inner .util-menu .menu { display: none; position: absolute; left: 120px; top: 12px}
 header .header-inner #nav .nav-inner .util-menu .menu .lang-list .select-box { padding-right: 16px}
 header .header-inner #nav .nav-inner .util-menu .menu .lang-list .select-box::before { background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11px' height='6px'%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M0.553,-0.007 C1.016,-0.007 9.139,-0.007 9.458,-0.007 C9.872,-0.007 10.180,0.285 9.938,0.571 C9.744,0.802 5.829,5.398 5.494,5.792 C5.274,6.048 4.750,6.044 4.530,5.792 C4.284,5.509 0.349,0.894 0.076,0.560 C-0.125,0.315 0.097,-0.007 0.553,-0.007 Z'/%3e%3c/svg%3e")}
 header .header-inner #nav .nav-inner .util-menu .menu .lang-list .select-box em { color: #fff; border-bottom: none}
 header .header-inner #nav .nav-inner .nav-membership-mo { position: absolute; top: 12px; left: 195px}
 header .header-inner #nav .nav-inner .nav-membership-mo::after { content: ""; border-right: 1px #5cbec5 solid; position: absolute; left: -12px; top: 8px; height: 16px}
 header .header-inner #nav .nav-inner .nav-membership-mo span { display: inline-block; padding: 8px 0; color: #fff}
 header .header-inner #nav .nav-inner .util-menu-area { background-color: #298b92}
 header .header-inner #nav .nav-inner .util-menu-area ul:after { content: ""; display: block; clear: both}
 header .header-inner #nav .nav-inner .util-menu-area ul li { float: left; width: 50%; position: relative}
 header .header-inner #nav .nav-inner .util-menu-area ul li:first-child:nth-last-child(3), header .header-inner #nav .nav-inner .util-menu-area ul li:first-child:nth-last-child(3)~li { width: 33.33333333%}
 header .header-inner #nav .nav-inner .util-menu-area ul li:first-child:nth-last-child(3) a, header .header-inner #nav .nav-inner .util-menu-area ul li:first-child:nth-last-child(3)~li a { padding: 12px 0}
 header .header-inner #nav .nav-inner .util-menu-area ul li::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px #257d83 solid}
 header .header-inner #nav .nav-inner .util-menu-area ul li:last-child::after { display: none}
 header .header-inner #nav .nav-inner .util-menu-area ul li a { display: block; padding: 16px 0; text-align: center; color: #fff}
 header .header-inner #nav .nav-inner .util-menu-area ul li a em { color: #fff; font-size: 16px; line-height: 16px; display: block}
 header .header-inner #nav .nav-inner .util-menu-area ul li a span { display: block; padding-top: 7px; color: #cfe0e2; font-size: 13px; line-height: 13px}
 header .header-inner #nav .nav-inner .gnb-area { height: calc(100% - 60px); overflow-y: scroll}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li { position: relative; display: block; width: 100%; text-align: left; max-width: 100%}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li>a { display: block; white-space: nowrap; border-bottom: 1px #eee solid; padding: 16px 20px}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li>a span { font-size: 16px; position: relative; display: block}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li>a span::after { content: ""; display: block; position: absolute; top: -1px; right: 0; width: .8rem; height: .8rem; border: solid #999; border-width: 0 1px 1px 0; margin: 0; transform: rotate(405deg)}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li.active>a { border-bottom: 1px #ddd solid}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li.active>a span::after { content: ""; margin-top: 4px; -webkit-transform: rotate(-135deg)}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li.active ul.depth2 { display: block}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li.active ul.depth2 li a.active span { color: #da291c}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li ul.depth2 { padding: 13px 0; background-color: #f5f5f5; border-bottom: 1px #eee solid; display: none}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li ul.depth2 li a { display: block; padding: 13px 20px}
 header .header-inner #nav .nav-inner .gnb-area .gnb-menu>li ul.depth2 li a span { color: #555}
 header .header-inner #nav .home { display: block; position: absolute; top: 15px; left: 20px; z-index: 10; width: 24px; height: 20px}
 header .header-inner #nav .home::before { content: ""; background: url(../image/home.png) no-repeat left top; background-size: 100% 100%; display: inline-block; width: 24px; height: 20px}
 header .header-inner #nav .btn-gnb-close { display: block; position: absolute; top: 15px; right: 20px; z-index: 10; width: 20px; height: 20px; padding: 0}
 header .header-inner #nav .btn-gnb-close::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='39px' height='39px'%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M2.000,2.000 L36.000,36.000 '/%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M35.500,2.499 L2.531,35.469 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 20px; height: 20px}
 header .header-inner #nav .gnb-bottom-area { position: absolute; bottom: 0; width: 100%; height: 60px; z-index: 10000; background-color: #33aeb6; padding: 20px 22px}
 header .header-inner #nav .gnb-bottom-area .bottom-box { display: flex; width: 100%; height: 100%; align-items: center}
 header .header-inner #nav .gnb-bottom-area .bottom-box .box { position: relative}
 header .header-inner #nav .gnb-bottom-area .bottom-box .box a { display: flex; height: 16px}
 header .header-inner #nav .gnb-bottom-area .bottom-box .box a.lotteresort::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url(../image/logo_resort_m.png) no-repeat top center; background-size: cover; margin-right: 5px}
 header .header-inner #nav .gnb-bottom-area .bottom-box .box a::after { position: relative; content: ""; right: 0; display: block; width: 1px; height: 16px; background-color: #fff; margin: 0 8px}
 header .header-inner #nav .gnb-bottom-area .bottom-box .box:last-child a::after { display: none}
 header .header-inner #nav .gnb-bottom-area .bottom-box .box:last-child a.e-shop::after { content: ""; display: block; margin: 1px 0 0 2px; width: 14px; height: 14px; background: url(../image/open_site.png); background-repeat: no-repeat; background-size: contain}
 header .header-inner #nav .gnb-bottom-area .bottom-box .box span { color: #fff}
 [data-catagory=index] header { background-color: rgba(0, 0, 0, 0); border-bottom: 1px rgba(238, 238, 238, .13) solid}
 [data-catagory=index] .header-inner .head-title .main-logo a { background: url(../image/m-logo-m.png) no-repeat left top; background-size: 100% 100%}
 [data-catagory=index] .header-inner .btn-gnb-open .bar { background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='44px' height='30px'%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M42.000,17.000 L2.000,17.000 C0.895,17.000 -0.000,16.104 -0.000,15.000 C-0.000,13.895 0.895,13.000 2.000,13.000 L42.000,13.000 C43.105,13.000 44.000,13.895 44.000,15.000 C44.000,16.104 43.105,17.000 42.000,17.000 ZM42.000,4.000 L12.000,4.000 C10.895,4.000 10.000,3.105 10.000,2.000 C10.000,0.895 10.895,-0.000 12.000,-0.000 L42.000,-0.000 C43.105,-0.000 44.000,0.895 44.000,2.000 C44.000,3.105 43.105,4.000 42.000,4.000 ZM12.000,26.000 L42.000,26.000 C43.105,26.000 44.000,26.895 44.000,28.000 C44.000,29.104 43.105,30.000 42.000,30.000 L12.000,30.000 C10.895,30.000 10.000,29.104 10.000,28.000 C10.000,26.895 10.895,26.000 12.000,26.000 Z'/%3e%3c/svg%3e")}
 header.scroll { background-color: #fff; border-bottom: 1px #eee solid}
 header.scroll .header-inner .head-title .main-logo a { background: url(../image/logo-m.png) no-repeat left top; background-size: 100% 100%}
 header.scroll .header-inner .btn-gnb-open .bar { background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='44px' height='30px'%3e%3cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M42.000,17.000 L2.000,17.000 C0.895,17.000 -0.000,16.105 -0.000,15.000 C-0.000,13.895 0.895,13.000 2.000,13.000 L42.000,13.000 C43.105,13.000 44.000,13.895 44.000,15.000 C44.000,16.105 43.105,17.000 42.000,17.000 ZM42.000,4.000 L12.000,4.000 C10.895,4.000 10.000,3.105 10.000,2.000 C10.000,0.895 10.895,-0.000 12.000,-0.000 L42.000,-0.000 C43.105,-0.000 44.000,0.895 44.000,2.000 C44.000,3.105 43.105,4.000 42.000,4.000 ZM12.000,26.000 L42.000,26.000 C43.105,26.000 44.000,26.895 44.000,28.000 C44.000,29.104 43.105,30.000 42.000,30.000 L12.000,30.000 C10.895,30.000 10.000,29.104 10.000,28.000 C10.000,26.895 10.895,26.000 12.000,26.000 Z'/%3e%3c/svg%3e")}
 header .header-inner .nav-sale-mo { display: block}
 header .header-inner .nav-sale-pc { display: none}
 header .header-inner .nav-sale-mo { position: absolute; top: 12px; left: 121px}
 header .header-inner #nav .nav-inner .nav-sale-mo::after { content: ""; border-right: 1px #5cbec5 solid; position: absolute; left: -12px; top: 8px; height: 16px}
 header .header-inner #nav .nav-inner .nav-sale-mo span { display: inline-block; padding: 8px 0; color: #fff}
 }
footer { background-color: #444}
footer .footer-inner { width: 1280px; margin: 0 auto; position: relative}
footer .footer-inner .footer-logo { position: absolute; left: 0; top: 40px}
footer .footer-inner .footer-info { padding: 49px 0 0 240px}
footer .footer-inner .footer-info:after { content: ""; display: block; clear: both}
footer .footer-inner .footer-info li { float: left}
footer .footer-inner .footer-info li.w a { color: #fff}
footer .footer-inner .footer-info li a { color: #b2b2b2; display: block; margin-right: 35px; position: relative}
footer .footer-inner .footer-info li a::after { content: ""; position: absolute; right: -17px; top: 2px; height: 16px; border-right: 1px #2f2f2f solid}
footer .footer-inner .footer-info li:last-child a { margin-right: 0}
footer .footer-inner .footer-info li:last-child a::after { display: none}
footer .footer-inner .footer-address { margin: 29px 0 0 240px; padding-bottom: 55px}
footer .footer-inner .footer-address * { font-size: 15px; color: #b2b2b2}
footer .footer-inner .footer-address ul li:nth-child(3) { padding-top: 23px}
footer .footer-inner .footer-address ul li:nth-child(3) span { margin-right: 0}
footer .footer-inner .footer-address ul li:last-child { display: none}
footer .footer-inner .footer-address ul li>span { display: block; padding-top: 12px}
footer .footer-inner .footer-address ul li.mo { padding-top: 27px}
footer .footer-inner .footer-address ul li.mo span { padding-top: 0; display: inline-block; margin-right: 20px; position: relative}
footer .footer-inner .footer-address ul li.mo span::after { content: ""; position: absolute; right: -13px; top: 2px; border-left: 1px #2f2f2f solid; height: 14px}
footer .footer-inner .footer-address ul li.mo span:last-child::after { display: none}
footer .footer-inner .footer-address ul li a[href^="tel:"] { display: inline-block; color: #aaa; margin-left: 5px}
footer .footer-inner .affi-list { background: url("../image/affi-list.png") no-repeat left top; height: 102px; width: 336px; position: absolute; right: 0; bottom: 0}
footer .footer-inner .affi-list:after { content: ""; display: block; clear: both}
footer .footer-inner .affi-list li { float: left}
footer .footer-inner .affi-list li a { display: block}
footer .footer-inner .affi-list li a em { display: block; height: 80px; margin-right: 39px}
footer .footer-inner .affi-list li a .ico-skyhill { width: 177px}
footer .footer-inner .affi-list li a .ico-lpoint { width: 120px; margin-right: 0}
footer .footer-inner .affi-list-all { background: url("../image/affi-list-all.png") no-repeat left top; height: 104px; width: 1280px; margin-top: -26px}
footer .footer-inner .affi-list-all:after { content: ""; display: block; clear: both}
footer .footer-inner .affi-list-all li { float: left}
footer .footer-inner .affi-list-all li a { display: block}
footer .footer-inner .affi-list-all li a em { display: block; height: 80px; margin-right: 55px}
footer .footer-inner .affi-list-all li a .ico-skyhill { width: 177px}
footer .footer-inner .affi-list-all li a .ico-signiel { width: 108px}
footer .footer-inner .affi-list-all li a .ico-hotels { width: 241px}
footer .footer-inner .affi-list-all li a .ico-l7 { width: 48px}
footer .footer-inner .affi-list-all li a .ico-city { width: 102px}
footer .footer-inner .affi-list-all li a .ico-dutty { width: 51px}
footer .footer-inner .affi-list-all li a .ico-lpoint { width: 120px; margin-right: 0}
footer .footer-inner .family-site { position: absolute; top: 97px; right: 0}
footer .footer-inner .family-site>a { color: #fff; display: block; width: 160px; border-bottom: 1px #a2a2a2 solid; padding: 12px 0; position: relative}
footer .footer-inner .family-site>a[data-state=active]+.family-site-detail { display: block}
footer .footer-inner .family-site>a::after { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8px' height='6px'%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M0.441,-0.004 C0.810,-0.004 7.293,-0.004 7.548,-0.004 C7.878,-0.004 8.124,0.239 7.931,0.479 C7.776,0.671 4.652,4.510 4.385,4.838 C4.209,5.054 3.790,5.049 3.615,4.838 C3.419,4.602 0.278,0.748 0.060,0.469 C-0.100,0.265 0.077,-0.004 0.441,-0.004 Z'/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 8px; height: 6px; position: absolute; right: 0; top: 18px}
footer .footer-inner .family-site .family-site-detail { display: none; position: absolute; top: -210px; padding: 12px 17px 1px; width: 200px; height: 210px; overflow-y: scroll; background: #5b5b5b; border: 1px solid #333; box-sizing: border-box; z-index: 500}
footer .footer-inner .family-site .family-site-detail ul li span, footer .footer-inner .family-site .family-site-detail ul li a { color: #fff; line-height: 26px; font-size: 13px}
footer .footer-inner .footer-info-mo-view, footer .footer-inner .footer-address-mo-view { display: none}
@media screen and (max-width: 768px) { footer .footer-inner { width: 100%; padding: 0 20px 20px}
 footer .footer-inner .mo, footer .footer-inner .footer-logo, footer .footer-inner .affi-list, footer .footer-inner .affi-list-all, footer .footer-inner .family-site { display: none}
 footer .footer-inner .footer-info { padding: 25px 0 0}
 footer .footer-inner .footer-info li { padding-bottom: 15px}
 footer .footer-inner .footer-info li a { margin-right: 30px; font-size: 13px; color: #ddd}
 footer .footer-inner .footer-info li a::after { content: ""; position: absolute; right: -15px; top: 0; height: 13px; border-right: 1px #3d3d3d solid}
 footer .footer-inner .footer-info li:nth-child(7) a { margin-right: 0}
 footer .footer-inner .footer-info li:nth-child(7) a::after { display: none}
 footer .footer-inner .footer-address { margin: 10px 0 0; padding-bottom: 0}
 footer .footer-inner .footer-address * { font-size: 13px; color: #aaa}
 footer .footer-inner .footer-address address span { display: block; padding-bottom: 7px}
 footer .footer-inner .footer-address ul li { padding-top: 0}
 footer .footer-inner .footer-address ul li:nth-child(3) { padding-top: 14px}
 footer .footer-inner .footer-address ul li:last-child { display: list-item; padding-top: 20px}
 footer .footer-inner .footer-address ul li:last-child button { padding: 0}
 footer .footer-inner .footer-address ul li:last-child span { margin-right: 0}
 footer .footer-inner .footer-address ul li span { display: block; margin-right: 0; padding-top: 3px}
 footer .footer-inner .footer-address ul li span.xn { line-height: 22px}
 footer .footer-inner .footer-address ul li span.xe { padding-top: 10px}
 footer .footer-inner .footer-address ul li a[href^="tel:"] { margin-left: 0}
 footer .footer-inner .footer-info-mo-view { background-color: #3d3d3d; display: block; margin: 0 -20px}
 footer .footer-inner .footer-info-mo-view:after { content: ""; display: block; clear: both}
 footer .footer-inner .footer-info-mo-view * { font-size: 13px; color: #b2b2b2}
 footer .footer-inner .footer-info-mo-view li { float: left; width: 33.3333333%; position: relative}
 footer .footer-inner .footer-info-mo-view li a { display: block; text-align: center; padding: 15px 0}
 footer .footer-inner .footer-info-mo-view li::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; border-right: 1px #373737 solid}
 footer .footer-inner .footer-info-mo-view li:last-child::after { display: none}
 footer .footer-inner .footer-address-mo-view { border-top: 1px #3d3d3d solid; display: block; margin-top: 25px; padding-top: 15px}
 footer .footer-inner .footer-address-mo-view:after { content: ""; display: block; clear: both}
 footer .footer-inner .footer-address-mo-view * { font-size: 13px; color: #b2b2b2}
 footer .footer-inner .footer-address-mo-view li { float: left; width: 33.3333333333%; position: relative}
 footer .footer-inner .footer-address-mo-view li a[href^="tel:"] { display: block; text-align: center}
 footer .footer-inner .footer-address-mo-view li a[href^="tel:"] em { display: block; padding-bottom: 7px}
 footer .footer-inner .footer-address-mo-view li::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; border-right: 1px #3d3d3d solid}
 footer .footer-inner .footer-address-mo-view li:last-child::after { display: none}
 }
[data-device=webview] header, [data-device=webview] footer { display: none}
[data-device=webview] .wrap>.container { padding-top: 0}
.top-scroll { position: fixed; right: 50px; bottom: 50px; background-color: #fff; border: 1px #eee solid; width: 56px; height: 56px; border-radius: 100px; z-index: 50; box-shadow: 0 6px 14px rgba(0, 0, 0, .1); display: none}
.top-scroll::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23.5px' height='23px'%3e%3cpath fill-rule='evenodd' stroke='rgb(119, 119, 119)' stroke-width='1px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M1.953,11.992 L12.013,0.850 L22.016,11.992 '/%3e%3cpath fill-rule='evenodd' fill='rgb(119, 119, 119)' d='M11.500,1.500 L12.500,1.500 L12.500,22.500 L11.500,22.500 L11.500,1.500 Z'/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 23px; height: 23px; position: absolute; left: 15px; top: 16px}
@media screen and (max-width: 768px){
 .top-scroll { width: 38px; height: 38px; right: 20px; bottom: 90px}
 .top-scroll::before { left: 11px; top: 11px; width: 15px; height: 17px}
 }
.reservation .wrap .container { min-height: inherit}
.wrap .container { padding-top: 120px; min-height: 1200px}
@media screen and (max-width: 768px){
 .wrap .container { padding-top: 50px; min-height: inherit}
 }
.wrap .container:after { content: ""; display: block; clear: both}
.wrap .container>.aside { float: left}
.wrap .container>.contents { float: left}
.wrap .container>.contents-area-center { max-width: 1280px; margin: 0 auto; padding: 50px 0 100px; position: relative}
@media screen and (max-width: 768px){
 .wrap .container>.contents-area-center { padding: 30px 20px 40px; max-width: 100%}
 }
.wrap .container .location-navi { position: absolute; right: 0; top: 30px; z-index: 5}
@media screen and (max-width: 768px){
 .wrap .container .location-navi { display: none}
 }
.wrap .container .location-navi ul:after { content: ""; display: block; clear: both}
.wrap .container .location-navi ul li { position: relative; float: left; font-size: 14px; color: #555; margin-left: 22px}
.wrap .container .location-navi ul li::after { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='7.5px' height='11.5px'%3e%3cpath fill-rule='evenodd' stroke='rgb(170, 170, 170)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M1.500,0.500 L6.500,5.500 L1.500,10.500 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; position: absolute; right: -15px; top: 3px; width: 7.5px; height: 11px}
.wrap .container .location-navi ul li:last-child { color: #000}
.wrap .container .location-navi ul li:last-child::after { display: none}
.wrap .container .location-navi ul li a { font-size: 14px; color: #555}
.wrap .contents-area-center .contents { max-width: 1000px; margin: 0 auto; padding: 80px 0}
.landScape { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #fff; z-index: 9999}
.landScape p { position: absolute; top: 60%; width: 100%; text-align: center; transform: translateY(-50%); font-family: "SpoqaHanSans-Regular"; font-size: 15px; color: #000; line-height: 1.2}
.landScape p::before { content: ""; position: absolute; top: -200%; left: 50%; margin-left: -40px; width: 80px; height: 64px; background: url("../image/landScape-icon.png") no-repeat 0 0; background-size: 100%}
.no-header .wrap .container { margin-top: 0}
.btn-gird-col { margin: 0 -10px}
.btn-gird-col:after { content: ""; display: block; clear: both}
.btn-gird-col>li { float: left; width: 50%; position: relative; padding: 0 10px}
.btn-gird-col>li button { width: 100%}
.btn-gird-col>li:first-child:nth-last-child(1) { width: 100%}
.btn-gird-col>li:first-child:nth-last-child(2), .btn-gird-col>li:first-child:nth-last-child(2)~li { width: 50%}
.btn-gird-col>li:first-child:nth-last-child(3), .btn-gird-col>li:first-child:nth-last-child(3)~li { width: 33.33333333%}
.btn-gird-col>li:first-child:nth-last-child(4), .btn-gird-col>li:first-child:nth-last-child(4)~li { width: 25%}

/* 20260226 포커스 디자인 수정 */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {  outline: none;}
:focus-visible { outline: 2px dashed #219da6; outline-offset: 1px; }
* { -webkit-tap-highlight-color: transparent; }
input::selection { background: transparent !important; color: inherit !important; }
input::-moz-selection { background: transparent !important; color: inherit !important; }
input[readonly] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
input[type="checkbox"]:focus-visible + label i { outline: 2px dashed #219da6; outline-offset: 3px; border-radius: 2px; }
input[type="checkbox"]:focus:not(:focus-visible) + label i { outline: none; }
.file-area label:has(input[type="file"]:focus-visible ) { outline: 2px dashed #219da6; outline-offset: 3px; border-radius: 2px; }
.club-course-area .club-course-map .horizontal-scroll-area .hole-list a.ocean-hole:focus-visible,
.club-course-area .club-course-map .horizontal-scroll-area .hole-list a.sky-hole:focus-visible,
.club-course-area .club-course-map .horizontal-scroll-area .hole-list a.forest-hole:focus-visible { outline: 2px dashed #000000 !important; outline-offset: 2px; }
.club-course-area .club-course-map .horizontal-scroll-area .hole-list a.hill-hole:focus-visible { outline: 2px dashed #ffffff !important; outline-offset: 2px; }