@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  outline: 0;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*!
 * fullPage 2.9.7
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
.fp-enabled body, html.fp-enabled {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fp-slide {
  float: left;
}

.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block;
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.fp-slidesContainer {
  float: left;
  position: relative;
}

.fp-controlArrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
  overflow: hidden;
  position: relative;
}

.fp-scroller {
  overflow: hidden;
}

.iScrollIndicator {
  border: 0 !important;
}

.fp-notransition {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right {
  right: 17px;
}

#fp-nav.left {
  left: 17px;
}

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  left: 0 !important;
  right: 0;
  margin: 0 auto !important;
}

.fp-slidesNav.bottom {
  bottom: 17px;
}

.fp-slidesNav.top {
  top: 17px;
}

#fp-nav ul, .fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li, .fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}

.fp-slidesNav ul li {
  display: inline-block;
}

#fp-nav ul li a, .fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial,helvetica,sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  width: auto;
  opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
  right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
  left: 20px;
}

.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
  height: auto !important;
}

.fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell, .fp-responsive .fp-auto-height-responsive.fp-section {
  height: auto !important;
}

/*# sourceMappingURL=jquery.fullpage.min.css.map */
/* Reset */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

a {
  color: inherit;
  text-decoration: none;
  outline: 0;
}

img,
map,
area {
  border: 0;
  vertical-align: top;
  outline: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: 16px;
  color: inherit;
  outline: 0;
}

input[type]::-ms-clear {
  display: none;
}

input[type]::-webkit-search-cancel-button {
  display: none;
}

button {
  letter-spacing: inherit;
  cursor: pointer;
}

textarea {
  resize: vertical;
}

::-moz-selection {
  color: #fff;
  background: #00b7c9;
  box-shadow: none;
}

::selection {
  color: #fff;
  background: #00b7c9;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body {
  width: 100%;
  min-width: 320px;
  font: normal 1em/1.4 "NotoKR", "Malgun Gothic", Gulim, Helvetica, Arial, sans-serif;
  letter-spacing: -0.06em;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  overflow-y: scroll;
}

/* /_Common/Style/fonts */
 @font-face {
  font-family: 'NotoKR';
  src: url("/_Common/Style/fonts/notokr-light-cd2b5e732aa33c73340acd82a5406304.eot") format("embedded-opentype"), url("/_Common/Style/fonts/notokr-light-251f03d8302b2bb85bf86f14a7bc7057.woff2") format("woff2"), url("/_Common/Style/fonts/notokr-light-2ea9b0e3609fed1eb1ddc97c177c70cb.woff") format("woff");
  font-style: normal;
  font-weight: lighter;
  font-weight: 100;
}

@font-face {
  font-family: 'NotoKR';
  src: url("/_Common/Style/fonts/notokr-regular-bae006813b0a476a15cc0306c573ddac.eot") format("embedded-opentype"), url("/_Common/Style/fonts/notokr-regular-a288961d62681aeff38489afad616c28.woff2") format("woff2"), url("/_Common/Style/fonts/notokr-regular-031547cb477885094f0fb06c678c135b.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'NotoKR';
  src: url("/_Common/Style/fonts/notokr-medium-c1f84afcd04a474c37b8a573e2f7a44c.eot") format("embedded-opentype"), url("/_Common/Style/fonts/notokr-medium-6a273c1578aaeb244be785ebed570c75.woff2") format("woff2"), url("/_Common/Style/fonts/notokr-medium-81bd542f397d1c5560442ae96d9f5f14.woff") format("woff");
  font-style: normal;
  font-weight: bold;
} 

@font-face {
  font-family: 'Montserrat';
  src: url("/_Common/Style/fonts/montserrat-light-1a513fbb8871439c371613068d2ad75b.eot") format("embedded-opentype"), url("/_Common/Style/fonts/montserrat-light-321f316fea79cc64f423b867f962ca44.woff2") format("woff2"), url("/_Common/Style/fonts/montserrat-light-f52007efa43faa75ec53d2a3da36e0fd.woff") format("woff");
  font-style: normal;
  font-weight: 200;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/_Common/Style/fonts/montserrat-regular-71ead201d58bf613cd9637d7f1549690.eot") format("embedded-opentype"), url("/_Common/Style/fonts/montserrat-regular-7b423d6dc236021f16137f607742b381.woff2") format("woff2"), url("/_Common/Style/fonts/montserrat-regular-30ca312708ca9ef1758fd2bdfef86533.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/_Common/Style/fonts/montserrat-bold-75e8cc0d1e3ee15ce1bb56f12f88f330.eot") format("embedded-opentype"), url("/_Common/Style/fonts/montserrat-bold-8a9ec26fe8b508945f8c1106c4011add.woff2") format("woff2"), url("/_Common/Style/fonts/montserrat-bold-e97d4463228a85c72017f8553cbc950b.woff") format("woff");
  font-style: normal;
  font-weight: bold;
}

/* Helper Classes */
.sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.text_center {
  text-align: center;
}

.text_left {
  text-align: center;
}

.text_right {
  text-align: right;
}

.blocked {
  display: block;
}

.inline_blocked {
  display: inline-block;
}

.hidden {
  display: none !important;
}

.show {
  display: block !important;
}

.clearfix:before, .clearfix:after {
  content: '';
  display: block;
  clear: both;
}

.is_animate {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, 45px);
      -ms-transform: translate(0, 45px);
          transform: translate(0, 45px);
  -webkit-transform: translate3d(0, 45px, 0);
          transform: translate3d(0, 45px, 0);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.animated,
.no-animation .is_animate {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
   -webkit-backface-visibility: hidden; backface-visibility: hidden;
}

/* ?�이?�웃 */
/* -- Header */
.header {
  position: relative;
  width: 100%;
  min-width: inherit;
  padding: 24px 0;
  z-index: 999;
}

.header:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #e2e2e2;
  background: #fff;
}

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

.header.is_hide {
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.header .goto_reservation {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 189px;
  min-height: 108px;
  padding: 0;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  background: #00b7c9 url("/_Images/img/common/goto_reservation-a0cca637f685ec1cf1e4ba0cb79f8877.png") no-repeat 50% 50%;
  z-index: 2;
}

.header .goto_shop {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 189px;
  min-height: 108px;
  padding: 20px 0;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #00b7c9;
  z-index: 2;
}

.header .goto_shop:before {
  content: '';
  display: block;
  width: 40px;
  height: 38px;
  margin: 0 auto 4px;
  background: url("/_Images/img/common/ic_shop_2-d5c9ac6d90d8745883f2259df4736d09.png") no-repeat 0 0;
  background-size: contain;
}

.mo_blocked {
  display: none;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.logo {
  position: relative;
  margin: 0;
  font-size: 0;
  float: left;
}

.logo .origin {
  display: inline-block;
  width: 220px;
  height: 60px;
  vertical-align: middle;
}

.logo img {
  display: block;
  width: 100%;
  height: auto;
}

.mo_btn_expand, .mo_btn_collapse, .mo_site_lang {
  display: none;
}

.nav_wrap {
  position: relative;
}

.mo_gnb_top {
  display: none;
}

.menu {
  position: absolute;
  top: 32px;
  right: 0;
  font-size: 0;
  list-style: none;
}

.menu > li {
  position: relative;
  display: inline-block;
  padding: 0 82px 0 0;
  font-size: 16px;
  font-size: 1rem;
}

.menu > li > a {
  font-size: 1.3125em;
  font-weight: bold;
}

.menu a {
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
}

.menu a:hover, .menu a:focus, .menu a:active {
  color: #1ba9b7;
}

.menu .on, .menu .active {
  color: #1ba9b7;
}

.menu .last {
  padding-right: 0;
}

.sub_menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 60px 0 0;
  list-style: none;
}

.sub_menu > li {
  margin: 0 0 1.125em;
  color: #747474;
  line-height: 1.1;
}

li:nth-child(5) .sub_menu {
  padding-left: 1.25em;
}

.util_menu {
  position: absolute;
  top: 0;
  right: 0;
  list-style: none;
}

.util_menu > ul > li {
  display: inline-block;
  font-size: 0.875em;
  color: #898989;
  line-height: 1.1;
  vertical-align: middle;
}

.util_menu > ul > li + li:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 0.64286em;
  margin: 0 7px;
  background: #e2e2e2;
}

.util_menu .on {
  color: #1ba9b7;
}

.site_lang {
  margin: 0 0 0 0.625em;
}

.site_lang:before {
  content: none !important;
}

.site_lang .btn_dropdown {
  width: 92px;
  padding: 0.46667em 1.86667em 0.46667em 0.8em;
  font-size: 0.9375em;
  color: #3d3d3d;
  line-height: 1.1;
  background: #f3f3f3;
}

.site_lang .btn_dropdown:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: 0px -106px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
}

.site_lang .btn_dropdown:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 11px;
  width: 0;
  height: 0;
  margin: -2px 0 0;
  border-top: 4px solid #666;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.site_lang .expanded .btn_dropdown:after {
  border-top: 0;
  border-bottom: 4px solid #666;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.site_lang ul {
  padding: 0.5em 0;
  background: #f3f3f3;
}

.site_lang ul li a {
  padding: 0.46667em 0.8em;
  font-size: 0.9375em;
  color: #3d3d3d;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
}

.gnb_back {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fcfcfc;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  visibility: hidden;
  overflow: hidden;
  z-index: -1;
}

.gnb_back .container:before {
  content: '';
  display: block;
  width: 786px;
  height: 340px;
  margin: 0 0 0 -260px;
  background: url("/_Images/img/common/gnb_prefix-b6883bbd10530920492649501268a0d0.png") no-repeat 0 0;
}

@-webkit-keyframes fadeInUpMenu {
  0% {
    -webkit-transform: translate(0, -7px);
            transform: translate(0, -7px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes fadeInUpMenu {
  0% {
    -webkit-transform: translate(0, -7px);
            transform: translate(0, -7px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

.expanded .gnb_back {
  visibility: visible;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-box-shadow: 0 30px 65px rgba(0, 0, 0, 0.2);
          box-shadow: 0 30px 65px rgba(0, 0, 0, 0.2);
}

.expanded .sub_menu {
  display: block;
  -webkit-animation: fadeInUpMenu 0.5s ease 0.2s both;
          animation: fadeInUpMenu 0.5s ease 0.2s both;
}

/* -- 메인 */
.main {
  /* 108p = Header Height */
  padding: 0 0 5.625em;
}

.page_header {
  margin: 0 0 2.8125em;
}

.page_header:after {
  content: '';
  display: block;
  width: 2.5em;
  margin: 34px auto 0;
  border-top: 1px solid #00b7c9;
}

/* -- Aside */
.aside {
  position: relative;
  height: 335px;
  white-space: nowrap;
  /* ?�시 배경 ?��?지 */
  background: #000 url("/_Images/img/common/sub/sub_bg_00-b4879d05f837a0ae5037871acc698c59.jpg") no-repeat 50% 50%;
  background-size: cover;
  overflow: hidden;
  z-index: 1;
}

.aside:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.aside .cover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.5;
  z-index: -1;
}

.aside_headline {
  display: inline-block;
  width: 100%;
  font-size: 2.1875em;
  font-weight: 100;
  font-weight: lighter;
  color: #fff;
  line-height: 1.2;
  white-space: normal;
  text-align: center;
  vertical-align: middle;
}

.aside_headline * {
  display: block;
}

.aside_headline strong {
  font-weight: bold;
}

.aside_headline em {
  display: block;
  margin: 0.5em;
  font-size: 57.14286%;
  font-style: normal;
  letter-spacing: 0.05em;
  opacity: 0.6;
}

.snb {
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  background: #fff;
}

.snb .container {
  position: relative;
}

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

.breadcrumbs {
  position: relative;
  padding: 0 32px 0 0;
  list-style: none;
  background: #fff;
  float: left;
}

.breadcrumbs:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 32px solid #d9d9d9;
  border-top: 29px solid transparent;
  border-bottom: 29px solid transparent;
}

.breadcrumbs:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 1px;
  width: 0;
  height: 0;
  border-left: 32px solid #f4f4f4;
  border-top: 29px solid transparent;
  border-bottom: 29px solid transparent;
}

.breadcrumbs > li {
  position: relative;
  width: 17.5em;
  height: 58px;
  padding: 0 0 0 3em;
  color: #646464;
  float: left;
}

.breadcrumbs > li:first-child {
  width: 68px;
  max-width: 68px;
  padding-left: 0;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}

.breadcrumbs > li:nth-child(2) {
  width: 15.3125em;
  padding-left: 1.5em;
}

.breadcrumbs > .on {
  color: #000;
  background: #f4f4f4;
}

.breadcrumbs > li + li:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 1px;
  width: 0;
  height: 0;
  border-left: 32px solid #d9d9d9;
  border-top: 29px solid transparent;
  border-bottom: 29px solid transparent;
}

.breadcrumbs > li + li:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
  border-top: 29px solid transparent;
  border-bottom: 29px solid transparent;
}

.breadcrumbs > li:nth-child(2):before,
.breadcrumbs > li:nth-child(2):after {
  content: none;
}

.breadcrumbs > li > a,
.breadcrumbs .dropdown_wrap {
  display: table;
  position: relative;
  table-layout: fixed;
  width: 100%;
  height: inherit;
}

.breadcrumbs li > a > span,
.breadcrumbs .btn_dropdown {
  display: table-cell;
  width: 100%;
  height: inherit;
  padding: 0 1.5em 0 0;
  vertical-align: middle;
}

.breadcrumbs .btn_dropdown:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto 0;
  border-left: 1px solid #535353;
  border-bottom: 1px solid #535353;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.breadcrumbs .expanded .btn_dropdown:after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.breadcrumbs > li > .goto_home {
  display: block;
  padding: 0;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
}

.breadcrumbs > li > .goto_home:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 19px;
  height: 16px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -92px -77px;
}

.breadcrumbs > li > .goto_home:after {
  content: none;
}

.breadcrumbs .dropdown {
  left: -3em;
  right: 1px;
  padding: 12px 0;
  color: #000;
  border: 1px solid #d9d9d9;
  background: #fff;
  overflow: hidden;
}

.breadcrumbs .dropdown a {
  padding: 0.375em 0.375em 0.375em 3em;
}

.breadcrumbs .dropdown .on {
  color: #00b7c9;
}

.breadcrumbs > li:nth-child(2) .dropdown {
  left: -1.5em;
}

.breadcrumbs > li:nth-child(2) .dropdown a {
  padding-left: 1.5em;
}

.snb_util {
  position: absolute;
  top: 50%;
  right: 28px;
  /* margin-top = 28 /2 */
  margin: -14px 0 0;
  list-style: none;
  z-index: 1;
}

.snb_util li {
  float: left;
  margin: 0 12px 0 0;
}

.btn_share {
  display: block;
  width: 28px;
  height: 24px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -38px 0px;
  border: 0;
  background-color: transparent;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
}

.share_wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.btn_share_close {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  background: #00a7b8;
}

.btn_share_close:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 23px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -64px -43px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.share_list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 10px 0 8px;
  background: #b2e9ee;
  list-style: none;
}

.share_list li {
  height: inherit;
}

.share_list button {
  display: block;
  position: relative;
  width: 100%;
  height: 36px;
  border: 0;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  background: none;
}

.share_list button:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 18px;
  background-image: url("/_Images/img/common/sp_share-077af14341972cf73aaf01dfa9e33494.png");
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.share_fb:before {
  background-position: 0px 0px;
}

.share_tw:before {
  background-position: -26px 0px;
}

.btn_print {
  display: block;
  width: 28px;
  height: 24px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -38px -28px;
  border: 0;
  background-color: transparent;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
}

/* -- Footer */
.footer {
  position: relative;
  padding: 3.75em 0 3em;
  background: #272a2c;
  -webkit-transition: top 0.8s ease 0.1s;
  -o-transition: top 0.8s ease 0.1s;
  transition: top 0.8s ease 0.1s;
}

.footer_nav {
  margin: 0 0 1em;
  text-align: center;
  list-style: none;
}

.footer_nav li {
  display: inline-block;
  color: #c8c8c8;
  line-height: 1.1;
}

.footer_nav li > a:before {
  content: '';
  display: inline-block;
  margin: 0 4px;
  width: 1px;
  height: 0.75em;
  background: #464849;
}

.footer_nav li:first-child > a:before {
  content: none;
}

.company_addr {
  margin: 0 0 1.625em;
  text-align: center;
}

.company_addr > * {
  font-size: 0.9375em;
  font-style: normal;
  color: #5f6060;
  vertical-align: top;
}

.footer_bottom {
  text-align: center;
}

.footer_bottom > * {
  display: inline-block;
  margin: 0 0 0 0.625em;
  vertical-align: middle;
}

.social {
  list-style: none;
}

.social li {
  display: inline-block;
  margin: 0 0.375em 0 0;
  vertical-align: middle;
}

.social a {
  display: block;
  width: 27px;
  height: 27px;
  background-image: url("/_Images/img/common/sp_social-6d6e537a3e427b1434046f591b9b125a.png");
  background-position: 0px 0px;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
}

.sns_02 > a {
  background-position: -31px 0px;
}

.sns_03 > a {
  background-position: 0px -31px;
}

.site_links {
  position: relative;
  z-index: 3;
}

.site_links .btn_dropdown {
  width: 249px;
  padding: 1em 54px 1em 0;
  font-size: 0.9375em;
  color: #727374;
  line-height: 1;
  text-indent: 1.6em;
  background: #222;
}

.site_links .btn_dropdown:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin: -7px 0 0;
  border: 1px solid #666;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.site_links .expanded .btn_dropdown:after {
  margin: -4px 0 0;
  border-width: 1px 0 0 1px;
}

.site_links dl {
  padding: 1em 0;
  background: #222;
}

.site_links dt,
.site_links dd {
  color: #727374;
  text-align: left;
}

.site_links dt {
  position: relative;
  color: #555;
  z-index: 1;
}

.site_links dt:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 1em;
  right: 1em;
  border-top: 1px solid #555;
  z-index: -1;
}

.site_links dt > span {
  display: inline-block;
  margin: 0 2em;
  padding: 0 4px;
  background: #222;
}

.site_links dd {
  text-indent: 1.6em;
  line-height: 1.8;
}

.footer_vendor {
  list-style: none;
}

.footer_vendor li {
  display: inline-block;
  margin: 0 4px 0 0;
}

.footer_vendor img {
  display: block;
  width: 100%;
  height: auto;
}

/* Headings */
.page_title {
  margin: 1.51111em 0 0.26667em;
  font-size: 2.8125em;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
}

.page_title_sub {
  margin: 0 0 -19px;
  font-size: 1.25em;
  color: #666;
  text-align: center;
}

/* 버튼 */
.skip {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.skip:focus, .skip:active {
  position: relative;
  width: auto;
  height: auto;
  margin: 0;
  padding: 6px 12px;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  border: 4px solid #00f;
  background: #43474d;
  clip: auto;
  z-index: 999;
}

.btn_top {
  display: block;
  position: absolute;
  right: 18px;
  bottom: 208px;
  width: 70px;
  height: 70px;
  border: 0;
  background: #4e5154;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  z-index: 2;
}

.btn_top:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 21px;
  height: 28px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -70px -35px;
}

.btn_top.fixed {
  position: fixed;
  bottom: 18px;
}

.btn_v1 {
  display: inline-block;
  width: 137px;
  padding: 1em 0;
  font-size: 1.125em;
  color: #fff;
  line-height: 1.1;
  border: 0;
  background: #00b7c9;
  text-align: center;
  vertical-align: middle;
}

.btn_v1.dark {
  background: #484848;
}

.btn_v1.gray {
  background: #7f7f7f;
}

.btn_v1[disabled] {
  color: #eee;
  background: #b9b9b9b9;
  cursor: default;
}

.btn_v2 {
  display: inline-block;
  width: 100%;
  padding: 0.5em 0;
  font-size: 1em;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #1697a9;
  background: #00b7c9;
  text-align: center;
}

.btn_v2.dark {
  border-color: #d9d9d9;
  background: #484848;
}

/* 20180808 ?�정 */
.btn_v3 {
  display: inline-block;
  width: 35.25%;
  min-width: 68px;
  max-width: 140px;
  height: 44px;
  font-size: 16px;
  font-size: 1rem;
  color: #666;
  border: 1px solid #c8c8c8;
  background: #f5f5f5;
  vertical-align: middle;
}

.btn_group {
  text-align: center;
  white-space: nowrap;
}

@-webkit-keyframes goodAction {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
    opacity: 0;
  }
  51% {
    -webkit-transform: translate(0, -200%);
            transform: translate(0, -200%);
    opaicty: 0;
  }
  51% {
    -webkit-transform: translate(0, -200%);
            transform: translate(0, -200%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes goodAction {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
    opacity: 0;
  }
  51% {
    -webkit-transform: translate(0, -200%);
            transform: translate(0, -200%);
    opaicty: 0;
  }
  51% {
    -webkit-transform: translate(0, -200%);
            transform: translate(0, -200%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

.btn_good,
.btn_bad {
  min-width: 86px;
  padding: 10px;
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 1.125em;
  color: #666;
  letter-spacing: 0;
  border-radius: 3px;
  border: 1px solid #e7e7e7;
  background: #fff;
  overflow: hidden;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease;
  -o-transition: color 0.3s ease, border-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease;
}

.btn_good.on,
.btn_bad.on {
  font-weight: bold;
  color: #00b7c9;
  border-color: #00b7c9;
}

.btn_good.on:before,
.btn_bad.on:before {
  -webkit-animation: likeAction 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          animation: likeAction 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.btn_good:before {
  content: '';
  display: inline-block;
  margin: -2px 8px 0 0;
  width: 20px;
  height: 20px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -46px -77px;
  vertical-align: middle;
}

.btn_bad:before {
  content: '';
  display: inline-block;
  margin: -2px 8px 0 0;
  width: 20px;
  height: 20px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -22px -77px;
  vertical-align: middle;
}

.btn_del_file {
  display: inline-block;
  position: relative;
  width: 1.125em;
  height: 1.125em;
  margin: 0 6px;
  border: 0;
  background: none;
  vertical-align: middle;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
}

.btn_del_file:before {
  content: '\00D7';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  margin: -9px 0 0 -9px;
  font-size: 18px;
  line-height: 0.88889em;
  text-indent: 0;
  text-align: center;
  z-index: 1;
}

/* ??*/
[class^="i_"] {
  display: inline-block;
  width: 100%;
  height: 44px;
  padding: 0 18px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 44px;
  color: #808080;
  vertical-align: middle;
  border-radius: 0;
  border: 1px solid #d5d5d5;
  background: #fff;
  overflow: visible;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: border 0.4s, box-shdows 0.4s;
  -o-transition: border 0.4s, box-shdows 0.4s;
  transition: border 0.4s, box-shdows 0.4s;
}

[class^="i_"]::-webkit-input-placeholder {
  color: #808080;
  text-overflow: ellipsis;
  opacity: 1;
}

[class^="i_"]:-ms-input-placeholder {
  color: #808080;
  text-overflow: ellipsis;
  opacity: 1;
}

[class^="i_"]::-ms-input-placeholder {
  color: #808080;
  text-overflow: ellipsis;
  opacity: 1;
}

[class^="i_"]::placeholder {
  color: #808080;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  opacity: 1;
}

[class^="i_"].rounded {
  height: 65px;
  padding: 0 28px;
  color: #959595;
  line-height: 65px;
  border-color: #e5e5e5;
  border-radius: 5px;
}

[class^="i_"].rounded::-webkit-input-placeholder {
  color: #959595;
}

[class^="i_"].rounded:-ms-input-placeholder {
  color: #959595;
}

[class^="i_"].rounded::-ms-input-placeholder {
  color: #959595;
}

[class^="i_"].rounded::placeholder {
  color: #959595;
}

[class^="i_"]:disabled {
  color: #888;
  -webkit-text-fill-color: #888;
  background: #f3f3f3;
  opacity: 1;
  cursor: default;
}

[class^="i_"]:focus, [class^="i_"].on {
  border-color: #1cb2c7;
  -webkit-box-shadow: 0 0 5px rgba(22, 151, 169, 0.1), 0 0 15px rgba(28, 178, 199, 0.2) !important;
          box-shadow: 0 0 5px rgba(22, 151, 169, 0.1), 0 0 15px rgba(28, 178, 199, 0.2) !important;
}

.i_select {
  position: relative;
  display: inline-block;
  font-family: inherit;
  text-align: left;
  vertical-align: middle;
}

.i_select label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: inherit;
  padding-right: 32px;
  font-size: inherit;
  white-space: nowrap;
  word-wrap: normal;
  word-break: normal;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  border-radius: inherit;
}

.i_select label:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 14px;
  margin: -6px auto 0;
  width: 8px;
  height: 8px;
  border: 1px solid #535353;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.i_select select {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: inherit;
  border: 0;
  color: #000;
  opacity: 0;
  background: none;
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  z-index: 1;
}

.i_select select::-ms-expand {
  display: none;
}

.label {
  color: #000;
  border: 0;
  background: #fff;
}

.search_input {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.search_input input {
  padding-right: 110px;
  border-width: 1px 0 1px 1px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.search_input .btn_search {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 18px;
  font-size: 18px;
  color: #fff;
  border: 0;
  background: #00b7c9;
}

.search_input .btn_search:before {
  content: '';
  display: inline-block;
  margin: -4px 3px 0 0;
  width: 18px;
  height: 19px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -70px -77px;
  vertical-align: middle;
}

.frm_search {
  margin: 0 0 1em;
  text-align: right;
}

.frm_search .i_select {
  width: 7.71429em;
  font-size: 0.875em;
}

.i_area {
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 1.4;
}

.i_area.lg {
  height: 416px;
}

.i_file {
  display: block;
  width: 140px;
  font-size: 16px;
  color: #666;
  line-height: 1.1;
  text-align: center;
  background: #f5f5f5;
  float: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.i_file:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.i_file + .files {
  margin: 0 0 0 140px;
  list-style: none;
}

.i_file + .files:after {
  content: '';
  display: block;
  clear: both;
}

.i_file + .files > li {
  display: block;
  height: inherit;
  margin: 0 -12px 0 0;
  padding: 12px;
  font-size: 14px;
  color: #888;
  letter-spacing: -0.03em;
  white-space: nowrap;
  word-wrap: normal;
  word-break: normal;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  float: left;
}

.i_radio {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.i_radio:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.i_radio + label {
  display: inline-block;
  padding: 0 0 0 24px;
  font-size: 16px;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.i_radio + label .box {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -4px 4px 0 -24px;
  padding: 4px;
  border-radius: 50%;
  border: 1px solid #a1a1a1;
  vertical-align: middle;
}

.i_radio + label ~ label {
  margin-left: 1.25em;
}

.i_radio:checked + label .box {
  border-color: #00b7c9;
}

.i_radio:checked + label .box:before {
  content: '';
  display: block;
  width: 100%;
  padding: 100% 0 0;
  border-radius: 50%;
  background: #00b7c9;
}

.i_date {
  position: relative;
  padding: 0;
  font-family: "Montserrat", "NotoKR", sans-serif;
}

.i_date input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  opacity: 0;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.i_date input:disabled {
  padding: 0 30px 0 18px;
  background: #f3f3f3;
  opacity: 1;
  cursor: default;
}

.i_date button {
  position: relative;
  display: block;
  width: 100%;
  height: 42px;
  margin: 0;
  padding: 0 30px 0 18px;
  line-height: 42px;
  text-align: left;
  border: 0;
  background: none;
  cursor: pointer;
  z-index: 1;
}

.i_date:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  margin: -11px 0 0;
  width: 23px;
  height: 23px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -95px -27px;
}



/* ?�이�?*/
.table {
  margin: 0 0 54px;
  border-top: 2px solid #00b7c9;
  border-bottom: 1px solid #a3a3a3;
}

.table table {
  table-layout: fixed;
  border: hidden;
}

.table caption {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.table th,
.table td {
  padding: 0.88889em 0;
  font-size: 1.125em;
  text-align: center;
  border-top: 1px solid #c6c6c6;
  word-wrap: break-word;
  word-break: keep-all;
}

.table th {
  padding: 1.125em 0;
  font-size: 1em;
  font-weight: bold;
  background: #f8f8f8;
}

.table td {
  color: #666;
}

.table .no,
.table .date,
.table .view,
.table .datetime,
.table .price {
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 0.875em;
  letter-spacing: 0;
}

.table .writer {
  font-size: 0.9375em;
  color: #666;
}

.table .title {
  color: #000;
  text-align: left;
}

.table .title a {
  display: block;
  white-space: nowrap;
  word-wrap: normal;
  word-break: normal;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.table a:hover,
.table a:active {
  text-decoration: underline;
}

.table .refund {
  font-size: 1em;
  font-weight: bold;
}

.table .vtop {
  vertical-align: top;
}

.table .text_left {
  text-align: left;
}

.table .text_right {
  text-align: right;
}

.table.v2 {
  border-bottom: 2px solid #484848;
}

.table.v2 th,
.table.v2 td {
  text-align: left;
}

.table.v2 th {
  padding-left: 3.5%;
  padding-right: 3.5%;
  font-size: 1.125em;
}

.table.v2 td {
  padding-top: 0.44444em;
  padding-bottom: 0.44444em;
  padding-left: 2.25%;
}

.table.v2 .address {
  vertical-align: top;
}

.table.v4 {
  margin: 0 0 50px;
  border-color: #000 transparent #dedede transparent;
  border-width: 2px 0 1px 0;
}

.table.v4 th,
.table.v4 td {
  padding: 16px 0 14px;
  font-size: 1em;
  border: 1px solid #dedede;
  border-width: 1px 1px 0 1px;
}

.table.v4 th {
  font-size: 1.125em;
  background: #fff;
}

.table.v4 thead th {
    background: #f7f7f7;
}

.table.v4 td {
  font-family: "Montserrat", "NotoKR", sans-serif;
}

.table.v5 { margin: 0 0 50px; border-color: #000 transparent #dedede transparent; }

.table.v5 th, .table.v5 td { font-size: 1em; color: #666; border: 1px solid #dedede; border-width: 1px 1px 0 1px; }

.table.v5 th { padding-top: 8px; padding-bottom: 8px; font-weight: normal; }

.table.v5 tbody th { background: #fff; }

.table.v5 td { padding-top: 24px; padding-bottom: 24px; font-family: "Montserrat", "NotoKR", sans-serif; background: #fff; }

.table.v5 th em { font-style: normal; color: #000; }

.table.v5 .c1 { width: 10%; }

.table.v5 .c2 { width: 30%; }

.table.v5 .c5 { width: 23%; }

.table.v5 .row { display: inline-block; padding: 0 0 0 6px; font-family: inherit; line-height: 1.2; }

.table.v5 .row:before { content: '-'; display: inline-block; margin: 0 2px 0 -6px; }

.table.v5 .etc1 { width: 20%; }

.table.v5 .etc5 { width: 24%; }

/* 20180808 ?�정 */
.table.v6 { margin: 12px 0; padding: 8px 5%; border-radius: 5px; border: 1px solid #ebebeb; background: #f6f6f6; }

.table.v6 th, .table.v6 td { padding: 4px 0; border: 0; }

.table.v6 th { font-size: 18px; color: #414042; letter-spacing: -0.03em; text-align: center; }

.table.v6 td { text-align: left; }

/* 20180808 ?�정 */
  .table.v6 { margin: 8px 0; }
  .table.v6 th { font-size: 13px; }

/* ?��? */
.comment_wrap {
  margin: 1.375em 0 0;
  padding: 22px 30px;
  border: 1px solid #e7e7e7;
  background: #f7f7f7;
}

.comment_wrap .total {
  display: inline-block;
  margin: 0 0 8px;
  color: #00b7c9;
  line-height: 1.1;
}

.comment_wrap .cnt {
  font-weight: normal;
}

.comment_inputs {
  position: relative;
  height: 98px;
  padding: 0 120px 0 0;
}

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

.comment_inputs .i_area {
  height: inherit;
  border-width: 1px 0 1px 1px;
  float: left;
  resize: none;
}

.comment_inputs .btn_send {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: inherit;
  font-size: 1.25em;
  color: #fff;
  border: 1px solid #383838;
  background: #484848;
  float: right;
}

.comment_list {
  position: relative;
  list-style: none;
}

.comment_list > li {
  display: table;
  width: 100%;
  padding: 27px 0 27px 30px;
  border-bottom: 1px solid #c6c6c6;
}

.comment_list > li > * {
  display: table-cell;
  vertical-align: middle;
}

.comment_list .meta_wrap {
  width: 75.2%;
}

.comment_list .writer {
  font-size: 1.25em;
  line-height: 1.1;
  vertical-align: top;
}

.comment_list .date {
  display: inline-block;
  margin: 0 0 0 4px;
  padding: 0 0 0 8px;
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 0.875em;
  line-height: 1.1;
  letter-spacing: 0;
  color: #adadad;
  vertical-align: middle;
  border-left: 1px solid #adadad;
}

.comment_list .comment_content {
  margin: 0.75em 0 0;
  color: #808080;
}

.comment_list .btn_group {
  text-align: right;
}

/* Datepicker */
.ui-datepicker {
  width: 284px;
  margin: 0 -1px;

  font-size: 12px;
  letter-spacing: 0;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}

.ui-datepicker-header {
  padding: 18px 20px 16px;
  text-align: center;
  background: #00b6c8;
}

.ui-datepicker-header a {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin: -2px 0 0;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  background: url("/_Images/img/common/ic_c_arrow-4ba948e3cc339e90cd268b103d102682.png") no-repeat 0 0;
  background-size: contain;
  cursor: pointer;
}

.ui-datepicker-header .ui-state-disabled {
  opacity: 0;
  visibility: hidden;
}

.ui-datepicker-header .ui-datepicker-month {
  margin-left: -4px;
}

.ui-datepicker-prev {
  float: left;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.ui-datepicker-next {
  float: right;
}

.ui-datepicker-title {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
}

.ui-datepicker-calendar {
  table-layout: fixed;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
  height: 35px;
}

.ui-datepicker-calendar th {
  font-weight: normal;
  color: #fff;
  background: #00a7b8;
}

.ui-datepicker-calendar td {
  color: #000;
  border: 1px solid #e1e1e1;
  cursor: pointer;
}

.ui-datepicker-calendar .poss:hover {
  color: #1cb2cf;
}

.ui-datepicker-calendar .ui-datepicker-today * {
  background: #b2e9ee;
}

.ui-datepicker-calendar .ui-state-default {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 20px;
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-state-active.ui-state-hover {
  color: #000;
  border-color: #1cb2cf;
}

.ui-datepicker-calendar .ui-state-disabled {
  background: #f5f5f5;
  cursor: default;
}

.ui-datepicker-calendar .ui-state-disabled:hover {
  color: #000;
}

.ui-datepicker-buttonpane {
  padding: 14px 0 8px;
  overflow: hidden;
}

.ui-datepicker-buttonpane .ui-datepicker-current {
  display: none;
}

.ui-datepicker-buttonpane .ui-datepicker-close {
  padding: 0 8px;
  font-size: 12px;
  font-weight: bold;
  color: #6e6e6e;
  letter-spacing: 0.05em;
  border: 0;
  background: none;
  float: right;
}

.ui-datepicker-buttonpane .ui-datepicker-close:before {
  content: '\00D7';
  display: inline-block;
  margin: -2px 2px 0 0;
  font-size: 14px;
  color: #959595;
  vertical-align: middle;
}

.datepicker_legend {
  display: inline-block;
}

.datepicker_legend > span:first-child {
  margin: 0 1em 0 0;
}

.datepicker_legend > span:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: -2px 4px 0 0;
  vertical-align: middle;
  border: 1px solid #e1e1e1;
}

.legend_imposs:before {
  background: #f8f8f8;
}

.legend_poss:before {
  background: #fff;
}

.lg .ui-datepicker {
  width: 100%;
  min-height: 530px;
  margin: 0 0 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.lg .ui-datepicker-header {
  padding-top: 22px;
  padding-bottom: 20px;
}

.lg .ui-datepicker-title {
  font-size: 35px;
}

.lg .ui-datepicker-header a {
  width: 32px;
  height: 32px;
}

.lg .ui-datepicker-calendar {
  height: 456px;
}

.lg .ui-datepicker-calendar th {
  height: 50px;
  font-size: 16px;
}

.lg .ui-datepicker-calendar td {
  height: auto;
  font-size: 14px;
}

.lg .ui-datepicker-calendar .ui-state-default {
  width: 38px;
  height: 38px;
  line-height: 34px;
  border-width: 3px;
}

/* 모바??Datepicker ?�업 */
.mo_calendar {
  position: relative;
  max-width: 341px;
  margin: 0 auto 17px;
  background: #fff;
}

.mo_calendar .cal_header {
  position: relative;
  padding: 8px 0;
}

.mo_calendar .btn_cal_next,
.mo_calendar .btn_cal_prev {
  display: block;
  position: absolute;
  top: 50%;
  width: 25px;
  height: 25px;
  margin: -13px 0 0;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: url("/_Images/img/common/ic_c_arrow_02-30d17e5794c4302c3bdb5f8c6408371f.png") no-repeat 0 0;
  background-size: contain;
}

.mo_calendar .btn_cal_prev {
  left: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.mo_calendar .btn_cal_next {
  right: 0;
}

.mo_calendar .cal_heading {
  margin: 0 0 7px;
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #000;
  letter-spacing: 0;
  text-align: center;
}

.mo_calendar .cal_heading:before {
  content: '오늘';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 6px 0 0;
  font-size: 50%;
  color: #fff;
  line-height: 22px;
  text-align: center;
  vertical-align: top;
  border-radius: 50%;
  background: #00b6c8;
}

.tcal table {
  table-layout: fixed;
  border: 1px solid #dbdbdb;
}

.tcal tr {
  border: 1px solid #dbdbdb;
}

.tcal td {
  position: relative;
  width: 20%;
  font-size: 12px;
  color: #000;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dbdbdb;
  cursor: pointer;
}

.tcal .value {
  display: block;
  width: 100%;
  height: 66px;
  padding: 18px 0;
  border: 2px solid transparent;
  background: #f8f8f8;
  -webkit-tap-highlight-color: transparent;
}

.tcal .top, .tcal .day {
  display: block;
}

.tcal .day {
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 1.16667em;
  font-weight: bold;
}

.tcal .poss .value {
  background: #fff;
}

.tcal .imposs {
  color: #bababa;
  cursor: default;
}

.tcal .on .value {
  position: relative;
  border-color: #14bccc;
  outline: 1px solid #14bccc;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.tcal_label {
  margin: 10px 0;
  font-size: 10px;
}

.tcal_label span {
  display: inline-block;
  margin: 0 0 0 4.1%;
  vertical-align: middle;
}

.tcal_label span:first-child {
  margin-left: 0;
}

.tcal_label span:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 4px 0 0;
  vertical-align: top;
}

.tcal_label .v1:before {
  border: 2px solid #14bccc;
}

.tcal_label .v2:before {
  border: 1px solid #dedede;
}

.tcal_label .v3:before {
  border: 1px solid #dedede;
  background: #f8f8f8;
}

/* ?�롭?�운 */
.dropdown_wrap {
  position: relative;
  z-index: 1;
}

.dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  list-style: none;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  outline: 0;
}

.dropdown a {
  display: block;
}

.dropdown a:hover, .dropdown a:focus {
  color: #fff;
  background: #00b7c9;
}

.dropdown[class~='up'] {
  top: auto;
  bottom: 100%;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);
}

.btn_dropdown {
  display: inline-block;
  text-align: left;
  border: 0;
  background: transparent;
}

.expanded > .dropdown {
  display: block;
}

/* ??*/
.tabs {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 20px;
  list-style: none;
}

.tabs li {
  display: table-cell;
  vertical-align: middle;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #e3e3e3 #e3e3e3 #000;
  background: #f5f5f5;
}

.tabs li a {
  display: block;
  position: relative;
  padding: 1.22222em 1.27778em 1.27778em;
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 1.125em;
  font-weight: bold;
  color: #666;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center;
  word-break: keep-all;
}

.tabs li a:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -0.5em -1px;
  padding: 1em 0 0;
  border-left: 1px solid #e3e3e3;
  z-index: 0;
}

.tabs li:first-child {
  border-left-width: 1px;
}

.tabs li:first-child a:before {
  content: none;
}

.tabs li:last-child {
  border-right-width: 1px;
}

.tabs li a:hover,
.tabs li a:active {
  color: #00a9ba;
}

.tabs .on {
  position: relative;
  border-color: #000 #000 transparent #000;
  border-width: 1px;
  background: #fff;
  z-index: 1;
}

.tabs .on a {
  color: #000;
}

.tabs .on a:before {
  display: none;
}

.tabs .on a:hover {
  color: #000;
}

.tab_content {
  display: none;
  outline: 0;
}

/* Pagenation */
.pagenation {
  text-align: center;
}

.pagenation a,
.pagenation span {
  display: inline-block;
  font-size: 0.875em;
  line-height: 2.35714em;
  vertical-align: middle;
}

.pagenation a:hover,
.pagenation a:active {
  text-decoration: underline;
}

.pagenation .page {
  padding: 0 10px;
  color: #686868;
}

.pagenation .first,
.pagenation .prev,
.pagenation .next,
.pagenation .last {
  position: relative;
  width: 33px;
  height: 33px;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #d8d8d8;
}

.pagenation .first:before,
.pagenation .prev:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #535353;
}

.pagenation .first:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  right: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #535353;
}

.pagenation .last:before,
.pagenation .next:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #535353;
}

.pagenation .last:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  right: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #535353;
}

.pagenation .first:before,
.pagenation .last:before {
  left: -5px;
}

.pagenation .on {
  font-weight: bold;
  color: #00b7c9;
}

/* ?�크롤바 */
[data-scroll] {
  position: relative;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

[data-scroll] .scrolltrack {
  position: absolute;
  top: 20px;
  right: 15px;
  bottom: 20px;
  width: 5px;
  z-index: 2;
}

[data-scroll] .scrollbar {
  position: relative;
  top: 0;
  width: 100%;
  opacity: 0.5;
  border-radius: 3px;
  background: #686868;
  overflow: auto;
  -webkit-transition: height 0.4s ease-in-out;
  -o-transition: height 0.4s ease-in-out;
  transition: height 0.4s ease-in-out;
  cursor: pointer;
}

[data-scroll] [data-scrollable] {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 25px 0 0;
  height: 100%;
  overflow: hidden;
}

/* 모달 ?�업 */
.popup_wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  overflow-y: auto;
  outline: 0;
  z-index: 999;
}

.popup_wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.popup_wrap:after {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.6;
  z-index: -1;
}

.popup_container {
  position: relative;
  display: inline-block;
  width: 95%;
  margin: 1em 0;
  text-align: left;
  white-space: normal;
  vertical-align: middle;
  background: #fff;
  -webkit-box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
}

.sm > .popup_container {
  max-width: 570px;
}

.md > .popup_container {
  max-width: 768px;
}

.lg > .popup_container {
  max-width: 1024px;
}

.popup_container .btn_wrap {
  text-align: center;
}

.popup_container .btn_v1 {
  font-size: 20px;
}

.popup_header {
  position: relative;
  padding: 24px 52px 24px 24px;
  color: #fff;
  background: #00b6c8;
}

.popup_title {
  font-size: 1.5625em;
  line-height: 1.1;
}

.btn_popup_close {
  position: absolute;
  top: 22px;
  right: 24px;
  width: 24px;
  height: 24px;
  border: 0;
  background: none;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
}

.btn_popup_close:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 23px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -95px 0px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.popup_body {
  position: relative;
  padding: 40px 32px 56px;
  overflow: hidden;
}

.popup_bx {
  margin: 0 0 32px;
  padding: 48px 24px 44px;
  border-radius: 5px;
  background: #f6f6f6;
}

.popup_bx .important {
  margin: 0 0 0 1em;
  font-size: 1.125em;
  color: #00b6c8;
}

/* ??*/
@-webkit-keyframes waterdrop {
  0% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
    opacity: 0.7;
  }
  70% {
    opacity: 0.2;
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1;
  }
}
@keyframes waterdrop {
  0% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
    opacity: 0.7;
  }
  70% {
    opacity: 0.2;
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1;
  }
}

.side_nav {
  position: fixed;
  top: 50%;
  right: 2.34375%;
  z-index: 5;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.side_nav div {
  display: block;
  position: relative;
  width: 18px;
  height: 25px;
  cursor: pointer;
}

.side_nav div + div {
  margin-top: 18px;
}

.side_nav div > span {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 7px;
  height: 7px;
  margin: auto;
  border-radius: 50%;
  background: #e0b7b7;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}

.side_nav .active > span {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
  background-color: transparent;
  background-position: 0px -77px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  -webkit-animation: waterdrop 0.3s ease;
          animation: waterdrop 0.3s ease;
}

.side_nav[data-end] {
  position: absolute;
}

.parallax {
  margin: 0 0 -5.625em;
}

.parallax .section {
  display: table;
  position: relative;
  table-layout: fixed;
  width: 100%;
  min-height: 850px;
}

.parallax .inner {
  display: table-cell;
  vertical-align: middle;
}

.section.home_visual {
  position: relative;
  width: 100%;
}

.section.home_visual .inner {
  padding: 0 0 178px;
}

.section.home_visual .cover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.45;
  background: #000;
}

.home_visual_back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
  background: #000;
  z-index: -1;
}

.home_visual_back * {
  height: 100%;
}

.home_visual_back .item {
  display: inline-block;
  width: 100%;
  height: 100%;
  white-space: normal;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* IE8 support */
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.home_visual_headline {
  position: relative;
  opacity: 1;
  z-index: 1;
}

.home_visual_headline .headline {
  padding: 298px 0 0;
  font-size: 2.8125em;
  font-weight: lighter;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  background: url("/_Images/img/common/home/big_logo-8db72942e3bf789679719f5e98b3d6d5.png") no-repeat 50% 0;
}

.home_visual_headline .headline * {
  display: block;
  overflow: hidden;
  -webkit-transition-delay: 0.6s;
       -o-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.home_visual_headline .headline strong {
  font-weight: bold;
}

.home_visual_headline .headline em {
  margin: 0.5em 0 0;
  font-size: 0.44444em;
  font-style: normal;
  letter-spacing: 0.05em;
  opacity: 0.7;
}

@-webkit-keyframes scrollDown {
  0% {
    top: 0;
  }
  30% {
    top: 15px;
  }
  60% {
    top: 0;
  }
  75% {
    top: -5px;
  }
  100% {
    top: 0;
  }
}

@keyframes scrollDown {
  0% {
    top: 0;
  }
  30% {
    top: 15px;
  }
  60% {
    top: 0;
  }
  75% {
    top: -5px;
  }
  100% {
    top: 0;
  }
}

.scroll_down {
  display: block;
  position: relative;
  margin: 4.375% auto 0;
  font-weight: lighter;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  -webkit-animation: scrollDown 0.7s linear infinite;
          animation: scrollDown 0.7s linear infinite;
}

.scroll_down:before {
  content: '';
  display: block;
  margin: 0 auto 0.875em;
  width: 23px;
  height: 38px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: 0px -35px;
}

.home_visual_rsv {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.home_visual_rsv .tabs {
  margin: 0;
}

.home_visual_rsv .tabs li {
  position: relative;
  width: 163px;
  margin: 0 1px 0 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  float: left;
}

.home_visual_rsv .tabs li a {
  padding: 0.875em 0;
  font-size: 1em;
  color: #fff;
  font-weight: normal;
  opacity: 0.7;
  border: 0;
  background: none;
}

.home_visual_rsv .tabs .cover {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: 100%;
  opacity: 0.3;
  background: #000;
  z-index: -1;
}

.home_visual_rsv .tabs a:hover,
.home_visual_rsv .tabs .on a,
.home_visual_rsv .tabs .on a:hover {
  color: #00b7c9;
  opacity: 1;
}

.home_visual_rsv .tabs .on .cover {
  opacity: 0.6;
}

.home_visual_rsv .tabs .on a:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-top: 5px solid #00b7c9;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.home_visual_rsv .tab_content {
  padding: 34px 0;
}

.home_visual_rsv .tab_content:after {
  content: '';
  display: block;
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.6;
  background: #000;
  z-index: -1;
}

.home_visual_rsv .col {
  display: inline-block;
  width: 25.75%;
  height: 44px;
  margin: 0 2px 0 0;
  vertical-align: middle;
}

.home_visual_rsv .i_select {
  font-size: 0.9375em;
  color: #000;
  border: 0;
}

.home_visual_rsv .i_select label:before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -95px -54px;
  margin: -2px 4px 0 0;
  vertical-align: middle;
}

.home_visual_rsv .col > button {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 12px 32px 12px 18px;
  font-size: 0.9375em;
  border: 0;
  white-space: nowrap;
  word-wrap: normal;
  word-break: normal;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  background: #fff;
}

.home_visual_rsv .col > button:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 14px;
  margin: -6px auto 0;
  width: 8px;
  height: 8px;
  border: 1px solid #535353;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.home_visual_rsv .selected span + span:before {
  content: '';
  display: inline-block;
  height: 0.75em;
  margin: 0 4px 0 2px;
  border-left: 1px solid #e0e0e0;
  vertical-align: middle;
}

.home_visual_rsv .show_datepicker:before {
  content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -95px -27px;
  margin: -2px 4px 0 0;
  vertical-align: middle;
}

.home_visual_rsv .btn_dropdown:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 18px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -123px 0px;
  margin: -2px 4px 0 0;
  vertical-align: middle;
}

.home_visual_rsv .btn_submit {
  display: inline-block;
  width: 16.5%;
  height: 44px;
  color: #fff;
  border: 0;
  background: #00b7c9;
  vertical-align: middle;
}

@-webkit-keyframes linerExpand {
  0% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@keyframes linerExpand {
  0% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

.section.home_02 {
  background: #fff;
}

.section.home_02 .title {
  margin: 0 auto;
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 3.125em;
  font-weight: lighter;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center;
  overflow: hidden;
}

.section.home_02 .title > span {
  display: block;
}

.section.home_02 .title_sub {
  margin: 0 0 5.4em;
  font-size: 1.25em;
  font-weight: lighter;
  color: #a3a3a3;
  line-height: 1.1;
  text-align: center;
  overflow: hidden;
}

.section.home_02 .title_sub > span {
  display: block;
}

.home_special_items {
  list-style: none;
}

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

.home_special_items > li {
  position: relative;
  width: 29.83%;
  float: left;
}

.home_special_items > li + li {
  margin: 0 0 0 4.833%;
}

.home_special_items > li > a {
  display: block;
  color: #fff;
  overflow: hidden;
  -webkit-box-shadow: 34px 34px 73px rgba(0, 0, 0, 0.2);
          box-shadow: 34px 34px 73px rgba(0, 0, 0, 0.2);
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.home_special_items > li:nth-child(1) {
  top: -44px;
}

.home_special_items > li:nth-child(3) {
  top: -46px;
}

.thumb {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: #272a2c;
  background: -webkit-gradient(linear, left top, right top, from(#272a2c), to(#00b7c9));
  background: -o-linear-gradient(left, #272a2c 0%, #00b7c9 100%);
  background: linear-gradient(to right, #272a2c 0%, #00b7c9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272a2c', endColorstr='#00b7c9', GradientType=1);
  overflow: hidden;
}

.thumb img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
	max-width: 100%;
  height: auto;
  min-height: 100%;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.home_special_items .thumb {
  padding-top: 124.86%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  -o-transition: transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}

.home_special_items a:hover .thumb {
  -webkit-transform: scale3d(1.3);
          transform: scale3d(1.3);
}

.liner {
  display: block;
  position: relative;
  width: 100%;
}

.liner:before {
  content: 'Paradise Spa dogo';
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: uppercase;
  float: left;
}

.liner:after {
  content: '';
  display: block;
  position: relative;
  top: 0.4375em;
  height: 3px;
  margin: -2px 0 0 11.5625em;
  background: #fff;
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
          transform: scale(0, 1);
}

.animated .liner:after {
  -webkit-animation: linerExpand 1.2s 0.2s cubic-bezier(1, 0, 0, 1) both;
          animation: linerExpand 1.2s 0.2s cubic-bezier(1, 0, 0, 1) both;
}

.home_special_items .liner {
  position: absolute;
  top: 27px;
  left: 24px;
  right: 24px;
  width: auto;
}

.home_special_items .cover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background: #000;
}

.home_special_items .headline_wrap {
  position: absolute;
  bottom: 27px;
  left: 24px;
  right: 24px;
  padding-top: 0;
}

.home_special_items .headline {
  font-size: 1.25em;
  font-weight: normal;
  line-height: 1.1;
}

.home_special_items .headline strong {
  display: block;
  margin: 0.28em 0 0.2em;
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 2.4em;
  text-transform: uppercase;
}

.home_special_items .tags {
  list-style: none;
}

.home_special_items .tags li {
  display: inline-block;
  padding: 8px 12px;
  font-size: 0.9375em;
  font-weight: lighter;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #777;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.home_special_items .tags li + li {
  margin-left: 3px;
}

.home_special_items .item:hover {
  -webkit-transform: translate(10px, 10px);
      -ms-transform: translate(10px, 10px);
          transform: translate(10px, 10px);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.home_special_items a:hover img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.section.home_03 {
  min-height: 0;
  padding: 137px 0 126px !important;
  background: #e4f1f2;
}

.section.home_03 .container:after {
  content: '';
  display: block;
  clear: both;
}

.section.home_03 .col {
  position: relative;
  float: left;
}

.section.home_03 .col:nth-child(1) {
  width: 37.166%;
}

.section.home_03 .col:nth-child(2) {
  width: 34.916%;
}

.section.home_03 .col:nth-child(3) {
  width: 27.916%;
}

.section.home_03 .title {
  margin: 0 48px 6.66667% 0;
  font-size: 1.5625em;
  font-weight: bold;
  color: #272a2c;
  letter-spacing: -0.1em;
  word-break: keep-all;
}

.section.home_03 .title small {
  display: inline-block;
  margin: -2px 0 0 8px;
  font-size: 0.68em;
  color: #717171;
  font-weight: normal;
  vertical-align: middle;
}

.home_goods img {
  display: block;
  width: 100%;
  height: auto;
}

.home_events img {
  display: block;
  width: 100%;
  height: auto;
}

.home_events_dots {
  position: absolute;
  top: 0;
  left: -24px;
}

.home_events_dots ul {
  list-style: none;
}

.home_events_dots li + li {
  margin-top: 8px;
}

.home_events_dots button[role="tab"] {
  display: block;
  width: 12px;
  height: 12px;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 50%;
  border: 0;
  background: #bec9ca;
}

.home_events_dots .slick-active button[role="tab"] {
  background: #00b7c9;
}

.home_notices {
  padding: 0 13.126%;
}

.home_notices .list {
  list-style: none;
}

.home_notices .list li {
  padding: 5.33333% 0 7.33333%;
  border-bottom: 1px solid #c2d3d6;
}

.home_notices .list li:first-child {
  border-top: 1px solid #c2d3d6;
}

.home_notices .list .title {
  display: block;
  margin: 0 0 4px;
  font-size: 1.125em;
  font-weight: normal;
  color: #272a2c;
  line-height: 1.1;
  letter-spacing: -0.05em;
  white-space: nowrap;
  word-wrap: normal;
  word-break: normal;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.home_notices .list .regdate {
  display: block;
  font-size: 0.8125em;
  color: #848484;
  line-height: 1.1;
}

.home_notices .list a:hover .title {
  text-decoration: underline;
}

.btn_more {
  position: absolute;
  top: 0;
  right: 13.126%;
  padding-left: 0;
  font-size: 0.8125em;
  font-weight: bold;
  color: #737373;
  line-height: 2.69231;
  letter-spacing: 0;
  text-transform: uppercase;
}

.btn_more:hover {
  color: #00b7c9;
  text-decoration: underline;
}

.home_links a {
  display: block;
  width: 100%;
}

.home_links a + a {
  margin-top: 6px;
}

.home_links img {
  display: block;
  width: 100%;
  height: auto;
}

.section.footer {
  min-height: 0;
  padding-top: 3.75em !important;
}

/* �?*/
.view_wrap {
  margin: 0 0 2.375em;
  border-top: 2px solid #00b7c9;
  border-bottom: 2px solid #484848;
}

.view_header {
  display: table;
  width: 100%;
  padding: 1.625em 3em;
  border-bottom: 1px solid #c6c6c6;
  background: #f8f8f8;
}

.view_header .title,
.view_header .meta_wrap {
  display: table-cell;
  vertical-align: middle;
}

.view_header .title {
  width: 60%;
  font-size: 1.4375em;
  font-weight: bold;
  line-height: 1.1;
}

.view_header .notice_label {
  margin: 0 8px 0 0;
}

.view_header .meta_wrap {
  color: #666;
  text-align: right;
  white-space: nowrap;
}

.view_header .meta_wrap > span {
  display: inline-block;
  padding: 0 1em;
  vertical-align: middle;
}

.view_header .meta_wrap > span + span {
  margin: 0 0 0 -4px;
  border-left: 1px solid #e4e4e4;
}

.view_header .date,
.view_header .view,
.view_header .like {
  font-family: "Montserrat", "NotoKR", sans-serif;
  letter-spacing: 0;
}

.view_header .date:before {
  content: '';
  display: inline-block;
  margin: 0 8px 0 0;
  width: 23px;
  height: 23px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -95px -27px;
  vertical-align: top;
}

.view_header .view:before {
  content: '';
  display: inline-block;
  margin: -3px 8px 0 0;
  width: 23px;
  height: 14px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -38px -56px;
  vertical-align: middle;
}

.view_header .like:before {
  content: '';
  display: inline-block;
  margin: -2px 8px 0 0;
  width: 16px;
  height: 15px;
  background: url("/_Images/img/common/ic_heart-118e26de55336011c6cfd467810f7844.png") no-repeat 0 0;
  background-size: contain;
  vertical-align: middle;
  opacity: 0.65;
}

.view_content {
  padding: 2.625em 2.625em 3.75em;
  border-bottom: 1px solid #c6c6c6;
  overflow: hidden;
}

.view_content * {
  max-width: 100% !important;
  height: auto !important;
}

.view_nav {
  margin: 1.375em 0;
}

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

.view_nav > div {
  position: relative;
  width: 50%;
  padding-left: 5.33333em;
  font-size: 1.125em;
  color: #666;
  line-height: 1.1;
  white-space: nowrap;
  word-wrap: normal;
  word-break: normal;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  float: left;
}

.view_nav .dir {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -0.5em 0 0 0;
  padding: 0 12px 0 0;
  font-weight: bold;
  color: #000;
  border: 1px solid #666;
  border-width: 0 1px 0 0;
}

.view_nav .dir:before {
  content: '';
  display: inline-block;
  margin: -2px 8px 0 0;
  width: 18px;
  height: 13px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -142px 0px;
  vertical-align: middle;
}

.view_nav .next {
  padding-left: 1.22222em;
  padding-right: 5.33333em;
  text-align: right;
}

.view_nav .next .dir {
  left: auto;
  right: 0;
  padding: 0 0 0 12px;
  border-width: 0 0 0 1px;
}

.view_nav .next .dir:before {
  content: none;
}

.view_nav .next .dir:after {
  content: '';
  display: inline-block;
  margin: -2px 0 0 8px;
  width: 18px;
  height: 13px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -142px -17px;
  vertical-align: middle;
}

.view_nav a:hover,
.view_nav a:active {
  text-decoration: underline;
}

/* ?�벤??*/
.img_list {
  margin: 0 0 2.125em;
  list-style: none;
  border-top: 2px solid #00b7c9;
  border-bottom: 2px solid #484848;
}

.img_list > li {
  padding: 0.875em 0;
}

.img_list > li:after {
  content: '';
  display: block;
  clear: both;
}

.img_list > li + li {
  border-top: 1px solid #d1d1d1;
}

.img_list li a {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.img_list .thumb {
  display: table-cell;
  width: 33%;
  padding-top: 17.083%;
  vertical-align: middle;
}

.img_list .thumb img {
  -webkit-transition: opacity 0.4s, -webkit-transform 0.7s;
  transition: opacity 0.4s, -webkit-transform 0.7s;
  -o-transition: transform 0.7s, opacity 0.4s;
  transition: transform 0.7s, opacity 0.4s;
  transition: transform 0.7s, opacity 0.4s, -webkit-transform 0.7s;
}

.img_list .thumb .label {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.5em;
  height: 4.5em;
  margin: -2.25em 0 0 -2.25em;
  padding: 32px 0;
  font-size: 1.625em;
  font-weight: bold;
  color: #fff;
  line-height: 1.1;
  text-align: center;
  word-wrap: break-word;
  word-break: keep-all;
  border-radius: 50%;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}

.img_list .thumb .cover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.3;
}

.img_list .meta_wrap {
  display: table-cell;
  padding: 0 8% 0 4%;
  vertical-align: middle;
}

.img_list .title {
  margin: 0 0 0.28571em;
  font-size: 1.75em;
  font-weight: bold;
  line-height: 1.2;
  white-space: nowrap;
  word-wrap: normal;
  word-break: normal;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.img_list .summary {
  margin: 0 0 1em;
  font-size: 1.25em;
  color: #666;
  line-height: 1.1;
  display: -webkit-box;
  max-height: 44px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.img_list .date {
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 0.875em;
  color: #666;
  letter-spacing: 0;
}

.img_list .date:before {
  content: '';
  display: inline-block;
  margin: -2px 8px 0 0;
  width: 23px;
  height: 23px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -95px -27px;
  vertical-align: middle;
}

.img_list a:hover .title {
  text-decoration: underline;
}

/* ?��? 만난 DOGO */
.page_evt_banner {
  display: block;
  margin: 0 0 60px;
  background-color: #f4f4f4;
}

.page_evt_banner img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.gallery {
  list-style: none;
}

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

.gallery li {
  width: 24.16667%;
  margin: 0 0 2.1875em 1.11083%;
  padding: 0 0 0.875em;
  text-align: left;
  border-bottom: 1px solid #ccc;
  float: left;
}

.gallery li:nth-child(4n+1) {
  margin-left: 0;
}

.gallery .thumb {
  margin: 0 0 1.25em;
  padding: 79.31034% 0 0;
  -webkit-box-shadow: 0 0 0 1px #e3e3e3;
          box-shadow: 0 0 0 1px #e3e3e3;
}

.gallery .thumb img {
  -webkit-transition: opacity 0.5s, -webkit-transform 0.7s;
  transition: opacity 0.5s, -webkit-transform 0.7s;
  -o-transition: transform 0.7s, opacity 0.5s;
  transition: transform 0.7s, opacity 0.5s;
  transition: transform 0.7s, opacity 0.5s, -webkit-transform 0.7s;
}

.gallery .video img {
  opacity: 0.8;
}

.gallery .video:after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 13px;
  right: 14px;
  width: 39px;
  height: 39px;
  background: url("/_Images/img/common/ic_play-42812afe129dbaf06b3ad6b707963999.png") no-repeat 0 0;
  z-index: 1;
}

.gallery .title_wrap {
  margin: 0 0 1.5em;
}

.gallery .title {
  margin: 0 0 3px;
  font-size: 1.1875em;
  font-weight: bold;
  white-space: nowrap;
  word-wrap: normal;
  word-break: normal;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.gallery .summary {
  height: 33.6px;
  display: -webkit-box;
  max-height: 33px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.875em;
  color: #818181;
  line-height: 1.2;
  word-break: keep-all;
}

.gallery .meta_wrap {
  line-height: 1.1;
}

.gallery .writer, .gallery .date,
.gallery .like {
  font-size: 1em;
}

.gallery .date,
.gallery .like {
  font-family: "Montserrat", "NotoKR", sans-serif;
  letter-spacing: 0;
}

.gallery .writer + .date:before {
  content: '';
  display: inline-block;
  margin: 1px 6px 0 4px;
  height: 0.85714em;
  border-left: 1px solid #c6c6c6;
  vertical-align: top;
}

.gallery .like {
  margin: 0 10px 0 0;
  float: right;
}

.gallery .like:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 15px;
  margin: 0 -2px 0 0;
  background: #fff url("/_Images/img/common/ic_heart-118e26de55336011c6cfd467810f7844.png") no-repeat 0 0;
  background-size: contain;
  vertical-align: top;
}

.gallery a:hover .title {
  text-decoration: underline;
}

.gallery a:hover .thumb img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transform: scale3d(1.05, 1.05, 1);
          transform: scale3d(1.05, 1.05, 1);
  opacity: 0.5;
}

.gallery.v2 {
  margin: 32px 0 40px;
  border-bottom: 2px solid #484848;
}

.gallery.v2 li {
  width: 16.66667%;
  margin: 0 0 2.375em 4.16667%;
  padding: 0;
  text-align: center;
  border: 0;
}

.gallery.v2 li:nth-child(5n+1) {
  margin-left: 0;
}

.gallery.v2 .title_wrap {
  margin: 0;
}

.gallery.v2 .thumb {
  margin-bottom: 1.125em;
}

.gallery.v2 .title {
  margin: 0;
}

.caution_msg {
  position: relative;
  margin: 0 0 2em;
  padding: 2em 76px 2.14286em 156px;
  font-size: 0.875em;
  color: #999;
  background: #f4f4f4 url("/_Images/img/common/ic_caution-bac4471e868fbca035f6ede060f903f4.png") no-repeat 58px 50%;
}

.caution_msg > * {
  border-left: 1px solid #dbdbdb;
}

.caution_msg > ul {
  display: table-cell;
  height: 85px;
  list-style: none;
  vertical-align: middle;
}

.caution_msg > ul li {
  padding: 0 0 0 38px;
}

.caution_msg > ul li + li {
  margin-top: 5px;
}

.caution_msg > ul li:before {
  content: '\00B7';
  display: inline-block;
  margin: 0 8px 0 -10px;
  font-weight: bold;
  color: #777;
}

.gallery ~ .text_right .btn_v1 {
  margin: -46px 0 0;
  float: right;
}

/* 공�??�항 */
.notice_label {
  display: inline-block;
  width: 52px;
  padding: 0.4375em 0.375em 0.375em;
  font-size: 16px;
  font-weight: bold;
  color: #00b7c9;
  line-height: 1;
  letter-spacing: -0.05em;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #00b7c9;
  background: #fff;
}

.table .notice > .title {
  font-weight: bold;
}

.accordion_list {
  margin: 0 0 50px;
  border-top: 2px solid #00b7c9;
  border-bottom: 1px solid #a3a3a3;
}

.accordion_list ol {
  list-style: none;
}

.accordion_list .item {
  border-top: 1px solid #e4e4e4;
}

.accordion_list .item:first-child {
  border-top: 0;
}

.accordion_list .btn_expand {
  display: block;
  position: relative;
  width: 100%;
  padding: 23px 90px 22px 32px;
  font-size: 1em;
  font-weight: bold;
  color: #272a2c;
  text-align: left;
  border: 0;
  background: none;
}

.accordion_list .btn_expand:after {
  content: '';
  display: block;
  position: absolute;
  top: 1.75em;
  right: 38px;
  width: 14px;
  height: 14px;
  margin: -4px 0 0;
  border: 2px solid #000;
  border-width: 2px 0 0 2px;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.accordion_list .content_wrap {
  display: none;
}

.accordion_list .content {
  position: relative;
  padding: 34px 24px;
  font-size: 1em;
  color: #686868;
  border-top: 1px solid #e4e4e4;
  background: #f4f4f4;
}

.accordion_list .expanded > .btn_expand:after {
  margin-top: 4px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.accordion_list[data-faq] .btn_expand {
  padding-left: 107px;
}

.accordion_list[data-faq] .btn_expand:before {
  content: 'Q';
  display: block;
  position: absolute;
  top: 0.88889em;
  left: 38px;
  width: 36px;
  height: 36px;
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 1.125em;
  font-weight: lighter;
  color: #00b7c9;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 50%;
  border: 1px solid;
}

.accordion_list[data-faq] .content {
  padding: 34px 107px;
}

.accordion_list[data-faq] .content:before {
  content: 'A';
  display: block;
  position: absolute;
  top: 1.5em;
  left: 38px;
  width: 36px;
  height: 36px;
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 1.125em;
  font-weight: lighter;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 50%;
  border: 1px solid;
}

/* ?�고멤버 */
/* -- 로그??*/
.member_wrap {
  border: 1px solid #e5e5e5;
  border-top: 2px solid #00b7c9;
  background: #f7f7f7;
}

.member_wrap .row + .row {
  margin-top: 8px;
}

.member_wrap .col {
  width: 50%;
  min-width: 598px;
  margin: 0 auto;
  padding: 54px 5.2% 58px;
}

.member_wrap .colgroup {
  padding: 82px 0;
}

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

.member_wrap .colgroup .col {
  position: relative;
  min-width: 0;
  padding-top: 0;
  padding-bottom: 0;
  float: left;
}

.member_wrap .col:nth-child(2):before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 106px;
  border-left: 1px solid #e5e5e5;
}

.member_wrap .btn_v2 {
  margin: 30px 0 0;
  padding: 0.61538em;
  font-size: 1.625em;
}

/* 20180808 ?�정 */
.member_group:after { content: ''; display: block; clear: both; }

.member_group .member_wrap { width: 49%; margin-left: 2%; float: left; }

.member_group .member_wrap:first-child { margin-left: 0; }

.member_group .col { width: 100%; min-width: 0; padding-left: 9.8%; padding-right: 9.8%; }

/* 20180808 ?�정 */
.input_group { display: inline-block; width: 100%; vertical-align: top; }

.input_group .i_txt { width: 49%; margin-left: 2%; float: left; }

.input_group .i_txt:first-child { margin-left: 0; }

.mem_header {
  margin: 0 0 18px;
}

.mem_title {
  font-size: 24px;
  font-weight: bold;
  font-weight: normal;
  line-height: 1.1;
}

.mem_title strong {
  color: #00b7c9;
}

.mem_title img {
  width: auto;
  height: 24px;
}

.mem_title_sub {
  color: #686868;
}

.mem_title_sub strong {
  color: #1cb2c7;
}

.frm_id {
  font-size: 0;
}

.frm_id > * {
  display: inline-block;
  vertical-align: middle;
}

.frm_id .i_txt,
.frm_id .i_select {
  width: 46%;
  font-size: 16px;
  font-size: 1rem;
}

.frm_id .at-entity {
  width: 8%;
  font-size: 17px;
  color: #686868;
  text-align: center;
}

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

.mem_options {
  margin: 0 -8px 22px 0;
  font-size: 0.875em;
  line-height: 2.1428;
  text-align: right;
}

.mem_options > a {
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.mem_options > a:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: -2px 10px 0;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.mem_options > a:hover {
  color: #1cb2c7;
}

.mem_options > a:hover:after {
  border-color: #1cb2c7;
}

.btn_v2.login {
  margin: 0;
  padding: 13px 14px 14px;
  font-size: 26px;
}

.btn_v2.login:before {
  content: '';
  display: inline-block;
  margin: 2px 8px 0 0;
  width: 21px;
  height: 31px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -70px 0px;
  vertical-align: top;
}

/* -- ?�원가??*/
.is_member {
  margin: 12px 0 0;
  font-weight: bold;
  color: #888;
  text-align: justify;
  text-align-last: justify;
}

.is_member span {
  display: inline-block;
  text-align-last: left;
}

.is_member .btn_v1 {
  width: 126px;
  padding: 12px;
  font-size: 1em;
  font-weight: normal;
  text-align-last: center;
}

.policy_wrap {
  font-size: 1em;
  color: #666;
}

.policy_wrap p,
.policy_wrap dl {
  margin: 1.125em 0;
}

.policy_wrap h3,
.policy_wrap h4,
.policy_wrap h5 {
  margin: 1.25em 0;
  font-size: inherit;
  font-weight: bold;
  color: #000;
}

.policy_wrap ol,
.policy_wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: inherit;
}

.policy_wrap ol li,
.policy_wrap ul li {
  margin: 1.125em 0;
  padding: 0 0 0 1.0625em;
}

.policy_wrap ol li::first-letter,
.policy_wrap ul li::first-letter {
  margin: 0 4px 0 -1.0625em;
}

.policy_wrap dl dt {
  float: left;
}

.policy_wrap dl dt:after {
  content: ':';
  padding: 0 4px;
}

.policy_wrap .table_of_contents {
  padding: 46px 60px;
  background: #f7f7f7;
}

.policy_wrap .table_of_contents .col {
  width: 50%;
  float: left;
}

.policy_wrap .table_of_contents a {
  font-size: inherit;
  color: #1393a3;
  line-height: 1.875;
  letter-spacing: -0.03em;
}

.policy_wrap .table_of_contents a:hover {
  text-decoration: underline;
}

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

.e_policy {
  padding: 3em 4em 3em 44%;
  color: #848484;
  background: #f4f4f4 url("/_Images/img/common/sub/policy_bg-0ef9df7a19318681ae87c06d9a7c8951.png") repeat-y 0 -170px;
}

.e_policy h4 {
  margin-top: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}

.e_policy h4 strong {
  color: #00b7c9;
}

.e_policy h5 {
  margin: 0;
}

.e_policy ol li {
  margin: 0;
  font-size: 0.9375em;
}

.steps {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 36px;
  padding: 0 0 24px;
  border-bottom: 2px solid #00afc0;
}

.steps li {
  display: table-cell;
  padding: 0 0 0 5.3%;
  font-size: 1.25em;
  line-height: 1.1;
  vertical-align: middle;
}

.steps li:first-child {
  padding-left: 0;
}

.steps .inner {
  position: relative;
  white-space: nowrap;
}

.steps .inner:before {
  content: '';
  display: inline-block;
  width: 72px;
  height: 71px;
  margin: 0 8px 0 0;
  vertical-align: middle;
  background-image: url("/_Images/img/common/sp_regist-f9491a25e70af87e53bda96e962ef70b.png");
}

.steps .inner:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 7px;
  width: 14px;
  height: 14px;
  margin: -7px 0 0;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.steps li:last-child .inner:after {
  content: none;
}

.steps .inner > span {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
}

.steps .prefix {
  display: block;
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 0.85em;
  text-transform: uppercase;
}

.steps .on {
  position: relative;
  color: #00b7c9;
  z-index: 1;
}

.steps .first .inner:before {
  background-position: 0px 0px;
}

.steps .first.on .inner:before {
  background-position: -76px 0px;
}

.steps .second .inner:before {
  background-position: 0px -75px;
}

.steps .second.on .inner:before {
  background-position: -76px -75px;
}

.steps .third .inner:before {
  background-position: -152px -75px;
}

.steps .third.on .inner:before {
  background-position: -152px 0px;
}

.steps .fourth .inner:before {
  background-position: -75px -150px;
}

.steps .fourth.on .inner:before {
  background-position: 0px -150px;
}

.mypage_wrap .member_wrap {
  margin-bottom: 35px;
}

.mypage_wrap .caution_msg {
  margin-bottom: 33px;
}

.mypage_wrap .btn_v1 {
  width: 191px;
}

.mypage_title {
  margin: 0 0 8px;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.1;
}

.mypage_title_sub {
  margin: 0 0 1em;
  padding: 0 4.2em 0 0;
  letter-spacing: -0.03em;
  color: #666;
}

.mypage_title_sub strong {
  font-weight: normal;
  color: #00b7c9;
}

.mypage_title_sub ul,
.mypage_title_sub ol {
  list-style: none;
  line-height: 1.25;
}

.mypage_title_sub ul li,
.mypage_title_sub ol li {
  padding: 0 0 0 1em;
}

.mypage_title_sub ul li:first-letter,
.mypage_title_sub ol li:first-letter {
  margin: 0 0 0 -1em;
}

.mypage_title_sub p,
.mypage_title_sub ol,
.mypage_title_sub ul {
  margin: 0 0 1em;
}

.policies {
  margin: 0 0 42px;
}

.policies .col {
  margin: 28px 0;
  border: 0;
}

.policies .title {
  margin: 0 0 4px;
  font-weight: bold;
}

.policies .content {
  height: 165px;
  border: 1px solid #dfdfdf;
  background: #f8f8f8;
}

.policies [data-scrollable] {
  padding: 28px 5%;
}

.policies .policy_wrap {
  color: #686868;
}

.is_accept {
  padding: 1.25em 1.625em;
  border: 1px solid #dfdfdf;
  border-width: 0 1px 1px;
  background: #fff;
}

.is_accept .label,
.is_accept .label + div {
  float: left;
}

.is_accept .label {
  width: 34%;
}

.is_accept .label + div {
  width: 66%;
}

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

.frm_input .col {
  border: 0;
}

.frm_input .title {
  margin: 0 0 8px;
  font-size: 1.25em;
  font-weight: bold;
  color: #484848;
}

.frm_input .table {
  border-color: #484848;
}

.frm_input .table th,
.frm_input .table td {
  border-color: #dfdfdf;
}

.frm_input td.leave {
  height: 64px;
  padding-left: 3.33%;
}

.frm_input [class^="i_"] {
  width: 43%;
}

.frm_input .frm_id {
  display: inline-block;
  width: 43%;
}

.frm_input .frm_id [class^="i_"] {
  width: 46%;
}

.year_wrap {
  display: inline-block;
  width: 43%;
  margin: 0 8px 0 0;
  vertical-align: middle;
}

.year_wrap .i_select {
  width: 30.25%;
  margin: 0 0 0 1.625%;
  float: left;
}

.year_wrap .i_select:first-child {
  width: 36.25%;
  margin-left: 0;
}

.post_wrap {
  display: block;
  width: 43%;
  margin: 0 0 8px;
}

.post_wrap .i_txt {
  width: 63%;
  float: left;
}

.post_wrap .btn_v3 {
  width: 35.25%;
  margin-left: 1.75%;
  float: left;
}

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

.address_wrap {
  display: block;
  width: 100%;
  margin: 8px 0 0;
}

.address_wrap .i_txt {
  float: left;
}

.address_wrap .i_txt:last-child {
  width: 56%;
  margin-left: 1%;
}

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

.phone_wrap {
  display: inline-block;
  width: 43%;
  vertical-align: middle;
}

.phone_wrap .i_txt,
.phone_wrap .i_select {
  width: 30.25%;
  float: left;
}

.phone_wrap .dash {
  width: 4.625%;
  font-family: sans-serif;
  color: #888;
  line-height: 44px;
  text-align: center;
  float: left;
}

.box_wrap {
  display: block;
  padding: 0 20% 0 0;
  overflow: hidden;
}

.box_wrap .i_radio + label {
  min-width: 20%;
  max-width: 25%;
  margin: 8px 0;
  padding-right: 8px;
  font-size: 15px;
  white-space: nowrap;
  float: left;
}

.welcome {
  margin: 62px 0;
  text-align: center;
}

.welcome .headline {
  margin: 0 0 1.77778em;
  padding: 92px 0 0;
  font-size: 1.125em;
  font-weight: normal;
  color: #686868;
  line-height: 1.2;
  background: url("/_Images/img/common/ic_done-e3e5b7a155e0f272e0b6c37c66f67827.png") no-repeat 50% 0;
}

.welcome .headline strong {
  display: block;
  margin: 0 0 0.48em;
  font-size: 1.38889em;
  font-weight: bold;
  color: #000;
  line-height: 1.1;
}

/* 마이?�이지 */
/* -- ?�원?�퇴 */
.leave .i_radio ~ .i_txt {
  display: inline-block;
  width: 25%;
  margin: 0 0 0 1em;
  color: transparent;
  opacity: 0;
  visibility: hidden;
}

.leave .i_radio:checked ~ .i_txt {
  color: #808080;
  opacity: 1;
  visibility: visible;
}

/* -- 구매?�역?�인 */
.table[data-order] .title {
  padding-left: 3%;
  padding-right: 3%;
}

.table[data-order] .status > span {
  display: inline-block;
  min-width: 68px;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border: 1px solid;
}

.table[data-order] .status_01 {
  color: #00b7c9;
}

.table[data-order] .status_02 {
  color: #666;
}

.table[data-order] .status_03 {
  color: #459f14;
}

.table[data-order] .status_04 {
  color: #e81b1b;
}

.table[data-order] .status_05 {
  color: #553dd2;
}

.table[data-order] .total_price {
  color: #00b7c9;
}

.table[data-order] .mo_meta { /* 20180808  ?�정 */ display: block; margin: 0 0 -6px; font-family: "Montserrat", "NotoKR", sans-serif; font-size: 12px; font-weight: normal; color: #666; line-height: 1.7; letter-spacing: -0.03em; white-space: pre; }

.table[data-orderview] td {
  font-family: "Montserrat", "NotoKR", sans-serif;
  letter-spacing: -0.01em;
}

.table[data-orderview] .total_price {
  font-weight: bold;
  color: #00b7c9;
}

.order_list {
  margin: 0 0 40px;
  border-top: 2px solid #00b7c9;
}

.order_list .hd {
  display: table;
  width: 100%;
  table-layout: fixed;
  font-size: 1.125em;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #e4e4e4;
  background: #f9f9f9;
}

.order_list .hd span {
  display: table-cell;
  padding: 18px 0;
  vertical-align: middle;
}

.order_list ol {
  list-style: none;
}

.order_list ol li {
  border-top: 1px solid #e4e4e4;
  overflow: hidden;
}

.order_list ol li:first-child {
  border-width: 0;
}

.order_list .pic {
  width: 17%;
}

.order_list .date {
  width: 18%;
}

.order_list .id {
  width: 19%;
}

.order_list .price {
  width: 17.5%;
}

.order_list .sel_date, .sel_Cnt, .order_list [class$="_c_price"] {
  width: 12.6%;
}

.order_list .item {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.order_list .item > * {
  display: table-cell;
  padding: 20px 0.5em;
  font-size: 1.125em;
  line-height: 1.1;
  text-align: center;
  word-break: keep-all;
  vertical-align: middle;
}

.order_list .item .date,
.order_list .item .id,
.order_list .item .price,
.order_list .item .sel_date,
.order_list .item [class$="_price"] {
  font-family: "Montserrat", "NotoKR", sans-serif;
  letter-spacing: 0;
}

.order_list .item .date {
  padding-left: 1.8em;
  padding-right: 1.8em;
  word-break: keep-all;
}

.order_list .item .price strong {
  font-weight: normal;
  color: #00b7c9;
}

.order_list .item .title {
  padding-left: 2.5%;
  text-align: left;
}

.order_list .item .title.v2 {
  padding-left: 0;
}


.order_list .thumb {
  width: 50%;
  padding-top: 48.78%;
}

.order_list .mo_meta {
  display: none;
}

.order_list .parent_id {
  display: block;
  margin: 0 auto 4px;
  font-weight: normal;
}

.order_list .child_id {
  display: inline-block;
  min-width: 60%;
  padding: 0 0 0 14px;
  font-size: 82%;
  color: #525252;
}

.order_list .child_id:before {
  content: '';
  display: inline-block;
  margin: 0 2px 0 -14px;
  width: 9px;
  height: 10px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: -142px -34px;
  vertical-align: top;
}

.order_list .total_wrap {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.order_list .total_wrap .lt,
.order_list .total_wrap .rt {
  display: table-cell;
  padding: 32px 0 35px;
  vertical-align: middle;
}

.order_list .total_wrap .lt {
  width: 78%;
  padding-left: 5%;
  padding-right: 3.5%;
  text-align: justify;
  text-align-last: justify;
  background: #f7f7f7;
}

.order_list .total_wrap .rt {
  width: 22%;
  background: #1cb2c7;
}

.order_list .total_wrap .title {
  display: inline-block;
  font-size: 1.625em;
  font-weight: bold;
  text-align: center;
  text-align-last: left;
  white-space: nowrap;
  vertical-align: middle;
}

.order_list .total_wrap .title:before {
  content: '';
  display: inline-block;
  margin: 0 8px 0 0;
  width: 34px;
  height: 31px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-position: 0px 0px;
  vertical-align: top;
}

.order_list .summary {
  display: inline-block;
  position: relative;
  width: 30%;
  min-width: 14.75em;
  padding: 0 0 0 50px;
  font-size: 1em;
  line-height: 18px;
  text-align: left;
  text-align-last: auto;
  vertical-align: middle;
}

.order_list .summary:before {
  content: '+';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  height: 32px;
  font-size: 22px;
  margin: -16px 0 0;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  background: #e6e6e6;
}

.order_list .summary dt {
  width: 5em;
  font-size: 1.125em;
  float: left;
}

.order_list .summary dd {
  margin: 0 0 0 5em;
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-weight: bold;
  text-align: right;
}

.order_list .summary dd:last-child {
  margin: 0;
}

.order_list .total_price {
  font-size: 1.375em;
  font-weight: bold;
  color: #fff;
  line-height: 1.1;
  text-align: center;
}

.order_list .total_price span {
  display: block;
  margin: 0 0 6px;
}

.order_list .total_price strong {
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 1.81818em;
  font-weight: bold;
  letter-spacing: 0;
}

.order_list .total_price .unit {
  display: inline-block;
  margin-left: -4px;
}

.order_list .btn_v3 {
  display: block;
  width: auto;
  max-width: none;
  height: auto;
  margin: 4px auto 0;
  padding: 6px 12px;
  font-size: 0.83333em;
}

/* 20180808 ?�정 */
.chg_pwd_wrap .member_wrap .col { width: 52%; min-width: 690px; }

.chg_pwd_wrap .btn_v2 { width: 49%; font-size: 1.4375em; }

.chg_pwd_wrap .mem_title_sub { margin: 26px 0 0; }

.chg_pwd_headline { font-size: 1.625em; }

.chg_pwd_headline img { display: block; width: auto; height: 39px; margin: 4px 0 1.15385em; }

.chg_pwd_desc { width: 50%; margin: 0 0 1.5em; color: #999; line-height: 1.6; word-break: keep-all; }

.chg_pwd_desc strong { font-weight: normal; color: #666; }

.chg_pwd_desc .important { font-weight: bold; color: #00b7c9; }

.chg_pwd:before, .chg_next:before { content: ''; display: inline-block; width: 32px; height: 32px; margin: -4px 8px 0 0; vertical-align: middle; background: url("/_Images/img/common/ic_done_wh-d967a9ea5b61ff73e48ed2ecaea2f9c3.png") no-repeat 0 0; background-size: contain; }

.chg_next:before { background-image: url("/_Images/img/common/ic_cancel-1331404bf17734e18be8a6d1cdc7f7ef.png"); }

.req_refund { height: auto; padding: 4px 8px; }

td.title .req_refund { display: none; }

.frm_refund dl { margin: 0 0 20px; }

.frm_refund dt { margin: 4px 0; font-size: 19px; }

.frm_refund .i_area { border-radius: 4px; }

.frm_refund .btn_v1 { width: 9.2em; }

.frm_auth .list.v4 li { color: inherit; }

.frm_auth [class^="i_"].rounded { height: 55px; line-height: 55px; }

.frm_auth .phone_wrap { width: 74%; }

.frm_auth .phone_wrap .dash { line-height: 52px; }

.frm_auth .btn { width: 23%; font-size: 15px; color: #fff; line-height: 55px; border: 0; background: #636363; vertical-align: middle; }

.auth_noti { margin: 0 0 0.42105em; font-size: 1.1875em; line-height: 1.1; }

.auth_noti strong { color: #00a7b7; }

.auth_info { margin: 0 0 1.875em; color: #909090; }

/* ?�라??구매 */
.unit {
  font-weight: normal;
  margin: 0 0 0 -4px;
}

.hz_menu {
  display: none;
}

.shop_banners {
  margin: 68px 0 42px;
  list-style: none;
}

.shop_banners > li {
  position: relative;
}

.shop_banners > li + li {
  margin-top: 12px;
}

.shop_banners > li > a {
  display: block;
  overflow: hidden;
}

.shop_banners .thumb {
  padding-top: 21.83333%;
}

.shop_banners .cover {
  display: block;
 position: absolute;
 top: 0;
 right: 0; 
bottom: 0; 
left: 0; 
background: #000; 
opacity: 0.4; 
-webkit-transition: opacity 0.4s;
 -o-transition: opacity 0.4s; 
transition: opacity 0.4s; -webkit-backface-visibility: hidden; backface-visibility: hidden;
}

.shop_banners .liner {
  position: absolute;
  top: 28px;
  left: 3%;
  width: 310px;
  color: #fff;
}

.shop_banners .headline_wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 28px;
 padding: 0 4.16667%;
  
}

.shop_banners .headline {
  font-size: 1.25em;
  color: #fff;
  line-height: 1.1;
  text-align: right;
}

.shop_banners .headline_wrap strong {
  display: block;
  margin: 0 0 4px;
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 40px;
  letter-spacing: 0;
  text-transform: uppercase;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  -o-transition: transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}
.shop_banners a:hover .cover {
  opacity: 0.35;
}

.recently_title {
  margin: 0 0 28px;
  padding: 0 0 0.46154em;
  font-size: 1.625em;
  font-weight: bold;
  line-height: 1.1;
  border-bottom: 2px solid #000;
}

.gallery.v3 {
  margin: 0 0 3.75em;
}

.gallery.v3 li {
  width: 30.83333%;
  margin: 5.625em 0 0 3.75%;
}

.gallery.v3 li:nth-child(1),
.gallery.v3 li:nth-child(2),
.gallery.v3 li:nth-child(3) {
  margin-top: 0;
}

.gallery.v3 li:nth-child(3n+1) {
  margin-left: 0;
}

.gallery.v3 .thumb {
  padding-top: 62.16%;
}

.gallery.v3 .summary {
  height: 67.2px;
  display: -webkit-box;
  max-height: 67px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.gallery.v3 .label,
.gallery.v3 .price {
  font-family: "Montserrat", "NotoKR", sans-serif;
  background: none;
}

.gallery.v3 .price strong {
  font-weight: normal;
}

.gallery.v3 .label + .price:before {
  content: '';
  display: inline-block;
  margin: 1px 6px 0 4px;
  height: 0.85714em;
  border-left: 1px solid #c6c6c6;
  vertical-align: top;
}

.gallery.v4 {
  margin: 0 76px;
  white-space: nowrap;
  overflow: hidden;
}

.gallery.v4 li {
  display: inline-block;
  width: 48.08333%;
  margin: 0;
  padding: 0 22px;
  border-width: 0;
  white-space: normal;
  float: none;
}

.gallery.v4 .thumb {
  padding-top: 62%;
}

.gallery.v4 .summary {
  height: 67.2px;
  display: -webkit-box;
  max-height: 67px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.gallery.v4 .label,
.gallery.v4 .price {
  font-family: "Montserrat", "NotoKR", sans-serif;
  background: none;
}

.gallery.v4 .price strong {
  font-weight: normal;
}

.gallery.v4 .label + .price:before {
  content: '';
  display: inline-block;
  margin: 1px 6px 0 4px;
  height: 0.85714em;
  border-left: 1px solid #c6c6c6;
  vertical-align: top;
}

.gallery.v4 a:hover .title {
  text-decoration: none;
}

.gallery.v4 .meta_wrap {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
}

.gallery.recently {
  margin: 0;
}

.gallery.recently li {
  margin-bottom: 2.5em;
}

.gallery.recently .meta_wrap {
  border-width: 0;
}

.gallery.v4[class*="recently"] {
  margin: 0;
}

.gallery.v4[class*="recently"] li {
  position: relative;
  margin-left: 3.83333%;
  padding: 25.5% 0 0;
  border-width: 0;
}

.gallery.v4[class*="recently"] li:nth-child(2n+1) {
  margin-left: 0;
}

.gallery.v4[class*="recently"] .thumb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  z-index: -1;
}

.gallery.v4[class*="recently"] .cover {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.2;
}

.gallery.v4[class*="recently"] .grad {
  display: block;
  position: absolute;
  top: 40%;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.8;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(1%, rgba(0, 0, 0, 0.01)), to(black));
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.01) 1%, black 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.01) 1%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.gallery.v4[class*="recently"] .title_wrap {
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
  margin: 0;
  padding: 24px 26px 28px;
}

.gallery.v4[class*="recently"] .title {
  margin: 0 0 4px;
  font-size: 22px;
  color: #fff;
}

.gallery.v4[class*="recently"] .summary, .gallery.v4[class*="recently"] .like {
  display: none;
}

.gallery.v4[class*="recently"] .meta_wrap {
  position: absolute;
  bottom: 24px;
  left: 0;
  margin: 0;
  padding: 0 4.1%;
  line-height: 25px;
}

.gallery.v4[class*="recently"] .label {
  margin: 1px;
  font-size: 17px;
  color: #00b7c9;
}

.gallery.v4[class*="recently"] .label:before {
  content: '(';
}

.gallery.v4[class*="recently"] .label:after {
  content: ')';
}

.gallery.v4[class*="recently"] .price {
  font-size: 25px;
  color: #00b7c9;
  float: left;
}

.gallery.v4[class*="recently"] .price strong {
  font-weight: bold;
}

.gallery.v4[class*="recently"] .unit {
  font-size: 0.68em;
}

.gallery.v4[class*="recently"] .label + .price:before {
  content: none;
}

.sp_carousel {
  position: relative;
  margin: 0 0 128px;
}

.sp_carousel_nav button {
  display: block;
  position: absolute;
  top: 50%;
  width: 38px;
  height: 38px;
  margin: -29px 0 0;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #333;
  border-width: 1px 0 0 1px;
  background: none;
}

.sp_carousel_nav .slick-prev {
  left: 9px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.sp_carousel_nav .slick-next {
  right: 9px;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.sp_carousel_dots {
  position: absolute;
  bottom: -54px;
  left: 0;
  right: 0;
  font-size: 0;
  text-align: center;
}

.sp_carousel_dots li {
  display: inline-block;
  margin: 0 0 0 12px;
}

.sp_carousel_dots li:first-child {
  margin-left: 0;
}

.sp_carousel_dots button {
  width: 13px;
  height: 13px;
  border: 0;
  border-radius: 50%;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  background: #675552;
}

.sp_carousel_dots .slick-active button {
  background: #00b7c9;
}

.shop_header {
  overflow: hidden;
}

.shop_header .thumb_wrap {
  position: relative;
  width: 50%;
  margin: 0 0 18px;
  padding: 43% 0 0;
  border: 1px solid #ccc;
  overflow: hidden;
  float: left;
}

.shop_header .slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.shop_header .thumb {
  padding-top: 86.33%;
  background: #f1f1f1;
}

.shop_header .thumb_dots {
  position: absolute;
  bottom: 28px;
  left: 0;
  right: 0;
  font-size: 0;
  text-align: center;
}

.shop_header .thumb_dots li {
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}

.shop_header .thumb_dots button {
  display: block;
  width: 10px;
  height: 10px;
  text-indent: 100%;
  word-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  opacity: 0.6;
  border-radius: 50%;
  border: 0;
  background: #101010;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}

.shop_header .thumb_dots button:hover {
  opacity: 1;
}

.shop_header .thumb_dots .slick-active button {
  opacity: 1;
  background: #fff;
}

.shop_header .meta_wrap {
  position: relative;
  margin: 0 0 0 51.83%;
  padding: 44px 6% 48px;
  border-top: 2px solid #1cb2c7;
}

.shop_header .btn_v1 {
  width: 100%;
  margin: 0.5em 0 0;
  font-size: 1.25em;
  font-weight: bold;
}

.shop_header .btn_v1:after {
  content: '';
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  margin: 3px 0 0 8px;
  border-radius: 0 3px 0 0;
  border: 2px solid;
  border-width: 2px 2px 0 0;
  vertical-align: top;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.btn_v1[data-purchase] {
  display: none;
}

.btn_toggle {
  display: none;
}

.shop_title {
  margin: 0 0 8px;
  font-size: 2.1875em;
  font-weight: bold;
  color: #000;
  line-height: 1.1;
  word-break: keep-all;
}

.shop_price {
  font-size: 1.125em;
  line-height: 1.1;
}

.shop_price strong {
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 1.94444em;
  font-weight: bold;
  color: #1cb2c7;
  letter-spacing: 0;
}

.price_origin {
  display: inline-block;
  margin: 4px 8px 0 0;
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 18px;
  color: #666;
  line-height: 1.1;
  text-decoration: line-through;
  vertical-align: middle;
}

.price_origin strong {
  font-weight: normal;
}

.price_info .shop_price {
  display: inline-block;
  vertical-align: middle;
}

.shop_price.v2 {
  display: none;
}

.shop_option_wrap {
  margin: 14px 0 16px;
  padding: 24px 0 0;
  list-style: none;
  border-top: 1px solid #d6d6d6;
}

.shop_option_wrap li {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.shop_option_wrap li > * {
  display: table-cell;
  vertical-align: middle;
}

.shop_option_wrap li + li {
  margin: 8px 0 0;
}

.shop_option_wrap .label {
  width: 32%;
  padding: 0 0 0 12px;
  font-size: 1.125em;
  font-weight: normal;
}

.shop_option_wrap .label:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 3px;
  margin: -2px 2px 0 -12px;
  background: #1cb2c7;
  vertical-align: middle;
}

.selected_total_bx {
  position: relative;
}

.selected_total_bx .bx {
  position: relative;
  height: 72px;
  padding: 14px;
  border: 1px solid #dadada;
  background: #fafafa;
  overflow: hidden;
}

.selected_total_bx dt {
  width: 75%;
  min-height: 1.4em;
  font-size: 1em;
  color: #101010;
  white-space: nowrap;
  word-wrap: normal;
  word-break: normal;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.selected_total_bx dd {
  width: 50%;
  min-height: 1.4em;
  line-height: 20px;
  float: left;
}

.selected_total_bx .bx + .bx {
  border-top: 0;
}

.selected_total_bx .price {
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-weight: bold;
  font-size: 20px;
  color: #1cb2c7;
  text-align: right;
}

.selected_total_bx .unit {
  font-size: 16px;
  color: #000;
}

.btn_remove_bx {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px 10px;
  font-family: sans-serif;
  font-size: 22px;
  font-weight: 100;
  color: #999;
  line-height: 10px;
  border: 0;
  background: none;
}

.shop_top_noti {
  position: relative;
  font-size: 1.125em;
  color: #1cb2c7;
  line-height: 1.2;
  word-break: keep-all;
}

.shop_header .shop_top_noti {
  margin-bottom: 16px;
  font-size: 1.0625em;
  line-height: 1.4;
}

.shop_divide {
  width: 48.17%;
  margin: 0 0 0 51.83%;
  border-width: 0;
  border-bottom: 2px solid #1cb2c7;
}

.shop_body {
  margin: 30px 0;
  clear: both;
}

.shop_body .colgroup {
  margin: 0 0 32px;
  list-style: none;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.shop_body .colgroup li {
  width: 48.6%;
  margin: 0 0 0 2.8%;
  float: left;
}

.shop_body .colgroup li:first-child {
  margin: 0;
}

.shop_body .tabs {
  margin-bottom: 45px;
}

.shop_body .tabs li {
  border-left-width: 1px;
}

.shop_body .tabs li a:before {
  display: none;
}

.shop_body .thumb_gallery {
  margin-top: 50px;
}

.shop_info_wrap dt.sr_only + dd .list {
  margin-top: -32px;
}

.shop_info_tt {
  margin: 0 0 0.63636em;
  padding: 0 0 0 22px;
  font-size: 1.375em;
  font-weight: bold;
  line-height: 1.1;
}

.shop_info_tt:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 4px;
  margin: -4px 8px 0 -22px;
  background: #1cb2c7;
  vertical-align: middle;
}

.shop_info_ds {
  margin: 0 0 14px;
  font-size: 1em;
  color: #828282;
}

.bx_wrap {
  overflow: hidden;
}

.time_bx {
  position: relative;
  width: 48.9%;
  height: 215px;
  margin: 0 0 18px;
  border: 1px solid #dadada;
  border-top: 2px solid #000;
  float: left;
}

.time_bx table {
  position: relative;
  top: 50%;
  width: 100%;
  table-layout: fixed;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.time_bx caption {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  opacity: 0;
}

.time_bx:first-child {
  margin: 0 2% 0 0;
}

.time_bx th {
  width: 30%;
  font-size: 1.5625em;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #e9e9e9;
}

.time_bx th:before {
  content: '';
  display: block;
  margin: 0 auto;
}

.time_bx td {
  width: 70%;
  padding: 0 0 0 6.8%;
  font-size: 1.125em;
  color: #666;
  vertical-align: middle;
}

.time_bx td strong {
  font-size: 22px;
  font-weight: bold;
  color: #000;
  line-height: 1.1;
}

.time_bx td em {
  font-size: 0.88889em;
  font-style: normal;
}

.time_bx .time {
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 24px;
  letter-spacing: 0;
}

.spa th:before {
  width: 73px;
  height: 72px;
  background-image: url("/_Images/img/common/sp_shop-6a2f55280348120b2067f79f991a2134.png");
  background-position: 0px -76px;
}

.bath th:before {
  width: 73px;
  height: 72px;
  background-image: url("/_Images/img/common/sp_shop-6a2f55280348120b2067f79f991a2134.png");
  background-position: -77px -76px;
}

.bus_01 th:before {
  width: 73px;
  height: 72px;
  background-image: url("/_Images/img/common/sp_shop-6a2f55280348120b2067f79f991a2134.png");
  background-position: 0px 0px;
}

.bus_02 th:before {
  width: 73px;
  height: 72px;
  background-image: url("/_Images/img/common/sp_shop-6a2f55280348120b2067f79f991a2134.png");
  background-position: -77px 0px;
}

.list.v1 {
  margin: 0 0 80px;
  list-style: none;
}

.list.v1 li {
  font-size: 1em;
  color: #1cb2c7;
  padding: 0 0 0 14px;
}

.list.v1 li:before {
  content: '\00B7';
  display: inline-block;
  margin: 0 10px 0 -14px;
  font-weight: bold;
}

.list.v2 {
  margin: 0 0 50px;
  list-style: none;
}

.list.v2 li {
  padding: 0 0 0 10px;
  font-size: 1em;
  color: #828282;
  line-height: 1.5625;
}

.list.v2 li:before {
  content: '- ';
  display: inline-block;
  margin: 0 4px 0 -10px;
}

.list.v2 strong {
  font-weight: normal;
  color: #1cb2c7;
}

.dday_before:before {
  content: '';
  display: inline-block;
  min-width: 3.06667em;
  margin: -2px 8px 0 0;
  padding: 5px 8px 4px;
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 0.9375em;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  border-radius: 26px;
  background: #1cb2c7;
  vertical-align: middle;
}

.dday_before.day1:before {
  content: 'D-1';
}

.dday_before.day2:before {
  content: '~D-2';
}

.dday_before.day3:before {
  content: 'D-3';
}

.bus_stop {
  height: 372px;
  margin: 0 0 20px;
  background: #f4f4f4;
  overflow: hidden;
}

.map_label {
  margin: 2px 94px 2px 0;
  font-size: 14px;
  font-weight: bold;
  color: #ff3600;
  line-height: 1.1;
  letter-spacing: -0.05em;
  text-shadow: 0 0 0 #ff3600;
}

.caravan_map {
  width: 546px;
  height: 842px;
  border-right: 1px solid #e5e5e5;
  float: left;
}

.caravan_map img {
  display: block;
  max-width: 100%;
  height: auto;
}

.caravan_top {
  border: 1px solid #e5e5e5;
  overflow: hidden;
}

.caravan_top .mo_calendar {
  display: none;
}

.caravan_top .meta_wrap {
  margin: 0 0 0 545px;
  padding: 40px 3.7%;
  border: 0;
}

.caravan_top .btn_v1 {
  width: 215px;
  padding: 22px;
}

.caravan_top .btn_v1:after {
  content: none;
}

.caravan_top .shop_option_wrap {
  margin: 0 0 66px;
  padding: 0;
  border-top: 0;
}

.caravan_top .shop_price {
  display: table;
  width: 100%;
  margin: 0 0 40px;
  border: 1px solid #d6d6d6;
  border-width: 1px 0 1px 0;
}

.caravan_top .shop_price > * {
  display: table-cell;
  padding: 24px 0;
  vertical-align: middle;
}

.caravan_top .shop_price .label {
  width: 32%;
  padding: 0 0 0 12px;
  font-size: 1.125em;
}

.caravan_top .shop_price .label:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 3px;
  margin: -2px 2px 0 -12px;
  background: #1cb2c7;
  vertical-align: middle;
}

.caravan_top .shop_price .opt_bx {
  vertical-align: middle;
}

.steps.caravan li {
  padding-left: 3.8%;
}

.steps.caravan li:first-child {
  padding-left: 0;
}

.steps.caravan .second {
  width: 37.8%;
}

.steps.caravan .inner:before {
  width: 60px;
  height: 60px;
  background-image: url("/_Images/img/common/sp_caravan-af6714f3af0e064e1c59cb67ce55dd9a.png");
}

.steps.caravan .first .inner:before {
  background-position: 0px 0px;
}

.steps.caravan .second .inner:before {
  background-position: 0px -64px;
}

.steps.caravan .third .inner:before {
  background-position: -128px 0px;
}

.steps.caravan .first.on .inner:before {
  background-position: -64px 0px;
}

.steps.caravan .second.on .inner:before {
  background-position: -64px -64px;
}

.steps.caravan .third.on .inner:before {
  background-position: -128px -64px;
}

.steps.caravan .prefix {
  font-size: 0.75em;
  font-weight: bold;
  color: #9d9d9d;
}

.steps.caravan .on {
  color: #000;
}

.steps.caravan .on .prefix {
  color: #00b6c8;
}

.steps.caravan .inner:after {
  border-color: #a8a8a8;
}

.list.v3 {
  margin: 0 0 26px;
  list-style: none;
}

.list.v3 li {
  color: #828282;
  line-height: 1.6;
  letter-spacing: -0.03em;
  word-wrap: break-word;
  word-break: break-all;
}

.list.v3 li:before {
  content: '\203B';
  margin: 0 8px 0 0;
}

.list.v3 strong {
  font-weight: normal;
  color: #1cb2c7;
}

.list.v3 em {
  font-size: 1.125em;
  font-style: normal;
  color: #000;
  line-height: 1.2;
}

.thumb_gallery {
  position: relative;
  overflow: hidden;
}

.thumb_gallery .view {
  position: relative;
  width: 77.83%;
  padding: 48.33% 0 0;
  overflow: hidden;
  float: left;
}

.thumb_gallery .view img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 100%;
}

.thumb_gallery .thumbs {
  margin: 0 0 0 77.83%;
  overflow: hidden;
}

.thumb_gallery .thumbs ol {
  list-style: none;
}

.thumb_gallery .thumbs ol:after {
  content: '';
  display: block;
  clear: both;
}

.thumb_gallery .thumbs li {
  position: relative;
  width: 50%;
  padding: 4px 0 0 5px;
  float: left;
}

.thumb_gallery .thumbs li:nth-child(1),
.thumb_gallery .thumbs li:nth-child(2) {
  padding-top: 0;
}

.thumb_gallery .thumbs img {
  display: block;
  width: 100%;
  height: auto;
}

.thumb_gallery .thumbs .on:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  right: 0;
  bottom: 0;
  border: 5px solid #1cb2c7;
}

.thumb_gallery .thumbs .on:nth-child(1):before,
.thumb_gallery .thumbs .on:nth-child(2):before {
  top: 0;
}

.thumb_gall_nav {
  display: none;
}

.thumb_gallery_info {
  margin: 1em 0;
  color: #828282;
  line-height: 1.6;
  letter-spacing: -0.03em;
  word-wrap: break-word;
  word-break: break-all;
}

.caravan_status {
  list-style: none;
}

.caravan_status li {
  margin: 0 0 8px;
  padding: 0 0 0 1em;
}

.caravan_status li:before {
  content: '';
  display: inline-block;
  width: 10px;
  margin: -2px 4px 0 -1em;
  border-top: 3px solid #1cb2c7;
  vertical-align: middle;
}

.covered_frm {
  position: absolute;
  top: 126px;
  right: 3.7%;
  left: 3.7%;
  bottom: 0;
  text-align: center;
  white-space: nowrap;
  z-index: 5;
}

.covered_frm:before {
  content: '';
  display: inline-block;
  height: 90%;
  vertical-align: middle;
}

.covered_frm .desc {
  display: inline-block;
  font-size: 30px;
  font-weight: normal;
  color: #1cb2c7;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  vertical-align: middle;
}

.covered_frm .desc:before {
  content: '';
  display: block;
  width: 66px;
  height: 66px;
  margin: 0 auto 24px;
  background: url("/_Images/img/common/ic_done-e3e5b7a155e0f272e0b6c37c66f67827.png") no-repeat 0 0;
  background-size: contain;
}

.covered_frm:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.9;
  background: #fff;
  z-index: -1;
}

.caravan_map_info {
  margin: 24px 0 0;
}

.mo_caravan_map {
  display: none;
}

.gallery.v5 li {
  width: 30.25%;
  margin: 0 0 50px 4.6%;
  padding: 0;
  border: 0;
}

.gallery.v5 li:nth-child(3n+1) {
  margin-left: 0;
}

.gallery.v5 .outer {
  padding: 45.7% 0 0;
  border: 1px solid #e1e1e1;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}

.gallery.v5 .inner {
  padding: 26px 6% 16px;
  background: #fff;
}

.gallery.v5 .title {
  margin: 0 0 0.54545em;
  font-size: 1.375em;
  font-weight: bold;
  line-height: 1.1;
}

.gallery.v5 .title strong {
  color: #00b7c9;
}

.gallery.v5 .desc {
  margin: 0 0 1.25em;
  color: #828282;
  line-height: 1.5625;
  letter-spacing: -0.03em;
  word-break: keep-all;
}

.gallery.v5 .btn_v1 {
  display: block;
  width: 100%;
  font-size: 20px;
}

.area_type_01 {
  background-image: url("/_Images/img/common/sub/restarea_01-1ed6264323387eb64e0e3f1051b4ff75.jpg");
}

.area_type_02 {
  background-image: url("/_Images/img/common/sub/restarea_02-942c1ea5ca33cc42f1bedab1d8a3e553.jpg");
}

.area_type_03 {
  background-image: url("/_Images/img/common/sub/restarea_03-11440246715c2d1b40abc89d3a3dbacc.jpg");
}

.area_type_04 {
  background-image: url("/_Images/img/common/sub/restarea_04-190e61fdd1c1681ab3232a67328f014c.jpg");
}

.area_type_05 {
  background-image: url("/_Images/img/common/sub/restarea_05-c94a0bb4697a936728beb9005860c989.jpg");
}

.area_type_06 {
  background-image: url("/_Images/img/common/sub/restarea_06-763d6de3c8b2cdbf4d8fc756e7d1d9b1.jpg");
}

.area_map {
  font-size: 1em;
  color: #666;
}

.area_map .map {
  margin: 0 0 30px;
}

.area_map .map img {
  display: block;
  width: 100%;
  height: auto;
}

.area_map p {
  margin: 0 0 30px;
}

.shop_top_tabs {
  margin: 0 0 36px;
}

.btn_download {
  display: inline-block;
  margin: 12px 0;
  padding: 0.75em 1.75em;
  font-size: 1em;
  color: #4d4d4d;
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: 2px 2px 0 rgba(190, 190, 190, 0.2);
          box-shadow: 2px 2px 0 rgba(190, 190, 190, 0.2);
  -webkit-transition: color 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: color 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: color 0.3s, border-color 0.3s, box-shadow 0.3s;
  transition: color 0.3s, border-color 0.3s, box-shadow 0.3s;
  transition: color 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.btn_download:after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 19.5px;
  margin: 0 0 0 8px;
  background-image: url("/_Images/img/common/sp_ic2-8d2cca7e296a07ac402d232aeb7d8c12.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 72px 65.5px;
  vertical-align: middle;
}

.btn_download:hover {
  color: #00b5c8;
  border-color: #00b5c8;
  -webkit-box-shadow: 2px 2px 0 rgba(0, 181, 200, 0.2);
          box-shadow: 2px 2px 0 rgba(0, 181, 200, 0.2);
}

.cancel_coupon {
  margin: 4px 0 1em;
}

.cancel_coupon .btn_v3 {
  margin-right: 0;
  padding: 8px 28px;
  font-size: 1em;
}

.payment_type .vendor {
  display: inline-block;
  width: auto;
  height: 30px;
  margin: -4px 0 0 0;
  vertical-align: middle;
}

.order_bx {
  position: relative;
  margin: 0 0 40px;
}

.order_bx .policies {
  padding: 24px 0;
  border: 1px solid #a1a1a1;
  border-width: 1px 0;
}

.order_bx .policies .col {
  margin: 14px 0 0;
}

.order_bx .policies .col:first-child {
  margin: 0;
}

.order_bx .policies .title {
  padding: 6px 0;
  float: left;
}

.order_bx .policies .content {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  clear: both;
}

.order_bx .expanded .content {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.order_bx .btn_expand {
  width: auto;
  height: auto;
  margin: 0 0 0 10px;
  padding: 6px 12px;
  font-size: 14px;
  background: none;
}

.order_bx .btn_expand:after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 8px;
  border: 1px solid;
  border-width: 1px 0 0 1px;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
  vertical-align: middle;
}

.order_bx .expanded .btn_expand:after {
  margin-top: 2px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.order_bx .is_accept {
  padding: 0;
  border-width: 0;
}

.copy_value {
  margin: -2em 0 8px;
  text-align: right;
}

.copy_value .btn {
  border: 0;
  background: none;
}

.copy_value .box {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -3px 8px 0 0;
  padding: 4px;
  line-height: 1;
  border: 1px solid #a1a1a1;
  vertical-align: middle;
}

.copy_value.on .box {
  border-color: #1cb2c7;
}

.copy_value.on .box:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #1cb2c7;
}

.payment_steps {
  height: 185px;
  margin: 0 0 32px;
  padding: 40px 0 0;
  list-style: none;
  border: 1px solid #dadada;
  border-top: 2px solid #000;
  text-align: center;
  white-space: nowrap;
}

.payment_steps li {
  display: inline-block;
  margin: 0 -4px 0 0;
  width: 21%;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  vertical-align: top;
  white-space: normal;
}

.payment_steps li + li {
  padding-left: 14px;
  background: url("/_Common/Images/ic_arrow_01-6833ce31f5ca7cdf108c28699c2883f0.png") no-repeat 0 28px;
  background-size: 15px auto;
}

.payment_steps li:before {
  content: '';
  display: block;
  margin: 0 auto 12px;
  width: 73px;
  height: 72px;
  background-image: url("/_Common/Images/sp_order-4beaf934443ae62951d3e0a248e948ba.png");
  background-position: 0px 0px;
}

.payment_steps li:nth-child(2):before {
  background-position: -77px 0px;
}

.payment_steps li:nth-child(3):before {
  background-position: 0px -76px;
}

.payment_steps li:nth-child(4):before {
  background-position: -77px -76px;
}

.payment_steps.v2 {
  padding-top: 28px;
}

.payment_steps.v2 li {
  width: 17.8%;
}

.payment_steps.v2 li:before {
  background-position: -154px 0px;
}

.payment_steps.v2 li:nth-child(2):before {
  background-position: -154px -76px;
}

.payment_steps.v2 li:nth-child(3):before {
  background-position: 0px -76px;
}

.payment_steps.v2 li:nth-child(4):before {
  background-position: 0px -152px;
}

.payment_steps.v2 li:nth-child(5):before {
  background-position: -77px -76px;
}

.done_msg {
  margin: 0 0 32px;
  text-align: center;
}

.done_msg .headline img {
  display: inline-block;
  width: auto;
  height: 192px;
  margin: 0 0 36px;
}

.done_msg .bx {
  width: 80%;
  margin: 0 auto;
  padding: 28px 7.3% 32px;
  font-size: 1em;
  color: #525252;
  line-height: 1.6;
  border: 1px solid #e1e1e1;
  background: #f8f8f8;
}

.done_msg .bx strong {
  font-weight: normal;
  color: #008b9e;
}

.my_order {
  margin: 4px 0;
  font-size: 15px;
}

.my_order em {
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #1cb2c7;
  letter-spacing: 0;
}

[data-popup="coupon_status"] .table {
  margin: 0 0 20px;
}

[data-popup="coupon_status"] .table td {
  font-family: "Montserrat", "NotoKR", sans-serif;
  font-size: 0.9375em;
  letter-spacing: -0.03em;
}

[data-popup="coupon_status"] .table .exp_date {
  width: 15%;
}

[data-popup="coupon_status"] .table .name {
  width: 32%;
}

[data-popup="coupon_status"] .table tbody .name {
  text-align: left;
}

[data-popup="coupon_status"] .table tbody .usage {
  color: #00b7c9;
}

[data-popup="coupon_status"] .table tbody .usage.off {
  color: #f00;
}

[data-popup="coupon_status"] .list.v3 {
  margin: 0;
}

[data-popup="coupon_status"] .list.v3 li {
  font-size: 1em;
  color: #00b6c8;
}

/* screen 1600 ?�하 */
@media screen and (max-width: 1700px) {
  .nav_wrap {
    /* ?�더�?메뉴 ?�역 공백 추�? */
    margin-right: 189px;
  }
}

/* screen 1200 ?�하 */
@media screen and (max-width: 1280px) {
  .goods-contents img {
    max-width: 100%;   /* 부모 너비를 넘지 않도록 */
    height: auto;      /* 비율 유지하며 높이 자동 조정 */
    display: block;    /* 필요하면 블록 요소로 바꿔 레이아웃 안정화 */
/*       max-width: 300px;  */
      max-width: 100%;
/*       max-height: 800px;  */
      max-height: 100%;
  }
  /* ?�이?�웃 */
  body {
    padding-top: 58px;
  }
  .mo_blocked {
    display: block;
  }
  /* -- Header */
  .header {
    position: fixed;
    top: 0;
    left: 0;
    padding: 14px 0 14px 24px;
  }
  .header .goto_reservation, .header .goto_shop {
    display: none;
  }
  .container {
    max-width: 960px;
  }
  .logo { text-align: center; float: none; }
  .logo .origin { /* 20180816  */ width: 133px; height: 34px; overflow: hidden; }
 /* .logo .origin img {  20180816   position: absolute; width: 1px; height: 1px; opacity: 0; visibility: hidden; } */
  .logo .origin:after { opacity: 1; visibility: visible; }
  .mo_btn_expand { display: block; position: absolute; top: 50%; left: 12px; width: 24px; height: 20px; margin: -10px 0 0; text-indent: 100%; word-wrap: normal; word-break: normal; white-space: nowrap; overflow: hidden; border: 2px solid #000; border-width: 2px 0 2px 0; background: none; }
  .mo_btn_expand:before { content: ''; display: block; position: absolute; top: 7px; left: 0; right: 0; border-top: 2px solid #000; }
  .mo_gnb_top { display: block; }
  .nav_wrap { position: fixed; top: 0; bottom: 0; left: 0; width: 82.93333%; max-width: 311px; margin: 0; background: #fff; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); z-index: 1; }
  /* 20180816  */
  .mo_btn_collapse { display: block; position: fixed; top: 8px; left: 311px; width: 24px; height: 24px; margin: 0 0 0 7px; text-indent: 100%; word-wrap: normal; word-break: normal; white-space: nowrap; overflow: hidden; opacity: 0; visibility: hidden; border: 0; background: none; z-index: 3; }
  .mo_btn_collapse:before, .mo_btn_collapse:after { content: ''; display: block; position: absolute; top: 0; width: 34px; border-top: 1px solid #fff; }
  .mo_btn_collapse:before { left: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .mo_btn_collapse:after { right: 0; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .mo_expanded .mo_btn_collapse { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s ease 0.4s; -o-transition: opacity 0.3s ease 0.4s; transition: opacity 0.3s ease 0.4s; }
  .mo_expanded .nav_wrap { display: block; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.3s 0.2s; transition: -webkit-transform 0.3s 0.2s; -o-transition: transform 0.3s 0.2s; transition: transform 0.3s 0.2s; transition: transform 0.3s 0.2s, -webkit-transform 0.3s 0.2s; }
  .mo_expanded:after { content: ''; display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.8; background: #000; }
  .mo_gnb_top ul { padding: 26px 0; list-style: none; overflow: hidden; }
  .mo_gnb_top li { width: 52%; border-left: 1px solid #d5d5d5; float: left; }
  .mo_gnb_top li:first-child { width: 48%; border-left: 0; }
  .mo_gnb_top a { display: block; padding: 8px 0 14px; font-size: 15px; font-weight: bold; line-height: 1.1; text-align: center; }
  .mo_gnb_top a:before { content: ''; display: block; width: 36px; height: 36px; margin: 0 auto 8px; background: url("/_Images/img/common/ic_history-14d3f20bf5392c226432ccf6421eaf69.png") no-repeat 0 0; background-size: contain; }
  .mo_gnb_top li:first-child a:before { width: 39px; background-image: url("/_Images/img/common/ic_shop-c8affccaf8daf9e6f4f437bdbc9670c0.png"); }
  .menu { position: relative; top: 0; margin: 44px 0 0; padding: 6px 0; }
  .menu > li { display: block; padding: 0; border-bottom: 1px solid #eaeaea; }
  .menu > li > a { display: block; position: relative; padding: 0 8%; font-size: 1em; line-height: 48px; }
  .menu > li > a:after { content: ''; display: block; position: absolute; top: 50%; right: 8%; width: 12px; height: 12px; margin: -9px 0 0; border: 1px solid #535353; border-width: 1px 0 0 1px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
  .menu .active .sub_menu { display: block; }
  .menu .expanded > a:after { margin-top: -3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .menu .expanded .sub_menu { -webkit-animation: none; animation: none; }
  .sub_menu { position: relative; top: 0; padding: 24px 8%; background: #f5f5f5; }
  .sub_menu > li { margin: 1em 0 0; font-size: 0.875em; line-height: 1.1; }
  .sub_menu > li:first-child { margin-top: 0; }
  .sub_menu a { /* 20180816  */ display: block; background: none; }
  .sub_menu .active, .sub_menu .a:hover, .sub_menu .a:focus { text-decoration: underline; }
  .util_menu { top: 134px; left: 0; text-align: center; background: #04b5ca; white-space: nowrap; background: -webkit-gradient(linear, left top, right top, from(#04b5ca), to(#3f96db)); background: -o-linear-gradient(left, #04b5ca 0%, #3f96db 100%); background: linear-gradient(to right, #04b5ca 0%, #3f96db 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04b5ca', endColorstr='#3f96db',GradientType=1 ); }
  .util_menu > ul > li { color: #fff; line-height: 44px; }
  .util_menu .on, .util_menu .event { color: #fff; }
  .util_menu > ul > li:last-child, .util_menu .home, .util_menu .history, .util_menu .site_lang { display: none; }
  .util_menu > ul > li + li:before { opacity: 0.4; }
  .gnb_back { display: none; }
  /* 20180816  */
  .mo_site_lang { display: block; position: absolute; top: 50%; right: 0.53%; width: 45px; height: 45px; margin: -23px 0 0; }
  .mo_site_lang .btn_dropdown { display: block; width: 100%; height: 100%; text-indent: 100%; word-wrap: normal; word-break: normal; white-space: nowrap; overflow: hidden; border-radius: 50%; background: url("/_Images/img/mo/ic_global-9ec477f1d53d0ca7413c22fd22a1faa0.png") no-repeat 50% 50%; background-size: 24px auto; }
  .mo_site_lang.expanded .btn_dropdown { background-color: #00b7c9; background-image: url("/_Images/img/mo/ic_global_on-6a1f1cecb8f1134dd3de6dd012791d7a.png"); }
  .mo_site_lang.expanded:after { content: ''; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.6; background: #000; z-index: -1; }
  .mo_site_lang .dropdown { display: block; opacity: 0; visibility: hidden; }
  .mo_site_lang.expanded .dropdown { opacity: 1; visibility: visible; }
  .mo_site_lang_list li { margin: 10px 0; }
  .mo_site_lang_list a { display: block; width: 45px; height: 45px; font-family: "Montserrat", "NotoKR", sans-serif; font-size: 15px; font-weight: bold; color: #1c1c1c; line-height: 45px; letter-spacing: 0; text-transform: uppercase; text-align: center; opacity: 0; visibility: hidden; border-radius: 50%; background: #fff; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); }
  .expanded .mo_site_lang_list a { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .expanded .mo_site_lang_list li:nth-child(2) a { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
  .expanded .mo_site_lang_list li:nth-child(3) a { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
  /* -- Footer */
  .footer {
    padding: 42px 4.53333% 24px;
  }
  .footer_nav {
    font-size: 12px;
  }
  .footer_nav ul {
    max-width: 320px;
    margin: 0 auto;
  }
  .footer_nav li:nth-child(3) a:before {
    content: none;
  }
  .company_addr {
    margin: 0;
    word-break: keep-all;
  }
  .company_addr > * {
    font-size: 10px;
  }
  .footer_bottom > * {
    margin: 0;
  }
  .social {
    display: block;
    margin: 4px 0 1em;
  }
  .social li {
    margin: 0 0 0 1em;
  }
  .social li:first-child {
    margin-left: 0;
  }
  .social a {
    width: 23px;
    height: 23px;
    background-image: url("/_Images/img/common/sp_mo_social-e8344e5288046b684a153e6b861166f8.png");
    background-size: 47px auto;
  }
  .sns_02 > a {
    background-position: -24px 0;
  }
  .sns_03 > a {
    background-position: 0 -24px;
  }
  .site_links {
    margin: 0 3px 0 0;
    font-size: 14px;
  }
  .site_links .btn_dropdown {
    width: 137px;
    padding: 6px 12px;
    text-indent: 0;
  }
  .site_links .btn_dropdown:after {
    right: 9px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0;
  }
  .site_links .expanded .btn_dropdown:after {
    margin-top: -2px;
  }
  .site_links dd {
    text-indent: 0;
    text-align: center;
  }
  .footer_vendor li {
    width: 22px;
    margin: -2px 2px 0 0;
    vertical-align: middle;
  }
  .btn_top {
    right: 0;
    bottom: 0;
    width: 47px;
    height: 47px;
  }
  .btn_top:after {
    width: 11px;
    height: 14px;
    background-position: -35px -17.5px;
    background-size: 80px auto;
  }
  .btn_top.fixed {
    bottom: 0;
  }
}

/* screen 1024 ?�하 */
@media screen and (max-width: 1023px) {
  /* -- Aside */
  .aside {
    height: 112px;
  }
  .aside:after {
    content: '';
    display: inline-block;
    width: 100%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
  }
  .aside_headline {
    display: none;
  }
  .snb {
    display: none;
  }
  .main {
    padding: 0 0 3.75em;
  }
  .page_header {
    margin: 0 -4.98534% 20px;
    border-bottom: 1px solid #c4c4c4;
  }
  .page_header:after {
    width: 121px;
    margin: 0 auto;
  }
  /* 버튼 */
  .skip {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
  }
  .skip:focus, .skip:active {
    position: relative;
    width: auto;
    height: auto;
    margin: 0;
    padding: 6px 12px;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    border: 4px solid #00f;
    background: #43474d;
    clip: auto;
    z-index: 999;
  }
  .btn_v1 {
    width: auto;
    padding: 0.95em 34px;
    font-size: 14px;
  }
  .btn_v3 {
    height: 32px;
    font-size: 12px;
  }
  /* Headings */
  .page_title {
    margin: 0;
    padding: 0.875em 0;
    font-size: 1em;
    letter-spacing: inherit;
  }
  .page_title_sub {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
  }
  /* ??*/
  [class^="i_"] {
    height: 32px;
    padding: 0 11px;
    line-height: 32px;
  }
  [class^="i_"]::-webkit-input-placeholder {
    font-size: 14px;
  }
  [class^="i_"]:-ms-input-placeholder {
    font-size: 14px;
  }
  [class^="i_"]::-ms-input-placeholder {
    font-size: 14px;
  }
  [class^="i_"]::placeholder {
    font-size: 14px;
  }
  [class^="i_"].rounded {
    height: 42px;
    padding: 0 14px;
    line-height: 42px;
    border-radius: 3px;
  }
  .i_select label {
    padding-right: 30px;
    font-size: 14px;
  }
  .i_select label:after {
    right: 12px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0;
  }
  .search_input {
    width: 58.6%;
    max-width: 200px;
  }
  .search_input input {
    padding-right: 80px;
  }
  .search_input .btn_search {
    padding: 7px 14px 6px;
    font-size: 14px;
  }
  .search_input .btn_search:before {
    width: 13px;
    height: 14px;
    background-position: -51px -56px;
    background-size: 118px auto;
  }
  .frm_search {
    margin: 0 0 12px;
  }
  .frm_search .i_select {
    width: 74px;
  }
  .i_radio {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
  }
  .i_radio + label {
    font-size: 14px;
  }
  .i_radio + label .box {
    width: 18px;
    height: 18px;
    margin-top: -3px;
  }
  .i_radio + label ~ label {
    margin-left: 13%;
  }
  .i_date {
    padding: 0;
  }
  .i_date input, .i_date button {
    height: 32px;
    padding: 0 35px 0 11px;
    line-height: 32px;
  }
  .i_date button {
    font-size: 14px;
  }
  .i_date:after {
    width: 18px;
    height: 18px;
    margin: -9px 0 0;
    background-image: url("/_Images/img/mo/ic_cal-033a1216c07da7c58c663100ae10cbc9.png");
    background-position: 0 0;
    background-size: contain;
  }
  /* ?�이�?*/
  .table {
    margin: 0 0 20px;
  }
  .table table {
    table-layout: auto;
  }
  .table thead {
    display: none;
  }
  .table thead + tbody tr {
    /* display: table; */
    width: 100%;
    table-layout: fixed;
  }
  .table td {
    padding: 16px 0;
  }
  .table .date,
  .table .writer,
  .table .view {
    display: none;
  }
  .table .no {
    width: 15%;
    font-size: 12px;
  }
  .table .title[data-writer] {
    width: 85%;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
  }
  .table .title[data-writer] a {
    display: block;
    padding-bottom: 16px;
  }
  .table .title[data-writer]:after {
    content: attr(data-writer) " | " attr(data-date) " | " attr(data-view);
    display: block;
    margin: -12px 0 0;
    font-family: "Montserrat", "NotoKR", sans-serif;
    font-size: 0.85714em;
    font-weight: normal;
    color: #666;
    line-height: 1.1;
    letter-spacing: -0.03em;
  }
  .table.v2 th {
    width: 28%;
    font-size: 13px;
  }
  .table.v2 td {
    width: 72%;
    font-size: 14px;
  }
  .table.v4 {
    margin: 0 0 35px;
  }
  .table.v4 table {
    table-layout: fixed;
  }
  .table.v4 thead {
    display: table-header-group;
  }
  .table.v4 tr {
    display: table-row;
    border-left: hidden;
    border-right: hidden;
  }
  .table.v4 th, .table.v4 td {
    padding: 6px 0;
    font-size: 12px;
  }
  .table.v4.point {
    border-color: #1cb2c7;
  }
  /* ?��? */
  .comment_wrap {
    margin: 14px 0 0;
    padding: 12px 1em;
  }
  .comment_wrap .total {
    font-size: 14px;
  }
  .comment_inputs {
    height: 60px;
    padding: 0 60px 0 0;
  }
  .comment_inputs .btn_send {
    width: 60px;
    font-size: 14px;
  }
  .comment_list > li {
    padding: 12px 0;
  }
  .comment_list .meta_wrap {
    width: auto;
  }
  .comment_list .writer {
    font-size: 13px;
    vertical-align: baseline;
  }
  .comment_list .date {
    font-size: 12px;
  }
  .comment_list .comment_content {
    margin: 0;
    font-size: 14px;
  }
  /* ??*/
  .tabs.v2 {
    width: calc(100% + 9.06667%);
    height: 100%;
    margin: 0 -4.98534% 26px;
  }
  .tabs.v2 li {
    padding: 0;
    text-align: center;
    vertical-align: bottom;
    border: 1px solid #c4c4c4;
    border-width: 0 0 1px 0;
    background: none;
  }
  .tabs.v2 li a:before {
    content: none;
  }
  .tabs.v2 li a {
    display: inline-block;
    padding: 12px 0;
    font-size: 1em;
    border-bottom: 1px solid transparent;
  }
  .tabs.v2 .on a {
    font-weight: bold;
    border-color: #00b7c9;
  }
  /* Pagenation */
  .pagenation {
    white-space: nowrap;
  }
  .pagenation .first, .pagenation .prev, .pagenation .next, .pagenation .last {
    width: 26px;
    height: 26px;
  }
  .pagenation .first:before, .pagenation .prev:before {
    border-width: 4px 5px 4px 0;
  }
  .pagenation .first:after {
    border-width: 4px 5px 4px 0;
  }
  .pagenation .last:before, .pagenation .next:before {
    border-width: 4px 0 4px 5px;
  }
  .pagenation .last:after {
    border-width: 4px 0 4px 5px;
  }
  .pagenation a, .pagenation span {
    font-size: 12px;
  }
  .pagenation .page {
    padding: 0 1.5%;
  }
  /* ?�크롤바 */
  [data-scroll] .scrolltrack {
    right: 10px;
    width: 3px;
  }
  /* 모달 ?�업 */
  .popup_container .btn_v1 {
    font-size: 13px;
  }
  .popup_header {
    padding: 15px 37px 14px 16px;
  }
  .popup_title {
    font-size: 1em;
  }
  .btn_popup_close {
    top: 6px;
    right: 2px;
    width: 32px;
    height: 32px;
    -webkit-tap-highlight-color: transparent;
  }
  .btn_popup_close:before {
    width: 12px;
    height: 11.5px;
    background-position: -47.5px 0px;
    background-size: 80px auto;
  }
  .popup_body {
    padding: 13px 2.26667% 25px;
  }
  .popup_bx {
    margin: 0 0 17px;
    padding: 24px 12px;
    font-size: 12px;
    border-radius: 5px;
    background: #f6f6f6;
  }
  .popup_bx .important {
    font-size: 1em;
  }
  /* ??*/
  .container {
    max-width: none;
    padding: 0 4.53333%;
  }
  .parallax {
    margin: 0 0 -3.75em;
  }
  .home_visual {
    height: auto;
  }
  .section.home_visual .inner {
    padding-bottom: 0;
  }
  .home_visual_headline .headline {
    font-size: 21px;
  }
  .section.home_03 {
    padding: 0 !important;
    background: #fff;
  }
  .section.home_03 .container {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 0;
  }
  .section.home_03 .col, .section.home_03 .col:nth-child(1n) {
    width: auto;
    margin: 0;
    float: none;
  }
  .section.home_03 .title {
    margin-bottom: 0.88889em;
    font-size: 18px;
    letter-spacing: -0.1em;
  }
  .btn_more {
    right: 4.53333%;
    line-height: 1.93846;
  }
  /* �?*/
  .view_wrap {
    margin: 0 0 18px;
  }
  .view_header {
    display: block;
    padding: 17px 17px 15px;
    overflow: hidden;
  }
  .view_header .notice_label {
    margin: 3px 8px 4px 0;
    float: left;
  }
  .view_header .title {
    width: 100%;
    font-size: 14px;
  }
  .view_header .meta_wrap {
    display: block;
    width: 100%;
    text-align: left;
  }
  .view_header .meta_wrap > span {
    padding: 0 0.5em;
    font-size: 12px;
    line-height: 1;
  }
  .view_header .meta_wrap > span:before {
    content: none;
  }
  .view_header .meta_wrap .writer {
    display: inline-block;
    padding-left: 0;
  }
  .view_content {
    padding: 20px 0 40px;
  }
  .view_nav {
    margin: 12px 0;
  }
  .view_nav > div, .view_nav .next {
    padding: 0;
    -o-text-overflow: clip;
       text-overflow: clip;
  }
  .view_nav .dir {
    font-size: 13px;
    border: hidden;
  }
  .view_nav .dir:before, .view_nav .next .dir:after {
    width: 10px;
    height: 8px;
    background-position: -79px 0;
    background-size: 89px auto;
  }
  .view_nav .next .dir:after {
    background-position: -79px -9px;
  }
  .view_nav a > span {
    opacity: 0;
    visibility: hidden;
  }
  /* ?��? 만난 DOGO */
  .gallery .thumb {
    margin: 0 0 12px;
  }
  .gallery .title_wrap {
    margin: 0 0 1.1875em;
  }
  .gallery .title {
    height: 39.2px;
    display: -webkit-box;
    max-height: 39px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    white-space: normal;
  }
  .gallery .summary {
    height: 28.8px;
    display: -webkit-box;
    max-height: 28px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
  }
  .gallery .writer, .gallery .date,
  .gallery .like {
    font-size: 14px;
  }
  .gallery .like {
    margin: 2px 4px 0 0;
  }
  .gallery .like:before {
    margin-top: -1px;
  }
  .caution_msg {
    margin: 0 0 20px;
    padding: 18px 16px 18px 60px;
    font-size: 12px;
    background-position: 16px 50%;
    background-size: 29px auto;
  }
  .caution_msg > ul li {
    padding: 0 0 0 14px;
  }
  .caution_msg > ul li:before {
    margin: 0 4px 0 -7px;
  }
  .caution_msg > ul li + li {
    margin-top: 0;
  }
  /* 공�??�항 */
  .notice_label {
    width: 42px;
    font-size: 13px;
  }
  /* ?�고멤버 */
  /* -- 로그??*/
  .member_wrap {
    margin: 40px 0 0;
  }
  .member_wrap .col {
    min-width: 0;
    width: auto;
    padding: 30px 7% 35px;
  }
  .member_wrap .row + .row {
    margin-top: 6px;
  }
  .member_wrap .colgroup {
    padding: 42px 0;
  }
  .member_wrap .colgroup .col {
    width: 100%;
  }
  .member_wrap .col:nth-child(2):before {
    display: block;
    position: relative;
    top: 0;
    bottom: auto;
    width: 100%;
    margin: 30px 0 28px;
    border-top: 1px solid #e5e5e5;
    border-left: 0;
  }
  .member_wrap .btn_v2 {
    margin: 1em 0 0;
    padding: 10px 0;
    font-size: 1em;
  }
  .mem_header {
    margin: 0 0 8px;
  }
  .mem_title {
    margin: 0 0 4px;
    font-size: 1em;
  }
  .mem_title img {
    display: block;
    height: 16px;
  }
  .mem_title_sub {
    font-size: 13px;
  }
  .frm_id .at-entity {
    font-size: 12px;
  }
  .mem_options {
    margin: 1em 0;
    font-size: 12px;
  }
  .mem_options a:after {
    width: 6px;
    height: 6px;
    margin-left: 4px;
  }
  .btn_v2.login {
    margin: 0;
    padding: 12px;
    font-size: 17px;
  }
  .btn_v2.login:before {
    width: 14px;
    height: 21px;
    margin: 1px 4px 0 0;
    background-position: -47px 0;
    background-size: 107px auto;
  }
  .is_member {
    max-width: 300px;
    font-size: 12px;
  }
  .is_member .btn_v1 {
    width: 88px;
    padding: 8px 12px;
    font-size: 1.16667em;
  }
  /* -- ?�원가??*/
  .steps {
    margin: 20px 0;
    padding: 0 0 14px;
  }
  .steps li {
    padding: 0;
    font-size: 13px;
    text-align: center;
  }
  .steps .on {
    width: 40%;
    padding-left: 0;
  }
  .steps .on .inner {
    padding-right: 5.3%;
  }
  .steps .inner:before {
    width: 45px;
    height: 45px;
    margin: 0 4px 0 0;
    background-image: url("/_Images/img/common/sp_mo_regist-782393f2e7500af92cfa08fe8c85af19.png");
    background-size: 139px auto;
  }
  .steps .inner:after {
    right: 2px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0;
  }
  .steps .inner > span {
    display: none;
  }
  .steps .on .inner > span {
    display: inline-block;
    text-align: left;
  }
  .steps .first.on .inner:before {
    background-position: -47px 0px;
  }
  .steps .second .inner:before {
    background-position: 0px -47px;
  }
  .steps .second.on .inner:before {
    background-position: -47px -47px;
  }
  .steps .third .inner:before {
    background-position: -94px 0px;
  }
  .steps .third.on .inner:before {
    background-position: -94px -47px;
  }
  .steps .fourth .inner:before {
    background-position: 0px -94px;
  }
  .steps .fourth.on .inner:before {
    background-position: -47px -94px;
  }
  .mypage_title {
    font-size: 1em;
  }
  .mypage_title_sub {
    padding: 0;
    font-size: 13px;
    word-break: keep-all;
  }
  .mypage_wrap .member_wrap {
    margin: 1em 0;
  }
  .mypage_wrap .btn_v2 {
    margin: 1em 0 0;
    font-size: 1em;
  }
  .mypage_wrap .caution_msg {
    margin-bottom: 20px;
  }
  .mypage_wrap .btn_v1 {
    width: 32%;
    max-width: 135px;
  }
  .policy_wrap {
    font-size: 13px;
  }
  .policy_wrap p,
  .policy_wrap dl,
  .policy_wrap h3,
  .policy_wrap h4,
  .policy_wrap h5 {
    margin: 12px 0;
  }
  .policy_wrap ol li,
  .policy_wrap ul li {
    margin: 12px 0;
    padding-left: 1em;
  }
  .policy_wrap ol li::first-letter,
  .policy_wrap ul li::first-letter {
    margin-left: -1em;
    margin-right: 2px;
  }
  .policy_wrap .table_of_contents {
    margin: 0 -4.98534%;
    padding: 32px 4.53333%;
  }
  .policy_wrap .table_of_contents .col {
    width: 100%;
  }
  .e_policy {
    padding: 128px 5.3% 54px 5.8%;
    background-image: url("/_Images/img/mo/policy_bg-e8a33dd2b9c25e34a54db6b736844aac.png");
    background-repeat: no-repeat;
    background-position: -14px 0;
    background-size: 342px auto;
  }
  .e_policy h4 {
    font-size: 15px;
  }
  .e_policy h5 {
    margin: 0;
  }
  .e_policy ol li {
    margin: 0;
    font-size: 13px;
  }
  .policies {
    margin: 0 0 20px;
  }
  .policies .title {
    font-size: 15px;
  }
  .policies .content {
    height: 206px;
  }
  .policies [data-scrollable] {
    padding: 20px 12px;
  }
  .is_accept {
    padding: 16px 12px;
    text-align: right;
  }
  .is_accept .label {
    width: auto;
    margin: 0 0 4px;
    font-size: 14px;
    text-align: left;
    float: none;
  }
  .is_accept .label + div {
    width: auto;
    float: none;
  }
  .frm_input .title {
    font-size: 15px;
  }
  .frm_input [class^="i_"] {
    width: 100%;
  }
  .frm_input .i_radio + label {
    padding-left: 20px;
    font-size: 14px;
  }
  .frm_input .i_radio + label .box {
    width: 16px;
    height: 16px;
    margin-left: -20px;
    padding: 3px;
  }
  .frm_input .frm_id {
    width: 100%;
  }
  .frm_input .frm_id [class^="i_"] {
    width: 46%;
  }
  .frm_input td.leave {
    width: 100%;
    height: 42px;
  }
  .year_wrap {
    width: 100%;
  }
  .year_wrap + span {
    display: block;
    margin: 8px 0 0;
  }
  .year_wrap .i_select {
    width: 30.25%;
  }
  .post_wrap {
    width: 200px;
    margin: 0 0 4px 0;
  }
  .post_wrap .i_txt {
    width: 63%;
  }
  .address_wrap {
    margin: 4px 0 0;
  }
  .address_wrap .i_txt:last-child {
    width: 100%;
    margin: 4px 0 0;
  }
  .phone_wrap {
    width: 100%;
  }
  .phone_wrap .i_txt, .phone_wrap .i_select {
    width: 30.25%;
  }
  .phone_wrap .dash {
    line-height: 32px;
  }
  .phone_wrap + .btn_v3 {
    margin-top: 4px;
  }
  .box_wrap {
    padding: 0;
  }
  .box_wrap .i_radio + label {
    min-width: 25%;
    max-width: none;
    margin: 3px 0;
  }
  .welcome {
    margin: 50px 0 25px;
  }
  .welcome .headline {
    padding: 60px 0 0;
    font-size: 14px;
    background-image: url("/_Images/img/mo/ic_done-a2055652d13ee893ff038245899c0521.png");
    background-size: 41px auto;
  }
  .welcome .headline strong {
    font-size: 1.28571em;
  }
  .welcome .btn_v1 {
    width: 160px;
    max-width: none;
  }
  /* 마이?�이지 */
  /* -- ?�원?�퇴  */
  .leave .i_radio ~ .i_txt {
    width: 35%;
  }
  .leave .i_radio + label {
    padding-left: 18px;
  }
  .leave .i_radio + label .box {
    width: 12px;
    height: 12px;
    margin-left: -18px;
    padding: 2px;
  }
  /* -- 주문,구매?�역 ?�인 */
  .table[data-order] tr:first-child td {
    border-top: 0;
  }
  .table[data-order] .datetime, .table[data-order] .price, .table[data-order] .refund {
    display: none;
  }
  .table[data-order] .title {
    padding-right: 0;
    font-size: 14px;
  }
  .table[data-order] .title a {
    display: -webkit-box;
    max-height: 39px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
  }
  .table[data-order] .title:after {
    content: attr(data-price) " | " attr(data-datetime) "\a" attr(data-refund);
    display: block;
    margin: 0 0 -6px;
    font-family: "Montserrat", "NotoKR", sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    line-height: 1.7;
    letter-spacing: -0.03em;
    white-space: pre;
  }
  .table[data-order] .status {
    width: 120px;
    font-size: 12px;
    text-align: right;
  }
  .table[data-order] .status > span {
	min-width: 58px;
    font-size: 1em;
  }
  .order_list {
    margin: 0 0 24px;
  }
  .order_list .hd {
    display: none;
  }
  .order_list .item {
    position: relative;
    padding: 18px 8px;
  }
  .order_list .item:after {
    content: '';
    display: block;
    clear: both;
  }
  .order_list .item > * {
    width: auto;
    margin: 0 0 0 20%;
    padding: 0;
    font-size: 14px;
    text-align: left;
  }
  .order_list .item .pic {
    width: 16%;
    margin: 0;
    vertical-align: top;
  }
  .order_list .item .thumb {
    width: 100%;
    padding-top: 100%;
  }
  .order_list .item .title {
    width: 84%;
    padding: 0 0 0 4.7%;
    font-weight: bold;
  }
  .order_list .item .title.v2 {
    padding: 0 0 34px 4.7%;
  }
  .order_list .price, .order_list .date, .order_list .id, .order_list .sel_date, .order_list .sel_Cnt, .order_list [class$="_c_price"] {
    display: none;
  }
  .order_list .mo_meta {
    display: block;
    margin: 6px 0 0;
    line-height: 1;
  }
  .order_list .mo_meta span {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
  }
  .order_list .mo_meta .date {
    margin: 0 0 0 4px;
    padding: 0 0 0 6px;
    border-left: 1px solid #b1b1b1;
  }
  .order_list .mo_meta .id {
    display: block;
  }
  .order_list .mo_meta .parent_id {
    margin-top: 1em;
  }
  .order_list .mo_meta .child_id {
    padding-left: 14px;
  }
  .order_list .mo_meta .child_id:before {
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
  }
  
  .order_list .mo_meta .sel_date, .order_list .mo_meta [class$="_c_price"] {
    display: block;
    margin: 4px 0;
  }
  .order_list .mo_meta .sel_date:before, .order_list .mo_meta .sel_Cnt:before, .order_list .mo_meta [class$="_c_price"]:before {
    content: attr(title) ": ";
    display: inline;
  }
  .order_list .mo_meta br {
    display: none;
  }
  .order_list .cp_c_price .btn_v3 {
    position: absolute;
    bottom: 18px;
    left: 21%;
    font-size: 1em;
  }
   
  .order_list .total_wrap .lt, .order_list .total_wrap .rt {
    padding: 18px 0;
  }
  .order_list .total_wrap .lt {
    width: 66%;
    padding-left: 4.7%;
    padding-right: 4.7%;
  }
  .order_list .total_wrap .rt {
    width: 34%;
  }
  .order_list .total_wrap .title {
    margin: 0 0 1em;
    font-size: 15px;
  }
  .order_list .total_wrap .title:before {
	width: 17px;
    height: 15.5px;
    margin: 2px 2px 0 0;
    background-position: -18px 0px;
    background-size: 72px auto;
  }
  .order_list .summary {
    display: block;
    width: 28.8%;
    margin: 0 0 0 auto;
    padding: 0 0 0 34px;
    font-size: 12px;
  }
  .order_list .summary:before {
    width: 22px;
    height: 22px;
    margin: -11px 0 0;
    font-size: 15px;
    line-height: 22px;
  }
  .order_list .summary dd {
    margin: 0 0 8px;
  }
  .order_list .total_price {
    font-size: 12px;
  }
  .order_list .total_price strong {
    font-size: 1.7mem;
  }
  
    /* ?�이?�맵 */
  .sub_09:after {
    content: '사이트맵';
  }
  .sitemap_wrap {
    margin: 0 -4.98534% -3.75em;
    background: #f0f0f0;
  }
  .sitemap_wrap .colgroup {
    margin: 0;
    font-size: 1em;
    text-align: left;
    text-align-last: auto;
  }
  .sitemap_wrap .colgroup .col {
    display: block;
    width: auto;
    margin: 6px 0 0;
    padding: 18px 4.53333% 32px;
    font-size: inherit;
    border: 1px solid #d6d6d6;
    border-width: 1px 0 1px;
    background: #fff;
  }
  .sitemap_wrap .colgroup:first-child .col:first-child {
    margin-top: 0;
    border-top: 0;
  }
  .sitemap_title {
    font-size: 1em;
    border-width: 2px;
  }
  .dp1 > li > a {
    margin: 0.5em 0;
    font-size: 14px;
  }
  .dp2 {
    padding: 1em;
  }
  .dp2 > li > a {
    font-size: 13px;
  }
  
  
  /* ?�라??구매 */
  body.purchase {
    margin: 0 0 62px;
  }
  body.purchase .btn_top.fixed {
    bottom: 62px;
  }
  .hz_menu {
    display: block;
    border: 1px solid #c4c4c4;
    border-width: 1px 0;
    overflow: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .hz_menu::-webkit-scrollbar {
    display: none;
  }
  .hz_menu ul {
    width: auto;
    list-style: none;
    font-size: 0;
    white-space: nowrap;
    text-align: center;
  }
  .hz_menu li {
    display: inline-block;
    height: 47px;
    padding: 0 12px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 47px;
  }
  .hz_menu a {
    display: block;
    position: relative;
    font-size: 1em;
    color: #666;
  }
  .hz_menu .on a {
    position: relative;
    color: #000;
  }
  .hz_menu .on a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: -4px;
    right: -6px;
    border-bottom: 2px solid #00b7c9;
    z-index: 1;
  }
  .shop_banners {
    margin: 18px 0;
  }
  .shop_banners .is_animate {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .shop_banners .thumb {
    padding-top: 29.2%;
  }
  .shop_banners .liner {
    top: 12px;
    left: 12px;
    width: 100%;
    -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
            transform: scale(0.4);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  .shop_banners .headline_wrap {
    bottom: 15px;
    padding: 0 15px;
  }
  .shop_banners .headline_wrap .headline {
    font-size: 12px;
    font-size: 3.2vw;
  }
  .shop_banners .headline_wrap strong {
    font-size: 1.66667em;
  }
  .recently_title {
    margin: 0 0 12px;
    font-size: 17px;
  }
  .gallery.v3 {
    margin: 0 0 1.875em;
  }
  .gallery.v3 > li {
    width: 48.68035%;
    margin: 12px 0 0 2.6393%;
    padding: 0 0 5px;
  }
  .gallery.v3 > li:nth-child(3) {
    margin-top: 12px;
    margin-left: 0;
  }
  .gallery.v3 li:nth-child(2n) {
    margin-left: 2.6393%;
  }
  .gallery.v3 li:nth-child(2n+1) {
    margin-left: 0;
  }
  .gallery.v3 .thumb {
    padding-top: 62.65%;
  }
  .gallery.v3 .summary {
    height: 57.6px;
    max-height: 55.2px;
    font-size: 12px;
  }
  .gallery.v3 .label, .gallery.v3 .price {
    font-size: 14px;
  }
  .gallery.v3 .label + .price:before {
    margin-top: 4px;
  }
  .gallery.recently {
    margin: 0;
  }
  .gallery.recently li:nth-child(3) {
    display: none;
  }
  .gallery.v4 {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 0 32px;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow: visible;
  }
  .gallery.v4 > li {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 0;
    margin: 0 0 2.9%;
    padding: 49.85% 0 0;
    font-size: 16px;
    font-size: 1rem;
    border-width: 0;
    float: none;
  }
  .gallery.v4 > li a {
    -webkit-tap-highlight-color: transparent;
  }
  .gallery.v4 > li:nth-child(2n+1) {
    margin-left: 0;
  }
  .gallery.v4 .thumb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    z-index: -1;
  }
  .gallery.v4 .cover {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.2;
  }
  .gallery.v4 .grad {
    display: block;
    position: absolute;
    top: 40%;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(1%, rgba(0, 0, 0, 0.01)), to(black));
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.01) 1%, black 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.01) 1%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
  }
  .gallery.v4 .title_wrap {
    position: absolute;
    bottom: 12px;
    left: 0;
    margin: 0;
    padding: 0 4.1% 20px;
  }
  .gallery.v4 .title {
    display: block;
    height: auto;
    max-height: none;
    margin: 0;
    font-size: 15px;
    color: #fff;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
  }
  .gallery.v4 .summary {
    display: none;
  }
  .gallery.v4 .summary, .gallery.v4 .like {
    display: none;
  }
  .gallery.v4 .meta_wrap {
    position: absolute;
    bottom: 12px;
    left: 0;
    padding: 0 4.1%;
    line-height: 17px;
    border-width: 0;
  }
  .gallery.v4 .label {
    font-size: 12px;
    color: #00b7c9;
  }
  .gallery.v4 .label:before {
    content: '(';
  }
  .gallery.v4 .label:after {
    content: ')';
  }
  .gallery.v4 .price {
    font-size: 17px;
    color: #00b7c9;
    float: left;
  }
  .gallery.v4 .price strong {
    font-weight: bold;
  }
  .gallery.v4 .unit {
    font-size: 0.70588em;
  }
  .gallery.v4 .label + .price:before {
    content: none;
  }
  .gallery.v4[class*="recently"] {
    display: block;
    margin: 0 0 32px;
    white-space: nowrap;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .gallery.v4[class*="recently"] li {
    margin: 0;
    padding: 49.85% 0 0;
  }
  .gallery.v4[class*="recently"] .title_wrap {
    bottom: 12px;
    padding: 0 4.1% 20px;
  }
  .gallery.v4[class*="recently"] .title {
    margin: 0;
    font-size: 15px;
  }
  .gallery.v4[class*="recently"] .meta_wrap {
    bottom: 12px;
    padding: 0 4.1%;
    line-height: 17px;
  }
  .gallery.v4[class*="recently"] .label {
    font-size: 12px;
  }
  .gallery.v4[class*="recently"] .price {
    font-size: 17px;
  }
  .gallery.v4[class*="recently"] .unit {
    font-size: 0.70588em;
  }
  .sp_carousel {
    margin: 0;
    padding: 106% 0 0;
  }
  .sp_carousel .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .shop_wrap {
    margin: 0 -4.98534%;
  }
  .shop_header {
    margin: -20px 0 0;
  }
  .shop_header .thumb_wrap {
    width: auto;
    margin: 0;
    padding: 78.5% 0 0;
    border: 0;
    float: none;
  }
  .shop_header .thumb_dots {
    bottom: 22px;
  }
  .shop_header .meta_wrap {
    margin: 0;
    padding: 1em 4.53333%;
    border: 0;
  }
  .shop_title {
    margin: 0;
    font-size: 20px;
  }
  
  .price_info {
    display: none;
  }
  
  .shop_opt_bx {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 4.53333% 0;
    border-top: 1px solid #c4c4c4;
    background: #fff;
    -webkit-box-shadow: -2px -2px 45px rgba(185, 185, 185, 0.5);
            box-shadow: -2px -2px 45px rgba(185, 185, 185, 0.5);
    -webkit-transform: translate(0, 200%);
        -ms-transform: translate(0, 200%);
            transform: translate(0, 200%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    z-index: 99;
  }
  .shop_opt_bx.expanded {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .shop_opt_bx .text_center {
    margin: 0 -4.98534%;
  }
  .shop_opt_bx .btn_v1 {
    margin: 0;
  }
  
  .shop_opt_bx .price_info {
    display: block;
  }
  
  .btn_v1[data-purchase] {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }
  .btn_toggle {
    display: block;
    position: absolute;
    top: -23px;
    left: 0;
    right: 0;
    width: 66px;
    height: 24px;
    margin: 0 auto;
    text-indent: 100%;
    word-wrap: normal;
    word-break: normal;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #c4c4c4;
    border-width: 1px 1px 0 1px;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-shadow: 2px -12px 30px rgba(185, 185, 185, 0.2);
            box-shadow: 2px -12px 30px rgba(185, 185, 185, 0.2);
  }
  .btn_toggle:before {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 50%;
    width: 7px;
    height: 7px;
    margin: 0 0 0 -4px;
    border: 1px solid #535353;
    border-width: 1px 0 0 1px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .expanded > .btn_toggle:before {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .shop_option_wrap {
    margin: 0 0 10px;
    padding: 0;
    border-width: 0;
  }
  .shop_option_wrap li {
    display: block;
  }
  .shop_option_wrap li + li {
    margin: 3px 0 0;
  }
  .shop_option_wrap .label {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
  }
  .shop_option_wrap .opt_bx {
    display: block;
  }
  .shop_option_wrap [class^="i_"] {
    height: 40px;
    line-height: 40px;
  }
  .shop_option_wrap .i_date * {
    height: 38px;
    line-height: 38px;
  }
  .shop_option_wrap .i_select label:after {
    right: 15px;
    width: 10px;
    height: 10px;
    margin: -7px 0 0;
  }
  .selected_total_bx {
    margin: 0;
    max-height: 82px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .selected_total_bx .bx {
    height: 60px;
    padding: 9px 14px 12px;
    font-size: 14px;
  }
  .selected_total_bx .unit {
    font-size: 12px;
  }
  .btn_remove_bx {
    font-size: 27px;
  }
  
  .price_origin {
    margin-right: 6px;
    font-size: 13px;
  }
  
  .shop_price.v2 {
    display: block;
    padding: 8px 0;
    font-size: 12px;
    text-align: right;
    background: #fff;
  }
  
  .shop_price.v2:before {
    content: none;
  }
  
  .shop_price.v2 .total {
    margin: 10px 0 0;
    font-size: 1.25em;
    float: left;
  }
  .shop_price.v2 .total:before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 18px;
    margin: -4px 4px 0 0;
    background: url("/_Images/img/common/ic_shop-c8affccaf8daf9e6f4f437bdbc9670c0.png") no-repeat 0 0;
    background-size: contain;
    vertical-align: middle;
  }
  .shop_price.v2 strong {
    font-size: 2.5em;
  }
  
  .price_info.v2 {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 83px;
    margin: 14px 0;
    padding: 0 1em;
    border: 1px solid #dadada;
    background: #fafafa;
  }
  .price_info.v2 > * {
    display: table-cell;
    font-size: 15px;
    vertical-align: middle;
  }
  .price_info.v2 .label {
    width: 30%;
    padding-left: 0;
    background: none;
  }
  .price_info.v2 .label:before {
    content: none;
  }
  .price_info.v2 .price_origin {
    display: none;
  }
  .price_info.v2 .shop_price strong {
    font-size: 1.33333em;
  }
  
  .shop_opt_bx ~ div .btn_v1 {
    margin: 0;
    padding: 18px 18px 19px;
    font-size: 21px;
  }
  .shop_opt_bx ~ div .btn_v1:after {
    width: 0.7em;
    height: 0.7em;
    margin: -4px 0 0 8px;
    border-radius: 0 4px 0 0;
    border: 3px solid;
    border-width: 3px 3px 0 0;
    vertical-align: middle;
  }
  .shop_top_noti {
    padding: 0 4.53333%;
    font-size: 12px;
  }
  .shop_top_noti:after {
    content: none;
  }
  .mo_shop_noti {
    margin: 0 0 1em;
    font-size: 13px;
    color: #1cb2c7;
  }
  .shop_divide {
    display: none;
  }
  .shop_header .shop_top_noti {
    margin: 30px 0 0;
    font-size: 12px;
  }
  .shop_body {
    margin: 24px 0 0;
  }
  .shop_body:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    border: 1px solid #d2d2d2;
    border-width: 1px 0;
    background: #f0f0f0;
  }
  .shop_body .colgroup {
    margin: 0 0 20px;
    border-width: 0;
  }
  .shop_body .colgroup li {
    width: 100%;
  }
  .shop_body .colgroup .shop_info_tt {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
  }
  .shop_info_wrap {
    padding: 28px 4.53333% 0;
  }
  .shop_info_tt {
    margin: 0 0 8px;
    padding: 0 0 0 14px;
    font-size: 1em;
  }
  .shop_info_tt:before {
    width: 8px;
    height: 2px;
    margin: -4px 6px 0 -14px;
  }
  .time_bx {
    width: auto;
    height: 74px;
    float: none;
  }
  .time_bx th {
    width: 25%;
    font-size: 12px;
  }
  .time_bx td {
    width: 75%;
    padding: 0 0 0 5.2%;
    font-size: 12px;
  }
  .time_bx .time {
    font-size: 13px;
  }
  .time_bx:first-child {
    margin: 0;
  }
  .time_bx + .time_bx {
    border-width: 0 1px 1px 1px;
  }
  .time_bx td strong {
    font-size: 1.08333em;
  }
  .spa th:before {
    width: 36px;
    height: 36px;
    background-position: 0px -38px;
    background-size: 75px auto;
  }
  .bath th:before {
    width: 36px;
    height: 36px;
    background-position: -39px -38px;
    background-size: 75px auto;
  }
  .bus_01 th:before {
    width: 36px;
    height: 36px;
    background-position: 0px 0px;
    background-size: 75px auto;
  }
  .bus_02 th:before {
    width: 36px;
    height: 36px;
    background-position: -39px 0px;
    background-size: 75px auto;
  }
  .list.v1 {
    margin: 0 0 24px;
  }
  .list.v1 li {
    padding-left: 8px;
    font-size: 12px;
  }
  .list.v1 li:before {
    margin-left: -8px;
    margin-right: 5px;
  }
  .list.v2 {
    margin: 0 0 30px;
  }
  .list.v2 li {
    padding-left: 8px;
    font-size: 12px;
  }
  .list.v2 li:before {
    margin-left: -8px;
    margin-right: 4px;
  }
  .bus_stop {
    height: 106px;
  }
  .dday_before:before {
    min-width: 22px;
    margin-right: 2px;
    padding: 3px 5px;
    font-size: 10px;
  }
  .caravan_map {
    display: none;
  }
  .steps.caravan li {
    padding-left: 2%;
  }
  .steps.caravan .inner {
    padding-right: 5.3%;
  }
  .steps.caravan .inner > span {
    display: inline-block;
    text-align: left;
  }
  .steps.caravan .inner:before {
    width: 44px;
    height: 44px;
    background-image: url("/_Images/img/common/sp_mo_caravan-5da23bedf000bfe76063e0ff30d949cd.png");
    background-size: 136px auto;
  }
  .steps.caravan .first.on .inner:before {
    background-position: -46px 0px;
  }
  .steps.caravan .second .inner:before {
    background-position: 0px -46px;
  }
  .steps.caravan .second.on .inner:before {
    background-position: -46px -46px;
  }
  .steps.caravan .third .inner:before {
    background-position: -92px 0px;
  }
  .steps.caravan .third.on .inner:before {
    background-position: -92px -46px;
  }
  .steps.caravan .inner:after {
    right: -2px;
  }
  .steps.caravan .on {
    width: auto;
  }
  .caravan_top {
    border: 0;
  }
  .caravan_top .mo_calendar {
    display: block;
  }
  .caravan_top .datepicker.lg {
    display: none;
  }
  .caravan_top .meta_wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  .caravan_top .btn_v1 {
    width: auto;
    padding: 13px 28px;
    font-size: 15px;
  }
  .caravan_top .covered_frm, .caravan_top .shop_option_wrap, .caravan_top .shop_price, .caravan_top .shop_price + .text_center {
    display: none;
  }
  .caravan_top.third .shop_option_wrap {
    display: block;
    margin: 0;
  }
  .caravan_top.third .shop_price {
    display: table;
    height: 83px;
    margin: 14px 0;
    border: 1px solid #dadada;
    background: #fafafa;
  }
  .caravan_top.third .shop_price .label {
    width: 40%;
    padding-left: 1em;
    font-size: 15px;
    color: inherit;
    background: none;
  }
  .caravan_top.third .shop_price .label:before {
    content: none;
  }
  .caravan_top.third .shop_price .opt_bx {
    width: 60%;
    padding-right: 1em;
    font-size: 15px;
    text-align: right;
    letter-spacing: inherit;
  }
  .caravan_top.third .shop_price strong {
    font-size: 1.33333em;
  }
  .caravan_top.third .shop_price + .text_center {
    display: block;
  }
  .caravan_top.third .caravan_map_info {
    display: none;
  }
  .caravan_top [class^="i_"] {
    height: 40px;
    line-height: 40px;
    -webkit-box-shadow: 0 1px 1px rgba(205, 205, 205, 0.6);
            box-shadow: 0 1px 1px rgba(205, 205, 205, 0.6);
  }
  .caravan_top .i_select label {
    font-size: 15px;
  }
  .caravan_top .i_select label:after {
    width: 10px;
    height: 10px;
    margin: -7px 0 0;
  }
  .list.v3 {
    margin: 0 0 36px;
    font-size: 12px;
  }
  .list.v3 li {
    padding-left: 14px;
  }
  .list.v3 li:before {
    margin: 0 4px 0 -14px;
  }
  .list.v3 em {
    display: block;
    margin: 0 0 0 -14px;
  }
  .caravan_top_note {
    margin: 18px 0 0;
  }
  .caravan_top_note .title {
    font-size: 1em;
  }
  .caravan_top_note .list {
    margin: 0;
  }
  .thumb_gallery .view {
    width: auto;
    padding-top: 62.5%;
    float: none;
  }
  .thumb_gallery .thumbs {
    margin: 5px 0 0;
    font-size: 0;
    white-space: nowrap;
  }
  .thumb_gallery .thumbs li {
    display: inline-block;
    width: 16.8%;
    padding: 0 2px;
    float: none;
  }
  .thumb_gallery .thumbs .on:before {
    top: 0;
    left: 2px;
    right: 2px;
    border-width: 4px;
  }
  .thumb_gall_nav {
    display: block;
  }
  .thumb_gall_nav button {
    display: block;
    position: absolute;
    top: 40%;
    width: 12.2%;
    height: 16%;
    margin: -23px 0 0;
    text-indent: 100%;
    word-wrap: normal;
    word-break: normal;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
  }
  .thumb_gall_nav button:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 34.7%;
    height: 34.7%;
    margin: -17.3% 0 0 -13%;
    border: 1px solid #fff;
    border-width: 1px 0 0 1px;
  }
  .thumb_gall_nav .btn_prev {
    display: none;
    left: 0;
  }
  .thumb_gall_nav .btn_prev:before {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .thumb_gall_nav .btn_next {
    right: 0;
  }
  .thumb_gall_nav .btn_next:before {
    margin-left: -21.7%;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .thumb_gallery_info {
    padding: 0 4.53333%;
    font-size: 12px;
  }
  .caravan_status {
    word-break: keep-all;
  }
  .caravan_status li:before {
    width: 8px;
    border-top: 2px solid #1cb2c7;
  }
  .mo_caravan_map {
    display: block;
  }
  .mo_caravan_map .i_select {
    margin: 0 0 14px;
  }
  .mo_caravan_map .preview {
    margin: 0 0 14px;
    border: 1px solid #e5e5e5;
  }
  .mo_caravan_map .preview img {
    display: block;
    width: 100%;
    height: auto;
  }
  .mo_caravan_map p {
    margin: 0 0 8px;
    font-size: 12px;
    color: #828282;
  }
  .gallery.v5 {
    margin: -20px -4.98534% -3.75em;
    background: #f0f0f0;
  }
  .gallery.v5 li {
    width: 100%;
    margin: 0 0 6px;
  }
  .gallery.v5 .outer {
    padding: 45.6% 0 0;
    border: 0;
    border-bottom: 1px solid #d2d2d2;
  }
  .gallery.v5 .inner {
    padding: 13px 4.53333% 26px;
    background: #fff;
  }
  .gallery.v5 .title {
    height: auto;
    margin: 0 0 8px;
    font-size: 20px;
  }
  .gallery.v5 .desc {
    margin: 0 0 1em;
    font-size: 12px;
    line-height: 1.2;
  }
  .gallery.v5 .desc br {
    display: none;
  }
  .gallery.v5 .btn_v1 {
    display: inline-block;
    width: auto;
    padding-left: 48px;
    padding-right: 48px;
    font-size: 14px;
  }
  .area_map {
    font-size: 12px;
  }
  .area_map .map {
    margin: 0 0 18px;
  }
  .area_map p {
    margin: 0 0 18px;
  }

  .shop_top_tabs {
    margin: 0 0 23px;
  }
  .shop_top_tabs ~ .tab_content {
    padding-top: 20px;
  }
  .tab_content .shop_info_wrap {
    padding: 0;
  }
  .btn_download {
    margin: 8px 0;
  }
  .btn_download:after {
    width: 10.66667px;
    height: 13px;
    margin: 0 0 0 6px;
    background-position: 0px 0px;
    background-size: 48px 43.66667px;
  }
  .cancel_coupon {
    margin: 8px 0;
  }
  .cancel_coupon button {
    font-size: 13px;
  }
  .payment_type .i_radio + label {
    min-width: 33%;
    margin: 2px 0;
  }
  .payment_type .vendor {
    height: 23px;
    margin: -2px 0 0 0;
  }
  .order_bx .policies {
    padding: 1em 0;
  }
  .order_bx .policies .title {
    width: 68%;
    padding: 3px 0;
  }
  .order_bx .btn_expand {
    padding: 4px 10px;
    font-size: 13px;
  }
  .order_bx .shop_info_wrap {
    padding: 0;
  }
  .order_bx .is_accept .text_center {
    text-align: left;
  }
  .order_bx .is_accept label {
    display: block;
    margin: 12px 0 0;
  }
  .copy_value .btn {
    font-size: 13px;
  }
  .copy_value .box {
    width: 16px;
    height: 16px;
    padding: 3px;
  }
  .payment_steps {
    height: auto;
    margin: 0 0 18px;
    padding: 20px 0;
  }
  .payment_steps li {
    width: 25%;
    font-size: 10px;
  }
  .payment_steps li + li {
    padding-left: 8px;
    background-position: 0 14px;
    background-size: 8px auto;
  }
  .payment_steps li:before {
    width: 37px;
    height: 36px;
    margin: 0 auto 4px;
    background-position: 0px 0px;
    background-size: 114px auto;
  }
  .payment_steps li:nth-child(2):before {
    background-position: -38.5px 0px;
  }
  .payment_steps li:nth-child(3):before {
    background-position: 0px -38px;
  }
  .payment_steps li:nth-child(4):before {
    background-position: -38.5px -38px;
  }
  .payment_steps.v2 {
    padding-top: 14px;
  }
  .payment_steps.v2 li {
    width: 20%;
  }
  .payment_steps.v2 li:before {
    background-position: -77px 0px;
  }
  .payment_steps.v2 li:nth-child(2):before {
    background-position: -77px -38px;
  }
  .payment_steps.v2 li:nth-child(3):before {
    background-position: 0px -38px;
  }
  .payment_steps.v2 li:nth-child(4):before {
    background-position: 0px -76px;
  }
  .payment_steps.v2 li:nth-child(5):before {
    background-position: -38.5px -38px;
  }
  .done_msg {
    margin: 0 0 18px;
  }
  .done_msg .headline img {
    width: 100%;
    max-width: 446px;
    height: auto;
    margin: 0 0 1em;
  }
  .done_msg .bx {
    width: auto;
    padding: 18px 5%;
    font-size: 12px;
  }
  .my_order {
    font-size: 12px;
  }
  [data-popup="coupon_status"] .table thead {
    display: table-header-group;
  }
  [data-popup="coupon_status"] .table tbody tr {
    display: table-row;
  }
  [data-popup="coupon_status"] .table th, [data-popup="coupon_status"] .table td {
    padding-left: 0;
    padding-right: 0;
    font-size: 0.75em;
  }
  [data-popup="coupon_status"] .table .exp_date {
    width: 19%;
    font-size: 11px;
  }
  [data-popup="coupon_status"] .table .name {
    width: 30%;
  }
}


--------------------------------------------------------------------------

/* -- ?�린??*/
@media print {
  * {
    -webkit-print-color-adjust: exact;
  }
  body {
    min-width: 0;
    color: #000;
    background: #fff;
    page-break-after: avoid;
  }
  ul,
  ol,
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  @page {
    margin: 0;
  }
  button,
  [class^="btn_"],
  .header,
  .footer,
  .aside,
  .snb,
  .tabs,
  .view_nav,
  .frm_search,
  .comment_list,
  .comment_wrap {
    display: none !important;
  }
  .container {
    width: 1200px;
    padding: 0 1%;
  }
}

/* 20180808 ?�정 */
  .member_group .member_wrap { width: auto; margin-left: 0; float: none; }
  .member_group .col { padding-left: 7%; padding-right: 7%; }
  .mem_header { margin: 0 0 8px; }
  .mem_title { margin: 0 0 4px; font-size: 1em; }
  .mem_title img { display: block; height: 16px; }
  .mem_title_sub { font-size: 13px; }
  .frm_id .at-entity { font-size: 12px; }
  .mem_options { margin: 1em 0; font-size: 12px; }
  .mem_options a:after { width: 6px; height: 6px; margin-left: 4px; }
  .btn_v2.login { margin: 0; padding: 12px; font-size: 17px; }
  .btn_v2.login:before { width: 14px; height: 21px; margin: 1px 4px 0 0; background: url("/_Images/img/mo/ic_lock-3781b587838957ddb432b80a333d791a.png") no-repeat 0 0; background-size: 100% auto; }
  .is_member { max-width: 300px; font-size: 12px; }
  .is_member .btn_v1 { width: 88px; padding: 8px 12px; font-size: 1.16667em; }
/*# sourceMappingURL=main.css.map */