@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability of focused elements when they are also in an active/hover state. */
/* a:active, a:hover { outline: 0; } */

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `700er` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: 700; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: .67em 0; }

/** Address styling not present in IE 8/9. */
mark { color: #000; background: #ff0; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; vertical-align: top;}

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { margin: 0; /* 3 */ color: inherit; /* 1 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; /* 3 */ -webkit-appearance: button; /* 2 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type='checkbox'], input[type='radio'] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
input[type='search'] { box-sizing: content-box; /* 2 */ -webkit-appearance: textfield; /* 1 */ }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid #c0c0c0; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { padding: 0; /* 2 */ border: 0; /* 1 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: 700; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-spacing: 0; border-collapse: collapse; }

td, th { padding: 0; }

/* noto-sans-kr-300 - latin */
/* noto-sans-kr-300 - latin_korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url("../fonts/noto-sans-kr-v12-latin_korean-300.eot"); /* IE9 Compat Modes */ src: url("../fonts/noto-sans-kr-v12-latin_korean-300.woff2") format("woff2"), url("../fonts/noto-sans-kr-v12-latin_korean-300.woff") format("woff"), url("../fonts/noto-sans-kr-v12-latin_korean-300.ttf") format("truetype"); }

/* noto-sans-kr-regular - latin_korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url("../fonts/noto-sans-kr-v12-latin_korean-regular.eot"); /* IE9 Compat Modes */ src: url("../fonts/noto-sans-kr-v12-latin_korean-regular.woff2") format("woff2"), url("../fonts/noto-sans-kr-v12-latin_korean-regular.woff") format("woff"), url("../fonts/noto-sans-kr-v12-latin_korean-regular.ttf") format("truetype"); }

/* noto-sans-kr-500 - latin_korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url("../fonts/noto-sans-kr-v12-latin_korean-500.eot"); /* IE9 Compat Modes */ src: url("../fonts/noto-sans-kr-v12-latin_korean-500.woff2") format("woff2"), url("../fonts/noto-sans-kr-v12-latin_korean-500.woff") format("woff"), url("../fonts/noto-sans-kr-v12-latin_korean-500.ttf") format("truetype"); }

/* noto-sans-kr-700 - latin_korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url("../fonts/noto-sans-kr-v12-latin_korean-700.eot"); /* IE9 Compat Modes */ src: url("../fonts/noto-sans-kr-v12-latin_korean-700.woff2") format("woff2"), url("../fonts/noto-sans-kr-v12-latin_korean-700.woff") format("woff"), url("../fonts/noto-sans-kr-v12-latin_korean-700.ttf") format("truetype"); }

/* roboto-300 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url("../fonts/roboto-v20-latin-300.eot"); /* IE9 Compat Modes */ src: url("../fonts/roboto-v20-latin-300.woff2") format("woff2"), url("../fonts/roboto-v20-latin-300.woff") format("woff"), url("../fonts/roboto-v20-latin-300.ttf") format("truetype"); }

/* roboto-regular - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url("../fonts/roboto-v20-latin-regular.eot"); /* IE9 Compat Modes */ src: url("../fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v20-latin-regular.woff") format("woff"), url("../fonts/roboto-v20-latin-regular.ttf") format("truetype"); }

/* roboto-500 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url("../fonts/roboto-v20-latin-500.eot"); /* IE9 Compat Modes */ src: url("../fonts/roboto-v20-latin-500.woff2") format("woff2"), url("../fonts/roboto-v20-latin-500.woff") format("woff"), url("../fonts/roboto-v20-latin-500.ttf") format("truetype"); }

/* roboto-700 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url("../fonts/roboto-v20-latin-700.eot"); /* IE9 Compat Modes */ src: url("../fonts/roboto-v20-latin-700.woff2") format("woff2"), url("../fonts/roboto-v20-latin-700.woff") format("woff"), url("../fonts/roboto-v20-latin-700.ttf") format("truetype"); }

* { font-style: normal; font-family: "Noto Sans KR", sans-serif; box-sizing: border-box; }

body, html { width: 100%; height: 100%; }

body { font-size: 14px; color: #333333; letter-spacing: -1px; line-height: 1; background: #fff; -webkit-font-smoothing: antialiased; margin: 0 auto; word-break: keep-all; }

a { text-decoration: none; color: #333; }

address, em { font-style: normal; }

hr { display: none; }

form { margin: 0; }

/* table */
table { width: 100%; table-layout: fixed; border-collapse: separate;}

td, th { word-break: break-all; background-clip: padding-box; }

td.posr, th.posr { position: relative; }

caption {overflow: hidden; width: 0; height: 0; text-indent: -9999px; }

fieldset { border: none; }

/*  form */
input[type=checkbox], input[type=radio] { padding: 0; }

input[type=number]:-ms-clear, input[type=password]:-ms-clear, input[type=text]:-ms-clear { display: none; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }

button { font-weight: normal; width: auto; padding: 0; border: 0; background: none; }

textarea { resize: none; }

img { max-width: 100%; }

a, button, img, input, select, textarea { vertical-align: middle; }

a, button { display: inline-block;}

a:active, a:focus, a:hover, button:active, button:focus, button:hover { text-decoration: none; }

dl, ol, ul { margin: 0; padding: 0; }

dl, li { margin: 0; padding: 0; list-style: none; }

p { margin: 0; }

b, strong { font-weight: normal; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; }

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

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

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

.fll { float: left !important; }

.fln { float: none !important; }

.flr { float: right !important; }
.hide{ position: absolute; top: -5000em; left: 0; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.txt-green{color:#27b2a5 !important;}
.vat { vertical-align: top; }

.vam { vertical-align: middle; }

.vabl { vertical-align: baseline; }

.p0 { padding: 0 !important; }

.p5 { padding: 5px !important; }

.p10 { padding: 10px !important; }

.p15 { padding: 15px !important; }

.p20 { padding: 20px !important; }

.p25 { padding: 25px !important; }

.p30 { padding: 30px !important; }

.p35 { padding: 35px !important; }

.p40 { padding: 40px !important; }

.p45 { padding: 45px !important; }

.p50 { padding: 50px !important; }

.p55 { padding: 55px !important; }

.p60 { padding: 60px !important; }

.pt0 { padding-top: 0 !important; }

.pt5 { padding-top: 5px !important; }

.pt6 { padding-top: 6px !important; }

.pt10 { padding-top: 10px !important; }

.pt12 { padding-top: 12px !important; }

.pt15 { padding-top: 15px !important; }

.pt18 { padding-top: 18px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pt55 { padding-top: 55px !important; }

.pt60 { padding-top: 60px !important; }

.pr0 { padding-right: 0 !important; }

.pr5 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pr55 { padding-right: 55px !important; }

.pr60 { padding-right: 60px !important; }

.pr100 { padding-right: 100px !important; }

.pb0 { padding-bottom: 0 !important; }

.pb5 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb12 { padding-bottom: 12px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb18 { padding-bottom: 18px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb55 { padding-bottom: 55px !important; }

.pb60 { padding-bottom: 60px !important; }

.pl0 { padding-left: 0 !important; }

.pl5 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl55 { padding-left: 55px !important; }

.pl60 { padding-left: 60px !important; }

.m0 { margin: 0 !important; }

.m5 { margin: 5px !important; }

.m10 { margin: 10px !important; }

.m15 { margin: 15px !important; }

.m18 { margin: 18px !important; }

.m20 { margin: 20px !important; }

.m25 { margin: 25px !important; }

.m30 { margin: 30px !important; }

.m35 { margin: 35px !important; }

.m40 { margin: 40px !important; }

.m45 { margin: 45px !important; }

.m50 { margin: 50px !important; }

.m55 { margin: 55px !important; }

.m60 { margin: 60px !important; }

.mt0 { margin-top: 0 !important; }

.mt3 { margin-top: 3px !important; }

.mt5 { margin-top: 5px !important; }

.mt6 { margin-top: 6px !important; }

.mt8 { margin-top: 8px !important; }

.mt10 { margin-top: 10px !important; }

.mt12 { margin-top: 12px !important; }

.mt15 { margin-top: 15px !important; }

.mt17 { margin-top: 17px !important; }

.mt18 { margin-top: 18px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

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

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mt80 { margin-top: 80px !important; }

.mr0 { margin-right: 0 !important; }

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

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mr55 { margin-right: 55px !important; }

.mr60 { margin-right: 60px !important; }

.mb0 { margin-bottom: 0 !important; }

.mb5 { margin-bottom: 5px !important; }

.mb6 { margin-bottom: 6px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb12 { margin-bottom: 12px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb55 { margin-bottom: 55px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb100 { margin-bottom: 100px !important; }

.ml0 { margin-left: 0 !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

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

.ml25 { margin-left: 25px !important; }

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

.ml35 { margin-left: 35px !important; }

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

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.ml55 { margin-left: 55px !important; }

.ml60 { margin-left: 60px !important; }

.wa { width: auto !important; }

.mask{
  position: fixed; top:0; left:0; width:100%; height:100%;
  background: rgba(0,0,0,0.5); z-index: 2;
  display: none;
}
.mask.active{
  display: block;
}
header.white{background: #fff; }
header.white .logo a{text-indent: -9999px; background: url('../img/common/header-logo-w.png') 0 50% no-repeat; display: block; width:100%; height:100%;}
header.white .menu-wrap nav > ul li a{
  color:#333;
}
header.white .menu-wrap nav .depth2 ul li a{font-size:16px; color:#666666;}
header.white .menu-wrap > div, header.white .menu-wrap .depth2{border-top:1px solid #e5e5e5;}
header{ border-top:3px solid #009591; z-index:2; position: relative; height: 140px;}
header .inner .top{max-width:1194px; margin:0 auto; position: relative; }
header .logo{width:268px; height:77px; }
header .logo a{text-indent: -9999px; background: url('../img/common/header-logo.png') 0 50% no-repeat; display: block; width:100%; height:100%;}
header .btn-reservation{
  padding:0 27px 0 54px; font-size:18px; line-height: 40px; color:#fff;
  position: absolute; top:20px; right:0; border-radius: 20px;
  background: #009591;
}
header .btn-reservation:before{
  content:'';
  position: absolute; top:50%; left:28px; transform: translateY(-50%);
  width: 21px; height: 20px;
  background: url('../img/common/icon-spr.png') 0 0 no-repeat;
}
header .btn-all-menu{
  position: absolute; top:50%; transform:translateY(-50%); right:202px;
  width:22px; height:20px;
  text-indent:-9999px;
  background: url('../img/common/icon-spr.png') -280px 0 no-repeat;
}
header.white .btn-all-menu{
  position: absolute; top:50%; transform:translateY(-50%); right:202px;
  width:22px; height:20px;
  text-indent:-9999px;
  background: url('../img/common/icon-spr.png') -258px 0 no-repeat;
}

header .sitemap-pop .body > div{max-width:1194px; margin:0 auto; position: relative;}
header .sitemap-pop .home{
  position: absolute; top:27px; left:0;
  width:29px; height:25px;
  text-indent:-9999px; z-index:2;
  background: url('../img/common/icon-spr.png') -302px 0 no-repeat;
}
header .sitemap-pop .btn-close{
  top:27px; z-index: 2;
}
header .sitemap-pop .body > div > ul{
  display: flex; flex-wrap: wrap; width: 100%;
}
header .sitemap-pop .body > div > ul > li{
  padding-top:28px;
  width:calc(100% / 3);
}
header .sitemap-pop .body > div > ul > li > em{
  font-size:18px;
}
header .sitemap-pop .content{padding:0; border:0; border-bottom:1px solid #c6c6c0;}
header .sitemap-pop .content:before{
  content:''; position: absolute; top:80px; left:0;
  width:100%; height:1px; background: #e5e5e5;
}
header .sitemap-pop .content:after{
  content:''; position: absolute; top:363px; left:0;
  width:100%; height:1px; background: #e5e5e5;
}
header .sitemap-pop .body > div > ul > li:nth-child(n+4){
  margin-top:33px; padding-top:20px;
}
header .sitemap-pop .depth2{margin-top:20px;}

header .sitemap-pop .depth2 li > a{
  font-size:16px; color:#666666; line-height: 38px;
}
header .sitemap-pop .depth1 > a.point{
  color:#009591;
}
header .sitemap-pop .box{
  width:268px; padding:25px 20px; margin-top:30px;
  background: #f6f8fb; border-radius: 10px;
  text-align: center;
}
header .sitemap-pop .box p{
  text-align: left;
  font-size:16px; line-height: 24px; color:#666;
}
header .sitemap-pop .box button{
  position: relative; margin-top:20px;
  padding:0 27px 0 54px; font-size:18px; line-height: 40px; color:#fff;
  border-radius: 20px;
  background: #009591;
}
header .sitemap-pop .box button:before{
  content:'';
  position: absolute; top:50%; left:28px; transform: translateY(-50%);
  width: 21px; height: 20px;
  background: url('../img/common/icon-spr.png') 0 0 no-repeat;
}

/* .ui-popup.sitemap-pop{
  background: none;
} */
.ui-popup.sitemap-pop .content{
  vertical-align: top; width:100%;
}
.ui-popup.sitemap-pop .content .header{
  padding:0; border:0; max-width:1194px; margin:0 auto; height:80px;
}
.ui-popup.sitemap-pop .content .body{
  padding:0 0 80px ;
}
.main .menu-wrap > div{border-top:1px solid #c1c5c0; border-bottom:1px solid #c1c5c0;}
.menu-wrap > div{position: relative; }
.menu-wrap nav{max-width:1194px; margin:0 auto;}
.menu-wrap nav > ul{display: flex; padding:0 50px; justify-content: space-between;}
.menu-wrap nav > ul li{width:20%;}
.menu-wrap nav > ul > li:nth-child(2) ul li:first-child{margin-left:20%;}
.menu-wrap nav > ul > li:nth-child(3) ul li:first-child{margin-left:40%;}
.menu-wrap nav > ul > li:nth-child(4) ul li:first-child{margin-left:60%;}
.menu-wrap nav > ul > li:nth-child(5) ul{justify-content: flex-end;}

.menu-wrap nav > ul li a{
  display: block; text-align: center; line-height:60px;
  font-size:18px; color:#fff;
}
.menu-wrap nav .depth2{
  display: block; width: 100%; background: #fff;
  position: absolute; top:-200px; left:0;
}
.menu-wrap nav .depth1.active > a{position: relative; color:#009591;}
.menu-wrap nav .depth1.active > a:before{
  content:'';
  position: absolute; bottom:1px; left:0;
  width:100%; height:2px; background: #27b2a5;
}
.menu-wrap nav .depth1 > a.on{position: relative; color:#009591;}
.menu-wrap nav .depth1 > a.on:before{
  content:'';
  position: absolute; bottom:1px; left:0;
  width:100%; height:2px; background: #27b2a5;
}
.menu-wrap nav .depth1.active .depth2{top:59px}
.menu-wrap nav .depth2 ul{
  max-width: 1194px;
  margin:0 auto; padding:0 50px;
  display: flex;
}
.menu-wrap nav .depth2 ul li{
  width:20%;
}
.menu-wrap nav .depth2 ul li a{
  font-size:16px; color:#666666;
}
.menu-wrap nav .depth2 ul li a:hover{color:#27b2a5 !important;}
.menu-wrap nav .depth2 ul li a.active{color:#27b2a5 !important;}
.btn-reservation-menu{display: none;}
section .inner{max-width:1194px; margin:0 auto;}

.quick{
  position: fixed; right:50px; bottom:150px; z-index:1;
}
.quick .reservation{
  position: relative;
  display: block; padding-top:20px;
  width:110px; height:110px;
  color:#fff; font-size:20px; line-height: 24px;text-align: center;
  background: #009591; border-radius: 50%;
}
.quick .reservation:before{
  content:''; position: absolute; top:13px; left:50%; transform: translateX(-50%);
  width: 21px; height: 20px;
  background: url('../img/common/icon-spr.png') 0 0 no-repeat;
}
.quick .top{
  margin:20px auto 0; border-bottom:1px solid #666666;
  display: block; width:55px; position: relative;
  color:#333333; font-size:16px; line-height: 26px; text-align: center;
  font-weight: 500;
}
.quick .top:after{
  content:''; display: inline-block;
  width: 20px; height: 20px; margin:3px 0 0 3px; vertical-align: top;
  background: url('../img/common/icon-spr.png') -190px 0 no-repeat;
}


.main-pop .content{

}
/* popup */
[data-popup-target] {cursor:pointer;}
.ui-popup {visibility:hidden;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,0.5);text-align:center;white-space:nowrap;font-size:0;}
.ui-popup.active {visibility:visible;}
.ui-popup:before {content:"";display:inline-block;height:100%;vertical-align:middle;}
.ui-popup .content {
  display:inline-block;position:relative;background-color:#fff;text-align:left;vertical-align:middle;white-space:initial;overflow:hidden;font-size:16px;
  height: 90%;
  width:940px; padding:65px 70px; border:5px solid #27b2a5;
}
.ui-popup .header {
  position: relative;
  padding-bottom:5px;border-bottom:1px solid #27b2a5;
}
.ui-popup .header h3{
  font-size:32px; line-height:58px; font-weight: 500; color:#27b2a5;
}
.ui-popup .body {height:calc(100% - 42px);padding:10px 0;box-sizing:border-box;-webkit-overflow-scrolling:touch;}
.ui-popup .btn-close {
  position:absolute;right:0;top:15px;
  width:28px; height:28px;text-indent: -9999px;
  background: url('../img/common/icon-spr.png') -210px 0 no-repeat;
}
.ui-popup h4 {padding-top:14px;font-size:26px;line-height:1.55; font-weight: 500; margin-bottom:22px;}
.ui-popup h4 strong {font-weight: 500;}
.ui-popup .body h4 + strong {display:block;font-size:22px; line-height:28px; font-weight: 500; margin-bottom:12px;}
.ui-popup .body p {font-size:20px; line-height:1.55; color:#666;}
.ui-popup .body .dot li:before {top:12px;}

.ui-popup-call {padding:10px;}
.ui-popup.full-iframe .content {width:100%;height:100% !important;}

.ui-tab .tab-nav {
  display: flex; width:calc(100% - 1px); padding-left:1px;
  margin:30px 0;
}
.ui-tab .tab-nav a{
  position: relative; display: block; width:50%; text-align: center;
  font-size:22px; color:#9e9e9e; font-weight:500; line-height: 68px;
  border:1px solid #d6d6d6; border-radius: 8px 8px 0 0;
  margin-left:-1px;
}
.ui-tab .tab-nav a.active{
  color:#27b2a5; border:1px solid #27b2a5; z-index: 1;
}
.ui-tab .tab-content > div{display: none;}
.ui-tab .tab-content > div.active{display: block;}

.mo-view, .mo-img{display:none;}
.br{display: block;}


/* 스킵 네비 */
#skipnavi {width:0; height:0; font-size:0; line-height:0; z-index:999;}
#skipnavi ul {position:absolute; top:0; left:0;z-index:999;}
#skipnavi ul li {position:absolute; top:0; left:0;z-index:999;}
#skipnavi ul li a {position:absolute; display:block; left:-1000px; top:0; width:300px; height:20px; font-weight:bold; text-align:center; font-size:14px; color:#000;}
#skipnavi ul li a:focus,
#skipnavi ul li a:hover,
#skipnavi ul li a:active {position:absolute; top:0; left:0; font-size:14px; color:#000; background:#fff; border:2px solid #fcbc14; padding:1em 0; z-index:10;}


@media screen and (max-width: 1274px) {
  header .inner .top{margin:0 40px;}
  header .sitemap-pop .body > div{padding-left:40px; padding-right:40px;}
  .ui-popup.sitemap-pop .content .header{
    margin:0 40px;
  }
  section .inner{padding-left:40px; padding-right:40px;}
}
@media screen and (min-width: 1025px) {
	.only-mo {display:none !important;}
}
/* mobile */
@media screen and (max-width: 1024px) {
  .pc-view{display: none !important;}
  .mo-view{display:block;}
  .only-pc {display:none !important;}
  header{ border-top:2px solid #009591; background: #fff; height: auto; z-index: 9;}
  header .inner .top{height:58px; border-bottom:1px solid #e5e5e5; margin:0; padding:0 15px;
    position: relative; z-index: 9; background: #fff;
  }
  header .logo{width:218px; height:58px; }
  header .logo a{
    background: url('../img/mobile/common/m-header-logo.png') 0 50% no-repeat;
    background-size: 218px;
  }
  header .btn-all-menu{
    right:15px;
    background: url('../img/mobile/common/icon-spr.png') 0 0 no-repeat;
    background-size: 250px;
    width: 16px;
    height: 15px;
    padding: 0;
  }
  header .btn-all-menu.active{
    right:15px; padding: 0;
    width:18px; height:18px;
    background: url('../img/mobile/common/icon-spr.png') -97px 0 no-repeat;
    background-size: 250px;
  }

  header .btn-reservation{display:none;}

  section .inner{padding-left:15px; padding-right:15px;}

  .quick{
    position: fixed; right:15px; bottom:30px; z-index:1;
  }
  .quick button.reservation{
    position: relative;
    display: block; padding-top:15px;
    width:57px; height:57px;
    color:#fff; font-size:14px; line-height: 18px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
  }
  .quick a.reservation{
    position: relative;
    display: block; padding-top:28px;
    width:57px; height:57px;
    color:#fff; font-size:14px; line-height: 18px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
  }
  .quick .reservation:before{
    content:''; position: absolute; top:12px; left:50%; transform: translateX(-50%);
    width: 16px; height: 16px;
    background: url('../img/mobile/common/icon-spr.png') -202px 0 no-repeat;
    background-size: 250px;
  }
  .quick .reservation em{
    display: none;
  }
  .quick .top{
    position: relative;
    display: block; padding-top:27px;
    width:57px; height:57px;
    color:#fff; font-size:14px; line-height: 18px;
    font-weight: normal;
    margin:6px 0 0; border-bottom:0;
    background: #93a1ab; border-radius: 50%; text-align: center;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
  }
  .quick .top:after{
    content:'';
    display: block; position: absolute; top:16px; left:50%; transform: translateX(-50%);
    width: 12px; height: 6px;
    margin:0; vertical-align: top;
    background: url('../img/mobile/common/icon-spr.png') 100% -21px no-repeat;
    background-size: 250px;
  }
  .ui-popup .btn-close {
    position:absolute;right:0;top:7px;
    width:18px; height:18px;
    background: url('../img/mobile/common/icon-spr.png') -97px 0 no-repeat;
    background-size: 250px;
  }

  .ui-popup .body{
    height:calc(100% - 74px);
    overflow-y: scroll;
  }
  .ui-popup .content{
    height: 90%;
    width:calc(100% - 30px); padding:0; border:3px solid #27b2a5;
  }

  .ui-popup .content .header{margin:20px;}
  .ui-popup .content .header h3{
    font-size:20px; line-height:30px; font-weight: 500; margin-bottom:0;
  }
  .ui-popup .content .body{padding:0 20px 20px;}

  .menu-wrap{
    display:none; position: absolute; top:57px; width:100%; left:0; background: #fff;border-top:1px solid #e5e5e5;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  }
  .menu-wrap > div{position: relative; border-top:0 !important;}
  .menu-wrap nav{max-width:1194px; margin:0 auto;}
  .menu-wrap nav > ul{display: block; padding:0; justify-content: normal; border-bottom:1px solid #e5e5e5;}
  .menu-wrap nav > ul > li{width:100%; border-top:1px solid #e5e5e5;}
  .menu-wrap nav > ul > li:nth-child(2){border-bottom:3px solid #e5e5e5;}
  .menu-wrap nav > ul > li:nth-child(2) ul li:first-child{margin-left:0;}
  .menu-wrap nav > ul > li:nth-child(3) ul li:first-child{margin-left:0;}
  .menu-wrap nav > ul > li:nth-child(4) ul li:first-child{margin-left:0;}
  .menu-wrap nav > ul > li:nth-child(5) ul{justify-content:flex-start;}
  .menu-wrap nav .depth1 > a.on:before{display: none;}
  .menu-wrap nav > ul li a{
    display: block; text-align: left; line-height:48px;
    font-size:16px; color:#333;
    padding:0 15px; position: relative;
  }
  .menu-wrap nav .depth2{
    display: none; width: 100%; background: #f6f8fb;
    position: relative; top:auto; left:auto;
    padding:10px 0;
    border-top:1px solid #e5e5e5;
  }
  .menu-wrap nav > ul li.depth1 > a:after{
    content:'';
    position: absolute; top:50%; right:15px; transform: translateY(-50%);
    width:12px; height:12px;
    background: url('../img/mobile/common/icon-spr.png') -154px 0 no-repeat;
    background-size: 250px;
  }
  .menu-wrap nav .depth1.active > a{position: relative;}
  .menu-wrap nav > ul li.depth1 > a.active:after{
    background-position: -142px 4px;
  }
  .menu-wrap nav .depth1.active .depth2{top:auto;}
  .menu-wrap nav .depth2 ul{
    max-width: 1194px;
    margin:0 auto; padding:0;
    display: block;
  }
  .menu-wrap nav .depth2 ul li{
    width:100%;
  }
  .menu-wrap nav .depth2 ul li a{
    font-size:15px; color:#666666; line-height: 36px;
  }
  .menu-wrap nav .depth2 ul li a:hover{color:#27b2a5 !important;}
  .menu-wrap .btn-reservation-menu{
    position: relative;
    display: block; margin:15px auto; width:180px;
    font-size:14px; line-height: 36px; color:#fff;
    border-radius: 36px; background: #009591;
    text-align: center;
  }
  .menu-wrap .btn-reservation-menu:before{
    content:''; display: inline-block; vertical-align: top; margin-top:13px; margin-right:5px;
    width: 13px; height: 13px;
    background: url('../img/mobile/common/icon-spr.png') -72px 0 no-repeat;
    background-size: 250px;
  }

  .m-br{display: block;}
  * { outline: 0; }
  .menu-wrap nav .depth1 > a.on{color:#333;}

}