@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}

.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: #0000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  object-fit: contain;
  transform-origin: center;
  width: 100%;
  height: 100%;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  text-transform: none !important;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  left: 0;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  display: inline-block;
}

button.swiper-pagination-bullet {
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, top .2s;
  display: inline-block;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  top: 0;
  left: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  top: 0;
  left: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, #0000001a);
  position: relative;
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  position: absolute;
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  position: absolute;
}

.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, #00000080);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-flow: column wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  opacity: .6;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  filter: blur(50px);
  background: #000;
  position: absolute;
  inset: 0;
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: transform, opacity, height;
  overflow: hidden;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

:root {
  --background: #fff;
  --foreground: #252525;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Noto Sans KR, Pretendard, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  overflow-x: hidden;
}

svg {
  box-sizing: border-box;
  max-width: 100%;
}

.kgoods-more svg, .bt-more svg {
  flex-shrink: 0 !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  display: inline-block !important;
}

.kgoods-stat svg, .card-stat svg, .bk-stat svg, .bt-stat svg {
  flex-shrink: 0 !important;
  width: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  height: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
  display: inline-block !important;
}

.hero__arrow svg {
  flex-shrink: 0 !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
}

.scroll-to-top svg {
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
}

.sr-only, .visually-hidden {
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  font-size: 14px !important;
  position: absolute !important;
  overflow: hidden !important;
}

@media (width <= 768px) {
  .button_list {
    font-size: 13px !important;
  }
}

:is(a, button, input, select, textarea, summary, [tabindex], [contenteditable="true"]):focus-visible:not(#__no_such_id) {
  outline-offset: 2px !important;
  outline: 2px solid #1a4bd0 !important;
}

.event_list_wrap {
  overflow-x: clip;
}

.intro .sec_content.inner_1000 {
  box-sizing: border-box;
  display: block;
  max-width: min(1000px, 100%) !important;
}

.ticket-s-i.searchBtn {
  justify-content: center;
  align-items: center;
  min-width: 24px;
  min-height: 24px;
  display: inline-flex;
}

#icon_search_ {
  box-sizing: content-box;
  cursor: pointer;
  padding: 6px;
}

a.more_link {
  align-items: center;
  min-height: 24px;
  display: inline-flex;
}

.bs_table td a {
  padding: 3px 0;
  display: inline-block;
}

@font-face {
  font-family: NotoSansCJKkr;
  font-weight: 400;
  src: local(Noto Sans KR Regular), local(NotoSansKR-Regular), local(Noto Sans KR);
}

@font-face {
  font-family: NotoSansCJKkr;
  font-weight: 500;
  src: local(Noto Sans KR Medium), local(NotoSansKR-Medium), local(Noto Sans KR);
}

@font-face {
  font-family: NotoSansCJKkr;
  font-weight: 700;
  src: local(Noto Sans KR Bold), local(NotoSansKR-Bold), local(Noto Sans KR);
}

@font-face {
  font-family: NotoSansCJKkr;
  font-weight: 900;
  src: local(Noto Sans KR Black), local(NotoSansKR-Black), local(Noto Sans KR);
}

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

br {
  font-family: sans-serif;
}

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

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-style: -ms-autohiding-scrollbar;
  -webkit-font-smoothing: antialiased;
  height: 100%;
}

html.overflow {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  word-break: keep-all;
  font-family: var(--bs-body-font-family), sans-serif;
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: #0000;
  letter-spacing: -.04em;
  margin: 0;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: -.04em;
  box-sizing: border-box;
  border: 0;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

i {
  font-style: normal;
}

ol, ul, li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address, caption, code, em, var {
  font-style: normal;
  line-height: inherit;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none;
}

b, strong {
  font-weight: 700;
}

mark {
  background-color: var(--bs-highlight-bg);
}

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

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

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

img, svg {
  vertical-align: top;
  -webkit-backface-visibility: hidden;
  max-width: 100%;
  height: auto;
}

img, fieldset, iframe {
  border: 0;
}

select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  word-wrap: normal;
  color: #252525;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

textarea {
  resize: vertical;
}

summary {
  cursor: pointer;
  display: list-item;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.cost strong {
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.blind, legend {
  color: #0000;
  font-size: 0;
  display: block;
  position: absolute;
  top: -1000em;
  left: 0;
  overflow: hidden;
}

:root {
  --bs-point: #17469e;
  --bs-point2: #ccc;
  --bs-point3: #757575;
  --bs-point4: #353535;
  --bs-point5: #858585;
  --bs-white: #fff;
  --bs-gray: #353535;
  --bs-gray-dark: #222;
  --bs-gray-dark2: #232426;
  --bs-gray-100: #eee;
  --bs-gray-200: #dbdbdb;
  --bs-gray-300: #bbb;
  --bs-gray-400: #999;
  --bs-gray-500: #757575;
  --bs-gray-600: #666;
  --bs-gray-700: #454545;
  --bs-gray-800: #333;
  --bs-gray-900: #252525;
  --bs-bg-100: #fafafa;
  --bs-bg-200: #f9f9f9;
  --bs-bg-300: #f7f7f7;
  --bs-bg-400: #f4f4f4;
  --bs-bg-500: #f2f2f2;
  --bs-bg-gradient-color: #ff9600;
  --bs-bg-moz-gradien: -moz-linear-gradient(100deg,
      #ff9600 0%,
      #f83600 100%);
  --bs-bg-webkit-gradien: -webkit-linear-gradient(100deg,
      #ff9600 0%,
      #f83600 100%);
  --bs-bg-gradient: linear-gradient(100deg,
      #ff9600 0%,
      #f83600 100%);
  --bs-bg-filter-gradien: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9600, endColorstr=#f83600, GradientType=1);
  --bs-font-sans-serif: "Noto Sans CJK KR", sans-serif;
  --bs-font-noto: "Pretendard", sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-line-height: 1;
  --bs-body-color: var(--bs-gray);
  --bs-border-color: #dbdbdb;
  --bs-input-height: 52px;
  --bs-input-padding: 0 15px;
  --bs-input-rounded: 0;
}

.select2-container--default .select2-selection--single {
  border: none !important;
}

.flex_header_top.spe_new {
  gap: 25px;
}

.flex_header_top {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 10px 0;
  font-size: 18px;
  display: flex;
}

.flex_header_top .logo_img {
  width: 152px;
}

.flex_header_top select {
  width: 1px;
  height: 1px;
}

.flex_header_top .alarm_sect {
  gap: 8px;
  margin-top: 6px;
}

.flex_header_top .alarm_sect p {
  letter-spacing: 0;
  color: #252525;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

.flex_header_top .alarm_sect .num {
  background-color: #6019ff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.flex_header_top .alarm_sect .num span {
  letter-spacing: 0;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}

.flex_header_top #search-web {
  cursor: pointer;
  margin-top: 7px;
}

.flex_header_top #search-web img {
  width: 25px;
}

.flex_header_top .member_sect {
  align-items: center;
  display: flex;
}

.flex_header_top .member_sect li {
  padding-right: 10px;
}

.flex_header_top .member_sect li:last-child {
  padding-right: 0;
}

.flex_header_top .member_sect li + li {
  padding-left: 10px;
}

.flex_header_top .member_sect li .wellcome {
  color: #777;
  text-align: right;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
}

.popup_search_mo {
  z-index: 200;
  background-color: #fff;
  border-bottom: 2px solid #eee;
  width: 100%;
  min-height: 150px;
  padding-bottom: 20px;
  display: none;
  position: absolute;
  top: 126px;
  box-shadow: 0 5px 15px #00000059;
}

.popup_search_mo .title-ps {
  justify-content: center;
  align-items: center;
  max-width: 800px;
  height: 100%;
  margin: 10px auto 0;
  font-size: 28px;
  font-weight: 600;
  display: flex;
}

.popup_search_mo .input-form-ps {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
}

.popup_search_mo .input-form-ps input {
  border-width: 2px;
  border: unset;
  color: #999;
  border-bottom: 2px solid #000;
  padding-bottom: 15px;
  font-size: 18px;
  padding-right: 100px !important;
}

.popup_search_mo .input-form-ps img {
  cursor: pointer;
  width: 27px;
  height: 26px;
  position: absolute;
  top: 10px;
  right: 28px;
}

.popup_search_mo .text-c-ps {
  flex-flow: column wrap;
  align-items: center;
  gap: 20px;
  max-height: 500px;
  margin-top: 30px;
  padding: 0 30px;
  overflow-y: auto;
}

.popup_search_mo .text-c-ps label {
  color: #fff;
  background-color: var(--bs-point);
  border-radius: var(--qc-radius-pill, 999px);
  text-align: center;
  padding: 10px 20px;
}

.popup_search_mo .text-c-ps li {
  padding: 10px 20px;
}

.popup_search_mo .text-c-ps span {
  font-size: 28px;
  font-weight: 500;
}

.popup_search_mo .header_ps {
  max-width: 800px;
  height: 90px;
  margin: 0 auto;
  position: relative;
}

.popup_search_mo .header_ps img {
  width: 20px;
  height: 21px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.popup_search_mo .search_words_list_header {
  z-index: 99;
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  max-height: 200px;
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  overflow-y: auto;
  box-shadow: 0 2px 4px #0003;
}

.popup_search_mo .search_words_list_header li a {
  cursor: pointer;
  padding: 13px 20px;
  line-height: 1.3;
  display: block;
}

.flex_header_top .member_sect .user_login {
  gap: 8px;
}

.flex_header_top .member_sect .li_new {
  position: relative;
}

.flex_header_top .member_sect .li_new:after {
  content: "";
  background-color: #777;
  width: 1px;
  height: 12px;
  position: absolute;
  top: 4px;
  right: 0;
}

.flex_header_top .member_sect .user_login p {
  letter-spacing: -1px;
  color: #777;
  text-align: right;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
}

.img-flag {
  margin-top: 3px;
}

.search-container {
  align-items: center;
  gap: 20px;
  display: flex;
}

.main-search-container {
  align-items: center;
  display: flex;
  position: relative;
}

#header .main-search-container {
  width: 400px;
}

#header .main-search-container #search_input_pc__header {
  padding-right: 40px !important;
}

.search-input {
  border: 1px solid #ddd;
  outline: none;
  font-size: 17px;
  border-radius: var(--qc-radius-section, 24px) !important;
  padding: 13px 20px !important;
}

.search-icon {
  color: #333;
  cursor: pointer;
  margin-left: -35px;
}

.search_words_list {
  z-index: 99;
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  max-height: 200px;
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  overflow-y: auto;
  box-shadow: 0 2px 4px #0003;
}

.search_words_list li:hover {
  background-color: #dfdddd;
}

.search_words_list li a {
  cursor: pointer;
  padding: 13px 20px;
  line-height: 1.3;
  display: block;
}

.search_words_list::-webkit-scrollbar {
  width: 5px;
}

.search_words_list::-webkit-scrollbar-thumb {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #888;
}

.search_words_list::-webkit-scrollbar-track {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #f1f1f1;
}

.btn_show_select {
  border-radius: var(--qc-radius-section, 24px);
  color: #17469e;
  border: 1px solid #17469e;
  align-items: center;
  height: 44px;
  padding: 0 22px;
  display: flex;
}

.btn_show_select.active {
  color: #fff;
  background-color: #17469e;
}

.custom-select-rounded {
  margin-left: 30px;
}

.custom-select-rounded .select2-container--default .select2-selection--single {
  border-radius: var(--qc-radius-section, 24px);
  background-color: #fff;
  align-items: center;
  width: 200px;
  height: auto;
  padding: 5px 20px;
  display: flex;
  border: 2px solid #000 !important;
}

.custom-select-rounded .select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  right: 10px;
  top: 9px !important;
}

.custom-select-rounded .select2-container--default .select2-selection--single .select2-selection__rendered {
  text-align: center;
  color: #000;
}

.custom-select-rounded .select2-dropdown {
  border-radius: 0;
}

.custom-select-rounded .select2-results__option {
  padding: 8px 16px;
}

.custom-select-rounded .select2-results__option--highlighted {
  color: #000;
  background-color: #ddd;
}

.custom-select-rounded .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: var(--qc-radius-section, 24px) !important;
  border-bottom-right-radius: var(--qc-radius-section, 24px) !important;
}

.icon-menu {
  justify-content: space-around;
  align-items: end;
  gap: 30px;
  padding: 10px 0;
  display: flex;
}

.icon-menu-item {
  text-align: center;
  color: #333;
  font-size: 14px;
  text-decoration: none;
}

.icon-menu-cart {
  position: relative;
}

.icon-menu-cart .cart_count {
  color: #fff;
  background-color: red;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 15px;
  height: 15px;
  padding: 0 5px;
  font-size: 8px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: -5px;
  right: 3px;
}

.count_like {
  font-size: 14px;
}

.icon-menu-item.icon_my_page {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.icon-menu-item.icon_my_page:hover {
  scale: none;
}

.icon-menu-item.icon_my_page:hover .list_item {
  display: block;
}

.icon-menu-item.icon_my_page .list_item {
  z-index: 1;
  border-radius: var(--qc-radius-section, 24px);
  background-color: #fff;
  border: 1px solid #17469e;
  width: 180px;
  padding: 20px 0;
  display: none;
  position: absolute;
  top: 112%;
  left: 50%;
  transform: translateX(-50%);
}

.icon-menu-item.icon_my_page .list_item:after {
  content: "";
  background-color: #0000;
  width: 100%;
  height: 10px;
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
}

.icon-menu-item.icon_my_page .list_item .item_link {
  padding: 10px 24px;
  font-size: 18px;
}

.icon-menu-item.icon_my_page .list_item .item_link:hover {
  background-color: #eee;
}

.icon-menu-item.icon_my_page img {
  width: 24px;
}

.icon-menu-item:nth-child(3) {
  width: auto;
}

.icon-menu-item img {
  margin-bottom: 10px;
}

.icon-menu-item:hover {
  color: #000;
}

.flex_header_top a.active_ {
  position: relative;
}

.flex_header_top a.active_:after {
  content: "";
  background-color: #1aadff;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.flex_header_top_content_list {
  justify-content: flex-start;
  gap: 20px;
  padding: 0;
}

.flex_header_top_content_list li:first-of-type {
  margin-left: -10px;
}

.flex_header_top_content_list li {
  position: relative;
}

.flex_header_top_content_list li:first-of-type a {
  margin-left: 0;
}

.flex_header_top_content_list li a {
  border-radius: var(--qc-radius-card, 16px);
  color: #000;
  font-size: 16px;
  font-weight: 300;
  position: relative;
}

.content_member {
  align-items: center;
  gap: 10px;
  display: flex;
}

.content_member .link_my {
  align-items: center;
  gap: 8px;
  display: flex;
  position: relative;
}

.content_member .link_partner {
  color: #fff;
  letter-spacing: -1px;
  border-radius: var(--qc-radius-section, 24px);
  cursor: pointer;
  background-color: #0097f5;
  margin-left: 5px;
  padding: 8px 14px;
  font-size: 13px;
  line-height: 1.3;
}

.content_member .link_price {
  background-color: var(--hd-accent);
  color: #fff;
  letter-spacing: -1px;
  border-radius: var(--qc-radius-section, 24px);
  margin-left: 5px;
  padding: 8px 14px;
  font-size: 13px;
  line-height: 1.3;
}

.content_member .link_my .cart_count {
  color: #fff;
  background-color: red;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 15px;
  height: 15px;
  padding: 0 5px;
  font-size: 8px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: -8px;
  left: 15px;
}

.content_member .link_my p {
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #252525;
  font-size: 14px;
  line-height: 1.3;
}

.flex_header_top_content_list li:hover .sub_nav_menu {
  display: flex;
}

.flex_header_top_content_list li .sub_nav_menu {
  border-radius: var(--qc-radius-section, 24px);
  background-color: #fff;
  border: 1px solid #17469e;
  flex-wrap: wrap;
  column-gap: 20px;
  width: 500px;
  padding: 30px 20px;
  display: none;
  position: absolute;
  top: 30px;
  left: -2%;
}

.flex_header_top_content_list li:last-child .sub_nav_menu {
  width: 340px;
}

.flex_header_top_content_list li .sub_nav_menu:after {
  content: "";
  background-color: #0000;
  width: 100%;
  height: 14px;
  display: block;
  position: absolute;
  top: -14px;
  left: 0;
}

.flex_header_top_content_list li .sub_nav_menu a.sub_item {
  text-align: left;
  border-radius: unset;
  border-bottom: 1px solid #eee;
  width: 45%;
  margin-left: 0;
  padding: 12px 10px;
  display: block;
}

.flex_header_top_content_list li:hover .sub_nav_menu a.sub_item {
  background-color: unset;
  color: unset;
}

.flex_header_top_content_list li:hover .sub_nav_menu a.sub_item p {
  font-size: 16px;
}

.flex_header_top_content_list li:hover .sub_nav_menu a.sub_item:after {
  display: none;
}

.flex_header_top_content_list li .sub_nav_menu a.sub_item:hover {
  color: #17469e;
}

.custom_select_rounded {
  align-items: center;
  gap: 20px;
  display: none;
}

.custom_select_rounded.show {
  display: flex;
}

.custom_select_rounded .select_custom_ {
  border-radius: var(--qc-radius-section, 24px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #252525;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  min-width: 100px;
  height: 44px;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.custom_select_rounded .select_custom_.active_ {
  color: #17469e;
  border: 1px solid #17469e;
}

.custom_select_rounded .text_custom_ {
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #454545;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.custom_select_rounded .text_custom_v2_ {
  border-radius: var(--qc-radius-section, 24px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #252525;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  min-width: 70px;
  min-height: 44px;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  display: flex;
}

.custom_select_rounded .select_custom_.active_ {
  background: #fff url("/images/ico/select_ico_active.png") right 20px center no-repeat;
}

.header_replace {
  width: 100%;
  height: 245px;
  display: none;
}

#overlay {
  z-index: 999;
  background: #00000080;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

#popupContainer {
  z-index: 1000;
  background-color: #fff;
  border: 2px solid #ccc;
  width: 55%;
  height: 80%;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 8px #0003;
}

#popupIframe {
  border: none;
  width: 100%;
  height: calc(100% - 40px);
}

#closeButton {
  color: #fff;
  cursor: pointer;
  text-align: center;
  background: #17469e;
  border: none;
  width: 40px;
  height: 40px;
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
}

#closeButton:hover {
  background: #d32f2f;
}

.header_logo_m_sub {
  display: none;
}

.language_box {
  cursor: pointer;
  position: relative;
}

.language_box .lang_selected {
  justify-content: space-between;
  align-items: center;
  width: 75px;
  display: flex;
}

.language_box .lang_selected span {
  font-size: 22px;
  font-weight: 600;
}

.language_box .lang_selected img {
  width: 24px;
}

.language_box .dropdown {
  z-index: 9;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  width: 75px;
  padding: 10px 0;
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
}

.language_box .dropdown .lang_item {
  padding: 10px;
  font-size: 20px;
  font-weight: 600;
}

.quick-header-order {
  display: none;
}

.flex_header_top select#langSelect {
  border-radius: var(--qc-radius-xs, 4px);
  color: #333;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  z-index: 100;
  border: 1px solid #ccc;
  min-width: 60px;
  font-size: 14px;
  position: relative;
  background: url("/images/ico/communication-center-2.png") 6px / 18px 18px no-repeat !important;
  width: auto !important;
  height: auto !important;
  padding: 5px 8px 5px 28px !important;
}

.kakao-container {
  cursor: pointer;
  width: 50px;
}

@media screen and (width >= 851px) and (width <= 1200px) {
  .flex_header_top_content_list li a {
    border-radius: var(--qc-radius-card, 16px);
    color: #1d1919;
    font-size: 17px;
    font-weight: 500;
    position: relative;
    padding: .6vw 1vw !important;
  }

  .content_member {
    gap: 20px;
  }

  .flex_header_top_content_list {
    gap: .3vw;
  }

  .flex_header_top .logo_img {
    width: 17vw;
    max-width: 25vw;
    padding-left: 15px;
  }

  #header .main-search-container {
    width: 30vw;
  }

  .flex_header_top.spe_new {
    gap: 4vw;
  }
}

@media screen and (width <= 1000px) {
  .content_member .link_my p, .content_member .link_partner {
    display: none;
  }

  .flex_header_top .member_sect li + li {
    padding-left: 10px;
  }

  .flex_header_top .member_sect li .wellcome {
    flex-wrap: wrap;
    justify-content: end;
    align-items: flex-end;
    display: flex;
  }

  .flex_header_top .member_sect .user_login {
    text-wrap: nowrap;
  }
}

@media screen and (width <= 850px) {
  .select_res_header {
    font-size: max(12px, 1.4rem);
  }

  .header_logo_m {
    width: 21rem;
  }

  .header_logo_wrap {
    gap: 2rem;
  }

  .header_logo_m_sub {
    width: 1.7rem;
    height: 2.7rem;
    display: block;
  }

  .count_like {
    font-size: max(12px, 1.8rem);
  }

  .burger {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hamburger {
    cursor: pointer;
    flex-direction: column;
    justify-content: space-between;
    width: 3.4rem;
    height: 2.5rem;
    display: flex;
  }

  .hamburger .bar {
    background-color: #333;
    height: .3rem;
    transition: all .3s;
  }

  .hamburger.change .bar1 {
    transform: rotate(-45deg) translate(-.8rem, .8rem);
  }

  .hamburger.change .bar2 {
    opacity: 0;
  }

  .hamburger.change .bar3 {
    transform: rotate(45deg) translate(-.7rem, -.8rem);
  }

  .nav-active {
    display: flex;
  }

  .flex_header_top {
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    padding: 1rem 0;
    display: flex;
  }

  .flex_header_top.body_inner {
    padding-top: 1.5rem;
    padding-bottom: 2.4rem;
    border-bottom: .3rem solid #eee;
    padding-inline: 3rem;
  }

  .menu_mobile .body_inner {
    padding-inline: 3rem;
    padding-top: 3rem;
  }

  .flex_header_top > .burger > img {
    max-width: 3.7rem;
    height: 3.5rem;
  }

  .flex_header_top select {
    border-radius: var(--qc-radius-xs, 4px);
    border: .0385rem solid #ccc;
    width: 10rem;
    height: 4.8rem;
    font-size: max(12px, 1.6rem);
    background: url("/images/ico/communication-center-2.png") .8rem / 2.8rem 2.8rem no-repeat !important;
    padding: .1923rem .3077rem .1923rem 4.0769rem !important;
  }

  .search_m_header {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .search-icon-m {
    color: #333;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 2rem;
    right: 1rem;
    transform: translateX(-2rem);
  }

  .search-container-m {
    align-items: center;
    margin-top: 4rem;
    margin-bottom: 2rem;
    display: flex;
    position: relative;
  }

  .search-input-m {
    border-radius: var(--qc-radius-pill, 999px);
    border: .2rem solid #ddd;
    outline: none;
    height: 7.8rem;
    font-size: max(12px, 1.4rem);
    width: 66rem !important;
    padding: 1.3rem 2rem !important;
  }

  .search-input-m::placeholder {
    color: #999;
    font-size: max(12px, 2.6rem);
  }

  .flex_header_mo_bots {
    justify-content: center;
    align-items: center;
    gap: 4rem;
    display: flex;
  }

  .flex_header_mo_bot {
    justify-content: center;
    align-items: center;
    gap: 2rem;
    display: flex;
  }

  .select_header_m {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--qc-radius-pill, 999px);
    color: #252525;
    background: url("../../uploads/icons/arrow-select-m.png") calc(100% - 1rem) / 2rem no-repeat;
    border: .2rem solid #e9e9e9;
    justify-content: center;
    align-items: center;
    width: 12rem;
    height: 5rem;
    padding: 0 2rem;
    font-size: max(12px, 2.6rem);
    display: flex;
  }

  .select_header_m_no_arr {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--qc-radius-pill, 999px);
    color: #252525;
    border: .2rem solid #e9e9e9;
    justify-content: center;
    align-items: center;
    width: 12rem;
    height: 5rem;
    padding: 0 2.5rem;
    font-size: max(12px, 2.6rem);
    display: flex;
  }

  .select_header_m.on {
    border-radius: var(--qc-radius-pill, 999px);
    color: #17469e;
    background: url("../../uploads/icons/arrow-select-m-active.png") calc(100% - 1rem) / 2rem no-repeat;
    border: .2rem solid #17469e;
    width: 12rem;
    height: 5rem;
    padding-right: 1.5rem;
  }

  .font-26 {
    font-size: max(12px, 2.6rem);
  }

  .mtb {
    margin-top: 5rem;
    margin-bottom: 2rem;
  }

  .inner_header_m {
    margin-top: 1rem;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 1.2rem !important;
    height: 2.6rem !important;
  }

  .custom-select-lang {
    width: 100%;
    position: relative;
  }

  .select2-container--default .select2-results__options {
    max-height: 20rem;
    overflow-y: auto;
  }

  #header_mobile {
    z-index: 100;
    background-color: #fff;
    width: 100%;
    margin-top: 0;
    top: 0;
  }

  #header_mobile .scroll-con {
    align-items: center;
    gap: 3.6rem;
    display: flex;
  }

  #header_mobile .scroll-con span {
    white-space: nowrap;
    font-size: max(12px, 2.8rem);
    font-weight: 500;
    display: inline-block;
  }

  #header_mobile .scroll-con span a.active_ {
    color: var(--bs-point);
    position: relative;
  }

  #header_mobile .scroll-con span a.active_:before {
    content: "";
    background-color: var(--bs-point);
    width: 100%;
    height: .4rem;
    position: absolute;
    bottom: -3rem;
    right: 0;
  }

  .scroll-con::-webkit-scrollbar {
    display: none;
  }

  #header_mobile .scroll-con::-webkit-scrollbar {
    display: none;
  }

  .popup_link {
    z-index: 99999;
    width: 100%;
    height: 100%;
    font-family: Noto Sans KR;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
  }

  .popup_link .popup_news {
    border-radius: var(--qc-radius-pill, 999px);
    z-index: 9999;
    background: #fff;
    width: calc(100% - 3rem);
    max-width: 58rem;
    position: absolute;
    top: 22rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 6rem 4rem !important;
  }

  .popup_link .popup_news .top {
    position: absolute;
    top: 1.7692rem;
    right: 4.7692rem;
  }

  .popup_link .popup_news .top img {
    width: 2.5385rem;
    height: 2.5385rem;
  }

  .popup_link .sub_nav_menu {
    flex-wrap: wrap;
    column-gap: 2rem;
    display: flex;
  }

  .popup_link .sub_nav_menu .sub_item {
    text-align: left;
    border-radius: unset;
    color: #1d1919;
    border-bottom: 1px solid #eee;
    width: 47%;
    margin-left: 0;
    padding: 1.2rem 1rem;
    font-size: max(12px, 2.3rem);
    font-weight: 500;
    display: block;
  }

  .popup_link .sub_nav_menu .sub_item p {
    color: #1d1919;
    font-size: max(12px, 2.6rem);
    font-weight: 500;
  }

  .popup_link .btn_link_main {
    width: 100%;
    margin-top: 4rem;
  }

  .popup_link .btn_link_main .all_link {
    color: #fff;
    border-radius: var(--qc-radius-section, 24px);
    text-align: center;
    background-color: #252525;
    padding: 2rem;
    display: block;
  }

  .popup_link .dim {
    background: #00000080;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .header_mobile__wrap {
    position: relative;
  }

  .header_mobile__wrap .body_inner {
    overflow: unset;
  }

  .language_box {
    cursor: pointer;
    position: relative;
  }

  .language_box .lang_selected {
    justify-content: space-between;
    align-items: center;
    width: 10rem;
    display: flex;
  }

  .language_box .lang_selected span {
    font-size: max(12px, 3rem);
    font-weight: 600;
  }

  .language_box .lang_selected img {
    width: 4rem;
  }

  .language_box .dropdown {
    z-index: 9;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    width: 10rem;
    padding: 1rem 0;
    display: none;
    position: absolute;
    top: calc(100% + 1rem);
    left: 0;
  }

  .language_box .dropdown .lang_item {
    padding: 1rem;
    font-size: max(12px, 2.8rem);
    font-weight: 600;
  }

  .menu_mobile {
    z-index: 1;
    background-color: #fff;
    border-bottom: .2rem solid #eee;
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
  }

  .menu_mobile__head {
    border-bottom: .2rem solid #eee;
    align-items: center;
    gap: 3rem;
    padding-bottom: 3rem;
    display: flex;
  }

  .menu_mobile__head > li {
    border-radius: var(--qc-radius-control, 8px);
    color: #757575;
    background-color: #fff;
    border: .2rem solid #dbdbdb;
    flex: 1;
    justify-content: center;
    align-items: center;
    height: 7.2rem;
    font-family: Pretendard;
    font-size: max(12px, 2.6rem);
    line-height: 1;
    display: flex;
  }

  .menu_mobile__tools {
    flex-wrap: wrap;
    padding-top: 3.8rem;
    padding-bottom: 2.9rem;
    display: flex;
  }

  .menu_mobile__tools > li {
    width: 25%;
  }

  .menu_mobile__tools > li > a {
    color: #757575;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    font-family: Pretendard;
    font-size: max(12px, 2.6rem);
    line-height: .923;
    display: flex;
  }

  .menu_mobile__list {
    flex-direction: column;
    display: flex;
  }

  .menu_mobile__list > li > a {
    color: #353535;
    font-family: Pretendard;
    font-size: max(12px, 2.8rem);
    font-weight: 700;
    line-height: 1;
  }

  .menu_mobile__list > li {
    border-top: .2rem solid #eee;
    padding: 3.5rem 0;
  }

  .popup_search_mo {
    z-index: 200;
    background-color: #fff;
    border-bottom: .2rem solid #eee;
    width: 100%;
    min-height: 25rem;
    padding-bottom: 2rem;
    display: none;
    position: absolute;
    top: -1rem;
    box-shadow: 0 .5rem 1.5rem #00000059;
  }

  .popup_search_mo .title-ps {
    border-bottom: .2rem solid #eee;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-top: 1rem;
    font-size: max(12px, 3.4rem);
    font-weight: 600;
    display: flex;
  }

  .popup_search_mo .input-form-ps {
    margin-top: 4.4rem;
    padding: 0 3rem;
    position: relative;
  }

  .popup_search_mo .input-form-ps input {
    border-radius: var(--qc-radius-control, 8px);
    border-width: .2rem;
    font-size: max(12px, 2.8rem);
    padding-right: 10rem !important;
  }

  .popup_search_mo .input-form-ps img {
    width: 3.7rem;
    height: 3.6rem;
    position: absolute;
    top: 2.1rem;
    right: 5.4rem;
  }

  .popup_search_mo .text-c-ps {
    flex-flow: column wrap;
    align-items: center;
    gap: 2rem;
    max-height: 50rem;
    margin-top: 3rem;
    padding: 0 3rem;
    overflow-y: auto;
  }

  .popup_search_mo .text-c-ps label {
    color: #fff;
    background-color: var(--bs-point);
    border-radius: var(--qc-radius-pill, 999px);
    text-align: center;
    padding: 1rem 2rem;
  }

  .popup_search_mo .text-c-ps li {
    padding: 1rem 2rem;
  }

  .popup_search_mo .text-c-ps span {
    font-size: max(12px, 2.8rem);
    font-weight: 500;
  }

  .popup_search_mo .header_ps {
    height: 9rem;
    position: relative;
  }

  .popup_search_mo .header_ps img {
    width: 3rem;
    height: 3.1rem;
    position: absolute;
    top: 2rem;
    right: 2rem;
  }

  .quick-header-order {
    z-index: 9999;
    width: 100%;
    display: flex;
    position: fixed;
    bottom: 11rem;
  }

  .quick-header-order img {
    width: 9rem;
    height: 9rem;
  }

  .quick-header-order .btn {
    color: #fff;
    justify-content: center;
    align-items: center;
    height: 9rem;
    font-size: max(12px, 2.6rem);
    display: flex;
  }

  .quick-header-order .btn-cart-mo {
    background-color: #252525;
  }

  .quick-header-order .btn-order {
    background-color: #17469e;
  }

  .info_chat:before {
    content: "";
    border-top: 2rem solid #fff;
    border-left: 2rem solid #0000;
    border-right: 2rem solid #0000;
    position: absolute;
    bottom: -.8rem;
    right: 1rem;
  }

  .nav-item.nav-item-js {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem;
    display: flex;
  }

  .nav-item.nav-item-js span {
    font-size: max(12px, 2.6rem);
  }

  .nav-item.nav-item-js img {
    width: 3.2rem;
    height: 3rem;
  }

  .nav-item .search_icon {
    width: 3.5rem;
    height: 3.4rem;
  }

  .header_replace {
    height: 19rem !important;
  }

  #mobile_menu {
    z-index: 99999;
    background-color: #fff;
    border-top: none;
    height: 100vh;
    padding: 0;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    box-shadow: 0 .5rem 1.5rem #00000059;
  }

  #mobile_menu .menu_header {
    background-color: #6019ff;
    padding: 3.5rem 3rem;
  }

  #mobile_menu .menu_header .menu_close .close_pop img {
    width: 2.6rem;
  }

  #mobile_menu .menu_header .menu_close .notifi_pop .notification_w {
    padding-right: 1.8rem;
    position: relative;
  }

  #mobile_menu .menu_header .menu_close .notifi_pop .notification_w img {
    width: 3.5rem;
  }

  #mobile_menu .menu_header .menu_close .notifi_pop .notification_w span {
    color: #fff;
    background-color: red;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    min-width: 3rem;
    height: 3rem;
    padding: 0 .5rem;
    font-size: max(12px, 1.7rem);
    font-weight: 500;
    display: flex;
    position: absolute;
    top: -1.5rem;
    left: 1.5rem;
  }

  #mobile_menu .menu_header .menu_my {
    margin: 7.5rem 0 8.2rem;
  }

  #mobile_menu .menu_header .menu_my a, #mobile_menu .menu_header .menu_my p {
    letter-spacing: -1px;
    color: #fff;
    font-size: max(12px, 4rem);
  }

  #mobile_menu .menu_header .menu_my i {
    background: url("/images/common/login_w.png") center / 1.1rem 1.9rem no-repeat;
    width: 1.1rem;
    height: 1.9rem;
    margin-left: .5rem;
    display: inline-flex;
  }

  #mobile_menu .menu_header .menu_list_ic {
    justify-content: center;
    gap: 5.5rem;
    padding: 0 .5rem;
  }

  #mobile_menu .menu_header .menu_list_ic .card {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    display: flex;
  }

  #mobile_menu .menu_header .menu_list_ic .card img {
    width: 6.3rem;
  }

  .menu_list_ic .ico-menu {
    fill: none;
    stroke: #fff;
    stroke-width: 1.6px;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 6rem;
    height: 6rem;
    margin: 0 auto;
    display: block;
  }

  #mobile_menu .menu_header .menu_list_ic .card.spe img {
    width: 5.5rem;
  }

  #mobile_menu .menu_header .menu_list_ic .card p {
    letter-spacing: -1px;
    color: #fff;
    text-align: right;
    font-size: max(12px, 2.6rem);
    font-weight: 400;
    line-height: 1.3;
  }

  #mobile_menu .menu_banner {
    padding: 3rem 3rem 10rem;
  }

  #mobile_menu .menu_banner .banner_big {
    margin-bottom: 3rem;
  }

  #mobile_menu .menu_banner .banner_big img {
    object-fit: cover;
    width: 100%;
    height: 15.2rem;
  }

  #mobile_menu .menu_banner .banner_small {
    gap: 3rem;
  }

  #mobile_menu .menu_banner .banner_small img {
    object-fit: cover;
    width: 31.5rem;
    height: 19.1rem;
  }

  #mobile_menu .m_my {
    background-color: #fbfbfb;
    border-bottom: 2px solid #eee;
    justify-content: center;
    align-items: center;
    gap: 4rem;
    padding: 3rem 0;
    display: flex;
  }

  #mobile_menu .m_my li {
    border-radius: var(--qc-radius-control, 8px);
    color: #787878;
    text-align: center;
    border: .2rem solid #dbdbdb;
    width: 16rem;
    margin-right: .4231rem;
    padding: 1.3rem 1rem;
  }

  #mobile_menu .gnb_menu_item .menu_level_2 {
    display: none;
  }

  #mobile_menu .gnb_menu_item .menu_level_2.show {
    border-radius: var(--qc-radius-section, 24px);
    background-color: #f4f5f6;
    border: .5rem solid #1aadff;
    flex-wrap: wrap;
    justify-content: flex-start;
    min-width: 66rem;
    margin-top: 3rem;
    display: flex;
    position: relative;
  }

  #mobile_menu .gnb_menu_item:nth-of-type(2) .menu_level_2.show, #mobile_menu .gnb_menu_item:nth-of-type(6) .menu_level_2.show {
    margin-left: -17.9rem;
  }

  #mobile_menu .gnb_menu_item:nth-of-type(3) .menu_level_2.show, #mobile_menu .gnb_menu_item:nth-of-type(7) .menu_level_2.show {
    margin-left: -36rem;
  }

  #mobile_menu .gnb_menu_item:nth-of-type(4) .menu_level_2.show, #mobile_menu .gnb_menu_item:nth-of-type(8) .menu_level_2.show {
    margin-left: -53rem;
  }

  #mobile_menu .gnb_menu_item .menu_level_2 a {
    width: 33.33%;
    padding: 1.5rem 3rem;
    display: block;
  }

  #mobile_menu .gnb_menu_item .menu_level_2.show:before {
    content: "";
    background-color: #f4f5f6;
    border-top: .5rem solid #1aadff;
    border-left: .5rem solid #1aadff;
    width: 1.9rem;
    height: 1.9rem;
    position: absolute;
    top: -1.298rem;
    left: 5.3rem;
    transform: rotate(45deg);
  }

  #mobile_menu .gnb_menu_item:nth-of-type(2) .menu_level_2.show:before, #mobile_menu .gnb_menu_item:nth-of-type(6) .menu_level_2.show:before {
    left: 22.8rem;
  }

  #mobile_menu .gnb_menu_item:nth-of-type(3) .menu_level_2.show:before, #mobile_menu .gnb_menu_item:nth-of-type(7) .menu_level_2.show:before {
    left: 40.8rem;
  }

  #mobile_menu .gnb_menu_item:nth-of-type(4) .menu_level_2.show:before, #mobile_menu .gnb_menu_item:nth-of-type(8) .menu_level_2.show:before {
    left: 58.8rem;
  }

  #mobile_menu .gnb_menu_item .menu_level_1 .menu_flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    display: flex;
  }

  #mobile_menu .gnb_menu_item .menu_level_1 .menu_flex a {
    letter-spacing: -1px;
    color: #000;
    text-align: center;
    text-wrap: nowrap;
    font-size: max(12px, 2.6rem);
    font-weight: 400;
    line-height: 1.3;
  }

  #mobile_menu .gnb_menu_item .menu_level_1 .menu_flex i {
    display: none;
  }

  #mobile_menu .gnb_menu_item .menu_level_1 .menu_flex img {
    width: 13rem;
  }

  #mobile_menu .gnb_menu_item:first-of-type .menu_level_1 .menu_flex i {
    background: url("/images/ico/header_m01.png") center / 3rem 3rem no-repeat;
    display: none;
  }

  #mobile_menu .gnb_menu_item:nth-of-type(2) .menu_level_1 .menu_flex i {
    background: url("/images/ico/header_m02.png") center / 3rem 3rem no-repeat;
  }

  #mobile_menu .gnb_menu_item:nth-of-type(3) .menu_level_1 .menu_flex i {
    background: url("/images/ico/header_m03.png") center / 3rem 3rem no-repeat;
  }

  #mobile_menu .gnb_menu_item:nth-of-type(4) .menu_level_1 .menu_flex i {
    background: url("/images/ico/header_m04.png") center / 3rem 3rem no-repeat;
  }

  #mobile_menu .gnb_menu_item:nth-of-type(5) .menu_level_1 .menu_flex i {
    background: url("/images/ico/header_m05.png") center / 3rem 3rem no-repeat;
  }

  #mobile_menu .gnb_menu_item:nth-of-type(6) .menu_level_1 .menu_flex i {
    background: url("/images/ico/header_m06.png") center / 3rem 3rem no-repeat;
  }

  #mobile_menu .gnb_menu_item:nth-of-type(7) .menu_level_1 .menu_flex i {
    background: url("/images/ico/header_m07.png") center / 3rem 3rem no-repeat;
  }

  #mobile_menu .gnb_menu_item:nth-of-type(8) .menu_level_1 .menu_flex i {
    background: url("/images/ico/header_m08.png") center / 3rem 3rem no-repeat;
  }

  #mobile_menu .gnb_menu_item:nth-of-type(9) .menu_level_1 .menu_flex i {
    background: url("/images/ico/header_m09.png") center / 3rem 3rem no-repeat;
  }

  #mobile_menu .gnb_menu_item:nth-of-type(10) .menu_level_1 .menu_flex i {
    background: url("/images/ico/header_m10.png") center / 3rem 3rem no-repeat;
  }

  #mobile_menu .scroll-menu-mo {
    height: 100%;
    padding-bottom: 10rem;
  }

  #mobile_menu .scroll-menu-mo .gnb_menu {
    flex-wrap: wrap;
    gap: 4rem;
    padding: 3.5rem 3rem;
    display: flex;
  }

  #mobile_menu .scroll-menu-mo .category_txt p {
    letter-spacing: -1px;
    color: #000;
    padding: 5.5rem 3rem 0;
    font-size: max(12px, 2.8rem);
    line-height: 1.3;
  }

  #mobile_menu .gnb_menu_item {
    width: calc(25% - 3rem);
  }

  #mobile_menu .gnb_menu_item a p {
    text-align: center;
    font-size: max(12px, 2.6rem);
  }

  .icon-menu-cart .cart_count {
    color: #fff;
    background-color: red;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 2.3rem;
    height: 2.3rem;
    padding: 0 5px;
    font-size: max(12px, 1.6rem);
    font-weight: 500;
    display: flex;
    position: absolute;
    top: -.5rem;
    right: -.3rem;
  }

  .trenvl-chat-bubble .kakao-container, .trenvl-chat-bubble .scroll-to-top {
    margin-top: 2rem;
  }
}

@media screen and (width <= 550px) {
  .select_res_header {
    font-size: 14px;
  }

  .img-flag {
    margin-top: 1rem;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 2.2rem !important;
    height: 3.6rem !important;
    top: 2px !important;
    right: 8px !important;
  }
}

@media screen and (width <= 450px) {
  .select_res_header {
    font-size: max(12px, 1.8rem);
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 2.2rem !important;
    height: 3.6rem !important;
    top: 5px !important;
    right: 12px !important;
  }
}

.logo_ft {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

#footer {
  background: var(--bs-gray-dark2);
  color: #fffc;
  padding-bottom: 60px;
}

.footer_desc {
  margin-top: 30px;
  margin-bottom: 40px;
  line-height: 1.6;
}

.ft_logo {
  margin-top: 40px;
}

.flex_footer_top {
  color: #fff;
  align-items: center;
  gap: 22px;
  display: flex;
  padding: 18px 0 !important;
}

.flex_footer_top > li > a:hover {
  color: #fff;
}

#footer > .inner > hr {
  background: #353535;
  border: 0;
  height: 1px;
}

.flex_footer_bot {
  justify-content: space-between;
  align-items: start;
  display: flex;
}

.add_footer {
  margin-top: 45px;
  margin-bottom: 35px;
}

.add_footer p {
  line-height: 1.6;
}

.custom-icon {
  width: 20px;
  height: 20px;
}

.footer_r {
  padding-top: 80px;
}

.footer_icon {
  align-items: center;
  gap: 10px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.footer_icon > li > a > img:hover {
  scale: 1.3;
}

.footer_icon li:last-of-type {
  margin-left: 10px;
}

.icon-menu-item:hover {
  scale: 1.05;
}

.p_bot_f {
  margin-top: 20px;
}

.btn_cus_f {
  gap: 20px;
  margin-top: 24px;
  display: flex;
}

.btn_custom_f {
  border-radius: var(--qc-radius-section, 24px);
  color: #fff;
  font-family: Pretendard;
  font-size: var(--qc-text-16, 16px);
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #888;
  margin-top: 15px;
  padding: 10px 20px;
  transition: background-color .3s, color .3s;
  letter-spacing: -.04em !important;
}

.btn_custom_f:hover {
  color: #fff;
  background-color: #444;
}

.lang_select {
  border-radius: var(--qc-radius-section, 24px);
  font-size: var(--qc-text-16, 16px);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #fff;
  cursor: pointer;
  background-color: #0000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='white' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: 12px 8px;
  border: 1px solid #888;
  outline: none;
  width: 80px;
  height: auto;
  margin-top: 15px;
  padding: 10px 20px;
  transition: all .25s;
}

.lang_select::-ms-expand {
  display: none;
}

.lang_select:hover {
  background-color: #ffffff1a;
}

.lang_select:focus {
  border-color: #fff;
}

.lang_select:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #ffffffe6;
}

.lang_select option {
  color: #000;
  background-color: #fff;
}

@media screen and (width <= 850px) {
  .lang_select {
    display: none;
  }
}

.copy_f {
  margin-top: 30px;
}

.custom-select2 {
  max-width: 120px;
}

.custom-select2 .select2-container--default .select2-selection--single {
  border-radius: var(--qc-radius-section, 24px);
  color: #fff;
  font-size: var(--qc-text-16, 16px);
  background-color: #222;
  background-image: url("/images/ico/global_select_f.png");
  background-position: left 10px bottom 8px;
  background-repeat: no-repeat;
  height: auto;
  padding: 8px 16px;
  border: 1px solid #888 !important;
}

.custom-select2 .select2-container--open {
  border-radius: var(--qc-radius-section, 24px) !important;
}

.custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 2rem !important;
  height: 2rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-style: solid;
  border-color: #888 #0000 #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  border-width: .5rem .4rem 0 !important;
  margin-top: -.2rem !important;
  margin-left: -.4rem !important;
}

.custom-select2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: var(--qc-radius-section, 24px) !important;
  border-bottom-right-radius: var(--qc-radius-section, 24px) !important;
}

.custom-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
  margin-left: 12px;
  line-height: 1.5;
}

.custom-select2 .select2-dropdown {
  border-radius: 0;
}

.custom-select2 .select2-results__option {
  padding: 8px 16px;
}

.custom-select2 .select2-results__option--highlighted {
  color: #000;
  background-color: #ddd;
}

.btn_join_corp_member {
  margin-left: auto;
}

.btn_join_corp_member button {
  border-radius: var(--qc-radius-section, 24px);
  background-color: var(--hd-accent);
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
}

.btn_join_corp_member button:hover {
  background: var(--hd-accent-hover);
}

@media screen and (width >= 851px) and (width <= 1200px) {
  .flex_footer_top {
    flex-wrap: wrap;
    gap: 10px;
  }

  .flex_footer_bot .footer_r {
    width: 50%;
  }
}

@media screen and (width <= 850px) {
  .flex_mo_notice__body {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 3rem;
    display: flex;
  }

  .notice_item__icon {
    font-size: var(--qc-text-14, 14px) !important;
    border-radius: var(--qc-radius-pill, 999px) !important;
    width: 8rem !important;
    height: 4rem !important;
    padding: .2rem 1rem !important;
  }

  .notice__ttl {
    font-size: var(--qc-text-18, 18px);
  }

  .notice_item__title, .notice_item__date {
    font-size: var(--qc-text-16, 16px) !important;
  }

  .notice_item__date {
    margin-left: 9.2rem !important;
  }

  .flex_mobile_notice_item {
    align-items: center;
    margin-left: auto;
    display: flex;
  }

  .ico_plus {
    width: 2rem !important;
    height: 2rem !important;
  }

  .flex_footer_top {
    gap: 1rem 1.8rem;
    overflow-x: visible;
    flex-wrap: wrap !important;
  }

  .flex_footer_top > li {
    font-size: var(--qc-text-14, 14px);
    white-space: nowrap;
  }

  .add_footer p {
    font-size: var(--qc-text-14, 14px);
  }

  .text-18 {
    font-size: var(--qc-text-14, 14px) !important;
  }

  .flex_footer_bot {
    flex-direction: column;
    padding: 0 1rem;
  }

  .copy_f, .text-25 {
    font-size: var(--qc-text-14, 14px);
  }

  .no-w {
    white-space: nowrap;
  }

  .text-25.no-w {
    white-space: normal;
  }

  .btn_cus_f button {
    font-size: var(--qc-text-14, 14px);
    padding: 2rem;
  }

  .btn_custom_f {
    border-radius: var(--qc-radius-pill, 999px);
  }

  .custom-select2 {
    max-width: 16.6rem;
    height: 4.5rem;
    font-size: var(--qc-text-14, 14px);
  }

  .custom-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: var(--qc-text-14, 14px);
    padding-left: 2rem;
  }

  .custom-select2 .select2-container--default .select2-selection--single {
    border-radius: var(--qc-radius-pill, 999px);
    color: #fff;
    font-size: var(--qc-text-14, 14px);
    background-color: #222;
    background-image: url("/images/ico/global_select_f.png");
    background-position: left 1.3rem bottom 2.2rem;
    background-repeat: no-repeat;
    background-size: 2.5rem 2.5rem;
    height: auto;
    padding: 1.6rem 4.6rem;
    border: 1px solid #888 !important;
  }

  .custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    transform: translateY(-50%);
    top: 70% !important;
    right: 10px !important;
  }

  .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #fff;
    font-size: var(--qc-text-14, 14px);
    background-color: #5897fb;
  }

  .btn_cus_f {
    justify-content: center;
    gap: 2rem;
    margin-top: 5rem;
    display: flex;
  }

  .pl-10 {
    padding-left: 1rem;
  }

  .notice_swiper_btn {
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 5.5rem !important;
    height: 5.5rem !important;
  }

  .footer_r {
    padding-top: 0;
  }

  .ft_logo {
    margin-top: 4rem;
  }

  .add_footer {
    margin-top: 4.5rem;
    margin-bottom: 3.5rem;
  }

  .copy_f {
    margin-top: 3rem;
  }

  .footer_icon {
    gap: 1rem;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .footer_icon a img {
    width: 9rem;
  }

  .flex_footer_top {
    flex-wrap: wrap !important;
  }

  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: .8rem;
    padding-right: 2rem;
    display: block;
  }

  .custom-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    margin-left: -.8rem;
    line-height: 1.5;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-style: solid;
    border-color: #888 #0000 #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    border-width: .8rem .7rem 0 !important;
    margin-top: -.6rem !important;
    margin-left: -1.4rem !important;
  }
}

@media screen and (width <= 470px) {
  .notice_item__date {
    margin-left: 0 !important;
  }
}

#dim {
  z-index: 10000;
  background-color: #000000b3;
  display: none;
  position: fixed;
  inset: 0;
}

#popupRoom, #popup_img {
  z-index: 10001;
  background-color: #0000;
  width: 90%;
  max-width: 730px;
  height: 100%;
  max-height: 630px;
  display: block;
  position: fixed;
  inset: 60% 0 0 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

#popupRoom.on, #popup_img.on {
  display: none;
}

#popupRoom strong, #popup_img strong {
  color: #fff;
  background-color: #222;
  width: 100%;
  padding: 0 2%;
  font-size: 18px;
  font-weight: 500;
  line-height: 50px;
  display: block;
}

#popupRoom .closed_btn, #popup_img .closed_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: transform .25s, background-color .25s;
  display: flex;
  position: absolute;
  top: 12px;
  right: 2%;
}

#popupRoom .closed_btn:before, #popupRoom .closed_btn:after, #popup_img .closed_btn:before, #popup_img .closed_btn:after {
  content: "";
  border-radius: var(--qc-radius-xs, 4px);
  transform-origin: center;
  background: #fff;
  width: 16px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
}

#popupRoom .closed_btn:before, #popup_img .closed_btn:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

#popupRoom .closed_btn:after, #popup_img .closed_btn:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

#popupRoom .closed_btn:hover, #popup_img .closed_btn:hover {
  background-color: #222;
  transform: scale(1.08);
}

.closed_btn img {
  width: 12px;
}

#popupRoom .slick-slide img, #popup_img .slick-slide img {
  object-fit: cover;
  width: 870px;
  height: 490px;
}

#popupRoom .slick-slide, #popup_img .slick-slide {
  max-height: 490px;
}

#popupRoom .slick-arrow, #popup_img .slick-arrow {
  z-index: 1;
  position: absolute;
}

#popupRoom .slick-prev, #popup_img .slick-prev {
  left: 0;
}

#popupRoom .slick-next, #popup_img .slick-next {
  right: 0;
}

#popupRoom .slick-prev, #popup_img .slick-prev {
  background: url("/images/ico/btn_prev.png") no-repeat;
  width: 60px;
  height: 60px;
}

#popupRoom .slick-next, #popup_img .slick-next {
  background: url("/images/ico/btn_next.png") no-repeat;
  width: 60px;
  height: 60px;
  transform: translateY(-50%);
}

#popup_img .btn_box, .slick-prev:before, .slick-next:before {
  display: none;
}

.slick-dots {
  justify-content: center;
  gap: 10px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  bottom: 15px !important;
}

.slick-dots li button:before {
  display: none;
}

.slick-dots li {
  width: 10px;
  height: 10px;
}

.slick-dots li.slick-active button {
  background: url("/images/ico/active_dot.png") no-repeat;
  width: 10px;
  height: 10px;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  cursor: pointer;
  background: url("/images/ico/active_dot.png") no-repeat;
  width: 10px;
  height: 10px;
}

.slick-dots li button {
  background: url("/images/ico/unactive_dot.png") no-repeat;
  width: 10px;
  height: 10px;
}

.popup_wrap {
  z-index: 9999;
  width: 100%;
  height: 100%;
  font-family: Noto Sans KR;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup_wrap.place_pop.cart_info_pop .pop_box {
  max-width: 800px;
  padding: 0 30px;
}

.popup_wrap.cart_info_pop .popup_place__head {
  border-bottom: none;
  padding-top: 35px;
  padding-bottom: 0;
}

.popup_wrap.cart_info_pop .popup_place__head h2 {
  font-size: 22px;
}

.popup_wrap.cart_info_pop .lb-tb-cus {
  margin-bottom: 10px;
  font-size: 16px;
  display: inline-block;
}

.popup_wrap.cart_info_pop .pop_selectric {
  width: 120px;
  margin-bottom: 20px;
}

.popup_wrap.cart_info_pop .textarea-tb {
  width: 100%;
  height: 112px;
}

.popup_wrap.cart_info_pop .btn_add_cart {
  border-radius: var(--qc-radius-xs, 4px);
  color: #252525;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  width: 150px;
  height: 60px;
  margin-top: 30px;
}

.popup_wrap.reservation_pop .pop_box {
  height: 700px;
  overflow-y: auto;
}

.popup_wrap .pop_box {
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 1;
  background: #fff;
  width: calc(100% - 30px);
  max-width: 480px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup_wrap.reservation_pop .pop_box::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.popup_wrap.reservation_pop .pop_box::-webkit-scrollbar-thumb {
  border-radius: var(--qc-radius-control, 8px);
  background-color: #888;
}

.popup_wrap.reservation_pop .pop_box::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.popup_wrap.reservation_pop .pop_box::-webkit-scrollbar-track {
  border-radius: var(--qc-radius-control, 8px);
  background-color: #f1f1f1;
}

.popup_wrap.promotion_pop .pop_box {
  top: 60%;
}

.popup_wrap.popup_view_room .pop_box {
  box-sizing: border-box;
  border-radius: var(--qc-radius-section, 24px);
  max-width: 1000px;
  height: 600px;
  padding: 2%;
  overflow-y: scroll;
}

.popup_wrap.reservation_pop .pop_box ul, .popup_wrap.reservation_pop .pop_box table {
  width: 100% !important;
}

.popup_wrap.reservation_pop .pop_box table tr td, .popup_wrap.reservation_pop .pop_box table tr th, .popup_wrap.reservation_pop .pop_box table colgroup col {
  width: fit-content !important;
}

.popup_wrap.reservation_pop .popup_place__body * {
  line-height: 1.4 !important;
}

.popup_wrap.popup_policy_room .pop_box {
  border-radius: var(--qc-radius-section, 24px);
  max-width: 700px;
  height: 700px;
  overflow-y: scroll;
}

.popup_view_room .pop_body {
  justify-content: space-between;
  display: flex;
}

.popup_view_room .list_room_img, .popup_view_room .room_content {
  width: 48%;
}

.popup_view_room .room_content .room_name {
  color: #333;
  margin: 0;
  padding-bottom: 30px;
  font-size: 22px;
}

.popup_view_room .room_content .room_info {
  flex-direction: column;
  margin-bottom: 20px;
  display: flex;
}

.popup_view_room .room_content .room_info .info_tit {
  color: gray;
  padding-bottom: 15px;
  font-size: 13px;
}

.popup_view_room .room_content .room_info .info_txt p {
  color: #333;
  font-size: 14px;
  line-height: 24px;
}

.popup_view_room .room_content .room_info .info_detail {
  color: gray;
  text-align: justify;
  font-size: 14px;
  line-height: 24px;
}

.popup_view_room p.ptxt01 {
  color: #2ab6ad;
  text-align: justify;
  border-top: 1px solid #ddd;
  padding-top: 10px;
  font-size: 13px;
  line-height: 24px;
}

.popup_wrap.promotion_pop .pop_box {
  max-width: 760px;
  padding: 0 40px;
}

.popup_wrap.benefit_pop .pop_box {
  max-width: 760px;
  padding: 20px 40px 0;
}

.popup_wrap.promotion_pop .pop_box .popup_contents {
  max-height: 400px;
  margin-top: 20px;
  overflow-y: auto;
}

.popup_wrap.promotion_pop .pop_box .popup_contents .text_blue {
  color: #3c95c2;
  margin-bottom: 22px;
  font-size: 18px;
  font-weight: 500;
}

.popup_wrap.promotion_pop .pop_box .popup_contents .promotion_wrap p {
  color: #000;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

.popup_wrap.promotion_pop .pop_box .popup_contents .promotion_wrap input {
  border-radius: var(--qc-radius-card, 16px);
  border: unset;
  background-color: #ebf1f6;
  width: 100%;
}

.popup_wrap.promotion_pop .pop_box .popup_contents .promotion_wrap + .promotion_wrap {
  margin-top: 20px;
}

.popup_wrap .pop_box_comment {
  border-radius: var(--qc-radius-card, 16px);
  z-index: 1;
  background: #fff;
  border: 1px solid #c1c1c1;
  width: calc(100% - 30px);
  max-width: 840px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup_wrap .pop_box_comment .close {
  background: url("/images/time_sale/ico_close.png") center no-repeat;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 30px;
  right: 30px;
}

.popup_wrap .pop_box_comment .pop_body .padding {
  padding: 85px 30px 50px;
}

.popup_wrap .pop_box_comment .comment_detail_top {
  border-bottom: 1px solid #eee;
  gap: 20px;
  padding-bottom: 40px;
  display: flex;
}

.popup_wrap .pop_box_comment .comment_detail_top .comment_detail_img {
  width: 200px;
  height: 140px;
}

.popup_wrap .pop_box_comment .comment_detail_top .comment_detail_img img {
  width: 100%;
  height: 100%;
}

.popup_wrap .pop_box_comment .comment_detail_top .comment_content {
  padding-top: 20px;
}

.popup_wrap .pop_box_comment .comment_detail_top .comment_content h4 {
  color: #252525;
  font-family: Pretendard;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}

.popup_wrap .pop_box_comment .comment_detail_top .comment_content .status {
  color: #757575;
  margin-top: 20px;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
}

.popup_wrap .pop_box_comment .comment_detail_top .comment_content .status .red {
  color: #cf2a27;
}

.popup_wrap .pop_box_comment .comment_detail_top .comment_content .date {
  color: #757575;
  text-align: left;
  margin: 10px 0;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 300;
}

.popup_wrap .pop_box_comment .comment_detail_wrap {
  padding: 30px 0 20px;
}

.popup_wrap .pop_box_comment .comment_detail_wrap .comment_total {
  color: #757575;
  font-family: Pretendard;
  font-size: 18px;
}

.popup_wrap .pop_box_comment .comment_detail_wrap .comment_total .total {
  color: #2a459f;
}

.popup_wrap .pop_box_comment .comment_write {
  margin-top: 25px;
  position: relative;
}

.popup_wrap .pop_box_comment .comment_write .line {
  background-color: #ddd;
  width: 1px;
  height: 90px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 140px;
  transform: translateY(-50%);
}

.popup_wrap .pop_box_comment .comment_write .btn_comment {
  color: #252525;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 132px;
  font-family: Pretendard;
  font-size: 18px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.popup_wrap .pop_box_comment textarea {
  border-radius: var(--qc-radius-xs, 4px);
  resize: none;
  border: 1px solid #dbdbdb;
  width: 100%;
  height: 132px;
  padding: 15px 160px 20px 20px;
  font-size: 16px;
}

.popup_wrap .pop_box_comment .comment_list {
  border-top: 1px solid #e7e7e7;
  max-height: 350px;
  overflow-y: scroll;
}

.popup_wrap .pop_box_comment .comment_el {
  border-bottom: 1px solid #e7e7e7;
}

.comment_list .comment_el .comment_wrap {
  padding: 30px 20px;
  position: relative;
}

.comment_list .comment_el .comment_wrap .info {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.comment_list .comment_el .comment_wrap .info .left {
  align-items: center;
  gap: 20px;
  display: flex;
}

.comment_list .comment_el .comment_wrap .info .user {
  color: #454545;
  font-family: Pretendard;
  font-size: 18px;
  font-weight: 600;
}

.comment_list .comment_el .comment_wrap .info .date {
  font-size: "Pretendard";
  color: #bbb;
  font-size: 18px;
}

.comment_list .comment_el .comment_wrap .info button {
  color: #2a459f;
  font-family: Pretendard;
  font-size: 18px;
}

.comment_list .comment_el .comment_wrap .info .setting .btn_edit {
  margin-left: 30px;
  position: relative;
}

.comment_list .comment_el .comment_wrap .info .setting .btn_edit:before {
  content: "";
  background-color: #ececec;
  width: 2px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: -17px;
  transform: translateY(-50%);
}

.comment_list .comment_el .comment_wrap .content {
  color: #252525;
  margin-top: 25px;
  font-family: Pretendard;
  font-size: 18px;
  line-height: 26px;
}

.comment_list .comment_el .comment_wrap.comment_reply_wrap {
  padding-top: 20px;
  padding-bottom: 0;
  padding-right: 0;
}

.comment_list .comment_el .comment_wrap .comment_reply_write {
  align-items: center;
  gap: 20px;
  display: flex;
}

.comment_list .comment_el .comment_wrap .comment_reply_write i {
  background: url("/images/time_sale/ico_reply_arrow.png") center / 17px 23px no-repeat;
  width: 17px;
  height: 23px;
  display: inline-block;
}

.comment_list .comment_el .comment_wrap .comment_reply_write .comment_write {
  width: 100%;
}

.comment_list .comment_el .comment_wrap .comment_reply_write .comment_write textarea, .comment_list .comment_el .comment_wrap .comment_edit .comment_write textarea, .comment_list .comment_el .comment_wrap .comment_reply_write .comment_write .btn_comment, .comment_list .comment_el .comment_wrap .comment_edit .comment_write .btn_comment {
  height: 100px;
}

.comment_list .comment_el .comment_wrap .comment_reply_write .comment_write .line, .comment_list .comment_el .comment_wrap .comment_edit .comment_write .line {
  height: 51px;
}

.comment_list .comment_el .comment_wrap .ico_reply {
  background: url("/images/time_sale/ico_reply.png") center / 20px 20px no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 0;
}

textarea::placeholder {
  color: #bbb;
  font-size: 16px;
}

.popup_wrap.edit_input_pop .pop_box {
  width: calc(100% - 30px);
  max-width: 600px;
}

.popup_wrap .pop_box .close {
  background: url("/images/ico/close_icon_popup.png") center no-repeat;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.popup_wrap .pop_box .pop_txt p {
  color: #252525;
  text-align: center;
  margin-top: 50px;
  font-family: Noto Sans KR;
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
}

.popup_wrap .pop_box .pop_desc {
  margin-top: 30px;
}

.popup_wrap .pop_box .pop_desc p {
  color: #454545;
  text-align: center;
  font-family: Noto Sans KR;
  font-size: 16px;
  line-height: 28px;
}

.popup_wrap .pop_box .padding {
  padding-bottom: 45px;
}

.popup_wrap .pop_box input {
  width: 300px;
  height: 50px;
}

.popup_wrap .pop_box .wrap_check {
  flex-direction: column;
}

.popup_wrap .pop_box .pop_input {
  margin-top: 60px;
}

.popup_wrap .pop_box .pop_input.wrap_check {
  margin-top: 30px;
  padding: 0 75px;
}

.popup_wrap .pop_box .pop_input.wrap_check .check_box {
  margin-bottom: 20px;
}

.popup_wrap .pop_box .pop_input button {
  border-radius: var(--qc-radius-xs, 4px);
  color: #454545;
  border: 1px solid #dbdbdb;
  padding: 10px 30px;
  font-family: Noto Sans KR;
  font-size: 16px;
  line-height: 28px;
}

.edit_input_pop .pop_box .pop_input {
  margin-top: 30px;
}

.popup_wrap .pop_box .pop_input button:last-child {
  color: #fff;
  background-color: #253dbe;
  margin-left: 10px;
}

.popup_wrap .pop_input .check_box input[type="radio"]:checked, .popup_wrap .pop_input .check_box input[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.popup_wrap .pop_input .check_box input[type="radio"]:checked + label, .popup_wrap .pop_input .check_box input[type="radio"]:not(:checked) + label {
  cursor: pointer;
  color: #666;
  padding-left: 28px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.popup_wrap .pop_input .check_box input[type="radio"]:checked + label:before, .popup_wrap .pop_input .check_box input[type="radio"]:not(:checked) + label:before {
  content: "";
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0;
  left: 0;
}

.popup_wrap .pop_input .check_box input[type="radio"]:checked + label:after, .popup_wrap .pop_input .check_box input[type="radio"]:not(:checked) + label:after {
  content: "";
  background: #2e3e92;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  -webkit-transition: all .2s;
  transition: all .2s;
  position: absolute;
  top: 5px;
  left: 5px;
  transform: translate(-50%, -50%);
}

.popup_wrap .pop_input .check_box input[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.popup_wrap .pop_input .check_box input[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.popup_wrap .pop_input .check_box label {
  color: #252525;
  margin-left: 10px;
  font-family: Noto Sans KR;
  font-size: 16px;
}

.popup_wrap .wrong_alert {
  color: red;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
}

.popup_wrap .dim {
  background: #00000080;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.modal_common {
  z-index: 99999;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.modal_common .pop_item {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 720px;
  height: 100%;
  margin: 0 auto;
  display: flex;
}

.modal_common.img_pop .pop_item {
  width: 100%;
  max-width: 400px;
}

.img_pop .pop_top {
  box-sizing: border-box;
  background: #fff;
  justify-content: space-between;
  align-items: center;
  height: 28px;
  display: flex;
}

.modal_common .btn_close {
  color: #0000;
  background: url("/images/ico/close_icon_popup.png") center no-repeat;
  border: none;
  width: 14px;
  height: 14px;
  margin: 0 7px 0 auto;
  font-size: 0;
  display: block;
}

.pop_content {
  background-color: #333;
  width: 400px;
  max-width: 100%;
  height: 565px;
  max-height: calc(100% - 28px);
  display: flex;
}

.popup_wrap.reservation_pop .pop_box ol.spe li {
  width: 50% !important;
}

.popup_vehicle {
  z-index: 999999;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup_vehicle .popups {
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 1;
  background: #fff;
  width: calc(100% - 30px);
  max-width: 1050px;
  padding-bottom: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup_vehicle .top {
  padding: 20px;
  position: relative;
}

.popup_vehicle .top .ttl p {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}

.popup_vehicle .top .close {
  background: url("/images/ico/close_icon_popup.png") center no-repeat;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.popup_vehicle .contents {
  max-height: 700px;
  padding: 0 20px 20px;
  overflow-y: auto;
}

.popup_vehicle .contents::-webkit-scrollbar {
  display: none;
}

.popup_vehicle .dim {
  background: #00000080;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (width <= 850px) {
  #popup_img {
    max-height: 360px;
  }

  .popup_wrap.benefit_pop .pop_box {
    max-width: 100%;
    padding: 2rem 4rem 0;
  }

  .popup_wrap.edit_input_pop .pop_box {
    max-width: 100%;
  }

  .report_pop .pop_box {
    height: unset;
  }

  .popup_wrap .pop_box .close {
    background: url("/images/ico/close_icon_popup.png") center no-repeat;
    width: 2.5385rem;
    height: 2.5385rem;
    position: absolute;
    top: 1.7692rem;
    right: .7692rem;
  }

  .popup_wrap .pop_box .pop_txt p {
    color: #252525;
    text-align: center;
    margin-top: 2.9231rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 4.2308rem);
    font-weight: 500;
    line-height: 3.3846rem;
  }

  .popup_wrap .pop_box .pop_desc {
    margin-top: 3.1538rem;
    margin-bottom: 3.1538rem;
  }

  .popup_wrap .pop_box .pop_desc p {
    color: #454545;
    text-align: center;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.6rem);
    line-height: 3.2rem;
  }

  .popup_wrap.promotion_pop .pop_box {
    max-width: 100%;
    padding: 0 4rem;
  }

  .popup_wrap .pop_box .padding {
    padding-bottom: 4.5rem;
  }

  .popup_wrap .pop_box input {
    width: 15.7857rem;
    height: 3.2143rem;
  }

  .popup_wrap .pop_box .wrap_check {
    flex-direction: column;
  }

  .popup_wrap .pop_box .pop_input {
    margin-top: 5.3077rem;
  }

  .report_pop .pop_box .pop_input {
    margin-top: 3.0769rem;
  }

  .popup_wrap .pop_box .pop_input.wrap_check {
    margin-top: 1.5385rem;
    padding: 0 2.8846rem;
  }

  .popup_wrap .pop_box .pop_input.wrap_check .check_box {
    margin-bottom: 1.7692rem;
  }

  .popup_wrap .pop_box .pop_input button {
    border-radius: var(--qc-radius-xs, 4px);
    color: #454545;
    border: 1px solid #dbdbdb;
    padding: 1.5769rem 3.3462rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.4rem);
    line-height: 2.3846rem;
  }

  .edit_input_pop .pop_box .pop_input {
    margin-top: 1.1538rem;
  }

  .popup_wrap .pop_box .pop_input button:last-child {
    color: #fff;
    background-color: #253dbe;
    margin-left: .7692rem;
  }

  .popup_wrap .pop_input .check_box input[type="radio"]:checked, .popup_wrap .pop_input .check_box input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
  }

  .popup_wrap .pop_input .check_box input[type="radio"]:checked + label, .popup_wrap .pop_input .check_box input[type="radio"]:not(:checked) + label {
    cursor: pointer;
    color: #666;
    padding-left: 4.5385rem;
    line-height: 3.1538rem;
    display: inline-block;
    position: relative;
  }

  .popup_wrap .pop_input .check_box input[type="radio"]:checked + label:before, .popup_wrap .pop_input .check_box input[type="radio"]:not(:checked) + label:before {
    content: "";
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 100%;
    width: 3.2308rem;
    height: 3.2308rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .popup_wrap .pop_input .check_box input[type="radio"]:checked + label:after, .popup_wrap .pop_input .check_box input[type="radio"]:not(:checked) + label:after {
    content: "";
    background: #2e3e92;
    border-radius: 100%;
    width: 1.6923rem;
    height: 1.6923rem;
    -webkit-transition: all .2s;
    transition: all .2s;
    position: absolute;
    top: .692rem;
    left: .792rem;
    transform: translate(-50%, -50%);
  }

  .popup_wrap .pop_input .check_box input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  .popup_wrap .pop_input .check_box input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .popup_wrap .pop_input .check_box label {
    color: #252525;
    margin-left: .7692rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.5rem);
  }

  .popup_wrap .wrong_alert {
    margin-top: .2rem;
    font-size: max(12px, 1rem);
  }

  .popup_place__head {
    border-bottom: 1px solid #222;
    padding-top: 5.5rem;
    padding-bottom: 2.5rem;
  }

  .popup_place__head__ttl {
    font-weight: 700;
    font-size: max(12px, 3.6rem) !important;
  }

  .popup_wrap.promotion_pop .pop_box .popup_contents {
    margin-top: 2rem;
  }

  .popup_wrap.promotion_pop .pop_box .popup_contents .text_blue {
    color: #3c95c2;
    margin-bottom: 2.2rem;
    font-size: max(12px, 2.8rem);
    font-weight: 500;
  }

  .popup_wrap.promotion_pop .pop_box .popup_contents .promotion_list {
    max-height: 35rem;
    overflow-y: auto;
  }

  .popup_wrap.promotion_pop .pop_box .popup_contents .promotion_wrap input {
    border-radius: var(--qc-radius-section, 24px);
    border: unset;
    background-color: #ebf1f6;
    width: 100%;
    height: 6.2143rem;
    font-size: max(12px, 2rem);
  }

  .popup_wrap.promotion_pop .pop_box .popup_contents .promotion_wrap + .promotion_wrap {
    margin-top: 2rem;
  }

  .popup_wrap.promotion_pop .pop_box .close {
    background: url("/images/ico/close_icon_popup.png") center no-repeat;
    width: 2.5385rem;
    height: 2.5385rem;
    position: absolute;
    top: 1.7692rem;
    right: 2.7692rem;
  }

  .popup_view_room .pop_body {
    flex-direction: column;
    height: 104rem;
    padding: 0 .8rem 2rem;
  }

  .popup_view_room .list_room_img {
    width: 100%;
  }

  .popup_view_room .list_room_img .swiper {
    height: 46rem;
  }

  .popup_view_room .list_room_img .mySwiper {
    height: 10rem;
  }

  .popup_view_room .room_content {
    width: 100%;
    margin-top: 2rem;
    overflow-y: scroll;
  }

  .popup_view_room .room_content .room_name {
    color: #333;
    margin: 0;
    padding-bottom: 3rem;
    font-size: max(12px, 3rem);
  }

  .popup_view_room .room_content .room_info {
    flex-direction: column;
    margin-bottom: 2rem;
    display: flex;
  }

  .popup_view_room .room_content .room_info .info_tit {
    color: gray;
    padding-bottom: 1.5rem;
    font-size: max(12px, 2.3rem);
  }

  .popup_view_room .room_content .room_info .info_txt p {
    color: #333;
    font-size: max(12px, 2.4rem);
    line-height: 1.4;
  }

  .popup_view_room .room_content .room_info .info_detail {
    color: gray;
    text-align: justify;
    font-size: max(12px, 2.4rem);
    line-height: 1.4;
  }

  .popup_view_room p.ptxt01 {
    color: #2ab6ad;
    text-align: unset;
    border-top: 1px solid #ddd;
    padding-top: 1rem;
    font-size: max(12px, 2.3rem);
    line-height: 1.4;
  }

  .popup_wrap.popup_view_room .pop_box {
    border-radius: var(--qc-radius-section, 24px);
    width: calc(100% - 3rem);
    max-width: 100%;
    height: 110rem;
    overflow: unset;
    padding: 0;
  }

  .popup_wrap.popup_view_room .pop_box .pop_head {
    border-top-left-radius: var(--qc-radius-pill, 999px);
    border-top-right-radius: var(--qc-radius-pill, 999px);
    justify-content: space-between;
    align-items: center;
    height: 6rem;
    padding: 0 2rem 0 3rem;
    display: flex;
  }

  .popup_wrap.popup_view_room .pop_box .pop_head .ttl {
    font-size: max(12px, 3rem);
  }

  .popup_wrap.popup_view_room .pop_box .close {
    width: 3.05385rem;
    height: 3.05385rem;
    top: unset;
    right: unset;
    opacity: .9;
    background: url("/images/ico/close_icon_popup.png") center / 100% no-repeat;
    position: relative;
  }

  .popup_wrap.reservation_pop .pop_box {
    height: 90rem;
    overflow-y: auto;
  }

  .popup_wrap.reservation_pop .pop_box .close {
    background: url("/images/ico/close_icon_popup.png") center no-repeat;
    width: 4.5385rem;
    height: 3.5385rem;
    position: absolute;
    top: 1.7692rem;
    right: .7692rem;
  }

  .popup_wrap.reservation_pop .pop_body {
    padding: 0 !important;
  }

  .popup_wrap.reservation_pop .pop_box ol.spe li {
    width: 100% !important;
  }

  .popup_wrap.reservation_pop .term_category colgroup, .popup_wrap.reservation_pop colgroup {
    display: none !important;
  }

  .popup_wrap.reservation_pop .pop_box table tr {
    flex-wrap: wrap;
    display: flex;
  }

  .popup_wrap.reservation_pop .pop_box table tr td, .popup_wrap.reservation_pop .pop_box table tr th, .popup_wrap.reservation_pop .pop_box table colgroup col {
    width: 100% !important;
  }

  .popup_wrap.reservation_pop .popup_place__body * {
    font-size: max(12px, 2.2rem) !important;
    line-height: 1.4 !important;
  }

  #popupRoom .slick-slide img, #popup_img .slick-slide img {
    object-fit: contain;
    background-color: #000;
    max-width: 100%;
    max-height: 64rem;
    margin: auto;
  }

  .slick-dots {
    display: none !important;
  }

  #popup_img .btn_box {
    margin-top: 2rem;
    display: flex;
  }

  #popup_img .btn_box a {
    text-transform: uppercase;
    border-radius: var(--qc-radius-control, 8px);
    color: #fff;
    text-align: center;
    background-color: #17469e;
    width: 15rem;
    height: 5rem;
    font-size: max(12px, 2rem);
    font-weight: bold;
    line-height: 5rem;
  }

  .popup_vehicle .top {
    padding: 2rem;
    position: relative;
  }

  .popup_vehicle .top .ttl p {
    text-align: center;
    font-size: max(12px, 3.2rem);
    font-weight: 700;
    line-height: 1.3;
  }

  .popup_vehicle .top .close {
    background: url("/images/ico/close_icon_popup.png") center no-repeat;
    width: 2.6rem;
    height: 2.6rem;
    position: absolute;
    top: 2rem;
    right: 2rem;
  }

  .popup_wrap .pop_box {
    max-width: 60rem;
  }
}

:root {
  --bs-point: #17469e;
  --bs-point2: #d50c2a;
  --bs-light-point: #f6f7fb;
  --bs-deep-green: #257d4d;
  --bs-point-lighten: #ede9f9;
  --bs-red: #e5001a;
  --bs-blue: #0d01ff;
  --bs-bg-blue: #d8dcf266;
  --bs-yellow: #ff0;
  --bs-kakao-bg: #f9e000;
  --bs-kakao-text: #402d33;
  --bs-white: #fff;
  --bs-dark2: #454545;
  --bs-dark: #252525;
  --bs-gray2: #999;
  --bs-gray: #757575;
  --bs-gray-100: #eee;
  --bs-gray-200: #dbdbdb;
  --bs-gray-300: #bbb;
  --bs-gray-400: #999;
  --bs-gray-500: #757575;
  --bs-gray-600: #666;
  --bs-gray-700: #454545;
  --bs-gray-800: #333;
  --bs-gray-900: #252525;
  --bs-bg-100: #fafafa;
  --bs-bg-200: #f8f8f8;
  --bs-bg-300: #f5f5f5;
  --bs-bg-400: #f4f4f4;
  --bs-bg-500: #f2f2f2;
  --bs-font-dohyeon: "BMDOHYEON";
  --bs-font-sans-serif: "Pretendard";
  --bs-font-Noto: "Noto Sans CJK KR";
  --bs-font-lato: "Lato";
  --bs-font-gmarket: "Gmarket Sans";
  --bs-body-font-family: var(--bs-font-Noto);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1;
  --bs-body-color: #252525;
  --bs-body-bg: #fff;
  --bs-border-color: #dbdbdb;
  --bs-input-height: 50px;
  --bs-input-padding: 0 10px;
  --bs-input-rounded: var(--qc-radius-xs, 4px);
  --bs-input-rounded-lg: var(--qc-radius-xs, 4px);
  --bs-chk-w: 22px;
  --bs-rid-w: 30px;
  --bs-rid-w-after: 12px;
}

@media screen and (width <= 768px) {
  :root {
    --bs-input-height: 3rem;
  }
}

@media screen and (width <= 850px) {
  input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"] {
    padding: 0 1.0526rem;
  }

  .bs-form + .bs-form {
    margin-top: 3.421rem;
  }

  .bs-select.big {
    max-width: 100%;
    height: 3.1578rem;
    padding: 0 1.5789rem 0 1.1578rem;
    font-size: max(12px, 1.1578rem);
  }

  .bs-select + .bs-select {
    margin-left: 1.25rem;
  }

  .bs-select {
    padding-right: 1.8421rem;
  }

  .bs-select, .bs-input {
    border-radius: var(--qc-radius-xs, 4px);
    height: 9rem;
    font-size: max(12px, 2.6rem);
  }

  .agree_box {
    border-radius: var(--qc-radius-xs, 4px);
    height: 12.105rem;
    padding: .9375rem;
    font-size: max(12px, 1.0526rem);
  }

  .btn {
    border-radius: var(--qc-radius-xs, 4px);
    width: 100%;
    height: 3.1578rem;
    padding: 0 1.0526rem;
    font-size: max(12px, 1.1578rem);
  }

  .back_btn {
    height: 3.1578rem;
    font-size: max(12px, 1.1578rem);
  }

  .btn.px-1 {
    padding: 0 1.4736rem;
  }

  .btn.btn-lg {
    border-radius: var(--qc-radius-xs, 4px);
    max-width: 100%;
    height: 3.4615rem;
    font-size: max(12px, 1.0769rem);
    line-height: 3.4615rem;
  }

  a.btn.btn-lg {
    max-width: 100%;
    line-height: 8.9999rem;
  }

  .cancel a.btn.btn-lg {
    width: 14.3333rem;
    height: 5rem;
    margin: 0 1.2rem 0 0;
    font-size: max(12px, 2.6667rem);
    line-height: 5rem;
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-1 {
    border-radius: var(--qc-radius-xs, 4px);
  }

  .rounded-2 {
    border-radius: var(--qc-radius-control, 8px);
  }

  .font-bold {
    font-weight: 600 !important;
  }

  .btn-round-point {
    border-radius: var(--qc-radius-section, 24px);
    height: 3.6842rem;
    font-size: max(12px, 1.421rem);
    box-shadow: 0 .6315rem 1.0526rem #101b5840;
  }

  .ch_visit input[type="radio"] + label:before, .ch_visit input[type="checkbox"] + label:before {
    content: "";
    border-radius: var(--qc-radius-xs, 4px);
    opacity: 0;
    z-index: 10;
    border: .538rem solid #0000;
    border-top: none;
    border-left: none;
    width: 1.41rem;
    height: 2.1rem;
    position: absolute;
    top: calc(50% - .692rem);
    left: .2308rem;
    transform: rotate(45deg) translateY(-50%);
  }

  .ch_visit input[type="radio"] + label:after, .ch_visit input[type="checkbox"] + label:after {
    content: "";
    border: .0769rem solid var(--bs-gray-200);
    border-radius: var(--qc-radius-xs, 4px);
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    width: 3.5rem;
    height: 3.5rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .btn.arrow_w {
    background-image: url("../images/ico/mo_btn_arrow_w.png");
    background-position: right 1.3157rem center;
    background-size: 1.4736rem;
    padding-right: 2.6315rem;
  }

  #ad_pop .btn {
    align-items: center;
    margin-top: 1.25rem;
    display: flex;
    overflow: hidden;
  }

  #ad_pop .btn img {
    display: none;
  }

  .input-group + .input-group {
    margin-top: 2.1052rem;
  }

  .input-group + .btn-wrap {
    margin-top: 1.9231rem;
  }

  .input-wrap + .input-wrap {
    margin-top: 2.105rem;
  }

  .input-wrap + .input-wrap.mo-mt-sm {
    margin-top: 1.3157rem;
  }

  .input-row + .input-row {
    margin-top: .7894rem;
  }

  .input-row > * + * {
    margin-top: .625rem;
  }

  .button-row {
    display: block;
  }

  .button-row .bs-input {
    width: 100%;
  }

  .cling-btn {
    flex-shrink: 0;
    width: 100%;
    margin-top: .7143rem;
    margin-left: 0;
  }

  .input-group .btn {
    border-color: #252525;
  }

  .input-wrap > label {
    margin-bottom: 1.3157rem;
    font-size: max(12px, 2.78rem);
  }

  .radio-input-wrap > label {
    margin-bottom: 1.263rem;
  }

  .input-row {
    font-size: max(12px, 2.6rem);
  }

  .input-row select, .input-row input {
    height: 9rem;
    font-size: max(12px, 2.6rem);
  }

  .file_wrap {
    flex-wrap: wrap;
  }

  .file_wrap > * {
    width: 100%;
  }

  .file_wrap .up_btn {
    text-align: center;
    cursor: pointer;
    margin-top: .7894rem;
    margin-left: 0;
    line-height: calc(3.1578rem - 2px);
  }

  .email_row {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .email_row .bs-input {
    width: calc(50% - 1.7368rem);
  }

  .email_row .bs-select {
    width: 100%;
    margin-top: .7894rem;
    margin-left: 0;
  }

  .email_row span {
    width: 1.4736rem;
    margin: 0;
  }

  .chk_square input[type="checkbox"] {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  .chk_square input[type="checkbox"]:checked + label {
    border-color: var(--bs-point);
    color: var(--bs-point);
    background-color: var(--bs-point-lighten);
  }

  .chk_square input[type="checkbox"]:checked + label:before {
    background-color: var(--bs-point);
    border-color: var(--bs-point);
  }

  .chk_square input[type="checkbox"]:checked + label .checkbox-icon, .chk_square input[type="checkbox"]:checked + label .checkbox-label {
    color: var(--bs-point);
  }

  .chk_square input[type="checkbox"]:focus + label {
    border-color: var(--bs-point);
  }

  .chk_square label {
    border-radius: var(--qc-radius-control, 8px);
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #eee;
    flex-direction: column;
    justify-content: end;
    width: 100%;
    min-height: 6.25rem;
    padding: 1.5rem 1.25rem;
    font-weight: 500;
    transition: all .15s;
    display: flex;
    position: relative;
  }

  .chk_square label:before {
    width: 1.625rem;
    height: 1.625rem;
    top: .7894rem;
    right: .7894rem;
  }

  [class^="chk_"] label {
    border-radius: var(--qc-radius-xs, 4px);
    padding: .948rem 1.0526rem;
    font-size: max(12px, 1.1578rem);
  }

  [class^="chk_"] label:before {
    background-image: url("../images/ico/mo_chk_ico.png");
    background-size: cover;
    width: 1.5789rem;
    height: 1.5789rem;
    top: .7894rem;
    right: .7894rem;
  }

  .chk_square label {
    min-height: 5.921rem;
  }

  .chk_row label {
    min-height: 3.1578rem;
  }

  .chk_row label:before {
    top: calc(50% - .78945rem);
    right: 1rem;
  }

  .bs-input-check input[type="checkbox"] + label {
    padding-left: 2.105rem;
    font-size: max(12px, 1rem);
    line-height: 1.5rem;
  }

  .bs-input-check input[type="checkbox"] + label:after {
    border-radius: var(--qc-radius-xs, 4px);
    background-size: .8421rem;
    width: 1.5789rem;
    height: 1.5789rem;
    top: 0;
    transform: translateY(0);
  }

  .bs-input-check input[type="checkbox"] + label:before {
    border-radius: var(--qc-radius-xs, 4px);
    border: .3077rem solid #0000;
    border-top: none;
    border-left: none;
    width: .7692rem;
    height: 1.4231rem;
    position: absolute;
    top: calc(50% - 1.1538rem);
    left: .2308rem;
  }

  .chk_box input[type="checkbox"] + label {
    padding-left: -webkit-calc(1.25rem + .625rem);
    padding-left: -moz-calc(1.25rem + .625rem);
    vertical-align: middle;
    cursor: pointer;
    padding-left: 1.875rem;
    line-height: 1.25rem;
    display: inline-block;
    position: relative;
  }

  .chk_box input[type="checkbox"] + label:after {
    content: "";
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #dbdbdb;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .chk_box input[type="checkbox"]:checked + label:after {
    background-image: url("../images/ico/chk_ico.png");
  }

  .radiobox_wrap > div {
    display: inline-block;
  }

  .radiobox_wrap > div + div {
    margin-left: 120px;
  }

  .bs-input-check input[type="radio"] {
    display: none;
  }

  .bs-input-check input[type="radio"] + label {
    padding-left: -webkit-calc(1.5789rem + .5263rem);
    padding-left: -moz-calcalc(1.5789rem + .5263rem);
    padding-left: 2.1052rem;
    font-size: max(12px, 1.157rem);
    line-height: 1.5789rem;
  }

  .bs-input-check input[type="radio"] + label:after, .bs-input-check input[type="radio"] + label:before {
    width: 1.5789rem;
    height: 1.5789rem;
  }

  .bs-input-check input[type="radio"] + label:after {
    width: .8947rem;
    height: .8947rem;
    margin-left: .3421rem;
  }

  .radiobox2 input[type="radio"] + label {
    padding-left: -webkit-calc(1rem + .625rem);
    padding-left: -moz-calc(1rem + .625rem);
    cursor: pointer;
    padding-left: 1.625rem;
    line-height: 1rem;
    display: inline-block;
    position: relative;
  }

  .radiobox2 input[type="radio"] + label:after, .radiobox2 input[type="radio"] + label:before {
    content: "";
    border-radius: 100%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .radiobox2 input[type="radio"] + label:before {
    background-color: #fff;
    border: 1px solid #dbdbdb;
  }

  .radiobox2 input[type="radio"] + label:after {
    width: .5rem;
    height: .5rem;
    margin-left: .285714rem;
  }

  .radiobox2 input[type="radio"]:checked + label:before {
    background-color: var(--bs-point);
    border: 1px solid var(--bs-point);
  }

  .radiobox2 input[type="radio"]:checked + label:after {
    background-color: #fff;
  }

  .bs-input-radio input[type="radio"] + label:after, .bs-input-radio input[type="radio"] + label:before {
    content: "";
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #dbdbdb;
    border-radius: 100%;
    width: 2.3077rem;
    height: 2.3077rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .bs-input-radio input[type="radio"] + label:after {
    background-color: #ccc;
    border: none;
    width: 1rem;
    height: 1rem;
    margin-left: .65385rem;
  }

  .bs-input-radio input[type="radio"] + label {
    vertical-align: middle;
    padding-left: -webkit-calc(2.3077rem + .625rem);
    padding-left: -moz-calcalc(2.3077rem + .625rem);
    padding-left: 2.9327rem;
    line-height: 2.3077rem;
    display: inline-block;
    position: relative;
  }

  .input-row .btn {
    height: 9rem;
    font-size: max(12px, 2.8rem);
    font-weight: 500;
  }

  .input-row .btn.btn_zip {
    width: 15rem;
    margin-top: 0;
    margin-left: 1rem;
  }

  .input-row .address_input {
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    display: flex;
  }

  .button-row.button-row-mt {
    gap: 1rem;
    display: flex;
  }

  .button-row-mt #certi_num_1 {
    width: 50%;
  }

  .button-row-mt .cling-btn {
    width: 50%;
    margin-top: 0;
  }

  .btn_to_up img {
    width: 8rem;
    margin-top: 1rem;
  }

  .main .main_detail .region_sect .region_top img {
    width: 5rem;
  }

  .emotion .emotion_list .card .info_emo {
    width: calc(100% - 26.5rem);
  }

  .emotion .emotion_list .card .info_emo .price .prd_price p {
    letter-spacing: -1px;
    color: #252525;
    font-size: max(12px, 3rem);
    line-height: 1.3;
  }

  .main .main_detail {
    background: #fff;
    flex-direction: column;
    align-items: center;
    gap: 5rem;
    padding: 5rem 0 1.9231rem;
    display: flex;
    position: relative;
  }

  .main .main_detail .region_sect .region_top h2 {
    letter-spacing: -1px;
    color: #252525;
    font-size: max(12px, 6rem);
    font-weight: bold;
    line-height: 1.4;
    position: relative;
  }

  .main .main_detail .region_content p {
    letter-spacing: -1px;
    color: #252525;
    font-family: Gmarket Sans;
    font-size: max(12px, 5rem);
    line-height: 1.3;
  }

  .main_visual {
    background: unset;
    height: unset;
  }

  .pocket_sect {
    padding: 6rem 0 10.5rem;
  }

  .main .main_coupon {
    display: none;
  }

  .search-container {
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    width: 100%;
    display: flex;
  }

  .main .search-input {
    border: 1px solid #ddd;
    outline: none;
    min-width: 41.1rem;
    font-size: max(12px, 2.7rem);
    border-radius: var(--qc-radius-control, 8px) !important;
    padding: 4rem 2.5rem !important;
  }

  .main .btn_show_select {
    width: unset;
    border-radius: var(--qc-radius-xs, 4px);
    text-align: center;
    color: #000;
    background-color: #fff;
    border: 1px solid #c6c6c6;
    justify-content: center;
    padding: 4rem 5.5rem;
  }

  .main-search-container {
    flex: 1;
    gap: 2.2rem;
  }

  .region_sect {
    width: 100%;
  }

  .search-icon {
    cursor: pointer;
    margin-left: -7rem;
  }

  .pocket_sect .pocket_title {
    margin-bottom: 4rem;
  }

  .pocket_sect .pocket_info .pocket_swiper .info {
    flex-direction: column;
    gap: 2rem;
  }

  .pocket_sect .pocket_info .pocket_swiper .info .images img {
    width: 14.2rem;
  }

  .pocket_sect .pocket_info .pocket_swiper .info .txt p {
    letter-spacing: -1px;
    color: #252525;
    font-size: max(12px, 2.4rem);
    line-height: 1.3;
  }

  .pocket_sect .pocket_title h2 {
    letter-spacing: -2px;
    color: #000;
    font-size: max(12px, 4.2rem);
    font-weight: bold;
    line-height: 1.3;
    position: relative;
  }

  .pocket_sect .pocket_title h2:after {
    content: "";
    z-index: -1;
    background-color: #01edbe;
    width: 100%;
    height: 2rem;
    position: absolute;
    bottom: 1rem;
    left: 0;
  }

  .pocket_sect .pocket_title .ic_plus img {
    width: 4.3rem;
  }

  .pocket_sect .pocket_title .ic_plus {
    margin: -2.6rem 1.5rem 0;
  }

  .pocket_sect .pocket_title .contents {
    letter-spacing: -1px;
    color: #888;
    margin-left: 6.5rem;
    font-size: max(12px, 2.4rem);
    font-weight: 500;
    line-height: 1.3;
  }

  .pocket_sect .pocket_info {
    padding: unset;
    position: relative;
  }

  .emotion .emo_title h2 {
    letter-spacing: -1px;
    color: #252525;
    margin-bottom: 1.5rem;
    font-size: max(12px, 3.6rem);
    font-weight: bold;
    line-height: 1.3;
  }

  .emotion .emo_title p {
    letter-spacing: -1px;
    color: #999;
    font-size: max(12px, 2.4rem);
    line-height: 1.3;
  }

  .pocket_btn.pocket_btn_prev, .pocket_btn.pocket_btn_next {
    display: none;
  }

  .emotion .emotion_list {
    flex-wrap: wrap;
    gap: 3rem 10rem;
    display: flex;
  }

  .emotion .emotion_list .card {
    gap: 3rem;
    width: calc(100% - 3.8rem);
    display: flex;
  }

  .emotion .emotion_list .card .img img {
    border-radius: var(--qc-radius-section, 24px);
    object-fit: cover;
    width: 23.5rem;
    height: 23.5rem;
  }

  .emotion .emotion_list .card .info_emo .title p {
    letter-spacing: -1px;
    color: #252525;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: max(12px, 2.8rem);
    font-weight: 400;
    line-height: 1.3;
    display: -webkit-box;
    overflow: hidden;
  }

  .emotion .emotion_list .card .info_emo .detail {
    letter-spacing: -1px;
    color: #999;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    min-width: 0;
    margin: 2rem 0 1.5rem;
    font-size: max(12px, 2.4rem);
    line-height: 1.3;
    display: -webkit-box;
    overflow: hidden;
  }

  .emotion .emotion_list .card .info_emo .cate {
    letter-spacing: -1px;
    color: #555;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 1rem;
    font-size: max(12px, 2.2rem);
    font-weight: 300;
    line-height: 1.3;
    display: -webkit-box;
    overflow: hidden;
  }

  .prd_price {
    color: #252525 !important;
    font-size: max(12px, 3rem) !important;
  }

  .emo_social .social p {
    color: #555;
    font-size: max(12px, 2.2rem);
  }

  .emo_social .social img {
    width: 2.6rem;
  }

  .request_travel .travel_title h2 {
    text-align: center;
    letter-spacing: -1px;
    color: #252525;
    margin-bottom: 2.5rem;
    font-size: max(12px, 3.6rem);
    font-weight: bold;
    line-height: 1.3;
  }

  .request_travel .travel_title p {
    text-align: center;
    letter-spacing: -1px;
    color: #999;
    font-size: max(12px, 2.4rem);
    line-height: 1.3;
  }

  .request_travel .sec_content {
    flex-direction: column;
    gap: 9rem;
    display: flex;
  }

  .request_travel .side {
    border-radius: var(--qc-radius-section, 24px);
    border: 2px solid #dbdbdb;
    width: 100%;
    height: 78rem;
    padding: 2.3rem 5.2rem 0;
    position: relative;
  }

  .relative.new {
    height: 70rem;
    overflow: hidden;
  }

  .request_travel .view_more p {
    color: #fff;
    margin-top: -1.6rem;
    font-size: max(12px, 2.4rem);
    font-weight: 400;
  }

  .request_travel .view_more {
    cursor: pointer;
    z-index: 3;
    background: url("/images/main/view_more_green.png") center no-repeat;
    justify-content: center;
    align-items: center;
    width: 6.5rem;
    height: 8.1rem;
    display: flex;
    position: absolute;
    top: 1.5rem;
    right: 3.5rem;
    transform: translateY(-50%);
  }

  .request_travel .side .item h2 {
    letter-spacing: -1px;
    color: #252525;
    margin-bottom: 1rem;
    font-size: max(12px, 2.8rem);
    font-weight: bold;
    line-height: 1.3;
  }

  .request_travel .side .item .ttl_ {
    letter-spacing: -1px;
    color: #252525;
    font-size: max(12px, 2.4rem);
    font-weight: 300;
    line-height: 1.3;
  }

  .request_travel .side .item .info {
    color: #777;
    align-items: center;
    gap: 2rem;
    margin-top: 1.5rem;
    font-size: max(12px, 2.4rem);
    display: flex;
  }

  .request_travel .side .item .info img {
    width: 30px;
    height: 30px;
  }

  .request_travel .side .item img {
    object-fit: cover;
    border-radius: 50%;
    width: 65px;
    height: 65px;
  }

  .booking_sect .booking_ttl h2 {
    letter-spacing: -1px;
    color: #252525;
    font-size: max(12px, 3.6rem);
    font-weight: bold;
    line-height: 1.3;
  }

  .booking_sect .booking_category {
    flex-direction: column;
    gap: 2.2rem;
    margin: 2rem 0 3rem;
    display: flex;
  }

  .booking_sect .booking_category .category {
    text-align: center;
    gap: 3.8rem;
    width: 66.6rem;
    margin-right: auto;
    padding: 3rem 0;
    overflow-y: scroll;
  }

  .booking_sect .booking_category .category li {
    letter-spacing: 0;
    color: #000;
    white-space: nowrap;
    font-size: max(12px, 3rem);
    font-weight: 700;
    line-height: 1.3;
    position: relative;
  }

  .booking_sect .booking_category .item {
    display: none;
  }

  .custom-select {
    width: 17rem;
    display: inline-block;
    position: relative;
  }

  .select-selected {
    border-radius: var(--qc-radius-pill, 999px);
    cursor: pointer;
    color: #154292;
    user-select: none;
    background: #fff;
    border: .2rem solid #154292;
    justify-content: space-between;
    align-items: center;
    gap: 2.5rem;
    width: 17rem;
    margin-left: auto;
    padding: 1.5rem 3rem;
    font-weight: 600;
    display: flex;
  }

  .select-selected img {
    width: 2.4rem;
    height: 1.4rem;
    transition: transform .3s;
  }

  .select-selected.active img {
    transform: rotate(180deg);
  }

  .select-items {
    border-radius: var(--qc-radius-card, 16px);
    z-index: 99;
    text-align: right;
    background: #fff;
    border: 1px solid #154292;
    width: 17rem;
    margin-top: .5rem;
    margin-left: auto;
    padding-right: 1rem;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }

  .select-items div {
    cursor: pointer;
    color: #154292;
    padding: .8rem 1.6rem;
    font-weight: 500;
  }

  .select-items div:hover {
    color: #fff;
    background: #154292;
  }

  .booking_sect .booking_list {
    flex-wrap: wrap;
    gap: 3.4rem 3rem;
    width: 100%;
  }

  .booking_sect .booking_list .booking_product {
    width: calc(50% - 1.5rem);
    display: block;
  }

  .booking_sect .booking_product .breadcrumb {
    white-space: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    margin: 3.5rem -1.5rem 2rem;
    display: flex;
  }

  .booking_sect .booking_product .breadcrumb li {
    width: auto;
    min-width: 1rem;
  }

  .booking_sect .booking_product .breadcrumb_item {
    color: #757575;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-size: max(12px, 2.4rem);
    display: -webkit-box;
    position: relative;
    overflow: hidden;
    max-width: 30% !important;
  }

  .booking_sect .booking_product .title h2 {
    color: #252525;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    white-space: wrap;
    -webkit-box-orient: vertical;
    font-size: max(12px, 2.8rem);
    font-weight: 500;
    display: -webkit-box;
    overflow: hidden;
  }

  .booking_sect .booking_product .product_price {
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1.5rem;
    margin-top: 1.5rem;
    display: flex;
  }

  .booking_sect .booking_product .product_price strong {
    color: #252525;
    font-size: max(12px, 3.1rem);
    font-weight: 700;
  }

  .booking_sect .booking_product .product_price span {
    color: #757575;
    font-size: max(12px, 2.6rem);
  }

  .booking_sect {
    padding-bottom: 8rem;
  }

  .introduction_sect .sec_ttl {
    letter-spacing: -1px;
    color: #252525;
    font-size: max(12px, 3.6rem);
    font-weight: bold;
    line-height: 1.3;
  }

  .introduction_sect .sec_desc {
    letter-spacing: -1px;
    color: #999;
    margin: 2.8rem 0 4.5rem;
    font-size: max(12px, 2.8rem);
    line-height: 1.3;
  }

  .introduction_sect .content-container {
    flex-direction: column;
    gap: 3.4rem;
    width: 100%;
    display: flex;
    position: relative;
  }

  .introduction_sect .block-1 {
    width: 100%;
    position: relative;
  }

  .introduction_sect .main-card-image {
    border-radius: var(--qc-radius-card, 16px);
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .introduction_sect .main-card-content {
    padding-top: 2.8rem;
  }

  .introduction_sect .main-card-title {
    color: #2c3e50;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 2.8rem;
    font-size: max(12px, 2.8rem);
    font-weight: bold;
    display: -webkit-box;
    overflow: hidden;
  }

  .introduction_sect .main-card-description {
    color: #999;
    margin-bottom: 4.5rem;
    font-size: max(12px, 2.4rem);
    line-height: 1.4;
  }

  .introduction_sect .main-card-meta {
    color: #777;
    align-items: center;
    gap: 2rem;
    font-size: max(12px, 2.4rem);
    display: flex;
  }

  .emo_social .social {
    gap: 1rem;
  }

  .wrap_card {
    gap: 3rem;
    display: flex;
  }

  .introduction_sect .main-card-social {
    margin-top: unset;
  }

  .introduction_sect .block-1 .more-btn {
    display: none;
  }

  .introduction_sect .block-1 .more-btn-img {
    color: #fff;
    border-radius: var(--qc-radius-control, 8px);
    background: #353535;
    padding: 1.8rem 3rem;
    font-size: max(12px, 2.6rem);
    font-weight: 300;
    text-decoration: none;
  }

  .gr_wrap {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .introduction_sect .small-card-image {
    border-radius: var(--qc-radius-card, 16px);
    width: 32rem;
    height: 32rem;
    position: relative;
    overflow: hidden;
  }

  .introduction_sect .block-2 {
    width: 100%;
    position: relative;
  }

  .introduction_sect .small-cards-grid {
    flex-wrap: wrap;
    gap: 2rem;
    display: flex;
  }

  .introduction_sect .small-card-title {
    color: #2c3e50;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 32rem;
    margin-top: 2.5rem;
    margin-bottom: 2.8rem;
    font-size: max(12px, 2.6rem);
    font-weight: bold;
    line-height: 1.3;
    display: -webkit-box;
    overflow: hidden;
  }

  .introduction_sect .small-card-meta {
    color: #777;
    align-items: center;
    gap: .8rem;
    max-width: 32rem;
    margin-bottom: 2rem;
    font-size: max(12px, 2.4rem);
    display: flex;
  }

  .introduction_sect .block-3 {
    flex-direction: column;
    flex: 1;
    gap: 2rem;
    margin-top: 2rem;
    display: flex;
    position: relative;
  }

  .introduction_sect .block-3 .right-card-content {
    margin-top: 0;
  }

  .introduction_sect .block-3 .right-card .right-card-flex {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 1.8rem;
  }

  .introduction_sect .right-card-title {
    color: #252525;
    margin-bottom: 2.2rem;
    font-size: max(12px, 2.6rem);
    font-weight: 400;
    line-height: 1.3;
  }

  .introduction_sect .block-3 .right-card-title {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .introduction_sect .right-card-description {
    color: #999;
    margin-bottom: 2.2rem;
    font-size: max(12px, 2.4rem);
    line-height: 1.4;
  }

  .introduction_sect .right-card-image {
    border-radius: var(--qc-radius-card, 16px);
    flex-shrink: 0;
    width: 18.8rem;
    height: 18.8rem;
  }

  .introduction_sect .right-card-meta {
    color: #777;
    font-size: max(12px, 2.4rem);
  }

  .introduction_sect .right-card-content {
    flex: 1;
    margin-top: 1.2rem;
  }

  .introduction_sect .right-card {
    gap: 1.2rem;
    margin-bottom: .6rem;
    display: flex;
  }

  .request_travel .side ._pagination {
    gap: .6rem;
    padding-top: 3.5rem;
    display: flex;
    position: absolute;
    top: 100%;
    right: 50%;
    transform: translateX(50%);
  }

  .beauty_sect .beauty_ttl h2 {
    letter-spacing: -1px;
    color: #252525;
    margin-bottom: 6rem;
    font-size: max(12px, 3.6rem);
    font-weight: bold;
    line-height: 1.3;
  }

  .beauty_btn_prev, .beauty_btn_next {
    display: none;
  }

  .beauty_sect .beauty_info .info .contents .cate p {
    letter-spacing: -1px;
    color: #252525;
    font-size: max(12px, 2.8rem);
    font-weight: 500;
    line-height: 1.3;
  }

  .beauty_sect .beauty_info .info .images img {
    border-radius: var(--qc-radius-section, 24px);
    width: 34rem;
    height: 34rem;
  }

  .beauty_sect .beauty_info .info .contents .title p {
    letter-spacing: -1px;
    color: #999;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 2rem 0 2.5rem;
    font-size: max(12px, 2.6rem);
    line-height: 1.3;
    display: -webkit-box;
    overflow: hidden;
  }

  .beauty_sect .beauty_info .info .contents .price {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }

  .beauty_sect .beauty_info .info .contents .price .price_se {
    letter-spacing: -1px;
    color: #252525;
    font-size: max(12px, 2.9rem);
    font-weight: bold;
    line-height: 1.3;
  }

  .beauty_scrollbar {
    border-radius: var(--qc-radius-xs, 4px);
    background: #dcdcdc;
    height: .6rem;
    margin-top: 5rem;
  }

  .beauty_scrollbar .swiper-scrollbar-drag {
    border-radius: var(--qc-radius-xs, 4px);
    background: #02e7df;
  }

  .introduction_sect {
    padding: 0 0 8.5rem;
  }

  .beauty_info .beauty_swiper .swiper-wrapper {
    margin-bottom: 7rem;
  }

  .beauty_sect {
    padding-bottom: 7.5rem;
  }

  .story_sect .creator-section {
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    display: flex;
  }

  .story_sect .subtitle {
    letter-spacing: -1px;
    color: #777;
    margin-bottom: 2rem;
    font-size: max(12px, 2.4rem);
    line-height: 1.4;
  }

  .story_sect .title {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #252525;
    font-size: max(12px, 3.4rem);
    font-weight: bold;
    line-height: 1.4;
  }

  .story_sect .highlight-text {
    color: #222;
    z-index: 0;
    font-size: max(12px, 3.4rem);
    font-weight: bold;
    display: inline-block;
    position: relative;
  }

  .story_sect .highlight-text:after {
    content: "";
    z-index: -1;
    background-color: #ffe5c0;
    width: 100%;
    height: 2rem;
    position: absolute;
    bottom: .5rem;
    left: 0;
  }

  .story_sect .arrow.left, .story_sect .arrow.right {
    display: none;
  }

  .story_sect .creator-left {
    margin-top: -2.2rem;
  }

  .story_sect .more-btn-sec9 {
    border-radius: var(--qc-radius-control, 8px);
    color: #fff;
    cursor: pointer;
    background: #000;
    border: 1px solid #ccc;
    margin-top: 3.5rem;
    padding: 1.2rem 2.2rem;
    font-size: max(12px, 2.6rem);
    font-weight: bold;
  }

  .story_sect .creator-card {
    border-radius: var(--qc-radius-section, 24px);
    color: #fff;
    flex-shrink: 0;
    height: 38.4rem;
    position: relative;
    overflow: hidden;
    width: 28.6rem !important;
  }

  .story_sect .creator-card .avatar {
    z-index: 2;
    width: 11.3rem;
    height: 11.3rem;
    position: absolute;
    top: 14%;
    left: 30%;
  }

  .story_sect .creator-card .info h3 {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-bottom: 2rem;
    font-size: max(12px, 2.8rem);
    font-weight: bold;
    line-height: 1.4;
  }

  .story_sect .creator-card .info p {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: max(12px, 2rem);
    font-weight: bold;
    line-height: 1.4;
  }

  .story_sect .creator-card .info .handle {
    margin-top: 2rem;
    font-weight: bold;
  }

  .story_sect .creator-card .info {
    z-index: 2;
    text-shadow: 0 1px 2px #00000080;
    font-size: max(12px, 2.4rem);
    position: absolute;
    bottom: 2%;
    left: 1.6rem;
    right: 1.6rem;
  }

  .emotion {
    padding: 8rem 0 0;
  }

  .story_sect .wrap_right_ {
    width: calc(100% - 27rem);
  }

  .story_sect {
    padding: 0 0 7.5rem;
  }

  .container_healing {
    flex-direction: column;
    margin: auto;
    display: flex;
  }

  .bgr_blue {
    background-color: #f2fdff;
    padding: 7rem 0;
  }

  .header h2 {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #252525;
    margin: 0;
    font-size: max(12px, 3.6rem);
    font-weight: 500;
    line-height: 1.4;
  }

  .header a {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #252525;
    font-size: max(12px, 2.4rem);
    font-weight: bold;
    line-height: 1.4;
  }

  .subtitle {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #777;
    margin-top: 2rem;
    margin-bottom: 3.5rem;
    font-size: max(12px, 2.4rem);
    line-height: 1.4;
  }

  .item {
    gap: 3.5rem;
  }

  .item img {
    border-radius: var(--qc-radius-card, 16px);
    object-fit: cover;
  }

  .item-title {
    letter-spacing: -1px;
    color: #252525;
    margin-bottom: 1.8rem;
    font-size: max(12px, 3rem);
    font-weight: 500;
    line-height: 1.4;
  }

  .item-desc {
    letter-spacing: -1px;
    color: #999;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-bottom: 2rem;
    font-size: max(12px, 2.6rem);
    line-height: 1.4;
    display: -webkit-box;
    overflow: hidden;
  }

  .item-footer {
    color: #555;
    align-items: center;
    gap: 2.2rem;
    font-size: max(12px, 2.6rem);
    display: flex;
  }

  .list {
    flex-direction: column;
    gap: 2.5rem;
    display: flex;
  }

  .more_btn_detail {
    border-radius: var(--qc-radius-pill, 999px);
    cursor: pointer;
    background: #fff;
    border: 1px solid #bcbcbc;
    margin: 6.8rem auto 0;
    padding: 1.5rem 6rem;
    font-size: max(12px, 2.6rem);
    font-weight: 500;
    display: block;
  }

  .introduction_sect .block-2 {
    margin-top: -8rem;
  }

  .flex_mo_notice__body {
    display: none;
  }

  .main_section10 {
    padding-top: 7.7rem;
  }

  .review-title {
    text-align: center;
    margin-bottom: 4.5rem;
    font-size: max(12px, 3.2rem);
    font-weight: bold;
  }

  .btn-se10.left-se10, .btn-se10.right-se10 {
    display: none;
  }

  .review-stars img {
    vertical-align: middle;
    width: 2.6rem;
    height: 2.6rem;
  }

  .review-description {
    color: #333;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin: 3rem 2rem 4rem;
    padding: 0;
    font-size: max(12px, 2.4rem);
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
  }

  .review-stars {
    margin-top: 1rem;
    margin-bottom: -1.5rem;
    margin-left: 2rem;
  }

  .review-sub {
    color: #666;
    border-top: 1px solid #eee;
    height: 100%;
    max-height: 9.2rem;
    margin: 1.5rem 2rem;
    padding: 1rem 0 0;
    font-size: max(12px, 2.3rem);
  }

  .review-rating {
    color: #888;
    margin: 0;
    padding: 0 2rem 1rem;
    font-size: max(12px, 2.3rem);
  }

  .more-btn-sec10 {
    display: none;
  }

  .wrap_all {
    margin-bottom: 10rem;
  }

  .review_scrollbar {
    border-radius: var(--qc-radius-xs, 4px);
    background: #dcdcdc;
    height: .6rem;
    margin-top: 4rem;
  }

  .review_scrollbar .swiper-scrollbar-drag {
    border-radius: var(--qc-radius-xs, 4px);
    background: #02e7df;
  }

  .review-slider {
    margin-bottom: 5rem;
  }

  .quick-header-footer .icon-wrap-social .robot-container, .quick-header-footer .icon-wrap-social .info_chat {
    display: block;
  }

  .review-card {
    border-radius: var(--qc-radius-card, 16px);
    background-color: #fff;
    border: 1px solid #e0e0e0;
    width: 42rem;
    height: 72rem;
    overflow: hidden;
  }

  .review-card .review-img {
    object-fit: cover;
    border-bottom: 1px solid #eee;
    width: 100%;
    height: 41.5rem;
  }

  .emotion .emotion_list .card .info_emo .price .prd_price .price_16, .beauty_sect .beauty_info .info .contents .price .price_se span {
    font-size: max(12px, 2.4rem);
  }

  .owl-prev, .owl-next {
    display: none;
  }

  .main_section2 > .body_inner > .ttl {
    font-size: max(12px, 3.8rem);
  }

  .swiper_pagination_main_swiper2_box {
    justify-content: center;
    align-items: center;
    margin-top: 5rem;
    display: flex;
    scale: 1.4;
  }

  .hot_product_list_swiper_1_btn_prev, .hot_product_list_swiper_1_btn_next, .hot_product_list_swiper_2_btn_prev, .hot_product_list_swiper_2_btn_next {
    display: none !important;
  }

  .swiper_pagination_main_swiper2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .swiper_pagination_main_swiper2 .swiper-pagination-bullet-active {
    background: #17469e;
  }

  .main_swiper2__text {
    font-size: max(12px, 3rem) !important;
  }

  .main_section3__head {
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
  }

  .main_section3__head__ttl {
    font-size: max(12px, 3.8rem) !important;
  }

  .main_section3__place_btn {
    font-size: max(12px, 3rem) !important;
  }

  .main_section3__type_btn {
    border-radius: var(--qc-radius-pill, 999px) !important;
    width: 9rem !important;
    height: 5rem !important;
    font-size: max(12px, 2.6rem) !important;
  }

  .main_section3__place_btn.active:after {
    width: 1.2rem !important;
    height: 1.2rem !important;
  }

  .main_section3__place {
    padding: 1rem 0;
  }

  .best_list {
    gap: 4rem 2rem !important;
  }

  .best_list_item {
    width: calc(50% - 1rem);
    margin-bottom: 5rem;
  }

  .breadcrumb_item {
    font-size: max(12px, 2.6rem);
  }

  .prd_name {
    font-size: max(12px, 2.8rem) !important;
  }

  .star_avg, .star_review_cnt {
    font-size: max(12px, 2.6rem);
  }

  .prd_price_ko {
    font-size: max(12px, 3.2rem) !important;
  }

  .prd_price_ko > span, .prd_price_thai {
    font-size: max(12px, 2.6rem) !important;
  }

  .main_section4_community {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .community_item {
    border-radius: var(--qc-radius-pill, 999px);
    border-width: 2px;
    justify-content: center;
    width: 32rem;
    height: 11.8rem;
  }

  .community_item_name {
    font-size: max(12px, 2.8rem);
  }

  .community_item_bread:after {
    content: "";
    z-index: 1;
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(45deg);
  }

  .community_item_img {
    background-color: #eeeff8;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 6.6rem;
    height: 6.6rem;
    display: flex;
  }

  .community_item {
    text-wrap: nowrap;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 3rem;
    display: grid;
  }

  .main_section5__head_ttl {
    font-size: max(12px, 3.8rem);
  }

  .words_list_item {
    border-radius: var(--qc-radius-pill, 999px);
    height: 7.2rem;
    padding: 2rem 3rem;
    font-size: max(12px, 2.8rem);
    border-width: 3px !important;
  }

  .main_hot__head_ttl {
    font-size: max(12px, 3.8rem);
  }

  .main_hot__head__place {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .place_item {
    border-radius: var(--qc-radius-pill, 999px);
    border-width: .2rem;
    height: 6rem;
    padding: 0 3rem;
    font-size: max(12px, 2.6rem);
  }

  .btn_more_hot_product {
    border-radius: var(--qc-radius-pill, 999px);
    border-width: 2px;
    width: 37.5rem;
    height: 8.5rem;
    font-size: max(12px, 2.8rem);
  }

  .main_section7__banner {
    flex-direction: column;
    gap: 3rem;
  }

  .main_section7__banner__item {
    width: 100%;
  }

  .hot_product_list_swiper_pagination_1 .swiper-pagination-bullet-active, .hot_product_list_swiper_pagination_2 .swiper-pagination-bullet-active {
    background: #17469e;
  }

  .hot_product_list_swiper_pagination_2 .swiper-pagination-bullet {
    scale: 1.4;
  }

  .btn_more_hot_product {
    margin-top: 6.5rem;
  }

  .main_section9__row {
    flex-direction: column;
    gap: 7rem;
  }

  .main_section9__col {
    width: 100%;
  }

  .main_section9__head__ttl {
    font-size: max(12px, 3.8rem);
    line-height: 1.2;
  }

  .btn_more {
    font-size: max(12px, 2.8rem);
    font-weight: bold;
  }

  .magazine_swiper {
    margin-bottom: 5rem;
  }

  .prd__item__left {
    width: 22rem;
  }

  .main_section_review__head_ttl {
    font-size: max(12px, 3.8rem);
  }

  .eye_cnt {
    font-size: max(12px, 2.6rem);
  }

  .eye_icon {
    width: 2.4rem;
    height: 1.8rem;
    margin-top: .5rem;
  }

  .prd_description {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 41rem;
    font-size: max(12px, 2.6rem);
    overflow: hidden;
  }

  .main_section_review__list {
    margin-top: 10rem;
  }

  .main_section_review__head__more_review {
    font-size: max(12px, 2.8rem);
    top: 10rem;
    right: 2rem;
  }

  .review__list_swiper_btn_prev {
    border-radius: var(--qc-radius-xs, 4px);
    z-index: 1;
    background-color: #fffc;
    border: 1px solid #dbdbdb;
    justify-content: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    display: flex;
    position: absolute;
    top: -3rem;
    left: 0;
    transform: translateY(-50%);
  }

  .review__list_swiper_btn_next {
    border-radius: var(--qc-radius-xs, 4px);
    z-index: 1;
    background-color: #fffc;
    border: 1px solid #dbdbdb;
    justify-content: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    display: flex;
    position: absolute;
    top: -3rem;
    left: 7.7rem;
    transform: translateY(-50%);
  }

  .ico_prev_slide, .ico_next_slide {
    width: 3rem;
    height: 3rem;
  }

  .swiper-wrapper-cus-top {
    margin-top: 4rem;
  }

  .review__list__item__type {
    font-size: max(12px, 2.6rem);
  }

  .review__list__item__title {
    font-size: max(12px, 2.8rem);
  }

  .review__list__item__content {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    height: 3em;
    font-size: max(12px, 2.6rem);
    line-height: 1.5em;
    display: -webkit-box;
    overflow: hidden;
  }

  .main_section_magazine__head__ttl {
    font-size: max(12px, 3.8rem);
  }

  .main_section_magazine__head__more {
    font-size: max(12px, 2.8rem);
  }

  .magazine_swiper__pagination .swiper-pagination-bullet-active {
    color: #17469e;
    scale: 1.6;
  }

  .magazine_swiper__pagination .swiper-pagination-bullet {
    scale: 1.6;
  }

  .magazine_swiper__pagination {
    margin-bottom: .5rem;
  }

  .img_box_1 {
    padding-top: 50%;
  }

  .img_box_1_m img {
    object-fit: contain;
  }

  .main_body_container .img_box_1_m img {
    object-fit: cover;
  }

  .main_visual_slider .owl-item:not(.active) .img_box:before {
    background-color: #0000;
  }

  .main_swiper2_btn_next, .main_swiper2_btn_prev {
    display: none;
  }

  .main_section9__col__img {
    margin-bottom: 5rem;
  }

  .main_section9__prd__item {
    margin-bottom: 3rem;
  }

  .main_section9__prd__item + .main_section9__prd__item {
    padding-top: 4rem;
  }

  .breadcrumb_location > .breadcrumb_item + .breadcrumb_item:before {
    content: "";
    background-image: url("/images/ico/ico_breadcrumb.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5rem;
    width: 1.5rem;
    height: 2rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -1.5rem;
    transform: translateY(-50%);
  }

  .breadcrumb {
    align-items: center;
    gap: 26px;
    display: flex;
  }

  .magazine_content_txt {
    color: #fff;
    min-width: 65%;
    font-family: Pretendard;
    font-size: max(12px, 3.2rem);
    font-weight: bold;
    line-height: 1.4;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
  }

  .main_section_review {
    margin: 0;
  }

  .main_section8 {
    padding: 8rem 0 4rem;
  }

  .main_section9 {
    padding: 8rem 0 3rem;
  }

  .main_hot {
    padding: 9rem 0 0;
  }

  .main_section3__head {
    padding: 4rem 0 0;
  }

  .main_section2 {
    padding-top: 8rem;
  }

  .main_section5 {
    padding: 8rem 0 0;
  }

  .main_section4 {
    margin-top: 3rem;
  }

  .main_section5__words_list {
    margin-top: 7rem;
  }

  .main_hot__search {
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
    margin-bottom: 9rem;
    display: flex;
  }

  .main_hot__search button {
    border-radius: var(--qc-radius-pill, 999px);
    color: #fff;
    background-color: #17469ee6;
    padding: 1rem 2rem;
  }

  .body_container.main_body_container {
    padding: 0 2rem;
  }

  .main_body_container .main_section2 .swiper_pagination_main_swiper2 {
    display: none;
  }

  .main_section_magazine {
    margin-top: 9rem;
    padding-bottom: 4rem;
  }

  .main_section_review {
    padding: 9rem 0 6rem;
  }

  .main_section7 {
    padding: 10rem 0 0;
  }

  .swiper-main-tools {
    gap: .9rem !important;
    padding-top: 3rem !important;
  }

  .main_body_container .img_box_1_m {
    padding-top: 60%;
  }

  .main_visual .swiper-button:after, .main_visual .swiper-button.swiper-button-next, .main_visual .swiper-button.swiper-button-prev {
    display: none;
  }

  .best_list {
    margin-top: 5rem;
  }

  .best_list_item .breadcrumb {
    margin-top: 2.8rem;
  }

  .breadcrumb_item {
    margin: 0 .5rem !important;
  }

  .gap_10 {
    gap: 1rem !important;
  }

  .main_section5__words_list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
    display: flex;
  }

  .main-page-cus-css-mobile .prd__item__right {
    max-width: calc(100% - 29rem);
  }

  .main-page-cus-css-mobile .community_item_bread {
    height: 1.8rem;
    position: unset;
    margin-left: unset;
    width: unset;
  }

  .main-page-cus-css-mobile .main_section7__banner__item .text-content h3 {
    margin-bottom: -.6rem;
    font-size: max(12px, 3.4rem);
    line-height: 5rem;
  }

  .main-page-cus-css-mobile .prd_price_thai {
    padding-bottom: .3rem;
  }

  .main-page-cus-css-mobile .next-icon-m {
    width: 1.1rem;
    height: 2rem;
  }

  .hotel-main-page-cus-css-mobile .form_gr_ {
    border-width: .3rem;
    width: 62rem;
    height: 10rem;
  }

  .hotel-main-page-cus-css-mobile .main_visual_content_ label {
    top: 1.1rem !important;
  }

  .hotel_day_popup_ {
    top: 0;
    left: -1.5rem;
  }

  .hotel_day_popup_ .header p {
    font-size: max(12px, 2rem);
  }

  .hotel_day_popup_ .header img {
    width: 1rem;
    height: 1.5rem;
  }

  .hotel_day_popup_ .header {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }

  .hotel_day_popup_content_ {
    border-radius: var(--qc-radius-section, 24px);
    border: 2px solid #dbdbdb;
    width: 69rem;
    padding: 1rem 2rem;
  }

  .hotel_day_popup_ .canl_tabel .body .day {
    width: 9.2rem;
    height: 7.5rem;
  }

  .hotel_day_popup_ .day_area_ {
    width: 100%;
  }

  .hotel_day_popup_ .canl_tabel .body .day span.label span.label {
    border-radius: var(--qc-radius-control, 8px);
    padding: .4rem 1.5rem;
    font-weight: 400;
    position: absolute;
    top: 3.7rem;
    right: .8rem;
    color: #fff !important;
    font-size: max(12px, 2rem) !important;
  }

  .list_day_popup_list_ {
    flex-direction: column;
  }

  .hotel_day_popup_ .date_number {
    top: 1rem;
    right: 1.5rem;
  }

  .hotel_day_popup_ .hotel_day_popup_content_ .list_btn_ .btn_cancel_ {
    letter-spacing: -1px;
    text-transform: uppercase;
    border-radius: var(--qc-radius-control, 8px);
    text-align: center;
    color: #252525;
    background-color: #fff;
    border: .2rem solid #ccc;
    padding: .8rem 1.2rem;
    font-size: max(12px, 2.6rem);
    font-weight: bold;
    line-height: unset !important;
  }

  .hotel_day_popup_ .hotel_day_popup_content_ .list_btn_ .btn_apply {
    letter-spacing: -1px;
    text-transform: uppercase;
    border-radius: var(--qc-radius-control, 8px);
    text-align: center;
    color: #fff;
    background-color: #17469e;
    padding: .8rem 1.2rem;
    font-size: max(12px, 2.6rem);
    font-weight: 400;
    line-height: unset !important;
  }

  .sub_tour_section2 {
    padding: 43rem 0 0;
  }

  .hotel_day_popup_ .hotel_day_popup_content_ .list_btn_ {
    gap: 2rem;
    margin-top: 2rem;
  }

  .form_gr_ p {
    font-size: max(12px, 2.6rem);
  }

  .main_page_01 .main_visual_content_ .form_element_ .form_gr_item_flex_ label {
    right: 2rem !important;
  }

  .form_gr_ {
    border-radius: var(--qc-radius-control, 8px);
    border: .3rem solid #dbdbdb;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    display: flex;
    overflow: hidden;
  }

  .main_sale_banner.visible {
    display: none;
  }

  .review__list__item__content.text_truncate_ {
    max-height: 3.4rem;
  }
}

@media screen and (width <= 1095px) {
  .search__tabs {
    overflow: auto;
  }

  .search__tabs ul {
    gap: 1rem;
    justify-content: unset;
    margin-top: 2rem;
    padding-bottom: 2rem;
  }

  .search__tabs ul li button {
    white-space: nowrap;
    padding: .3rem 1rem;
    font-size: max(12px, 1.2rem);
  }
}

@media screen and (width <= 690px) {
  #iframeContainer {
    height: 500vh;
  }
}

@media screen and (width <= 600px) {
  #iframeContainer {
    height: 555vh;
  }
}

@media screen and (width <= 450px) {
  #iframeContainer {
    height: 575vh;
  }
}

@media screen and (width <= 420px) {
  .search__result__list .product-card-item-container {
    width: calc(50% - 1.5rem);
  }
}

@media screen and (width <= 850px) {
  .spa_option_detail .price {
    margin-left: 0;
  }

  #iframeContainer {
    height: 460vh;
  }

  .search__result__list .product-card-item-container {
    width: calc(50% - 1.9rem);
  }

  .search__result__list .product-card-item-left img {
    width: 34rem;
    height: 32rem;
  }

  .search__result__list {
    gap: 2.6rem;
  }

  .popup_wrap.place_pop .pop_body {
    max-height: 90rem;
    padding: 0;
    overflow-y: auto;
  }

  .popup_place__head {
    border-bottom: 1px solid #222;
    padding-top: 5.5rem;
    padding-bottom: 2.5rem;
  }

  .popup_place__body {
    margin-top: 3rem;
  }

  #policyContent * {
    font-size: max(12px, 2rem) !important;
    line-height: 1.4 !important;
  }

  #policyContent .desc {
    flex-direction: column;
  }

  #policyContent .d-inherit table tr {
    display: inherit !important;
  }

  .departure_name {
    font-size: max(12px, 2.5rem);
  }

  .cursor-pointer-con img {
    cursor: pointer;
    object-fit: cover;
    height: 61.5rem;
  }

  .btn_report {
    margin-top: -1rem;
  }

  .item_check_term_all_ label, .item_check_term_ label {
    font-size: max(12px, 2.6rem);
  }

  .item_check_term_all_, .item_check_term_ {
    background: #fff url("/uploads/icons/form_check_icon.png") 100% / 4.1rem 2.6rem no-repeat;
  }

  .swiper-button-next-vehicle, .swiper-button-prev-vehicle {
    display: none;
  }

  .section_vehicle_1 {
    padding-bottom: 30rem;
  }

  .vehicle_ttl {
    font-size: max(12px, 3.2rem);
  }

  .vehicle_ttl.spe {
    margin-bottom: 3rem;
  }

  .vehicle_ttl span {
    font-size: max(12px, 2.5rem);
  }

  .section_vehicle_2 {
    font-family: Noto Sans CJK KR;
  }

  .section_vehicle_1 .body_inner, .section_vehicle_2 .body_inner {
    padding: 0 3rem;
  }

  .section_vehicle_2__wrap {
    margin-top: -30rem;
    padding: 5rem 0 17rem;
  }

  .section_vehicle_2_1 {
    padding: 0 3.2rem;
  }

  .section_vehicle_2_1__head__ttl span {
    width: 100%;
    margin-left: 0;
    display: inline-block;
  }

  .section_vehicle_2_1__head__icon a {
    border-radius: var(--qc-radius-pill, 999px);
    gap: 1rem;
    width: 23rem;
    height: 6.2rem;
    padding-right: .5rem;
    font-size: max(12px, 2rem);
  }

  .section_vehicle_2_1__head__icon a img {
    width: 2.9rem;
    height: 2.9rem;
  }

  .section_vehicle_2_1__head__icon a img.arrow-slide-vehicle {
    width: 2rem;
    height: 1.5rem;
  }

  .section_vehicle_2_1__body {
    flex-direction: column;
    gap: 3rem;
    margin-top: 6rem;
    font-size: max(12px, 2.8rem);
  }

  .place_chosen {
    grid-template-columns: calc(50% - 4rem) 8rem calc(50% - 4rem);
    row-gap: 2rem;
  }

  .place_chosen > :nth-child(5) {
    display: none;
  }

  .place_chosen > :nth-child(4), .place_chosen > :nth-child(6) {
    grid-column: 1 / span 3;
  }

  .place_chosen .bg_gray {
    border-radius: var(--qc-radius-control, 8px);
    gap: 2rem;
    padding: 2.7rem 2rem;
    font-size: max(12px, 2.5rem);
  }

  .place_chosen__date label {
    gap: 2rem;
    font-size: max(12px, 2.5rem);
  }

  .place_chosen__date {
    padding-right: 2rem !important;
  }

  .place_chosen__start img, .place_chosen__end img {
    width: 1.9rem;
    height: 2.2rem;
  }

  .place_chosen__date img {
    width: 1.8rem;
    height: 2.1rem;
  }

  .place_chosen__people img {
    width: 2.8rem;
    height: 3.4rem;
  }

  .place_chosen__icon img {
    width: 3rem;
    height: 3rem;
  }

  .view_map_btn {
    display: block;
  }

  .view_map_btn img {
    width: 100%;
  }

  .section_vehicle_2_2 {
    margin-top: 10rem;
  }

  .section_vehicle_2_2__head__ttl img {
    width: 2.7rem;
  }

  .section_vehicle_2_2__head__tabs {
    gap: 1.1rem;
    margin-top: 4rem;
  }

  .section_vehicle_2_2__head__tabs__item {
    width: unset;
    border-radius: var(--qc-radius-pill, 999px);
    white-space: nowrap;
    border-width: .2rem;
    height: 7.2rem;
    padding: 0 2.4rem;
    font-size: max(12px, 2.8rem);
  }

  .section_vehicle_2_2__head__tabs__item.active {
    color: #fff;
    background-color: #279eeb;
    border: none;
  }

  .section_vehicle_2_2__airport {
    margin-top: 6rem;
  }

  .section_vehicle_2_2__airport > span {
    margin-right: 7.2rem;
  }

  .section_vehicle_2_2__airport input[type="radio"] + label {
    padding-left: 4.9rem;
    font-size: max(12px, 2.8rem);
  }

  .section_vehicle_2_2__airport input[type="radio"] + label:before {
    border-width: .2rem;
    width: 3.8rem;
    height: 3.8rem;
  }

  .section_vehicle_2_3 {
    margin-top: 10rem;
    padding-bottom: 10rem;
  }

  .section_vehicle_2_3__head__ttl {
    border-bottom-width: .2rem;
    padding-bottom: 3rem;
  }

  .vehicle_list {
    margin-top: 5rem;
  }

  .vehicle_list, .vehicle_list > tbody, .vehicle_list > tbody > tr, .vehicle_list > tbody > tr > td {
    display: block;
  }

  .vehicle_list tr td:last-child {
    vertical-align: middle;
  }

  .vehicle_list tr + tr td {
    padding: 0;
  }

  .vehicle_list tr + tr {
    padding-top: 8rem;
  }

  .vehicle_image {
    border-radius: var(--qc-radius-section, 24px);
    border-width: .2rem;
  }

  .vehicle_info {
    padding: 3.1rem 0 5rem;
  }

  .vehicle_info table {
    margin-top: 2rem;
  }

  .vehicle_info table td, .vehicle_info table td > img {
    vertical-align: middle;
  }

  .vehicle_info table td > img {
    width: 2.3rem;
  }

  .vehicle_info table tr + tr td {
    padding-top: 1.5rem;
  }

  .vehicle_info__name {
    font-size: max(12px, 3rem);
  }

  .vehicle_info__name span {
    font-size: max(12px, 2.5rem);
  }

  .vehicle_info__item {
    font-size: max(12px, 2.6rem);
  }

  .vehicle_price {
    font-size: max(12px, 3rem);
  }

  .vehicle_price span {
    font-size: max(12px, 2.4rem);
  }

  .vehicle_options {
    margin-top: 2rem;
    font-size: max(12px, 2.6rem);
  }

  .vehicle_options__label__vehicle_cnt {
    margin-right: 2.9rem;
  }

  .vehicle_options__select {
    width: 17.2rem;
    height: 7.2rem;
    margin-right: 2rem;
  }

  .vehicle_options__label__vehicle_prd {
    padding-left: 12.4rem;
  }

  input[type="checkbox"] + .vehicle_options__label__vehicle_prd:after {
    content: "";
    background-image: url("/images/ico/checkbox_1.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 7.6rem;
    height: 5.4rem;
    top: -2.2rem;
    left: 1.9rem;
  }

  input[type="checkbox"] + .vehicle_options__label__vehicle_prd:before {
    border: .2rem solid #dbdbdb;
    width: 8.2rem;
    height: 7.2rem;
  }

  input[type="checkbox"]:checked + .vehicle_options__label__vehicle_prd:after {
    content: "";
    background-image: url("/images/ico/checkbox_1_active.png");
  }

  .section_vehicle_2_4 {
    border-bottom: .2rem solid #dbdbdb;
    padding-bottom: 8rem;
  }

  .section_vehicle_2_4__head__ttl {
    color: #555;
    margin-top: 8rem;
    font-size: max(12px, 2.6rem);
  }

  .vehicle_ttl__link {
    margin-left: 4rem;
    font-size: max(12px, 2.4rem);
  }

  .vehicle_synthetic {
    flex-wrap: wrap;
    margin-top: 4.5rem;
  }

  .vehicle_synthetic > :first-child {
    width: 20rem;
    padding-left: 6rem;
  }

  .vehicle_synthetic > :nth-child(2) {
    width: 17rem;
  }

  .vehicle_synthetic > :nth-child(3) {
    width: 6rem;
  }

  .vehicle_synthetic > :nth-child(4) {
    width: 20rem;
  }

  .vehicle_synthetic > :nth-child(5) {
    width: 6rem;
    padding-top: 0;
  }

  .vehicle_synthetic > :nth-child(6) {
    width: 17rem;
    padding-top: 0;
  }

  .vehicle_synthetic > :nth-child(7) {
    width: 28rem;
    padding-top: 4rem;
  }

  .vehicle_coupon {
    align-items: flex-end;
    gap: 1rem;
  }

  .vehicle_synthetic__ttl, .vehicle_synthetic__txt {
    font-size: max(12px, 2.4rem);
  }

  .vehicle_synthetic__ttl {
    margin-bottom: 4rem;
  }

  .minus_ico {
    width: 2.5rem;
    height: .6rem;
  }

  .equal_ico {
    width: 2.5rem;
    height: 1.6rem;
  }

  .equal_ico:after, .equal_ico:before {
    top: 1rem;
  }

  .equal_ico:before {
    top: 0;
  }

  .vehicle_all_price, .vehicle_all_price span {
    font-size: max(12px, 3rem);
  }

  .vehicle_all_price .all_price {
    font-size: max(12px, 3.4rem);
  }

  .equal_ico:after, .equal_ico:before {
    height: .6rem;
  }

  .coupon_btn, .point_btn {
    border-radius: var(--qc-radius-pill, 999px);
    width: 23rem;
    height: 6.2rem;
    font-size: max(12px, 2.6rem);
  }

  .section_vehicle_2_4__foot {
    margin-top: 6rem;
    font-size: max(12px, 2.6rem);
  }

  .section_vehicle_2_5 {
    padding: 8rem 0;
  }

  .section_vehicle_2_5__body {
    flex-direction: column;
    margin-top: 4.5rem;
  }

  .section_vehicle_2_5__body .include_box {
    margin-bottom: 6rem;
  }

  .section_vehicle_2_5__body .sub_label {
    margin-bottom: 3rem;
  }

  .section_vehicle_2_5__body .txt_box p {
    display: flex;
    color: #757575 !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
  }

  .section_vehicle_2_5__body .sub_label i {
    background-size: 100% 100%;
    width: 2.8rem;
    height: 2.8rem;
    margin-right: 1rem;
  }

  .section_vehicle_2_5__body .include_box .sub_label i {
    background-image: url("/images/ico/view_ok_ico.png");
  }

  .section_vehicle_2_5__body .no_include_box .sub_label i {
    background-image: url("/images/ico/view_no_ico.png");
  }

  .section_vehicle_2_6 {
    padding: 7.5rem 0 0;
  }

  .section_vehicle_2_6__body {
    font-weight: 600;
    margin-top: 3.5rem !important;
    font-size: max(12px, 2.8rem) !important;
  }

  .section_vehicle_2_6__body > ul {
    margin-left: 3rem;
  }

  .section_vehicle_2_6__body > ul > li {
    list-style: decimal;
  }

  .section_vehicle_2_7 {
    padding: 11.5rem 0 0;
  }

  .section_vehicle_2_7__body table {
    border-top: .2rem solid #333;
    margin-top: 2.8rem;
    display: block;
  }

  .section_vehicle_2_7__body table colgroup {
    display: none;
  }

  .section_vehicle_2_7__body table tr {
    border-bottom: .2rem solid #ddd;
    padding: 4rem 0;
    display: block;
  }

  .section_vehicle_2_7__body table th, .section_vehicle_2_7__body table td {
    padding: 0;
    font-size: max(12px, 2.6rem);
    font-weight: 600;
    display: block;
  }

  .section_vehicle_2_7__body table th br {
    display: none;
  }

  .section_vehicle_2_7__body table td {
    margin-top: 3rem;
    font-weight: 600;
  }

  .meeting_time {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
  }

  .meeting_time__date {
    width: 100%;
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 2.5rem;
  }

  .meeting_time select:not(:first-child) {
    margin-left: 0;
  }

  .meeting_time label {
    margin-right: 2.5rem;
  }

  .meeting_time select {
    width: 24.8rem;
    height: 9rem;
    margin-left: 2.5rem;
    margin-right: 1rem;
  }

  .popup_wrap .meeting_time select {
    margin-left: 2.4rem !important;
  }

  .popup_wrap .destination, .popup_wrap .departure {
    align-items: center;
    gap: 2rem;
    display: flex;
  }

  .section_vehicle_2_7 input[type="text"] {
    height: 9rem;
  }

  .departure__note {
    margin-top: 3.1rem;
    font-size: max(12px, 2.6rem);
    font-weight: 400;
  }

  .other_irregularities {
    height: 18rem;
    padding-top: 2.2rem;
    font-size: max(12px, 2.4rem);
    line-height: 1.4;
  }

  .other_irregularities::placeholder {
    font-size: max(12px, 2.4rem);
  }

  .section_vehicle_2__wrap .policy_wrap {
    border-radius: var(--qc-radius-card, 16px);
    background-color: #f3f5f7;
    margin-top: 3rem;
    padding: 4rem;
  }

  .section_vehicle_2__wrap .title-second {
    margin-bottom: 2rem;
    font-size: max(12px, 2.6rem);
  }

  .phone_number {
    gap: 2rem;
  }

  .phone_number > * {
    width: calc(33.3333% - 1.33333rem) !important;
  }

  .phone_number select {
    border: .2rem solid #757575;
    height: 9rem;
  }

  .contact_email {
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .contact_email > select {
    height: 9rem;
    margin-left: 1.5rem;
    width: calc(33.3333% - 1.33333rem) !important;
  }

  .contact_email > input {
    width: 20rem !important;
  }

  .section_vehicle_2_7__btn_wrap {
    gap: 2rem;
    margin-top: 10rem;
  }

  .section_vehicle_2_7__btn_wrap .btn_add_cart, .section_vehicle_2_7__btn_wrap .btn_submit {
    border-radius: var(--qc-radius-control, 8px);
    flex: 1;
    width: auto;
    height: 10rem;
    font-size: max(12px, 2.8rem);
  }

  .img_box_re_img {
    width: 100%;
    max-height: 61.5rem;
  }

  .swiper-main-tools .play_pause {
    cursor: pointer;
    background-color: #fff;
    border: .21rem solid #dbdbdb;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    display: flex;
  }

  .img_box_re .title_box {
    height: 12rem;
  }

  .img_box_re .title_box .text_img_box_re {
    font-size: max(12px, 3.2rem);
    left: 3rem;
  }

  .tag-red {
    z-index: 99999;
    position: absolute;
    top: 3rem;
    left: 5rem;
    transform: translateY(1.5rem);
  }

  .pause, .play {
    width: 1.3rem;
    height: 2.3rem;
  }

  .ticket-tool-l > p {
    font-size: max(12px, 3.8rem);
    font-weight: bold;
  }

  .ticket-tool {
    justify-content: space-between;
    align-items: center;
    padding-top: 8rem;
  }

  .ticket-tool-r {
    justify-content: space-between;
    align-items: center;
  }

  .ticket-tool-r input {
    border-radius: var(--qc-radius-pill, 999px);
    height: 6.6rem !important;
  }

  .ticket-s-i {
    width: 3rem;
    height: 3rem;
    font-size: max(12px, 2.8rem);
    position: absolute;
    top: 2rem;
    right: 3rem;
  }

  .btn-gr-ticket button {
    color: #757575;
    border-radius: var(--qc-radius-pill, 999px);
    border: .21rem solid #dcdcdc;
    margin-top: 10px;
    padding: 1rem 1.8rem;
    font-size: max(12px, 2.8rem);
  }

  .list-ticket-grid {
    grid-template-columns: 33.9rem 33rem;
    display: grid;
  }

  .list-ticket-item {
    max-width: 32rem;
    margin-bottom: 4rem;
  }

  .list-ticket-item .img_box img {
    min-width: 33rem;
  }

  .breakcum p {
    color: #757575;
    margin: 2rem 0;
    font-size: max(12px, 2.4rem) !important;
  }

  .prd_name p {
    color: #222;
    letter-spacing: -.04em;
    font-size: max(12px, 2.8rem);
  }

  .prd_info__left > span, .prd_info__right > span {
    font-size: max(12px, 2.6rem);
  }

  .prd_price_ko_m .prd_price {
    color: #222 !important;
    font-size: max(12px, 3.2rem) !important;
  }

  .prd_info_m {
    margin: 2.5rem 0 !important;
  }

  .ko_m_price {
    font-size: max(12px, 2.6rem) !important;
  }

  .y_price {
    font-weight: 500;
  }

  .select-tool select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--qc-radius-control, 8px);
    background: #fff url("../../uploads/icons/arrow-select-m.png ") right .3rem center / 2.4rem no-repeat;
    outline: none;
    width: 100%;
    height: 4rem;
    padding-left: 0;
    padding-right: 0;
    font-size: max(12px, 2.3rem);
  }

  .ico_star {
    width: 2.2rem;
    height: 2.2rem;
    margin-right: .5rem;
  }

  .prd_list_pagination__btn__text, .prd_list_pagination__btn__pages {
    font-size: max(12px, 2.8rem);
  }

  .prd_list_pagination__btn {
    font-weight: 500;
    border-radius: var(--qc-radius-pill, 999px) !important;
    border-width: .21rem !important;
    width: 32rem !important;
    height: 8rem !important;
  }

  .notice__ttl {
    font-size: max(12px, 3.2rem) !important;
  }

  .notice_item__icon, .notice_swiper_btn {
    border-width: .21rem !important;
  }

  .prd_list_pagination__btn svg {
    width: 3.5rem;
    height: 3rem;
  }

  .body_inner {
    max-width: unset;
    margin: 0 auto;
    padding: 0 2rem;
  }

  .main_page_01 .body_inner {
    margin: 0 auto;
    padding: 0 3rem;
  }

  .mid-banner-ticket > .only_mo {
    width: 100%;
  }

  .mid-banner-ticket .box-text {
    top: 8rem;
    left: 3rem;
  }

  .mid-banner-ticket .box-text h3 {
    color: #fff;
    margin-bottom: 1.6rem;
    font-size: max(12px, 3.6rem);
  }

  .mid-banner-ticket .box-text p {
    color: #fffc;
    font-size: max(12px, 2.6rem);
    font-weight: 300;
  }

  .select-tool {
    width: 25rem;
    height: 6rem;
    font-size: max(12px, 1.6rem);
    display: inline-block;
    position: relative;
  }

  .list-ticket-grid {
    gap: 2rem;
    max-width: 120rem;
    margin: 0 auto;
    padding-bottom: 10rem;
  }

  .hotel-custom-form .card-left {
    padding: 3rem;
  }

  .hotel-custom-form .card-left .section1-img {
    border-bottom: .21rem solid #eee;
    padding-bottom: 6rem;
  }

  .hotel-custom-form .card-left .img-left {
    border-radius: var(--qc-radius-control, 8px);
    width: 60rem;
    height: 42rem;
  }

  .hotel-custom-form .card-left .img-left img {
    border-radius: var(--qc-radius-control, 8px);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
  }

  .hotel-custom-form .card-left .des-h {
    line-height: 3.5rem;
  }

  .hotel-custom-form .card-left .section1-img {
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    display: flex;
  }

  .hotel-custom-form .card-left .content-right .title-h {
    margin-bottom: 3rem;
    font-size: max(12px, 3rem);
    font-weight: 600;
  }

  .hotel-custom-form .card-left .content-right .sub-title-h {
    margin-bottom: 2rem;
    font-size: max(12px, 2.6rem);
    font-weight: 500;
  }

  .hotel-custom-form .des-h .card-left {
    line-height: 5rem;
  }

  .hotel-custom-form .card-left .content-right .des-h p {
    line-height: unset;
  }

  .hotel-custom-form .card-left .title-font-22 {
    margin: 6rem 0 4rem;
    font-size: max(12px, 3.2rem);
  }

  .hotel-custom-form .card-left .section2-con {
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.5rem;
    display: flex;
  }

  .hotel-custom-form .card-left .section2-con input {
    border-width: .21rem;
    width: 28.399rem;
    height: 7.2rem;
  }

  .hotel-custom-form .card-left .section2-con .sub_btn {
    color: var(--bs-point);
    border: .21rem solid var(--bs-point);
    border-radius: var(--qc-radius-xs, 4px);
    background-color: #fff;
    height: 7.2rem;
    padding: 1.2rem 3.7rem;
    font-size: max(12px, 2.6rem);
  }

  .hotel-custom-form .card-left .section2-con .primary_btn {
    color: #fff;
    background-color: var(--bs-point);
    border-radius: var(--qc-radius-xs, 4px);
    height: 7.2rem;
    padding: 1.2rem 3.7rem;
    font-size: max(12px, 2.6rem);
  }

  .hotel-custom-form .card-left .section2-button {
    border-bottom: .21rem solid #eee;
    padding-bottom: 6rem;
  }

  .hotel-custom-form .card-left .container-relative {
    position: relative;
  }

  .hotel-custom-form .card-left .container-relative .text-p {
    font-size: max(12px, 2.6rem);
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
  }

  .hotel-custom-form .card-left .tag-list {
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    display: flex;
  }

  .hotel-custom-form .card-left .tag-list .tag-h {
    border-radius: var(--qc-radius-card, 16px);
    border: .21rem solid #ccc;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5rem;
    width: 28.9rem;
    height: 28.9rem;
    display: flex;
  }

  .hotel-custom-form .card-left .tag-list .tag-h.active {
    color: var(--bs-point);
    border-color: var(--bs-point);
  }

  .hotel-custom-form .card-left .tag-list .tag-h span {
    font-size: max(12px, 2.8rem);
    font-weight: 600;
  }

  .hotel-custom-form .card-left .tag-list .tag-h img {
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 6rem;
  }

  .hotel-custom-form .card-right2 {
    margin-top: unset !important;
  }

  .hotel-custom-form .below-des-price {
    color: #999;
    font-size: max(12px, 2.5rem);
    line-height: 3.3rem !important;
  }

  .customer-form-page .container-card .item-info-check {
    border-radius: var(--qc-radius-control, 8px);
    justify-content: space-between;
    align-items: center;
    margin: 1.6rem 1.4rem;
    font-size: max(12px, 2.5rem);
    display: flex;
  }

  .customer-form-page .container-card .item-info-check img, .customer-form-page .container-card .item-info-check-first img {
    width: 4.1rem;
    height: 2.6rem;
  }

  .customer-form-page .container-card .btn-order {
    background-color: var(--bs-point);
    color: #fff;
    border-radius: var(--qc-radius-control, 8px);
    width: 100%;
    height: 10rem;
    margin-top: 7rem;
    padding: 1.2rem 5rem;
    font-size: max(12px, 3.2rem);
    font-weight: bold;
  }

  .customer-form-page .container-card .btn-order + .btn-order {
    margin-top: 3rem;
  }

  .hotel-custom-form .card-right2 {
    height: unset;
  }

  .hotel-custom-form .container-card {
    margin-bottom: 14rem;
  }

  .customer-form-page .content-main {
    align-items: center;
    gap: 1.4rem;
    display: flex;
  }

  .customer-form-page .content-main .container-card {
    gap: 2rem;
    margin-top: 2rem;
    display: flex;
  }

  .customer-form-page .item-n img {
    width: .9rem;
    height: 1.5rem;
  }

  .customer-form-page .container-card {
    flex-direction: column;
    gap: 3rem;
    display: flex;
  }

  .customer-form-page .container-card .card-left {
    border-radius: var(--qc-radius-section, 24px);
    background-color: #fff;
    width: 100%;
    padding: 4rem 3rem;
    box-shadow: 0 .8rem 2.4rem #959da533;
  }

  .customer-form-page .container-card .card-right2 {
    border-radius: var(--qc-radius-section, 24px);
    background-color: #fff;
    width: 100%;
    padding: 4rem 3rem 6rem;
    box-shadow: 0 .8rem 2.4rem #959da533;
  }

  .customer-form-page .container-card .item-info-r span:first-child {
    width: unset;
  }

  .customer-form-page .item-n .label-n {
    font-size: max(12px, 2.4rem);
  }

  .customer-form-page .navigation-section {
    height: 29rem;
  }

  .customer-form-page .item-n .number-n {
    color: var(--bs-point);
    border-radius: var(--qc-radius-pill, 999px);
    background-color: #fff;
    width: 4rem;
    height: 4rem;
    padding: .4rem 1.3rem;
    font-size: max(12px, 2.6rem);
  }

  .customer-form-page .item-n {
    color: #fff;
    align-items: center;
    gap: 1.2rem;
    margin-top: 4rem;
    display: flex;
  }

  .customer-form-page .main-section {
    margin-top: -17.5rem;
  }

  .banner-ticket {
    margin-top: 3rem;
    position: relative;
  }

  .golf-custom-page .text_img_box_re_sub {
    color: #fff;
    z-index: 2;
    font-size: max(12px, 2.6rem);
    position: absolute;
    bottom: 8.5rem;
    left: 5.5rem;
  }

  .golf-custom-page .text_img_box_re {
    padding-right: 4rem;
    bottom: 14rem;
  }

  .golf-custom-page .sub_tour_section2 {
    padding-top: 5rem;
  }

  .golf-custom-page .banner-middle-tour {
    aspect-ratio: 16 / 9;
    background-image: url("/images/sub/banner__golf01-m.png");
    background-size: contain;
    width: auto;
    height: auto;
    margin-top: 10rem;
  }

  .golf-custom-page .container-middle-tour .son-title {
    margin-bottom: 2rem;
    font-size: max(12px, 3.6rem);
    font-weight: bold;
  }

  .golf-custom-page .container-middle-tour {
    left: 4%;
  }

  .golf-custom-page .container-middle-tour .son-des {
    font-size: max(12px, 2.8rem);
  }

  .golf-custom-page .sub_tour_section5 {
    padding-top: 3rem !important;
  }

  .completed-order-page .img-con img {
    width: 100%;
    height: 59.6rem;
  }

  .completed-order-page .title-main-o {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: max(12px, 3.1rem);
    line-height: 1.3;
  }

  .completed-order-page .title-main-o span {
    height: 3rem;
    padding: .7rem;
    line-height: 3rem;
  }

  .completed-order-page .title-main-o span:after {
    content: "";
    background-color: #aaa;
    width: 2px;
    height: 2.5rem;
    display: inline-block;
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .completed-order-page .sub-title-o {
    text-align: center;
    margin-bottom: 5rem;
    font-size: max(12px, 2.8rem);
    line-height: 4rem;
  }

  .completed-order-page .btb-back-order {
    width: 59rem;
    max-width: 100%;
    height: 9rem;
    font-size: max(12px, 3.2rem);
  }

  .completed-order-page .container-card {
    border-radius: var(--qc-radius-control, 8px);
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    margin: 5rem 0 12.4rem;
    padding: 9rem 0 14rem;
    display: flex;
  }

  .customer-form-page .container-card .card-left {
    border-radius: var(--qc-radius-card, 16px);
    width: 66rem;
    margin-right: unset;
    background-color: #fff;
    padding: 5rem 3rem;
    box-shadow: 0 .8rem 2.4rem #959da533;
  }

  .customer-form-page .container-card .card-left2 {
    width: 66rem;
    height: unset;
    border-radius: var(--qc-radius-control, 8px);
    margin-top: 3rem;
    margin-right: unset;
    background-color: #fff;
    margin-bottom: 0;
    padding: 5rem 3rem;
    box-shadow: 0 .8rem 2.4rem #959da533;
  }

  .customer-form-page .container-card .card-left2 .form-group.spe {
    width: 99% !important;
  }

  .customer-form-page .container-card .card-right {
    width: 66rem;
    height: unset;
    border-radius: var(--qc-radius-control, 8px);
    background-color: #fff;
    box-shadow: 0 .8rem 2.4rem #959da533;
  }

  .customer-form-page .container-card .card-right2 {
    border-radius: var(--qc-radius-control, 8px);
    background-color: #fff;
    width: 66rem;
    margin-top: 3rem;
    margin-bottom: 5rem;
    padding: 5rem 3rem;
    box-shadow: 0 .8rem 2.4rem #959da533;
  }

  .customer-form-page .container-card .item-info-r {
    place-content: center space-between;
    margin-bottom: 1.2rem;
    display: flex;
  }

  .customer-form-page .container-card .item-info-r span:first-child {
    width: 17rem;
    line-height: 4rem;
  }

  .customer-form-page .container-card .item-info-r.item-info-r-border-b {
    border-bottom: .21rem dashed #eee;
    margin-bottom: 2.4rem;
    padding-bottom: 3rem;
  }

  .customer-form-page .container-card .card-right img {
    width: 66rem;
    height: unset;
    border-radius: var(--qc-radius-control, 8px) var(--qc-radius-control, 8px) 0 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .customer-form-page .container-card .card-right .below-right {
    padding: 2rem;
  }

  .customer-form-page .title-main-c {
    margin-bottom: 4rem;
    font-size: max(12px, 3.2rem);
  }

  .customer-form-page .title-sub-c {
    margin-bottom: 3rem;
    font-size: max(12px, 2.8rem);
  }

  .customer-form-page .form-group label {
    margin-bottom: 2.4rem;
    font-size: max(12px, 2.6rem);
    font-weight: 500;
  }

  .customer-form-page .con-form {
    justify-content: unset;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.6rem;
    display: flex;
  }

  .customer-form-page .body_inner {
    padding: 0 3rem;
  }

  .customer-form-page .con-form .form-group input {
    border-radius: var(--qc-radius-xs, 4px);
    border-width: .21rem;
    width: 59rem;
    height: 9rem;
  }

  .customer-form-page .con-form.cus-border-bottom {
    border-bottom: .21rem solid #eee;
    margin-bottom: 4rem;
    padding-bottom: 4rem;
  }

  .customer-form-page .form-group.time-group {
    align-items: center;
    gap: 3rem;
    display: flex;
  }

  .customer-form-page .form-group-second .car-time-hour {
    width: 16rem;
  }

  .customer-form-page .form-group-second {
    align-items: center;
    gap: 1rem;
    display: flex;
  }

  .customer-form-page .form-group-second .select-width, .customer-form-page select {
    background-size: 2.4rem 1.4rem;
    border-width: .21rem;
    width: 22.5rem;
    height: 9rem;
  }

  .customer-form-page .con-form .form-group select {
    width: 59rem;
  }

  .customer-form-page .card-left2 .cus-select-group .email-group select {
    width: 27.5rem;
  }

  .customer-form-page .card-left2 .cus-select-group .email-group input {
    width: 21rem;
    height: 9rem;
  }

  .customer-form-page .time-group .form-group-second {
    flex: 1;
  }

  .customer-form-page .time-group .form-group-second .select-width {
    flex: 1;
    width: auto;
  }

  .customer-form-page .mb-30 {
    margin-bottom: 3rem;
  }

  .customer-form-page .mb-10 {
    margin-bottom: 1rem;
  }

  .customer-form-page input {
    border-radius: var(--qc-radius-xs, 4px);
    border-width: .21rem;
    width: 100%;
    height: 9rem;
    font-size: max(12px, 2.4rem);
  }

  .customer-form-page .container-card .cus-form-group {
    flex-direction: column;
    display: flex;
  }

  .customer-form-page .container-card #extra-requests {
    border-radius: var(--qc-radius-xs, 4px);
    border-width: .21rem;
    height: 25.2rem;
    padding: 3rem;
  }

  .customer-form-page .container-card .title-r {
    margin-bottom: 3rem;
    font-size: max(12px, 2.8rem);
  }

  .customer-form-page .container-card .title-sub-r {
    margin-bottom: 3.2rem;
    line-height: 3.2rem;
  }

  .customer-form-page .container-card .item-info {
    width: 42rem;
    margin-bottom: 1.2rem;
    display: flex;
  }

  .customer-form-page .container-card .item-info.w100, .customer-form-page .container-card .item-info.w100 span {
    width: 100% !important;
  }

  .customer-form-page .container-card .item-info span:first-child {
    width: 10rem;
  }

  .customer-form-page .container-card .item-info-r.font-bold-cus {
    font-weight: bold;
  }

  .customer-form-page .container-card .below-des-price {
    word-break: break-word;
    max-width: 100%;
    margin-bottom: 3rem;
    line-height: 4rem;
  }

  .customer-form-page .container-card .below-title-image {
    align-items: center;
    gap: .5rem;
    margin-bottom: 1.2rem;
    display: flex;
  }

  .customer-form-page .container-card .below-title-image img {
    width: 2.5rem;
    height: 2.5rem;
  }

  .customer-form-page .container-card .color-blue {
    color: var(--bs-point);
  }

  .customer-form-page .container-card .cus-label-r {
    border: .21rem solid #eee;
    margin-top: 2rem;
    margin-bottom: 3rem;
    padding: .8rem 1.2rem;
    display: inline-block;
  }

  .customer-form-page .container-card .item-info-check-first {
    border-radius: var(--qc-radius-control, 8px);
    background-color: #f3f3f3;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding: 1.6rem 1.4rem;
    display: flex;
  }

  .customer-form-page .container-card .item-info-check-first.click {
    background-color: #686868;
  }

  .customer-form-page .below-sub-des {
    font-size: max(12px, 2.5rem);
  }

  .customer-form-page .form-group-radio {
    justify-content: space-between;
    align-items: center;
    width: 48rem;
    margin-top: 2.8rem;
    margin-bottom: 1rem;
    display: flex;
  }

  .customer-form-page [type="radio"]:checked, .customer-form-page [type="radio"]:not(:checked) {
    position: absolute;
    left: -999.9rem;
  }

  .customer-form-page [type="radio"]:checked + label, .customer-form-page [type="radio"]:not(:checked) + label {
    cursor: pointer;
    color: #666;
    padding-left: 5.9rem;
    font-size: max(12px, 2.4rem);
    line-height: 4rem;
    display: inline-block;
    position: relative;
  }

  .customer-form-page [type="radio"]:checked + label:before, .customer-form-page [type="radio"]:not(:checked) + label:before {
    content: "";
    background: #fff;
    border: .21rem solid #ddd;
    border-radius: 100%;
    width: 4.2rem;
    height: 4.2rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .customer-form-page [type="radio"]:checked + label:after, .customer-form-page [type="radio"]:not(:checked) + label:after {
    content: "";
    background: var(--bs-point);
    border-radius: 100%;
    width: 1.8rem;
    height: 1.8rem;
    -webkit-transition: all .2s;
    transition: all .2s;
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
  }

  .customer-form-page [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  .customer-form-page [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .customer-form-page .form-group-cus-4input {
    flex-wrap: wrap;
    align-items: center;
    gap: .8rem;
    margin-bottom: 3rem;
    display: flex;
  }

  .customer-form-page .form-group-cus-4input #user_country {
    width: 98% !important;
  }

  .customer-form-page .card-left2 .form-group-flex {
    align-content: center;
    gap: 1rem;
    display: flex;
  }

  .customer-form-page .form-group-cus-4input input:first-child {
    width: 17.2rem;
  }

  .customer-form-page .form-group-cus-4input input:nth-child(2), .customer-form-page .form-group-cus-4input input:nth-child(3), .customer-form-page .mo-cus-in-3 {
    width: 18rem;
  }

  .customer-form-page .form-group-cus-4input .user_country {
    width: 100%;
  }

  .customer-form-page .form-group-cus-4input input:nth-child(4) {
    width: 31.3% !important;
  }

  .customer-form-page .card-left2 .form-group-flex select {
    width: 27.5rem;
  }

  .customer-form-page .card-left2 .form-group-flex input {
    width: 38.6rem;
  }

  .customer-form-page .card-left2 .cus-select-group {
    align-items: center;
    gap: 1rem;
    display: flex;
  }

  .customer-form-page .card-left2 .cus-select-group input {
    width: 23rem;
  }

  .customer-form-page .radio-gr-mo-cus {
    margin-bottom: 3rem;
  }

  .customer-form-page .mo_mt-30 {
    margin-top: 3rem;
  }

  .customer-form-page .navigation-container-prev .cus-size-home {
    width: 2.2rem;
    height: 2rem;
  }

  .phone_wrap {
    flex-direction: column;
    gap: 0;
  }

  .cart-item-list .navigation-container-prev .cus-size-arrow {
    width: 1rem;
    height: 1.8rem;
  }

  .cart-item-list .title-cart {
    margin-top: 4rem;
    margin-bottom: 4rem;
    font-size: max(12px, 3.8rem);
    font-weight: bold;
  }

  .cart-item-list .cart-item-list-container {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .cart-item-list .form-group input:checked + label:after {
    content: "";
    border: .4rem solid #fff;
    border-width: 0 .4rem .4rem 0;
    width: 1.8rem;
    height: 2.8rem;
    display: block;
    position: absolute;
    top: .2rem;
    left: 1.2rem;
    transform: rotate(45deg);
  }

  .cart-item-list .form-group label:before {
    content: "";
    -webkit-appearance: none;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
    border: .2rem solid #ccc;
    width: 4.2rem;
    height: 4.2rem;
    margin-right: 1.5rem;
    padding: .8rem;
    display: inline-block;
    position: relative;
    box-shadow: 0 .1rem .2rem #0000000d, inset 0 -1.5rem 1rem -1.2rem #0000000d;
  }

  .cart-item-list .cart-left .header-cart {
    border-bottom: .21rem solid #061406;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
  }

  .cart-item-list .cus-size-home {
    width: 2.2rem;
    height: 2rem;
  }

  .cart-item-list .cus-size-arrow {
    width: 1rem;
    height: 1.8rem;
  }

  .cart-item-list .cart-left .header-cart {
    width: 66rem;
  }

  .cart-item-list .header-cart span {
    border-radius: var(--qc-radius-xs, 4px);
    text-align: center;
    color: #757575;
    border: .21rem solid #dbdbdb;
    width: 12rem;
    height: 5.2rem;
    padding: 1rem 0;
    font-size: max(12px, 2.5rem);
  }

  .cart-item-list .table-container.custom-mo .con-up {
    align-items: flex-start;
    gap: 3rem;
    padding: 0 2rem;
    display: flex;
  }

  .cart-item-list .table-container.custom-mo .picture-con {
    width: 21.9999rem;
    height: 20rem;
    position: relative;
    overflow: hidden;
  }

  .cart-item-list .checkbox-group-2 {
    margin: 3rem 0 3rem 2rem;
  }

  .cart-item-list .table-container.custom-mo .picture-con .form-group {
    position: absolute;
    top: -3rem;
    left: -2rem;
  }

  .cart-item-list .form-group input:checked + label:before {
    border: .21rem solid #ccc;
  }

  .cart-item-list .form-group.form-table input:checked + label:before {
    background-color: #fff;
  }

  .cart-item-list .form-group.form-table input:checked + label:after {
    border-color: #000;
  }

  .cart-item-list .table-container.custom-mo .title-p {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 34.5rem;
    margin-bottom: 2rem;
    font-size: max(12px, 3rem);
    display: inline-block;
    overflow: hidden;
  }

  .cart-item-list .table-container.custom-mo .text-right-p {
    width: 34.5rem;
  }

  .cart-item-list .table-container.custom-mo .time-date-p {
    color: #2a459f;
    margin-bottom: 2rem;
  }

  .cart-item-list .table-container.custom-mo .des-p {
    color: #757575;
  }

  .cart-item-list .cart-item-list-container .cart-left {
    width: unset;
  }

  .cart-item-list .table-container {
    border: unset;
  }

  .cart-item-list .table-container.custom-mo .des-space-p {
    margin-top: 2rem;
    padding: 0 2rem;
  }

  .cart-item-list .table-container.custom-mo .item {
    border-bottom: 2.1px solid #dbdbdb;
    width: 66rem;
    padding: 2rem 0 0;
  }

  .cart-item-list .table-container.custom-mo .des-item {
    justify-content: space-between;
    margin-bottom: 2rem;
    display: flex;
  }

  .cart-item-list .table-container.custom-mo .des-item span:nth-child(2) {
    font-size: max(12px, 2.8rem);
    font-weight: 600;
  }

  .cart-item-list .table-container.custom-mo .cus-header {
    background-color: #f9fafb;
    border: .21rem solid #eee;
    margin: 0 0 3rem;
    padding: 2rem;
  }

  .cart-item-list .cart-item-list-container .cart-right {
    border-radius: var(--qc-radius-control, 8px);
    width: 66rem;
    right: unset;
    border: .21rem solid #dbdbdb;
    margin-top: 8rem;
    padding: 2.8rem 2.4rem 6rem;
    position: relative;
  }

  .cart-item-list .cart-item-list-container .title-cr {
    margin-bottom: 2rem;
    font-size: max(12px, 2.8rem);
    font-weight: 600;
  }

  .cart-item-list .cart-item-list-container .item-info-cr:nth-child(3) {
    border-bottom: .21rem dashed #dbdbdb;
    margin-top: 1.6rem;
    margin-bottom: 2.4rem;
    padding-bottom: 3rem;
  }

  .cart-item-list .cart-right .item-info-total-cr {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.4rem;
    font-size: max(12px, 2.7rem);
    font-weight: bold;
  }

  .cart-item-list .cart-right .info-description-p {
    margin-bottom: 3rem;
    font-size: max(12px, 2.5rem);
    line-height: 3rem;
  }

  .cart-item-list .btn-cart {
    background-color: var(--bs-point);
    color: #fff;
    border-radius: var(--qc-radius-control, 8px);
    width: 100%;
    height: 11rem;
    padding: 2.2rem 5rem;
    font-size: max(12px, 3.2rem);
    font-weight: bold;
  }

  .customer-form-page .title-sub-below {
    color: #757575;
    margin-bottom: 2rem;
    font-size: max(12px, 2.5rem);
    line-height: 3.5rem;
  }

  .reservation-form-cus .parent-form-group {
    flex-direction: column;
    gap: 2.4rem;
  }

  .reservation-form-cus .conn-icon {
    gap: 1rem;
  }

  .reservation-form-cus .cus-width-mo input:first-child {
    width: 33.5rem;
  }

  .reservation-form-cus .conn-icon img {
    width: 3.7rem;
    height: 3.7rem;
  }

  .customer-form-page .cus-select-group input:first-child {
    width: 23rem;
    max-width: 23rem;
    height: 9rem;
  }

  .customer-form-page .card-left2 .cus-select-group .email-group select.select-width {
    width: 31.5rem;
  }

  .reservation-form-cus .w-375 {
    width: 100%;
  }

  .customer-form-page .container-card .title-r {
    line-height: 4rem;
  }

  .customer-form-page .container-card .title-sub-r {
    font-size: max(12px, 2.7rem);
  }

  .mt-30 {
    margin-top: 3rem;
  }

  .tour-main-page .banner_section_main_page .banner_section_image {
    background: url("/uploads/sub/banner_tour_1_m.png") center / cover no-repeat;
    height: 24rem;
  }

  .tour-main-page .banner_section_main_page .box-text {
    position: absolute;
    top: 8rem;
    left: 3rem;
  }

  .tour-main-page .banner_section_main_page .box-text .title-box {
    color: #fff;
    margin-bottom: 1.6rem;
    font-size: max(12px, 3.6rem);
  }

  .tour-main-page .banner_section_main_page .box-text .des-box {
    color: #fffc;
    font-size: max(12px, 2.6rem);
    font-weight: 300;
  }

  .tour-main-page .sub_tour_section7_product_list {
    margin-bottom: 0;
  }

  .content-sub-hotel-detail .room-table-item {
    padding-bottom: 3.6rem;
    display: flex;
  }

  .content-sub-hotel-detail .room-table-item-parent .room-table-item {
    justify-content: center;
  }

  .content-sub-hotel-detail .room-table-item-parent .room-table-item .info-price-right {
    align-items: center;
  }

  .content-sub-hotel-detail .room-table-item .selector-container {
    align-items: center;
    font-family: Arial, sans-serif;
    display: flex;
  }

  .content-sub-hotel-detail .room-table-item .label {
    font-size: max(12px, 2.6rem);
    font-weight: unset;
    margin-right: 1rem;
  }

  .content-sub-hotel-detail .room-table-item .number-selector {
    border-radius: var(--qc-radius-xs, 4px);
    text-align: center;
    border: 2px solid #ddd;
    align-items: center;
    width: 20rem;
    height: 12rem;
    display: flex;
    overflow: hidden;
  }

  .content-sub-hotel-detail .room-table-item .number-display {
    text-align: center;
    border: none;
    width: 12rem;
    height: 100%;
    padding: .5rem;
    font-size: max(12px, 2.6rem);
  }

  .content-sub-hotel-detail .room-table-item .number-display::-webkit-outer-spin-button, .content-sub-hotel-detail .room-table-item .number-display::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .content-sub-hotel-detail .room-table-item .buttons {
    flex-direction: column;
    flex: 1;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .content-sub-hotel-detail .room-table-item .button {
    cursor: pointer;
    border: none;
    justify-content: center;
    align-items: center;
    width: 1.8rem;
    height: 1.2rem;
    font-size: max(12px, 1.2rem);
    display: flex;
  }

  .content-sub-product-hotel .below-filter-content .search_keyword {
    max-width: 42rem;
    gap: 2rem !important;
  }

  .content-sub-product-hotel .below-filter-content .search_keyword .btn_search {
    height: 7rem;
    border-radius: var(--qc-radius-xs, 4px) !important;
    padding-right: 2rem !important;
  }

  .content-sub-product-hotel .below-filter-content .search_keyword .btn_search button {
    background: url("/images/ico/keyword_ic.png") center no-repeat;
    background-size: 2.6rem 2.5rem !important;
    width: 3rem !important;
    height: 4.5rem !important;
  }

  .content-sub-hotel-detail .room-table-item .button:active {
    background-color: #ddd;
  }

  .content-sub-hotel-detail .room-table-item .buttons-con-top, .content-sub-hotel-detail .room-table-item .buttons-con-bottom {
    border-top: none;
    border-bottom: 2px solid #dbdbdb;
    border-left: 2px solid #dbdbdb;
    border-right: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .content-sub-hotel-detail .room-table-item .buttons-con-bottom {
    border-bottom: none;
  }

  .content-sub-hotel-detail .room-table-item .info-price-right {
    flex-direction: column;
    align-items: flex-end;
    gap: 2rem;
    display: flex;
  }

  .content-sub-hotel-detail .room-table-item .label-cus1 {
    font-size: max(12px, 2.6rem);
    font-weight: 600;
  }

  .m-pt-32 {
    padding-top: 3.2rem;
  }

  .content-sub-hotel-detail .book-button {
    border-radius: var(--qc-radius-control, 8px);
    border-width: 2px;
    justify-content: center;
    align-items: center;
    height: 6rem;
    padding: 0;
    font-size: max(12px, 2.6rem);
    display: flex;
    width: 20rem !important;
  }

  .content-sub-hotel-detail .btn-book-button {
    background-color: var(--bs-point);
    color: #fff;
    border-radius: var(--qc-radius-xs, 4px);
    width: 100%;
    height: 8rem;
  }

  .custom-hotel-mo .prd_info {
    flex-wrap: wrap;
  }

  .main_page_01 .banner_section_main_page .box-text {
    text-shadow: .2rem .2rem #000;
  }

  .item_search_section {
    padding-top: 11rem;
  }

  .search__summary {
    margin-bottom: 2rem;
    font-size: max(12px, 2.6rem);
  }

  .search__box {
    flex-direction: column;
    gap: 2rem;
  }

  .search__type {
    border-radius: var(--qc-radius-control, 8px);
    width: 100%;
    height: 10rem;
  }

  .search__input {
    border-radius: var(--qc-radius-control, 8px);
    height: 10rem;
  }

  .search__btn {
    border-radius: var(--qc-radius-control, 8px);
    width: 100%;
    height: 9rem;
    font-size: max(12px, 3.2rem);
  }

  .search__tabs {
    overflow: auto;
  }

  .search__tabs ul {
    gap: 2rem;
    justify-content: unset;
    margin-top: 4rem;
    padding-bottom: 2rem;
  }

  .search__tabs ul li button {
    white-space: nowrap;
    padding: .3rem 4rem;
    font-size: max(12px, 2.6rem);
  }

  .search__result {
    margin-top: 8rem;
  }

  .search__result__head .ttl {
    font-size: max(12px, 3.8rem);
  }

  .search__result__head .ttl span {
    margin-left: 2.1rem;
    font-size: max(12px, 2.6rem);
  }

  .search__result__sort {
    display: none;
  }

  .search__result__sort__select {
    border-radius: var(--qc-radius-control, 8px);
    width: 30rem;
    height: 9rem;
  }

  .search__result__list {
    margin-top: 6rem;
  }

  .search__result__list .product-card-item-container {
    flex-direction: column;
    margin-top: 3rem;
    padding-bottom: 7rem;
  }

  .search__result__list .product-card-item-left, .search__result__list .product-card-item-left * {
    width: 33.3rem;
    height: auto;
  }

  .search__result__list .product-card-item-right {
    width: 100%;
    margin-top: 3.5rem;
    margin-left: 0;
  }

  .search__result__list .product-card-item-right .title-container {
    border: none;
    flex-direction: column;
  }

  .search__result__list .product-card-item-right .title-container h2 {
    max-width: 100%;
    font-size: max(12px, 3rem);
  }

  .search__result__list .product-card-item-right .title-container .star-container {
    gap: 1.9rem;
    display: flex;
  }

  .search__result__list .product-card-item-right .star-content span {
    padding-left: 1.9rem;
  }

  .search__result__list .product-card-item-right .sub-title {
    gap: 1rem;
    margin-top: 2.1rem;
    padding-bottom: 1.9rem;
  }

  .search__result__list .list-item-info .item-info {
    margin: 2.5rem 0;
  }

  .search__result__list .list-item-info .item-info .item-info-label {
    padding: 2rem;
  }

  .search__result__list .list-item-info .item-info .item-price-info span.main {
    font-size: max(12px, 3.3rem);
  }

  .search__result__list .list-item-info .item-info-label {
    margin-bottom: 3.6rem;
    padding: 2rem 0 2rem 2rem;
    font-size: max(12px, 2.6rem);
  }

  .coupon_list {
    padding: 3rem 0 13.5rem;
  }

  .coupon_list .coupon_visual {
    width: 100%;
    height: 24rem;
    position: relative;
  }

  .coupon_list .coupon_visual .visual_txt {
    position: absolute;
    top: 6rem;
    left: 3rem;
  }

  .coupon_list .coupon_visual .visual_txt p {
    letter-spacing: -1px;
    color: #fff;
    margin-bottom: 1.4rem;
    font-size: max(12px, 3.6rem);
    font-weight: bold;
  }

  .coupon_list .coupon_visual .visual_txt span {
    opacity: .8;
    letter-spacing: -1px;
    color: #fff;
    font-size: max(12px, 2.8rem);
  }

  .coupon_list .coupon_visual img {
    width: 100%;
    height: 100%;
  }

  .coupon_list .coupon_content {
    margin-top: 9.5rem;
  }

  .coupon_list .coupon_content .top {
    padding-bottom: 3rem;
  }

  .coupon_list .coupon_content .top p {
    font-size: max(12px, 3.8rem);
  }

  .coupon_list .coupon_content .list_tag {
    gap: 2rem;
    padding: 3.4rem 0;
    overflow-x: auto;
  }

  .coupon_list .coupon_content .list_tag .tag {
    border-radius: var(--qc-radius-pill, 999px);
    background-color: #fff;
    border: 1px solid #dbdbdb;
    padding: 1rem 3rem;
    font-size: max(12px, 2.6rem);
  }

  .coupon_list .coupon_content .card_cou {
    flex-wrap: wrap;
    gap: 4rem 2rem;
    display: flex;
  }

  .coupon_list .coupon_content .card_cou .card {
    cursor: pointer;
    width: calc(50% - 1.5rem);
    max-width: 33.5rem;
    overflow: hidden;
  }

  .coupon_list .coupon_content .card_cou .card:hover .images img {
    transform: scale(1.2);
  }

  .coupon_list .coupon_content .card_cou .card .images {
    object-fit: cover;
    width: 100%;
    max-height: 21rem;
    overflow: hidden;
  }

  .coupon_list .coupon_content .card_cou .card .images img {
    transition: all .5s linear;
  }

  .coupon_list .coupon_content .card_cou .card .text {
    margin-top: 2.5rem;
  }

  .coupon_list .coupon_content .card_cou .card .text .keyword {
    letter-spacing: -1px;
    color: #757575;
    margin-bottom: 1.5rem;
    font-size: max(12px, 2.5rem);
  }

  .coupon_list .coupon_content .card_cou .card .text .title {
    font-size: max(12px, 2.8rem);
  }

  .coupon_list .coupon_content .add_btn {
    margin-top: 5.5rem;
  }

  .coupon_list .coupon_content .add_btn .add_card {
    border-radius: var(--qc-radius-pill, 999px);
    border-width: 2px;
    width: 37.5rem;
    height: 8.5rem;
    font-size: max(12px, 2.8rem);
  }

  .popup_coupon {
    z-index: 99999;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
  }

  .popup_coupon .popup {
    z-index: 2;
    border-radius: var(--qc-radius-section, 24px);
    background-color: #fff;
    width: 66rem;
    height: 90rem;
    padding: 4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .popup_coupon .popup .top {
    margin-bottom: 2.8rem;
  }

  .popup_coupon .popup .top .close {
    opacity: 1;
  }

  .popup_coupon .popup .top .close img {
    width: 2.9rem;
  }

  .popup_coupon .popup .content {
    height: calc(100% - 3.5rem);
    overflow-y: auto;
  }

  .popup_coupon .popup .content .infomation {
    border-radius: var(--qc-radius-xs, 4px);
    background-color: #f7f7f7;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    padding: 3.8rem 4.5rem;
  }

  .popup_coupon .popup .content .infomation .avatar_info {
    border-radius: var(--qc-radius-pill, 999px);
    background-color: #000;
    justify-content: center;
    width: 22rem;
    height: 22rem;
    display: flex;
  }

  .popup_coupon .popup .content .infomation .avatar_info img {
    width: 22rem;
    height: 22rem;
  }

  .popup_coupon .popup .content .infomation .txt_info {
    flex-direction: column;
    gap: 4rem;
    max-width: 100%;
    display: flex;
  }

  .popup_coupon .popup .content .infomation .txt_info .title {
    text-align: center;
    font-size: max(12px, 3.4rem);
  }

  .popup_coupon .popup .content .infomation .txt_info .list_des {
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    display: flex;
  }

  .popup_coupon .popup .content .infomation .txt_info .list_des .des {
    align-items: flex-start;
    gap: 1rem;
  }

  .popup_coupon .popup .content .infomation .txt_info .list_des .des + .des {
    margin-top: 1rem;
  }

  .popup_coupon .popup .content .infomation .txt_info .list_des .des p {
    letter-spacing: -1px;
    color: #555;
    text-wrap: nowrap;
    font-size: max(12px, 2.2rem);
    font-weight: bold;
    line-height: 1.3;
  }

  .popup_coupon .popup .content .infomation .txt_info .list_des .des p:before {
    content: "";
    background-color: #222;
    border-radius: 50%;
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: 35%;
    left: 0;
  }

  .popup_coupon .popup .content .infomation .txt_info .list_des .des span {
    letter-spacing: -1px;
    color: #555;
    font-size: max(12px, 2.2rem);
    font-weight: 500;
    line-height: 1.3;
  }

  .popup_coupon .popup .content .infomation .txt_info .info_download {
    justify-content: center;
    align-items: center;
    gap: 2rem;
    display: flex;
  }

  .popup_coupon .popup .content .infomation .txt_info .info_download .btn_down {
    border-radius: var(--qc-radius-pill, 999px);
    letter-spacing: -1px;
    color: #fff;
    background-color: #2a459f;
    gap: 1rem;
    width: 32rem;
    height: 6rem;
    font-size: max(12px, 2.6rem);
    font-weight: 500;
  }

  .popup_coupon .popup .content .infomation .txt_info .info_download .btn_down img {
    width: 2.2rem;
  }

  .popup_coupon .popup .content .infomation_slide {
    margin-top: 6rem;
  }

  .popup_coupon .popup .content .infomation_slide img {
    height: 36rem;
  }

  .popup_coupon .popup .content .infomation_slide .swiper-button-next {
    background: url("/images/ico/btn_next.png") center no-repeat;
    width: 6rem;
    height: 6rem;
    display: none;
    right: 0;
  }

  .popup_coupon .popup .content .infomation_slide .swiper-button-prev {
    background: url("/images/ico/btn_prev.png") center no-repeat;
    width: 6rem;
    height: 6rem;
    display: none;
    left: 0;
  }

  .popup_coupon .popup .content .infomation_detail {
    margin: 5rem 0 6rem;
  }

  .popup_coupon .popup .content .infomation_detail .detail_tit {
    letter-spacing: -1px;
    color: #222;
    font-size: max(12px, 2.6rem);
    line-height: 1.3;
  }

  .popup_coupon .popup .content .infomation_detail .detail_tit + .detail_tit {
    margin-top: 1rem;
  }

  .popup_coupon .popup .content .infomation_detail .content {
    margin-top: 4.5rem;
  }

  .popup_coupon .popup .content .infomation_detail .content p {
    letter-spacing: -1px;
    color: #222;
    font-size: max(12px, 2.6rem);
    line-height: 1.3;
  }

  .popup_coupon .popup .content .infomation_detail .content p + p {
    margin-top: 1rem;
  }

  .popup_coupon .popup .content .infomation_detail .content p span {
    color: #757575;
  }

  .popup_coupon .popup .content .infomation_map {
    border-radius: var(--qc-radius-control, 8px);
    border: 2px solid #dbdbdb;
    margin-bottom: 6.5rem;
    padding: 4rem 3rem;
  }

  .popup_coupon .popup .content .infomation_map .text {
    border-bottom: 2px solid #222;
    padding-bottom: 1.8rem;
  }

  .popup_coupon .popup .content .infomation_map .text p {
    font-size: max(12px, 2.4rem);
  }

  .popup_coupon .popup .content .infomation_map .text p + p {
    margin-top: 1rem;
  }

  .map_info {
    border-radius: var(--qc-radius-card, 16px);
    padding-top: 4rem;
  }

  .popup_coupon .swiper-pagination {
    opacity: 1;
  }

  .popup_coupon .swiper-pagination-bullet-active {
    background: #fff;
  }

  .golf-custom-page .golf-cus-css-mobile .img_box_re_img {
    background-size: cover;
    height: 70rem;
  }

  .golf-custom-page .thailand_golf_list_ {
    flex-wrap: wrap;
    gap: 5rem 2rem;
    margin-top: 2.9rem;
    display: flex;
  }

  .tour-main-page .banner_section_main_page .banner_section_image {
    margin-top: 0;
  }

  .spa-page-cus-css .img_box_re {
    width: 100%;
    height: 100%;
  }

  .spa-page-cus-css .mid-banner-ticket {
    margin-top: 3.2rem;
  }

  .spa-page-cus-css .tiket-tool-b {
    justify-content: space-between;
    align-items: start;
    margin-top: 3rem;
    margin-bottom: 4rem;
    display: flex;
  }

  .spa-page-cus-css .btn-gr-ticket {
    gap: 1rem;
    max-width: 100%;
    height: 9rem;
    padding-bottom: 2rem;
    display: flex;
    overflow-x: scroll;
  }

  .spa-page-cus-css .list-ticket-item {
    max-width: 35rem;
  }

  .spa-page-cus-css .list-ticket-grid {
    height: unset;
    gap: 5rem 2rem;
    margin-bottom: 6rem;
    padding-bottom: 0;
  }

  .spa-page-cus-css .tag-red {
    width: 11rem;
    height: 11rem;
  }

  .section_vehicle_2 select {
    height: 9rem;
  }

  .mb-3rem {
    margin-bottom: 3rem;
  }

  .bs-input-check input[type="checkbox"] + label:after {
    border-radius: var(--qc-radius-xs, 4px);
    background-size: .8421rem;
    width: 3.5789rem;
    height: 3.5789rem;
    top: 0;
    transform: translateY(0);
  }

  .contact_email .email-group input {
    width: 35rem;
  }

  .contact_email .select-width {
    width: 43rem;
  }

  .bs-input-check input[type="checkbox"] + label {
    padding-left: 5.105rem;
    font-size: max(12px, 3rem);
    line-height: 3.5rem;
  }

  .bs-input-check input[type="checkbox"] + label:before {
    border-radius: var(--qc-radius-xs, 4px);
    border: .66rem solid #0000;
    border-top: none;
    border-left: none;
    width: 1.5rem;
    height: 2.5rem;
    position: absolute;
    top: 1.3rem;
    left: .5rem;
  }

  .customer-form-page.golf .container-card .gap-20 {
    gap: 10rem !important;
  }

  .customer-form-page .form-group-cus-4input .phone_kor {
    width: 18rem;
  }

  .customer-form-page .container-card #extra-requests::placeholder {
    font-size: max(12px, 2.6rem);
  }

  .login_tab {
    margin-bottom: 1.9231rem;
  }

  .login_tab button {
    height: 3.5769rem;
    font-size: max(12px, 1rem);
    line-height: unset;
    border: .0769rem solid #dbdbdb;
    border-bottom-color: #252525;
  }

  .login_tab button.on {
    border: .0769rem solid #252525;
    border-bottom: 0;
  }

  .member .login_input > div + div {
    margin-top: .7692rem;
  }

  .member .login_box .save_id {
    margin-top: 1.5385rem;
  }

  .sns_login_ttl {
    margin: 3.8462rem 0 2.3077rem;
  }

  .sns_login_ttl span {
    padding: 0 1.5385rem;
    font-size: max(12px, 1rem);
    line-height: 2.5rem;
  }

  .another_login .another_btn {
    background-size: 3.4615rem;
    width: 3.4615rem;
    height: 3.4615rem;
  }

  .another_login .another_btn:nth-child(n+2) {
    margin-left: 20px;
  }

  .another_login .another_btn.naver {
    background-image: url("../images/btn/naver_ico_m.png");
  }

  .another_login .another_btn.kakao {
    background-image: url("../images/btn/kakao_ico_m.png");
  }

  .another_login .another_btn.google {
    background-image: url("../images/btn/google_ico_m.png");
  }

  .login_box .login_input .login_btn.tab_2 {
    margin-bottom: 13.4615rem;
  }

  .login_find .find_id .find_id_box .button_wrap .certi_ok {
    border-radius: var(--qc-radius-xs, 4px);
    border: .0769rem solid #757575;
    width: 5.2692rem;
    height: 3.4615rem;
    font-size: max(12px, 1rem);
  }

  .login_find .find_id .find_id_box .button_wrap {
    justify-content: space-between;
    gap: 0;
  }

  .datepick .ui-datepicker-trigger {
    right: 1.5385rem;
  }

  .member .join_list {
    margin-bottom: 5rem;
  }

  .join .join_list a {
    border-radius: var(--qc-radius-xs, 4px);
    border: .0769rem solid;
    font-size: max(12px, 1.0769rem);
    line-height: 3.4615rem;
  }

  .join .join_list .naver a i {
    background-image: url("../images/ico/join_naver_ico.png");
    background-size: 1.3462rem;
    width: 1.3462rem;
    height: 1.3462rem;
  }

  .join .join_list .kakao a i {
    background-image: url("../images/ico/join_kakao_ico.png");
    background-size: 1.4231rem;
    width: 1.4231rem;
    height: 1.3462rem;
  }

  .join .join_list .google a i {
    background-image: url("../images/ico/join_google_ico.png");
    background-size: 1.3462rem;
    width: 35px;
    height: 36px;
  }

  .guide-employee-page .title-gp {
    color: #252525;
    margin-top: 9rem;
    margin-bottom: 4.8rem;
    font-size: max(12px, 3.8rem);
    font-weight: bold;
  }

  .guide-employee-page .pic-item {
    border-radius: var(--qc-radius-section, 24px);
    gap: 3rem;
    width: 100%;
    height: 33.9rem;
    padding: 0 3.4rem;
    box-shadow: 0 .6rem 2.016rem .084rem #00000021;
  }

  .guide-employee-page .title-rtd {
    color: #252525;
    margin-bottom: .8rem;
    font-size: max(12px, 3.2rem);
    font-weight: bold;
  }

  .guide-employee-page .list-text-item {
    flex-wrap: wrap;
    column-gap: 1rem;
    width: 33rem;
    margin-bottom: .8rem;
  }

  .guide-employee-page .list-text-item span {
    color: #757575;
    white-space: nowrap;
    width: 13.3rem;
    font-size: max(12px, 2.6rem);
    line-height: 1.875;
  }

  .guide-employee-page .button-lp {
    border-radius: var(--qc-radius-pill, 999px);
    text-align: center;
    color: #fff;
    cursor: pointer;
    background-color: #2a459f;
    width: 30rem;
    height: 6.2rem;
    padding: 1.5rem 2.2rem;
    font-size: max(12px, 2.6rem);
    font-weight: bold;
  }

  .guide-employee-page .pic-item .pic-con {
    border-radius: var(--qc-radius-section, 24px);
    width: 46rem;
    height: 24rem;
  }

  .guide-employee-page .box-description {
    border-radius: var(--qc-radius-control, 8px);
    border-radius: var(--qc-radius-control, 8px);
    background-color: #fafafa;
    border: 2px solid #dbdbdb;
    margin-bottom: 18rem;
    padding: 4rem 3rem;
  }

  .guide-employee-page .box-description .title-bd {
    color: #252525;
    margin-bottom: 4rem;
    font-size: max(12px, 3.4rem);
    font-weight: bold;
  }

  .guide-employee-page .box-description ul {
    font-size: max(12px, 2.6rem);
  }

  .guide-employee-page .popup-content .close-popup {
    cursor: pointer;
    position: absolute;
    top: 2rem;
    right: 3rem;
  }

  .guide-employee-page .popup-content .title-pc {
    border-bottom: 1px solid #252525;
    padding-bottom: 3rem;
    font-size: max(12px, 2.8rem);
    line-height: 1.222;
  }

  .guide-employee-page .popup-content .des-pc {
    color: #454545;
    padding-top: 3rem;
    font-size: max(12px, 2.6rem);
    line-height: 1.875;
  }

  .guide-employee-page .popup-content .last-des-pc {
    color: #757575;
    margin-top: 1.6rem;
    margin-bottom: 3rem;
    font-size: max(12px, 2.6rem);
    line-height: 1.875;
  }

  .guide-employee-page .popup-container {
    z-index: 3;
    border-radius: var(--qc-radius-section, 24px);
    border: .1rem solid #dbdbdb;
    width: 100%;
    position: absolute;
    top: 95%;
    right: 0;
    overflow: hidden;
  }

  .guide-employee-page .popup-content {
    background: #fff;
    padding: 5rem 3rem .1rem;
    box-shadow: 0 .4rem .6rem #0000001a;
  }

  .guide-employee-page .popup-content .close-popup {
    width: 2.2rem;
  }

  .guide-employee-page .img_box_re {
    width: unset;
    height: unset;
  }

  .guide-employee-page .banner-ticket .text_img_box_re {
    font-size: max(12px, 3.8rem);
    bottom: 9rem;
  }

  .guide-employee-page .banner-ticket .category-des .nav-des {
    gap: .4rem;
  }

  .guide-employee-page .banner-ticket .category-des {
    color: #fff;
    text-shadow: .2rem .2rem #000;
    justify-content: space-between;
    align-items: center;
    width: 82%;
    display: flex;
    position: absolute;
    bottom: 3.5rem;
    left: 5.3rem;
  }

  .guide-employee-page .list-pic {
    gap: 3.6rem;
  }

  .guide-employee-page .prd_list_pagination {
    margin-top: 6rem;
    margin-bottom: 10rem;
  }

  .guide-employee-page .banner-ticket .category-des .price {
    font-size: max(12px, 3.2rem);
  }

  .guide-employee-page .pb-2 {
    padding-bottom: .6rem;
  }

  .popup_area_ {
    height: 100%;
    max-height: unset;
    min-width: 100%;
    max-width: unset;
    background-color: #fff;
    border: none;
    padding: 0 3rem;
    font-size: max(12px, .9231rem);
    overflow: auto;
  }

  .login_cont .bs-select, .bs-input {
    height: 8.2rem;
    font-size: max(12px, 2.8rem);
  }

  .tel_row.new_flex {
    flex-wrap: wrap;
    gap: 1rem .6rem;
  }

  .login_box .tel_row .bs-select {
    margin-right: 0;
  }

  .login_cont .user_country {
    width: 100%;
    height: 9rem;
    font-size: max(12px, 2.6rem);
  }

  .popup_top_ {
    background-color: #fff;
    border-bottom: .22rem solid #dbdbdb;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 10rem;
    font-size: max(12px, 2.8rem);
    font-weight: bold;
    display: flex;
  }

  .sup_button {
    color: #000;
    border-radius: var(--qc-radius-control, 8px);
    cursor: pointer;
    background-color: #fff;
    border: .2rem solid #dbdbdb;
    width: 100%;
    margin-top: 2rem;
    padding: 2.6rem 2rem;
    font-size: max(12px, 2.8rem);
  }

  .another_login {
    max-width: 39rem;
    margin-bottom: 0;
  }

  .member .btn_link a + a:after {
    content: "";
    background: #ddd;
    width: .1rem;
    height: 2.4rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .input-row + .input-row {
    margin-top: 2rem;
  }

  .content-sub-hotel-detail .main_visual_content_ .form_element_ {
    margin-top: .5rem !important;
  }

  #container.pt100 {
    padding-top: 10rem;
  }

  #container.sub {
    padding: 3rem 0 13rem;
  }

  .another_login {
    gap: 2rem;
  }

  .cars_category_wrap .ttl_category_depth_child {
    color: #999;
    padding-top: 4rem;
    font-size: max(12px, 2.7rem);
    font-weight: 400;
  }

  .caution_popup {
    box-sizing: border-box;
    z-index: 100;
    color: gray;
    background: #fff;
    border: 1px solid #203a4d;
    width: 66rem;
    height: 50rem;
    padding: 4rem 3rem;
    position: absolute;
    top: 4.4rem;
    right: -3.1rem;
    overflow-y: scroll;
  }

  .caution_popup .caution_content h4 {
    color: #000;
    margin-bottom: 2rem;
    font-size: max(12px, 2.6rem);
    font-weight: 500;
  }

  .sect_ttl_box {
    margin-bottom: 6rem;
  }

  .sect_ttl_box h2 {
    text-align: center;
    font-size: max(12px, 4rem);
    line-height: 1.4;
  }

  .sect_ttl_box .description {
    color: #757575;
    text-align: center;
    margin-top: 4rem;
    font-size: max(12px, 3rem);
    line-height: 1.5;
  }

  .bs_table tbody tr .subject a {
    white-space: unset;
  }

  .contact_main .cont_ttl {
    padding-bottom: 3rem;
  }

  .cont_ttl h3 {
    font-size: max(12px, 3.6rem);
  }

  .contact_main .contents > div + div {
    margin-top: 7rem;
  }

  .contact_main .cont_ttl .more_btn {
    align-items: center;
    font-size: max(12px, 2.6rem);
    font-weight: 700;
    display: flex;
  }

  .contact_main .cont_ttl .more_btn i {
    background: url("/images/ico/box_box_arrow.png") center no-repeat;
    width: 2rem;
    height: 2rem;
    margin-left: 1rem;
    display: block;
  }

  .faq_sect .faq_list .ques_box i.q {
    width: 3.71436rem;
    height: 3.71436rem;
  }

  .faq_sect .faq_list .answer_box_wrap {
    padding: 1.85718rem 1.85718rem 1.85718rem 4.64282rem;
  }

  .faq_sect .faq_list .answer_box .ans {
    width: 3.71436rem;
    height: 3.71436rem;
  }

  .bs_table tr.notice_tr {
    align-items: center;
  }

  .bs_table tr.notice_tr .notice {
    flex-shrink: 0;
    width: 7.42846rem;
  }

  .bs_table tbody tr.notice_tr .subject {
    width: calc(100% - 7.42846rem);
  }

  .bs_table tbody tr.notice_tr .subject a {
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: horizontal;
    width: 100%;
    max-height: 1.4545em;
    line-height: 1.4545;
    display: block;
    overflow: hidden;
  }

  .evaluate_section .sub_visual {
    background-image: url("../assets/images/evaluate/m_evaluate_img.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 25.4rem;
  }

  .list_container .sub_visual .content_sub {
    left: 3rem;
  }

  .list_container .sub_visual .content_sub span {
    margin-bottom: 1.6rem;
    font-size: max(12px, 3.2rem);
    font-weight: 700;
    display: block;
  }

  .list_container .sub_visual .content_sub p {
    font-size: max(12px, 2.8rem);
    font-weight: 400;
    line-height: 1.2;
  }

  .tour_slider {
    margin: -1.49994rem;
  }

  .tour_slider .card {
    border-radius: var(--qc-radius-control, 8px);
    width: 52rem;
    min-height: 50.0001rem;
  }

  .tour_slider .slider_box {
    margin: 1.49994rem;
  }

  .tour_slider .card .card_top {
    border-radius: var(--qc-radius-control, 8px) var(--qc-radius-control, 8px) 0 0;
    width: 100%;
    height: 31.5rem;
    position: relative;
  }

  .tour_slider .card .card_top img {
    width: 100%;
  }

  .bs_table tbody, .bs_table {
    display: block;
  }

  .bs_table tr {
    flex-wrap: wrap;
    padding: 1.85718rem .92846rem;
    display: flex;
  }

  .bs_table tbody .notice_tr td.num {
    display: block;
  }

  .bs_table thead {
    display: none;
  }

  .bs_table tbody td {
    padding: .46436rem .92846rem;
    font-size: max(12px, 2.6rem);
  }

  .bs_table.news tbody td.notice {
    padding: .6436rem .92846rem;
  }

  .bs_table tbody td.notice {
    width: 9rem;
  }

  .bs_table tbody td.subject_travel {
    width: 100%;
  }

  .bs_table tbody td.subject_travel a {
    padding: 0;
  }

  .bs_table tbody td.name_en {
    display: none;
  }

  .bs_table tbody td.num {
    order: 2;
    display: none;
  }

  .bs_table tbody td.ttl {
    order: 3;
    margin-right: 2.98012rem;
    position: relative;
  }

  .bs_table tbody td.ttl:before {
    content: "Category: ";
  }

  .bs_table tbody td.ttl:after {
    content: "";
    background-color: #8c8c8c;
    width: .1001rem;
    height: 2.4999rem;
    position: absolute;
    top: .49998rem;
    left: calc(100% + 1.49994rem);
  }

  .bs_table tbody td.name {
    order: 4;
    margin-right: 2.98012rem;
    position: relative;
  }

  .bs_table tbody td.date {
    order: 5;
  }

  .bs_table tbody td.date_travel {
    position: relative;
  }

  .bs_table tbody td.date_travel:before {
    content: "Date Posted : ";
  }

  .bs_table tbody td.name:before {
    content: "Author : ";
  }

  .bs_table tbody td.name:after {
    content: "";
    background-color: #8c8c8c;
    width: .1001rem;
    height: 2.4999rem;
    position: absolute;
    top: .49998rem;
    left: calc(100% + 1.49994rem);
  }

  .contact_main_bot .bs_table tbody td.ttl {
    text-align: left;
  }

  .contact_main_bot .bs_table tbody td.des {
    text-align: left;
    width: 100%;
  }

  .bs_table tbody tr .subject {
    text-align: left;
    order: 1;
    align-items: center;
    width: 100%;
    padding-left: .92846rem;
    display: flex;
  }

  .bs_table tbody tr .subject a {
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    white-space: wrap;
    word-break: break-all;
    -webkit-box-orient: vertical;
    line-height: 1.4545;
    display: -webkit-box;
    overflow: hidden;
  }

  .bs_table tbody tr .subject .red {
    color: #e9281d;
    flex: none;
    margin-left: 3.07692px;
    font-size: max(12px, 2.41436rem);
    line-height: 3.38rem;
  }

  .bs_table tbody tr .subject i {
    background: url("../images/ico/status_table_lock_ico.png") center / 1.60004rem 1.99992rem no-repeat;
    flex: none;
    width: 1.60004rem;
    height: 1.99992rem;
    margin-left: .80002rem;
    display: inline-block;
  }

  .bs_table.row tbody td {
    text-align: left;
    width: 100%;
  }

  .bs_table.row tbody th {
    text-align: left;
    width: 100%;
    padding: 1.85718rem;
    font-weight: 500;
    display: block;
  }

  .bs_table tbody td.code_name {
    font-size: max(12px, 2.4rem);
  }

  .write_container .file_box .file_select {
    gap: 0 1rem;
  }

  .write_container .file_box .file_select label {
    border-radius: var(--qc-radius-xs, 4px);
    cursor: pointer;
    border: 1px solid #252525;
    align-items: center;
    height: 8.2rem;
    padding: 1.5rem 2rem;
    font-weight: 500;
    display: flex;
  }

  .write_container .check_box input[type="checkbox"]:checked + label, .write_container .check_box input[type="checkbox"]:not(:checked) + label {
    cursor: pointer;
    color: #666;
    padding-left: 4rem;
    line-height: 3.5rem;
    display: inline-block;
    position: relative;
  }

  .write_container .check_box input[type="checkbox"]:checked + label:before, .write_container .check_box input[type="checkbox"]:not(:checked) + label:before {
    width: 3.2rem;
    height: 3.2rem;
  }

  .write_container .check_box input[type="checkbox"]:checked + label:after, .write_container .check_box input[type="checkbox"]:not(:checked) + label:after {
    content: "";
    width: 1.8rem;
    height: 1.8rem;
    top: .8rem;
    left: .8rem;
  }

  .popup_place__body .policy_top {
    margin-top: 3rem !important;
    font-size: max(12px, 2rem) !important;
    line-height: 1.3 !important;
  }

  .popup_place__body .policy_center {
    margin-top: 4rem !important;
  }

  .popup_place__body .policy_center .left {
    width: 56rem !important;
  }

  .popup_place__body .policy_center p {
    font-size: max(12px, 1.7rem) !important;
    line-height: 1.3 !important;
  }

  .popup_place__body .policy_center .right {
    width: calc(100% - 17rem) !important;
  }

  .popup_place__body .policy_bottom {
    margin-top: 4rem !important;
    font-size: max(12px, 2rem) !important;
    line-height: 1.3 !important;
  }

  .popup_wrap.place_pop.cart_info_pop .pop_box {
    max-width: 80rem;
  }

  .popup_wrap.cart_info_pop .popup_place__head {
    padding-top: 3.5rem;
  }

  .order-form-page .info-table-order th {
    width: 13.6rem;
  }

  .order-form-page .info-table-order th, .info-table td {
    border: 1px solid #ddd;
    padding: 2rem;
    font-size: max(12px, 2.5rem);
  }

  .order-form-page .info-table-order.info-table-cus-padding td {
    padding: 1.1rem;
  }

  .order-form-page .info-table-order td {
    font-size: max(12px, 2.5rem);
  }

  .order-form-page .info-table-order.info-table-cus-padding td .note {
    margin-top: .5rem;
    font-size: max(12px, 2.3rem);
  }

  .order-form-page .info-table-order .select-time-c {
    height: 7rem;
    font-size: max(12px, 1.8rem);
  }

  .popup_wrap.cart_info_pop .lb-tb-cus {
    margin-bottom: 1rem;
    font-size: max(12px, 1.8rem);
    display: inline-block;
  }

  .popup_wrap.cart_info_pop .btn_add_cart {
    border-radius: var(--qc-radius-control, 8px);
    color: #252525;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    width: 20rem;
    height: 8rem;
    margin-top: 3rem;
    font-size: max(12px, 2.6rem);
  }

  .order-form-page .info-table-order.info-table-cus-padding td input {
    width: 100%;
    height: 7rem;
    font-size: max(12px, 2.5rem);
  }

  .order-form-page .two-table-tb .lb-tb-cus {
    margin-bottom: 1.4rem;
    font-size: max(12px, 2.2rem);
    display: inline-block;
  }

  .popup_wrap.place_pop .pop_box {
    width: calc(100% - 3rem);
    height: 65rem;
    padding: 0 3rem !important;
  }

  .popup_wrap.place_pop.policy_pop .pop_box .close {
    background: url("/images/ico/close_icon_popup.png") center no-repeat;
    width: 2.5385rem;
    height: 2.5385rem;
    position: absolute;
    top: 1.7692rem;
    right: 2.7692rem;
  }

  .common_tab_wrap {
    flex-direction: column;
    gap: 2rem;
    margin-top: 3.714rem;
    position: relative;
    overflow: auto hidden;
  }

  .common_tab_wrap #search {
    width: 100%;
  }

  .evaluate_search select {
    width: 20rem;
    height: 7rem;
  }

  .evaluate_search input {
    flex: 1;
    width: 37rem;
    height: 7rem;
  }

  .evaluate_search .search_button {
    width: 10rem;
    height: 7rem;
  }

  .common_tab_wrap .evaluate_search {
    justify-content: flex-end;
    gap: 1rem;
  }

  .common_tab {
    white-space: nowrap;
    width: 100%;
    display: block !important;
  }

  .common_tab li {
    display: inline-block;
  }

  .common_tab li + li {
    margin-left: 1.857rem;
  }

  .common_tab li a {
    border-radius: var(--qc-radius-pill, 999px);
    padding: 1.857rem 3.714rem;
    font-size: max(12px, 2.414rem);
  }

  .faq_sect .faq_list .ques_box {
    padding: 2.786rem 5.572rem 2.786rem 0;
  }

  .faq_sect .faq_list .ques_box .code_name {
    width: 7.428rem;
    margin-right: 1.857rem;
    display: none;
  }

  .faq_sect .faq_list .ques_box .ques_text {
    width: 100%;
    padding-left: 4.643rem;
  }

  .faq_sect .faq_list .ques_box i.q {
    border-radius: 50%;
    width: 3.714rem;
    height: 3.714rem;
  }

  .faq_sect .faq_list .ques_box .description {
    color: #454545;
    max-width: 100%;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2.91em;
    line-height: 1.4545;
    display: -webkit-box;
    overflow: hidden;
  }

  .faq_sect .faq_list .ques_box i.arrow {
    width: 2.786rem;
    height: 1.671rem;
    right: 1.857rem;
  }

  .faq_sect .faq_list .answer_box_wrap {
    padding-left: 3.643rem !important;
  }

  .faq_sect .faq_list .answer_box_wrap .answer_box {
    padding-left: 4.643rem;
  }

  .faq_sect .faq_list .answer_box .ans {
    border-radius: 50%;
    width: 3.714rem;
    height: 3.714rem;
  }

  .faq_sect .faq_list .answer_box div {
    display: inline-block;
  }

  .qiuck_box .info {
    flex-wrap: wrap;
  }

  .qiuck_box .info .info_detail {
    width: 50%;
  }

  .qiuck_box .info .info_detail picture {
    width: 9.6rem;
    height: auto;
  }

  .qiuck_box .info .info_detail:nth-child(n+3) {
    margin-top: -.38px;
  }

  .qiuck_box .info .info_detail + .info_detail {
    margin-left: 0;
  }

  .qiuck_box .info .info_detail:nth-child(2n) {
    margin-left: -.38px;
  }

  .qiuck_box .info .info_detail a {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.857rem;
    width: 100%;
    min-height: auto;
    padding: 3.714rem 1.857rem;
    font-size: max(12px, 2.6rem);
    display: flex;
  }

  .line_arrow {
    z-index: 2;
    background: #ffffffe6;
    justify-content: center;
    width: 4.42rem;
    height: 6.5rem;
    position: absolute;
    bottom: 0;
    right: -.3rem;
    display: none !important;
  }

  .write_container .wrap_check .privacy {
    height: 23.7143rem;
    padding: .7143rem;
  }

  .write_container .wrap_check .privacy * {
    width: 100%;
    font-family: inherit !important;
    font-size: max(12px, 2.2rem) !important;
    line-height: 1.5 !important;
  }

  .write_container .wrap_check .privacy table td {
    width: 35.3% !important;
    min-width: 22rem !important;
    height: 100% !important;
    padding: 0 1rem !important;
  }

  .write_container .wrap_check .privacy table tr {
    height: 100% !important;
    padding: 0 !important;
    display: block !important;
  }

  .write_container .btn-wrap {
    gap: 0 1rem;
    margin-top: 6rem;
  }

  .thumb .hover_active span {
    font-size: max(12px, 2.8rem);
    line-height: 1.3;
  }

  .list_wrap .summary {
    margin-top: 3rem;
  }

  .list_wrap .summary .subject {
    width: 100%;
    text-overflow: unset;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    height: unset;
    word-break: break-all;
    font-size: max(12px, 2.6rem);
    line-height: 1.444;
    display: -webkit-box;
    overflow: hidden;
  }

  .list_wrap .summary .date {
    text-align: left;
    margin-top: 2rem;
    font-size: max(12px, 2.6rem);
  }

  .tab_wrap ul li a {
    padding-bottom: 3rem;
    font-size: max(12px, 3.2rem);
    line-height: 1.3;
  }

  .tab_wrap.mb-lg {
    margin-bottom: 8rem;
  }

  .view_container .view_top .sect_ttl_box {
    margin-bottom: 3rem;
  }

  .view_container .view_top {
    border-bottom: 1px solid #2b2b2b;
    padding-bottom: 4rem;
  }

  .view_container .view_content {
    padding: 0 3rem 10rem;
  }

  .view_container .view_content .view_content-detail {
    margin-top: 4rem;
  }

  .view_container .view_relate {
    margin-top: 3rem;
  }

  .view_container .view_relate .ttl {
    margin-bottom: 4rem;
    font-size: max(12px, 3rem);
    font-weight: 700;
  }

  .view_container .view_relate .slick-arrow {
    color: #0000;
    z-index: 100;
    background: url("/images/ico/slider_btn.png") center no-repeat;
    width: 5rem;
    height: 5rem;
    font-size: 0;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .prd_slider {
    margin: 0 -1.5rem;
  }

  .view_container .comment_box {
    margin-top: 80px;
  }

  .comment_box .comment_box-top .comment_box-count {
    margin-bottom: 1.5rem;
    font-size: max(12px, 2.8rem);
  }

  .comment_box-input .bs-input {
    border-radius: var(--qc-radius-control, 8px);
    width: calc(100% - 15rem);
    height: 10rem;
    padding: 2rem;
  }

  .comment_box-input .bs-input::placeholder {
    font-size: max(12px, 2.8rem);
  }

  .comment_box-input .comment_btn {
    width: 15rem;
    margin-left: 1rem;
    height: 10rem !important;
  }

  .comment_box .comment_box-details {
    margin-top: 3rem;
  }

  .user .user-avatar img {
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    width: 5.2rem;
    height: 5.2rem;
  }

  .comment_box .comment_box-details .user {
    border-bottom: 1px solid #dbdbdb;
    flex-wrap: wrap;
    gap: 1.5rem 2rem;
    padding: 3rem 0;
    display: flex;
  }

  .comment_box .comment_box-details .user-detail {
    flex: 1;
    max-width: calc(100% - 7.2rem);
  }

  .comment_box .comment_box-details .user-detail .user-comment {
    word-wrap: break-word;
    color: #454545;
    line-height: 1.625;
  }

  .comment_box-details .user-content {
    margin-top: 2.5rem;
  }

  .comment_box-details .user-content .user-type {
    cursor: pointer;
  }

  .comment_box-details .user-content span {
    color: #6c7580;
    word-break: break-all;
    margin-right: 2rem;
    line-height: 1.5;
    position: relative;
  }

  .comment_box-details .user-content .user-title:after, .comment_box-details .user-content .user-date:after {
    content: "";
    background-color: #d8d8d8;
    width: 1px;
    height: 1rem;
    position: absolute;
    top: 50%;
    left: calc(100% + 1rem);
    transform: translateY(-50%);
  }

  .comment_box-details .user-detail .user-operation {
    margin-top: 2rem;
  }

  .comment_box-details .user-detail .user-operation button {
    color: #454545;
    border-radius: var(--qc-radius-xs, 4px);
    border: 1px solid #dbdbdb;
    padding: 0 1rem;
    line-height: 1.5;
  }

  .comment .comment_box-input {
    gap: 0 1rem;
    width: 100%;
    margin-bottom: .3846rem;
    display: flex;
  }

  #comment_list .comment_user .comment_user-avatar img {
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    width: 5.2rem;
    height: 5.2rem;
  }

  #comment_list .comment_user {
    border-bottom: 1px solid #dbdbdb;
    column-gap: 2rem;
    padding: 3rem 0;
    display: flex;
  }

  #comment_list .comment_user-detail {
    flex: 1;
    max-width: calc(100% - 7.2rem);
  }

  #comment_list .comment_user-comment p {
    color: #454545;
    line-height: 2.8rem;
  }

  #comment_list .comment_user-content {
    margin-top: 2.5rem;
  }

  #comment_list .comment_user-comment {
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  #comment_list .comment_user-content .comment_user-type {
    cursor: pointer;
  }

  #comment_list .comment_user-content span {
    color: #6c7580;
    margin-right: 2rem;
    line-height: 2.8rem;
    position: relative;
  }

  #comment_list .comment-input {
    gap: 0 1rem;
    width: 100%;
    margin-bottom: .3846rem;
    display: flex;
  }

  #comment_list .comment-input textarea {
    border-radius: var(--qc-radius-control, 8px);
    border: 1px solid #aaa;
    width: calc(100% - 110px);
    height: 7rem;
    padding: 1rem;
  }

  #comment_list .comment-input button {
    border-radius: var(--qc-radius-control, 8px);
    background-color: var(--bs-point);
    color: #fff;
    width: 10rem;
    height: 7rem;
    font-size: max(12px, 2.8rem);
    font-weight: 500;
    line-height: 1.3;
  }

  #comment_list .comment_user-content .comment_user-title:after {
    content: "";
    background-color: #d8d8d8;
    width: 1px;
    height: 2rem;
    position: absolute;
    top: 50%;
    left: calc(100% + 1rem);
    transform: translateY(-50%);
  }

  #comment_list .comment_user-detail .comment_user-operation {
    margin-top: 2rem;
  }

  #comment_list .comment_user-detail .comment_user-operation button {
    color: #454545;
    border-radius: var(--qc-radius-xs, 4px);
    border: 1px solid #dbdbdb;
    margin-right: .4rem;
    padding: 0 1rem;
    line-height: 2.8rem;
  }

  .comment .comment_comment-input {
    gap: 0 1rem;
    width: 100%;
    margin-bottom: .3846rem;
    display: flex;
  }

  .comment .comment_comment-input textarea {
    border-radius: var(--qc-radius-control, 8px);
    border: 1px solid #aaa;
    width: calc(100% - 110px);
    height: 7rem;
    padding: 1rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.6rem);
  }

  .comment .comment_comment-input button {
    border-radius: var(--qc-radius-control, 8px);
    color: #fff;
    background-color: #2e3e92;
    width: 10rem;
    height: 7rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.8rem);
    font-weight: 500;
    line-height: 1.3;
  }

  .view_container .btn-wrap {
    margin-top: 6rem;
  }

  .view_container .go_to_list {
    max-width: 27rem;
    margin: 0 auto;
    display: block;
  }

  .flex_box_cap .re_cap {
    width: 3.3rem;
    height: 3.3rem;
  }

  .evaluate_write_section .evaluate_table .wrap_check .privacy {
    width: 100% !important;
    height: 23.7143rem !important;
    padding: .7143rem !important;
    overflow: hidden scroll !important;
  }

  .evaluate_write_section .evaluate_table .wrap_check .privacy * {
    width: 100%;
    font-family: inherit !important;
    font-size: max(12px, 2.2rem) !important;
    line-height: 1.5 !important;
  }

  .evaluate_write_section .evaluate_table .wrap_check .privacy table {
    max-width: 62rem;
  }

  .evaluate_write_section .evaluate_table .wrap_check .privacy table td {
    width: 35.3% !important;
    min-width: 22rem !important;
    height: 100% !important;
    padding: 0 1rem !important;
  }

  .evaluate_write_section .evaluate_table .wrap_check .privacy table tr {
    height: 100% !important;
    padding: 0 !important;
    display: block !important;
  }

  .rating {
    color: #ffbd13;
    font-size: max(12px, 4.5rem) !important;
  }

  .flex_box_cap {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    min-height: 9rem;
    margin-top: 3.5rem;
    display: flex;
  }

  .flex_box_cap img {
    width: 49%;
    height: 9rem;
  }

  .re_btn {
    background-color: #eee;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    height: 9rem;
    padding: .5rem 2rem;
    font-size: max(12px, 3rem);
    display: flex;
    width: 47.5% !important;
  }

  .input-wrapper {
    width: 100%;
  }

  .captcha_input {
    width: 100%;
    height: 9rem !important;
  }

  .write_container .btn-wrap .btn {
    flex: 1;
  }

  .view_container .view_content-top .line {
    border-bottom: 1px solid #e5e5e5;
    padding-right: 2rem;
  }

  .view_content-top ul li {
    height: 100%;
    padding: 1.5rem 0;
  }

  .view_content-top ul li h4 {
    text-align: left;
    width: 10rem;
  }

  .view_content-top ul li .view_content-info {
    width: calc(100% - 10rem);
    padding-left: 5rem;
  }

  .view_container .view_content-top .line {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 2rem;
  }

  .view_container .view_content-top .main_info {
    gap: 5rem !important;
  }

  .view_container .view_content-top .main_info img {
    width: 3rem;
    margin-left: -4rem;
  }

  .view_container .f_list {
    margin-top: 2rem;
    justify-content: center !important;
  }

  .view_container .f_list a, .view_container .f_list button {
    justify-content: center;
    align-items: center;
    max-width: calc(100% - 1rem);
    height: 9rem;
    font-size: max(12px, 2.8rem);
  }

  .area-tooltip .layer_info {
    border: none;
    width: auto;
    min-width: 50rem;
    padding: 2rem;
    top: 5rem;
    left: -125%;
    box-shadow: 0 1px 10px #0000003b;
  }

  .cart_info_pop .wrap-golf-info {
    flex-wrap: wrap;
    gap: 4rem;
  }

  .cart_info_pop .wrap-golf-info .ip-group input {
    height: 9rem;
    width: 27rem !important;
  }

  .cart_info_pop .cus-form-group textarea {
    width: 100%;
    height: 19.2rem;
    padding: 2rem;
  }

  .popup_wrap.cart_info_pop .pop_box input {
    flex: 1;
    height: 8rem;
    width: 100% !important;
  }

  .ord_total_sec.reservation > div {
    border-bottom: 1px solid #e5e5e5;
    align-items: flex-start;
    gap: 2rem;
    padding: 4rem 2rem;
  }

  .ord_total_sec.reservation .label {
    color: red;
    font-size: max(12px, 2.6rem);
  }

  .ord_total_sec.reservation .left {
    flex-direction: column;
    gap: 2rem;
  }

  .ord_total_sec.reservation .total_money p {
    font-size: max(12px, 2.6rem);
    font-weight: 500;
    font-family: var(--bs-font-sans-serif);
  }

  .ord_total_sec.reservation .detail_money p {
    font-size: max(12px, 2.6rem);
    font-weight: 500;
    font-family: var(--bs-font-sans-serif);
    margin-top: 0 !important;
    margin-left: 0 !important;
  }

  .ord_total_sec.reservation .total_money p strong {
    color: var(--bs-point);
    font-size: max(12px, 3.6rem);
    font-weight: 700;
  }

  .flex_wrap_mo {
    flex-wrap: wrap !important;
    display: flex !important;
  }

  .customer-form-page .wrap-golf-info {
    gap: 0 4rem;
  }

  .customer-form-page .wrap-golf-info .con-form-select {
    width: 100%;
  }

  .customer-form-page .wrap-golf-info input {
    width: 100% !important;
  }

  .customer-form-page .container-card .card-left2 .flex_booking {
    flex-wrap: wrap;
    margin-bottom: 2.5385rem;
  }

  .customer-form-page .title-main-c {
    margin-bottom: 0;
  }

  .customer-form-page .container-card .flex {
    flex-direction: column;
    margin-bottom: 15px;
    gap: 10px !important;
  }

  .auth-turnstile-sub-box {
    width: 100%;
    margin-top: 2rem;
  }

  .auth-turnstile-sub-box .cf-human-wrap {
    width: 100%;
  }
}

.color_w {
  color: #fff !important;
}

.color_b1 {
  color: #252525 !important;
}

.color_b2 {
  color: #454545 !important;
}

.color_g1 {
  color: #757575 !important;
}

.color_g2 {
  color: #999 !important;
}

.color_point {
  color: var(--bs-point) !important;
}

.color_point2 {
  color: var(--bs-point2) !important;
}

.flex_w {
  flex-wrap: wrap;
}

.dr-row {
  flex-direction: row;
}

.dr-col {
  flex-direction: column;
}

.dr-col-reverse {
  flex-direction: column-reverse;
}

.dr-row-reverse {
  flex-direction: row-reverse;
}

[class*="flex"].col_2 {
  width: -webkit-calc(100% + (var(--mg-x) * 2));
  width: -moz-calc(100% + (var(--mg-x) * 2));
  width: calc(100% + var(--mg-x) * 2);
  margin-left: -webkit-calc(-1 * var(--mg-x));
  margin-left: -moz-calc(-1 * var(--mg-x));
  margin-left: calc(-1 * var(--mg-x));
  margin-top: -webkit-calc(-1 * var(--mg-t));
  margin-top: -moz-calc(-1 * var(--mg-t));
  margin-top: calc(-1 * var(--mg-t));
  flex-wrap: wrap;
}

.flex1 > * {
  flex: 1;
}

[class*="flex"].col_2 {
  width: -webkit-calc(100% + (var(--mg-x) * 2));
  width: -moz-calc(100% + (var(--mg-x) * 2));
  width: calc(100% + var(--mg-x) * 2);
  margin-left: -webkit-calc(-1 * var(--mg-x));
  margin-left: -moz-calc(-1 * var(--mg-x));
  margin-left: calc(-1 * var(--mg-x));
  flex-wrap: wrap;
}

[class*="flex"].col_2 > * {
  width: -webkit-calc(50% - (var(--mg-x) * 2));
  width: -moz-calc(50% - (var(--mg-x) * 2));
  width: calc(50% - var(--mg-x) * 2);
  margin: 0 var(--mg-x);
}

[class*="flex"].col_3 {
  width: -webkit-calc(100% + (var(--mg-x) * 2));
  width: -moz-calc(100% + (var(--mg-x) * 2));
  width: calc(100% + var(--mg-x) * 2);
  margin-left: -webkit-calc(-1 * var(--mg-x));
  margin-left: -moz-calc(-1 * var(--mg-x));
  margin-left: calc(-1 * var(--mg-x));
  margin-top: -webkit-calc(-1 * var(--mg-t));
  margin-top: -moz-calc(-1 * var(--mg-t));
  margin-top: calc(-1 * var(--mg-t));
  flex-wrap: wrap;
}

[class*="flex"].col_3 > * {
  width: -webkit-calc(33.333% - (var(--mg-x) * 2));
  width: -moz-calc(33.333% - (var(--mg-x) * 2));
  width: calc(33.333% - var(--mg-x) * 2);
  margin: var(--mg-t) var(--mg-x) 0;
}

[class*="flex"].col_4 {
  width: -webkit-calc(100% + (var(--mg-x) * 2));
  width: -moz-calc(100% + (var(--mg-x) * 2));
  width: calc(100% + var(--mg-x) * 2);
  margin-left: -webkit-calc(-1 * var(--mg-x));
  margin-left: -moz-calc(-1 * var(--mg-x));
  margin-left: calc(-1 * var(--mg-x));
  margin-top: -webkit-calc(-1 * var(--mg-t));
  margin-top: -moz-calc(-1 * var(--mg-t));
  margin-top: calc(-1 * var(--mg-t));
  flex-wrap: wrap;
}

[class*="flex"].col_4 > * {
  width: -webkit-calc(25% - (var(--mg-x) * 2));
  width: -moz-calc(25% - (var(--mg-x) * 2));
  width: calc(25% - var(--mg-x) * 2);
  margin: var(--mg-t) var(--mg-x) 0;
}

[class*="flex"].col_5 {
  width: -webkit-calc(100% + (var(--mg-x) * 2));
  width: -moz-calc(100% + (var(--mg-x) * 2));
  width: calc(100% + var(--mg-x) * 2);
  margin-left: -webkit-calc(-1 * var(--mg-x));
  margin-left: -moz-calc(-1 * var(--mg-x));
  margin-left: calc(-1 * var(--mg-x));
  margin-top: -webkit-calc(-1 * var(--mg-t));
  margin-top: -moz-calc(-1 * var(--mg-t));
  margin-top: calc(-1 * var(--mg-t));
  flex-wrap: wrap;
}

[class*="flex"].col_5 > * {
  width: -webkit-calc(20% - (var(--mg-x) * 2));
  width: -moz-calc(20% - (var(--mg-x) * 2));
  width: calc(20% - var(--mg-x) * 2);
  margin: var(--mg-t) var(--mg-x) 0;
}

[class*="flex"].col_6 {
  width: -webkit-calc(100% + (var(--mg-x) * 2));
  width: -moz-calc(100% + (var(--mg-x) * 2));
  width: calc(100% + var(--mg-x) * 2);
  margin-left: -webkit-calc(-1 * var(--mg-x));
  margin-left: -moz-calc(-1 * var(--mg-x));
  margin-left: calc(-1 * var(--mg-x));
  margin-top: -webkit-calc(-1 * var(--mg-t));
  margin-top: -moz-calc(-1 * var(--mg-t));
  margin-top: calc(-1 * var(--mg-t));
  flex-wrap: wrap;
}

[class*="flex"].col_6 > * {
  width: -webkit-calc(16.66% - (var(--mg-x) * 2));
  width: -moz-calc(16.66% - (var(--mg-x) * 2));
  width: calc(16.66% - var(--mg-x) * 2);
  margin: var(--mg-t) var(--mg-x) 0;
}

[class*="flex"].equal_sizes > * {
  width: 50%;
}

[class*="flex"].side_by_side > * {
  margin-top: 0;
}

[class*="flex"].side_by_side > * + * {
  margin-left: var(--mg-s);
}

[class*="flex"].half > * {
  width: -webkit-calc(50% - (var(--mg-s) / 2));
  width: -moz-calc(50% - (var(--mg-s) / 2));
  width: calc(50% - var(--mg-s) / 2);
}

[class*="flex"].half > * + * {
  margin-left: var(--mg-s);
}

.bg-gray {
  background-color: #f8f8f8 !important;
}

.bg-gray100 {
  background-color: #eee !important;
}

.bg-gray100-lighten {
  background-color: #eeeeee40 !important;
}

.bg-gray200 {
  background-color: #dbdbdb !important;
}

.bg-gray200-lighten {
  background-color: #dbdbdb40 !important;
}

.bg-gray300 {
  background-color: #fafafa !important;
}

.bg-gray300-lighten {
  background-color: #bbbbbb40 !important;
}

.bg-gray400 {
  background-color: #999 !important;
}

.bg-gray400-lighten {
  background-color: #99999940 !important;
}

.bg-gray500 {
  background-color: #757575 !important;
}

.bg-gray500-lighten {
  background-color: #75757540 !important;
}

.bg-gray600 {
  background-color: #666 !important;
}

.bg-gray600-lighten {
  background-color: #66666640 !important;
}

.bg-gray700 {
  background-color: #454545 !important;
}

.bg-gray700-lighten {
  background-color: #45454540 !important;
}

.bg-gray800 {
  background-color: #333 !important;
}

.bg-gray800-lighten {
  background-color: #33333340 !important;
}

.bg-gray900 {
  background-color: #252525 !important;
}

.bg-gray900-lighten {
  background-color: #25252540 !important;
}

.bg-point {
  color: #fff;
  background-color: var(--bs-point) !important;
  border-color: var(--bs-point) !important;
}

.bg-point-lighten {
  background-color: var(--bs-point-lighten) !important;
}

.bg-point2 {
  color: #fff;
  background-color: var(--bs-point2) !important;
  border-color: var(--bs-point2) !important;
}

.bg-point2-lighten {
  background-color: var(--bs-bg-blue) !important;
  border-color: var(--bs-bg-blue) !important;
}

.bg-red {
  color: #fff;
  background-color: var(--bs-red) !important;
  border-color: var(--bs-red) !important;
}

.bg-red-lighten {
  background-color: #ff000040 !important;
  border-color: #ff000040 !important;
}

.bg-blue {
  background-color: var(--bs-blue) !important;
  border-color: var(--bs-blue) !important;
}

.bg-blue-lighten {
  background-color: #aadeff40 !important;
  border-color: #aadeff40 !important;
}

.bg-yellow {
  background-color: #ff0 !important;
  border-color: #ff0 !important;
}

.bg-yellow-lighten {
  background-color: #ffff0040 !important;
  border-color: #ffff0040 !important;
}

.bg-white {
  background-color: #fff !important;
  border-color: #fff !important;
}

.bg-white-lighten {
  background-color: #ffffff40 !important;
  border-color: #ffffff40 !important;
}

.bg-dark2 {
  background-color: #454545 !important;
  border-color: #454545 !important;
}

.bg-dark2-lighten {
  background-color: #45454540 !important;
  border-color: #45454540 !important;
}

.bg-dark {
  background-color: #252525 !important;
  border-color: #252525 !important;
}

.bg-dark-lighten {
  background-color: #25252540 !important;
  border-color: #25252540 !important;
}

.text-point {
  color: var(--bs-point) !important;
}

.text-deep-point {
  color: var(--bs-deep-point) !important;
}

.text-point2 {
  color: var(--bs-point2) !important;
}

.text-red {
  color: var(--bs-red) !important;
}

.text-blue {
  color: var(--bs-blue) !important;
}

.text-yellow {
  color: #ff0 !important;
}

.text-white {
  color: #fff !important;
}

.text-dark2 {
  color: #454545 !important;
}

.text-dark {
  color: #252525 !important;
}

.text-gray2 {
  color: #999 !important;
}

.text-gray {
  color: #757575 !important;
}

.ellipsis-1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.ellipsis-2 {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  max-height: 2.91em;
  line-height: 1.4545;
  display: -webkit-box;
  overflow: hidden;
}

.d-inline-block {
  display: inline-block;
}

.d-block {
  display: block;
}

.d-none {
  display: none;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

.border-none {
  border: none;
}

.border-top {
  border-top: 1px solid #dbdbdb;
}

.border-bottom {
  border-bottom: 1px solid #dbdbdb;
}

.w-10 {
  width: 10% !important;
}

.w-20 {
  width: 20% !important;
}

.w-30 {
  width: 30% !important;
}

.w-40 {
  width: 40% !important;
}

.w-50 {
  width: 50% !important;
}

.w-60 {
  width: 60% !important;
}

.w-70 {
  width: 70% !important;
}

.w-80 {
  width: 80% !important;
}

.w-90 {
  width: 90% !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mx-w-unset {
  max-width: unset;
}

.mx-w-custom {
  max-width: var(--mx-w) !important;
}

.mb-30 {
  margin-bottom: 30px;
}

.only_web {
  display: block !important;
}

.only_mo, .only_mo_flex, .only_mo_inline {
  display: none !important;
}

.only_web_inline {
  display: inline-block !important;
}

.only_web_flex {
  display: flex !important;
}

small.web {
  display: inline-block !important;
}

small.mo {
  display: none !important;
}

small {
  vertical-align: middle;
  width: 1px;
  height: .8em;
  margin: -.2em .5em 0 .75em;
  display: inline-block;
}

.hidden {
  overflow: hidden;
}

.textarea_wrap {
  position: relative;
}

.placeholder {
  width: 100%;
  height: 100%;
  padding: 32px 34px;
  position: absolute;
  top: 0;
  left: 0;
}

.placeholder p {
  color: #999;
  line-height: 1.5;
}

.btn-default {
  color: #252525;
  background: #fff;
  border-color: #dbdbdb !important;
}

.btn-point {
  background-color: var(--bs-point) !important;
  border-color: var(--bs-point) !important;
  color: #fff !important;
}

.btn-primary {
  background-color: var(--bs-point2);
  border-color: var(--bs-point2);
  color: #fff !important;
}

.btn-secondary {
  background-color: var(--bs-point2);
  border-color: var(--bs-point2);
  color: #fff;
}

.btn-lemon {
  color: #fff;
  background-color: #e7f267;
  border-color: #e7f267;
}

.btn-purple {
  color: #fff;
  background-color: #54247d;
  border-color: #54247d;
}

.btn-tangerine {
  color: #fff;
  background-color: #ffb470;
  border-color: #ffb470;
}

.btn-orange {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd7e14;
}

.btn-darkBlue {
  color: #fff;
  background-color: #065f67;
  border-color: #065f67;
}

.btn-brown {
  color: #fff;
  background-color: #a56232;
  border-color: #a56232;
}

.btn-deepNight {
  color: #fff;
  background-color: #54247d;
  border-color: #54247d;
}

.btn-skyBlue {
  color: #fff;
  background-color: #a3dee2;
  border-color: #a3dee2;
}

.btn-blue {
  background-color: var(--bs-point);
  color: #fff;
}

.btn-darkGreen {
  color: #fff;
  background-color: #878d00;
  border-color: #878d00;
}

.btn-light {
  color: #454545;
  background-color: #f2f2f2;
  border-color: #f2f2f2 !important;
}

.btn-gray {
  color: #fff;
  background-color: #999;
  border-color: #999;
}

.btn-gray2 {
  color: #fff !important;
  background-color: #757575 !important;
  border-color: #757575 !important;
}

.btn-dark {
  color: #fff;
  background-color: #252525;
  border-color: #252525;
}

.btn-outline-point {
  color: var(--bs-point);
  border-color: var(--bs-point);
}

.btn-outline-primary, .btn-outline-secondary {
  color: var(--bs-point2);
  border-color: var(--bs-point2);
}

.btn-outline-lemon {
  color: #e7f267;
  border-color: #e7f267;
}

.btn-outline-purple {
  color: #54247d;
  border-color: #54247d;
}

.btn-outline-tangerine {
  color: #ffb470;
  border-color: #ffb470;
}

.btn-outline-orange {
  color: #fd7e14;
  border-color: #fd7e14;
}

.btn-outline-darkBlue {
  color: #065f67;
  border-color: #065f67;
}

.btn-outline-brown {
  color: #a56232;
  border-color: #a56232;
}

.btn-outline-deepNight {
  color: #54247d;
  border-color: #54247d;
}

.btn-outline-skyBlue {
  color: #a3dee2;
  border-color: #a3dee2;
}

.btn-outline-darkGreen {
  color: #878d00;
  border-color: #878d00;
}

.btn-outline-light {
  color: #dbdbdb;
  border-color: #dbdbdb;
}

.btn-outline-gray {
  color: #999;
  border-color: #999;
}

.btn-outline-gray2 {
  color: #757575;
  border-color: #757575;
}

.btn-outline-dark {
  color: #252525 !important;
  border-color: #252525 !important;
}

.outline-point, .outline-primary {
  border-color: var(--bs-point) !important;
}

.outline-secondary {
  border-color: var(--bs-point2) !important;
}

.outline-lemon {
  border-color: #e7f267 !important;
}

.outline-purple {
  border-color: #54247d !important;
}

.outline-tangerine {
  border-color: #ffb470 !important;
}

.outline-orange {
  border-color: #fd7e14 !important;
}

.outline-darkBlue {
  border-color: #065f67 !important;
}

.outline-brown {
  border-color: #a56232 !important;
}

.outline-deepNight {
  border-color: #54247d !important;
}

.outline-skyBlue {
  border-color: #a3dee2 !important;
}

.outline-darkGreen {
  border-color: #878d00 !important;
}

.outline-light2 {
  border: 1px solid #eee !important;
}

.outline-light {
  border-color: #dbdbdb !important;
}

.outline-gray {
  border-color: #999 !important;
}

.outline-gray2 {
  border-color: #757575 !important;
}

.outline-dark {
  border-color: #252525 !important;
}

.ui-datepicker {
  border: 0;
  width: 290px;
  margin-top: 10px;
  padding: 0;
  display: none;
}

.ui-widget.ui-widget-content {
  border-radius: var(--qc-radius-xs, 4px);
  background: #fff;
  border: 0;
  overflow: hidden;
  box-shadow: 0 0 8px #0000004d;
  z-index: 9999 !important;
}

.ui-datepicker .ui-widget-header {
  background: var(--bs-point);
  color: #fff;
  border: 0;
  border-radius: 0;
  padding: 15px 0 36px;
  position: relative;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  border-radius: var(--qc-radius-xs, 4px);
  color: #fff;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #00000026 url("/images/btn/arrow-button.png") 100% -27px no-repeat;
  border: 0;
  width: 72px;
  height: 26px;
  margin: 0 4px;
  padding: 0 6px;
  font-size: 13px;
  font-weight: bold;
  line-height: 26px;
}

.ui-datepicker select.ui-datepicker-month:hover, .ui-datepicker select.ui-datepicker-year:hover {
  background: #0000004d url("/images/btn/arrow-button.png") 100% -27px no-repeat;
}

.ui-datepicker select::-ms-expand {
  display: none;
}

.ui-datepicker .ui-datepicker-title {
  text-align: center;
  letter-spacing: 0;
  justify-content: center;
  align-items: center;
  margin: 0 2.3em;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.8em;
  display: flex;
}

.ui-datepicker-title .ui-datepicker-year option, .ui-datepicker-title .ui-datepicker-month option {
  color: #333;
  background: #fff;
}

.ui-datepicker .ui-datepicker-calendar {
  width: 260px;
  margin: 0 auto;
  padding-top: 100px;
  position: relative;
}

.ui-datepicker-calendar thead tr {
  position: absolute;
  top: -24px;
  left: 5px;
  right: 5px;
}

.ui-datepicker-calendar thead th {
  float: left;
  color: #fff;
  letter-spacing: 1px;
  opacity: .6;
  width: 14.2857%;
  padding: 0;
  font-size: 11px;
  display: block;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  text-indent: -9999px;
  cursor: pointer;
  width: 1.8em;
  height: 1.8em;
  position: absolute;
  top: 12px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 5px;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover {
  background: #0000001a;
  border: 0;
}

.ui-datepicker .ui-datepicker-prev .ui-icon {
  background: url("../../images/ico/icon_prev_1.png") no-repeat;
}

.ui-datepicker .ui-datepicker-next {
  right: 5px;
}

.ui-datepicker .ui-datepicker-next.ui-state-hover {
  background: #0000001a;
  border: 0;
}

.ui-datepicker .ui-datepicker-next .ui-icon {
  background: url("../../images/ico/icon_next_1.png") no-repeat;
}

.ui-datepicker .ui-state-default {
  text-align: center;
  color: #333;
  box-sizing: border-box;
  background: #fff;
  border: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 4px auto;
  padding: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 40px;
  display: block;
}

.ui-datepicker .ui-state-default.ui-state-hover {
  background: #0000000d;
}

.ui-datepicker-today .ui-state-default {
  color: var(--bs-point);
  font-weight: bold;
}

.ui-datepicker-current-day .ui-state-default {
  color: #fff;
  font-weight: bold;
  background: var(--bs-point) !important;
}

.ui-datepicker-buttonpane {
  border-top: 1px solid #eee;
  overflow: hidden;
}

.ui-datepicker-buttonpane button[data-handler="today"] {
  color: var(--bs-point);
  opacity: .75;
}

.ui-datepicker td, .ui-datepicker th {
  border: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  cursor: pointer;
  width: auto;
  margin: .5em .2em .4em;
  padding: .2em .6em .3em;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  margin-top: -8px;
  margin-left: -8px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}

.ui-corner-all {
  border-radius: var(--qc-radius-xs, 4px);
}

.ui-icon {
  width: 16px;
  height: 16px;
  display: block;
}

.datepick {
  position: relative;
}

.datepick .ui-datepicker-trigger {
  position: absolute;
  top: 50%;
  right: 32px;
  transform: translateY(-50%);
}

@media screen and (width <= 480px) {
  .ui-datepicker {
    margin-left: -135px !important;
    left: 50% !important;
  }
}

@media screen and (width <= 850px) {
  .only_mo_flex {
    display: flex !important;
  }

  .ta_block_100 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
  }

  .ta_block_100 > * {
    flex: unset;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .ta_block_100 > :nth-child(n+2) {
    margin-top: var(--mo-mg-t);
  }

  small.web {
    display: none !important;
  }

  small.mo {
    display: inline-block !important;
  }

  .only_web {
    display: none !important;
  }

  .only_mo {
    display: block !important;
  }

  .only_mo_inline {
    display: inline-block !important;
  }

  .only_web_inline, .only_web_flex {
    display: none !important;
  }

  [class*="flex"].mo_col_1 {
    width: 100%;
    margin-left: 0;
    margin-top: -webkit-calc(-1 * var(--mo-mg-t));
    margin-top: -moz-calc(-1 * var(--mo-mg-t));
    margin-top: calc(-1 * var(--mo-mg-t));
  }

  [class*="flex"].mo_col_1 > * {
    margin: var(--mo-mg-t) 0 0;
    width: 100% !important;
  }

  [class*="flex"].mo_col_2 {
    width: -webkit-calc(100% + (var(--mo-mg-x) * 2));
    width: -moz-calc(100% + (var(--mo-mg-x) * 2));
    width: calc(100% + var(--mo-mg-x) * 2);
    margin-left: -webkit-calc(-1 * var(--mo-mg-x));
    margin-left: -moz-calc(-1 * var(--mo-mg-x));
    margin-left: calc(-1 * var(--mo-mg-x));
    margin-top: -webkit-calc(-1 * var(--mo-mg-t));
    margin-top: -moz-calc(-1 * var(--mo-mg-t));
    margin-top: calc(-1 * var(--mo-mg-t));
    flex-wrap: wrap;
  }

  [class*="flex"].mo_col_2 > * {
    width: -webkit-calc(50% - (var(--mo-mg-x) * 2));
    width: -moz-calc(50% - (var(--mo-mg-x) * 2));
    width: calc(50% - var(--mo-mg-x) * 2);
    margin: var(--mo-mg-t) var(--mo-mg-x) 0;
  }

  .inner.mo_block_100 {
    width: calc(100% - 8.3333vw) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  [class*="flex"].mo_block_100, .mo_block_100 {
    width: 100% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
  }

  [class*="flex"].mo_block_100 > *, .mo_block_100 > * {
    flex: unset;
    margin-top: var(--mo-mg-t);
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mo-w-10 {
    width: 10% !important;
  }

  .mo-w-20 {
    width: 20% !important;
  }

  .mo-w-30 {
    width: 30% !important;
  }

  .mo-w-40 {
    width: 40% !important;
  }

  .mo-w-50 {
    width: 50% !important;
  }

  .mo-w-60 {
    width: 60% !important;
  }

  .mo-w-70 {
    width: 70% !important;
  }

  .mo-w-80 {
    width: 80% !important;
  }

  .mo-w-90 {
    width: 90% !important;
  }

  .mo-w-100 {
    width: 100% !important;
  }

  .mo-w-auto {
    width: auto !important;
  }
}

.slick-next2, .slick-prev2 {
  z-index: 1000;
  width: 25px;
  height: 25px;
}

.slick-prev2 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.slick-next2 {
  position: absolute;
  top: 40%;
  right: 0;
  transform: translateY(-40%);
}

.slide_item2 {
  border-radius: var(--qc-radius-section, 24px);
  margin: 0 15px;
  overflow: hidden;
}

.list_box_slider {
  margin: 0 -15px;
}

.slick-next2 {
  background-image: url("/images/ico/slider_btn.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 25px;
  transform: rotate(180deg);
}

.slick-prev2 {
  background-image: url("/images/ico/slider_btn.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 25px;
}

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  display: block;
  position: relative;
}

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

.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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

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

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

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

.slick-slide img {
  width: 100%;
  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 {
  border: 1px solid #0000;
  height: auto;
  display: block;
}

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

.slidero-l {
  left: -20px;
}

.slidero-r {
  right: -20px;
}

.pagination {
  justify-content: center;
  align-items: center;
  padding: 50px 0 20px;
  display: flex;
}

.pagination ul {
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.pagination ul li {
  display: inline;
}

.pagination ul li a, .pagination ul li span {
  color: #6c757d;
  border: 1px solid #ddd;
  border-radius: 50%;
  padding: 25px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .3s, border-color .3s, color .3s;
  display: block;
}

.pagination ul li a:hover {
  background-color: #f0f0f0;
  border-color: #007bff;
}

.pagination ul li.active a {
  color: #007bff;
  border-color: #007bff;
}

.pagination ul li a, .pagination ul li span {
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  line-height: 1;
  display: flex;
}

.pagination ul li.disabled span {
  color: #ccc;
  cursor: not-allowed;
  border-color: #ddd;
}

.paging_wrap {
  margin-top: 50px;
  position: relative;
}

.paging {
  margin: 0 auto;
  display: table;
}

.paging.hide {
  visibility: hidden;
}

.paging strong {
  font-weight: 400;
}

.paging ul {
  justify-content: center;
  align-items: center;
  display: flex;
}

.paging ul li {
  text-align: center;
  margin: 0 5px;
}

.paging ul li.preview {
  margin-right: 15px;
}

.paging ul li.next {
  margin-left: 15px;
}

.paging ul li a {
  color: #454545;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #dbdbdb;
  width: 33px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
}

.paging ul li.active a, .paging ul li.on a {
  border: 1px solid var(--bs-point);
  background: var(--bs-point);
  color: #fff;
}

.paging ul li.double a {
  background-image: url("../images/ico/ico_paging_double.png");
}

.paging ul li.one a {
  background-image: url("../images/ico/ico_paging.png");
}

.paging ul li.next a, .paging ul li.last_page a {
  transform: rotate(180deg);
}

.paging .page li.preview a, .paging .page li.next a {
  background-image: url("/images/btn/prev_svg.svg");
  background-size: 1.15rem 1.15rem;
  font-size: 0;
}

.paging .page li a {
  color: #666;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  border: 2px solid #0000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-weight: 500;
  line-height: 36px;
  display: flex;
}

li.skip.backward {
  justify-content: center;
  align-items: center;
  display: flex;
}

li.skip.backward a {
  background-image: url("/images/btn/first_svg.svg");
  background-repeat: no-repeat;
  background-size: 1.15rem 1.15rem;
  font-size: 0;
}

li.skip.forward {
  justify-content: center;
  align-items: center;
  display: flex;
}

li.skip.forward a {
  background-image: url("/images/btn/last_svg.svg");
  background-repeat: no-repeat;
  background-size: 1.15rem 1.15rem;
  font-size: 0;
}

@media only screen and (width <= 850px) {
  .page {
    justify-content: center !important;
    display: flex !important;
  }

  .paging_wrap {
    margin-top: 6.5rem;
    position: relative;
  }

  .paging {
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    display: flex;
  }

  .paging ul.page {
    transform-origin: unset;
    width: unset;
    transform: scale(.9);
  }

  .paging ul li {
    margin: 0 .4rem;
  }

  .paging ul li.preview {
    margin-right: 1.5rem;
  }

  .paging ul li.next {
    margin-left: 1.5rem;
  }

  .paging .page li a {
    color: #666;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
    border: .2rem solid #0000;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 7rem;
    height: 7rem;
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 7rem;
    display: flex;
  }

  .paging ul li.double a {
    background-image: url("../images/ico/ico_paging_double_m.png");
  }

  .paging ul li.one a {
    background-image: url("../images/ico/ico_paging_m.png");
    background-size: 1.8rem 3rem;
  }

  li.skip.backward a, .paging .page li.preview a, .paging .page li.next a, li.skip.forward a {
    background-size: 2.15rem 2.15rem;
  }
}

.member .logo_box {
  margin-bottom: 40px;
}

.member .sub_sec_ttl {
  margin-bottom: 74px;
}

.member .inner_550 .sub_sec_ttl {
  margin-bottom: 34px;
}

.login_tab {
  margin-bottom: 40px;
  display: flex;
}

.login_tab button {
  color: #999;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  border-bottom-color: #252525;
  width: 100%;
  height: 54px;
  font-size: 16px;
  font-weight: 500;
  line-height: 52px;
  display: block;
  position: relative;
}

.login_tab button + button {
  margin-left: -1px;
}

.login_tab button.on {
  color: #252525;
  z-index: 1;
  border: 1px solid #252525;
  border-bottom: 0;
}

.login_box {
  display: none;
}

.login_box.on {
  display: block;
}

.login_cont .find_btn, .login_box .login_input .login_btn {
  box-shadow: 0 16px 15.04px .96px #2e3e9247;
}

.login_cont .find_btn {
  margin-top: 40px;
}

.member .login_box .save_id {
  margin-top: 30px;
}

.member .btn_link {
  justify-content: center;
  align-items: center;
  display: flex;
}

.member .btn_link a {
  color: #757575;
  display: block;
  position: relative;
}

.member .btn_link a + a {
  margin-left: 10px;
  padding-left: 10px;
}

.member .btn_link a + a:after {
  content: "";
  background: #ddd;
  width: 1px;
  height: 16px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.member .btn_link a span {
  color: #252525;
}

.sns_login_ttl {
  text-align: center;
  margin: 60px 0 50px;
  position: relative;
}

.sns_login_ttl:after {
  content: "";
  background: #dbdbdb;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
}

.sns_login_ttl span {
  z-index: 1;
  background: #fff;
  padding: 0 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.another_login {
  color: red;
  justify-content: center;
  align-items: center;
  gap: 20px;
  max-width: 860px;
  margin: 0 auto;
  display: flex;
}

.another_login .another_btn {
  color: #0000;
  background: center / cover no-repeat;
  width: 60px;
  height: 60px;
  font-size: 0;
  display: block;
}

.another_login .another_btn:nth-child(n+2) {
  margin-left: 40px;
}

.another_login .another_btn.naver {
  background-image: url("/images/ico/naver_ico.png");
}

.another_login .another_btn.kakao {
  background-image: url("/images/ico/kakao_ico.png");
}

.another_login .another_btn.line {
  background-image: url("/images/ico/line_ic.png");
  border-radius: 50%;
}

.another_login .another_btn.google {
  background-image: url("/images/ico/google_ico.png");
}

.another_login .another_btn.apple {
  background-image: url("/images/sub/app-ic.png");
}

.another_login .another_btn.facebook {
  background-image: url("/images/ico/facebook_ico.jpg");
}

.login_cont .find_radio {
  margin-bottom: 20px;
}

.login_cont .find_radio > div {
  width: 50%;
}

.login_cont .find_radio input + label {
  font-size: 22px;
  font-weight: 500;
}

.login_cont .button-row .cta_btn {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid;
  width: 90px;
  margin-left: 10px;
  font-weight: 500;
  line-height: 50px;
}

.join .sub_sec_ttl .ttl {
  line-height: 1.4;
}

.join .join_list li + li {
  margin-top: 10px;
}

.join .join_list a {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 60px;
  display: flex;
}

.join .join_list li.naver a {
  color: #fff;
  background: #21c95b;
  border-color: #21c95b;
}

.join .join_list li.kakao a {
  color: #000;
  background: #ffe100;
  border-color: #ffe100;
}

.join .join_list li.line a {
  color: #fff;
  background: #07b53b;
  border-color: #07b53b;
}

.join .join_list li.facebook a {
  color: #fff;
  background: #1877f2;
  border-color: #1877f2;
}

.join .join_list li.apple a {
  color: #fff;
  background-color: #000;
}

.join .join_list a i {
  background: center no-repeat;
  margin-right: 10px;
  display: block;
}

.join .join_list .naver a i {
  background-image: url("/images/ico/naver_ico.png");
  width: 26px;
  height: 28px;
}

.join .join_list .kakao a i {
  background-image: url("/images/ico/join_kakao_ico.png");
  width: 30px;
  height: 28px;
}

.join .join_list .line a i {
  background-image: url("/images/ico/line_ic_2.png");
  width: 35px;
  height: 33px;
}

.join .join_list .facebook a i {
  background-image: url("/images/ico/ic-face.png");
  width: 26px;
  height: 28px;
}

.join .join_list .google a i {
  background-image: url("/images/ico/join_google_ico.png");
  width: 31px;
  height: 32px;
}

.join .join_list .apple a {
  color: #fff;
  background-color: #252525;
}

.join .join_list .apple a i {
  background-image: url("/images/sub/ic-apple.png");
  width: 31px;
  height: 32px;
}

.join_step {
  margin-bottom: 50px;
}

.complete .join_step {
  margin-bottom: 80px;
}

.join_step ul {
  border-radius: var(--qc-radius-pill, 999px);
  background: #f7f7f9;
  align-items: center;
  display: flex;
}

.join_step ul li {
  width: calc(33.333% - 13.333px);
}

.join_step ul li + li {
  margin-left: 20px;
}

.join_step ul .step_ele {
  text-align: center;
  border-radius: var(--qc-radius-pill, 999px);
  color: #757575;
  font-size: 18px;
  font-weight: 500;
  line-height: 60px;
  display: block;
}

.join_step ul .on .step_ele {
  background: var(--bs-point);
  color: #fff;
  box-shadow: 0 16px 15.04px .96px #2e3e9247;
}

.join_form .tab_type_join {
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.join_form .tab_type_join .tab_item {
  border: 2px solid #0000;
  border-bottom: 2px solid var(--bs-point);
  cursor: pointer;
  user-select: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 66px;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.join_form .tab_type_join .tab_item.on {
  border: 2px solid var(--bs-point);
  color: var(--bs-point);
  border-bottom: 2px solid #0000;
}

.member form .form_list li {
  border-bottom: none;
  display: block;
}

.member form .form_list li + li {
  margin-top: 30px;
}

.member .mem_ttl {
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: 500;
}

.member form .form_list .bs-input-check input + label {
  color: #454545;
}

.member form .form_list .bs-input-check {
  margin-bottom: 20px;
}

.member form .form_list .terms_view {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #e5e5e5;
  height: 190px;
  padding: 10px;
  line-height: 1.5;
  overflow: auto;
}

.member form .form_list .terms_view * {
  box-sizing: border-box;
  word-break: break-word;
  overflow-wrap: anywhere;
  max-width: 100%;
  font-family: inherit !important;
  font-size: max(12px, 1rem) !important;
}

.member .form_list + .bot_btn {
  margin-top: 50px;
}

.member .bot_btn .cta_btn {
  text-align: center;
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  border: 1px solid;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size: 18px;
  font-weight: 500;
  line-height: 60px;
  display: flex;
}

.member .bot_btn .cta_btn.btn-point {
  box-shadow: 0 16px 15.04px .96px #2e3e9247;
}

.join_complete_img_box + .bot_btn .cta_btn {
  max-width: 300px;
  margin: 0 auto;
}

.join_complete_img_box {
  margin: 70px auto 0;
  display: block;
}

.join_complete_img_box img {
  margin: 0 auto;
  display: block;
}

form .input-group .form_label {
  width: inherit;
  margin-bottom: 12px;
  padding: 0;
  font-size: 18px;
}

form .input-group .val {
  max-width: inherit;
  padding: 0;
}

form .form_list .id_btn .btn-outline-dark {
  width: 130px;
}

form .input-group .caption {
  margin-top: 10px;
  font-size: 13px;
}

.datepick .ui-datepicker-trigger {
  right: 20px;
}

form .input-group .val textarea {
  height: 120px;
  padding: 10px;
}

form .form_list .check_route {
  letter-spacing: -1px;
  color: #252525;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-weight: 500;
  line-height: 50px;
}

form .form_list .ch_area [type="checkbox"] + label {
  letter-spacing: -1px;
  color: #252525;
  background: url("../images/ico/checkbox20x20.png") 0 no-repeat;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-weight: 400;
  line-height: 2.5;
}

.login_find .find_id_password {
  display: none;
}

.login_find .find_id .find_id_box .login_form p.text_deco {
  margin-top: 5px;
}

.find_radio {
  margin-bottom: 30px;
}

.find_radio .radio_item {
  display: inline-block;
}

.find_radio .radio_item + .radio_item {
  margin-left: 28px;
}

.mem_check.form_cont {
  padding: 140px 0 190px;
}

.mem_box {
  width: calc(100% - 30px);
  max-width: 600px;
  margin: 0 auto;
}

.mem_box .tit_box {
  margin-bottom: 60px;
}

.mem_box ul {
  display: flex;
}

.mem_box ul li {
  width: calc(50% - 17px);
  margin-right: 34px;
}

.mem_box ul li + li {
  margin: 0;
}

.mem_box ul li a {
  border-radius: #dbdbdb;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 38px 0 44px;
  display: flex;
}

.mem_box ul li a:hover {
  border-color: #f77725;
}

.mem_box ul li .ico {
  background: #e3e3e3;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  display: block;
  position: relative;
}

.mem_box ul li a:hover .ico {
  background-image: -webkit-linear-gradient(90deg, #fc6847 0%, #f28406 100%);
  background-image: -ms-linear-gradient(90deg,
            #fc6847 0%,
            #f28406 100%);
  background-image: -moz-linear-gradient(90deg, #fc6847 0%, #f28406 100%);
}

.mem_box ul li .ico i {
  background: center no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mem_box ul li .ico.people i {
  background-image: url("../images/ico/ico_join_01.png");
  width: 36px;
  height: 47px;
}

.find_radio > div {
  width: 50%;
}

.mem_box ul li .ico.company i {
  background-image: url("../images/ico/ico_join_02.png");
  width: 42px;
  height: 36px;
}

.mem_box ul li .txt {
  padding-top: 24px;
}

.mem_box ul li .txt strong {
  text-align: center;
  color: #666;
  margin-bottom: 16px;
  font-size: 20px;
  display: block;
}

.mem_box ul li a:hover .txt strong {
  color: #252525;
}

.mem_box ul li .txt p {
  text-align: center;
  color: #757575;
}

.form_cont.member_cont {
  padding: 140px 0 120px;
}

.member_cont .form_wrap {
  max-width: 640px;
}

.member_cont .input_wrap + .input_wrap {
  margin-top: 30px;
}

.input_wrap .checkbox {
  margin-top: 20px;
}

.input_wrap .count_box {
  color: #ee0505;
  margin-top: 10px;
  font-size: 13px;
}

.login_find input[type="checkbox"] {
  display: none;
}

.login_find input[type="checkbox"] + label {
  background: url("../images/ico/checkbox20x20.png") 0 no-repeat;
  padding-left: 45px;
  font-size: 15px;
  line-height: 2.5;
}

.login_find input[type="checkbox"]:checked + label {
  background-image: url("../images/ico/checked20x20.png");
}

.login_find input[type="radio"] {
  display: none;
}

.find_id .find_cation {
  color: #757575;
  letter-spacing: -.06em;
  margin-bottom: 30px;
  line-height: 1.5;
}

.find_id .find_cation.ncat {
  margin-bottom: 0;
}

.find_id .button_wrap input {
  width: calc(100% - 110px);
}

.find_id .button_wrap button {
  width: 100px;
}

.find_id .input_wrap + .input_wrap {
  margin-top: 30px;
}

.login_find .find_id .find_id_box .login_form {
  border: none;
  width: 100%;
  margin-right: 0;
  display: none;
}

.login_find .find_id .find_id_box .login_form.on {
  display: block;
}

#info_mobile .tel_row input[type="text"], #info_mobile .tel_row input[type="tel"] {
  width: 65%;
}

.login_find .find_id .find_id_box .inp_info {
  color: #252525;
  margin-bottom: 10px;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-weight: 500;
}

.login_find .find_id .find_id_box .ph_wrap, .login_find .find_id .find_id_box .email_wrap {
  align-items: center;
  gap: 10px;
}

.login_find .find_id .find_id_box .button_wrap {
  gap: 10px;
}

.login_find .find_id .find_id_box .button_wrap.email {
  margin-top: 10px;
}

.login_find .find_id .find_id_box .button_wrap .certi_ok {
  border-radius: var(--qc-radius-xs, 4px);
  letter-spacing: -1px;
  color: #252525;
  background-color: #fff;
  border: 1px solid #757575;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 50px;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-weight: 500;
  line-height: 81px;
  display: flex;
}

.login_find .find_id .find_id_box .one_btn {
  border-radius: var(--qc-radius-xs, 4px);
  letter-spacing: -1px;
  color: #252525;
  background-color: #fff;
  border: 1px solid #757575;
  justify-content: center;
  align-items: center;
  width: 550px;
  height: 50px;
  margin-top: 10px;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.login_find .find_id .find_id_box .ph_wrap .certi_ok {
  border-radius: var(--qc-radius-xs, 4px);
  letter-spacing: -1px;
  color: #252525;
  background-color: #fff;
  border: 1px solid #757575;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 50px;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-weight: 500;
  line-height: 81px;
  display: flex;
}

.login_find .find_id .find_id_box .input_wrap {
  margin-top: 10px;
}

.login_find .find_id .find_id_box .email {
  margin-top: 30px;
}

.login_find .find_id .find_id_box .email .form_label {
  letter-spacing: -1px;
  color: #252525;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}

.login_find .find_id .find_id_box .email .email_row {
  margin-top: 10px;
}

.login_find .find_id .find_id_box .login_form:last-child {
  width: 100%;
  position: relative;
}

.login_find .find_id .find_id_box .login_form .in_member {
  margin-left: 0;
}

.alert_box {
  width: 100%;
  margin-bottom: 20px;
}

.alert_box p {
  text-align: center;
  color: #ff163e;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4444;
}

.inner_620 {
  max-width: 620px;
}

@media screen and (width <= 850px) {
  .inner_620 {
    max-width: 66rem;
  }

  .find_radio input + label {
    font-size: max(12px, 2.6rem);
  }

  .login_cont .cta_btn, .login_cont .find_btn {
    line-height: 8.2103rem;
  }

  .join_step ul .step_ele {
    font-size: max(12px, 2.6rem);
    line-height: 8.9999rem;
  }

  .join_step ul li {
    width: 33.333%;
  }

  .join_step ul li + li {
    margin-left: 0;
  }

  .member .mem_ttl {
    margin-bottom: 4.0001rem;
    font-size: max(12px, 3.2001rem);
  }

  .member form .form_list .terms_view {
    border-radius: var(--qc-radius-xs, 4px);
    height: 22.7999rem;
    padding: 1.8572rem;
    line-height: 1.5;
  }

  .login_find .find_id .find_id_box .ph_wrap {
    flex-wrap: wrap;
    gap: 1.8572rem;
  }

  .login_find .find_id .find_id_box .email_wrap {
    align-items: center;
    gap: 1.8572rem;
  }

  .login_find .find_id .find_id_box .email_wrap select, .login_find .find_id .find_id_box .email_wrap input, .login_find .find_id .find_id_box .ph_wrap select, .login_find .find_id .find_id_box .ph_wrap input {
    border-radius: var(--qc-radius-card, 16px);
    width: calc(33.3333% - .666633rem);
    height: 8.9999rem;
    font-size: max(12px, 2.6rem);
  }

  .login_find .find_id .find_id_box .one_btn {
    border-radius: var(--qc-radius-xs, 4px);
    border: .1999rem solid #757575;
    width: 100%;
    height: 8.9999rem;
    margin-top: 1.9999rem;
    font-size: max(12px, 2.6rem);
  }

  .login_find .find_id .find_id_box .input_wrap input {
    border-radius: var(--qc-radius-card, 16px);
    height: 8.9999rem;
    font-size: max(12px, 2.6rem);
  }

  .login_find .find_id .find_id_box .input_wrap .confirm_text {
    width: 45.0658rem;
  }

  .login_find .find_id .find_id_box .ph_wrap .button_wrap {
    width: 100%;
  }

  .login_find .find_id .find_id_box .ph_wrap button.certi_ok {
    border-radius: var(--qc-radius-card, 16px);
    width: 100%;
    height: 8.2103rem;
    font-size: max(12px, 2.6rem);
  }

  form .form_list .id_btn .btn-outline-dark {
    width: 26rem;
    height: 8.2103rem;
    font-size: max(12px, 2.6rem);
    line-height: 2.6rem;
  }

  form .form_list .addr_row .button_row.mw-260 {
    max-width: unset;
  }

  form .form_list .addr_row .button_row button {
    height: 8.2103rem;
    width: unset;
    padding: 0 2.6rem;
    font-size: max(12px, 2.6rem);
    line-height: 2.6rem;
  }

  form .input-group .form_label, .login_find .find_id .find_id_box .email .form_label, .login_find .find_id .find_id_box .inp_info, form .input-group .caption {
    font-size: max(12px, 2.6rem);
  }

  .member .bot_btn .cta_btn {
    justify-content: center;
    align-items: center;
    height: 9.2856rem;
    margin-bottom: 13rem;
    font-size: max(12px, 2.6rem);
    line-height: 2.6rem;
    display: flex;
  }

  form .form_list .ch_area [type="checkbox"] + label {
    background-size: 2.9999rem 2.9999rem;
    padding-left: 4.0001rem;
    font-size: max(12px, 2.6rem);
  }

  .ch_area input[type="radio"] + label:before, .ch_area input[type="checkbox"] + label:before {
    border: .3999rem solid #0000;
    border-top: none;
    border-left: none;
    width: 1rem;
    height: 1.4999rem;
    top: calc(50% - .3999rem);
    left: .39rem;
  }

  .ch_area input[type="radio"] + label:after, .ch_area input[type="checkbox"] + label:after {
    width: 2.9999rem;
    height: 2.9999rem;
  }

  .join_step, .complete .join_step {
    margin-bottom: 10.0001rem;
  }

  .join_complete_img_box {
    margin: 7rem 0 0;
  }

  .member .sub_sec_ttl {
    margin-top: 7rem;
    margin-bottom: 5.0001rem;
  }

  .find_radio {
    flex-direction: row;
    align-items: center;
    margin-bottom: 3.7144rem;
  }

  .find_radio > div {
    border-radius: var(--qc-radius-control, 8px);
    text-align: center;
    border: 1px solid #dbdbdb;
    width: 50%;
    padding: 2rem;
  }

  .find_radio > div + div {
    margin-top: 0;
  }

  .login_cont, .join_form {
    padding-bottom: 6rem;
  }

  .member form .form_list li + li {
    margin-top: 2.9999rem;
  }

  .member .form_list + .bot_btn {
    margin-top: 5.0001rem;
  }

  .join_step ul .on .step_ele {
    height: 8.9999rem;
    box-shadow: 0 1.6rem 1.5041rem .0959rem #2e3e9247;
  }

  .member .logo_box {
    margin-bottom: 6rem;
    padding-top: 4.0001rem;
  }

  .member .logo_box img {
    width: 35.1001rem;
    height: 9.0999rem;
  }

  .member .logo_box .login_ttl p {
    color: #252525;
    font-size: max(12px, 6rem);
    font-weight: 700;
    line-height: 1.4;
  }

  .login_tab {
    margin-bottom: 5.0001rem;
  }

  .login_tab button {
    height: 9.2999rem;
    font-size: max(12px, 2.6rem);
    line-height: unset;
    border: .1999rem solid #dbdbdb;
    border-bottom-color: #252525;
  }

  .login_tab button.on {
    border: .1999rem solid #252525;
    border-bottom: 0;
  }

  .member .login_input > div + div {
    margin-top: 1.9999rem;
  }

  .member .login_box .save_id {
    margin-top: 4.0001rem;
  }

  .sns_login_ttl {
    margin: 10.0001rem 0 6rem;
  }

  #popupLogin_ .sns_login_ttl {
    text-align: center;
    margin: 6rem 0 5rem;
    position: relative;
  }

  .sns_login_ttl span {
    padding: 0 4.0001rem;
    font-size: max(12px, 2.6rem);
    line-height: 6.5rem;
  }

  .another_login {
    max-width: unset;
    margin-bottom: 0;
  }

  .another_login .another_btn {
    background-size: 8.9999rem;
    width: 8.9999rem;
    height: 8.9999rem;
  }

  .another_login .another_btn:nth-child(n+2) {
    margin-left: 1.9999rem;
  }

  .another_login .another_btn.naver {
    background-image: url("/images/ico/naver_ico.png");
  }

  .another_login .another_btn.kakao {
    background-image: url("/images/ico/kakao_ico.png");
  }

  .another_login .another_btn.line {
    background-image: url("/images/ico/line_ic.png");
  }

  .another_login .another_btn.google {
    background-image: url("/images/ico/google_ico.png");
  }

  .login_box .login_input .login_btn.tab_2 {
    margin-bottom: 34.9999rem;
  }

  .login_find .find_id .find_id_box .button_wrap .certi_ok {
    border-radius: var(--qc-radius-xs, 4px);
    border: .1999rem solid #757575;
    width: 13.6999rem;
    height: 8.9999rem;
    font-size: max(12px, 2.6rem);
  }

  .login_find .find_id .find_id_box .button_wrap {
    justify-content: space-between;
    gap: 0;
  }

  .datepick .ui-datepicker-trigger {
    right: 4.0001rem;
  }

  .member .join_list {
    margin-bottom: 13rem;
  }

  .join .join_list a {
    border-radius: var(--qc-radius-control, 8px);
    border: .1999rem solid;
    font-size: max(12px, 2.7999rem);
    line-height: 8.9999rem;
  }

  .join .join_list .naver a i {
    background-image: url("../images/ico/join_naver_ico.png");
    background-size: 3.5001rem;
    width: 3.5001rem;
    height: 3.5001rem;
  }

  .join .join_list .kakao a i {
    background-size: 3.7001rem;
    width: 3.7001rem;
    height: 3.5001rem;
  }

  .join .join_list .google a i {
    background-size: 100%;
    width: 3.5rem;
    height: 3.6rem;
  }

  .btn.btn-lg {
    border-radius: var(--qc-radius-control, 8px);
    height: 8.9999rem;
    font-size: max(12px, 2.7999rem);
  }

  .member .btn_link {
    justify-content: center;
    align-items: center;
    font-size: max(12px, 2.6rem);
    display: flex;
  }

  .sub.login .bs-input-check input[type="checkbox"] + label:after {
    top: 0 !important;
  }

  .member .btn_link a + a:after {
    content: "";
    background: #ddd;
    width: .1rem;
    height: 2.4rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .member .btn_link a + a {
    margin-left: 1rem;
    padding-left: 1rem;
  }

  .tel_row span, .email_row span {
    width: 2rem;
    font-size: max(12px, 2.6rem);
  }

  .login_cont .find_radio input + label {
    font-size: max(12px, 2.8rem);
    font-weight: 500;
  }

  .bs-input-radio input[type="radio"] + label {
    color: #aaa;
    padding-left: 0;
  }

  .bs-input-radio input[type="radio"]:checked + label {
    color: #252525;
  }

  .bs-input-radio input[type="radio"] + label:after, .bs-input-radio input[type="radio"] + label:before {
    display: none;
  }

  .login_box .input-group select {
    background: #fff url("/images/ico/select_ico.png") right 2rem center no-repeat;
  }

  .find_radio > div:has(input:checked) {
    border-radius: var(--qc-radius-control, 8px);
    border: 1px solid #000;
  }

  .member form .form_list .terms_view * {
    font-size: unset !important;
    font-family: inherit !important;
  }

  .two-table-tb {
    box-sizing: border-box;
    width: 100%;
  }

  .two-table-tb table {
    table-layout: fixed;
    width: 100%;
  }

  .two-table-tb th, .two-table-tb td {
    box-sizing: border-box;
    word-break: break-word;
    max-width: 100%;
  }

  .order-form-page .two-table-tb {
    margin-top: 2rem;
  }
}

.one_txt_slider .amount, .item_list .detail_box {
  margin: 20px 0;
}

main .slick-arrow {
  color: #0000;
  z-index: 100;
  background: url("../images/common/slider_btn.png") center no-repeat;
  width: 50px;
  height: 50px;
  font-size: 0;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

main .slick-prev {
  left: -10px;
}

main .slick-next {
  right: -10px;
  transform: translateY(-50%) rotateY(180deg);
}

.sub .pop_imgView_slider .slick-prev {
  left: -10px;
}

.sub .pop_imgView_slider .slick-next {
  right: -10px;
  transform: translateY(-50%) rotateY(180deg);
}

.sub .slick-prev {
  left: 0;
}

.sub .slick-next {
  right: 0;
  transform: translateY(-50%) rotateY(180deg);
}

.sub .one_txt_slider_sec .slick-prev {
  left: -27px;
}

.sub .one_txt_slider_sec .slick-next {
  right: -27px;
  transform: translateY(-50%) rotateY(180deg);
}

.slick-dots {
  align-items: center;
  display: flex;
}

.slick-dots button {
  color: #0000;
  background: #b5b5b2;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  font-size: 0;
  display: block;
}

.slick-dots .slick-active button {
  background: #252525;
}

.btn_box {
  justify-content: center;
  align-items: center;
  margin: 40px 0 0;
  display: flex;
}

.btn_box .more_list {
  border-radius: var(--qc-radius-control, 8px);
  border: 1px solid;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 700;
  line-height: 60px;
  display: flex;
}

.btn_box .more_list i {
  background: url("../images/ico/ico_list_down.png") center no-repeat;
  width: 16px;
  height: 10px;
  margin-left: 8px;
  display: block;
}

.more_link {
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.more_link i {
  background: url("../images/btn/more_link.png") center no-repeat;
  width: 14px;
  height: 14px;
  margin-left: 10px;
  display: block;
}

.ux_btn_wrap {
  gap: 8px;
}

.ux_txt_btn {
  color: #454545;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  align-items: center;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  display: flex;
}

.ux_txt_btn i {
  background: center no-repeat;
  margin-right: 6px;
  display: block;
}

.ux_txt_btn.message i {
  background-image: url("../images/btn/ux_btn_message.png");
  width: 18px;
  height: 16px;
}

.ux_txt_btn.print i {
  background-image: url("../images/btn/ux_btn_print.png");
  width: 22px;
  height: 19px;
}

.ux_txt_btn.picture i {
  background-image: url("../images/btn/ux_btn_imgView.png");
  width: 16px;
  height: 16px;
}

.ux_txt_btn.map i {
  background-image: url("../images/btn/ux_btn_map.png");
  width: 20px;
  height: 18px;
}

.ux_txt_btn.bg {
  border-radius: var(--qc-radius-pill, 999px);
  color: #fff;
  background: #00000080;
  border: none;
  padding: 0 15px;
}

.ux_square_btn {
  border-radius: var(--qc-radius-xs, 4px);
  background: center no-repeat;
  border: 1px solid #dbdbdb;
  width: 34px;
  height: 34px;
  display: block;
}

.ux_square_btn.share {
  background-image: url("../images/btn/ux_btn_share.png");
}

@media screen and (width <= 1300px) {
  main .slick-prev {
    left: 0;
  }

  main .slick-next {
    right: 0;
  }
}

@media screen and (width <= 768px) {
  .btn_box {
    justify-content: center;
    align-items: center;
    margin: 2.6923rem 0 0;
    display: flex;
  }
}

.hotel-card-price .price-sub {
  display: none !important;
}

.hotel_page_content .sub_section3 .thailand_hotel_top_item_ .img_box > img {
  border-radius: 0 !important;
}

.sub_tour_section7_product_item__keywords span {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.content-sub-product-hotel .tab_box_area_ .tab_box_element_ {
  border-radius: var(--qc-radius-section, 24px);
  text-wrap: nowrap;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #757575;
  text-align: center;
  cursor: pointer;
  border: 1px solid #dbdbdb;
  height: auto;
  padding: 4px 15px;
  font-family: NotoSansCJKkr, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}

.content-sub-product-hotel .product-card-item-container-list {
  flex-wrap: wrap;
  display: flex;
}

.content-sub-product-hotel .list-item-info .item-info .item-price-info span.text-gray {
  color: var(--gray-500);
  margin-left: 2px;
  font-size: 13px;
  font-weight: 500;
}

.content-sub-hotel-detail .title-container {
  flex-direction: column;
  gap: 20px;
  margin-top: 32px;
  display: flex;
}

.content-sub-hotel-detail .top_back {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.content-sub-hotel-detail .title-container.spe {
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  margin-top: 32px;
  display: flex;
}

.list-icon {
  align-items: center;
  gap: 10px;
  position: relative;
  display: flex !important;
}

.list-icon.only_web {
  display: flex !important;
}

.list-icon .list_share {
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding: 10px;
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: -14px;
  box-shadow: 0 -1px 4px #0003;
}

.list-icon .list_share img {
  height: auto;
  padding: 0;
}

.list-icon .list_share .kakao img {
  width: 40px;
}

.list-icon .list_share .link_ img {
  width: 30px;
}

.list-icon > img:first-child {
  border-radius: var(--qc-radius-xs, 4px);
  padding: 8px 6px;
}

.list-icon img {
  cursor: pointer;
  padding: 8px 6px;
}

.content-sub-hotel-detail .rating-container span:not(:first-of-type) {
  text-wrap: nowrap;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.content-sub-hotel-detail .main a.active, .content-sub-hotel-detail .main p.active, .content-sub-hotel-detail .main p:hover {
  color: var(--bs-point);
}

.content-sub-hotel-detail .section2 .tag-list-icon {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.content-sub-hotel-detail .room_price_day_sale, .content-sub-hotel-detail .hotel_price_day_sale {
  font-weight: bold;
}

.content-sub-hotel-detail .book-button, .content-sub-hotel-detail .contact-button, .content-sub-hotel-detail .book-add-cart {
  color: #000;
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  width: 90px;
  margin-top: 2px;
  padding: 12px 0;
}

.content-sub-product-hotel .text-primary, .content-sub-product-hotel .product-card-item-container .sub-title, .content-sub-product-hotel .list-item-info .item-info:nth-child(2) p, .content-sub-product-hotel .product-card-item-container .item-info span:first-child .content-sub-product-hotel .product-card-item-container .item-price-info {
  color: #757575;
}

.tours-detail .section2 .sec2-item-card.tour_calendar {
  border: unset;
  box-shadow: unset;
  padding-bottom: 140px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.tours-detail .section2 .form-group input {
  height: var(--bs-input-height);
  width: 100%;
  margin-bottom: unset;
  cursor: pointer;
  background: none;
  padding: 0 .9375em;
  display: block;
}

.tours-detail .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .tours-detail .ui-datepicker .ui-datepicker-title {
  font-size: 18px;
}

.tours-detail .day.current-day, .tours-detail .day.active {
  background-color: #556ab2;
  color: #fff !important;
}

.tours-detail .quantity-info .price .unit, .total_small {
  font-size: 16px;
}

.tour_content_desc {
  gap: 50px;
}

.tour_content_desc .product_info {
  width: calc(50% - 60px);
}

.tour_content_desc .product_info:only-child {
  width: 100%;
}

.product-card-item-left .product-card-label-list {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 3px;
  display: flex;
  position: absolute;
  top: 10px;
  right: 10px;
}

.product-card-item-left .product-card-label-list .product-card-label {
  color: #fff;
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding: 5px 8px;
  font-size: 14px;
  display: flex;
}

.custom-golf-detail .card-content p.text-gray, .custom-golf-detail .card-content .card-item p.cus-text, .custom-golf-detail .card-content .card-item.active_2 p.cus-text {
  margin-bottom: 10px;
}

.custom-golf-detail .section2-sub .right-main .item-right:not(:last-child), .vehicle_list_result {
  border-bottom: 1px dashed #ccc;
}

.custom-golf-detail .qa-list {
  border-top: 1px solid #ddd;
  padding: 0;
  list-style-type: none;
}

.thailand_hotel_top_item_ .emo_social .social:before {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  display: inline-block;
}

.thailand_hotel_top_item_ .emo_social .social.social-like:before {
  opacity: .5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
}

.thailand_hotel_top_item_ .emo_social .social.social-comment:before {
  opacity: .5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

.thailand_hotel_top_item_ {
  border-radius: var(--qc-radius-control, 8px);
  width: calc(25% - 15px);
  color: inherit;
  background: #fff;
  border: 1px solid #e8e8e8;
  flex-direction: column;
  text-decoration: none;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 4px #0000000a;
}

.tra_sec_02_swiper ._text_box {
  color: #fff;
  text-align: center;
  width: 100%;
  line-height: 1.5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.travel-tips .swiper-button-next:after, .travel-tips .swiper-button-prev:after {
  content: "";
}

.hoteltheme_main .swiper-button-prev:after, .hoteltheme_main .swiper-rtl .swiper-button-next:after, .hoteltheme_main .swiper-button-next:after, .hoteltheme_main .swiper-rtl .swiper-button-prev:after {
  content: "";
}

.tour_type_group .company_url {
  color: #1bbacb;
  line-height: 1.4;
}

.write_new_review {
  justify-content: end;
  align-items: center;
  gap: 20px;
  display: flex;
}

.content-sub-product-hotel {
  font-family: NotoSansCJKkr;
}

@media screen and (width >= 851px) and (width <= 1200px) {
  .grid_2_2 img.grid_2_2_size {
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    height: 216px;
    width: calc(50% - 4.5px) !important;
  }

  .grid_2_2_sub {
    width: calc(50% - 4.5px) !important;
  }

  .grid_2_2 .custom_button {
    width: 100% !important;
  }

  .content-sub-hotel-detail .main {
    gap: 2vw;
    font-size: 1.7vw;
  }

  .content-sub-hotel-detail .section1 button, .content-sub-hotel-detail .section1 .btn_contact_write, .content-sub-hotel-detail .section1 .btn_company_channel {
    padding: 12px 35px;
  }

  .main_page_01 .main_visual_content_ .form_element_ {
    flex-wrap: wrap;
  }

  .content-sub-hotel-detail .section3 {
    margin-top: 270px;
  }
}

.timetable_wrap .question .qa_box .question_box {
  cursor: pointer;
  background-color: #fafafa;
  padding: 25px;
}

.timetable_wrap .question .qa_box .question_box .question_ttl .txt_detail {
  letter-spacing: -1px;
  color: #252525;
  margin-top: -5px;
  margin-left: 24px;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.timetable_wrap .question .qa_box .question_box.active .question_ttl .txt_detail {
  color: #fff;
}

.timetable_wrap .question .qa_box .question_box .gray_txt {
  letter-spacing: -1px;
  color: #757575;
  text-wrap: nowrap;
  margin-right: 25px;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.timetable_wrap .answer_box .view_card .view_box {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #dbdbdb;
  flex-direction: column;
  gap: 40px;
  margin: 20px 0;
  padding: 20px;
  display: flex;
}

.timetable_wrap .answer_box .view_card .view_box .view_img .img_box {
  border-radius: var(--qc-radius-card, 16px);
  width: 366px;
  height: 250px;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

.timetable_wrap .answer_box .view_card .view_box .view_img .img_box img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.popup_wrap.all_img_view .popup .all_img .slick-counter2, .popup_wrap.all_img_view .popup .all_img span {
  color: #fff;
}

#bannerTitle {
  line-height: 2;
}

.ico-heart {
  cursor: pointer;
  fill: none;
  stroke: #333;
  stroke-width: 1.8px;
  stroke-linejoin: round;
  transition: fill .18s, stroke .18s, transform .18s;
}

.ico-heart:hover {
  transform: scale(1.08);
}

.ico-heart.is-on {
  fill: #e53333;
  stroke: #e53333;
}

@media screen and (width <= 1300px) {
  .sub_tour_right {
    width: 58vw;
  }

  .sub_tour__slide__scroll {
    min-width: 20vw;
    max-width: 20vw;
  }
}

@media only screen and (width >= 851px) and (width <= 1200px) {
  .content-sub-product-hotel .sub-hotel-container .category-left {
    display: none;
  }

  .content-sub-product-hotel .content-right {
    width: 100%;
  }

  .tour_type_group {
    margin-top: 0;
  }
}

@media only screen and (width <= 850px) {
  .tour_type_group .list-icon {
    display: none !important;
  }

  .golf-table tbody td {
    text-align: left;
    border: 1px solid #ddd;
    padding: 2rem;
    font-size: max(12px, 2.2rem);
  }

  .golf-table thead th {
    padding: 2rem;
    font-size: max(12px, 2.2rem);
    font-weight: bold;
  }

  .tour_content_desc .product_info {
    width: 100%;
  }

  .tour_content_desc {
    flex-direction: column;
  }

  .popup_wrap.all_img_view .popup {
    width: 90vw;
  }

  .popup_wrap.all_img_view .popup .content {
    width: 100%;
  }

  .popup_wrap.all_img_view .popup .content .slick-slide img {
    border-radius: var(--qc-radius-card, 16px);
    height: 45rem;
    min-height: 45rem;
  }

  .timetable_wrap .fiex_nav {
    z-index: 100;
    background: #fff;
    width: 100%;
    max-width: 100%;
    padding: 0;
    position: sticky;
    top: 0;
  }

  .timetable_wrap .fiex_nav ol {
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    display: flex;
  }

  .timetable_wrap .fiex_nav a {
    border-radius: var(--qc-radius-control, 8px);
    border: 1px solid #dbdbdb;
    padding: 1.5rem 2rem;
  }

  .timetable_wrap .info_layout.view_cont {
    padding: 0 0 5.633rem 0;
    overflow: hidden;
  }

  .timetable_wrap .question .qa_box .question_box {
    cursor: pointer;
    background-color: #fafafa;
    border-bottom: .087rem solid #eee;
    padding: 2.6rem;
  }

  .timetable_wrap .question .qa_box .question_box .question_ttl {
    gap: 3rem;
    width: 100%;
    align-items: flex-start !important;
  }

  .timetable_wrap .question .qa_box .question_box .question_ttl div {
    text-align: right;
    flex-direction: column;
    gap: 0;
    width: calc(100% - 10.3rem);
    padding-right: 2.6rem;
    display: flex;
  }

  .timetable_wrap .question .qa_box .question_box .question_ttl p {
    letter-spacing: -.087rem;
    color: #252525;
    flex: 1;
    width: 8.3rem;
    padding-top: .78rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.774rem);
    font-weight: 700;
    line-height: 2.254rem;
  }

  .timetable_wrap .accordion_box .accor_title {
    cursor: pointer;
    border-top: .38px solid #eee;
    border-bottom: .38px solid #eee;
    padding: 2.6rem;
  }

  .timetable_wrap .accordion_box .accor_title .txt_area .txt_desc {
    letter-spacing: -.38px;
    color: #252525;
    width: 24.266rem;
    padding-bottom: 0;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.774rem);
    font-weight: 700;
    line-height: 2.254rem;
  }

  .timetable_wrap .accordion_box .accor_title img {
    width: 1.387rem;
    height: .953rem;
  }

  .timetable_wrap .accordion_box .accor_title .txt_area .txt_tour {
    letter-spacing: -.38px;
    color: #252525;
    padding-right: 5.2rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.254rem);
    font-weight: 400;
    line-height: 3.294rem;
  }

  .timetable_wrap .question .qa_box .question_box .question_ttl .txt_detail {
    letter-spacing: -.087rem;
    color: #252525;
    margin-left: unset;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.427rem);
    font-weight: 500;
    line-height: 3.466rem;
  }

  .timetable_wrap .question .qa_box .question_box .question_ttl .gray_txt {
    letter-spacing: -.38px;
    color: #757575;
    margin-right: unset;
    width: unset;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.426rem);
    font-weight: 400;
    line-height: 2.254rem;
    display: block;
  }

  .timetable_wrap .question .qa_box .question_box img {
    width: 1.387rem;
    height: .953rem;
    margin-top: 1.3rem;
  }

  .timetable_wrap .accordion_box .accor_cont {
    padding: unset;
    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont img {
    width: 57.2rem;
    height: 38.914rem;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont {
    display: unset;
    gap: 5.77px;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont .option_top .btn_view {
    letter-spacing: -.38px;
    color: #fff;
    border-radius: var(--qc-radius-pill, 999px);
    background-color: #bda365;
    justify-content: center;
    align-items: center;
    width: 6.5rem;
    height: 3.986rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.166rem);
    font-weight: 500;
    line-height: 2.254rem;
    display: flex;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont .option_top {
    gap: .866rem;
    margin-top: 1.734rem;
    margin-bottom: .866rem;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont .option_top .title {
    letter-spacing: -.38px;
    color: #252525;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.254rem);
    font-weight: 500;
    line-height: 2.254rem;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont .option_desc p {
    letter-spacing: -.38px;
    color: #454545;
    padding-bottom: 2.6rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.254rem);
    font-weight: 400;
    line-height: 3.294rem;
  }

  .timetable_wrap .answer_box {
    background-color: #fff;
    border-bottom: .087rem solid #eee;
    margin: 2.6rem 0 2.6rem 2.08rem;
    padding-left: 2.6rem;
    display: none;
  }

  .timetable_wrap .answer_box .view_info h3:before {
    content: "";
    background: url("/images/sub/location_title.jpg") center / 2.514rem no-repeat;
    width: 2.514rem;
    height: 3.726rem;
    position: absolute;
    left: -3.926rem;
  }

  .timetable_wrap .answer_box .view_info h3 {
    margin-bottom: .866rem;
    font-size: max(12px, 2.254rem);
    line-height: 5.026rem;
  }

  .timetable_wrap .answer_box .view_info + .view_info h3 {
    padding: 1rem 0 0;
  }

  .timetable_wrap .answer_box .view_info p:before {
    content: "";
    background: url("/images/sub/location_sub_title.png") center / 1.04rem no-repeat;
    width: 1.04rem;
    height: 1.04rem;
    position: absolute;
    top: 4.68rem;
    left: -3.25rem;
  }

  .timetable_wrap .answer_box .view_info p {
    color: #454545;
    padding: 2.6rem 0;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.254rem);
    font-weight: 400;
    line-height: 5.026rem;
    position: relative;
  }

  .timetable_wrap .answer_box .view_card .view_box {
    background-color: #fff;
    border: .087rem solid #dbdbdb;
    margin-top: .5rem;
    padding: 3.033rem 2.6rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .title {
    letter-spacing: -.087rem;
    color: #252525;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.427rem);
    font-weight: 500;
    line-height: 3.466rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .line {
    width: 100%;
    margin: 2.253rem 0;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img {
    justify-content: space-between;
    gap: 1.732rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img .img_box {
    max-width: initial;
    max-height: initial;
    width: 66rem;
    height: 28rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img .img_box .all_img {
    opacity: .6;
    border-radius: var(--qc-radius-section, 24px);
    width: 15.773rem;
    height: 4.332rem;
    position: absolute;
    bottom: 2.253rem;
    right: 1.3rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img .img_box .all_img img {
    width: 2.08rem;
    height: 1.993rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img .img_box .all_img p {
    letter-spacing: -.38px;
    color: #fff;
    margin-left: .866rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 1.907rem);
    font-weight: 400;
    line-height: 2.08rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .desc {
    letter-spacing: -.087rem;
    color: #454545;
    margin-top: 2.6rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.253rem);
    font-weight: 400;
    line-height: 3.466rem;
  }

  #read-more-button {
    font-size: max(12px, 1.732rem);
    font-weight: 400;
    line-height: 2.6rem;
    position: relative;
  }

  #read-more-button:after {
    content: "";
    width: 7.28rem;
    height: .087rem;
    position: absolute;
    bottom: -.433rem;
  }

  .timetable_wrap .answer_box .view_card .card_cont {
    margin-top: 8.233rem;
    position: relative;
  }

  .timetable_wrap .answer_box .view_card .card_cont .swiper-button-prev {
    background: url("/images/sub/ic_arrow_left.png") center no-repeat;
    left: 46.627rem;
    right: auto;
  }

  .timetable_wrap .answer_box .view_card .card_cont .swiper-button-next {
    background: url("/images/sub/ic_arrow_right.png") center no-repeat;
    left: auto;
    right: .866rem;
  }

  .timetable_wrap .answer_box .view_card .card_cont .swiper-button-next, .timetable_wrap .answer_box .view_card .card_cont .swiper-button-prev {
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: .953rem 1.387rem;
    width: .953rem;
    height: 1.387rem;
    margin-top: 0;
    position: absolute;
    top: 3%;
  }

  .timetable_wrap .answer_box .view_card .box_cont .btn_view {
    letter-spacing: -.087rem;
    color: #fff;
    border-radius: var(--qc-radius-section, 24px);
    background-color: #bda365;
    justify-content: center;
    align-items: center;
    width: 5.46rem;
    height: 3.38rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 1.907rem);
    font-weight: 500;
    line-height: 2.253rem;
    display: flex;
  }

  .timetable_wrap .answer_box .view_card .box_cont .title {
    letter-spacing: -.087rem;
    color: #252525;
    margin-left: 1.92px;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.427rem);
    font-weight: 500;
    line-height: 2.253rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img_third {
    gap: 0;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box {
    flex-direction: column;
    display: flex;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box img {
    width: 27.127rem;
    height: 17.16rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box p {
    letter-spacing: -.087rem;
    color: #454545;
    margin-top: 1.732rem;
    padding-left: 1.3rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.253rem);
    font-weight: 400;
    line-height: 2.773rem;
    position: relative;
  }

  .timetable_wrap .card_cont .swiper-button-prev, .timetable_wrap .card_cont .swiper-button-next {
    display: inline-block;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box p:before {
    content: "-";
    color: inherit;
    position: absolute;
    top: 0;
    left: 0;
  }

  .timetable_wrap .answer_box .view_bot {
    padding: 2.6rem 0;
  }

  .timetable_wrap .answer_box .view_bot .links + .links {
    margin-top: 2.167rem;
  }

  .timetable_wrap .answer_box .view_bot .links .btn {
    border-radius: var(--qc-radius-section, 24px);
    background-color: #fff;
    border: .087rem solid #aaa;
    justify-content: center;
    align-items: center;
    width: 6.066rem;
    height: 3.466rem;
    display: flex;
  }

  .timetable_wrap .answer_box .view_bot .links .btn p {
    letter-spacing: -.087rem;
    color: #252525;
    font-family: Noto Sans KR;
    font-size: max(12px, 1.907rem);
    font-weight: 500;
    line-height: 2.253rem;
  }

  .timetable_wrap .answer_box .view_bot .links .link {
    flex-wrap: wrap;
    gap: 3.033rem;
    margin-top: 1.04rem;
    margin-left: 1.3rem;
  }

  .timetable_wrap .view_bot_01 .link_01 {
    gap: 1.04rem;
    min-width: 8.666rem;
  }

  .timetable_wrap .view_bot_01 .title_01 {
    color: #252525;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.254rem);
    font-weight: 500;
    line-height: 2.254rem;
  }

  .timetable_wrap .view_bot_01 .link_02 {
    align-items: flex-start;
    display: flex;
  }

  .timetable_wrap .answer_box .view_bot .links .link .tit {
    letter-spacing: -.087rem;
    color: #454545;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.253rem);
    font-weight: 400;
    line-height: 2.253rem;
  }

  .timetable_wrap .answer_box .view_bot .links .link .tit span {
    color: #a69263;
    padding-right: .433rem;
    line-height: 2.253rem;
  }

  .timetable_wrap .answer_box .view_bot .links .link .content {
    letter-spacing: -.087rem;
    color: #252525;
    width: 32rem;
    margin-bottom: 2rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.253rem);
    font-weight: 500;
    line-height: 2.253rem;
  }

  .timetable_wrap .answer_box .view_bot .links .link .content:last-child {
    margin-bottom: 0;
  }

  .timetable_wrap .answer_box .view_bot .links .link .content span {
    letter-spacing: -.087rem;
    color: #757575;
    min-width: 9.533rem;
    margin-top: 1rem;
    margin-left: 0;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.167rem);
    font-weight: 400;
    line-height: 2.513rem;
    position: relative;
  }

  .timetable_wrap .answer_box .view_bot .links .link .content span:after {
    content: "";
    background-color: #757575;
    width: 7.28rem;
    height: .087rem;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .timetable_wrap .view_bot_01 .links {
    gap: 2.6rem;
    padding: 1.994rem 2.86rem;
  }

  .timetable_wrap .view_bot .links .title {
    color: #252525;
    border-radius: var(--qc-radius-pill, 999px);
    background-color: #fff;
    border: .38px solid #aaa;
    justify-content: center;
    align-items: center;
    width: 9.9261rem;
    height: 4.16rem;
    margin-bottom: 1rem;
    margin-right: .693rem;
    font-size: max(12px, 1.994rem);
    font-weight: 500;
    line-height: 2.254rem;
    display: inline-flex;
  }

  .timetable_wrap .view_bot .link .title_02 {
    color: #252525;
    text-align: center;
    font-size: max(12px, 2.254rem);
    font-weight: 500;
    display: block;
  }

  .timetable_wrap .view_bot .links:not(.links + .links) {
    margin-top: 1rem;
  }

  .tour_type_group .btn_company_channel {
    margin-left: .5rem !important;
    padding: 1.2rem !important;
    font-size: max(12px, 2.4rem) !important;
  }
}

.content-sub-product-hotel.list_item .product-card-item-container-list {
  flex-wrap: wrap;
  display: flex;
}

.content-sub-product-hotel.list_item .product-card-item-container {
  border-bottom: unset;
  border-radius: var(--qc-radius-control, 8px);
  background: #fff;
  border: 1px solid #e8e8e8;
  flex-direction: column;
  width: calc(25% - 18px);
  max-width: calc(25% - 18px);
  margin-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  box-shadow: 0 2px 8px #0000000f;
}

.content-sub-product-hotel.list_item .product-card-item-left {
  border-radius: var(--qc-radius-card, 16px) var(--qc-radius-card, 16px) 0 0;
  width: 100%;
  overflow: hidden;
}

.content-sub-product-hotel.list_item .product-card-item-left a img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 200px;
  display: block;
}

.content-sub-product-hotel.list_item .product-card-item-right {
  padding: 14px 16px 18px;
}

.content-sub-product-hotel.list_item .product-card-item-right .title-container a {
  color: #252525;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  height: 2.8em;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.content-sub-product-hotel.list_item .emo_social, .content-sub-product-hotel.list_item .list-item-info.tour-list {
  margin-top: 8px;
}

.content-sub-product-hotel.list_item .prd_no_price {
  color: var(--accent);
  margin-top: 0;
  font-size: 14px;
  font-weight: 600;
}

.content-sub-product-hotel.list_item .item-price-info .main {
  color: #252525;
  font-size: 15px;
  font-weight: 700;
}

.content-sub-product-hotel.list_item .item-price-info .text-gray {
  font-size: 12px;
}

@media (width <= 1024px) {
  .content-sub-product-hotel.list_item .product-card-item-container {
    width: calc(33.333% - 16px);
    max-width: calc(33.333% - 16px);
  }
}

@media (width <= 768px) {
  .content-sub-product-hotel.list_item .product-card-item-container {
    width: calc(50% - 12px);
    max-width: calc(50% - 1rem) !important;
  }

  .content-sub-product-hotel.list_item .product-card-item-left a img {
    height: 160px;
  }
}

@media (width <= 480px) {
  .content-sub-product-hotel.list_item .product-card-item-container {
    width: 100%;
    max-width: 100%;
  }
}

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

.overflow_auto {
  overflow: auto;
}

.overflow_hidden {
  overflow: hidden;
}

.text_active_17469E {
  color: #17469e;
}

.text_active__17469E {
  color: #17469e !important;
}

.text_active {
  color: #fff !important;
}

.text_active_252525 {
  color: #252525 !important;
}

.text_active_cccccc {
  color: #ccc !important;
}

.text_active_0041f7 {
  color: #004f91 !important;
}

table thead td {
  padding: .9375rem;
}

.cursor_pointer {
  cursor: pointer !important;
}

.m_w_100 {
  max-width: 100% !important;
}

.text_active_fff {
  color: #fff;
  opacity: 1;
}

.text_active_f89858 {
  color: #f89858 !important;
}

.hover_warning:hover {
  color: #ffb938;
}

.text-truncate-2 {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  max-height: 4rem;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
}

.bg__f9f9f9 {
  background-color: #f9f9f9;
}

.d_flex {
  display: flex;
}

.d__flex {
  display: flex !important;
}

.flex_column {
  flex-direction: column;
}

.flex_row {
  flex-direction: row;
}

.flex_wrap {
  flex-wrap: wrap;
}

.flex_nowrap {
  flex-wrap: nowrap;
}

.d_inline {
  display: inline;
}

.d_block {
  display: block;
}

.d_none {
  display: none;
}

.justify_content_between {
  justify-content: space-between;
}

.justify_content_center {
  justify-content: center;
}

.justify_content_end {
  justify-content: end;
}

.justify_content_start {
  justify-content: start;
}

.justify_content_flex_end {
  justify-content: flex-end;
}

.justify_content_flex_start {
  justify-content: flex-start;
}

.align_items_center {
  align-items: center;
}

.align_items_end {
  align-items: end;
}

.align_items_start {
  align-items: start;
}

.align_items_flex_end {
  align-items: flex-end;
}

.align_items_flex_start {
  align-items: flex-start;
}

.align_items_stretch {
  align-items: stretch;
}

.text_left {
  text-align: left;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.w_100 {
  width: 100%;
}

.w_90 {
  width: 90%;
}

.w_80 {
  width: 80%;
}

.w_70 {
  width: 70%;
}

.w_60 {
  width: 60%;
}

.w_50 {
  width: 50%;
}

.w_40 {
  width: 40%;
}

.w_30 {
  width: 30%;
}

.w_20 {
  width: 20%;
}

.w_10 {
  width: 10%;
}

.w_75 {
  width: 75%;
}

.w_25 {
  width: 25%;
}

.h_100 {
  height: 100%;
}

.h_90 {
  height: 90%;
}

.h_80 {
  height: 80%;
}

.h_70 {
  height: 70%;
}

.h_60 {
  height: 60%;
}

.h_50 {
  height: 50%;
}

.h_40 {
  height: 40%;
}

.h_30 {
  height: 30%;
}

.h_20 {
  height: 20%;
}

.h_10 {
  height: 10%;
}

.h_75 {
  height: 75%;
}

.h_25 {
  height: 25%;
}

.text_primary {
  color: var(--bs-point);
}

.text_warning {
  color: #fb1;
}

.text_success {
  color: #0a0;
}

.text_danger {
  color: #e00;
}

.only_m, .only_mo, .only_mobile {
  display: none !important;
}

.only_w, .only_we, .only_web {
  display: block !important;
}

.image_circle {
  border-radius: 50%;
}

.text_ls_neg1_lh_19 {
  letter-spacing: -1px;
  line-height: 19px;
}

.text_ls_neg1_lh_20 {
  letter-spacing: -1px;
  line-height: 20px;
}

.text_ls_neg1_lh_22 {
  letter-spacing: -1px;
  line-height: 22px;
}

.text_ls_neg1_lh_26 {
  letter-spacing: -1px;
  line-height: 26px;
}

.text_ls_neg1_lh_28 {
  letter-spacing: -1px;
  line-height: 28px;
}

.text_ls_neg1_lh_34 {
  letter-spacing: -1px;
  line-height: 34px;
}

.text_ls_neg1_lh_35 {
  letter-spacing: -1px;
  line-height: 35px;
}

.text_ls_neg1_lh_44 {
  letter-spacing: -1px;
  line-height: 44px;
}

.text_ls_neg1_lh_50 {
  letter-spacing: -1px;
  line-height: 50px;
}

.text_ls_neg1_lh_66 {
  letter-spacing: -1px;
  line-height: 66px;
}

.text_ls_neg1_lh_70 {
  letter-spacing: -1px;
  line-height: 70px;
}

.text_ls_neg2_lh_50 {
  letter-spacing: -2px;
  line-height: 50px;
}

.text_ls_neg2_lh_66 {
  letter-spacing: -2px;
  line-height: 66px;
}

.text_ls_1_lh_20 {
  letter-spacing: 1px;
  line-height: 20px;
}

.text_small {
  font-size: 75% !important;
}

.f_s_13 {
  font-size: 13px;
}

.f_s_18 {
  font-size: 18px;
}

.f_s_20 {
  font-size: 20px;
}

.f_s_24 {
  font-size: 24px;
}

.f_s_28 {
  font-size: 28px;
}

.f_s_30 {
  font-size: 30px;
}

.f_s_44, .f_s_48 {
  font-size: 48px;
}

.c_fff {
  color: #fff !important;
}

.c_000 {
  color: #000 !important;
}

.f_c_1c5bb2 {
  color: #1c5bb2;
}

.f_c_5134b2 {
  color: #5134b2;
}

.f_c_454545 {
  color: #454545;
}

.f_c_777777 {
  color: #777;
}

.f_c_85b0ec {
  color: #85b0ec;
}

.f_c_757575 {
  color: #757575;
}

.fw_500 {
  font-weight: 500;
}

.fw_600 {
  font-weight: 600;
}

.fw_bold {
  font-weight: bold !important;
}

.f_s_50_w_800_c_fff {
  color: #fff;
  font-size: 50px;
  font-weight: 800;
}

.f_s_60_w_800_c_fff {
  color: #fff;
  font-size: 60px;
  font-weight: 800;
}

.f_s_40_w_300_c_fff, .f_s_50_w_300_c_fff {
  color: #fff;
  font-size: 50px;
  font-weight: 300;
}

.f_s_20_w_500_c_252525 {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
}

.opacity_0702 {
  opacity: .702;
}

.opacity_0500 {
  opacity: .5;
}

.opacity_0302 {
  opacity: .302;
}

.opacity_0200 {
  opacity: .2;
}

.f_s_22_c_fff {
  color: #fff;
  font-size: 22px;
}

.f_s_28_c_fff {
  color: #fff;
  font-size: 28px;
}

.f_s_15_c_252525 {
  color: #252525;
  font-size: 15px;
}

.f_s_15_c_757575 {
  color: #757575;
  font-size: 15px;
}

.f_s_18_c_757575 {
  color: #757575;
  font-size: 18px;
}

.f_s_15_c_999999 {
  color: #999;
  font-size: 15px;
}

.f_s_16_w_500 {
  font-size: 16px;
  font-weight: 500;
}

.image-circle {
  position: relative;
}

.percent svg {
  width: 100px;
  height: 100px;
  position: relative;
  transform: rotate(-90deg);
}

.percent svg circle {
  fill: none;
  stroke: #3e434d;
  stroke-width: 4px;
  stroke-linecap: round;
  width: 100%;
  height: 100%;
}

.percent svg circle:last-of-type {
  stroke-dasharray: 188;
  stroke-dashoffset: 0;
  stroke: #fff;
}

.title_circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.circle_left {
  z-index: 2;
  background-color: #fafafa;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.circle_right {
  z-index: 2;
  border: 1px solid #dfdfdf;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.circle_full {
  z-index: 1;
  background-color: #fafafa;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.circle_max {
  z-index: 1;
  background-color: #fff;
  border: 90px solid #fafafa;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.circle_left {
  top: 44%;
  right: 28%;
}

.circle_right {
  top: 44%;
  right: -28%;
}

.circle_full {
  top: 5%;
  left: 90%;
}

.circle_max {
  top: 0%;
  right: 72%;
}

.gap_5 {
  gap: 5px;
}

.gap_10 {
  gap: 10px;
}

.gap_20 {
  gap: 20px;
}

.gap_30 {
  gap: 30px;
}

.gap_40 {
  gap: 40px;
}

.gap_50 {
  gap: 50px;
}

.gap_60 {
  gap: 60px;
}

.gap_70 {
  gap: 70px;
}

.gap_80 {
  gap: 80px;
}

.gap_90 {
  gap: 90px;
}

.gap_100 {
  gap: 100px;
}

.p--20 {
  padding: 20px;
}

.p--50 {
  padding: 50px;
}

.pt--30 {
  padding-top: 30px;
}

.pt--50 {
  padding-top: 50px;
}

.pt--90 {
  padding-top: 90px;
}

.pt--100 {
  padding-top: 100px;
}

.pr--30 {
  padding-right: 30px;
}

.pr--50 {
  padding-right: 50px;
}

.pb--50 {
  padding-bottom: 50px;
}

.pb--70 {
  padding-bottom: 70px;
}

.pb--100 {
  padding-bottom: 100px;
}

.pb--120 {
  padding-bottom: 120px;
}

.pl--30 {
  padding-left: 30px;
}

.pl--50 {
  padding-left: 50px;
}

.m--50 {
  margin: 50px;
}

.mt--10 {
  margin-top: 10px;
}

.mt--20 {
  margin-top: 20px;
}

.mt--30 {
  margin-top: 30px;
}

.mt--50 {
  margin-top: 50px;
}

.mt--70 {
  margin-top: 70px;
}

.mt--90 {
  margin-top: 90px;
}

.mt--100 {
  margin-top: 100px;
}

.mt--125 {
  margin-top: 125px;
}

.mt--150 {
  margin-top: 150px;
}

.mt--200 {
  margin-top: 200px;
}

.mr--50 {
  margin-right: 50px;
}

.mr--125 {
  margin-right: 125px;
}

.mb--10 {
  margin-bottom: 10px;
}

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

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

.mb--35 {
  margin-bottom: 35px;
}

.mb--40 {
  margin-bottom: 40px;
}

.mb--50 {
  margin-bottom: 50px;
}

.mb--70 {
  margin-bottom: 70px;
}

.mb--90 {
  margin-bottom: 90px;
}

.mb--100 {
  margin-bottom: 100px;
}

.mb--125, .mb--200 {
  margin-bottom: 125px;
}

.ml--50 {
  margin-left: 50px;
}

.ml--125 {
  margin-left: 125px;
}

.text_truncate_ {
  -webkit-line-clamp: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  max-height: 4rem;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
}

@media only screen and (width <= 850px) {
  .only_m, .only_mo, .only_mobile {
    display: block !important;
  }

  .only_w, .only_we, .only_web {
    display: none !important;
  }

  .mt--10 {
    margin-top: .364rem;
  }

  .mt--20 {
    margin-top: .728rem;
  }

  .mt--30 {
    margin-top: 1.092rem;
  }

  .mt--50 {
    margin-top: 1.6rem;
  }

  .mt--70 {
    margin-top: 4.64rem;
  }

  .mt--90 {
    margin-top: 90px;
  }

  .mt--100 {
    margin-top: 3.64rem;
  }

  .mt--125 {
    margin-top: 125px;
  }

  .mt--150 {
    margin-top: 150px;
  }

  .mt--200 {
    margin-top: 7.28rem;
  }

  .f_s_18_c_757575 {
    color: #757575;
    font-size: 1.05rem;
  }

  .mb--125 {
    margin-bottom: 5rem;
  }

  .d_flex_m {
    display: flex;
  }

  .flex_column_m {
    flex-direction: column;
  }

  .justify_content_between_m {
    justify-content: space-between;
  }

  .justify_content_center_m {
    justify-content: center;
  }

  .justify_content_end_m {
    justify-content: end;
  }

  .justify_content_start_m {
    justify-content: start;
  }

  .justify_content_flex_end_m {
    justify-content: flex-end;
  }

  .justify_content_flex_start_m {
    justify-content: flex-start;
  }

  .align_items_center_m {
    align-items: center;
  }

  .align_items_end_m {
    align-items: end;
  }

  .align_items_start_m {
    align-items: start;
  }
}

html {
  font-size: 16px;
}

.btn-back-list {
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
}

.btn-back-list svg, .ico-heart {
  flex-shrink: 0 !important;
  width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  max-height: 24px !important;
}

.item.link_ svg, .list-icon svg {
  flex-shrink: 0;
  max-width: 32px;
  max-height: 32px;
}

.emo_social .social svg {
  flex-shrink: 0 !important;
  width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  max-height: 16px !important;
}

.bc-dim-arrow svg, .mh-fixed-arrow svg, .bc-fixed-arrow svg {
  flex-shrink: 0 !important;
  width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  max-height: 24px !important;
}

html.overflow, body.overflow {
  overflow: hidden;
}

.breadcrumb {
  align-items: center;
  gap: 0 !important;
}

body.stop_scroll {
  touch-action: none;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}

.only_w {
  display: block !important;
}

.only_m {
  display: none !important;
}

[class^="inner"] {
  width: -webkit-calc(100% - 2rem);
  width: -moz-calc(100% - 2rem);
  width: calc(100% - 2rem);
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

#wrap, #container {
  position: relative;
}

.logo {
  flex-shrink: 0;
}

.text-note-red {
  color: red;
  font-size: 14px;
}

figure.hover_img {
  width: 100%;
  padding-top: 68.5%;
  display: block;
  position: relative;
  overflow: hidden;
}

figure.hover_img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

figure.hover_img:hover img {
  transform: translate(-50%, -50%) scale(1.08);
}

figure.cover_img {
  width: 100%;
  padding-top: 137%;
  display: block;
  position: relative;
  overflow: hidden;
}

figure.cover_img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.download_btn {
  width: 115px;
  height: 40px;
  color: var(--bs-gray-700);
  border: 1px solid var(--bs-gray-200);
  border-radius: var(--qc-radius-xs, 4px);
  background: var(--bs-bg-100);
  margin: 0 auto;
  font-size: 16px;
}

.download_btn .ico {
  background: url("/images/ico/download_ico.png") center no-repeat;
  width: 14px;
  height: 16px;
  margin-left: 10px;
  display: inline-block;
}

.download_btn.blue {
  color: var(--bs-point);
  background: #f1f5fb;
  border-color: #dde7f7;
}

.download_btn.blue .ico {
  background-image: url("/images/ico/download_ico_blue.png");
}

.more_view {
  color: var(--bs-point);
  align-items: center;
  margin-top: 11px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.more_view .ico {
  background: var(--bs-point) url("/images/sub/view_arrow.png") no-repeat 12px 8px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: 8px;
  display: inline-block;
}

.subTabList {
  margin-bottom: 27px;
}

.subTabList li {
  text-align: center;
  box-sizing: border-box;
  border: 1px solid var(--bs-gray-200);
  width: 50%;
  max-width: 220px;
}

.subTabList li + li {
  border-left: 0;
}

.subTabList li button {
  width: 100%;
  color: var(--bs-gray-dark);
  background: #fff;
  padding: 15px 0;
  font-size: 18px;
  font-weight: 700;
  display: block;
}

.subTabList li button.active {
  color: #fff;
  background: var(--bs-point);
}

.subNavList {
  margin-bottom: 29px;
}

.subNavList li + li {
  margin-left: 40px;
}

.subNavList li button {
  width: 100%;
  color: var(--bs-gray-500);
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: 600;
  transition: all .3s;
  display: block;
  position: relative;
}

.subNavList li button:after {
  background: var(--bs-point);
  content: "";
  width: 0;
  height: 2px;
  -webkit-transition: visibility .3s cubic-bezier(.33, 1, .68, 1), width .3s cubic-bezier(.33, 1, .68, 1);
  transition: visibility .3s cubic-bezier(.33, 1, .68, 1), width .3s cubic-bezier(.33, 1, .68, 1);
  position: absolute;
  bottom: 0;
  left: 0;
}

.subNavList li button:hover:after, .subNavList li button.active:after {
  width: 100%;
}

.subNavList li button:hover, .subNavList li button.active {
  color: var(--bs-point);
}

.boxList .info_box .conts {
  border: 1px solid var(--bs-gray-200);
  background-color: #fff;
  min-height: 260px;
  padding: 40px 30px;
  transition: all .3s;
}

.boxList .info_box .conts:hover {
  border-color: var(--bs-point);
}

.boxList .info_box .amount {
  margin-bottom: 16px;
  font-size: 30px;
  font-weight: 900;
}

.boxList .info_box .amount span {
  padding-left: 6px;
  font-size: 20px;
  font-weight: 500;
}

.boxList .info_box .subject {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.22;
}

.boxList .info_box .summary {
  color: var(--bs-gray-500);
  margin-top: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.375;
}

.boxList .info_box .info_data {
  margin-top: auto;
}

.boxList .info_box .info_data span {
  font-size: 16px;
  position: relative;
}

.boxList .info_box .info_data span + span:before {
  content: "";
  background: var(--bs-gray-200);
  width: 1px;
  height: 10px;
  margin: 0 12px;
  display: inline-block;
}

.boxList .info_box .info_data .name {
  color: var(--bs-gray-700);
  font-weight: 600;
}

.boxList .info_box .info_data .date {
  color: var(--bs-gray-400);
  font-weight: 500;
}

.positionBox {
  position: relative;
}

.positionBox .process_bg {
  background: url("/images/sub/process_bg.png") center no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.positionBox .boxList {
  margin-left: 18px;
}

.positionBox .boxList li {
  text-align: center;
  border-radius: var(--qc-radius-section, 24px);
  z-index: 1;
  background: #fff;
  max-width: 282px;
  padding: 64px 0 49px;
  position: relative;
  box-shadow: 3px 2px 24px #0000001c;
}

.positionBox .boxList li figure {
  z-index: 2;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
}

.positionBox .boxList li .info_box strong {
  font-size: 20px;
  font-weight: 700;
}

.positionBox .boxList li .info_box p {
  color: var(--bs-gray-500);
  margin-top: 11px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.55;
}

.imgBoxList li:nth-of-type(odd) {
  margin-top: 76px;
}

.imgBoxList li .hover_img {
  padding-top: 122%;
}

.imgBoxList li .info_box {
  margin-top: 45px;
}

.imgBoxList li .info_box strong {
  font-size: 24px;
  font-weight: 800;
}

.imgBoxList li .info_box p {
  color: var(--bs-gray-500);
  margin-top: 9px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.55;
}

.imgBoxList li .info_box .more_view {
  color: var(--bs-point);
  margin-top: 11px;
  font-size: 18px;
  font-weight: 600;
}

.imgBoxList li .info_box .more_view .ico {
  background: var(--bs-point) url("/images/sub/view_arrow.png") no-repeat 12px center;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  display: inline-block;
}

.itemList li {
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
}

.itemList.border li {
  border: 1px solid var(--bs-gray-200);
}

.itemList li .mask {
  z-index: 1;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  -o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
  background: #00000080;
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-weight: 600;
  -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
  -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
  transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}

.itemList li .mask .ico {
  background: url("/images/ico/modal_view_ico.png") center no-repeat;
  width: 28px;
  height: 28px;
  margin-bottom: 10px;
}

.itemList li:hover .mask {
  opacity: 1;
  visibility: visible;
}

.boxIconList li {
  background: #fff;
  padding: 0;
}

.boxIconList li.border {
  box-sizing: border-box;
  border: 1px solid var(--bs-gray-200);
  padding: 28px 24px;
}

.boxIconList li .info_box {
  margin-left: 27px;
}

.boxIconList li .info_box .subject {
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.boxIconList li .info_box .summary {
  color: var(--bs-gray-500);
  margin-top: 12px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.33;
}

.boardView {
  font-family: var(--bs-font-sans-serif);
  border-top: 1px solid var(--bs-gray-dark);
}

.boardView .subject {
  text-align: center;
  background: var(--bs-bg-100);
  word-break: break-all;
  border-bottom: .0625rem solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 19px 30px 18px;
  font-size: 22px;
  line-height: 1.5;
  display: flex;
}

.boardView .view_info {
  border-bottom: 1px solid #dbdbdb;
  justify-content: space-between;
  align-items: center;
  padding: 25px 20px 22px;
  display: flex;
}

.boardView .view_info p {
  color: var(--bs-gray-400);
  font-size: 18px;
  font-weight: 500;
}

.boardView .view_info p strong {
  color: var(--bs-gray-700);
  margin-left: 8px;
  font-weight: 600;
  display: inline-block;
}

.boardView .desc {
  border-bottom: 1px solid var(--bs-gray-dark);
  font-family: var(--bs-font-noto);
  color: #252525;
  padding: 30px 20px 50px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.boardView .view_list li {
  box-sizing: border-box;
  border-bottom: 1px solid var(--bs-gray-200);
  padding: 25px 20px 22px;
  font-size: 18px;
  font-weight: 400;
}

.boardView .view_list li a {
  color: #999;
  align-items: center;
  display: flex;
}

.boardView .view_list li span {
  background: center no-repeat;
  width: 13px;
  height: 18px;
  margin-left: 9px;
  margin-right: 20px;
  display: block;
}

.boardView .view_list li div {
  color: var(--bs-gray-700);
  text-overflow: ellipsis;
  padding-left: 20px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
}

.boardView .view_list li div:before {
  content: "";
  background: var(--bs-gray-200);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.boardView .view_list li.view_next span {
  background-image: url("/images/btn/view_arrow_next.png");
}

.boardView .view_list li.view_prev span {
  background-image: url("/images/btn/view_arrow_prev.png");
}

.boardView .btn_wrap {
  margin-top: 30px;
}

.paging {
  margin-top: 4rem;
}

.paging .page li {
  margin-right: .95rem;
}

.paging .page li.next {
  margin-left: .95rem;
  margin-right: .25rem;
}

.paging .page li:first-child {
  margin-right: .375rem;
}

.paging .page .num {
  margin-right: 0;
}

.paging .page .num + .num {
  margin-left: .4rem;
}

.paging .page li:last-child {
  margin-right: 0;
}

.paging .page li.active a, .paging .page li.num a:hover {
  color: #fff;
  background: var(--bs-point);
}

.paging .page li a {
  color: var(--bs-gray-400);
  background-position: center;
  background-repeat: no-repeat;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: max(12px, .9rem);
  font-weight: 500;
  display: flex;
}

.paging .page li.more_prev a {
  background-image: url("/images/btn/more_prev.png");
}

.paging .page li.prev a {
  background-image: url("/images/btn/page_prev.png");
}

.paging .page li.next a {
  background-image: url("/images/btn/page_next.png");
}

.paging .page li.more_next a {
  background-image: url("/images/btn/more_next.png");
}

.scroll_btn {
  z-index: 99;
  position: fixed;
  bottom: 60px;
  right: 30px;
}

.scroll_btn button {
  background: var(--bs-point) url("/images/common/top_btn.png") no-repeat center;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  display: none;
  position: relative;
  overflow: visible;
}

.scroll_btn button:after {
  content: "";
  background: url("/images/common/top_btn_shadow.png") center no-repeat;
  width: 120px;
  height: 120px;
  position: absolute;
  top: -8px;
  left: -24px;
}

.daterangepicker .drp-buttons .btn {
  width: auto;
  height: auto;
}

@media screen and (width <= 1340px) {
  .positionBox .boxList {
    margin-left: 0;
  }
}

@media screen and (width <= 850px) {
  html {
    font-size: min(1.38889vw, 7.5px);
  }

  body {
    font-size: max(12px, 2.6rem);
    line-height: 1.2;
  }

  .snb ul li a {
    color: #999;
    text-wrap: nowrap;
    font-weight: 500;
    position: relative;
    font-size: max(12px, 2.8rem) !important;
    line-height: 8rem !important;
  }

  .snb ul li.on a:after {
    top: 166% !important;
  }

  .swiper-pagination-main {
    color: #ccc;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    justify-content: center;
    align-items: center;
    font-size: max(12px, 2rem);
    display: flex;
    border-radius: var(--qc-radius-pill, 999px) !important;
    width: 14rem !important;
    height: 5rem !important;
  }

  .breadcrumb_location {
    display: flex;
    justify-content: start !important;
    gap: 1rem !important;
  }

  .breadcrumb_location > img {
    width: 2.5rem;
    height: 3rem;
  }

  .breadcrumb_item {
    margin: 0;
    padding: 0 1rem;
  }

  .breadcrumb_item + .breadcrumb_item:before {
    content: "";
    background-image: url("/images/ico/ico_breadcrumb.svg");
    background-repeat: no-repeat;
    background-size: 1.2rem;
    width: 2.4rem;
    height: 2.3rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -.5rem;
    transform: translateY(-50%);
  }
}

.gap-10 {
  gap: 10px !important;
}

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

.p-x-10 {
  padding: 20px 10px !important;
}

.text-34px {
  font-size: 34px !important;
}

.text-14px {
  font-size: 14px !important;
}

.text-grey {
  color: #757575;
}

.text-w {
  color: #fff;
}

.text-18 {
  font-size: 18px;
}

.lh-1-4 {
  line-height: 1.4;
}

.lh-1-6 {
  line-height: 1.6;
}

.img_box.img_box_13 {
  padding-top: 30.5085%;
}

.img_box.img_box_9 {
  padding-top: 63.6364%;
}

.img_box {
  padding-top: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.img_box > img, .img_box__img {
  object-fit: cover;
  border-radius: var(--qc-radius-control, 8px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.img_box_14 {
  padding-top: 30%;
}

.img_box_15 {
  padding-top: 64.2599%;
}

.breadcrumb {
  gap: 16px;
  display: flex;
}

.breadcrumb_item {
  color: #757575;
  font-family: Pretendard;
  font-size: 15px;
  position: relative;
}

.flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.justify-end {
  justify-content: flex-end;
}

.items-end {
  align-items: flex-end;
}

.sub_visual .sub_visual_ttl {
  color: #fff;
  text-align: center;
  font-size: 38px;
  line-height: 280px;
}

.snb {
  margin-bottom: 40px;
}

.snb ul {
  border-bottom: 1px solid #dbdbdb;
  align-items: center;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}

.snb ul::-webkit-scrollbar {
  display: none;
}

.snb ul li {
  margin-right: 36px;
}

.snb ul li a {
  color: #999;
  text-wrap: nowrap;
  font-size: 18px;
  font-weight: 500;
  line-height: 80px;
  position: relative;
}

.snb ul li.on a {
  color: #252525;
}

.snb ul li.on a:after {
  content: "";
  background: #252525;
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  top: 197%;
  left: 0;
}

.main_section_notice {
  border-top: 2px solid #dbdbdb;
  padding: 30px 0;
}

.pb-24 {
  padding-bottom: 2.4rem;
}

.main_section_notice__body {
  align-items: center;
  display: flex;
}

.notice__ttl {
  color: #353535;
  margin-right: 30px;
  font-family: Pretendard;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.182;
}

.notice_item {
  justify-content: space-between;
  align-items: center;
  width: 44rem;
  display: flex;
  overflow: hidden;
}

.notice_item__left {
  align-items: center;
  width: 100%;
  display: flex;
}

.notice_item__icon {
  border-radius: var(--qc-radius-card, 16px);
  color: #757575;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 32px;
  margin-right: 10px;
  font-family: Pretendard;
  font-size: 16px;
  line-height: 1.625;
  display: flex;
}

.notice_item__title {
  color: #454545;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-family: Pretendard;
  font-size: 18px;
  line-height: 1.444;
  display: block;
  overflow: hidden;
}

.notice_item__date {
  color: #999;
  font-family: Pretendard;
  font-size: 18px;
  line-height: 1.444;
}

.main_section_notice__more {
  margin: 0 1rem 0 2rem;
}

.ico_plus {
  width: 14px;
  height: 14px;
  max-width: unset;
}

.swiper-button-box {
  justify-content: center;
  align-items: center;
  gap: 9px;
  display: flex;
}

.notice_swiper_btn {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.main_current_slide {
  color: #252525;
}

.prd_name {
  color: #252525;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 14px;
  font-family: Pretendard;
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
}

.prd_info {
  color: #252525;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  font-family: Pretendard;
  font-size: 16px;
  display: flex;
}

.star_avg {
  color: #252525;
}

.star_review_cnt {
  color: #757575;
}

.prd_price_ko {
  color: #252525;
  margin-top: 16px;
  font-size: 22px;
  font-weight: bold;
}

.prd_no_price {
  color: #252525;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}

.prd_price_ko span {
  color: #757575;
  font-size: 16px;
}

.prd_price_thai {
  color: #757575;
  margin-top: 10px;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 400;
  display: none;
}

.prd_keywords {
  color: #397eb9;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin-top: 10px;
  font-family: Pretendard;
  font-size: 16px;
  line-height: 1.4;
  display: flex;
}

.prd_info__right__ttl {
  color: #757575;
}

.new_review_cnt {
  color: #252525;
}

@media screen and (width <= 850px) {
  .swiper-pagination-bullet {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 .4rem !important;
  }

  .prd_name {
    color: #252525;
    font-size: max(12px, 2.8rem);
  }

  .prd_keywords {
    gap: .5rem;
    margin-top: 2rem;
    font-size: max(12px, 2.4rem);
  }

  .prd_info {
    gap: .5rem;
    margin-top: 2rem;
    font-size: max(12px, 1.6rem);
  }

  .img_box_14 {
    padding-top: 74.772%;
  }

  .now_tab_text {
    height: 7.8rem !important;
    font-size: max(12px, 3rem) !important;
  }

  #search {
    max-width: 100%;
  }
}

#medicalHeroSwiper, .medical-hero-swiper {
  --mh-gradient-opacity: .68;
  contain: layout;
  width: 100%;
  height: 650px;
  max-height: 650px;
  position: relative;
  overflow: hidden;
}

#medicalHeroSwiper .swiper-wrapper, .medical-hero-swiper .swiper-wrapper {
  width: 100%;
  height: 650px;
  max-height: 650px;
  display: flex;
}

#medicalHeroSwiper .swiper-slide, .medical-hero-swiper .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 650px;
  max-height: 650px;
  position: relative;
  overflow: hidden;
}

#medicalHeroSwiper:not(.swiper-initialized) .swiper-slide:not(:first-child), .medical-hero-swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) {
  display: none;
}

#medicalHeroSwiper .mh-slide-link, .medical-hero-swiper .mh-slide-link {
  isolation: isolate;
  width: 100%;
  height: 650px;
  max-height: 650px;
  display: block;
  position: relative;
  overflow: hidden;
}

#medicalHeroSwiper .mh-bg, .medical-hero-swiper .mh-bg {
  z-index: 0;
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 650px;
  max-height: 650px;
  display: block;
  position: absolute;
  inset: 0;
}

#medicalHeroSwiper .mh-gradient, .medical-hero-swiper .mh-gradient {
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg,
            rgba(0, 0, 0, var(--mh-gradient-opacity, .68)) 0%,
            rgba(0, 0, 0, calc(var(--mh-gradient-opacity, .68) * .95)) 20%,
            rgba(0, 0, 0, calc(var(--mh-gradient-opacity, .68) * .7)) 40%,
            rgba(0, 0, 0, calc(var(--mh-gradient-opacity, .68) * .35)) 60%,
            #0000 82%,
            #0000 100%);
  position: absolute;
  inset: 0;
}

#medicalHeroSwiper .mh-text, .medical-hero-swiper .mh-text {
  z-index: 2;
  color: #fff;
  position: absolute;
  top: 35%;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 1200px !important;
  padding: 0 80px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

#medicalHeroSwiper .mh-title, .medical-hero-swiper .mh-title {
  color: #fff;
  letter-spacing: -.5px;
  margin: 0 0 32px;
  font-size: 50px;
  font-weight: 650;
  line-height: 1.3 !important;
}

#medicalHeroSwiper .mh-subtitle, .medical-hero-swiper .mh-subtitle {
  color: #fff;
  opacity: .8;
  letter-spacing: -1px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
}

#medicalHeroSwiper .mh-desc, .medical-hero-swiper .mh-desc {
  color: #ffffffeb;
  text-shadow: 0 1px 4px #00000040;
  margin: 0;
  font-size: 22px;
  line-height: 1.6;
}

@media (width >= 1360px) {
  #medicalHeroSwiper .mh-text, .medical-hero-swiper .mh-text {
    padding: 0 !important;
  }
}

@media (width <= 767px) {
  #medicalHeroSwiper, .medical-hero-swiper, #medicalHeroSwiper .swiper-wrapper, .medical-hero-swiper .swiper-wrapper, #medicalHeroSwiper .swiper-slide, .medical-hero-swiper .swiper-slide, #medicalHeroSwiper .mh-slide-link, .medical-hero-swiper .mh-slide-link, #medicalHeroSwiper .mh-bg, .medical-hero-swiper .mh-bg {
    height: 500px !important;
    max-height: 500px !important;
  }

  #medicalHeroSwiper .mh-gradient, .medical-hero-swiper .mh-gradient {
    background: linear-gradient(90deg,
                rgba(0, 0, 0, var(--mh-gradient-opacity, .75)) 0%,
                rgba(0, 0, 0, calc(var(--mh-gradient-opacity, .75) * .9)) 30%,
                rgba(0, 0, 0, calc(var(--mh-gradient-opacity, .75) * .55)) 55%,
                #0000 100%);
  }
}

.best-carousel {
  contain: layout size;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.best-carousel__viewport {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.best-carousel__track {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.best-carousel__item {
  border-radius: var(--qc-radius-section, 24px);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.best-carousel__item .bc-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.ico_special_prd {
  object-fit: contain;
  z-index: 1;
  flex-shrink: 0;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 54px !important;
  max-width: 54px !important;
  height: 54px !important;
  max-height: 54px !important;
}

@media screen and (width <= 850px) {
  .ico_special_prd {
    top: 2rem;
    left: 2rem;
    width: 8rem !important;
    max-width: 8rem !important;
    height: auto !important;
  }

  .date_hotel_list, .hotel_data_info {
    display: none;
  }
}

@media screen and (width <= 480px) {
  .hero-point {
    flex-wrap: wrap !important;
    gap: 6px !important;
    max-width: 100% !important;
    display: flex !important;
  }

  .hero-point > * {
    box-sizing: border-box !important;
    flex: calc(50% - 6px) !important;
    min-width: 80px !important;
  }
}

@media screen and (width <= 359px) {
  .hero-point {
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
  }

  .hero-point > * {
    box-sizing: border-box !important;
    text-align: left !important;
    flex: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .today-specialty-grid, .benefit-grid, .procedure-grid, .specialty-grid, .product_content_detail [class*="grid"], .product_content_detail [style*="grid-template-columns"] {
    text-align: left !important;
    grid-template-columns: 1fr !important;
  }

  .product_content_detail p, .product_content_detail div, .product_content_detail li {
    text-align: left !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
  }
}

.list-ticket-grid.dif {
  padding-bottom: 100px;
}

.skeleton-container {
  width: 100%;
  margin: 20px auto;
}

.text-ellipsis-2 {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
  max-height: 2.8em;
  line-height: 1.4em;
  overflow: hidden;
  display: -webkit-box !important;
}

.skeleton {
  background-color: #f0f0f0;
  width: 100%;
  height: 25px;
  margin-bottom: 10px;
}

.skeleton:nth-child(odd) {
  animation: 1s infinite alternate skeleton-animation;
}

.skeleton:nth-child(2n) {
  animation: 1s infinite alternate skeleton-animation-reverse;
}

@keyframes skeleton-animation {
  from {
    background-color: #f0f0f0;
  }

  to {
    background-color: #e0e0e0;
  }
}

@keyframes skeleton-animation-reverse {
  from {
    background-color: #e0e0e0;
  }

  to {
    background-color: #f0f0f0;
  }
}

.price-container {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

#container.sub {
  padding: 30px 0 130px;
}

#container.event {
  padding-top: 100px;
}

#container.pt0 {
  padding-top: 0;
}

#container.pt60 {
  padding-top: 60px;
}

#container.pt100 {
  padding-top: 100px;
}

.mw-260 {
  max-width: 260px;
}

.flex_box_cap {
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 35px;
  display: flex;
}

.re_btn {
  background-color: #eee;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 50px;
  padding: 5px 20px;
  display: flex;
}

.re_cap {
  color: #777;
  height: 23px;
}

.input-wrapper {
  width: 300px;
  position: relative;
}

.captcha_input {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #ccc;
  width: 100%;
  padding: 10px;
}

.placeholder-text {
  color: #999;
  opacity: .7;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hide-placeholder, .captcha_input:focus + .placeholder-text {
  display: none;
}

.sub_sec_ttl {
  margin-top: 50px;
  position: relative;
}

.sub_sec_ttl.border_b {
  border-bottom: 1px solid #252525;
  padding-bottom: 26px;
}

.sub_sec_ttl .ttl {
  font-size: 30px;
  font-weight: 700;
}

.sub_sec_ttl .sub_ttl {
  font-size: 28px;
  font-weight: 700;
}

.sub_sec_ttl .ttl_big {
  margin-top: 10px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.4;
  display: block;
}

.sect_ttl_box {
  margin-bottom: 60px;
}

.sect_ttl_box h2 {
  text-align: center;
  font-size: 30px;
  line-height: 1.4;
}

.view_container .sect_ttl_box {
  margin-bottom: 40px;
}

.view_container .sect_ttl_box h2 {
  word-break: break-all;
  text-align: left;
}

.sect_ttl_box .description {
  color: #757575;
  text-align: center;
  margin-top: 40px;
  font-size: 20px;
  line-height: 1.5;
}

.cont_ttl h3 {
  font-size: 26px;
}

.thumb {
  position: relative;
}

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

.thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.thumb .hover_active {
  opacity: .9;
  border-radius: var(--qc-radius-control, 8px);
  background-color: #292527b3;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.thumb .hover_active span {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
}

.list_wrap .summary {
  margin-top: 30px;
}

.list_wrap .summary .subject {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  width: 100%;
  height: 2.888em;
  height: unset;
  word-break: break-all;
  -webkit-box-orient: vertical;
  font-size: max(12px, 1.25rem);
  line-height: 1.444;
  display: -webkit-box;
  overflow: hidden;
}

.list_wrap .summary .date {
  text-align: left;
  color: #757575;
  margin-top: 10px;
}

.tab_wrap.mb-lg {
  margin-bottom: 80px;
}

.tab_wrap {
  cursor: pointer;
  justify-content: space-between;
  margin-bottom: 30px;
  display: flex;
}

.tab_wrap ul {
  justify-content: space-between;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}

.tab_wrap ul::-webkit-scrollbar {
  display: none;
}

.tab_wrap ul li {
  width: 100%;
  display: flex;
}

.tab_wrap ul li a {
  color: #6b6b6b;
  border-bottom: 1px solid #dbdbdb;
  justify-content: center;
  width: 100%;
  padding-bottom: 30px;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  display: flex;
  position: relative;
}

.tab_wrap ul li.on a {
  color: #252525;
}

.tab_wrap ul li.on a:after {
  content: "";
  background: #252525;
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  top: 99%;
  left: 0;
}

.bs_table {
  table-layout: fixed;
  border-top: 1px solid #252525;
  width: 100%;
}

.bs_table thead tr {
  border-bottom: 1px solid #aaa;
}

.bs_table tbody tr {
  border-bottom: 1px solid #e5e5e5;
}

.bs_table thead th {
  padding: 24px 10px;
}

.bs_table tbody td {
  color: #454545;
  text-align: center;
  padding: 19px 10px;
}

.bs_table tbody td.code_name {
  font-size: 16px;
}

.bs_table tbody td.notice {
  width: 60px;
}

.bs_table tbody td.date {
  color: #757575;
}

.bs_table tr.notice_tr .num {
  color: var(--bs-point);
  font-weight: 500;
}

.bs_table tbody tr .id_1 {
  text-align: center;
  color: var(--bs-point);
  font-weight: 500;
}

.bs_table tbody tr .subject {
  text-align: left;
  align-items: center;
  padding-left: 20px;
  line-height: 1.4;
  display: flex;
}

.bs_table tbody tr .subject a {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.notice_sect .bs_table tbody tr .subject a {
  padding-right: 0;
}

.bs_table tbody tr .subject .red {
  color: #e9281d;
  flex-shrink: 0;
  margin-left: 8px;
  font-size: 13px;
  line-height: 16px;
}

.bs_table tbody tr .subject i {
  background: url("/images/ico/status_table_lock_ico.png") center no-repeat;
  width: 12px;
  height: 14px;
  margin-left: 8px;
  display: inline-block;
}

.bs_table.row tbody td {
  text-align: left;
}

.bs_table.row tbody th {
  text-align: left;
  vertical-align: top;
  padding: 24px 20px;
  font-weight: 500;
}

.travel_section_1 .notice_search {
  margin-top: 30px;
}

.notice_search {
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 30px;
}

.notice_search .evaluate_search {
  gap: 10px;
}

.tours .list_top_banner {
  border-bottom: unset;
  height: 280px;
  margin-bottom: 0;
  padding-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.tours .list_top_banner img {
  height: 280px;
}

.list_top_banner {
  border-bottom: 1px solid #eee;
  margin-bottom: 60px;
  padding-bottom: 30px;
}

.list_top_banner.reservation {
  border-bottom: 1px solid #eee;
  margin-bottom: 0;
  padding-bottom: 30px;
}

.list_mid_banner .visual_slider {
  position: relative;
  overflow: hidden;
}

.best_prd {
  margin-top: 70px;
}

.best_prd .sub_sec_ttl {
  margin-bottom: 44px;
}

.item_list_gallery {
  padding-top: 30px;
}

.item_list_sec {
  margin-top: 60px;
}

.top_banner_sec + .item_list_sec {
  margin-top: 80px;
}

.dep_filter + .item_list_sec {
  margin-top: 60px;
}

.dep_filter .line_tab li button {
  color: #454545;
  font-weight: 500;
  line-height: 38px;
}

.item_list_sec .now_btn {
  align-items: center;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.item_list_sec .item_cate .filter_cho {
  border-radius: var(--qc-radius-section, 24px);
  z-index: 99;
  background: #fff;
  border: 1px solid #252525;
  min-width: 260px;
  padding: 25px 40px;
  display: none;
  position: absolute;
  top: calc(100% + 20px);
  box-shadow: 0 6px 19.74px 1.26px #00000038;
}

.item_list_sec .item_cate .filter_cho li {
  color: #999;
  cursor: pointer;
  font-size: 18px;
  line-height: 2;
}

.item_list_sec .item_cate .filter_cho li.active {
  color: #252525;
}

.item_list_sec .item_filter .filter_cho {
  align-items: center;
  display: flex;
}

.item_list_sec .item_filter li {
  color: #757575;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
}

.item_list_sec .item_filter li + li {
  margin-left: 14px;
}

.item_list_sec .item_filter li:hover {
  color: var(--bs-point);
}

.main_tours {
  padding-top: 320px;
}

.item_list_sec .item_filter li.active {
  color: var(--bs-point);
}

.item_list_main .one_txt_slider_sec {
  margin-top: 70px;
}

.one_txt_slider_sec .slide_item {
  border-radius: var(--qc-radius-card, 16px);
  border: 1px solid #dbdbdb;
}

.daytour_sec {
  margin-top: 80px;
}

.daytour_sec .line_tab {
  margin: -10px 0 10px;
}

.daytour_sec .line_tab_recommend {
  gap: 10px;
}

.line_tab li + li {
  margin-left: 10px;
}

.daytour_sec .line_tab_recommend li + li {
  margin-left: 0;
}

.line_tab li button {
  border-radius: var(--qc-radius-pill, 999px);
  color: #999;
  border: 1px solid #dbdbdb;
  min-width: 130px;
  padding: 0 20px;
  font-size: 18px;
  line-height: 50px;
  display: block;
}

.dep_filter {
  padding-top: 30px;
}

.line_tab li.active button {
  color: var(--bs-point);
  border-color: var(--bs-point);
  font-weight: 700;
}

.item_list_main .sub_sec_ttl {
  margin-bottom: 40px;
}

.item_list_main .line_banner {
  margin: 100px 0;
}

.item_list_main .tour_hotel_sec {
  margin-top: 100px;
}

.view_top_sec {
  border-bottom: 1px solid #252525;
  width: 100%;
  margin-bottom: 50px;
  padding-bottom: 60px;
}

.detail_img_wrap {
  width: 59.167%;
  margin: 0 auto;
}

.detail_slider_wrap {
  max-width: 687px;
  min-height: 480px;
  position: relative;
  overflow: hidden;
}

.detail_img_wrap .detail_slider .cover_img {
  border-radius: var(--qc-radius-card, 16px);
  z-index: 2147483647;
  width: 100%;
  padding-top: 67.61%;
  overflow: hidden;
}

.one_btn_custom_slider .slide_item:nth-child(n+2) .cover_img {
  display: none;
}

.ux_txt_btn {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  align-items: center;
  gap: 3px;
  margin-left: 10px;
  padding: 5px 10px;
  display: flex;
}

.slick-counter {
  border-radius: var(--qc-radius-pill, 999px);
  color: #fff;
  text-align: center;
  background: #0006;
  justify-content: center;
  align-items: center;
  min-width: 115px;
  padding: 10px 0;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex !important;
}

.slick-counter * {
  color: #fff;
}

.slick-counter .current, .slick-counter .total {
  margin: 0 4px;
}

.slick-counter .slider_btn {
  color: #0000;
  background: url("../images/common/counter_btn.png") center / contain no-repeat;
  width: 28px;
  height: 14px;
  margin-right: 10px;
  font-size: 0;
  position: static;
  transform: translate(0);
}

.slick-counter .slider_btn.nextBtn {
  transform: rotate(-180deg);
}

.detail_img_wrap .ux_btn_wrap {
  margin-top: 20px;
}

.view_banner {
  margin-top: 50px;
}

.detail_txt_info {
  width: 40.833%;
  padding: 20px 0 0 40px;
}

.detail_txt_info .item_num {
  font-size: 14px;
  font-weight: 500;
}

.detail_txt_info .item_ttl {
  word-break: keep-all;
  margin: 24px 0;
  font-size: 30px;
  line-height: 1.4;
}

.detail_txt_info .item_desc {
  color: #454545;
  margin-bottom: 20px;
  line-height: 1.625;
  display: block;
}

.product_class {
  margin-top: 30px;
  margin-bottom: 10px;
}

.detail_txt_info .product_class img {
  width: 20px;
  height: 15px;
  margin-right: 10px;
}

.detail_bot {
  padding-top: 15px;
}

.detail_txt_info .detail_box {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.detail_txt_info .detail_box + .detail_box {
  margin-left: 28px;
}

.detail_txt_info .detail_box .txt {
  letter-spacing: -1px;
  color: #252525;
  margin-top: 10px;
  font-size: 15px;
}

.detail_txt_info .product_class .class {
  letter-spacing: -1px;
  color: #252525;
  line-height: 26px;
}

.detail_txt_info .summary {
  margin-top: 10px;
}

.detail_txt_info .summary dl {
  border-bottom: 1px solid #eee;
  padding: 12px 0;
  display: flex;
}

.detail_txt_info .summary dl dt {
  min-width: 90px;
  font-weight: 500;
  line-height: 1.4;
}

.detail_txt_info .summary dl dd {
  line-height: 1.4;
}

.detail_txt_info .summary dl:last-child {
  padding-bottom: 30px;
}

.detail_txt_info .summary .hotal_link {
  align-items: center;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.detail_txt_info .summary .hotal_link i {
  background: url("../images/btn/view_link.png") center no-repeat;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  display: block;
}

.detail_txt_info .summary .yoil_txt {
  padding-right: 10px;
  position: relative;
}

.detail_txt_info .summary .yoil_txt .slash {
  color: inherit;
  position: absolute;
  top: 0;
  right: 1px;
}

.manager {
  margin-top: 20px;
}

.manager .cover_img {
  border: 1px solid #eee;
  width: 68px;
  margin-right: 20px;
  padding-top: 68px;
}

.manager .profile {
  width: calc(100% - 88px);
}

.manager .profile .name {
  font-weight: 400;
}

.manager .profile .communication {
  color: #757575;
  margin-top: 6px;
}

.item_list .list_prd_img {
  position: relative;
}

.item_list .cover_img {
  border-radius: var(--qc-radius-card, 16px);
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}

.item_list .list_prd_img .best_ico .img_pro {
  border-radius: var(--qc-radius-control, 8px);
  min-height: 210px;
}

.item_list .tag_box {
  gap: 3px;
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
}

.item_list .list_prd_info {
  margin-top: 32px;
}

.item_list .prd_tit {
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 18px;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.item_list .prd_tit:hover {
  text-decoration: underline;
}

.item_list .prd_desc {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
  margin: 12px 0 24px;
  line-height: 1.4;
  display: block;
  overflow: hidden;
}

.item_list .amount {
  font-family: var(--bs-font-sans-serif);
  flex-wrap: wrap;
  gap: 6px;
}

.item_list .amount .discount {
  color: var(--bs-red);
  font-weight: 500;
}

.item_list .amount .price {
  font-weight: 500;
}

.item_list .amount .discount strong, .item_list .amount .price strong {
  margin-right: 2px;
  font-size: 26px;
}

.item_list .amount .cost {
  color: #999;
  font-size: 18px;
  font-weight: 500;
  font-family: var(--bs-font-Noto);
  padding-bottom: 2px;
  text-decoration: line-through;
}

.item_list_wrap .w100 li {
  border-bottom: 1px solid #eee;
}

.item_list_wrap .w100 a {
  align-items: center;
  padding: 30px 0;
  display: flex;
}

.item_list_wrap .w100 .list_prd_img {
  width: 200px;
  margin-right: 30px;
}

.item_list_wrap .w100 .list_prd_img img {
  border-radius: var(--qc-radius-control, 8px);
}

.item_list_wrap .w100 .list_prd_img img:hover {
  opacity: .8;
}

.item_list_wrap .w100 .list_prd_info {
  width: calc(100% - 230px);
  margin-top: 0;
}

.item_list_wrap .w100.img_big .list_prd_img {
  width: 300px;
}

.item_list_wrap .w100.img_big .list_prd_img .cover_img {
  padding-top: 66.67%;
}

.item_list_wrap .w100.img_big .list_prd_info {
  width: calc(100% - 330px);
}

.item_list_wrap .w100.img_big .prd_tit {
  font-size: 20px;
}

.item_list_wrap .w100 .hash_box {
  margin: -8px 0 40px;
}

.item_list_wrap .w100.img_big .prd_tit + .hash_box {
  margin: 12px 0 20px;
}

.hash_box {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.hash_box span {
  color: #999;
  background: #f9f9f9;
  padding: 0 8px;
  font-size: 15px;
  line-height: 28px;
  display: block;
}

.prd_slider {
  margin: 0 -15px;
}

.prd_slider .slide_item {
  margin: 0 15px;
}

.prd_slider .slick-arrow {
  top: 33%;
}

.one_txt_slider_sec .slide_item a {
  padding: 30px;
}

.one_txt_slider_sec .list_prd_img {
  width: 100%;
  max-width: 480px;
  margin-right: 50px;
}

.one_txt_slider_sec .cover_img {
  width: 100%;
  padding-top: 66.7%;
  display: block;
}

.item_list .one_txt_slider .list_prd_info {
  width: calc(100% - 550px);
  margin-top: 0;
}

.one_txt_slider .prd_tit {
  font-size: 24px;
}

.one_txt_slider .amount, .item_list .detail_box {
  margin: 20px 0;
}

.item_list.col_4 .detail_box, .col4_slider_sec .item_list .detail_box {
  margin: 14px 0;
}

.item_list .detail_box dl {
  display: flex;
}

.item_list .detail_box dl + dl {
  margin-top: 10px;
}

.item_list .detail_box dt {
  color: var(--bs-point);
  width: 88px;
  font-family: var(--bs-font-sans-serif);
  flex: none;
  font-weight: 700;
}

.item_list .detail_box dd {
  color: #757575;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.item_list .point_list {
  margin-top: 30px;
}

.item_list .point_list strong {
  font-family: var(--bs-font-sans-serif);
  margin-bottom: 10px;
  font-weight: 700;
  display: block;
}

.item_list .point_list li {
  color: #999;
  line-height: 1.5;
  display: flex;
}

.item_list .point_list li i {
  margin-right: 4px;
}

.item_view .txt_box P {
  display: flex;
  color: #757575 !important;
  font-family: inherit !important;
  line-height: 1.5 !important;
}

.view_air_info .more_travel {
  margin-top: 46px;
}

.reservation_info {
  max-width: 900px;
  margin: 0 auto;
}

.item_view .sub_label {
  font-size: 18px;
  font-weight: 700;
}

.item_view .label {
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: 700;
}

.item_view .reservation_info .sub_label, .view_air_info .more_travel .sub_label {
  margin-bottom: 20px;
}

.view_air_info .more_travel .more_list {
  gap: 20px;
  display: flex;
}

.view_air_info .more_travel .more_list li {
  width: calc(20% - 16px);
}

.view_air_info .more_travel .more_list .cover_img {
  border-radius: var(--qc-radius-card, 16px);
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}

.view_air_info .more_travel .more_list .desc {
  color: #454545;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.view_composition_sec .calender_slider .slick-arrow {
  top: 74%;
}

.item_view .prd_radio_wrap, .air_radio_wrap .air_radio_list {
  max-width: 880px;
  margin-top: 40px;
}

.item_view .prd_radio_list li + li, .air_radio_wrap .air_radio_list li + li {
  margin-top: 10px;
}

.item_view .prd_radio_list input[type="radio"] + label, .air_radio_wrap .air_radio_list input[type="radio"] + label {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  width: 100%;
  padding: 30px 30px 20px;
}

.air_radio_list .air_name {
  align-items: center;
  display: flex;
}

.air_radio_list .air_name em {
  color: #999;
  text-align: center;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #e9e9e9;
  width: 60px;
  margin-right: 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.item_view .prd_radio_list input[type="radio"]:checked + label, .air_radio_wrap .air_radio_list input[type="radio"]:checked + label {
  border-color: var(--bs-point);
}

.air_radio_wrap .air_radio_list input[type="radio"]:checked + label .air_name em {
  color: #396acf;
  border-color: #396acf;
}

.air_radio_wrap .air_radio_list input[type="radio"]:checked + label .air_name em.red {
  color: red;
  border-color: red;
}

.air_name strong {
  align-items: center;
  font-weight: 500;
  display: inline-flex;
}

.air_name i {
  background: center no-repeat;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  display: inline-block;
}

.air_name .ke i {
  background-image: url("../images/ico/air_ke_img.png");
}

.air_radio_list .chk_date {
  margin: 10px 0 20px;
  font-size: 15px;
  display: block;
}

.air_radio_list .chk_date i {
  background: url("../images/ico/date_ico.png") center no-repeat;
  width: 14px;
  height: 14px;
  margin: 2px 4px 0 0;
  display: inline-block;
}

.air_radio_list .chk_date em {
  margin-left: 4px;
}

.air_radio_list .go_timetable {
  align-items: center;
  font-size: 13px;
  display: inline-flex;
}

.air_radio_list .go_timetable i {
  background: url("../images/common/calender_slider_btn.png") center no-repeat;
  width: 6px;
  height: 10px;
  margin-left: 5px;
  display: block;
  transform: rotate(180deg);
}

.air_radio_list .payment {
  text-align: right;
}

.air_radio_list .payment span {
  color: #757575;
  font-size: 14px;
  line-height: 1.5;
  display: block;
}

.air_radio_list .payment b {
  font-size: 13px;
  font-weight: 400;
}

.item_view .payment .money {
  margin: 6px 0;
}

.item_view .payment .money strong {
  font-size: 22px;
  font-family: var(--bs-font-sans-serif);
}

.view_nav {
  padding-left: 25px;
  position: sticky;
  top: 130px !important;
}

.view_nav .scroll_box {
  max-height: calc(100vh - 340px);
  padding-right: 5px;
  overflow: auto;
}

.view_nav .scroll_box .item_option {
  margin-top: 20px;
}

.tour_view .view_nav .scroll_box {
  height: calc(100vh - 340px);
}

.scroll_box::-webkit-scrollbar {
  border-radius: var(--qc-radius-pill, 999px);
  background: #f2f2f2;
  width: 5px;
  height: 5px;
}

.scroll_box::-webkit-scrollbar-thumb {
  border-radius: var(--qc-radius-pill, 999px);
  background: #999;
}

.view_nav .select_peo li {
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}

.view_nav .select_peo li.last {
  border-bottom: 1px solid #000;
}

.view_nav .select_peo li:last-child, .view_nav .select_peo li:last-child.last {
  border-bottom: none;
}

.view_nav .ped_label {
  color: #757575;
  margin-bottom: 6px;
}

.view_nav .ped_label.ped_label__booking {
  margin-bottom: 0;
}

.payment_option {
  padding: 20px 0;
}

.payment_option .pay_lab {
  color: #252525;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}

.payment_option .pay_sel {
  padding: 20px 0;
}

.payment_option .pay_sel select {
  color: #454545;
  border: 1px solid #dbdbdb;
  margin-bottom: 10px;
}

.payment_option .pay_cont {
  justify-content: space-between;
  display: flex;
}

.payment_option .pay_cont p {
  color: #454545;
  width: 260px;
  line-height: 26px;
}

.payment_option .pay_total {
  color: #252525;
  font-family: Pretendard;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}

.payment_option .pay_cont i {
  background: url("/images/ico/pay_destroy.png");
  width: 24px;
  height: 24px;
}

.opt_count_box.pay_count {
  margin: 20px 0;
}

.opt_count_box.pay_count button {
  border-radius: 0;
}

.opt_count_box.pay_count input[type="text"] {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  border-radius: 0;
  width: 40px;
}

.opt_count_box {
  align-items: center;
  display: flex;
}

.opt_count_box button {
  background: #fff center no-repeat;
  border: 1px solid #e3e3e3;
  border-radius: 50%;
  flex: none;
  width: 28px;
  height: 28px;
  display: block;
}

.opt_count_box button.del_btn {
  color: red;
  justify-content: center;
  align-items: center;
  margin-left: 40px;
  line-height: 1;
  display: flex;
}

.opt_count_box .minus_btn, .opt_count_box .plus_btn {
  justify-content: center;
  align-items: center;
  display: flex;
}

.opt_count_box input[type="number"], .opt_count_box input[type="text"] {
  text-align: center;
  border: none;
  width: 56px;
  height: 25px;
  line-height: 28px;
}

.view_nav .txt_box {
  margin: 15px 0 20px;
}

.item_view .label.content {
  border-top: 1px solid #eee;
  margin-top: 60px;
  padding-top: 40px;
}

.item_view .reservation_info .sub_label.content {
  margin-top: 30px;
}

.item_view .reservation_info .txt_box {
  color: #757575 !important;
  line-height: 1.5 !important;
}

.item_view .reservation_info .txt_box p {
  display: block;
}

.item_view .reservation_info .include_box {
  margin-bottom: 40px;
}

.item_view .chk_info .sub_label {
  align-items: center;
  display: flex;
}

.item_view .chk_info .sub_label i {
  background: center no-repeat;
  width: 19px;
  height: 19px;
  margin-right: 6px;
  display: block;
}

.item_view .include_box .sub_label i {
  background-image: url("../images/ico/view_ok_ico.png");
}

.item_view .no_include_box .sub_label i {
  background-image: url("../images/ico/view_no_ico.png");
}

.view_nav .total_paymemt {
  border-radius: var(--qc-radius-xs, 4px);
  background: #fafafd;
  margin-top: 20px;
  padding: 20px;
}

.view_nav .total_paymemt .money {
  text-align: right;
  margin-top: 6px;
}

.view_nav .total_paymemt .money strong {
  color: var(--bs-point);
  font-size: 24px;
}

.view_nav .nav_btn_wrap {
  border-top: 1px solid #eee;
  margin-top: 20px;
  padding-top: 20px;
}

.view_nav .nav_btn_wrap button {
  border-radius: var(--qc-radius-xs, 4px);
  width: 100%;
  color: var(--bs-point);
  border: 1px solid;
  font-size: 18px;
  font-weight: 500;
  line-height: 60px;
  display: block;
  border-color: var(--bs-point) !important;
}

.view_nav .nav_btn_wrap .flex {
  position: relative;
}

.view_nav .nav_btn_wrap .btn-point {
  margin-bottom: 10px;
  box-shadow: 0 8px 8px .96px #5267cc47;
}

.view_nav .nav_btn_wrap .cart {
  margin-bottom: 10px;
}

.view_nav .nav_btn_wrap .wish_btn {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 60px;
  margin-left: 10px;
  display: flex;
}

.view_nav .nav_btn_wrap .wish_btn:hover {
  scale: 1.1;
}

.view_nav .nav_btn_wrap .wish_btn i {
  background: url("../images/ico/icon_heart_off.png") center / 26px 22px no-repeat;
  width: 26px;
  height: 22px;
  display: inline-block;
}

.view_nav .nav_btn_wrap .wish_btn.on i {
  background: url("../images/ico/icon_heart_on_red.png") center / 26px 22px no-repeat;
  width: 26px;
  height: 22px;
  display: inline-block;
}

.view_nav .cho_nav .date_label {
  color: #999;
  margin-bottom: 14px;
  font-size: 15px;
  display: flex;
}

.view_nav .cho_nav .date_label i {
  background: url("/uploads/icons/date_ico_gray.png") center no-repeat;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  display: block;
}

.opt_count_box .minus_btn {
  background-image: url("/uploads/icons/minus_btn.png");
}

.opt_count_box .plus_btn {
  background-image: url("/uploads/icons/plus_btn.png");
}

.view_nav .cho_nav .date_label.on {
  color: #252525;
}

.view_nav .cho_nav .date_label.on i {
  background-image: url("../images/ico/date_ico.png");
}

.view_nav .cho_nav .item_label {
  color: #999;
}

.view_nav .cho_nav .item_label.on {
  color: #252525;
  font-size: 18px;
  line-height: 1.44;
}

.next_cust {
  top: 26% !important;
}

.faq_sect .faq_list .ques_box {
  border-bottom: 1px solid #eee;
  justify-content: start;
  align-items: center;
  padding: 19px 50px 19px 0;
  display: flex;
  position: relative;
}

.faq_sect .faq_list .ques_box .code_name {
  color: var(--bs-point);
  padding-top: unset;
  padding-bottom: unset;
  width: 90px;
  margin-right: 20px;
  font-weight: 500;
}

.faq_sect .faq_list .ques_box .ques_text {
  padding-left: 36px;
  position: relative;
}

.faq_sect .faq_list .ques_box i.q {
  background: url("/images/ico/question_box_item_Q.png") center / cover no-repeat;
  width: 26px;
  height: 26px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.faq_sect .faq_list .ques_box .description {
  color: #454545;
  max-width: 370px;
  padding-bottom: unset;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
  overflow: hidden;
}

.faq_sect .faq_list .ques_box i.arrow {
  background: url("/images/ico/question_box_arrow.png") center / cover no-repeat;
  width: 25px;
  height: 15px;
  margin-left: auto;
  transition: transform .3s;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.faq_sect .faq_list .ques_box.active i.arrow {
  transform: translateY(-50%) rotate(180deg);
}

.faq_sect .faq_list .answer_box_wrap {
  padding: 20px 20px 20px 110px;
}

.faq_sect .faq_list .answer_box_wrap .answer_box {
  padding-left: 32px;
  position: relative;
}

.faq_sect .faq_list .active + .answer_box_wrap {
  border-bottom: 1px solid #eee;
}

.faq_sect .faq_list .answer_box .ans {
  background: url("/images/ico/answer_box_item_a.png") center / cover no-repeat;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
}

.faq_sect .faq_list .answer_box div {
  display: inline-block;
}

.faq_sect .faq_list .answer_box div * {
  font-family: inherit !important;
  line-height: 1.5 !important;
  font-size: inherit !important;
}

.contact_main_top .faq_sect, .contact_main_top .notice_sect {
  border-bottom: 1px solid #252525;
}

.contact_main_top .notice_sect .bs_table {
  border-top: unset;
}

.contact_main .cont_ttl {
  padding-bottom: 30px;
}

.contact_main .cont_ttl .more_btn {
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.contact_main .cont_ttl .more_btn i {
  background: url("/images/ico/box_box_arrow.png") center no-repeat;
  width: 10px;
  height: 16px;
  margin-left: 10px;
  display: block;
}

.contact_main .contents > div + div {
  margin-top: 70px;
}

.contact_main_top .faq_list li:nth-of-type(n+6) {
  display: none;
}

.faq_sect.anouncement_sect {
  width: 50%;
}

.contact_main_middle .ing {
  width: calc(60% - 20px);
}

.contact_main_middle .announcement {
  width: calc(40% - 20px);
}

.qiuck_box .info .info_detail {
  border: 1px solid #dbdbdb;
  width: 100%;
}

.qiuck_box .info .info_detail + .info_detail {
  margin-left: -1px;
}

.qiuck_box .info .info_detail a {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 150px;
  font-size: 18px;
  display: flex;
}

.event_list_wrap li .thumb {
  border-radius: var(--qc-radius-control, 8px);
  padding-top: 77%;
  position: relative;
  overflow: hidden;
}

.common_tab_wrap {
  margin-top: 40px;
}

.common_tab {
  gap: 10px;
}

.common_tab li.active a {
  border: 1px solid var(--bs-point);
  color: var(--bs-point);
}

.common_tab li a {
  color: #454545;
  border-radius: var(--qc-radius-section, 24px);
  border: 1px solid #dbdbdb;
  padding: 8px 15px;
  font-weight: 500;
  display: block;
}

.common_tab_wrap .evaluate_search {
  gap: 10px;
}

.contact_btn {
  max-width: 127px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.write_container .bs_table tbody td {
  padding: 15px 0;
}

.write_container .bs_table tbody td .travel_box input {
  width: 323px;
}

.write_container .bs_table tbody td .travel_box input + input {
  margin-left: 1.25rem;
}

.write_container .bs_table tbody td .bs-select.mx-sm, .write_container .bs_table tbody td .bs-input.mx-sm {
  max-width: 210px;
}

.write_container .bs_table tbody td .bs-select.mx-md, .write_container .bs_table tbody td .bs-input.mx-md, .write_container .datepick_wrap .datepick {
  max-width: 410px;
}

.write_container .datepick_wrap span {
  text-align: center;
  width: 40px;
}

.write_container .contents {
  width: 100%;
  height: 150px;
  padding: 20px;
}

.write_container .file_box {
  flex-direction: column;
  gap: 10px 0;
  width: 510px;
  display: flex;
}

.write_container .file_box .file_select {
  align-items: center;
  gap: 0 10px;
  display: flex;
}

.write_container .file_box .file_select input[type="file"] {
  display: none;
}

.write_container .file_box .file_select label {
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  border: 1px solid #252525;
  padding: 15px 20px;
  font-weight: 500;
}

.write_container .file_box .file_name {
  position: relative;
}

.write_container .file_box .file_name input {
  color: #454545;
  background-color: #f3f3f3;
  font-size: 15px;
}

.write_container .file_box .file_name i {
  background-image: url("../images/ico/ico_delete.png");
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.write_container .file_box span {
  color: #999;
  font-size: 15px;
  font-style: italic;
}

.write_container .wrap_check textarea {
  width: 600px;
  height: 110px;
  overflow-y: scroll;
}

.write_container .wrap_check .privacy {
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-input-rounded);
  width: 100%;
  height: 110px;
  padding: 20px;
  overflow: hidden scroll;
}

.write_container .wrap_check .privacy * {
  font-family: inherit !important;
  line-height: 1.5 !important;
}

.write_container .wrap_check .check_box {
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.write_container .check_box input[type="checkbox"]:checked, .write_container .check_box input[type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.write_container .check_box input[type="checkbox"]:checked + label, .write_container .check_box input[type="checkbox"]:not(:checked) + label {
  cursor: pointer;
  color: #666;
  padding-left: 28px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.write_container .check_box input[type="checkbox"]:checked + label:before, .write_container .check_box input[type="checkbox"]:not(:checked) + label:before {
  content: "";
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0;
  left: 0;
}

.write_container .check_box input[type="checkbox"]:checked + label:after, .write_container .check_box input[type="checkbox"]:not(:checked) + label:after {
  content: "";
  background: var(--bs-point);
  border-radius: 100%;
  width: 12px;
  height: 12px;
  -webkit-transition: all .2s;
  transition: all .2s;
  position: absolute;
  top: 5px;
  left: 5px;
  transform: translate(-50%, -50%);
}

.write_container .check_box input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.write_container .check_box input[type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.write_container .check_box label {
  color: #252525;
  margin-left: 3px;
}

.write_container .btn-wrap {
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  margin-top: 60px;
  display: flex;
}

.write_container .btn-wrap .btn {
  max-width: 270px;
}

.write_container .btn-wrap .btn_submit {
  box-shadow: 0 16px 15.04px .96px #2e3e9247;
}

.inquy_title {
  text-align: center;
  margin-bottom: 60px;
  font-size: 30px;
}

.comment_box .comment_box-top .comment_box-count {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.555;
}

.comment_box-input .bs-input {
  border-radius: var(--qc-radius-xs, 4px);
  width: calc(100% - 110px);
  height: 100px;
  padding: 20px;
}

.comment_box-input .comment_btn {
  width: 100px;
  height: 100px;
  margin-left: 10px;
}

.comment_box .comment_box-details {
  margin-top: 30px;
}

.user .user-avatar img {
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  width: 52px;
  height: 52px;
}

.comment_box .comment_box-details .user {
  border-bottom: 1px solid #dbdbdb;
  flex-wrap: wrap;
  gap: 15px 20px;
  padding: 30px 0;
  display: flex;
}

.comment_box .comment_box-details .user-detail {
  flex: 1;
  max-width: calc(100% - 72px);
}

.comment_box .comment_box-details .user-detail .user-comment {
  word-wrap: break-word;
  color: #454545;
  line-height: 1.625;
}

.comment_box-details .user-content {
  margin-top: 25px;
}

.comment_box-details .user-content .user-type {
  cursor: pointer;
}

.comment_box-details .user-content span {
  color: #6c7580;
  word-break: break-all;
  margin-right: 20px;
  line-height: 1.5;
  position: relative;
}

.comment_box-details .user-content .user-title:after, .comment_box-details .user-content .user-date:after {
  content: "";
  background-color: #d8d8d8;
  width: 1px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: calc(100% + 10px);
  transform: translateY(-50%);
}

.comment_box-details .user-detail .user-operation {
  margin-top: 20px;
}

.comment_box-details .user-detail .user-operation button {
  color: #454545;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  padding: 0 10px;
  line-height: 1.5;
}

.comment .comment_box-input {
  gap: 0 10px;
  width: 100%;
  margin-bottom: .3846rem;
  display: flex;
}

#comment_list .comment_user .comment_user-avatar img {
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  width: 52px;
  height: 52px;
}

#comment_list .comment_user {
  border-bottom: 1px solid #dbdbdb;
  column-gap: 20px;
  padding: 30px 0;
  display: flex;
}

#comment_list .comment_user-detail {
  flex: 1;
  max-width: calc(100% - 72px);
}

#comment_list .comment_user-comment p {
  color: #454545;
  line-height: 28px;
}

#comment_list .comment_user-content {
  margin-top: 25px;
}

#comment_list .comment_user-content .comment_user-type {
  cursor: pointer;
}

#comment_list .comment_user-content span {
  color: #6c7580;
  margin-right: 20px;
  line-height: 28px;
  position: relative;
}

#comment_list .comment-input {
  gap: 0 10px;
  width: 100%;
  margin-bottom: .3846rem;
  display: flex;
}

#comment_list .comment-input textarea {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #aaa;
  width: calc(100% - 110px);
  height: 70px;
  padding: 10px;
}

#comment_list .comment-input button {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: var(--bs-point);
  color: #fff;
  width: 100px;
  height: 70px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

#comment_list .comment_user-content .comment_user-title:after {
  content: "";
  background-color: #d8d8d8;
  width: 1px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: calc(100% + 10px);
  transform: translateY(-50%);
}

#comment_list .comment_user-detail .comment_user-operation {
  margin-top: 20px;
}

#comment_list .comment_user-detail .comment_user-operation button {
  color: #454545;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  margin-right: 4px;
  padding: 0 10px;
  line-height: 28px;
}

.comment .comment_comment-input {
  gap: 0 10px;
  width: 100%;
  margin-bottom: .3846rem;
  display: flex;
}

.comment .comment_comment-input textarea {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #aaa;
  width: calc(100% - 110px);
  height: 70px;
  padding: 10px;
  font-family: Noto Sans KR;
  font-size: 16px;
}

.comment .comment_comment-input button {
  border-radius: var(--qc-radius-xs, 4px);
  color: #fff;
  background-color: #2e3e92;
  width: 100px;
  height: 70px;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.ord_total_sec > div {
  border-bottom: 1px solid #e5e5e5;
  padding: 40px 20px;
}

.ord_total_sec .label {
  font-size: 18px;
}

.ord_total_sec .detail_money p {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--bs-font-sans-serif);
}

.ord_total_sec .detail_money p strong {
  font-weight: 700;
}

.ord_total_sec .detail_money p + p {
  margin-top: 10px;
}

.ord_total_sec .total_money {
  margin-top: 30px;
}

.ord_total_sec .total_money p {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--bs-font-sans-serif);
}

.ord_total_sec .total_money p strong {
  color: var(--bs-point);
  font-size: 32px;
  font-weight: 700;
}

.ord_total_sec.reservation > div {
  border-bottom: 1px solid #e5e5e5;
  padding: 40px 20px;
}

.ord_total_sec.reservation .left {
  gap: 200px;
}

.ord_total_sec.reservation .label {
  color: red;
  font-size: 18px;
}

.ord_total_sec.reservation .detail_money p {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--bs-font-sans-serif);
  margin-top: 0 !important;
}

.ord_total_sec.reservation .detail_money p strong {
  font-weight: 700;
}

.ord_total_sec.reservation .detail_money p + p, .ord_total_sec.reservation .total_money {
  margin-top: 0;
}

.ord_total_sec.reservation .total_money p {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--bs-font-sans-serif);
}

.ord_total_sec.reservation .total_money p strong {
  color: var(--bs-point);
  font-size: 32px;
  font-weight: 700;
}

.evaluate_search input {
  width: 210px;
  height: 35px;
}

.evaluate_search select {
  width: 120px;
  height: 35px;
}

.evaluate_search .search_button {
  color: #2e3e92;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #2e3e92;
  width: 60px;
  height: 35px;
}

.tour_slider {
  margin: 0 -15px;
  position: relative;
}

.tour_slider .card {
  width: 380px;
  min-height: 363px;
}

.tour_slider .slider_box {
  margin: 0 15px;
}

.tour_slider .card .card_top {
  border-radius: var(--qc-radius-xs, 4px) var(--qc-radius-xs, 4px) 0 0;
  width: 100%;
  height: 230px;
  position: relative;
  overflow: hidden;
}

.tour_slider .card .card_top img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.tour_slider .card .card_top .card_best {
  border-radius: var(--qc-radius-card, 16px);
  background-color: #454deb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
  display: flex;
  position: absolute;
  top: 15px;
  left: 15px;
}

.tour_slider .card .card_top .card_best span:first-child {
  color: #fff;
  font-size: 11px;
  line-height: 15px;
}

.tour_slider .card .card_top .card_best span:last-child {
  color: #fff;
  font-weight: 700;
  line-height: 1;
}

.tour_slider .card .card_desc {
  border-radius: 0 0 var(--qc-radius-xs, 4px) var(--qc-radius-xs, 4px);
  border-bottom: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  min-height: 133px;
  padding: 20px 15px;
}

.tour_slider .card .card_desc span {
  font-size: "Noto Sans KR";
  color: #999;
  font-size: 15px;
}

.tour_slider .card .card_desc h3 {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  font-size: "Noto Sans KR";
  color: #252525;
  -webkit-box-orient: vertical;
  margin-top: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  display: -webkit-box;
  overflow: hidden;
}

.evaluate_section_2 {
  margin-top: 100px;
}

.preload {
  opacity: 0;
}

.loading-container {
  text-align: center;
  z-index: 999999;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.relative {
  position: relative;
}

.spinner {
  z-index: 9999;
  border: 5px solid #f3f3f3;
  border-top-color: #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: 1s linear infinite spin;
}

.prd_price {
  color: #222 !important;
  font-size: 22px !important;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loading-text {
  margin-top: 20px;
}

.evaluate_section .slick-arrow {
  color: #0000;
  z-index: 100;
  background: url("/images/ico/slider_btn.png") center no-repeat;
  width: 50px;
  height: 50px;
  font-size: 0;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.evaluate_section .swiper-button-next {
  right: -10px;
  transform: translateY(-50%) rotateY(180deg);
}

.evaluate_section .swiper-button-prev {
  left: -10px;
}

.bold-row {
  font-weight: 600;
}

#container.write_container, #container.view_container, #container.contact {
  padding: 100px 0 120px;
}

.list_container .sub_visual {
  background-color: #e0ecf7;
  background-size: 100% 150px;
  min-height: 150px;
  margin-bottom: 80px;
  position: relative;
}

.list_container .sub_visual .content_sub {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 120px;
  transform: translateY(-50%);
}

.list_container .sub_visual .content_sub span {
  color: #fff;
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 700;
  display: block;
}

.list_container .sub_visual .content_sub p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}

.view_container .sect_ttl_box .date {
  color: #757575;
}

.view_container .bs_table {
  word-break: break-all;
}

.view_container .bs_table tbody td.contents {
  line-height: 1.625;
}

.view_container .bs_table tbody tr:first-child {
  border-bottom-color: #aaa;
}

.view_container .file i {
  background: url("../images/ico/inquiry_file.png") center no-repeat;
  width: 17px;
  height: 16px;
  margin-left: 8px;
  display: inline-block;
}

.view_container .btn-wrap {
  margin-top: 60px;
}

.view_container .go_to_list {
  max-width: 270px;
  margin: 0 auto;
  display: block;
}

.view_container .comment_box {
  margin-top: 80px;
}

.view_container .view_top {
  border-bottom: 1px solid #2b2b2b;
  padding-bottom: 40px;
}

.view_container .view_content-top .main_info {
  gap: 30px;
}

.view_container .view_content-top .line {
  border-bottom: 1px solid #e5e5e5;
  padding-right: 20px;
}

.view_container .view_content-top .line li {
  border-bottom: none;
}

.view_container .view_top .sect_ttl_box {
  margin-bottom: 30px;
}

.view_container .view_top .date {
  color: #757575;
}

.view_container .view_content {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 30px 100px;
}

.view_container .view_content * {
  word-break: break-all;
  line-height: 1.5;
}

.view_container .view_content .view_content-detail {
  margin-top: 40px;
}

.view_container .view_relate {
  margin-top: 30px;
}

.view_container .view_relate .ttl {
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: 700;
}

.view_container .view_relate .ttl span {
  color: var(--bs-point);
}

.view_container .view_relate .slick-arrow {
  color: #0000;
  z-index: 100;
  background: url("/images/ico/slider_btn.png") center no-repeat;
  width: 50px;
  height: 50px;
  font-size: 0;
  display: block;
  position: absolute;
  top: 33%;
  transform: translateY(-50%);
}

.view_container .view_relate .slick-next {
  right: 0;
  transform: translateY(-50%) rotateY(180deg);
}

.view_container .view_relate .slick-prev {
  left: 0;
}

.view_content-top ul li {
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
  height: 100%;
  min-height: 80px;
  max-height: 250px;
  display: flex;
}

.view_content .flex-image {
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 20px 0;
  display: flex;
}

.view_content .flex-image .image-item {
  object-fit: cover;
  cursor: pointer;
  width: 200px;
  height: 200px;
}

.view_content-top ul li h4 {
  text-align: center;
  width: 100px;
  font-weight: 500;
}

.view_content-top ul li .view_content-info {
  gap: 10px;
  width: calc(100% - 100px);
  padding-left: 50px;
  display: flex;
}

.view_container .f_list {
  margin-top: 20px;
}

.view_container .f_list a, .view_container .f_list button {
  justify-content: center;
  align-items: center;
  max-width: 140px;
  height: 54px;
  font-size: 18px;
  display: inline-flex;
}

.view_container .btn_edit {
  margin-right: 10px;
}

.banner-ticket {
  margin-top: 30px;
}

.ticket-tool {
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  display: flex;
}

.ticket-tool-l > p {
  font-size: 28px;
  font-weight: 700;
}

.ticket-tool-l > p > span {
  color: var(--bs-point);
}

.ticket-tool-r {
  position: relative;
}

.ticket-tool-r input {
  border-radius: var(--qc-radius-section, 24px);
  height: 42px;
}

.ticket-s-i {
  position: absolute;
  top: 10px;
  right: 15px;
}

.btn-gr-ticket {
  justify-content: start;
  align-items: center;
  gap: 10px;
  display: flex;
}

.btn-gr-ticket button {
  color: #757575;
  border-radius: var(--qc-radius-section, 24px);
  border: 1px solid #dcdcdc;
  padding: 8px 16px;
  font-size: 16px;
}

.btn-gr-ticket button.on {
  border: 1px solid var(--bs-point);
  color: var(--bs-point);
}

.tiket-tool-b {
  justify-content: space-between;
  align-items: start;
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
}

.select-tool > select {
  color: #222;
  border: none;
  padding-right: 40px;
  font-size: 15px;
}

.mid-banner-ticket {
  margin-top: 15px;
  position: relative;
}

.list-ticket-grid {
  flex-wrap: wrap;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}

.list-ticket-item {
  width: 100%;
  max-width: 285px;
  margin-bottom: 40px;
  overflow: hidden;
}

.swiper-button-next-vehicle, .swiper-button-prev-vehicle {
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-button-next-vehicle {
  right: 0;
}

.swiper-button-prev-vehicle {
  left: 0;
}

.section_vehicle_1 {
  background-color: #803dff;
  padding-bottom: 180px;
}

.vehicle_ttl {
  color: #000;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}

.vehicle_ttl.spe {
  margin-bottom: 20px;
}

.vehicle_ttl span {
  color: #555;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400;
}

.section_vehicle_2 {
  font-family: Noto Sans CJK KR;
}

.section_vehicle_2 .body_inner {
  overflow: unset;
  overflow-y: visible;
}

.section_vehicle_2__wrap {
  z-index: 15;
  background-color: #fff;
  margin-top: -180px;
  padding: 23px 40px 200px;
  position: relative;
}

.section_vehicle_2_1__head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section_vehicle_2_1__head__icon a {
  border-radius: var(--qc-radius-section, 24px);
  color: #fff;
  background-color: #f62e2e;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 164px;
  height: 40px;
  font-size: 14px;
  display: flex;
}

.section_vehicle_2_1__body {
  color: #000;
  gap: 18px;
  margin-top: 24px;
  font-size: 18px;
  line-height: 1.2;
  display: flex;
}

.place_chosen {
  flex: 1;
  grid-template-columns: 48% 80px auto;
  row-gap: 12px;
  display: grid;
}

.place_chosen .bg_gray {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #f2f6f9;
  align-items: center;
  gap: 6px;
  padding: 23px 17px;
  display: flex;
}

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

.place_chosen__date label {
  align-items: center;
  gap: 6px;
  display: flex;
}

.place_chosen__icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.place_chosen__date input.datepicker {
  opacity: 0;
  border: none;
  outline: none;
  width: 0;
  height: 1px;
  padding: 0;
}

.place_chosen__people_wrap {
  position: relative;
}

.place_chosen__people_pop {
  border-radius: var(--qc-radius-card, 16px);
  z-index: 1000;
  background-color: #fff;
  width: 100%;
  padding: 30px;
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  box-shadow: 0 8px 21px #00000036;
}

.pickup_amount {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.pickup_amount + .pickup_amount {
  margin-top: 10px;
}

.pickup_amount__ttl {
  color: #000;
  text-transform: uppercase;
  font-family: Noto Sans CJK KR;
  font-size: 18px;
}

.pickup_amount__numbox {
  border-radius: var(--qc-radius-xs, 4px);
  border: 2px solid #c1c1c1;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 120px;
  height: 42px;
  padding: 0 15px;
  display: flex;
}

.pickup_amount__numbox .btn_minus, .pickup_amount__numbox .btn_plus {
  background-color: #0000;
  border: none;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.pickup_amount__numbox .btn_minus img {
  width: 13px;
  display: block;
}

.pickup_amount__numbox .btn_minus:disabled img, .pickup_amount__numbox .btn_plus:disabled img {
  opacity: .5;
}

.pickup_amount__numbox .btn_plus img {
  width: 11px;
  display: block;
}

.pickup_amount__numbox .pickup_amount__num {
  text-align: center;
  color: #000;
  width: 30px;
  height: 20px;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  border: none !important;
  outline: none !important;
}

.btn_pickup_people {
  border-radius: var(--qc-radius-xs, 4px);
  color: #fff;
  background-color: #0161ab;
  width: 100%;
  height: 42px;
  margin-top: 20px;
  font-family: Noto Sans CJK KR;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.section_vehicle_2_2 {
  margin-top: 53px;
}

.section_vehicle_2_2__head__tabs {
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 23px;
  display: flex;
}

.cars_category_wrap .ttl_category_depth_1 {
  padding-top: 10px;
  font-size: 24px;
  font-weight: 500;
}

.cars_category_wrap .ttl_category_depth_child {
  color: #999;
  padding-top: 40px;
  font-size: 17px;
  font-weight: 400;
}

.cars_category_wrap .ttl_category_depth_child.spe {
  align-items: center;
  gap: 10px;
  display: flex;
}

.section_vehicle_2_2__head__tabs__item {
  border-radius: var(--qc-radius-section, 24px);
  color: #555;
  background-color: #fff;
  border: 1px solid #555;
  justify-content: center;
  align-items: center;
  height: 52px;
  padding: 0 40px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.section_vehicle_2_2__head__tabs__item.active {
  color: #fff;
  background-color: #279eeb;
  border: none;
}

.product-hover-box {
  background: #fff;
  border: 1px solid #ddd;
  min-width: 200px;
  max-height: 400px;
  padding: 10px;
  font-size: 14px;
  top: 10px;
  overflow-y: auto;
}

.product-hover-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-hover-box li {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}

.section_vehicle_2_2__airport {
  flex-wrap: wrap;
  gap: 20px 40px;
  margin-top: 30px;
  display: flex;
}

.section_vehicle_golf_choose p {
  color: #252525;
  font-weight: 500;
  line-height: 1.3;
}

.section_vehicle_2_2__airport input[type="radio"] + label {
  color: #555;
  cursor: pointer;
  padding-left: 38px;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}

.section_vehicle_2_2__airport input[type="radio"] + label:before {
  content: "";
  background-color: #fff;
  border: 1px solid #555;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.section_vehicle_2_2__airport input[type="radio"]:checked + label:before {
  background-color: #279eeb;
  border: none;
}

.section_vehicle_2_3 {
  border-bottom: 1px solid #dbdbdb;
  margin-top: 85px;
  padding-bottom: 68px;
}

.section_vehicle_2_3__head__ttl {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 16px;
}

.vehicle_list {
  table-layout: fixed;
  width: 100%;
  margin-top: 32px;
}

.vehicle_list tr td {
  vertical-align: top;
}

.vehicle_list tr td:last-child {
  vertical-align: middle;
}

.vehicle_list tr + tr td {
  padding: 26px 0 0;
}

.vehicle_image {
  border-radius: var(--qc-radius-card, 16px);
  border: 1px solid #c1c1c1;
  overflow: hidden;
}

.vehicle_info {
  padding: 20px 25px;
}

.vehicle_info table {
  table-layout: fixed;
  width: 100%;
  margin-top: 18px;
}

.vehicle_info table tr + tr td {
  padding-top: 12px;
}

.vehicle_info__name {
  color: #222;
  font-family: Pretendard;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.vehicle_info__name span {
  color: gray;
  font-family: Pretendard;
  font-size: 17px;
  font-weight: 500;
}

.vehicle_info__item {
  color: #252525;
  font-family: Pretendard;
  font-size: 16px;
  line-height: 1.625;
}

.vehicle_price {
  color: #279eeb;
  font-family: Pretendard;
  font-weight: 700;
  font-size: 26px !important;
}

.vehicle_price span {
  color: #777;
  font-size: 16px;
}

.vehicle_options {
  color: #252525;
  align-items: center;
  margin-top: 19px;
  font-family: Pretendard;
  font-size: 16px;
  display: flex;
}

.vehicle_options__label__vehicle_cnt {
  margin-right: 20px;
}

.vehicle_options__select {
  width: 95px;
  height: 40px;
  margin-right: 12px;
}

.vehicle_options__label__vehicle_prd {
  cursor: pointer;
  user-select: none;
  padding-left: 66px;
  position: relative;
}

input[type="checkbox"] + .vehicle_options__label__vehicle_prd:after {
  content: url("/images/ico/checkbox_1.png");
  position: absolute;
  top: -15px;
  left: 8px;
}

input[type="checkbox"] + .vehicle_options__label__vehicle_prd:before {
  content: "";
  border: 1px solid #dbdbdb;
  width: 45px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

input[type="checkbox"]:checked + .vehicle_options__label__vehicle_prd:after {
  content: url("/images/ico/checkbox_1_active.png");
}

.section_vehicle_2_4 {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 40px;
}

.section_vehicle_2_4__head__ttl {
  color: #555;
  margin-top: 45px;
  font-size: 16px;
}

.vehicle_ttl__link {
  color: #0161ab;
  margin-left: 24px;
  font-size: 13px;
  text-decoration: underline;
}

.vehicle_synthetic {
  justify-content: space-between;
  width: 100%;
  margin-top: 25px;
  display: flex;
}

.vehicle_coupon {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.vehicle_synthetic__ttl, .vehicle_synthetic__txt {
  color: #222;
  font-family: Pretendard;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.vehicle_synthetic__ttl {
  margin-bottom: 20px;
}

.vehicle_minus, .vehicle_equal {
  align-items: center;
  display: flex;
}

.minus_ico {
  text-align: center;
  width: 25px;
  height: 6px;
  display: inline-block;
  position: relative;
}

.minus_ico:before {
  content: "";
  background-color: #d2d2d2;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.equal_ico {
  text-align: center;
  width: 25px;
  height: 16px;
  display: inline-block;
  position: relative;
}

.equal_ico:after, .equal_ico:before {
  content: "";
  background-color: #d2d2d2;
  width: 100%;
  height: 6px;
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.equal_ico:before {
  top: 0;
}

.vehicle_all_price {
  color: #252525;
  font-family: Pretendard;
  font-size: 30px;
  font-weight: 700;
}

.vehicle_all_price span {
  gap: 5px;
  font-size: 20px;
  font-weight: 500;
}

.coupon_btn {
  border-radius: var(--qc-radius-card, 16px);
  color: #fff;
  background-color: #0161ab;
  width: 131px;
  height: 34px;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 700;
  display: block;
}

.point_btn {
  border-radius: var(--qc-radius-card, 16px);
  color: #fff;
  background-color: #ff8827;
  width: 131px;
  height: 34px;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 700;
  display: block;
}

.section_vehicle_2_4__foot {
  color: #555;
  text-transform: uppercase;
  margin-top: 65px;
  font-size: 16px;
  line-height: 1.625;
}

.section_vehicle_2_5 {
  border-bottom: 1px solid #dbdbdb;
  padding: 50px 0;
}

.section_vehicle_2_5__body {
  margin-top: 20px;
  display: flex;
}

.section_vehicle_2_5__body .include_box {
  flex: 1;
}

.section_vehicle_2_5__body .sub_label {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.section_vehicle_2_5__body .txt_box p {
  display: flex;
  color: #757575 !important;
  font-family: inherit !important;
  line-height: 1.5 !important;
}

.section_vehicle_2_5__body .sub_label i {
  background: center no-repeat;
  width: 19px;
  height: 19px;
  margin-right: 6px;
  display: block;
}

.section_vehicle_2_5__body .include_box .sub_label i {
  background-image: url("/images/ico/view_ok_ico.png");
}

.section_vehicle_2_5__body .no_include_box .sub_label i {
  background-image: url("/images/ico/view_no_ico.png");
}

.section_vehicle_2_6 {
  padding: 40px 0 0;
}

.section_vehicle_2_6__body {
  color: #222;
  margin-top: 30px;
  font-family: Pretendard;
  font-size: 16px;
  line-height: 1.667;
}

.section_vehicle_2_6__body > ul {
  margin-left: 20px;
}

.section_vehicle_2_6__body > ul > li {
  list-style: decimal;
}

.section_vehicle_2_7 {
  padding: 90px 0 0;
}

.section_vehicle_2_7__body table {
  table-layout: fixed;
  border-top: 1px solid #333;
  width: 100%;
  margin-top: 30px;
}

.section_vehicle_2_7__body .section_vehicle_table {
  margin-top: 30px;
}

.section_vehicle_2_7__body table tr {
  border-bottom: 1px solid #ddd;
}

.section_vehicle_2_7__body table th, .section_vehicle_2_7__body table td {
  color: #222;
  text-align: left;
  padding: 15px 23px;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.section_vehicle_2_7__body table td {
  font-weight: 500;
}

.section_vehicle_2_7__head__ttl .schedule_ttl {
  color: #fff;
  border-radius: var(--qc-radius-pill, 999px);
  background: #464646;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 500;
}

.section_vehicle_2_7__body .departure_name, .section_vehicle_2_7__body .destination_name {
  color: #17469e;
}

.section_vehicle_2_7__body .section_vehicle_info {
  color: #fff;
  background: #17469e;
  margin-top: 40px;
  padding: 20px;
  font-size: 16px;
  font-weight: 400;
}

.popup_place__head {
  border-bottom: 1px solid #222;
  padding-top: 20px;
  padding-bottom: 25px;
}

.popup_wrap.reservation_pop .popup_place__head {
  padding-top: 20px;
}

.popup_place__head__ttl {
  font-size: 26px;
  font-weight: 700;
}

.popup_place__body {
  margin-top: 30px;
}

.popup_wrap.place_pop .popup_place__body * {
  font-family: var(--bs-body-font-family), sans-serif !important;
  line-height: 1.4 !important;
}

.info_company .popup_place__body {
  margin-top: 10px;
}

.popup_place__body .policy_top {
  color: #555;
  margin-top: 30px;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.popup_place__body .policy_center {
  margin-top: 40px;
  display: flex;
}

.popup_place__body .policy_center .left, .popup_place__body .policy_center .right {
  width: 50%;
}

.popup_place__body .policy_center p {
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.popup_place__body .policy_center .left p:not(:first-child), .popup_place__body .policy_center .right p:not(:first-child) {
  margin-top: 10px;
}

.popup_place__body .policy_center p .color {
  color: #ff8827;
}

.popup_place__body .policy_bottom {
  color: #acacac;
  margin-top: 40px;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.popup_place__list {
  flex-wrap: wrap;
  gap: 20px;
  display: flex;
}

.popup_place__list > li {
  cursor: pointer;
  width: calc(20% - 16px);
  position: relative;
}

.popup_place__list > li.is_content:after, .section_vehicle_2_2__head__tabs__item.is_content:after {
  content: "?";
  color: #919191;
  background: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.popup_place__list > li > span {
  color: #757575;
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 2px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 12px 10px;
  display: flex;
}

.popup_place__list > li > .active {
  color: #fff;
  background-color: #2a459f;
  border: none;
}

.layer_contents {
  z-index: 30000;
  background: #fff;
  border: 1px solid #888;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: absolute;
  top: 100%;
}

.layer_contents .layer_contents_wrap {
  width: 230px;
  height: auto;
  padding: 0 15px 15px;
  overflow-y: auto;
}

.layer_contents .layer_contents_wrap .layer_contents_child {
  padding: 10px 0;
}

.layer_contents .layer_contents_wrap .btn_link {
  text-align: center;
  background-color: #eee;
  margin: 20px auto 0;
  padding: 10px;
  display: block;
}

.section_vehicle_2_2__head__tabs__item .layer_contents {
  top: 105%;
  left: 0;
}

.section_vehicle_2_2__head__tabs__item .layer_contents .layer_contents_wrap {
  height: auto;
  overflow: unset;
}

.layer_contents .layer_contents_child:not(:first-child) {
  border-top: 1px solid #eee;
}

.section_vehicle_2_2__head__tabs__item {
  position: relative;
}

.popup_place__list > li.is_content:hover .layer_contents, .section_vehicle_2_2__head__tabs__item.is_content:hover .layer_contents {
  display: block;
}

.popup_wrap.place_pop .pop_box {
  max-width: 1000px;
  height: 480px;
  overflow-y: auto;
}

.popup_wrap.place_pop .popup_place__body .img_top, .popup_wrap.place_pop .popup_place__body table {
  width: 100% !important;
}

.popup_wrap.place_pop .pop_body {
  padding: 0 59px;
}

.popup_wrap.place_pop .pop_body::-webkit-scrollbar {
  display: none;
}

.meeting_time {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.meeting_time__date {
  margin-right: 45px;
}

.meeting_time select {
  width: 140px;
  height: 52px;
  margin-right: 10px;
}

.meeting_time select:not(:first-child) {
  margin-left: 35px;
}

.datepicker_wrap {
  position: relative;
}

.datepicker_wrap .ui-datepicker-trigger {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.departure {
  align-items: center;
  display: flex;
}

.departure__note {
  color: #e4001e;
  margin-top: 20px;
  font-family: Pretendard;
  font-size: 15px;
  line-height: 1.467;
}

.destination {
  align-items: center;
  display: flex;
}

.other_irregularities {
  resize: none;
  border: 1px solid #ddd;
  width: 100%;
  height: 90px;
}

.phone_number {
  align-items: center;
  gap: 10px;
  display: flex;
}

.phone_number > * {
  width: 200px !important;
}

.phone_number select {
  border: 1px solid #757575;
}

.contact_email {
  align-items: center;
  gap: 10px;
  display: flex;
}

.contact_email > select {
  width: 200px !important;
}

.contact_email > input {
  width: 189px !important;
}

.section_vehicle_2_7__btn_wrap {
  justify-content: center;
  gap: 10px;
  margin-top: 75px;
  display: flex;
}

.section_vehicle_2_7__btn_wrap .btn_add_cart {
  border-radius: var(--qc-radius-xs, 4px);
  color: #252525;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 62px;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.section_vehicle_2_7__btn_wrap .btn_submit {
  border-radius: var(--qc-radius-xs, 4px);
  filter: drop-shadow(0 16px 8px #2e3e9247);
  color: #fff;
  background-color: #2e3e92;
  border: none;
  outline: 0;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 62px;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.tag-red {
  z-index: 99999;
  position: absolute;
  top: 15px;
  left: 30px;
  transform: translateY(15px);
}

.img_box_re {
  width: 386px;
  position: relative;
}

.banner-ticket .img_box_re img:first-child {
  border-radius: var(--qc-radius-control, 8px);
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  width: 386px;
  height: 360px;
}

.img_box_re:after {
  content: "";
  z-index: 1;
  background: linear-gradient(to top, #000c, #0000);
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.img_box_re .title_box {
  box-sizing: border-box;
  border-bottom-left-radius: var(--qc-radius-xs, 4px);
  border-bottom-right-radius: var(--qc-radius-xs, 4px);
  z-index: 9;
  background: #00000040;
  width: 100%;
  height: 74px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.text_img_box_re {
  z-index: 10;
  color: #fff;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  display: -webkit-box;
  position: absolute;
  bottom: 50%;
  left: 20px;
  overflow: hidden;
  transform: translateY(50%);
}

.prd_name {
  color: #252525;
}

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

.breakcum p {
  color: #757575;
  margin-top: 1rem;
  font-size: 15px !important;
}

.select-tool select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--qc-radius-control, 8px);
  background: #fff url("../../uploads/icons/arrow-select-m.png ") right .3rem center / 15px no-repeat;
  outline: none;
  width: 100%;
  height: 4rem;
  padding-left: 0;
  padding-right: 32px;
  font-size: 15px;
}

.golf-custom-page .body_inner_custom_type_1 {
  padding: 0 calc(50% - 600px);
  position: relative;
}

.golf-custom-page .swiper-button-sub-2 {
  top: 43%;
}

.golf-custom-page .banner-middle-tour {
  background-image: url("/images/sub/golf_img.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  margin-top: 100px;
  position: relative;
}

.golf-custom-page .container-middle-tour .son-title {
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: bold;
}

.golf-custom-page .container-middle-tour .son-des {
  opacity: .8;
  font-size: 18px;
}

.golf-custom-page .container-middle-tour {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 13%;
  transform: translateY(-50%);
}

.golf-custom-page .golf_custom_section5__head__tabs2 {
  border-top: 1px solid #000;
  margin-top: 30px;
  padding-top: 30px;
}

.golf-custom-page .prd_keywords_cus_span {
  align-items: center;
  gap: 7px;
  display: flex;
}

.golf-custom-page .prd_price_ko_sub {
  margin-left: 4px;
  display: inline-block;
  transform: translateY(2px);
}

.golf-custom-page .sub_section3.sub_section5_ {
  margin-bottom: 140px;
}

.golf-custom-page .text_img_box_re_sub {
  color: #fff;
  z-index: 9899999;
  text-shadow: 2px 2px #000;
  font-size: 16px;
  position: absolute;
  bottom: 40px;
  left: 30px;
}

.golf-custom-page .text_img_box_re {
  text-shadow: 2px 2px #000;
  bottom: 70px;
}

.customer-form-page .navigation-section {
  background-color: #0bb6e0;
  height: 160px;
}

.customer-form-page .main-section {
  margin-top: -80px;
}

.customer-form-page {
  background-color: #f0f2f5;
}

.customer-form-page .content-main {
  align-items: center;
  gap: 12px;
  display: flex;
}

.customer-form-page .content-main .container-card {
  gap: 20px;
  margin-top: 20px;
  display: flex;
}

.customer-form-page .item-n {
  color: #fff;
  align-items: center;
  gap: 4px;
  margin-top: 30px;
  display: flex;
}

.customer-form-page .item-n.inactive {
  opacity: .8;
}

.customer-form-page .item-n .number-n {
  color: var(--bs-point);
  border-radius: var(--qc-radius-pill, 999px);
  background-color: #fff;
  width: 25px;
  height: 25px;
  padding: 6px 9px;
  font-size: 13px;
}

.customer-form-page .title-sub-c.con-border-top {
  border-top: 1px solid #eee;
  padding-top: 40px;
}

.customer-form-page .container-card {
  padding-bottom: 50px;
  display: flex;
}

.customer-form-page .container-card .card-left {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  width: 820px;
  margin-right: 20px;
  padding: 40px 30px;
  box-shadow: 0 8px 24px #959da533;
}

.customer-form-page .container-card .card-left.card-left-2 {
  margin-top: 20px;
}

.customer-form-page .container-card .card-left2 {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  width: 820px;
  margin-top: 20px;
  margin-right: 20px;
  padding: 40px 30px;
  box-shadow: 0 8px 24px #959da533;
}

.customer-form-page .container-card .card-right {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  width: 360px;
  box-shadow: 0 8px 24px #959da533;
}

.customer-form-page .container-card .card-right2 {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  width: 360px;
  margin-top: 20px;
  padding: 20px 20px 65px;
  box-shadow: 0 8px 24px #959da533;
}

.bs-input-check.spe {
  margin-top: 3px;
}

.customer-form-page .container-card .item-info-r {
  place-content: center space-between;
  margin-bottom: 12px;
  display: flex;
}

.customer-form-page .container-card .item-info-r span.price_long {
  text-align: right;
}

.customer-form-page .container-card .item-info-r.red {
  color: red;
}

.customer-form-page .container-card .item-info-r span:first-child {
  width: 130px;
  line-height: 1.3rem;
}

.customer-form-page .container-card .item-info-r.item-info-r-border-b {
  border-bottom: 1px dashed #eee;
  margin-bottom: 24px;
  padding-bottom: 30px;
}

.customer-form-page .container-card .card-right img {
  border-radius: var(--qc-radius-xs, 4px) var(--qc-radius-xs, 4px) 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 420px;
  height: 260px;
}

.customer-form-page .container-card .card-right .below-right {
  padding: 20px;
}

.customer-form-page .item-n .label-n {
  font-size: 14px;
}

.customer-form-page .title-main-c {
  margin-bottom: 40px;
  font-size: 22px;
}

.customer-form-page .title-main-c.title-main-2 {
  margin-bottom: 40px;
}

.customer-form-page .title-sub-c {
  margin-bottom: 30px;
  font-size: 18px;
}

.text_divider {
  background-color: #dbdbdb;
  width: 2px;
  height: 12px;
  margin: 0 15px;
  display: inline-block;
}

.customer-form-page .form-group label {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}

.customer-form-page .con-form {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.customer-form-page .con-form .form-group input, .customer-form-page .con-form .form-group select {
  width: 370px;
}

.customer-form-page .con-form.cus-border-bottom {
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.customer-form-page .form-group.time-group {
  align-items: center;
  gap: 30px;
  display: flex;
}

.customer-form-page .form-group-second .car-time-hour {
  width: 160px;
}

.customer-form-page .form-group-second {
  align-items: center;
  gap: 10px;
  display: flex;
}

.customer-form-page .form-group-second .select-width {
  width: 160px;
}

.customer-form-page .form-group-second .select-width.golf-select {
  width: 100px;
}

.customer-form-page .mb-30 {
  margin-bottom: 30px;
}

.customer-form-page .mb-10 {
  margin-bottom: 10px;
}

.customer-form-page .container-card .cus-form-group {
  flex-direction: column;
  display: flex;
}

.customer-form-page .container-card #extra-requests {
  resize: none;
  height: 102px;
  padding: 20px;
}

.customer-form-page .container-card .title-r {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5rem;
}

.customer-form-page .container-card .title-sub-r {
  margin-bottom: 32px;
  font-size: 17px;
  line-height: 1.5rem;
}

.customer-form-page .container-card .item-info {
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}

.cart_info_pop .title-sub-below {
  color: #757575;
  margin-bottom: 20px;
  font-size: 15px;
}

.cart_info_pop .cus-form-group {
  flex-direction: column;
  display: flex;
}

.cart_info_pop .cus-form-group textarea {
  width: 100%;
  height: 102px;
  padding: 20px;
}

.customer-form-page .tour .container-card .item-info {
  width: 280px;
}

.customer-form-page .tour .container-card .item-info span:first-child {
  width: 90px;
}

.customer-form-page.golf .container-card .item-info span:first-child {
  width: 110px;
}

.customer-form-page.golf .container-card .item-info span:last-child {
  color: #000;
}

.customer-form-page .container-card .item-info-r-line {
  border: 1px dashed #dbdbdb;
  width: 100%;
  margin: 26px 0;
}

.customer-form-page .container-card .item-info-r.font-bold-cus {
  font-size: 18px;
  font-weight: bold;
}

.customer-form-page .container-card .below-des-price {
  color: #999;
  margin-bottom: 30px;
  line-height: 1.3rem;
}

.customer-form-page .container-card .below-title-image {
  align-items: center;
  gap: 5px;
  margin-bottom: 12px;
  display: flex;
}

.customer-form-page .container-card .color-blue {
  color: var(--bs-point);
}

.customer-form-page .container-card .cus-label-r {
  border: 1px solid #eee;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 8px 12px;
  display: inline-block;
}

.item-info-check-first.click {
  color: #fff;
  background-color: #686868;
}

.item-info-check-first i, .item-info-check i {
  background-image: url("/uploads/icons/form_check_icon.png");
  background-repeat: no-repeat;
  background-size: 25px 17px;
  width: 25px;
  height: 17px;
}

.item-info-check.acti i {
  background-image: url("/uploads/icons/form_check_icon_black.png");
}

.item-info-check img {
  width: 25px;
  height: 17px;
}

.item-info-check {
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  justify-content: space-between;
  margin: 16px 14px;
  font-size: 15px;
  display: flex;
}

.item-info-check-first.click {
  color: #fff;
  background-color: #686868;
  margin-bottom: 16px;
}

.item-info-check-first {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #f3f3f3;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 16px 14px;
  display: flex;
}

.item-info-check-first img, .item-info-check img {
  width: 25px;
  height: 17px;
}

.item-info-check {
  border-radius: var(--qc-radius-xs, 4px);
  justify-content: space-between;
  padding: 16px 14px;
  font-size: 15px;
  display: flex;
  margin: 0 !important;
}

.item_check_term_all_, .item_check_term_ {
  background: #fff url("/uploads/icons/form_check_icon.png") 100% / 23px 15px no-repeat;
}

.item_check_term_all_.checked_, .item_check_term_.checked_ {
  background: #fff url("/images/ico/check_2.png") 100% / 23px 15px no-repeat;
}

.item_check_term_all_ label, .item_check_term_ label {
  font-size: 16px;
  line-height: 1.3;
}

.item-info-check:hover {
  cursor: pointer;
  background-color: #f3f3f3;
}

.terms-wrap {
  width: 535px;
}

.terms-wrap .title-second {
  margin-top: 20px;
  padding-bottom: 16px;
  padding-left: 14px;
}

.terms-wrap .view-policy {
  margin-right: 30px;
}

.customer-form-page .below-sub-des {
  font-size: 15px;
}

.btn-payment {
  background-color: var(--bs-point);
  color: #fff;
  border-radius: var(--qc-radius-xs, 4px);
  width: 100%;
  height: 66px;
  margin-top: 25px;
  padding: 12px 50px;
  font-size: 22px;
  font-weight: bold;
}

.customer-form-page .container-card .btn-order {
  background-color: var(--bs-point);
  color: #fff;
  border-radius: var(--qc-radius-xs, 4px);
  width: 100%;
  height: 66px;
  margin-top: 25px;
  padding: 12px 50px;
  font-size: 18px;
  font-weight: bold;
}

.customer-form-page .container-card .cart {
  border-radius: var(--qc-radius-xs, 4px);
  width: 100%;
  height: 66px;
  color: var(--bs-point);
  border: 1px solid var(--bs-point);
  margin-top: 10px;
  padding: 12px 50px;
  font-size: 22px;
  font-weight: bold;
}

.customer-form-page .form-group-radio {
  justify-content: space-between;
  align-items: center;
  width: 485px;
  margin-top: 28px;
  margin-bottom: 10px;
  display: flex;
}

.customer-form-page [type="radio"]:checked, .customer-form-page [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.customer-form-page [type="radio"]:checked + label, .customer-form-page [type="radio"]:not(:checked) + label {
  cursor: pointer;
  color: #666;
  padding-left: 28px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.customer-form-page [type="radio"]:checked + label:before, .customer-form-page [type="radio"]:not(:checked) + label:before {
  content: "";
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}

.customer-form-page [type="radio"]:checked + label:after, .customer-form-page [type="radio"]:not(:checked) + label:after {
  content: "";
  background: var(--bs-point);
  border-radius: 100%;
  width: 10px;
  height: 10px;
  -webkit-transition: all .2s;
  transition: all .2s;
  position: absolute;
  top: 5px;
  left: 5px;
}

.customer-form-page [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.customer-form-page [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.customer-form-page .form-group-cus-4input {
  align-items: center;
  gap: 8px;
  margin-bottom: 30px;
  display: flex;
}

.customer-form-page .card-left2 .form-group-flex {
  align-content: center;
  gap: 10px;
  display: flex;
}

.customer-form-page .form-group-cus-4input .user_country {
  width: 400px;
}

.customer-form-page .form-group-cus-4input.spe input:nth-child(4) {
  width: 100%;
}

.customer-form-page .form-group-cus-4input.tour_input {
  gap: 6.5px;
  margin-bottom: 0;
}

.customer-form-page .tour_input input:first-child {
  width: 90px !important;
}

.customer-form-page .tour_input input {
  width: 120px !important;
}

.customer-form-page .form-group-cus-4input input:nth-child(4) {
  width: 370px;
}

.customer-form-page .card-left2 .form-group-flex select {
  width: 120px;
}

.customer-form-page .card-left2 .form-group-flex input {
  width: 190px;
}

.customer-form-page .card-left2 .cus-select-group {
  align-items: center;
  gap: 10px;
  display: flex;
}

.customer-form-page .card-left2 .cus-select-group input {
  width: 370px;
}

.customer-form-page .card-left2 .cus-select-group .email-group input {
  width: 312px;
}

.customer-form-page .card-left2 .cus-select-group select {
  width: 360px;
}

.customer-form-page .cus-select-group.tour input {
  width: 345px;
}

.customer-form-page .cus-select-group.tour select {
  width: 360px;
}

.customer-form-page .card-left2 .tbl_form {
  border-top: 1px solid #dbdbdb;
  width: 100%;
}

.customer-form-page .card-left2 .tbl_form tr {
  border-bottom: 1px solid #dbdbdb;
}

.customer-form-page .card-left2 .tbl_form tr th {
  color: #454545;
  text-align: left;
  background-color: #f5f7fa;
  padding: 20px 15px;
  font-size: 15px;
}

.customer-form-page .card-left2 .tbl_form tr td {
  color: #252525;
  text-align: left;
  padding: 20px 15px;
  font-size: 15px;
}

.email-group {
  position: relative;
}

.email-group input {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.customer-form-page .mo-cus-in-3 {
  width: 130px;
}

.completed-order-page {
  background-color: #f0f2f5;
}

.completed-order-page .container-card {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  margin: 30px 0 50px;
  padding: 60px 0 90px;
  display: flex;
}

.completed-order-page .img-con img {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.completed-order-page .title-main-o {
  text-align: center;
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 600;
  line-height: 2.5rem;
}

.completed-order-page .title-main-o span {
  text-align: center;
  height: 25px;
  padding: 5px;
  font-size: 32px;
  font-weight: 600;
  line-height: 25px;
  display: inline-block;
  position: relative;
}

.completed-order-page .title-main-o span:after {
  content: "";
  background-color: #aaa;
  width: 2px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.completed-order-page .sub-title-o {
  text-align: center;
  margin-bottom: 50px;
  font-size: 18px;
  line-height: 1.5rem;
}

.completed-order-page .btb-back-order {
  background-color: var(--bs-point);
  width: 100%;
  height: 66px;
  font-size: 22px;
  font-weight: unset;
  color: #fff;
  border-radius: var(--qc-radius-xs, 4px);
  width: 360px;
  max-width: 100%;
  font-weight: 600;
}

.hotel-custom-form .card-left {
  padding: 30px;
}

.hotel-custom-form .card-left .section1-img {
  border-bottom: 1px solid #eee;
  padding-bottom: 40px;
}

.hotel-custom-form .card-left .img-left {
  border-radius: var(--qc-radius-xs, 4px);
  width: 200px;
  height: 140px;
}

.hotel-custom-form .card-left .img-left img {
  border-radius: var(--qc-radius-xs, 4px);
  background-repeat: no-repeat;
  background-size: cover;
  width: 200px;
  height: 140px;
}

.hotel-custom-form .card-left .section1-img {
  align-items: center;
  gap: 20px;
  display: flex;
}

.hotel-custom-form .card-left .content-right .title-h {
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 600;
}

.hotel-custom-form .card-left .content-right .sub-title-h {
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 500;
}

.hotel-custom-form .card-left .content-right .des-h p {
  line-height: 1.5rem;
}

.hotel-custom-form .card-left .title-font-22 {
  margin: 40px 0 20px;
  font-size: 22px;
}

.hotel-custom-form .card-left .section2-con {
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.hotel-custom-form .card-left .section2-con input {
  width: 200px;
}

.hotel-custom-form .card-left .section2-con .sub_btn {
  color: var(--bs-point);
  border: 1px solid var(--bs-point);
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  height: 50px;
  padding: 12px 37px;
  font-size: 16px;
}

.hotel-custom-form .card-left .section2-con .primary_btn {
  color: #fff;
  background-color: var(--bs-point);
  border-radius: var(--qc-radius-xs, 4px);
  height: 50px;
  padding: 12px 37px;
  font-size: 16px;
}

.hotel-custom-form .card-left .section2-button {
  border-bottom: 1px solid #eee;
  padding-bottom: 40px;
}

.hotel-custom-form .card-left .container-relative {
  position: relative;
}

.hotel-custom-form .card-left .container-relative .text-p {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.hotel-custom-form .card-left .tag-list {
  align-items: center;
  gap: 20px;
  display: flex;
}

.hotel-custom-form .card-left .tag-list .tag-h {
  border-radius: var(--qc-radius-control, 8px);
  cursor: pointer;
  border: 2px solid #ccc;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 175px;
  height: 175px;
  padding: 50px 20px;
  display: flex;
}

.hotel-custom-form .card-left .tag-list .tag-h.active {
  color: var(--bs-point);
  border-color: var(--bs-point);
}

.hotel-custom-form .card-left .tag-list .tag-h span {
  font-size: 18px;
  font-weight: 600;
}

.hotel-custom-form .card-left .tag-list .tag-h img {
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 37px;
}

.hotel-custom-form .card-right2 {
  margin-top: unset !important;
}

.hotel-custom-form .below-des-price {
  color: #999;
  font-size: 15px;
}

.hotel-custom-form .container-card {
  margin-bottom: 140px;
}

.order-form-page .main-order-form-container h1 {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
}

.order-form-page .main-order-form-container p {
  font-size: 17px;
}

.order-form-page .main-order-form-container {
  background-color: #fafafa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
  padding: 40px 0;
  display: flex;
}

.order-form-page .title-above-tb {
  margin-bottom: 20px;
  font-size: 18px;
}

.order-form-page .main-order-form {
  width: 100%;
}

.order-form-page .info-table-order {
  border-collapse: collapse;
  width: 550px;
}

.order-form-page .info-table-order th, .info-table td {
  text-align: left;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 20px;
  font-size: 15px;
}

.order-form-page .info-table-order th {
  background-color: #f5f7fa;
  width: 136px;
}

.order-form-page .info-table-order td {
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 20px;
  font-size: 15px;
  line-height: 1.5rem;
}

.order-form-page .info-table-order td .total_pay {
  font-size: 18px;
  font-weight: 700;
}

.order-form-page .info-table-order td .flex.new {
  gap: 10px;
}

.order-form-page .info-table-order td .flex.new .total_price_product {
  font-weight: 700;
}

.order-form-page .info-table-order td .flex_op {
  gap: 15px;
}

.order-form-page .info-table-order td .flex_op .product_option_pay {
  font-weight: 700;
  font-weight: 16px;
}

.order-form-page .info-table-order td.flex_day {
  gap: 15px;
  display: flex;
}

.order-form-page .two-table-tb {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.order-form-page .two-table-tb .form-table {
  border-collapse: collapse;
  width: 550px;
  margin: 20px 0;
}

.order-form-page .two-table-tb .form-table th, .order-form-page .two-table-tb .form-table td {
  vertical-align: top;
  border: 1px solid #ddd;
  padding: 15px;
}

.order-form-page .two-table-tb .form-table th {
  text-align: left;
  color: #333;
  background-color: #f7f7f7;
  width: 20%;
  font-size: 14px;
}

.order-form-page .two-table-tb .form-table td {
  color: #333;
  background-color: #fafafa;
  font-size: 14px;
}

.order-form-page .two-table-tb .form-table input[type="text"], .form-table textarea {
  border-radius: var(--qc-radius-xs, 4px);
  color: #333;
  border: 1px solid #ddd;
  width: 100%;
  padding: 10px;
  font-size: 14px;
}

.order-form-page .two-table-tb .form-table textarea {
  resize: none;
}

.order-form-page .two-table-tb .note {
  color: #999;
  margin-top: 5px;
  font-size: 15px;
  display: block;
}

.order-form-page .discount_spe {
  max-width: 150px;
}

.order-form-page .flex_cou .btn_coupon_shows {
  border-radius: var(--qc-radius-xs, 4px);
  color: #000;
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #757575;
  width: 100px;
  height: 52px;
  margin-right: 20px;
  font-size: 18px;
}

.order-form-page .flex_cou {
  align-items: center;
  gap: 10px;
  display: flex;
}

.order-form-page .flex_cou .note {
  color: #454545;
}

.order-form-page .two-table-tb .lb-tb-cus {
  margin-bottom: 10px;
  font-size: 16px;
  display: inline-block;
}

.order-form-page .two-table-tb .textarea-tb {
  width: 370px;
  height: 112px;
}

.order-form-page .two-table-tb .summary-tb {
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 16px;
}

.order-form-page .two-table-tb .summary-tb2 {
  color: #00c;
  cursor: pointer;
  margin-bottom: 8px;
  font-size: 16px;
  text-decoration: underline;
}

.order-form-page .info-table-order.info-table-cus-padding td {
  padding: 11px;
}

.order-form-page .info-table-order.info-table-cus-padding td .note {
  margin-top: 5px;
  display: inline-block;
}

.order-form-page .info-table-order.info-table-cus-padding td input {
  width: 370px;
}

.order-form-page .container-below-tb {
  align-items: center;
  gap: 10px;
  display: flex;
  position: absolute;
  bottom: -15%;
  left: 50%;
  transform: translateX(-50%);
}

.order-form-page .primary-btn-calendar {
  position: static !important;
}

.order-form-page .section2 .sec2-item-card:last-child {
  padding-bottom: 180px !important;
}

.order-form-page .container-below-tb .primary-btn-sub {
  border-radius: var(--qc-radius-xs, 4px);
  color: #000;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  width: 250px;
  height: 66px;
  font-size: 22px;
}

.order-form-page .container-below-tb .primary-btn-sub.tours {
  justify-content: center;
  align-items: center;
  font-size: 18px;
  display: flex;
}

.tours-detail .primary-btn-calendar.tours {
  border-radius: var(--qc-radius-xs, 4px);
  color: #fff;
  background-color: #2a459f;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 66px;
  font-size: 18px;
  display: flex;
  position: absolute;
  bottom: -12%;
  left: 42%;
}

.cart-item-list .form-group {
  margin-bottom: 15px;
  display: block;
}

.cart-item-list .form-group input {
  height: initial;
  width: initial;
  cursor: pointer;
  margin-bottom: 0;
  padding: 0;
  display: none;
}

.cart-item-list .form-group label {
  cursor: pointer;
  position: relative;
}

.cart-item-list .form-group-2 {
  margin-bottom: 15px;
  display: block;
}

.cart-item-list .form-group-2 input {
  height: initial;
  width: initial;
  cursor: pointer;
  margin-bottom: 0;
  padding: 0;
  display: none;
}

.cart-item-list .form-group-2 label {
  cursor: pointer;
  position: relative;
}

.cart-item-list .form-group label:before {
  content: "";
  -webkit-appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #ccc;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  padding: 8px;
  display: inline-block;
  position: relative;
  box-shadow: 0 1px 2px #0000000d, inset 0 -15px 10px -12px #0000000d;
}

.cart-item-list .form-group input:checked + label:before {
  background-color: var(--bs-point);
  border: none;
}

.cart-item-list .form-group input:checked + label:after {
  content: "";
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 6px;
  height: 12px;
  display: block;
  position: absolute;
  top: 2px;
  left: 7px;
  transform: rotate(45deg);
}

.cart-item-list .form-group-2 label:before {
  content: "";
  -webkit-appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  padding: 8px;
  display: inline-block;
  position: relative;
  box-shadow: 0 1px 2px #0000000d, inset 0 -15px 10px -12px #0000000d;
}

.cart-item-list {
  padding-bottom: 160px;
}

.cart-item-list .mt-40 {
  margin-top: 40px;
}

.cart-item-list .form-group-2 input:checked + label:after {
  content: "";
  border: 2px solid #000;
  border-width: 0 2px 2px 0;
  width: 7px;
  height: 13px;
  display: block;
  position: absolute;
  top: 2px;
  left: 7px;
  transform: rotate(45deg);
}

.cart-item-list .table-container {
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
  margin: 20px 0;
}

.cart-item-list .table-container th:not(:last-child), .cart-item-list .table-container td {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 19px;
}

.cart-item-list .table-container th:last-child {
  border-bottom: 1px solid #ddd;
}

.cart-item-list .table-container td:last-child {
  border-right: none;
}

.cart-item-list .table-container {
  border-bottom: none;
}

.cart-item-list .cus-checkbox-td {
  position: absolute;
  top: 0;
  left: 0;
}

.cart-item-list .table-header {
  background-color: #f7f7f7;
  font-weight: bold;
}

.cart-item-list .table-header th:first-child {
  text-align: center;
  width: 451px;
}

.cart-item-list .table-header th:nth-child(2), .cart-item-list .table-header th:nth-child(3), .cart-item-list .table-header th:nth-child(4) {
  text-align: center;
  width: 130px;
}

.cart-item-list .table-container th {
  text-align: center;
  color: #333;
}

.cart-item-list .table-container td {
  vertical-align: middle;
  line-height: 1.2;
}

.cart-item-list .product-info {
  display: flex;
  position: relative;
}

.cart-item-list .product-info img {
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  width: 90px;
  height: 90px;
  margin-right: 20px;
}

.cart-item-list .product-details {
  display: inline-block;
}

.cart-item-list .product-name {
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.cart-item-list .product-date {
  color: var(--bs-point);
  margin-top: 5px;
  font-size: 16px;
}

.cart-item-list .product-desc {
  text-align: start;
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.5rem;
}

.cart-item-list .product-people {
  color: #666;
  margin-top: 5px;
  font-size: 14px;
}

.cart-item-list .price {
  text-align: right;
  font-size: 16px;
}

.cart-item-list .checkbox {
  text-align: center;
}

.cart-item-list .price, .cart-item-list .discount, .cart-item-list .total {
  text-align: center;
  font-weight: bold;
}

.cart-item-list .title-cart {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: bold;
}

.cart-item-list .cart-item-list-container {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.cart-item-list .cart-item-list-container .cart-left {
  width: 840px;
}

.cart-item-list .cart-item-list-container .cart-right {
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 999;
  border: 1px solid #dbdbdb;
  width: 320px;
  padding: 28px 24px;
  position: absolute;
  right: 0;
}

.cart-item-list .cart-item-list-container .title-cr {
  margin-bottom: 20px;
  font-size: 18px;
}

.cart-item-list .cart-item-list-container .item-info-cr {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cart-item-list .cart-item-list-container .item-info-cr:nth-child(3) {
  border-bottom: 1px dashed #dbdbdb;
  margin-top: 16px;
  margin-bottom: 24px;
  padding-bottom: 30px;
}

.cart-item-list .cart-right .item-info-total-cr {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  font-size: 17px;
  font-weight: bold;
  display: flex;
}

.cart-item-list .cart-right .info-description-p {
  color: #999;
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 1.3rem;
}

.cart-item-list .btn-cart {
  background-color: var(--bs-point);
  color: #fff;
  border-radius: var(--qc-radius-xs, 4px);
  width: 100%;
  height: 66px;
  padding: 12px 50px;
  font-size: 22px;
  font-weight: bold;
}

.cart-item-list .cart-left .header-cart {
  border-bottom: 1px solid #061406;
  justify-content: space-between;
  padding-left: 20px;
  display: flex;
}

.cart-item-list .header-cart span {
  border-radius: var(--qc-radius-xs, 4px);
  text-align: center;
  color: #757575;
  border: 1px solid #dbdbdb;
  width: 54px;
  height: 30px;
  padding: 7px 0;
  font-size: 15px;
}

.cart-item-list .checkbox-group-2 {
  margin: 30px 0 30px 20px;
  display: block;
}

.cart-item-list .form-group-2.cus-checkbox-th {
  margin-bottom: unset;
  float: left;
}

.cart-item-list .custom-td-product-info .product-info .product-details {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.cart-item-list .table-container td.custom-td-product-info {
  padding-right: 0;
}

.swiper-container-ticket {
  position: relative;
  overflow: hidden;
}

.swiper-container-ticket .swiper-button-next, .swiper-container-ticket .swiper-button-prev {
  z-index: 10;
  color: #fff;
  background-color: #00000080;
  border-radius: 50%;
  padding: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-container-ticket .swiper-button-next-ticket {
  z-index: 1;
  position: absolute;
  top: 40%;
  right: 0;
}

.swiper-container-ticket .swiper-button-prev-ticket {
  z-index: 1;
  position: absolute;
  top: 40%;
  left: 0;
}

.best_tour_section5__hotel {
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
  display: flex;
}

.customer-form-page .card-left .cus-select-group {
  align-items: center;
  gap: 10px;
  display: flex;
}

.customer-form-page .title-sub-below {
  color: #757575;
  margin-bottom: 20px;
  font-size: 15px;
}

.mt-30 {
  margin-top: 30px;
}

.reservation-form-cus .button-action-con {
  align-items: center;
  gap: 20px;
  margin-top: 10px;
  display: flex;
}

.reservation-form-cus .conn-icon {
  cursor: pointer;
  align-items: center;
  gap: 5px;
  font-weight: 600;
  display: flex;
}

.reservation-form-cus .conn-icon span {
  color: #004ce7;
}

.reservation-form-cus .con-form {
  flex-wrap: wrap;
}

.reservation-form-cus .parent-form-group {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.reservation-form-cus #remove-item {
  display: none;
}

.reservation-form-cus .w-375 {
  width: 375px;
}

.tour-main-page .banner_section_main_page .banner_section_image {
  background: url("/uploads/sub/banner_tour_1.png") center / cover no-repeat;
  height: 150px;
  margin-top: 100px;
  display: block;
}

.tour-main-page .banner_section_main_page .box-text {
  position: absolute;
  top: 45px;
  left: 120px;
}

.tour-main-page .banner_section_main_page .box-text .title-box {
  color: #fff;
  margin-bottom: 16px;
  font-size: 26px;
}

.tour-main-page .banner_section_main_page .box-text .des-box {
  color: #fffc;
  font-size: 18px;
  font-weight: 300;
}

.thailand_hotel_top_item_ .prd_name {
  margin-top: 14px;
  padding: 0 14px;
}

.thailand_hotel_top_item_ .prd_info {
  margin-top: 15px;
  padding: 0 14px;
}

.thailand_hotel_top_item_ .prd_price_ko {
  color: var(--primary);
  padding: 0 14px 14px;
  font-size: 18px;
  font-weight: 800;
}

.thailand_hotel_top_item_ .prd_no_price {
  color: var(--accent);
  margin-top: 0;
  padding-bottom: 14px;
  font-size: 14px;
  font-weight: 600;
}

.thailand_hotel_top_item_ .prd_price_ko span {
  color: var(--gray-400);
  font-size: 12px;
  font-weight: 500;
}

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

.content-sub-hotel-detail .location-container img {
  width: 14px;
  height: 18px;
}

.content-sub-hotel-detail .rating-container img {
  width: 18px;
  height: 18px;
}

.view_nav .nav_btn_wrap .btn-point:hover, .view_nav .nav_btn_wrap button:hover {
  opacity: .8;
}

.border-dashed {
  border-bottom: 1px dashed #dbdbdb;
}

.mid-banner-ticket .box-text {
  position: absolute;
  top: 45px;
  left: 120px;
}

.mid-banner-ticket .box-text h3 {
  color: #fff;
  margin-bottom: 16px;
  font-size: 26px;
}

.mid-banner-ticket .box-text p {
  color: #fffc;
  font-size: 18px;
  font-weight: 300;
}

.item_search_section {
  padding-top: 100px;
}

.search__summary {
  text-align: center;
  color: #454545;
  margin-bottom: 10px;
  font-family: Montserrat;
  font-size: 20px;
  line-height: 1.2;
}

.search__summary span {
  color: #2a459f;
  font-weight: 500;
}

.search__box {
  gap: 23px;
  max-width: 680px;
  margin: auto;
  display: flex;
}

.search__type {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #dbdbdb;
  width: 160px;
  height: 46px;
}

.search__input {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #dbdbdb;
  height: 46px;
}

.search__btn {
  border-radius: var(--qc-radius-xs, 4px);
  color: #fff;
  background-color: #2a459f;
  width: 108px;
  height: 45px;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: bold;
}

.search__tabs ul {
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
  display: flex;
}

.search__tabs ul li button {
  color: #454545;
  border-radius: var(--qc-radius-pill, 999px);
  border: 1px solid #454545;
  padding: 3px 20px;
  font-family: Pretendard;
  font-size: 16px;
  line-height: 1.625;
}

.search__tabs ul li.active button {
  color: #2a459f;
  background-color: #2a459f0f;
  border-color: #2a459f;
}

.search__result {
  margin-top: 70px;
  display: none;
}

.search__result.show {
  display: block;
}

.search__result__head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.search__result__head .ttl {
  color: #252525;
  font-family: Pretendard;
  font-size: 24px;
  font-weight: bold;
}

.search__result__head .ttl span {
  color: #2a459f;
  margin-left: 10px;
  font-size: 16px;
  font-weight: normal;
}

.search__result__sort {
  gap: 10px;
  display: flex;
}

.search__result__sort li a {
  color: #454545;
  text-align: center;
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #c1c1c1;
  padding: 8px 20px;
  font-family: Pretendard;
  font-size: 16px;
  display: inline-block;
}

.search__result__sort li a.active {
  color: #fff;
  background-color: #2a459f;
  border-color: #2a459f;
}

.search__result__list {
  border-top: 1px solid #eee;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 30px;
  display: flex;
}

.search__result__list .product-card-item-container {
  border-bottom: .5px solid #cccccc4d;
  flex-direction: column;
  gap: 15px;
  width: calc(25% - 20px);
  margin-top: 24px;
  padding-bottom: 32px;
  display: flex;
}

.search__result__list .product-card-item-left img {
  width: 285px;
  height: 210px;
}

.search__result__list .product-card-item-container:last-child {
  border-bottom: none;
}

.search__result__list .product-card-item-left {
  border-radius: var(--qc-radius-control, 8px);
  background-repeat: no-repeat;
  background-size: cover;
  width: 285px;
  max-width: 100%;
  height: 210px;
  overflow: hidden;
}

.search__result__list .product-card-item-right {
  flex-direction: column;
  display: flex;
}

.search__result__list .product-card-item-right .title-container {
  border-bottom: .5px solid #cccccc4d;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 20px;
  display: flex;
}

.search__result__list .product-card-item-right .title-container h2 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 660px;
  font-size: 20px;
  overflow: hidden;
}

.search__result__list .product-card-item-right .star-container {
  gap: 16px;
  display: flex;
}

.search__result__list .product-card-item-right .star-container .star-left {
  font-weight: bold;
}

.search__result__list .product-card-item-right .star-container .star-left img {
  width: 14px;
  height: 13px;
}

.search__result__list .product-card-item-right .star-content span {
  border-left: 1px solid #ccc;
  padding-left: 8px;
}

.search__result__list .product-card-item-right .sub-title {
  align-items: center;
  gap: 4px;
  margin-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.search__result__list .product-card-item-right .sub-title.tour {
  border-bottom: unset;
}

.search__result__list .list-item-info .item-info {
  margin: 20px 0;
}

.search__result__list .list-item-info .item-info h2 {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: bold;
}

.search__result__list .list-item-info .item-info .tab_box_show_ {
  margin: 12px 0;
}

.search__result__list .list-item-info .item-info .titem-info-label {
  background-color: #f7f7f7;
  padding: 20px;
  font-weight: bold;
}

.search__result__list .list-item-info .item-info .titem-info-label span {
  color: var(--bs-point);
}

.search__result__list .list-item-info .item-info .item-price-info span.main {
  color: #000;
  font-size: 26px;
  font-weight: bold;
}

.search__result__list .list-item-info .item-info-label {
  color: #000;
  background-color: #f3f3f3;
  margin-bottom: 32px;
  padding: 20px 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
}

.search__result__list .list-item-info .item-info-label p {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.search__result__list .list-item-info .item-info-label.flex_tour {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.search__result__list .list-item-info .item-info-label span {
  color: var(--bs-point);
}

.coupon_list {
  padding: 30px 0 135px;
}

.coupon_list .coupon_visual {
  width: 100%;
  height: 150px;
  position: relative;
}

.coupon_list .coupon_visual .visual_txt {
  position: absolute;
  top: 40px;
  left: 120px;
}

.coupon_list .coupon_visual .visual_txt p {
  letter-spacing: -1px;
  color: #fff;
  margin-bottom: 14px;
  font-size: 26px;
  font-weight: bold;
}

.coupon_list .coupon_visual .visual_txt span {
  opacity: .8;
  letter-spacing: -1px;
  color: #fff;
  font-size: 18px;
}

.coupon_list .coupon_visual img {
  width: 100%;
}

.coupon_list .coupon_content {
  margin-top: 95px;
}

.coupon_list .coupon_content .top {
  border-bottom: 1px solid #252525;
  justify-content: space-between;
  padding-bottom: 30px;
  display: flex;
}

.coupon_list .coupon_content .top p {
  letter-spacing: -1px;
  color: #252525;
  font-size: 28px;
  font-weight: bold;
}

.coupon_list .coupon_content .list_tag {
  align-items: center;
  gap: 10px;
  padding: 34px 0;
  display: flex;
}

.coupon_list .coupon_content .list_tag .tag {
  border-radius: var(--qc-radius-card, 16px);
  letter-spacing: -1px;
  color: #757575;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  padding: 8px 18px;
  font-size: 16px;
  font-weight: 500;
}

.coupon_list .coupon_content .list_tag .tag.active {
  color: #2a459f;
  border: 1px solid #2a459f;
}

.coupon_list .coupon_content .card_cou {
  flex-wrap: wrap;
  gap: 40px 20px;
  display: flex;
}

.coupon_list .coupon_content .card_cou .card {
  cursor: pointer;
  width: calc(25% - 15px);
  max-width: 285px;
  overflow: hidden;
}

.coupon_list .coupon_content .card_cou .card:hover .images img {
  transform: translate(-50%, -50%) scale(1.2);
}

.coupon_list .coupon_content .card_cou .card .images {
  object-fit: cover;
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
}

.coupon_list .coupon_content .card_cou .card .images img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .5s linear;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.coupon_list .coupon_content .card_cou .card .text {
  margin-top: 25px;
}

.coupon_list .coupon_content .card_cou .card .text .keyword {
  letter-spacing: -1px;
  color: #757575;
  margin-bottom: 15px;
  font-size: 15px;
}

.coupon_list .coupon_content .card_cou .card .text .title {
  letter-spacing: -1px;
  color: #252525;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 18px;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.coupon_list .coupon_content .add_btn {
  margin-top: 55px;
}

.coupon_list .coupon_content .add_btn .add_card {
  border-radius: var(--qc-radius-section, 24px);
  letter-spacing: -1px;
  color: #353535;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  width: 280px;
  height: 62px;
  font-size: 18px;
  font-weight: bold;
}

.popup_coupon {
  z-index: 99999;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup_coupon .popup {
  z-index: 2;
  border-radius: var(--qc-radius-card, 16px);
  background-color: #fff;
  width: 840px;
  height: 740px;
  padding: 28px 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup_coupon .bg {
  z-index: 1;
  background: #00000080;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.popup_coupon .popup .top {
  margin-bottom: 28px;
}

.popup_coupon .popup .top .close {
  opacity: 1;
}

.popup_coupon .popup .content {
  height: calc(100% - 35px);
  overflow-y: auto;
}

.popup_coupon .popup .content::-webkit-scrollbar {
  display: none;
}

.popup_coupon .popup .content .infomation {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #f7f7f7;
  gap: 45px;
  padding: 38px 20px;
}

.popup_coupon .popup .content .infomation .avatar_info {
  border-radius: var(--qc-radius-pill, 999px);
  background-color: #000;
  width: 180px;
  height: 180px;
  overflow: hidden;
}

.popup_coupon .popup .content .infomation .avatar_info img {
  width: 100%;
  height: 100%;
}

.popup_coupon .popup .content .infomation .txt_info {
  flex-direction: column;
  gap: 20px;
  max-width: 510px;
  display: flex;
}

.popup_coupon .popup .content .infomation .txt_info .title {
  letter-spacing: -1px;
  color: #222;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
}

.popup_coupon .popup .content .infomation .txt_info .list_des .des {
  align-items: flex-start;
  gap: 3px;
}

.popup_coupon .popup .content .infomation .txt_info .list_des .des + .des {
  margin-top: 10px;
}

.popup_coupon .popup .content .infomation .txt_info .list_des .des p {
  letter-spacing: -1px;
  color: #555;
  text-wrap: nowrap;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}

.popup_coupon .popup .content .infomation .txt_info .list_des .des p:before {
  content: "";
  background-color: #222;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  display: none;
  position: absolute;
  top: 23%;
  left: 0;
}

.popup_coupon .popup .content .infomation .txt_info .list_des .des span {
  letter-spacing: -1px;
  color: #555;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
}

.popup_coupon .popup .content .infomation .txt_info .list_des .des span.location .tag {
  flex-wrap: wrap;
  align-items: center;
  gap: 3px;
  display: flex;
}

.popup_coupon .popup .content .infomation .txt_info .info_download .btn_down {
  border-radius: var(--qc-radius-section, 24px);
  letter-spacing: -1px;
  color: #fff;
  background-color: #2a459f;
  gap: 10px;
  width: 230px;
  height: 42px;
  font-size: 16px;
  font-weight: 500;
}

.popup_coupon .popup .content .infomation_slide {
  margin-top: 45px;
}

.popup_coupon .popup .content .infomation_slide img {
  object-fit: cover;
  width: 100%;
  height: 400px;
}

.popup_coupon .popup .content .infomation_slide .swiper-button-next:after, .popup_coupon .popup .content .infomation_slide .swiper-button-prev:after {
  display: none;
}

.popup_coupon .popup .content .infomation_slide .swiper-button-next {
  background: url("/images/ico/btn_next.png") center no-repeat;
  width: 60px;
  height: 60px;
  right: 0;
}

.popup_coupon .popup .content .infomation_slide .swiper-button-prev {
  background: url("/images/ico/btn_prev.png") center no-repeat;
  width: 60px;
  height: 60px;
  left: 0;
}

.popup_coupon .popup .content .infomation_detail {
  margin: 35px 0 60px;
}

.popup_coupon .popup .content .infomation_detail .detail_tit {
  letter-spacing: -1px;
  color: #222;
  font-size: 16px;
  line-height: 1.3;
}

.popup_coupon .popup .content .infomation_detail .detail_tit + .detail_tit {
  margin-top: 10px;
}

.popup_coupon .popup .content .infomation_detail .content {
  margin-top: 38px;
}

.popup_coupon .popup .content .infomation_detail .content p {
  letter-spacing: -1px;
  color: #222;
  font-size: 16px;
  line-height: 1.3;
}

.popup_coupon .popup .content .infomation_detail .content p + p {
  margin-top: 10px;
}

.popup_coupon .popup .content .infomation_detail .content p span {
  color: #757575;
}

.popup_coupon .popup .content .infomation_map {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  width: 100%;
  margin-bottom: 65px;
  padding: 35px 30px;
  position: relative;
}

.popup_coupon .popup .content .infomation_map .text {
  border-bottom: 1px solid #222;
  padding-bottom: 18px;
}

.popup_coupon .popup .content .infomation_map .text p {
  letter-spacing: -1px;
  color: #757575;
  font-size: 16px;
  line-height: 1.3;
}

.popup_coupon .popup .content .infomation_map .text p + p {
  margin-top: 10px;
}

.popup_coupon .leaflet-popup-content-wrapper {
  width: 100%;
}

.map_info {
  border-radius: var(--qc-radius-control, 8px);
  margin-top: 40px;
}

.popup_coupon .swiper-pagination {
  opacity: 0;
}

.daterange_hotel {
  margin: auto;
  position: relative;
  bottom: 20px;
  background-color: #0000 !important;
  border: none !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
}

.daterange_hotel_detail {
  margin: auto;
  background-color: #0000 !important;
  border: none !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
}

.gap-20 {
  gap: 20px;
}

.insurance-page {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  margin-top: 30px;
  position: relative;
  box-shadow: 0 8px 24px #959da533;
}

.insurance-page .right-text-ip {
  color: #999;
  font-size: 16px;
  position: absolute;
  top: 50px;
  right: 60px;
}

.insurance-page .title-ip, .insurance-page .sub-title-ip {
  color: #252525;
  margin-top: 140px;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: bold;
}

.guide-employee-page .title-gp {
  color: #252525;
  margin-top: 10px;
  margin-bottom: 48px;
  font-size: 28px;
  font-weight: bold;
}

.guide-employee-page .list-pic {
  flex-wrap: wrap;
  gap: 36px;
  display: flex;
}

.guide-employee-page .pic-item {
  background-color: #f7f7f7;
  align-items: center;
  gap: 24px;
  width: 580px;
  height: auto;
  padding: 20px 34px;
  display: flex;
  position: relative;
}

.guide-employee-page .pic-item .pic-con {
  border-radius: var(--qc-radius-section, 24px);
  width: 230px;
  height: 230px;
  overflow: hidden;
}

.guide-employee-page .pic-item .right-text-des {
  flex-direction: column;
  flex: 1;
  height: 100%;
  display: flex;
}

.guide-employee-page .pic-item .pic-con img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.guide-employee-page .pic-item .pic-con {
  border-radius: var(--qc-radius-section, 24px);
  width: 230px;
  height: 230px;
}

.guide-employee-page .title-rtd {
  color: #252525;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.36;
}

.guide-employee-page .list-text-item {
  flex-wrap: wrap;
  gap: 0 60px;
  width: 230px;
  margin-bottom: 10px;
  display: flex;
}

.guide-employee-page .list-text-item span {
  color: #757575;
  width: 83px;
  font-size: 15px;
  line-height: 1.3;
}

.guide-employee-page .list-text-item span.text-semibold {
  color: #000;
}

.guide-employee-page .button-lp {
  border-radius: var(--qc-radius-section, 24px);
  text-align: center;
  color: #fff;
  cursor: pointer;
  background-color: #2a459f;
  width: 166px;
  height: 43px;
  padding: 14px;
  font-size: 16px;
  font-weight: bold;
}

.guide-employee-page .box-description {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fafafa;
  border: 1px solid #dbdbdb;
  margin-bottom: 180px;
  padding: 60px;
}

.guide-employee-page .box-description .title-bd {
  color: #252525;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: bold;
}

.guide-employee-page .box-description ul {
  color: #454545;
  font-size: 16px;
  line-height: 2;
}

.guide-employee-page .prd_list_pagination {
  margin-top: 60px;
  margin-bottom: 100px;
}

.mt-46 {
  margin-top: 46px;
}

.guide-employee-page .banner-ticket .category-des {
  color: #fff;
  text-shadow: 2px 2px #000;
  justify-content: space-between;
  align-items: center;
  width: 84%;
  display: flex;
  position: absolute;
  bottom: 35px;
  left: 30px;
}

.guide-employee-page .banner-ticket .category-des .nav-des {
  align-items: center;
  gap: 4px;
  display: flex;
}

.guide-employee-page .banner-ticket .category-des .price {
  font-size: 22px;
  font-weight: bold;
}

.guide-employee-page .banner-ticket .text_img_box_re {
  text-shadow: 2px 2px #000;
  bottom: 73px;
}

.pb-2 {
  padding-bottom: 2px;
}

.img_box_re:after {
  display: none;
}

.guide-employee-page .popup-container {
  z-index: 3;
  border-radius: var(--qc-radius-section, 24px);
  border: 1px solid #dbdbdb;
  width: 580px;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.text-primary {
  color: var(--bs-point) !important;
}

.guide-employee-page .popup-content {
  background: #fff;
  padding: 50px 30px 1px;
  box-shadow: 0 4px 6px #0000001a;
}

.guide-employee-page .popup-content .close-popup {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30px;
}

.guide-employee-page .popup-content .title-pc {
  border-bottom: 1px solid #252525;
  padding-bottom: 30px;
  font-size: 18px;
  line-height: 1.222;
}

.guide-employee-page .popup-content .des-pc {
  color: #454545;
  border-top: 1px solid #dbdbdb;
  padding-top: 30px;
  font-size: 16px;
  line-height: 1.875;
}

.guide-employee-page .popup-content .last-des-pc {
  color: #757575;
  justify-content: flex-end;
  margin-top: 16px;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.875;
  display: flex;
}

.guide-employee-page .popup-content .des-pc:nth-child(2) {
  border-top: 1px solid #dbdbdb;
  padding-top: 30px;
}

.popup_ {
  z-index: 9999;
  z-index: 999999;
  background-color: #0003;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup_area_ {
  background-color: #fff;
  border: 2px solid #333;
  width: 100%;
  min-width: 600px;
  max-width: 30vw;
  height: auto;
  max-height: 80vh;
  padding: 10px 40px 50px;
  font-size: 14px;
  overflow: auto;
}

.sup_button {
  color: #000;
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  width: 100%;
  margin-top: 12px;
  padding: 16px 20px;
  font-size: 18px;
}

#popupLogin_ .sup_button {
  width: 49%;
}

#popupLogin_ .btn-wrap {
  justify-content: space-between;
  display: flex;
}

#popupLogin_ .sns_login_ttl {
  text-align: center;
  margin: 50px 0 40px;
  position: relative;
}

.item_login_ {
  display: none;
}

.item_login_.show_ {
  display: block;
}

.box_login {
  border-radius: var(--qc-radius-section, 24px);
  background-color: #ffffff59;
  border: 1px solid #dbdbdb;
  margin-top: 20px;
  padding: 20px;
}

.box_login h4 {
  margin-top: 30px;
  font-size: 20px;
}

.input_group_ {
  margin: 0 0 10px;
}

.label_inp_ {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 18px;
}

.layout_input_ input {
  font-size: 16px;
}

.box_login p {
  margin: 20px 0;
  font-size: 16px;
}

.nomember_wrap {
  margin-top: 40px;
}

.login_wrap .memx_login p {
  margin-top: 10px;
}

.nomember_wrap .btn_nomember, .btnNoLogin {
  border-radius: var(--qc-radius-control, 8px);
  background: #fff;
  border: 2px solid #474747;
  width: 100%;
  padding: 13px 0;
  font-size: 18px;
  font-weight: 500;
}

.nomember_wrap a {
  cursor: pointer;
  border-radius: var(--qc-radius-control, 8px);
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #000;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
  padding: 16px 0;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

#btnLoginMain01, #btnLogin01 {
  display: none;
}

#btnLoginSupMain {
  display: none;
  color: #000 !important;
  background-color: #16acfc !important;
  border: 1px solid #dbdbdb !important;
}

#btnLoginMain, #inputMainGroup {
  display: none;
}

#btnLogin01.show_, #btnLoginMain01.show_, #btnLogin02.show_, #btnLoginSupMain.show_, #btnLoginMain.show_, #inputMainGroup.show_ {
  display: block;
}

#iframeContainer {
  flex-direction: column;
  width: 100%;
  height: 235vh;
  display: flex;
}

#iframeContainer::-webkit-scrollbar {
  display: none;
}

iframe {
  border: none;
  flex: 1;
  width: 100%;
  height: 100%;
}

iframe::-webkit-scrollbar {
  display: none;
}

.caution_popup {
  box-sizing: border-box;
  z-index: 100;
  color: gray;
  background: #fff;
  border: 1px solid #203a4d;
  width: 700px;
  height: 500px;
  padding: 40px 30px;
  display: none;
  position: absolute;
  top: 45px;
  right: 0;
  overflow-y: scroll;
}

.caution_popup .caution_top {
  position: absolute;
  top: 20px;
  right: 20px;
}

.caution_popup .caution_content h4 {
  color: #000;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 500;
}

.area-tooltip {
  margin-left: 10px;
  display: inline-block;
  position: relative;
}

.area-tooltip > a {
  cursor: pointer;
  border-radius: var(--qc-radius-control, 8px);
  letter-spacing: -1px;
  background: #f0f1f3;
  padding: 3px 10px;
  font-size: 12px;
  color: #183153 !important;
}

.layer_info {
  z-index: 2000;
  color: gray;
  background: #fff;
  border: 1px solid #a4a4a4;
  width: 400px;
  padding: 8px;
  line-height: 16px;
  display: none;
  position: absolute;
  top: 40px;
  left: 140px;
}

.layer_info .btn_close {
  position: absolute;
  top: 8px;
  right: 0 !important;
}

.btn_close_s {
  vertical-align: middle;
  width: 12px;
  height: 11px;
  display: inline-block;
  overflow: hidden;
  background: url("/images/btn/btn_close_s.gif") no-repeat !important;
}

.area-tooltip .layer_info {
  border: none;
  width: auto;
  min-width: 350px;
  padding: 15px;
  top: 25px;
  left: 0;
  box-shadow: 0 1px 10px #0000003b;
}

.area-tooltip .layer_info a {
  cursor: pointer;
  left: initial;
  padding: 5px;
  right: 10px !important;
}

.area-tooltip .layer_info p {
  padding: 0 20px 0 5px;
}

.wrap-golf-info {
  gap: 40px;
}

.wrap-golf-info .ip-group input {
  width: 80px !important;
}

.ttl-name-en {
  margin-top: -10px;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: bold;
}

.spa_option_detail .price {
  margin-left: 17px;
}

.auth-turnstile-sub-box {
  margin-top: 20px;
}

.auth-turnstile-sub-box .cf-human-wrap {
  width: 550px;
}

@media screen and (width >= 1921px) {
  #iframeContainer {
    height: 208vh;
  }
}

@media screen and (width >= 2400px) {
  #iframeContainer {
    height: 185vh;
  }
}

@media screen and (width >= 2560px) {
  #iframeContainer {
    height: 175vh;
  }
}

@media screen and (width >= 2880px) {
  #iframeContainer {
    height: 157vh;
  }
}

@media screen and (width >= 3840px) {
  #iframeContainer {
    height: 116vh;
  }
}

@media screen and (width >= 5760px) {
  #iframeContainer {
    height: 78vh;
  }
}

@media screen and (width >= 7680px) {
  #iframeContainer {
    height: 60vh;
  }
}

@media screen and (width <= 1746px) {
  #iframeContainer {
    height: 260vh;
  }
}

@media screen and (width <= 1536px) {
  #iframeContainer {
    height: 295vh;
  }
}

@media screen and (width <= 1280px) {
  #iframeContainer {
    height: 356vh;
  }
}

@media screen and (width <= 1097px) {
  #iframeContainer {
    height: 425vh;
  }
}

@media screen and (width <= 1200px) {
  .only_tb {
    display: none !important;
  }

  .body_inner {
    padding: 0 .5rem;
  }
}

@media (width <= 480px) {
  .sub_sec_ttl .ttl_big {
    overflow-wrap: anywhere;
    word-break: keep-all;
    font-size: 28px;
  }
}

.flex__s, .flex__e, .flex__c, .flex_e_s, .flex_e_e, .flex_e_c, .flex_e, .flex_c_s, .flex_c_e, .flex_c_c, .flex_c, .flex_a_s, .flex_a_e, .flex_a_c, .flex_a, .flex_b_s, .flex_b_e, .flex_b_c, .flex_b, .flex {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
}

.flex_b_s, .flex_b_e, .flex_b_c, .flex_b {
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
}

.flex_a_s, .flex_a_e, .flex_a_c, .flex_a {
  justify-content: space-around;
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
}

.flex_c_s, .flex_c_e, .flex_c_c, .flex_c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex_e_s, .flex_e_e, .flex_e_c, .flex_e {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex__s, .flex_e_s, .flex_c_s, .flex_a_s, .flex_b_s {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex__c, .flex_e_c, .flex_c_c, .flex_a_c, .flex_b_c {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex__e, .flex_e_e, .flex_c_e, .flex_a_e, .flex_b_e {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

button:focus, .btn:focus, .btn:active, .btn:focus-visible {
  box-shadow: none !important;
  outline: none !important;
}

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

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

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

.btn_01 {
  color: #fff;
  background: #4f728a;
  border: 1px solid #2b3f4c;
  height: 31px;
  margin-left: 1px;
  padding: 7px 10px 8px;
  font-family: 돋움, dotum, sans-serif;
  font-size: 12px;
  display: flex;
}

.btn_02 {
  color: #fff;
  cursor: pointer;
  background: #d03a3e;
  border: 1px solid #ba1212;
  height: 31px;
  margin-left: 1px;
  padding: 7px 10px 8px;
  font-family: 돋움, dotum, sans-serif;
  font-size: 12px;
}

body {
  overflow-y: auto;
}

#wrap {
  box-sizing: border-box;
  width: 100%;
  display: flex;
}

#wrap:after {
  content: "";
  clear: both;
  display: block;
}

.header {
  z-index: 997;
  background-color: #fff;
  height: 60px;
  padding-left: 20px;
  transition: all .5s;
  box-shadow: 0 2px 20px #0129701a;
}

.header_top {
  z-index: 11;
  background-color: #fff;
  justify-content: space-between;
  width: 100%;
  height: 60px;
  padding-top: 0;
  padding-left: 22px;
  display: flex;
  position: fixed;
  top: 0;
}

.header_top .txt_admin {
  vertical-align: middle;
  background: url("/images/admin/home_ico_02.png") center no-repeat;
  width: 20px;
  height: 60px;
  margin-right: 22px;
  display: inline-block;
}

.header_top .top_box {
  color: #fff;
  font-size: 0;
  display: flex;
}

.header_top .top_box .logo {
  color: #fff;
  vertical-align: middle;
  font-size: 20px;
  line-height: 60px;
  display: inline-block;
}

.header_top .top_box .logo img {
  height: 58px;
}

.header_top .info_box {
  align-items: center;
  padding-right: 60px;
  display: flex;
}

.header_top .info_box a {
  margin: 15px 0;
}

.header_top .info_box .login_info {
  color: #555;
  font-size: 14px;
  line-height: 60px;
  display: flex;
}

.header_top .info_box .setting {
  margin-top: 20px;
}

.header_top .info_box a {
  color: #757575;
  border-radius: var(--qc-radius-card, 16px);
  border: 1px solid #dbdbdb;
  margin-left: 10px;
  padding: 5px 16px;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.header_top .info_box .logout {
  color: #555;
  border: 1px solid #555;
}

#header .connect_info {
  display: flex;
}

#header .connect_info li {
  vertical-align: text-bottom;
  margin-right: 5px;
  font-size: 13px;
  font-weight: 300;
}

header#header {
  box-sizing: border-box;
  background-color: #fff;
}

header#header div.headerSet {
  float: left;
  width: 320px;
  padding: 25px 0 0 2%;
  position: relative;
}

header#header div.headerSet p.pic {
  float: left;
  background: #fff;
  width: 99px;
  height: 99px;
  margin: 5px 18px 0 0;
}

header#header div.headerSet p.pic img {
  width: 90px;
  height: 90px;
  padding: 5px;
}

header#header div.headerSet div.settings p.config {
  color: #fff;
  margin-bottom: 7px;
  font-size: 14px;
}

header#header div.headerSet div.settings div.config2 h1 {
  color: #fff;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
}

.topbar .topbar-divider {
  border-right: 1px solid #e3e6f0;
  width: 0;
  height: 1.375rem;
  margin: auto 1rem;
}

#gnb ul li ul li {
  z-index: 20;
  text-align: center;
  margin: 0;
}

#gnb ul li img {
  margin-bottom: 3px;
}

#gnb ul li ul li.end {
  background: none;
}

#gnb ul li ul li a {
  color: #757575;
  text-align: left;
  padding: 0 16px;
  font-size: 14px;
  font-weight: bold;
  line-height: 35px;
  display: block;
}

#gnb .gnb_menu > li > ul > li > a:hover {
  background: #343c48;
}

#gnb li div {
  display: none;
}

#gnb li.on div {
  display: block;
}

.topbar {
  font-size: max(12px, 1rem);
}

div.gnb_update {
  background-color: #fff;
  width: 220px;
  position: fixed;
  box-shadow: 0 0 20px #0129701a;
  height: 100% !important;
}

div.gnb_update > ul {
  overflow: hidden;
}

div.gnb_update > ul > li {
  text-align: left;
  background-color: #fff;
  width: 100%;
  display: block;
  position: relative;
}

div.gnb_update > ul > li > a.on > a {
  background: #fff;
}

div.gnb_update > ul > li > a {
  padding: 16px 0 16px 20px;
  display: block;
}

#gnb .gnb_menu > li > ul > li > a {
  color: #ebebeb;
  background-color: #414b5a;
  border-bottom: 1px solid #262d3999;
  padding: 0 20px 0 42px;
  font-size: 13px;
  font-weight: 350;
  line-height: 50px;
  display: block;
}

#gnb .gnb_menu > li > a > span {
  color: #e2e2e2;
  box-sizing: border-box;
  background-position: 0;
  background-repeat: no-repeat;
  width: 100%;
  padding-left: 22px;
  display: block;
}

#gnb .gnb_menu > li.menu1 a span {
  background: url("/images/admin/ico_01.png") 0 no-repeat;
}

#gnb .gnb_menu > li.menu2 a span {
  background: url("/images/admin/ico_02.png") 0 no-repeat;
}

#gnb .gnb_menu > li.menu3 a span {
  background: url("/images/admin/ico_03.png") 0 no-repeat;
}

#gnb .gnb_menu > li.menu4 a span {
  background: url("/images/admin/ico_04.png") 0 no-repeat;
}

#gnb .gnb_menu > li.menu5 a span {
  background: url("/images/admin/ico_05.png") 0 no-repeat;
}

#gnb .gnb_menu > li.menu6 a span {
  background: url("/images/admin/ico_06.png") 0 no-repeat;
}

#gnb .gnb_menu > li.menu7 a span {
  background: url("/images/admin/ico_07.png") 0 no-repeat;
}

#gnb .gnb_menu > li.menu8 a span {
  background: url("/images/admin/ico_08.png") 0 no-repeat;
}

#gnb .gnb_menu > li.menu9 a span {
  background: url("/images/admin/ico_09.png") 0 no-repeat;
}

#gnb .gnb_menu > li.menu10 a span {
  background: url("/images/admin/ico_10.png") 0 no-repeat;
}

div.gnb_update ul li a span.tit {
  color: #757575;
  text-align: left;
  padding-left: 15px;
  font-size: 14px;
  font-weight: bold;
  display: block;
}

div.gnb_update ul li a span.tit:after {
  clear: both;
  content: "";
  color: #b3b5b6;
  background: url("/images/admin/btn_arrow_open.png");
  width: 12px;
  height: 8px;
  display: block;
  position: absolute;
  top: 16px;
  right: 15px;
}

div.gnb_update ul li a.on span.tit:after {
  content: "";
  transform: rotate(180deg);
}

div.gnb_update .depth2.on {
  height: auto;
  max-height: 900px;
}

div.gnb_update .depth2 {
  background-color: #ecf0f7;
  max-height: 0;
  transition: max-height .8s;
}

#gnb .gnb_menu > li > ul > li.on > a {
  background-color: #343c48;
}

div#container.ad_write {
  width: 100%;
}

a.btn span.txt {
  padding-left: 8px;
}

.input_txt {
  border: 1px solid #bbb;
  height: 27px;
  padding-left: 10px;
  font-family: Nanum Gothic;
  line-height: 27px;
}

.input_select {
  border: 1px solid #bbb;
  height: 31px;
  padding-left: 10px;
  font-family: Nanum Gothic;
  line-height: 31px;
}

header#headerContainer {
  background: #f3f3f3;
  width: 100%;
}

header#headerContainer div.inner, div#headerContainer div.inner {
  width: 98%;
  margin: 0 auto;
}

header#headerContainer div.inner:after, div#headerContainer div.inner:after {
  content: "";
  clear: both;
  display: block;
}

header#headerContainer h2 {
  float: left;
  color: #575757;
  background: url("/images/admin/common/bg_h2.gif") 0 bottom no-repeat;
  width: 300px;
  height: 27px;
  padding-top: 28px;
  padding-left: 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 27px;
}

header#headerContainer div.menus {
  float: right;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

header#headerContainer div.menus ul {
  float: left;
}

header#headerContainer div.menus ul.second {
  margin: 0 14px 0 20px;
}

header#headerContainer div.menus ul li {
  float: left;
  margin: 0 2px 0 1px;
}

header#headerContainer div.menus ul li .input_txt {
  width: 150px;
}

div#contents {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 15px 15px 50px;
}

header#headerContents {
  text-align: center;
  color: #444;
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: bold;
}

header#headerContents p {
  margin: 0 20px;
}

header#headerContents p span.tit {
  color: #777;
  margin-right: 15px;
  font-size: 14px;
  font-weight: bold;
}

header#headerContents .input_txt {
  width: 150px;
}

div.listWrap {
  clear: both;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  min-height: 400px;
  padding-bottom: 15px;
}

div.listWrap_noline {
  clear: both;
  border-top: 0 solid #000;
  border-bottom: 2px solid #000;
  padding-bottom: 15px;
}

div.listWrap_noline_all {
  clear: both;
  border-top: 0 solid #000;
  border-bottom: 0 solid #000;
  padding-bottom: 50px;
}

div.listTop {
  width: 100%;
  height: 20px;
  margin: 25px 0 10px;
}

div.listTop div.left {
  float: left;
}

div.listTop div.left p.schTxt {
  color: #000;
  padding-left: 3px;
  font-size: 14px;
  font-weight: bold;
}

div.listTop div.right_btn {
  float: right;
  gap: 10px;
  display: flex;
}

div.listTop div.right_btn .btn_filter {
  color: #333;
  text-align: center;
  background-color: #fff;
  border: 1px solid #adadad;
  padding: 6px 12px;
  font-size: 12px;
}

div.listTop div.right_btn .btn_filter img {
  width: 18px;
  height: 14px;
  margin-right: 5px;
}

div.listTop dIv.right {
  float: right;
}

div.listTop dIv.right ul li {
  float: left;
  border-right: 1px solid #b2b2b2;
}

div.listTop dIv.right ul.type {
  height: 35px;
}

div.listTop dIv.right ul.type li {
  border-right: 0;
  padding: 0 1px;
}

div.listTop dIv.right ul li.last {
  border: 0;
}

div.listTop dIv.right ul li a {
  color: #464646;
  padding: 0 20px;
  font-size: 15px;
  display: block;
}

div.listTop dIv.right ul li.on a {
  font-weight: bold;
}

div.listBottom {
  clear: both;
  width: 100%;
  margin-bottom: 40px;
}

div.listBottom table.listTable {
  width: 100%;
}

div.listBottom table.listTable thead th {
  color: #464646;
  text-align: center;
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
}

div.listBottom table.listTable tbody th {
  background: #fafafa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

div.listBottom table.listTable tbody td {
  color: #7d7d7d;
  text-align: center;
  letter-spacing: -.2px;
  border: 1px solid #ddd;
  height: 25px;
  padding: 0;
  font-size: 12px;
  line-height: 25px;
}

div.listBottom table.listTable tbody td.tac a {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  max-width: 700px;
  display: -webkit-box;
  overflow: hidden;
}

div.listBottom table.listTable tbody td.td_type .td_type_tit {
  width: 100%;
  height: 100px;
}

div.listBottom table.listTable tbody td.td_type .td_type_tit img {
  object-fit: cover;
  width: 130px;
  height: 100%;
}

div.listBottom table.listTable tbody td.tal {
  padding-left: 15px;
}

div.listBottom table.listTable tbody td.pd10 {
  padding: 10px;
}

div.listBottom table.listTable tbody td span.edit_btn {
  color: #fff;
  cursor: pointer;
  background-color: #999;
  border: 1px solid #666;
  padding: 4px 6px;
}

div.listBottom table.listTable tbody td p.categore {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
}

div.listBottom table.listTable tbody td p.product_view span {
  color: #4f728a;
  cursor: pointer;
  margin-top: 5px;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: 600;
}

div.listBottom table.listTable tbody td.images {
  padding: 0;
}

div.listBottom table.listTable tbody td.images img {
  display: block;
}

div.listBottom table.listTable tbody td.product_name {
  text-align: left;
  padding: 20px 0 20px 20px;
}

div.listBottom table.listTable tbody td.product_name p strong {
  font-size: 13px;
  font-weight: 600;
}

div.listBottom table.listTable tbody td.product_name ul.detail_ex li {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #2b3f4c;
  margin: 10px 4px 0 0;
  padding: 2px 5px;
  line-height: 16px;
  display: inline-block;
}

div.listBottom table.listTable tbody td.product_name ul.detail_ex li.on {
  color: #fff;
  background-color: #4f728a;
  font-weight: 600;
}

div.listBottom table.listTable tbody td.product_name ul.detail_ex li.off {
  background-color: #fff;
}

div.listBottom table.listTable tbody td.price strong {
  font-size: 13px;
  font-weight: 600;
}

div.listBottom table.listTable tbody td:nth-child(7) {
  padding: 0 5px;
}

div.listBottom table.listTable tbody td p.color_chart {
  background-color: #f90;
  border: 1px solid #ccc;
  width: 12px;
  height: 12px;
  margin: 0 auto;
  display: inline-block;
}

div.listBottom table.listTable tbody td button {
  display: inline-block;
}

div.listBottom table.listTable tbody td button.val02 {
  width: 105px;
}

div.listBottom table.listTable tbody td.date ul li {
  margin-top: 5px;
}

div.listBottom table.listTable tbody td.date ul li strong {
  font-size: 13px;
  font-weight: 600;
}

div.listBottom table.listTable tbody td.date ul li::first-child {
  margin-top: 0;
}

div.listBottom table.listTable tbody td.date ul li span {
  display: block;
}

div.listBottom table.listTable tbody td .note-editor button {
  width: auto;
  height: auto;
}

div.listBottom table.listTable tbody td span.state_red {
  text-align: center;
  color: #fff;
  background: #e00000;
  padding: 3px 5px;
  font-weight: bold;
}

div.listBottom table.listTable tbody td span.state_blue {
  text-align: center;
  color: #fff;
  background: #0d63aa;
  padding: 3px 5px;
  font-weight: bold;
}

div.listBottom table.listTable tbody td span.state_green {
  text-align: center;
  color: #fff;
  background: #009a5a;
  padding: 3px 5px;
  font-weight: bold;
}

div.listBottom table.listTable tbody td.purchase {
  color: #b71561;
  font-size: 16px;
  font-weight: bold;
}

div.listBottom ul.realsize {
  border: none;
  width: 900px;
  height: 35px;
}

div.listBottom ul.realsize li {
  float: left;
  cursor: pointer;
  text-align: center;
  background-color: #e7e7e7;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 2px 7px 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 40px;
}

div.listBottom ul.realsize li.last {
  border-right: none;
}

div.listBottom ul.realsize li.on {
  color: #fff;
  background-color: #8d9660;
  display: block;
}

div.listBottom ul.realsize li:hover {
  color: #fff;
  background-color: #8d9660;
}

div.listBottom ul.seasonchk {
  border: none;
  width: 800px;
  height: 35px;
}

div.listBottom ul.seasonchk li {
  float: left;
  border-radius: var(--qc-radius-pill, 999px);
  cursor: pointer;
  text-align: center;
  background-color: #e7e7e7;
  height: 35px;
  margin: 2px 6px 0;
  padding: 0 15px;
  font-size: 15px;
  font-weight: bold;
  line-height: 32px;
}

div.listBottom ul.seasonchk li.last {
  border-right: none;
}

div.listBottom ul.seasonchk li.on {
  color: #fff;
  background-color: #8d9660;
  display: block;
}

div.listBottom ul.seasonchk li:hover {
  color: #fff;
  background-color: #8d9660;
}

div.listBottom ul.monthchk {
  border: none;
  width: 920px;
  height: 35px;
  margin-top: 30px;
}

div.listBottom ul.monthchk li {
  float: left;
  border-radius: var(--qc-radius-pill, 999px);
  cursor: pointer;
  text-align: center;
  background-color: #e7e7e7;
  height: 35px;
  margin: 2px 6px 0;
  padding: 0 15px;
  font-size: 15px;
  font-weight: bold;
  line-height: 32px;
}

div.listBottom ul.monthchk li.last {
  border-right: none;
}

div.listBottom ul.monthchk li.on {
  color: #fff;
  background-color: #8d9660;
  display: block;
}

div.listBottom ul.monthchk li:hover {
  color: #fff;
  background-color: #8d9660;
}

ul#reg_cate {
  width: 100%;
  display: inline-grid;
}

ul#reg_cate li {
  float: left;
  border-bottom: 1px solid #ddd;
  width: 750px;
  margin: 5px 0;
  padding: 10px 0;
  display: inline-block;
}

ul#reg_cate li.new {
  width: 30%;
}

ul#reg_cate li span {
  float: right;
  color: #fff;
  cursor: pointer;
  background: #d03a3e;
  border: 1px solid #ba1212;
  margin: -5px 0 0 1px;
  padding: 5px 7px;
  font-family: 돋움, dotum, sans-serif;
  font-size: 12px;
  display: inline-block;
}

table {
  width: 100%;
  margin: 10px 0;
}

table tbody.color_body tr td {
  text-align: center;
  padding: 0;
}

.coupon_pop {
  z-index: 9999;
  background-color: #00000080;
  width: 100%;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0;
  left: 0%;
}

.coupon_pop > div {
  background-color: #fff;
  width: 440px;
  height: 634px;
  margin: 112px auto 0;
  position: relative;
  overflow: auto;
}

.coupon_pop > div .search_box {
  background-color: #f5f5f5;
  border-bottom: 1px solid #bbb;
  padding: 0 0 40px 30px;
}

.coupon_pop > div .search_box h2 {
  padding: 30px 0 20px;
  font-size: 20px;
}

.coupon_pop > div .search_box input {
  width: 320px;
  height: 31px;
}

.coupon_pop > div .search_box .search {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
  width: 60px;
  height: 35px;
  line-height: 36px;
}

.coupon_pop > div .table_box {
  height: 400px;
  overflow: auto;
}

.coupon_pop > div .table_box table {
  margin: 0;
}

.coupon_pop > div .table_box table tr {
  border-bottom: 1px solid #ddd;
}

.coupon_pop > div .table_box table tr:hover {
  cursor: pointer;
  background-color: #ddd;
  border-bottom: 1px solid #8d9660;
  font-weight: bold;
}

.coupon_pop > div .table_box table th, .coupon_pop > div .table_box table td {
  text-align: left;
  height: 42px;
  font-size: 14px;
}

.coupon_pop > div .table_box table th {
  text-align: center;
  width: 100px;
}

.coupon_pop > div .sel_box {
  background-color: #f5f5f5;
  height: 86px;
}

.coupon_pop > div .sel_box div {
  margin: 0 auto;
  display: table;
}

.coupon_pop > div .sel_box div button {
  width: 160px;
  height: 42px;
  margin-top: 18px;
  font-size: 16px;
  font-weight: bold;
  line-height: 42px;
}

.coupon_pop > div .sel_box div .close {
  color: #333;
  background-color: #fff;
  outline: 1px solid #ccc;
  margin-right: 10px;
}

.coupon_pop > div .sel_box div .register {
  color: #fff;
  background-color: #069ee9;
}

.coupon_pop > div {
  height: auto;
}

.coupon_pop .input_select {
  width: 46.3%;
  display: inline-block;
}

.coupon_pop .input_select.line2 {
  margin-top: 5px;
}

.coupon_pop > div .table_box {
  height: 321px;
}

.mem_detail {
  color: red;
}

.mem_detail .ol_item_box a img {
  float: left;
  width: 118px;
  margin: 10px 0;
}

.mem_detail .ol_item_box > p {
  float: left;
  color: #333;
  width: 60%;
  margin: 40px 0% 10px 70px;
  font-size: 16px;
  font-weight: bold;
}

.mem_detail .ol_item_box > ul {
  float: left;
  width: 60%;
  margin: 0 0% 10px 70px;
}

.mem_detail .ol_item_box > ul li {
  font-size: 13px;
  line-height: 1.5;
}

.mem_detail .ol_item_box > ul li strong {
  color: #333;
  font-weight: 800;
}

div.listBottom table.mem_detail tbody td.ol_money {
  text-align: center;
  font-size: 16px;
}

div.listBottom table.mem_detail tbody td.ol_money strong {
  color: #333;
  font-weight: 600;
}

div.listBottom table.mem_detail tbody td.ol_money > p {
  margin-top: 10px;
}

footer#footer p.tel {
  text-align: center;
}

footer#footer p.btnTop {
  width: 31px;
  height: 30px;
  margin-left: -15px;
  position: absolute;
  top: -42px;
  left: 50%;
}

div.guide_box {
  margin-top: 10px;
}

div.guide_box:after {
  content: "";
  clear: both;
  display: block;
}

.font_black {
  color: #333;
}

.txt_center {
  text-align: center;
}

input[type="checkbox"], input[type="radio"] {
  vertical-align: middle;
  background: #fff;
  border: 0 solid #999;
  width: 16px;
  height: 16px;
  margin: 2px 4px;
  padding: 0;
}

div.listTop_schedule {
  text-align: center;
  width: 100%;
  height: 40px;
  margin: 25px 0 10px;
}

div.listTop_schedule a {
  color: #2c7cbf;
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
}

div.listTop_schedule a:hover {
  color: #f60;
}

div.listTop_schedule a.sche_today {
  color: #000;
  font-size: 24px;
}

div.listTop_schedule:after {
  content: "";
  clear: both;
  display: block;
}

div.menus_btm {
  text-align: right;
  width: 100%;
}

div#headerContainer {
  width: 100%;
  height: 82px;
  margin-top: -10px;
  position: relative;
}

div#headerContainer.type {
  margin: 0;
}

div#headerContainer div.inner {
  width: 100%;
  margin: 0 auto;
}

div#headerContainer h2 {
  float: left;
  color: #575757;
  background: url("/images/admin/common/bg_h2.gif") 0 bottom no-repeat;
  width: 400px;
  height: 0;
  padding-top: 10px;
  padding-left: 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 0;
  display: none;
}

div#headerContainer div.menus {
  float: right;
  margin-right: -23px;
}

div#headerContainer div div.menus {
  margin-right: 0;
}

div#headerContainer div.menus.left, div#headerContainer div.menus ul {
  float: left;
}

div#headerContainer div.menus ul.second {
  margin: 0 14px 0 20px;
}

div#headerContainer div.menus ul.last {
  margin-left: 5px;
}

div#headerContainer div.menus ul li {
  float: left;
  margin: 0 2px 0 1px;
}

div#headerContainer div.menus ul li .input_txt {
  width: 150px;
}

.popup {
  width: 100%;
  height: auto;
  display: none;
}

.pooup_bg {
  z-index: 999;
  background-color: #0009;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.popup_con {
  z-index: 1000;
  background-color: #eee;
  width: 360px;
  height: 220px;
  position: absolute;
  top: 50%;
  left: 38%;
  transform: translateY(-50%);
}

.popup h2.tit {
  color: #fff;
  background-color: #4f728a;
  margin-top: 0;
  padding: 8px 0 10px 20px;
  font-family: Nanum Gothic;
  font-size: 24px;
  font-weight: 600;
  line-height: 26px;
}

.popup p.text {
  color: #333;
  margin: 20px 0 10px 20px;
  font-family: 돋움, dodum;
  font-size: 13px;
  line-height: 13px;
}

.popup .box {
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 250px;
  height: 25px;
  margin-left: 18px;
  padding-left: 10px;
  line-height: 25px;
  display: inline-block;
}

.popup .name_search {
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background-color: #4f728a;
  border: 1px solid #2b3f4c;
  width: 50px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  display: inline-block;
}

.popup .result_text {
  color: #444;
  margin-top: 30px;
  font-family: 돋움, dodum;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
}

.popup .result_text strong {
  color: #4f728a;
  font-size: 16px;
  font-weight: 600;
}

.popup .result_text span {
  width: auto;
}

.popup .btn_box {
  color: #333;
  text-align: center;
  border-top: 1px solid #ccc;
  width: 90%;
  margin: 20px auto 0;
}

.popup .btn_box p {
  cursor: pointer;
  margin: 2px 50px;
  padding: 8px;
}

.popup .btn_box p.ok_btn, .popup .btn_box p.close_btn {
  font-family: 돋움, dodum;
  font-size: 14px;
  display: inline-block;
}

.popup02 {
  width: 100%;
  height: auto;
  display: none;
  position: fixed;
  top: 50%;
}

.popup02 h2.tit {
  color: #fff;
  background-color: #4f728a;
  margin-top: 0;
  padding: 8px 0 10px 20px;
  font-family: Nanum Gothic;
  font-size: 24px;
  font-weight: 600;
  line-height: 26px;
}

.popup02 p {
  margin-left: 20px;
}

.popup02 p.text {
  color: #333;
  margin: 20px 0 10px 20px;
  font-family: 돋움, dodum;
  font-size: 13px;
  line-height: 13px;
}

.popup02 .box {
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 250px;
  height: 25px;
  margin-left: 18px;
  padding-left: 10px;
  line-height: 25px;
  display: inline-block;
}

.popup02 .name_search {
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background-color: #4f728a;
  border: 1px solid #2b3f4c;
  width: 50px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  display: inline-block;
}

.popup_con02 {
  z-index: 1000;
  background-color: #eee;
  width: 460px;
  position: absolute;
  top: 50%;
  left: 38%;
  transform: translateY(-70%);
}

.popup_con02 .popup_con_inner {
  padding: 12px 20px 7px;
}

.popup_con02 .select_group {
  color: #666;
  width: 160px;
  height: 30px;
}

.popup02 .btn_box {
  color: #333;
  text-align: center;
  border-top: 1px solid #ccc;
  width: 90%;
  margin: 20px auto 0;
}

.popup02 .btn_box p {
  cursor: pointer;
  margin: 2px 50px;
  padding: 8px;
}

.popup02 .btn_box p.ok_btn, .popup02 .btn_box p.close_btn {
  font-family: 돋움, dodum;
  font-size: 14px;
  display: inline-block;
}

.popup02 .box02 {
  box-sizing: border-box;
  width: 200px;
  height: 30px;
  margin-left: 0;
}

.popup02 .name_search {
  height: 28px;
  line-height: 28px;
}

.popup02 .popup_table {
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 12px 0;
}

.popup02 .popup_table * {
  color: #666;
}

.popup02 .popup_table > div {
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: table;
}

.popup02 .popup_table > div:first-child {
  height: 30px;
  line-height: 30px;
}

.popup02 .popup_table > div + div {
  border-top: 1px solid #ccc;
}

.popup02 .popup_table > div p.txt_left {
  text-align: center;
  width: 80%;
  line-height: 30px;
  display: table-cell;
}

.popup02 .popup_table > div p.txt_right {
  text-align: center;
  border-left: 1px solid #ccc;
  display: table-cell;
}

.popup02 .popup_table > div p.txt_right button {
  background-color: #fff;
  border: 1px solid #ccc;
  width: 52px;
  height: 28px;
}

.popup02 .btn_box {
  margin-top: 0;
}

.popup2 {
  width: 100%;
  height: auto;
  display: none;
}

.pooup2_bg {
  z-index: 999;
  background-color: #0009;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.popup2_con {
  z-index: 1000;
  background-color: #eee;
  width: 360px;
  height: 220px;
  position: absolute;
  top: 45px;
  left: 38%;
}

.popup2 h2.tit {
  color: #fff;
  background-color: #4f728a;
  margin-top: 0;
  padding: 8px 0 10px 20px;
  font-family: Nanum Gothic;
  font-size: 24px;
  font-weight: 600;
  line-height: 26px;
}

.popup p {
  margin-left: 20px;
}

.popup2 p.text {
  color: #333;
  margin: 20px 0 10px 20px;
  font-family: 돋움, dodum;
  font-size: 13px;
  line-height: 13px;
}

.popup2 .box {
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 250px;
  height: 25px;
  margin-left: 18px;
  padding-left: 10px;
  line-height: 25px;
  display: inline-block;
}

.popup2 .name_search {
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background-color: #4f728a;
  border: 1px solid #2b3f4c;
  width: 50px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  display: inline-block;
}

.popup2 .result_text {
  color: #444;
  margin-top: 30px;
  font-family: 돋움, dodum;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
}

.popup2 .result_text strong {
  color: #4f728a;
  font-size: 16px;
  font-weight: 600;
}

.popup2 .result_text span {
  width: auto;
}

.popup2 .btn_box {
  color: #333;
  text-align: center;
  border-top: 1px solid #ccc;
  width: 90%;
  margin: 20px auto 0;
}

.popup2 .btn_box p {
  cursor: pointer;
  margin: 2px 50px;
  padding: 8px;
}

.popup2 .btn_box p.ok_btn, .popup2 .btn_box p.close_btn {
  font-family: 돋움, dodum;
  font-size: 14px;
  display: inline-block;
}

div.listWrap.edit2 {
  border-top: 0;
  border-bottom: 0;
}

header#headerContents.edit1 {
  height: 60px;
}

header#headerContents.edit1 .input_select.edit4 {
  width: 150px;
}

header#headerContents.edit1 .input_select.edit5 {
  width: 80px;
}

.srock_select {
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 13px 0;
  display: inline-block;
}

.srock_select.fl {
  width: 55%;
}

.srock_select.fr {
  width: 43%;
}

.srock_select.fr .fl {
  margin-left: 10px;
}

.srock_select.fr .fr {
  margin-right: 10px;
}

.btn.btn-primary.fr {
  padding-left: 0;
}

.table_overflow {
  height: 400px;
  overflow: auto;
}

.srock_list.fl {
  width: 55.3%;
}

.srock_list.fl .fl {
  width: 30%;
}

.srock_list.fl .fr {
  width: 68%;
}

.srock_select.fl.adm_f1, .srock_list.fl.adm_f1, .srock_list.fl.adm_f2 {
  width: 100%;
}

.srock_list.fl.adm_f1 .fl {
  width: 16.6%;
}

.srock_list.fl.adm_f1 .fr {
  width: 82%;
}

.srock_list.fl.adm_f2 .fl {
  width: 16.6%;
}

.srock_list.fl.adm_f2 .fr {
  width: 82%;
}

.srock_list.fr {
  width: 43%;
}

.srock_list.fr .fl {
  width: 25%;
}

.srock_list.fr .fr {
  width: 72%;
}

.srock_list .fl div.listBottom table.listTable tbody td {
  height: 95px;
}

.srock_list .fl div.listBottom table.listTable tbody td.images img {
  width: 100%;
}

.srock_list .fr {
  margin-left: 10px;
}

.srock_list div.listBottom table.listTable {
  margin: 0;
}

div.listBottom table.listTable tbody {
  max-height: 470px;
  overflow: scroll;
}

div.listBottom table.listTable tbody tr td.active {
  background: #e8eff7;
}

div.listBottom table.listTable tbody td p.product_view span {
  font-size: 12px;
}

.srock_list .input_txt {
  width: 50%;
  padding: 0 3%;
}

header.width_96 {
  width: 96%;
  margin: 20px auto;
}

.email_container td input[type="text"] {
  width: 40%;
}

.email_container th textarea {
  resize: none;
  width: 100%;
  height: 400px;
  overflow: auto;
}

.btn_email01 {
  color: #fff;
  background-color: #575757;
}

a.btn_email01:hover {
  color: #fff;
}

.btn-success.btn_dd01, .btn-success.btn_dd01:hover {
  background-color: #2c7cbf;
  border: 1px solid #2c7cbf;
}

.mr_10 a {
  margin-right: 10px;
}

.email_form01 tr td:first-of-type, .email_form01 tr td:nth-of-type(3) {
  background: #fafafa;
  border-right: 1px solid #ddd;
  font-size: 14px;
  font-weight: 800;
}

.email_form01 tr td input[type="text"] {
  width: 15%;
}

.email_form01 tr td.visit_count input[type="text"], .email_form01 tr td.age input[type="text"] {
  width: 117px;
}

.email_form01 tr td span {
  margin: 0 5px;
}

.btn.btn_email {
  text-align: center;
  width: 50px;
  margin: 10px auto;
  display: block;
}

.preview_popup {
  background: #0000004d;
  display: none;
  position: fixed;
  inset: 0;
}

.popup_box {
  box-sizing: border-box;
  background: #fff;
  border: 4px solid #fc7c01;
  width: 800px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.close_popup {
  color: #fff;
  text-align: center;
  background-color: #fc7c01;
  width: 80px;
  height: 25px;
  line-height: 25px;
  position: absolute;
  top: -25px;
  right: -4px;
}

.email_container02 {
  width: 96%;
  margin: 0 auto;
}

.email_container02 div.listBottom.email01 {
  max-height: 450px;
  overflow: auto;
}

.email_container02 div.listBottom.email02 {
  border-top: 2px solid #333;
}

.email_container02 div.listBottom table.listTable thead th button {
  background-color: #fff;
  border: 1px solid #333;
  width: 40px;
  height: 20px;
  font-size: 10px;
  line-height: 10px;
}

.email_container02 div.listBottom.email02 table {
  margin: 0;
}

.email_container02 .listBottom.email02 table td input {
  width: 100%;
}

.email_container02 .listBottom.email02 table td textarea {
  resize: none;
  box-sizing: border-box;
  width: 100%;
  height: 300px;
}

.email_container02 .listBottom.email02 > div {
  text-align: center;
  margin-top: 20px;
}

.email_container02 .listBottom.email02 > div button {
  background-color: #fff;
  border: 1px solid #777;
  width: 120px;
  height: 30px;
  margin-right: 10px;
  line-height: 30px;
}

.email_container03 .btn.btn_eamil {
  float: left;
  display: none;
}

.email_container05 header {
  margin-bottom: 15px;
}

.email_container05 header > div:after {
  content: "";
  clear: both;
  display: block;
}

.email_container05 header > div > button {
  float: left;
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #333;
  width: 100px;
  height: 31px;
  line-height: 31px;
}

.email_container05 header > div > div {
  float: right;
}

.email_container05 header > div > div select {
  float: left;
  height: 31px;
  margin-right: 10px;
}

.email_container05 header > div > div a {
  margin-left: 5px;
}

.email_container05 tbody td a {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #333;
  width: 50px;
  margin: 0 auto;
  display: block;
}

.email_container06:after {
  content: "";
  clear: both;
  display: block;
}

.email_container06 header > div {
  float: right;
  margin-bottom: 10px;
}

.email_container06 header > div input {
  width: 300px;
}

.email_container06 tbody textarea {
  resize: vertical;
  width: 98%;
  max-width: 98%;
  min-height: 500px;
}

.email_container06 header .email_form01 tr td input[type="text"] {
  width: 50%;
}

.sms_container01 header > div {
  float: left;
  margin-bottom: 10px;
}

.sms_container01 header div a.btn span.txt {
  padding-left: 0;
}

.sms_container01 header div button {
  float: left;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #333;
  width: 100px;
  height: 31px;
  margin-right: 5px;
  line-height: 31px;
}

.sms_container01 header div select {
  float: left;
  height: 31px;
  margin-right: 5px;
}

.sms_container01 header div input {
  width: 300px;
}

.sms_container01 tbody textarea {
  resize: vertical;
  width: 95%;
  max-width: 95%;
  height: 100px;
  min-height: 100px;
}

.sms_container01 tbody .under_tr td div {
  float: unset;
  margin-top: 10px;
}

.sms_container01 tbody .under_tr td div a.btn span.txt {
  padding-left: 0;
}

.sms_container02 .listTable01 tbody td p {
  float: unset;
  margin-top: 10px;
}

.sms_container02 .listTable01 tbody td p span {
  color: #0076da;
  font-size: 16px;
  font-weight: bold;
}

.sms_container02 .listTable01 tbody td textarea {
  resize: vertical;
  width: 50%;
  max-width: 70%;
}

.sms_container02 header > div {
  float: right;
}

.btn_save01 {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #777;
  width: 65px;
  height: 30px;
  line-height: 30px;
}

.btn_save02 {
  border-radius: var(--qc-radius-xs, 4px);
  text-align: center;
  background-color: #fff;
  border: 1px solid #777;
  width: 150px;
  height: 30px;
  line-height: 30px;
}

.btn_save03 {
  border-radius: var(--qc-radius-xs, 4px);
  text-align: center;
  background-color: #fff;
  border: 1px solid #777;
  width: 100px;
  height: 30px;
  line-height: 30px;
}

.sms03 table td textarea {
  resize: vertical;
  width: 100%;
}

.sms03 table tr:nth-child(2) td textarea {
  height: 50px;
}

.email_container .sms03 td input[type="text"] {
  width: 150px;
}

.sms03 button, .sms_container03 div#headerContainer div.inner, .listBottom.sms03 > div {
  text-align: center;
}

header#headerContents.statis_floatR {
  float: right;
}

.statis_floatL {
  float: left;
}

.static_select01 {
  float: left;
  height: 31px;
  margin: 0 5px;
}

div.listBottom table.listTable.statisTable thead th {
  border: none;
  border-bottom: 1px solid #ddd;
}

div.listBottom table.listTable.statisTable tbody td {
  border: none;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

.statisTable tbody tr:first-of-type {
  background-color: #f5f5f5;
}

.statisTable tr td:last-of-type span {
  float: left;
  margin: 0 20px;
  display: block;
}

.statisTable tr td:last-of-type > div {
  float: left;
  background-color: #333;
  height: 80%;
}

.statisTable.statisTable06 tbody tr:first-of-type {
  background-color: #fff;
}

div.listBottom table.listTable.statisTable.statisTable06 tbody tr td {
  height: 200px;
}

.statisTable.statisTable06 tr td span {
  float: unset;
  margin-top: -20px;
  display: block;
}

.statisTable.statisTable06 tr td > div {
  box-sizing: border-box;
  height: 200px;
  display: block;
  position: relative;
}

.statisTable.statisTable06 tr td > div > div {
  background-color: #333;
  width: 10%;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.statisTable.statisTable06 tr td:last-of-type > div {
  float: unset;
  background-color: #fff;
}

.statisTable.statisTable06 tr td:last-of-type > div > div {
  background-color: #333;
  width: 10%;
  margin: 0 auto;
  display: block;
}

.statisTable.statisTable06 tr td p {
  border-top: 1px solid #ddd;
  margin-top: 10px;
  padding: 5px 0;
}

.statisTable.statisTable06 tr td:last-of-type span {
  margin: -20px 0 0;
}

.statisTable.statisTable07 tbody tr:first-of-type {
  background-color: #fff;
}

.statis02_01 .statis_floatL button {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #bbb;
  width: 50px;
  height: 31px;
}

.statis02_01 .statis_floatL select {
  box-sizing: border-box;
  height: 31px;
}

.statis03_01 .statis_floatR button {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #bbb;
  width: 50px;
  height: 31px;
  font-size: 12px;
}

.statis03_01 .statis_floatR select {
  box-sizing: border-box;
  height: 31px;
}

.statis03_01 .statis_floatR a {
  float: right;
  margin-left: 5px;
}

.statis03_02 div.listBottom table.listTable.statisTable tbody tr:first-child td:first-child {
  text-align: center;
}

.statis03_02 div.listBottom table.listTable.statisTable tbody tr td:first-child {
  text-align: left;
  padding: 0 0 0 20px;
}

.statis04_01 div.listBottom table.listTable.statisTable tbody tr:first-child td:first-child {
  text-align: center;
}

.statis04_01 div.listBottom table.listTable.statisTable tbody tr:first-child td:nth-child(2) {
  text-align: right;
  padding: 5px 20px 0 0;
}

.statis04_01 div.listBottom table.listTable.statisTable tbody tr:first-child td:nth-child(3), .statis04_01 div.listBottom table.listTable.statisTable tbody tr:first-child td:nth-child(4) {
  text-align: right;
  padding: 0 20px 0 0;
}

.statis04_01 div.listBottom table.listTable.statisTable tbody tr td:first-child {
  text-align: left;
  padding: 10px 0 10px 20px;
}

.statis04_01 div.listBottom table.listTable.statisTable tbody tr td:nth-child(2), .statis04_01 div.listBottom table.listTable.statisTable tbody tr td:nth-child(3) {
  text-align: left;
  padding: 0 0 0 20px;
}

.statis04_01 div.listBottom table.listTable.statisTable tbody tr td:nth-child(4), .statis04_01 div.listBottom table.listTable.statisTable tbody tr td:nth-child(5), .statis04_01 div.listBottom table.listTable.statisTable tbody tr td:nth-child(6) {
  text-align: right;
  padding: 0 20px 0 0;
}

.statis04_02 div.listBottom table.listTable.statisTable tbody tr td:first-child {
  text-align: left;
  padding: 10px 0 10px 20px;
}

.statis04_02 div.listBottom table.listTable.statisTable tbody tr td:nth-child(2), .statis04_02 div.listBottom table.listTable.statisTable tbody tr td:nth-child(3) {
  text-align: left;
  padding: 0 0 0 20px;
}

.statis04_02 div.listBottom table.listTable.statisTable tbody tr td:nth-child(4), .statis04_02 div.listBottom table.listTable.statisTable tbody tr td:nth-child(5), .statis04_02 div.listBottom table.listTable.statisTable tbody tr td:nth-child(6) {
  text-align: right;
  padding: 0 20px 0 0;
}

.statis04_03 div.listBottom table.listTable.statisTable tbody tr td:first-child {
  text-align: left;
  padding: 5px 0 5px 20px;
}

.statis04_03 div.listBottom table.listTable.statisTable tbody tr td:nth-child(2), .statis04_03 div.listBottom table.listTable.statisTable tbody tr td:nth-child(3) {
  text-align: left;
  padding: 0 0 0 20px;
}

.statis05_01 div.listBottom table.listTable.statisTable tbody tr td span {
  float: unset;
  margin: 10px 0 0;
  display: block;
}

.statis05_01 div.listBottom table.listTable.statisTable tbody tr td > div {
  float: unset;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 200px;
  display: block;
  position: relative;
}

.statis05_01 div.listBottom table.listTable.statisTable tbody tr td > div > div {
  background-color: #000;
  width: 10%;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%);
}

.statis05_01 div.listBottom table.listTable.statisTable tbody tr td:last-child > div > div {
  width: 10%;
}

.statis05_01 div.listBottom table.listTable.statisTable tbody tr td:last-child > div {
  background-color: #fff;
}

.statis05_01 div.listBottom table.listTable.statisTable tbody tr td:last-child span {
  float: unset;
}

.statis05_01 div.listBottom table.listTable.statisTable tbody tr td p {
  padding: 0 0 10px;
}

.statis05_02 div.listBottom table.listTable.statisTable tbody tr:first-child td:first-child {
  text-align: center;
  padding: 0;
}

.statis05_02 div.listBottom table.listTable.statisTable tbody tr td:first-child {
  text-align: left;
  padding: 0 20px;
}

.statis05_02 div.listBottom table.listTable.statisTable tbody tr td {
  text-align: right;
  padding: 10px 60px 10px 0;
}

.select_box {
  display: inline-block;
}

.category_select .category_select_form {
  margin-top: 0;
}

.category_select .category_select_form .category_box {
  cursor: pointer;
  box-sizing: border-box;
  background: url("/images/btn/select_option_bar.png") 95% no-repeat;
  border: 1px solid #ddd;
  width: 400px;
  height: 31px;
  padding-left: 10px;
  line-height: 31px;
  display: inline-block;
  position: relative;
}

.category_select .category_select_form .category_box ul li ul.category_gnb {
  z-index: 50;
  background: #fff;
  border: 1px solid #dfdfdf;
  border-top: 0;
  width: 100%;
  display: none;
  position: absolute;
  top: 31px;
  left: -1px;
  right: 0;
}

.category_select .category_select_form .category_box ul li a {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.category_select .category_select_form .category_box ul li ul.category_gnb li {
  line-height: 40px;
}

.category_select .category_select_form .category_box ul li ul.category_gnb li:hover a {
  color: #333;
  background: #f2f2f2;
  font-weight: bold;
}

.category_select .category_select_form .category_box ul li ul.category_gnb li:last-of-type {
  border: 0;
}

.category_select .category_select_form .category_box ul li ul.category_gnb li a {
  color: #777;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 300;
  display: block;
}

.category_select .category_select_form .category_box ul li ul.category_gnb li a.active {
  color: #333;
  font-weight: bold;
}

.category_select .seach_select {
  float: right;
  margin-top: 24px;
}

.category_select .seach_select ul li {
  float: left;
  position: relative;
}

.category_select .seach_select ul li:first-of-type {
  margin-right: 20px;
}

.category_select .seach_select ul li:first-of-type:after {
  content: "";
  background: #ccc;
  width: 1px;
  height: 10px;
  position: absolute;
  top: 4px;
  right: -10px;
}

.category_select .seach_select ul li a {
  color: #999;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  display: block;
}

.category_select .seach_select ul li.active a {
  color: #333;
}

.book_categoty_list {
  border-top: 2px solid #333;
  margin-top: 20px;
}

.book_categoty_list ul {
  padding: 0 20px;
  overflow: hidden;
}

.book_categoty_list ul li {
  float: left;
  border-bottom: 1px solid #eee;
  width: 190px;
  padding: 45px 66px 30px 0;
}

.book_categoty_list ul li .img_box {
  height: 243px;
  position: relative;
}

.book_categoty_list ul li .img_box img {
  vertical-align: text-bottom;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.book_categoty_list ul li a {
  display: block;
}

.book_categoty_list ul li:nth-of-type(4n) {
  padding-right: 0;
}

.book_categoty_list ul li .book_categoty_list_tit {
  height: 80px;
  margin-top: 16px;
}

.book_categoty_list ul li .book_categoty_list_tit b {
  color: #333;
  padding-bottom: 8px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  display: block;
}

.book_categoty_list ul li .book_categoty_list_tit span {
  color: #777;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
}

.book_categoty_list ul li .book_categoty_list_tit span.write {
  padding-right: 10px;
  position: relative;
}

.book_categoty_list ul li .book_categoty_list_tit span.write:after {
  content: "";
  background: #a2a2a2;
  width: 1px;
  height: 8px;
  position: absolute;
  top: 7px;
  right: 3px;
}

div.listBottom table.listTable tbody td button.open_exchange {
  color: #fff;
  background-color: #2985db;
  border: none;
  margin-top: 10px;
  display: block;
}

.exchange_popup {
  background-color: #0000004d;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0;
}

.exchange_popup .popup {
  background-color: #fff;
  width: 590px;
  height: auto;
  padding: 0 20px 30px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.exchange_popup .popup:after {
  content: "";
  clear: both;
  display: block;
}

.exchange_popup .popup h3 {
  border-bottom: 1px solid #dadada;
  margin-bottom: 15px;
  padding: 30px 0;
  font-size: 20px;
}

.exchange_popup .popup > div {
  width: 100%;
  height: 400px;
  overflow-y: auto;
}

.exchange_popup .popup div:after {
  content: "";
  clear: both;
  display: block;
}

.exchange_popup .popup div img {
  float: left;
  max-width: 180px;
}

.exchange_popup .popup > div > div {
  margin-top: 20px;
}

.exchange_popup .popup > div > div ul {
  float: left;
  margin-top: 20px;
  margin-left: 30px;
}

.exchange_popup .popup > div > div ul li {
  width: 100%;
  margin: 10px 0;
  font-size: 14px;
  display: block;
}

.exchange_popup .popup > div > div ul li:after {
  content: "";
  clear: both;
  display: block;
}

.exchange_popup .popup > div > div ul li strong {
  float: left;
  width: 50px;
  margin-right: 30px;
  font-weight: 600;
  line-height: 30px;
  display: block;
}

.exchange_popup .popup > div > div ul li span, .exchange_popup .popup > div > div ul li select {
  float: left;
}

.exchange_popup .popup > div > div ul li span {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 220px;
  line-height: 30px;
  overflow: hidden;
}

.exchange_popup .popup > div > div ul li select {
  width: 220px;
  height: 30px;
}

.exchange_popup .popup > div.btn_box {
  clear: both;
  border-top: none;
  width: 100%;
  height: auto;
  margin: 40px auto 0;
  display: block;
  overflow: hidden;
}

.exchange_popup .popup > div.btn_box button {
  color: #fff;
  width: 200px;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
}

.exchange_popup .popup > div.btn_box button:first-child {
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-right: 10px;
}

.exchange_popup .popup > div.btn_box button:nth-child(2) {
  background-color: #2985db;
}

.exchange_popup .popup a {
  position: absolute;
  top: 15px;
  right: 20px;
}

.exchange_popup .popup input[type="checkbox"] {
  float: left;
  margin: 60px 10px 0 0;
}

.resulteTable td {
  color: #464646;
  background-color: #fafafa;
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
}

div#container #print_this {
  width: 100%;
}

div#container {
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
}

div#container:after {
  clear: both;
  content: "";
  display: block;
}

#main .cf:after {
  clear: both;
  display: block;
}

#main:after {
  content: "";
  clear: both;
  display: block;
}

#main .main_inner {
  box-sizing: border-box;
  float: left;
  width: 100%;
  min-width: 1200px;
  margin: 0 auto 40px;
  padding: 0 80px;
  overflow: hidden;
}

#main .col_wrapper_fl {
  float: left;
  width: 100%;
}

#main .col_wrapper_fl .colbox_inner {
  padding-top: 40px;
}

#main .col_wrapper_fl strong.main_ttl {
  color: #222;
  margin-bottom: 10px;
  font-size: 16px;
  display: block;
}

#main .col_wrapper_fl em.ttl_desc {
  color: #969daa;
  cursor: pointer;
  font-size: 14px;
}

#main .col_wrapper_fl i {
  color: #fff;
  border-radius: var(--qc-radius-control, 8px);
  vertical-align: middle;
  background-color: #516592;
  width: 85px;
  height: 20px;
  margin-left: 10px;
  padding: 5px 10px;
  font-size: 10px;
  font-style: normal;
}

#main .col_wrapper_fl .colbox_top .top_box {
  box-sizing: border-box;
  background-color: #fff;
  border-bottom: 2px solid #e4e8f0;
  width: 100%;
  padding: 40px 30px;
  overflow: hidden;
}

#main .col_wrapper_fl .colbox_top .top_box .box:first-child {
  border-left: none;
}

#main .col_wrapper_fl .colbox_top .top_box .box {
  float: left;
  box-sizing: border-box;
  border-left: 1px solid #ebf0f5;
  width: 33.333%;
  height: 72px;
  padding-left: 30px;
}

#main .col_wrapper_fl .colbox_top .top_box .box .img_box {
  float: left;
  background-color: #c9cfe0;
  border-radius: 50%;
  width: 72px;
  height: 72px;
  margin-right: 14px;
}

#main .col_wrapper_fl .colbox_top .top_box .box .txt_box {
  margin-left: 86px;
}

#main .col_wrapper_fl .colbox_top .top_box .box .txt_box strong {
  color: #000;
  margin-bottom: 18px;
  font-size: 18px;
}

#main .col_wrapper_fl .colbox_top .top_box .box .txt_box em {
  color: #c9cfe0;
  font-size: 16px;
}

#main .col_wrapper_fl .colbox_top .top_box .box .price {
  margin-top: 18px;
}

#main .col_wrapper_fl .colbox_top .top_box .box .price strong {
  font-size: 24px;
  font-weight: 900;
}

#main .col_wrapper_fl .colbox_top .top_box .box .price em {
  margin-left: 5px;
  font-size: 22px;
  font-weight: 500;
}

#main .col_wrapper_fl .col4 {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}

#main .col_wrapper_fl .col4 .col {
  float: left;
  box-sizing: border-box;
  background-color: #fff;
  border-bottom: 2px solid #e4e8f0;
  width: calc(25% - 15px);
  height: 150px;
  margin-right: 20px;
  padding: 45px 30px;
}

#main .col_wrapper_fl .col4 .col:last-child {
  margin-right: 0;
}

#main .col_wrapper_fl .col4 .col strong {
  color: #000;
  text-align: center;
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 900;
  display: block;
}

#main .col_wrapper_fl .col4 .col em {
  text-align: center;
  font-size: 16px;
  display: block;
}

#main .col_wrapper_fl .col4 .col em.txt_red {
  color: #5ea5fe;
}

#main .col_wrapper_fl .col4 .col em.txt_blue {
  color: #ff6158;
}

#main .col_wrapper_fl .table_box {
  position: relative;
}

#main .col_wrapper_fl .table_layout:after {
  clear: both;
  content: "";
  display: block;
}

#main .col_wrapper_fl .table_box .table_col {
  float: left;
  width: calc(25% - 15px);
  margin-right: 20px;
  position: relative;
}

#main .col_wrapper_fl .table_box .table_col:nth-child(4n) {
  margin-right: 0;
}

#main .col_wrapper_fl .table_box .btn_more {
  text-align: center;
  z-index: 1;
  background: #fff;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: 16px;
  right: 30px;
}

#main .col_wrapper_fl .table_box .table_tab {
  background-color: #fff;
  border-top: 2px solid #5e99e4;
}

#main .col_wrapper_fl .table_box .table_tab li {
  color: #222;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e4e8f0;
  border-bottom: 0;
  width: 100%;
  padding: 0 30px;
  font-size: 16px;
  font-weight: 700;
  line-height: 60px;
  list-style: none;
}

#main .col_wrapper_fl .table_box .table_tab li + li {
  border-left: none;
}

#main .col_wrapper_fl .table_layout {
  margin-top: 40px;
  position: relative;
}

#main .col_wrapper_fl .table_wrapper {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e4e8f0;
  border-top: 0;
  border-bottom-width: 2px;
  height: 200px;
  padding: 0 30px 15px;
}

#main .col_wrapper_fl .table_wrapper table {
  margin: 0;
}

#main .col_wrapper_fl .table_wrapper tr {
  cursor: pointer;
}

#main .col_wrapper_fl .table_wrapper td {
  color: #252525;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

#main .col_wrapper_fl .table_wrapper .ttl_box {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  color: #252525;
  -webkit-box-orient: vertical;
  height: 1.4em;
  font-size: 14px;
  text-decoration: none;
  display: -webkit-box;
  overflow: hidden;
}

#main .col_wrapper_fl .table_wrapper .ttl_box a b.new {
  color: #fff;
  border-radius: var(--qc-radius-xs, 4px);
  vertical-align: text-top;
  background-color: #f96572;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  padding: 2px 3px;
  font-size: 10px;
  display: inline;
}

#main .col_wrapper_fl .table_wrapper td.date {
  text-align: right;
  color: #757575;
  width: 100px;
  font-size: 14px;
  font-weight: 400;
}

#main .col_wrapper_fl .table_wrapper tr td > div {
  margin: 7px 0;
}

#main .col_wrapper_fr {
  float: left;
}

#main .col_wrapper_fr .col_wrapper_inner {
  padding-top: 67px;
}

#main .col_wrapper_fr .ad_box .ad1 {
  background-color: #000;
  width: 292px;
  height: 130px;
}

#main .col_wrapper_fr .ad_box .ad2 {
  width: 292px;
  margin: 30px 0;
}

#main .col_wrapper_fr .ad_box .ad3 {
  background-color: #000;
  width: 292px;
  height: 315px;
}

#main .col_wrapper_fr .ad_box .ad2_tab {
  background-color: #fff;
}

#main .col_wrapper_fr .ad_box .ad2_tab li {
  color: #888;
  float: left;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #f5f7fb;
  border: 1px solid #e4e8f0;
  border-bottom: none;
  width: 50%;
  height: 40px;
  line-height: 40px;
  list-style: none;
}

#main .col_wrapper_fr .ad_box .ad2_tab li.on {
  color: #5e99e4;
  background-color: #fff;
  border-top: 2px solid #5e99e4;
  border-bottom: none;
}

#main .col_wrapper_fr .ad_box .ad2_tab li + li {
  border-left: none;
}

#main .col_wrapper_fr .ad2 {
  margin-top: 40px;
  position: relative;
}

#main .col_wrapper_fr .ad2_box_wrap {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e4e8f0;
  border-bottom-width: 2px;
}

#main .col_wrapper_fr .ad2_box_wrap .ad2_box {
  display: none;
}

#main .col_wrapper_fr .ad2_box_wrap .ad2_box.on {
  display: block;
}

#main .col_wrapper_fr .ad2_box_wrap .ad2_box .ad2_box_in {
  color: #fff;
  background: #000;
  height: 240px;
}

.img_add {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0;
}

.img_add .file_input {
  box-sizing: border-box;
  background: #f5f6f8 url("/images/admin/common/img_add_basic.png") center no-repeat;
  width: 90px;
  height: 90px;
  display: inline-block;
  position: relative;
}

.img_add .file_input .img_txt {
  text-align: center;
  color: #fff;
  cursor: pointer;
  background-color: #4f728a;
  border: 1px solid #ccc;
  margin-top: 8px;
  padding: 5px;
  font-size: 12px;
  line-height: 1.3;
  display: block;
}

.img_add .file_input + .file_input {
  margin-left: 10px;
}

.img_add .file_input input[type="file"] + label {
  border-radius: var(--qc-radius-control, 8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
}

.img_add .file_input input[type="file"] {
  width: 0;
  height: 0;
  display: none;
}

.img_add .file_input .remove_btn {
  display: none;
}

.img_add .file_input.applied .remove_btn {
  background: #000c url("/images/admin/file_del.png") center no-repeat;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: -10px;
  right: -10px;
}

#container.main {
  background: #ecf0f7;
  font-family: Nanum Gothic, NanumGothic, Malgun Gothic, 돋움, dotum, AppleGothic, Apple SD Gothic Neo Medium, Helvetica, Arial, sans-serif;
}

#container.main #contents {
  padding: 40px 0;
}

.main_box + .main_box {
  margin-top: 40px;
}

.main_box .main_col_box {
  float: left;
  width: calc(50% - 10px);
  margin-right: 20px;
}

.main_box .main_col_box:nth-child(2n) {
  margin-right: 0;
}

.main_box .title_row {
  margin-bottom: 10px;
}

.main_box .title_row h2 {
  color: #222;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
}

.main_box .title_row span {
  color: #969daa;
  vertical-align: middle;
  font-size: 14px;
  display: inline-block;
}

.main_box .title_row .manual_btn {
  color: #fff;
  border-radius: var(--qc-radius-control, 8px);
  vertical-align: middle;
  box-sizing: border-box;
  vertical-align: middle;
  background-color: #516592;
  margin-left: 10px;
  padding: 0 10px;
  font-size: 10px;
  line-height: 20px;
  display: inline-block;
}

.main_box .today_wrap:after {
  clear: both;
  content: "";
  display: block;
}

.main_box .today_wrap {
  background: #fff;
  border-bottom: 2px solid #e4e8f0;
  padding: 40px 30px;
}

.main_box .today_box {
  float: left;
  box-sizing: border-box;
  width: 33.333%;
  padding: 0 30px;
  font-size: 0;
}

.main_box .today_box + .today_box {
  border-left: 1px solid #ebf0f5;
}

.main_box .today_box .ico {
  vertical-align: middle;
  border-radius: 50%;
  width: 72px;
  height: 72px;
  margin-right: 14px;
  display: inline-block;
  overflow: hidden;
}

.main_box .today_box .ico img {
  display: block;
}

.main_box .today_box .txt {
  vertical-align: middle;
  width: calc(100% - 86px);
  display: inline-block;
}

.main_box .today_box .txt .label {
  color: #000;
  margin-bottom: 18px;
  font-size: 18px;
  display: block;
}

.main_box .today_box .txt .label span {
  color: #c9cfe0;
  font-size: 16px;
}

.main_box .today_box .txt .data {
  font-size: 22px;
  font-weight: 500;
}

.main_box .today_box .txt .data strong {
  margin-right: 5px;
  font-size: 24px;
  font-weight: 900;
  display: inline-block;
}

.main_box .status_wrap:after {
  clear: both;
  content: "";
  display: block;
}

.main_box .status_box {
  float: left;
  text-align: center;
  box-sizing: border-box;
  background: #fff;
  border-bottom: 2px solid #e4e8f0;
  width: calc(25% - 15px);
  margin-right: 20px;
  padding: 45px 0;
}

.main_box .status_box:nth-child(4n) {
  margin-right: 0;
}

.main_box .main_col_box .status_box {
  width: calc(50% - 10px);
}

.main_box .main_col_box .status_box:nth-child(2n) {
  margin-right: 0;
}

.main_box .status_box .data {
  color: #000;
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 900;
  display: block;
}

.main_box .status_box .label {
  font-size: 16px;
  display: block;
}

.main_box .order .status_box .label {
  color: #ff6158;
}

.main_box .cancel .status_box .label {
  color: #5ea5fe;
}

.main_box .board_summary_wrap:after {
  clear: both;
  content: "";
  display: block;
}

.main_box .board_summary_box {
  float: left;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e4e8f0;
  border-top: 2px solid #5e99e4;
  border-bottom-width: 2px;
  width: calc(33% - 13.333px);
  height: 239px;
  margin-right: 20px;
  padding: 0 30px 15px;
}

.main_box .board_summary_box:nth-child(3n) {
  margin-right: 0;
}

.main_box .board_summary_box .top:after {
  clear: both;
  content: "";
  display: block;
}

.main_box .board_summary_box .title {
  float: left;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  line-height: 60px;
}

.main_box .board_summary_box .more_btn {
  float: right;
  line-height: 60px;
}

.main_box .board_summary_box .bottom li a {
  padding: 7px 0;
  display: block;
}

.main_box .board_summary_box .bottom li a:after {
  clear: both;
  content: "";
  display: block;
}

.main_box .board_summary_box .bottom .subject {
  float: left;
  color: #757575;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 90px);
  font-size: 14px;
  font-weight: 400;
  display: block;
  overflow: hidden;
}

.main_box .board_summary_box .bottom .date {
  float: right;
  color: #757575;
  width: 80px;
  font-size: 14px;
  font-weight: 400;
  display: block;
}

.statistics_tab {
  border-bottom: 1px solid #454545;
}

.statistics_tab:after {
  clear: both;
  content: "";
  display: block;
}

.statistics_tab a {
  float: left;
  text-align: center;
  color: #999;
  box-sizing: border-box;
  background: #f6f6f6;
  border: 1px solid #dbdbdb;
  border-bottom: 0;
  width: 108px;
  height: 38px;
  font-family: Nanum Gothic, NanumGothic, Malgun Gothic, 돋움, dotum, AppleGothic, Apple SD Gothic Neo Medium, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 37px;
  position: relative;
}

.statistics_tab a + a {
  margin-left: -1px;
}

.statistics_tab a.on {
  color: #252525;
  z-index: 1;
  background: #fff;
  border: 1px solid #454545;
  border-bottom: 0;
}

.statistics_notice {
  color: #f91d11;
  margin-top: 14px;
  padding-left: 20px;
  font-size: 13px;
  font-weight: 400;
  position: relative;
}

.statistics_notice:before {
  text-align: center;
  color: #fff;
  content: "!";
  background: #f91d11;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.period_table table {
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.period_table table tr {
  border-bottom: 1px solid #ddd;
}

.period_table table th {
  color: #333;
  text-align: left;
  vertical-align: middle;
  background: #fafafa;
  border-right: 1px solid #ddd;
  height: 50px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 700;
}

.period_table table td {
  vertical-align: middle;
  padding: 10px;
}

.period_table table td select {
  display: inilne-block;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #ccc;
  width: 130px;
  height: 30px;
  margin-right: 5px;
}

.period_table table td .submit_btn {
  color: #fff;
  background: #55a0ff;
  width: 67px;
  height: 30px;
  margin-left: 2px;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
}

.period_search:after {
  clear: both;
  content: "";
  display: block;
}

.period_search .input_radio {
  float: left;
  margin-right: 10px;
  display: block;
}

.period_search .input_radio input {
  display: none;
}

.period_search .input_radio input + label {
  text-align: center;
  color: #252525;
  box-sizing: border-box;
  border: 1px solid #cdcdcd;
  width: 80px;
  height: 30px;
  font-size: 12px;
  font-weight: 400;
  line-height: 28px;
  display: block;
}

.period_search .period_input {
  float: left;
  margin-left: 5px;
}

.period_search .period_input:after {
  clear: both;
  content: "";
  display: block;
}

.period_search .period_input input {
  float: left;
  box-sizing: border-box;
  border: 1px solid #cdcdcd;
  width: 116px;
  height: 30px;
  display: block;
}

.period_search .period_input span {
  float: left;
  text-align: center;
  width: 18px;
  font-size: 14px;
  line-height: 30px;
  display: block;
}

.graph_wrap {
  box-sizing: border-box;
  margin: 30px 0 20px;
}

.graph_wrap h3 {
  color: #252525;
  margin-bottom: 12px;
  font-family: Nanum Gothic, NanumGothic, Malgun Gothic, 돋움, dotum, AppleGothic, Apple SD Gothic Neo Medium, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.graph_wrap .graph_area {
  box-sizing: border-box;
  border: 1px solid #454545;
  width: 100%;
  padding: 60px 40px 40px;
  display: block;
}

.graph_area .graph_box {
  width: auto;
  height: 360px;
  overflow-x: auto;
}

.graph_area .graph_box::-webkit-scrollbar {
  height: 8px;
}

.graph_area .graph_box::-webkit-scrollbar-track {
  background: linear-gradient(#fff, #eee, #fff);
}

.graph_area .graph_box::-webkit-scrollbar-thumb {
  border-radius: var(--qc-radius-xs, 4px);
  background: #b8bfca;
  height: 100%;
}

.graph_area .progress_wrap {
  white-space: nowrap;
  background: url("/images/admin/content/graph_backimg.png") 0 no-repeat;
  width: auto;
  height: 300px;
  padding-left: 40px;
}

.progress_wrap li {
  box-sizing: border-box;
  vertical-align: bottom;
  background: url("/images/admin/content/graph_backborder.png") center / cover no-repeat;
  width: 100px;
  height: 100%;
  display: inline-block;
  position: relative;
}

.progress_wrap li + li {
  margin-left: -4px;
}

.progress_wrap .bars {
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.progress_wrap .bar {
  background: #5f81f8;
  width: 10px;
  font-size: 0;
}

.progress_wrap .bar:nth-child(2) {
  background: #15ddca;
}

.progress_wrap .bar:nth-child(3) {
  background: #9b81f4;
}

.progress_wrap .bar + .bar {
  margin-left: 6px;
}

.progress_wrap .date {
  color: #454545;
  font-family: Nanum Gothic;
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}

.graph_list {
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.graph_list > div {
  align-items: center;
  display: flex;
}

.graph_list > div + div {
  margin-left: 40px;
}

.graph_list > div span {
  color: #252525;
  font-family: Nanum Gothic;
  font-size: 13px;
  font-weight: 700;
}

.graph_list .bar_thumb {
  background: #5f81f8;
  width: 20px;
  height: 8px;
  margin-right: 9px;
  display: block;
}

.graph_list .gr02 .bar_thumb {
  background: #15ddca;
}

.graph_list .gr03 .bar_thumb {
  background: #9b81f4;
}

.statistics_table + .statistics_table {
  margin-top: 30px;
}

.statistics_table h3 {
  color: #252525;
  margin-bottom: 12px;
  font-family: Nanum Gothic, NanumGothic, Malgun Gothic, 돋움, dotum, AppleGothic, Apple SD Gothic Neo Medium, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.statistics_table .table_util {
  text-align: right;
}

.statistics_table .table_util select {
  color: #555;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #bbb;
  width: 112px;
  height: 30px;
  margin-right: 2px;
  font-family: Nanum Gothic, NanumGothic, Malgun Gothic, 돋움, dotum, AppleGothic, Apple SD Gothic Neo Medium, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.statistics_table .table_util .excel_down {
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #dbdbdb;
  width: 132px;
  height: 30px;
  line-height: 28px;
  display: inline-block;
}

.statistics_table .table_util .excel_down span {
  color: #555;
  background: url("/images/admin/content/ico_excel.png") 0 no-repeat;
  padding-left: 22px;
  font-family: Nanum Gothic, NanumGothic, Malgun Gothic, 돋움, dotum, AppleGothic, Apple SD Gothic Neo Medium, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.statistics_table table {
  border-collapse: collapse;
  border-top: 2px solid #757575;
  width: 100%;
  margin: 10px 0;
}

.statistics_table table tr {
  border-bottom: 1px solid #dbdbdb;
}

.statistics_table table th {
  color: #252525;
  vertical-align: middle;
  background: #fafafa;
  padding: 14px 0;
  font-family: Nanum Gothic, NanumGothic, Malgun Gothic, 돋움, dotum, AppleGothic, Apple SD Gothic Neo Medium, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.statistics_table table td {
  color: #454545;
  text-align: right;
  vertical-align: middle;
  padding: 14px 10px;
  font-family: Nanum Gothic, NanumGothic, Malgun Gothic, 돋움, dotum, AppleGothic, Apple SD Gothic Neo Medium, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

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

.statistics_table table td.date, .statistics_table table td.tfoot_label, .statistics_table table td.center {
  text-align: center;
}

.statistics_table table td .red_txt {
  color: #ff2052;
  font-weight: 700;
}

.statistics_table table td .goods_info {
  font-size: 0;
}

.statistics_table table td .goods_info .thumb {
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 32px;
  height: 32px;
  display: inline-block;
}

.statistics_table table td .goods_info .name {
  color: #454545;
  vertical-align: middle;
  width: calc(100% - 42px);
  margin-left: 10px;
  font-family: Nanum Gothic, NanumGothic, Malgun Gothic, 돋움, dotum, AppleGothic, Apple SD Gothic Neo Medium, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}

.statistics_table table tfoot td {
  background: #fafafa;
}

.statistics_table table th + th, .statistics_table table td + td {
  border-left: 1px solid #dbdbdb;
}

.statistics_table + .paging {
  margin-bottom: 30px;
}

.pop_common {
  z-index: 999999999;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.pop_dim {
  z-index: -1;
  background: #00000080;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.pop_common .pop_item {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  font-family: Noto Sans KR;
  display: flex;
}

.pop_common .pop_top {
  border-radius: var(--qc-radius-section, 24px) var(--qc-radius-section, 24px) 0 0;
  box-sizing: border-box;
  background: #fff;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 20px 20px 10px;
  display: flex;
}

.pop_common .btn_close {
  color: #0000;
  background: url("/images/admin/common_close.png") center no-repeat;
  border: none;
  width: 30px;
  height: 30px;
  margin-left: auto;
  font-size: 0;
  display: block;
}

.pop_common .btn {
  text-align: center;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #0000;
  width: 100px;
  height: 40px;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-weight: 500;
}

.pop_common .pop_mid {
  background: #fff;
  max-height: 70vh;
  padding: 10px 30px;
  overflow: auto;
}

.pop_common .pop_bot {
  border-radius: 0 0 var(--qc-radius-section, 24px) var(--qc-radius-section, 24px);
  background: #fff;
  padding: 10px 30px 20px;
}

.pop_common .common_ttl p {
  color: #757575;
  font-size: 20px;
  font-weight: 500;
}

.pop_common .common_ttl h3 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
}

.pop_common .btn_wrap {
  margin-top: 0;
}

.pop_common .btn_wrap button + button {
  margin-left: 10px;
}

.pop_common .label {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  display: block;
}

.pop_common .side_label {
  white-space: nowrap;
  vertical-align: middle;
  width: 60px;
  margin-bottom: 0;
  line-height: 1;
}

.pop_common .side_label + input {
  margin-top: 0;
}

.pop_common .in_form > li + li {
  margin-top: 20px;
}

.upload-hidden {
  display: none;
}

.file_box {
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px 0;
  display: flex;
}

.file_box figure {
  border-radius: var(--qc-radius-control, 8px);
  cursor: pointer;
  border: 1px solid #dbdbdb;
  width: 90px;
  height: 90px;
  position: relative;
}

.file_box figure img {
  border-radius: var(--qc-radius-control, 8px);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.file_box .file_more input + label {
  border-radius: var(--qc-radius-control, 8px);
  color: #0000;
  background: #f9f9f9;
  border: 1px solid #dbdbdb;
  width: 90px;
  height: 90px;
  font-size: 0;
  display: block;
  position: relative;
}

.file_box .file_more input + label:after {
  content: "+";
  color: #c6c6c6;
  font-size: 30px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.file_box .delBtn {
  background: #fff url("/images/admin/file_del.png") center / cover no-repeat;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 0;
  display: block;
  position: absolute;
  top: -10px;
  right: -17px;
}

div.timetable table.time_detail tbody td {
  text-align: left;
  padding: 10px 15px;
}

div.timetable table.time_detail .label {
  font-size: 14px;
}

div.timetable table.time_detail .input-row {
  width: 86%;
}

div.timetable table.time_detail .input-row input {
  height: 35px;
  line-height: 35px;
}

div.timetable table.time_detail .input-wrap button {
  border: 1px solid #0000;
  outline: none;
  width: auto;
  height: auto;
  margin: 0;
}

div.timetable table.time_detail .input-wrap button + button {
  margin-left: 5px;
}

div.timetable table.time_detail .btn_cont {
  flex: none;
  margin-left: 20px;
}

div.timetable table.time_detail .list_cont + .list_cont {
  margin-top: 10px;
}

div.timetable table.time_detail td > div + div, div.timetable table.time_detail .input-wrap + .input-wrap {
  border-top: 1px solid #eee;
  margin-top: 1rem;
  padding-top: 1rem;
}

div.timetable table.time_detail .input-wrap input::placeholder {
  color: #bbb;
}

div.timetable table.time_detail .input-wrap.meal b {
  flex: none;
}

div.timetable table.time_detail .input-wrap.meal .input-row + .input-row, div.timetable table.time_detail .input-wrap.meal .input-row > * + * {
  margin-top: 0;
}

form#search .listTable01 tr td:first-child {
  background: #fafafa;
  border-right: 1px solid #ddd;
  font-size: 14px;
  font-weight: 800;
}

form#search .listTable01 td {
  padding: 10px;
  font-size: 12px;
  border: 1px solid #ddd !important;
}

form#search .listTable01 .contact_btn_box {
  background: 0;
  margin: 0;
  padding: 0;
}

form#search .listTable01 .contact_btn_box > div {
  float: left;
  margin-left: 4px;
  padding: 0;
}

form#search .listTable01 .contact_btn_box .contact_btn:first-child {
  margin-left: 0;
}

form#search .contact_btn_box .contact_btn {
  color: #555;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  outline: none;
  width: 60px;
  margin-right: 10px;
  font-size: 13px;
  display: inline-block;
}

form#search .contact_btn_box:after {
  content: "";
  clear: both;
  display: block;
}

form#search .contact_btn_box input[type="text"] {
  float: left;
  box-sizing: border-box;
  background-color: #fff;
  width: 116px;
  margin: 0 5px;
  padding: 0 10px;
}

form#search .contact_btn_box span {
  float: left;
  line-height: 30px;
}

form#search .listTable01 input[type="text"] {
  border-radius: 0;
}

form#search .ui-datepicker-trigger {
  display: none;
}

.com_form {
  background-color: #f6f6f6;
  padding: 18px 20px;
}

.cmt_area {
  box-sizing: border-box;
  width: 100%;
  padding: 50px 16px;
}

table.comment tr {
  border-bottom: 1px solid #dbdbdb;
}

table.comment tr.reported td * {
  opacity: .5;
}

table.comment tr td select, table.comment tr.reported td select {
  opacity: 1;
  margin: 0 0 10px;
}

table.comment tr.reported .report_area {
  opacity: 1;
  text-align: center;
  color: #000;
  font-family: Noto Sans CJK KR;
  font-size: 18px;
  line-height: 1.2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

table.comment tr.reported .report_area *, table.comment.review tr.reported td * {
  opacity: 1;
}

table.comment.review tr.reported td:not(:nth-child(11n)) {
  opacity: .4;
  pointer-events: none;
}

.reported .row-overlay {
  opacity: 1;
  text-align: center;
  font-size: 18px;
  line-height: 1.2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-110%, -50%);
  display: block !important;
}

.reported .row-overlay-text {
  border-radius: var(--qc-radius-xs, 4px);
  color: #333;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: bold;
  opacity: 1 !important;
}

table.comment tr td {
  padding: 40px 20px;
}

table.comment tr td:last-child {
  text-align: right;
}

.user_info {
  color: #757575;
  align-items: center;
  gap: 16px;
  font-family: Noto Sans CJK KR;
  font-size: 16px;
  display: flex;
}

.user_info_1 p:nth-child(n+2) {
  margin-top: 4px;
}

.user_info .user-name {
  color: #252525;
  font-size: 18px;
}

.user_avatar {
  border-radius: var(--qc-radius-section, 24px);
  background-color: #757575;
  border: 1px solid #dbdbdb;
  width: 62px;
  height: 62px;
}

.cmt_input {
  resize: none;
  border-radius: var(--qc-radius-xs, 4px);
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  outline: none;
  width: 100%;
  height: 82px;
  margin: 0 10px 0 0;
  padding: 10px;
  font-size: 14px;
}

.com_form {
  margin-bottom: 20px;
}

.comment .user {
  padding-bottom: 12px;
}

.comment .user:nth-child(n+2) {
  border-top: 1px solid #dbdbdb;
  padding-top: 12px;
}

.comment_btn {
  color: #fff;
  background-color: #424b5a;
  font-family: Noto Sans CJK KR;
  font-size: 18px;
  border-radius: var(--qc-radius-xs, 4px) !important;
  border: 1px solid #dbdbdb !important;
  padding-inline: 30px !important;
  font-size: 14px !important;
}

.comment_btn:hover, .comment_btn:focus {
  color: #fff !important;
}

.user-comment {
  color: #757575;
  font-family: Noto Sans CJK KR;
  font-size: 16px;
  line-height: 1.375;
}

.cmt_date {
  color: #757575;
  margin-top: 33px;
  font-family: Noto Sans CJK KR;
  font-size: 16px;
  line-height: 1.375;
}

.user-content {
  margin-top: 10px;
  font-size: 14px;
}

.user-title {
  padding-right: 10px;
  position: relative;
}

.user-title:after {
  content: "";
  background-color: #aaa;
  width: 1px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.user-date {
  padding-left: 10px;
}

.user-operation button {
  border-radius: var(--qc-radius-xs, 4px);
  color: #fff;
  background-color: #ff0000bf;
  border: 1px solid #dbdbdb;
  margin-left: 5px;
  padding: 5px 10px;
  font-size: 15px;
}

#list_location li {
  cursor: pointer;
  padding: 10px 20px;
  font-size: 16px;
  list-style: none;
}

#list_location li:hover {
  color: #fff;
  background-color: #7499b2;
}

.settlement_wrap h4 {
  font-size: 18px;
}

.table_accounts {
  box-sizing: border-box;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.table_accounts dl {
  box-sizing: border-box;
  border: 1px solid #dae4fb;
  flex: 1;
}

.table_accounts dt {
  text-align: right;
  color: #21212d;
  box-sizing: border-box;
  background: #f1f1f6;
  padding: 10px;
  font-weight: 600;
}

.table_accounts dd {
  text-align: right;
  box-sizing: border-box;
  color: #000;
  background: #fff;
  padding: 10px;
  font-size: 13px;
  font-weight: 700;
}

.table_accounts.new {
  gap: 0;
}

.table_accounts.new dl {
  border: 1px dashed #c6bebe;
  border-left: unset;
  justify-content: space-between;
  align-items: center;
  padding: 0 5px;
  display: flex;
}

.table_accounts.new dl i {
  border-radius: var(--qc-radius-card, 16px);
  background: center no-repeat;
  width: 38px;
  height: 38px;
  margin-right: 10px;
  display: block;
}

.table_accounts.new dl i.img01 {
  background-color: #699ff7;
  background-image: url("/images/admin/money.png");
}

.table_accounts.new dl i.img02 {
  background-color: #ffa001;
  background-image: url("/images/admin/building01.png");
}

.table_accounts.new dl i.img03 {
  background-color: #ff6761;
  background-image: url("/images/admin/building02.png");
}

.table_accounts.new dl i.img04 {
  background-color: #49c49d;
  background-image: url("/images/admin/building03.png");
}

.table_accounts.new dl i.img05 {
  background-color: #bcbecb;
  background-image: url("/images/admin/building04.png");
}

.table_accounts.new dt {
  background: unset;
  border: unset;
  align-items: center;
  gap: 5px;
  display: flex;
}

.t_green {
  color: #01c73c !important;
}

.t_orange {
  color: #f60 !important;
}

.t_sky {
  color: #09f !important;
}

.popup_ {
  z-index: 9999;
  background-color: #0003;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup_.show_ {
  display: flex;
}

.popup_area_ {
  background-color: #fff;
  width: 100%;
  max-width: 800px;
  height: auto;
  max-height: 60vh;
  padding: 10px 40px 30px;
  font-size: 14px;
  overflow: auto;
}

.popup_area_xl_ {
  max-width: 60vw;
}

.popup_top_ {
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
}

.popup_content_ {
  margin-top: 20px;
}

.popup_bottom_ {
  border-top: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
  margin-top: 10px;
  padding-top: 20px;
  display: flex;
}

.popup_bottom_ button {
  border: 1px solid #ccc;
  width: 100px;
  height: 40px;
  display: inline-block;
}

.management_info {
  border-radius: var(--qc-radius-control, 8px);
  background: #fff;
  align-items: center;
  margin-bottom: 20px;
  padding: 0 30px;
  display: flex;
}

.management_info .ico_ttl {
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.management_info .ico_ttl i {
  border-radius: var(--qc-radius-xs, 4px);
  background: #3a82f8 url("/images/admin/building05.png") center no-repeat;
  width: 38px;
  height: 38px;
  margin-right: 8px;
  display: block;
}

.management_info ul {
  align-items: center;
  margin-left: 60px;
  display: flex;
}

.management_info ul .link_go {
  color: #454545;
}

.management_info ul .link_go span {
  color: #4280ff;
  margin-left: 12px;
  font-size: 16px;
  font-weight: 700;
}

.management_info ul li + li {
  margin-left: 60px;
}

.file_input_wrap .onum_img {
  text-align: center;
  margin-top: 10px;
}

:root {
  --hd-primary: #1a1a2e;
  --hd-accent: #7236ff;
  --hd-accent-hover: #1badff;
  --hd-white: #fff;
  --hd-gray-50: #f8f9fa;
  --hd-gray-100: #f1f3f5;
  --hd-gray-200: #e9ecef;
  --hd-gray-300: #dee2e6;
  --hd-gray-400: #ced4da;
  --hd-gray-500: #adb5bd;
  --hd-gray-600: #5f666d;
  --hd-gray-700: #495057;
  --hd-gray-800: #343a40;
  --hd-gray-900: #212529;
  --hd-shadow: 0 2px 20px #0000000f;
  --hd-shadow-lg: 0 8px 30px #0000001f;
  --hd-radius: var(--qc-radius-card, 16px);
  --hd-transition: all .3s cubic-bezier(.4, 0, .2, 1);
  --hd-font: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --hd-max-width: 1280px;
  --hd-height: 72px;
  --hd-nav-height: 52px;
}

.sr-only {
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  font-size: 14px !important;
  position: absolute !important;
  overflow: hidden !important;
}

.trenvl-header {
  z-index: 1000;
  background: var(--hd-white);
  font-family: var(--hd-font);
  border-bottom: 1px solid var(--hd-gray-100);
  position: sticky;
  top: 0;
}

.trenvl-header * {
  box-sizing: border-box;
}

.trenvl-hd-top {
  height: var(--hd-height);
  max-width: var(--hd-max-width);
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
}

.trenvl-hd-logo {
  flex-shrink: 0;
  align-items: center;
  min-width: 165px;
  height: 36px;
  display: flex;
}

.trenvl-hd-logo img {
  width: auto;
  min-width: 1px;
  height: 36px;
  display: block;
}

.trenvl-hd-logo:hover img {
  opacity: .8;
  transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
}

.trenvl-hd-search {
  flex: 1;
  max-width: 400px;
  margin: 0 32px;
  position: relative;
}

.trenvl-hd-search-inner {
  background: var(--hd-gray-50);
  border-radius: var(--qc-radius-pill, 999px);
  height: 44px;
  transition: var(--hd-transition);
  border: 2px solid #0000;
  align-items: center;
  padding: 0 6px 0 20px;
  display: flex;
}

.trenvl-hd-search-inner:focus-within {
  border-color: var(--hd-accent);
  background: var(--hd-white);
  box-shadow: 0 0 0 4px #e9456014;
}

.trenvl-hd-search-inner input, .trenvl-hd-search-inner input.search-input-ps, #search-input-pc {
  color: var(--hd-gray-800);
  font-size: 14px;
  font-family: var(--hd-font);
  flex: 1;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 8px !important;
}

.trenvl-hd-search-inner input::placeholder, .trenvl-hd-search-inner input.search-input-ps::placeholder, #search-input-pc::placeholder {
  color: var(--hd-gray-400);
}

.trenvl-hd-search-btn {
  cursor: pointer;
  width: 34px;
  height: 34px;
  transition: var(--hd-transition);
  background: #6d6d6d;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.trenvl-hd-search-btn:hover {
  background: var(--hd-accent-hover);
  transform: scale(1.05);
}

.trenvl-hd-search-btn svg {
  width: 16px;
  height: 16px;
  color: var(--hd-white);
}

.trenvl-hd-actions {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

.trenvl-hd-action {
  border-radius: var(--qc-radius-pill, 999px);
  color: var(--hd-gray-700);
  transition: var(--hd-transition);
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.trenvl-hd-action:hover {
  background: var(--hd-gray-50);
  color: var(--hd-gray-900);
}

.trenvl-hd-action svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.trenvl-hd-action .badge {
  background: var(--hd-accent);
  color: var(--hd-white);
  border-radius: var(--qc-radius-control, 8px);
  text-align: center;
  min-width: 18px;
  padding: 1px 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.trenvl-hd-action.accent {
  color: #495057;
  background: #eee;
}

.trenvl-hd-action.accent:hover {
  background: var(--hd-accent-hover);
  color: var(--hd-white);
}

.trenvl-hd-welcome {
  color: var(--hd-gray-600);
  padding: 0 8px;
  font-size: 13px;
}

.trenvl-hd-welcome span {
  color: var(--hd-accent);
  font-weight: 600;
}

.trenvl-hd-lang {
  position: relative;
}

.trenvl-hd-lang select {
  -webkit-appearance: none;
  appearance: none;
  background: var(--hd-gray-50);
  border: 1px solid var(--hd-gray-200);
  border-radius: var(--qc-radius-control, 8px);
  color: var(--hd-gray-700);
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  font-family: var(--hd-font);
  transition: var(--hd-transition);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23868e96' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: right 8px center;
  background-repeat: no-repeat;
  outline: none;
  height: auto;
  padding: 6px 28px 6px 10px;
}

.trenvl-hd-lang select:hover {
  border-color: var(--hd-gray-300);
}

.trenvl-hd-lang select:focus {
  border-color: var(--hd-accent);
}

.trenvl-hd-nav {
  background: var(--hd-white);
}

.trenvl-hd-nav-inner {
  max-width: var(--hd-max-width);
  height: var(--hd-nav-height);
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
}

.trenvl-hd-menu {
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
}

.trenvl-hd-menu > li {
  position: relative;
}

.trenvl-hd-menu > li > a {
  color: var(--hd-gray-700);
  transition: var(--hd-transition);
  white-space: nowrap;
  align-items: center;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  position: relative;
}

.trenvl-hd-menu > li > a:after {
  content: "";
  background: var(--hd-accent);
  height: 2px;
  transition: var(--hd-transition);
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  transform: scaleX(0);
}

.trenvl-hd-menu > li > a:hover, .trenvl-hd-menu > li > a.on {
  color: var(--hd-accent);
}

.trenvl-hd-menu > li > a:hover:after, .trenvl-hd-menu > li > a.on:after {
  transform: scaleX(1);
}

.trenvl-hd-menu .sub_nav_menu, .trenvl-hd-menu .trenvl-hd-dropdown {
  background: var(--hd-white);
  border-radius: var(--hd-radius);
  box-shadow: var(--hd-shadow-lg);
  z-index: 1000;
  border: 1px solid var(--hd-gray-200);
  flex-wrap: wrap;
  gap: 0;
  min-width: 400px;
  padding: 16px 20px;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}

.trenvl-hd-menu > li:hover > .sub_nav_menu, .trenvl-hd-menu > li:hover > .trenvl-hd-dropdown {
  display: flex;
}

.trenvl-hd-menu .sub_nav_menu:before, .trenvl-hd-menu .trenvl-hd-dropdown:before {
  content: "";
  background: none;
  width: 100%;
  height: 10px;
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
}

.trenvl-hd-menu .sub_nav_menu a.sub_item, .trenvl-hd-menu .trenvl-hd-dropdown a {
  width: 48%;
  color: var(--hd-gray-700);
  border-bottom: 1px solid var(--hd-gray-100);
  transition: var(--hd-transition);
  box-sizing: border-box;
  border-radius: 0;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.trenvl-hd-menu .sub_nav_menu a.sub_item:hover, .trenvl-hd-menu .trenvl-hd-dropdown a:hover {
  background: var(--hd-gray-50);
  color: var(--hd-accent);
}

.trenvl-hd-menu .sub_nav_menu a.sub_item p {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
}

.trenvl-hd-menu > li.new > .sub_nav_menu a.sub_item, .trenvl-hd-menu > li.new > .trenvl-hd-dropdown a {
  width: 100%;
}

.trenvl-hd-nav-right {
  align-items: center;
  gap: 4px;
  display: flex;
}

.trenvl-hd-nav-link {
  color: var(--hd-gray-600);
  border-radius: var(--qc-radius-control, 8px);
  transition: var(--hd-transition);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  position: relative;
}

.trenvl-hd-nav-link:hover {
  background: var(--hd-gray-50);
  color: var(--hd-gray-900);
}

.trenvl-hd-nav-link svg {
  width: 18px;
  height: 18px;
}

.trenvl-hd-nav-link .cart-badge {
  background: var(--hd-accent);
  color: var(--hd-white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 2px;
  right: 4px;
}

.trenvl-hd-partner {
  background: var(--hd-primary);
  border-radius: var(--qc-radius-control, 8px);
  color: var(--hd-white) !important;
  padding: 8px 16px !important;
}

.trenvl-hd-partner:hover {
  background: var(--hd-gray-800) !important;
  color: var(--hd-white) !important;
}

.trenvl-header-mo {
  z-index: 1000;
  background: var(--hd-white);
  font-family: var(--hd-font);
  box-shadow: var(--hd-shadow);
  position: sticky;
  top: 0;
}

.trenvl-header-mo * {
  box-sizing: border-box;
}

.trenvl-hd-mo-top {
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.trenvl-hd-mo-top .header__mobile-toggle {
  justify-content: center;
  align-items: center;
  min-width: 36px;
  min-height: 36px;
  display: inline-flex;
}

.trenvl-hd-mo-logo {
  align-items: center;
  min-width: 90px;
  min-height: 36px;
  display: inline-flex;
}

.trenvl-hd-mo-logo img {
  width: auto;
  min-width: 1px;
  height: 28px;
  display: block;
}

.trenvl-hd-mo-lang select#mo-lang-select {
  border-radius: var(--qc-radius-control, 8px);
  border: 1px solid var(--hd-gray-300, #e2e8f0);
  cursor: pointer;
  background-color: #fff;
  height: 36px;
  min-height: 36px;
  padding: 0 8px;
  font-size: 13px;
}

.trenvl-hd-mo-actions {
  align-items: center;
  gap: 4px;
  display: flex;
}

.trenvl-hd-mo-btn {
  border-radius: var(--qc-radius-control, 8px);
  cursor: pointer;
  width: 40px;
  height: 40px;
  transition: var(--hd-transition);
  color: var(--hd-gray-700);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.trenvl-hd-mo-btn:hover {
  background: var(--hd-gray-50);
}

.trenvl-hd-mo-btn svg {
  width: 22px;
  height: 22px;
}

.trenvl-hd-mo-btn .mo-badge {
  background: var(--hd-accent);
  color: var(--hd-white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 9px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
}

.trenvl-hd-mo-lang select {
  -webkit-appearance: none;
  appearance: none;
  background: var(--hd-gray-50);
  border: 1px solid var(--hd-gray-200);
  border-radius: var(--qc-radius-xs, 4px);
  color: var(--hd-gray-700);
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  font-family: var(--hd-font);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23868e96' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: right 6px center;
  background-repeat: no-repeat;
  outline: none;
  padding: 6px 24px 6px 8px;
}

.trenvl-search-popup {
  z-index: 2000;
  -webkit-backdrop-filter: blur(4px);
  background: #00000080;
  display: none;
  position: fixed;
  inset: 0;
}

.trenvl-search-popup.active {
  justify-content: center;
  align-items: flex-start;
  padding-top: 80px;
  display: flex;
}

.trenvl-search-popup-inner {
  background: var(--hd-white);
  border-radius: var(--qc-radius-section, 24px);
  width: 90%;
  max-width: 600px;
  box-shadow: var(--hd-shadow-lg);
  padding: 24px;
  animation: .3s searchPopupIn;
}

@keyframes searchPopupIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.trenvl-search-popup-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.trenvl-search-popup-header h3 {
  color: var(--hd-gray-900);
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

.trenvl-search-popup-close {
  background: var(--hd-gray-100);
  cursor: pointer;
  width: 36px;
  height: 36px;
  transition: var(--hd-transition);
  color: var(--hd-gray-600);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.trenvl-search-popup-close:hover {
  background: var(--hd-gray-200);
}

.trenvl-search-popup-close svg {
  width: 18px;
  height: 18px;
}

.trenvl-search-popup-input {
  background: var(--hd-gray-50);
  border: 2px solid var(--hd-gray-200);
  border-radius: var(--qc-radius-card, 16px);
  height: 52px;
  transition: var(--hd-transition);
  align-items: center;
  padding: 0 8px 0 16px;
  display: flex;
  position: relative;
}

.trenvl-search-popup-input:focus-within {
  border-color: var(--hd-accent);
  background: var(--hd-white);
}

.trenvl-search-popup-input input, .trenvl-search-popup-input input.search-input-m, #search-input-mo {
  color: var(--hd-gray-800);
  font-size: 15px;
  font-family: var(--hd-font);
  flex: 1;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 8px !important;
}

.trenvl-search-popup-input input::placeholder, .trenvl-search-popup-input input.search-input-m::placeholder, #search-input-mo::placeholder {
  color: var(--hd-gray-400);
}

.trenvl-search-popup-input .sp-search-btn {
  border-radius: var(--qc-radius-control, 8px);
  background: var(--hd-accent);
  cursor: pointer;
  width: 38px;
  height: 38px;
  transition: var(--hd-transition);
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.trenvl-search-popup-input .sp-search-btn:hover {
  background: var(--hd-accent-hover);
}

.trenvl-search-popup-input .sp-search-btn svg {
  width: 18px;
  height: 18px;
  color: var(--hd-white);
}

.trenvl-search-suggest {
  max-height: 300px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display: none;
  overflow-y: auto;
}

.trenvl-search-suggest li a {
  color: var(--hd-gray-700);
  border-radius: var(--qc-radius-control, 8px);
  transition: var(--hd-transition);
  padding: 12px 16px;
  font-size: 14px;
  text-decoration: none;
  display: block;
}

.trenvl-search-suggest li a:hover {
  background: var(--hd-gray-50);
  color: var(--hd-accent);
}

.trenvl-bottom-nav {
  z-index: 9999;
  background: var(--hd-white);
  padding: 6px 0;
  padding-bottom: env(safe-area-inset-bottom, 0);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -2px 20px #0000000f;
}

.trenvl-bottom-nav-inner {
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  display: flex;
}

.trenvl-bn-item {
  cursor: pointer;
  min-width: 36px;
  min-height: 40px;
  transition: var(--hd-transition);
  font-family: var(--hd-font);
  background: none;
  border: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 4px 6px;
  text-decoration: none;
  display: flex;
}

.trenvl-bn-item svg {
  width: 22px;
  height: 22px;
  color: var(--hd-gray-500);
  transition: var(--hd-transition);
}

.trenvl-bn-item span {
  color: var(--hd-gray-500);
  transition: var(--hd-transition);
  font-size: 12px;
  font-weight: 600;
}

.trenvl-bn-item:hover svg, .trenvl-bn-item.on svg, .trenvl-bn-item:hover span, .trenvl-bn-item.on span {
  color: var(--hd-accent);
}

.trenvl-mobile-menu {
  z-index: 2000;
  background: var(--hd-white);
  -webkit-overflow-scrolling: touch;
  display: none;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.trenvl-mobile-menu.active {
  animation: .3s mobileMenuIn;
  display: block;
}

@keyframes mobileMenuIn {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

.trenvl-mm-header {
  background: var(--hd-primary);
  color: var(--hd-white);
  padding: 24px 20px;
}

.trenvl-mm-header-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.trenvl-mm-close {
  cursor: pointer;
  width: 36px;
  height: 36px;
  color: var(--hd-white);
  transition: var(--hd-transition);
  background: #ffffff26;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.trenvl-mm-close:hover {
  background: #ffffff40;
}

.trenvl-mm-close svg {
  width: 20px;
  height: 20px;
}

.trenvl-mm-alarm {
  color: var(--hd-white);
  align-items: center;
  gap: 6px;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.trenvl-mm-alarm .alarm-badge {
  background: var(--hd-accent);
  border-radius: var(--qc-radius-control, 8px);
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 700;
}

.trenvl-mm-user {
  margin-bottom: 20px;
}

.trenvl-mm-user p {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 700;
}

.trenvl-mm-user a {
  color: #ffffffb3;
  font-size: 13px;
  text-decoration: none;
}

.trenvl-mm-shortcuts {
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  display: grid;
}

.trenvl-mm-shortcut {
  border-radius: var(--qc-radius-card, 16px);
  color: var(--hd-white);
  transition: var(--hd-transition);
  background: #ffffff1a;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 8px;
  text-decoration: none;
  display: flex;
}

.trenvl-mm-shortcut:hover {
  background: #ffffff2e;
}

.trenvl-mm-shortcut svg {
  width: 24px;
  height: 24px;
}

.trenvl-mm-shortcut span {
  text-align: center;
  font-size: 11px;
  font-weight: 500;
}

.trenvl-mm-category-title {
  color: var(--hd-gray-500);
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 20px 20px 10px;
  font-size: 12px;
  font-weight: 700;
}

.trenvl-mm-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.trenvl-mm-list > li {
  border-bottom: 1px solid var(--hd-gray-100);
}

.trenvl-mm-list > li > a, .trenvl-mm-list > li > .trenvl-mm-item-toggle {
  color: var(--hd-gray-800);
  transition: var(--hd-transition);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.trenvl-mm-list > li > a:hover, .trenvl-mm-list > li > .trenvl-mm-item-toggle:hover {
  color: var(--hd-accent);
  background: var(--hd-gray-50);
}

.trenvl-mm-sub {
  padding: 0 20px 12px;
  display: none;
}

.trenvl-mm-sub a {
  color: var(--hd-gray-600);
  border-radius: var(--qc-radius-control, 8px);
  transition: var(--hd-transition);
  padding: 10px 16px;
  font-size: 13px;
  text-decoration: none;
  display: block;
}

.trenvl-mm-sub a:hover {
  background: var(--hd-gray-50);
  color: var(--hd-accent);
}

.trenvl-chat-widget {
  z-index: 9994;
  position: fixed;
  bottom: 80px;
  right: 16px;
}

.trenvl-chat-bubble {
  margin-bottom: 60px;
  position: relative;
}

.trenvl-chat-msg {
  background: var(--hd-white);
  border-radius: var(--qc-radius-card, 16px);
  box-shadow: var(--hd-shadow-lg);
  white-space: nowrap;
  color: var(--hd-gray-700);
  padding: 12px 16px;
  font-size: 11px;
  position: absolute;
  bottom: calc(100% + 8px);
  right: 0;
}

.trenvl-chat-msg em {
  color: var(--hd-accent);
  font-style: normal;
  font-weight: 700;
}

.trenvl-chat-msg .chat-close {
  background: var(--hd-gray-200);
  cursor: pointer;
  width: 20px;
  height: 20px;
  color: var(--hd-gray-600);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: -6px;
  right: -6px;
}

.trenvl-chat-icon {
  cursor: pointer;
  width: 47px;
  height: 47px;
  box-shadow: var(--hd-shadow-lg);
  transition: var(--hd-transition);
  border-radius: 50%;
  overflow: hidden;
}

.trenvl-chat-icon:hover {
  transform: scale(1.05);
}

.trenvl-chat-icon img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.goog-te-banner-frame.skiptranslate, .goog-logo-link, .goog-te-gadget span, iframe.goog-te-banner-frame {
  display: none !important;
}

body {
  top: 0 !important;
}

.skiptranslate iframe, .goog-te-banner {
  display: none !important;
}

@media screen and (width <= 1280px) {
  .trenvl-hd-menu > li > a {
    padding: 14px 10px;
    font-size: 13px;
  }

  .trenvl-hd-menu .sub_nav_menu, .trenvl-hd-menu .trenvl-hd-dropdown {
    min-width: 320px;
  }
}

@media screen and (width <= 1024px) {
  .trenvl-hd-menu > li > a {
    padding: 14px 8px;
    font-size: 12px;
  }

  .trenvl-hd-search {
    max-width: 320px;
    margin: 0 16px;
  }

  .trenvl-hd-actions {
    gap: 2px;
  }

  .trenvl-hd-action {
    padding: 6px 8px;
    font-size: 12px;
  }
}

@media screen and (width <= 850px) {
  .trenvl-chat-widget {
    bottom: 24px;
  }

  .trenvl-bottom-nav {
    display: none;
  }
}

@media screen and (width <= 768px) {
  main {
    padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px));
  }
}

@media screen and (width <= 360px) {
  .trenvl-header, .trenvl-header-mo {
    overflow-x: hidden;
  }

  .trenvl-hd-top {
    padding: 0 12px;
  }
}

@media screen and (width <= 430px) {
  .trenvl-search-popup-inner {
    border-radius: var(--qc-radius-card, 16px) var(--qc-radius-card, 16px) 0 0;
    width: 100% !important;
    max-width: 100% !important;
  }
}

input:disabled, select:disabled, textarea:disabled {
  color: #999 !important;
  cursor: not-allowed !important;
  background-color: #f0f0f0 !important;
  border-color: #ccc !important;
}

.bs-form + .bs-form {
  margin-top: 5rem;
}

.bs-select.big {
  color: #454545;
  flex-shrink: 0;
  width: 100%;
  max-width: 16.25rem;
  height: 4rem;
  padding: 0 2.5rem 0 1.375rem;
  font-size: max(12px, 1.25rem);
}

.bs-select + .bs-select {
  margin-left: 1.25rem;
}

.bs-select {
  padding-right: 2.125rem;
}

.bs-select, .bs-input {
  border-radius: var(--bs-input-rounded);
  border: 1px solid #dbdbdb;
  height: 3.25rem;
  font-size: max(12px, 1rem);
}

.bs-input::placeholder {
  color: #bbb;
}

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

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

.agree_box {
  border-radius: var(--bs-input-rounded);
  border: 1px solid #dbdbdb;
  width: 100%;
  height: 10rem;
  padding: .9375rem;
  font-size: max(12px, 1rem);
  overflow: auto;
}

.btn {
  color: #252525;
  text-align: center;
  border-radius: var(--bs-input-rounded);
  border: 1px solid #dbdbdb;
  width: 100%;
  height: 3.25rem;
  padding: 0 .9375rem;
  font-size: max(12px, 1rem);
  font-weight: 500;
}

a.btn {
  line-height: 3.25rem;
}

.back_btn {
  width: 100%;
  max-width: 420px;
  height: 4.5rem;
  font-size: max(12px, 1.625rem);
  font-family: var(--bs-font-sans-serif);
  text-align: center;
  border: 1px solid #aaa;
  font-weight: 500;
}

.btn.px-1 {
  padding: 0 1.25rem;
}

.btn.btn-lg {
  border-radius: var(--bs-input-rounded-lg);
  height: 60px;
  font-size: 18px;
}

a.btn.btn-lg {
  line-height: 60px;
}

.rounded-none {
  border-radius: 0;
}

.rounded-1 {
  border-radius: var(--qc-radius-xs, 4px);
}

.rounded-2 {
  border-radius: var(--qc-radius-control, 8px);
}

.font-bold {
  font-weight: 400 !important;
}

.btn-round-point {
  background-color: var(--bs-point2);
  color: #fff;
  text-align: center;
  border-radius: var(--qc-radius-pill, 999px);
  max-width: 31.875rem;
  height: 5.625rem;
  font-size: max(12px, 1.875rem);
  font-weight: 500;
  box-shadow: 0 1.5rem 2.5rem #101b5840;
}

.btn.arrow_w {
  text-align: left;
  background-image: url("../images/ico/btn_arrow_w.png");
  background-position: right 1.25rem center;
  background-repeat: no-repeat;
  padding-right: 2.5rem;
}

#ad_pop .btn {
  align-items: center;
  margin-top: 1.25rem;
  display: flex;
  overflow: hidden;
}

#ad_pop .btn img {
  transform: translateY(1.25rem);
}

.input-group + .input-group {
  margin-top: 3.75rem;
}

.input-group + .btn-wrap {
  margin-top: 2.5rem;
}

.input-group-name {
  gap: 10px;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  display: flex;
}

.input-group-name .input-wrap {
  width: 50%;
}

.input-wrap + .input-wrap {
  margin-top: 1.875rem;
}

.input-group-name .input-wrap + .input-wrap {
  margin-top: 0;
}

.input-row + .input-row {
  margin-top: 10px;
}

.input-row > * + * {
  margin-top: .625rem;
}

.input-row {
  font-size: max(12px, 1rem);
}

.input-row .btn {
  justify-content: center;
  align-items: center;
  font-size: max(12px, 1rem);
  font-weight: 500;
  display: flex;
}

.input-row .search_box {
  align-items: center;
  display: flex;
}

.input-row .address_input {
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  display: flex;
}

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

.file_wrap .up_btn {
  text-align: center;
  cursor: pointer;
  line-height: 3.75rem;
}

.button-row {
  display: flex;
}

.button-row .bs-input {
  width: calc(100% - 10rem);
}

.cling-btn {
  flex-shrink: 0;
  width: 9.375rem;
  margin-left: .625rem;
}

.input-wrap > label {
  margin-bottom: .625rem;
  font-size: max(12px, 1.125rem);
  line-height: 1;
}

.input-wrap > label .text-gray2 {
  vertical-align: baseline;
  font-size: max(12px, 1rem);
  display: inline-block;
}

.radio-input-wrap > label {
  margin-bottom: 1.875rem;
}

.tel_row, .email_row {
  align-items: center;
  width: 100%;
  display: flex;
}

.tel_row .bs-select, .tel_row .bs-input, .email_row .bs-select, .email_row .bs-input {
  width: calc(33.333% - 13.333px);
}

.login_box .tel_row .bs-select {
  margin-right: 5px;
}

.email_row.spe .bs-input {
  width: calc(50% - 13.333px);
}

.email_row .bs-select {
  margin-left: 10px;
}

.tel_row span, .email_row span {
  text-align: center;
  flex-shrink: 0;
  width: 20px;
  display: inline-block;
}

.email_row span {
  width: 30px;
}

.bs-textarea {
  resize: none;
  box-sizing: border-box;
  width: 100%;
  padding-top: 10px;
  font-size: max(12px, 1rem);
  overflow: auto;
}

.chk_square input[type="checkbox"] {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.chk_square input[type="checkbox"]:checked + label {
  border-color: var(--bs-point);
  color: var(--bs-point);
  background-color: var(--bs-point-lighten);
}

.chk_square input[type="checkbox"]:checked + label:before {
  background-color: var(--bs-point);
  border-color: var(--bs-point);
}

.chk_square input[type="checkbox"]:checked + label .checkbox-icon, .chk_square input[type="checkbox"]:checked + label .checkbox-label {
  color: var(--bs-point);
}

.chk_square input[type="checkbox"]:focus + label {
  border-color: var(--bs-point);
}

.chk_square label {
  border-radius: var(--qc-radius-control, 8px);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eee;
  flex-direction: column;
  justify-content: end;
  width: 100%;
  min-height: 6.25rem;
  padding: 1.5rem 1.25rem;
  font-weight: 500;
  transition: all .15s;
  display: flex;
  position: relative;
}

.chk_square label:before {
  content: "";
  background: #fff url("../images/ico/chk_ico.png") 50% no-repeat;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  width: 1.625rem;
  height: 1.625rem;
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
}

[class^="chk_"] input[type="radio"], [class^="chk_"] input[type="checkbox"] {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

[class^="chk_"] input[type="radio"]:checked + label, [class^="chk_"] input[type="checkbox"]:checked + label {
  border-color: var(--bs-point);
  color: var(--bs-point);
  background-color: var(--bs-point-lighten);
}

[class^="chk_"] input[type="radio"]:checked + label:before, [class^="chk_"] input[type="checkbox"]:checked + label:before {
  background-color: var(--bs-point);
  border-color: var(--bs-point);
}

[class^="chk_"] input[type="radio"]:checked + label .checkbox-icon, [class^="chk_"] input[type="checkbox"]:checked + label .checkbox-icon, [class^="chk_"] input[type="radio"]:checked + label .checkbox-label, [class^="chk_"] input[type="checkbox"]:checked + label .checkbox-label {
  color: var(--bs-point);
}

[class^="chk_"] input[type="radio"]:focus + label, [class^="chk_"] input[type="checkbox"]:focus + label {
  border-color: var(--bs-point);
}

[class^="chk_"] label {
  border-radius: var(--qc-radius-control, 8px);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eee;
  width: 100%;
  padding: 1.5rem 1.25rem;
  font-size: max(12px, 1.25rem);
  font-weight: 500;
  transition: all .15s;
  position: relative;
}

[class^="chk_"] label:before {
  content: "";
  background: #fff url("../images/ico/chk_ico.png") 50% no-repeat;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  width: 1.625rem;
  height: 1.625rem;
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
}

.chk_square label {
  flex-direction: column;
  justify-content: end;
  min-height: 6.25rem;
  display: flex;
}

.chk_row label {
  min-height: 70px;
}

.chk_row label:before {
  top: calc(50% - 13px);
  right: 1.25rem;
}

.checkbox-wrapper label {
  cursor: pointer;
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #dbdbdb;
  width: 42px;
  height: 42px;
  display: block;
  position: relative;
}

.checkbox-wrapper[data-bs-text="none"] label {
  margin: 0 auto;
}

.checkbox-wrapper label:after {
  content: "";
  opacity: 0;
  border-top: none;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: none;
  width: 71.428%;
  height: 38.09%;
  position: absolute;
  top: 21.285%;
  left: 11.523%;
  transform: rotate(-45deg);
}

.checkbox-wrapper input[type="checkbox"] {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.checkbox-wrapper input[type="checkbox"]:checked + label {
  background-color: var(--bs-point);
  border-color: var(--bs-point);
}

.checkbox-wrapper input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.ico_chk_box input[type="checkbox"] {
  display: none;
}

.ico_chk_box input[type="checkbox"] + label {
  color: inherit;
  font-size: inherit;
  padding-left: -webkit-calc(30px + 18px);
  padding-left: -moz-calc(30px + 18px);
  vertical-align: middle;
  cursor: pointer;
  padding-left: 48px;
  line-height: 30px;
  display: inline-block;
  position: relative;
}

.ico_chk_box input[type="checkbox"] + label:after {
  content: "";
  background: url("../images/ico/chk_ico.png") center / cover no-repeat;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.ico_chk_box input[type="checkbox"]:checked + label:after {
  background-image: url("../images/ico/chk_ico_on.png");
}

.chk_box input[type="checkbox"] {
  display: none;
}

.chk_box input[type="checkbox"] + label {
  padding-left: -webkit-calc(1.25rem + .625rem);
  padding-left: -moz-calc(1.25rem + .625rem);
  vertical-align: middle;
  cursor: pointer;
  padding-left: 1.875rem;
  line-height: 1.25rem;
  display: inline-block;
  position: relative;
}

.chk_box input[type="checkbox"] + label:after {
  content: "";
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #dbdbdb;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.chk_box input[type="checkbox"]:checked + label:after {
  background-image: url("../images/ico/chk_ico.png");
}

.radiobox_wrap > div {
  display: inline-block;
}

.radiobox_wrap > div + div {
  margin-left: 120px;
}

.bs-input-check input[type="radio"], .bs-input-check input[type="checkbox"] {
  display: none;
}

.bs-input-check input[type="radio"] + label, .bs-input-check input[type="checkbox"] + label {
  color: inherit;
  font-size: inherit;
  padding-left: -webkit-calc(var(--bs-chk-w) + 10px);
  padding-left: -moz-calc(var(--bs-chk-w) + 10px);
  padding-left: calc(var(--bs-chk-w) + 10px);
  line-height: var(--bs-chk-w);
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.bs-input-check input[type="radio"] + label:after, .bs-input-check input[type="checkbox"] + label:after {
  content: "";
  border: 1px solid var(--bs-gray-200);
  width: var(--bs-chk-w);
  height: var(--bs-chk-w);
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.bs-input-check input[type="radio"] + label:before, .bs-input-check input[type="checkbox"] + label:before {
  content: "";
  border-radius: var(--qc-radius-xs, 4px);
  opacity: 0;
  z-index: 10;
  border: 4px solid #0000;
  border-top: none;
  border-left: none;
  width: 10px;
  height: 15px;
  position: absolute;
  top: calc(50% - 4px);
  left: 1px;
  transform: rotate(45deg) translateY(-50%);
}

.bs-input-check input[type="radio"]:checked + label:before, .bs-input-check input[type="checkbox"]:checked + label:before {
  opacity: 1;
  border-color: #000;
}

.ch_area input[type="radio"], .ch_area input[type="checkbox"] {
  display: none;
}

.ch_area input[type="radio"] + label, .ch_area input[type="checkbox"] + label {
  color: inherit;
  font-size: inherit;
  padding-left: -webkit-calc(var(--bs-chk-w) + 10px);
  padding-left: -moz-calc(var(--bs-chk-w) + 10px);
  padding-left: calc(var(--bs-chk-w) + 10px);
  line-height: var(--bs-chk-w);
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.ch_area input[type="radio"] + label:after, .ch_area input[type="checkbox"] + label:after {
  content: "";
  border: 1px solid var(--bs-gray-200);
  width: var(--bs-chk-w);
  height: var(--bs-chk-w);
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.ch_area input[type="radio"] + label:before, .ch_area input[type="checkbox"] + label:before {
  content: "";
  border-radius: var(--qc-radius-xs, 4px);
  opacity: 0;
  z-index: 10;
  border: 4px solid #0000;
  border-top: none;
  border-left: none;
  width: 10px;
  height: 15px;
  position: absolute;
  top: calc(50% - 4px);
  left: 1px;
  transform: rotate(45deg) translateY(-50%);
}

.ch_area input[type="radio"]:checked + label:before, .ch_area input[type="checkbox"]:checked + label:before {
  opacity: 1;
  border-color: #000;
}

.ch_visit input[type="radio"], .ch_visit input[type="checkbox"] {
  display: none;
}

.ch_visit input[type="radio"] + label, .ch_visit input[type="checkbox"] + label {
  color: inherit;
  font-size: inherit;
  padding-left: -webkit-calc(var(--bs-chk-w) + 10px);
  padding-left: -moz-calc(var(--bs-chk-w) + 10px);
  padding-left: calc(var(--bs-chk-w) + 10px);
  line-height: var(--bs-chk-w);
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.ch_visit input[type="radio"] + label:after, .ch_visit input[type="checkbox"] + label:after {
  content: "";
  border: 1px solid var(--bs-gray-200);
  width: var(--bs-chk-w);
  height: var(--bs-chk-w);
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.ch_visit input[type="radio"] + label:before, .ch_visit input[type="checkbox"] + label:before {
  content: "";
  border-radius: var(--qc-radius-xs, 4px);
  opacity: 0;
  z-index: 10;
  border: 4px solid #0000;
  border-top: none;
  border-left: none;
  width: 10px;
  height: 15px;
  position: absolute;
  top: calc(50% - 4px);
  left: 1px;
  transform: rotate(45deg) translateY(-50%);
}

.ch_visit input[type="radio"]:checked + label:before, .ch_visit input[type="checkbox"]:checked + label:before {
  opacity: 1;
  border-color: #000;
}

.ch_area.bg input[type="radio"]:checked + label:after, .ch_area.bg input[type="checkbox"]:checked + label:after {
  border: 1px solid var(--bs-point);
  background-color: var(--bs-point);
}

.ch_area.bg input[type="radio"]:checked + label:before, .ch_area.bg input[type="checkbox"]:checked + label:before {
  border-color: #fff;
}

.bs-input-radio input[type="radio"] {
  display: none;
}

.bs-input-radio input[type="radio"] + label {
  vertical-align: middle;
  padding-left: -webkit-calc(var(--bs-rid-w) + .625rem);
  padding-left: -moz-calcalc(var(--bs-rid-w) + .625rem);
  padding-left: calc(var(--bs-rid-w) + .625rem);
  line-height: var(--bs-rid-w);
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.bs-input-radio input[type="radio"] + label:after, .bs-input-radio input[type="radio"] + label:before {
  content: "";
  width: var(--bs-rid-w);
  height: var(--bs-rid-w);
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #dbdbdb;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.bs-input-radio input[type="radio"] + label:after {
  width: var(--bs-rid-w-after);
  height: var(--bs-rid-w-after);
  margin-left: calc((var(--bs-rid-w) - 12px) / 2);
  background-color: #ccc;
  border: none;
}

.bs-input-radio input[type="radio"]:checked + label:after {
  background-color: #252525;
}

.radiobox2 input[type="radio"] {
  display: none;
}

.radiobox2 input[type="radio"] + label {
  padding-left: -webkit-calc(1rem + .625rem);
  padding-left: -moz-calc(1rem + .625rem);
  cursor: pointer;
  padding-left: 1.625rem;
  line-height: 1rem;
  display: inline-block;
  position: relative;
}

.radiobox2 input[type="radio"] + label:after, .radiobox2 input[type="radio"] + label:before {
  content: "";
  border-radius: 100%;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.radiobox2 input[type="radio"] + label:before {
  background-color: #fff;
  border: 1px solid #dbdbdb;
}

.radiobox2 input[type="radio"] + label:after {
  width: .5rem;
  height: .5rem;
  margin-left: .285714rem;
}

.radiobox2 input[type="radio"]:checked + label:before {
  background-color: var(--bs-point);
  border: 1px solid var(--bs-point);
}

.radiobox2 input[type="radio"]:checked + label:after {
  background-color: #fff;
}

label {
  display: inline-block;
}

button {
  font-size: inherit;
  color: inherit;
  cursor: pointer;
  background-color: #0000;
  border: 0;
  border-radius: 0;
  outline: 0;
  padding: 0;
  font-family: inherit;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

button, select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  word-wrap: normal;
  color: #252525;
  text-overflow: ellipsis;
  background: #fff url("/images/ico/select_ico.png") right 20px center no-repeat;
  overflow: hidden !important;
}

select:focus {
  outline: none;
}

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

select:disabled {
  opacity: 1;
}

input, button, select, optgroup, textarea {
  font-size: inherit;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: 0;
  font-family: inherit;
}

input, select, textarea {
  border: 1px solid var(--bs-border-color);
  padding: var(--bs-input-padding);
  height: var(--bs-input-height);
  border-radius: var(--bs-input-rounded);
  box-sizing: border-box;
}

input[type="radio"], input[type="checkbox"] {
  display: none;
}

select, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"] {
  border: 1px solid #dbdbdb;
  width: 100%;
  display: block;
}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"] {
  padding: 0 .9375em;
}

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

@media screen and (width <= 850px) {
  input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"] {
    padding: 0 1.0526rem;
  }

  .bs-form + .bs-form {
    margin-top: 3.421rem;
  }

  .bs-select.big {
    max-width: 100%;
    height: 3.1578rem;
    padding: 0 1.5789rem 0 1.1578rem;
    font-size: max(12px, 1.1578rem);
  }

  .bs-select + .bs-select {
    margin-left: 1.25rem;
  }

  .bs-select {
    padding-right: 1.8421rem;
  }

  .bs-select, .bs-input {
    border-radius: var(--qc-radius-xs, 4px);
    height: 9rem;
    font-size: max(12px, 2.6rem);
  }

  .agree_box {
    border-radius: var(--qc-radius-xs, 4px);
    height: 12.105rem;
    padding: .9375rem;
    font-size: max(12px, 1.0526rem);
  }

  .btn {
    border-radius: var(--qc-radius-xs, 4px);
    width: 100%;
    height: 3.1578rem;
    padding: 0 1.0526rem;
    font-size: max(12px, 1.1578rem);
  }

  .back_btn {
    height: 3.1578rem;
    font-size: max(12px, 1.1578rem);
  }

  .btn.px-1 {
    padding: 0 1.4736rem;
  }

  .btn.btn-lg {
    border-radius: var(--qc-radius-xs, 4px);
    max-width: 100%;
    height: 3.4615rem;
    font-size: max(12px, 1.0769rem);
    line-height: 3.4615rem;
  }

  a.btn.btn-lg {
    max-width: 100%;
    line-height: 8.9999rem;
  }

  .cancel a.btn.btn-lg {
    width: 14.3333rem;
    height: 5rem;
    margin: 0 1.2rem 0 0;
    font-size: max(12px, 2.6667rem);
    line-height: 5rem;
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-1 {
    border-radius: var(--qc-radius-xs, 4px);
  }

  .rounded-2 {
    border-radius: var(--qc-radius-control, 8px);
  }

  .font-bold {
    font-weight: 600 !important;
  }

  .btn-round-point {
    border-radius: var(--qc-radius-section, 24px);
    height: 3.6842rem;
    font-size: max(12px, 1.421rem);
    box-shadow: 0 .6315rem 1.0526rem #101b5840;
  }

  .ch_visit input[type="radio"] + label:before, .ch_visit input[type="checkbox"] + label:before {
    content: "";
    border-radius: var(--qc-radius-xs, 4px);
    opacity: 0;
    z-index: 10;
    border: .538rem solid #0000;
    border-top: none;
    border-left: none;
    width: 1.41rem;
    height: 2.1rem;
    position: absolute;
    top: calc(50% - .692rem);
    left: .2308rem;
    transform: rotate(45deg) translateY(-50%);
  }

  .ch_visit input[type="radio"] + label:after, .ch_visit input[type="checkbox"] + label:after {
    content: "";
    border: .0769rem solid var(--bs-gray-200);
    border-radius: var(--qc-radius-xs, 4px);
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    width: 3.5rem;
    height: 3.5rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .btn.arrow_w {
    background-image: url("../images/ico/mo_btn_arrow_w.png");
    background-position: right 1.3157rem center;
    background-size: 1.4736rem;
    padding-right: 2.6315rem;
  }

  #ad_pop .btn {
    align-items: center;
    margin-top: 1.25rem;
    display: flex;
    overflow: hidden;
  }

  #ad_pop .btn img {
    display: none;
  }

  .input-group + .input-group {
    margin-top: 2.1052rem;
  }

  .input-group + .btn-wrap {
    margin-top: 1.9231rem;
  }

  .input-wrap + .input-wrap {
    margin-top: 2.105rem;
  }

  .input-wrap + .input-wrap.mo-mt-sm {
    margin-top: 1.3157rem;
  }

  .input-row + .input-row {
    margin-top: .7894rem;
  }

  .input-row > * + * {
    margin-top: .625rem;
  }

  .button-row {
    display: block;
  }

  .button-row .bs-input {
    width: 100%;
  }

  .cling-btn {
    flex-shrink: 0;
    width: 100%;
    margin-top: .7143rem;
    margin-left: 0;
  }

  .input-group .btn {
    border-color: #252525;
  }

  .input-wrap > label {
    margin-bottom: 1.3157rem;
    font-size: max(12px, 2.78rem);
  }

  .radio-input-wrap > label {
    margin-bottom: 1.263rem;
  }

  .input-row {
    font-size: max(12px, 2.6rem);
  }

  .input-row select, .input-row input {
    height: 9rem;
    font-size: max(12px, 2.6rem);
  }

  .file_wrap {
    flex-wrap: wrap;
  }

  .file_wrap > * {
    width: 100%;
  }

  .file_wrap .up_btn {
    text-align: center;
    cursor: pointer;
    margin-top: .7894rem;
    margin-left: 0;
    line-height: calc(3.1578rem - 2px);
  }

  .email_row {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .email_row .bs-input {
    width: calc(50% - 1.7368rem);
  }

  .email_row .bs-select {
    width: 100%;
    margin-top: .7894rem;
    margin-left: 0;
  }

  .email_row span {
    width: 1.4736rem;
    margin: 0;
  }

  .chk_square input[type="checkbox"] {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  .chk_square input[type="checkbox"]:checked + label {
    border-color: var(--bs-point);
    color: var(--bs-point);
    background-color: var(--bs-point-lighten);
  }

  .chk_square input[type="checkbox"]:checked + label:before {
    background-color: var(--bs-point);
    border-color: var(--bs-point);
  }

  .chk_square input[type="checkbox"]:checked + label .checkbox-icon, .chk_square input[type="checkbox"]:checked + label .checkbox-label {
    color: var(--bs-point);
  }

  .chk_square input[type="checkbox"]:focus + label {
    border-color: var(--bs-point);
  }

  .chk_square label {
    border-radius: var(--qc-radius-control, 8px);
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #eee;
    flex-direction: column;
    justify-content: end;
    width: 100%;
    min-height: 6.25rem;
    padding: 1.5rem 1.25rem;
    font-weight: 500;
    transition: all .15s;
    display: flex;
    position: relative;
  }

  .chk_square label:before {
    width: 1.625rem;
    height: 1.625rem;
    top: .7894rem;
    right: .7894rem;
  }

  [class^="chk_"] label {
    border-radius: var(--qc-radius-xs, 4px);
    padding: .948rem 1.0526rem;
    font-size: max(12px, 1.1578rem);
  }

  [class^="chk_"] label:before {
    background-image: url("../images/ico/mo_chk_ico.png");
    background-size: cover;
    width: 1.5789rem;
    height: 1.5789rem;
    top: .7894rem;
    right: .7894rem;
  }

  .chk_square label {
    min-height: 5.921rem;
  }

  .chk_row label {
    min-height: 3.1578rem;
  }

  .chk_row label:before {
    top: calc(50% - .78945rem);
    right: 1rem;
  }

  .bs-input-check input[type="checkbox"] + label {
    padding-left: 2.105rem;
    font-size: max(12px, 1rem);
    line-height: 1.5rem;
  }

  .bs-input-check input[type="checkbox"] + label:after {
    border-radius: var(--qc-radius-xs, 4px);
    background-size: .8421rem;
    width: 1.5789rem;
    height: 1.5789rem;
    top: 0;
    transform: translateY(0);
  }

  .bs-input-check input[type="checkbox"] + label:before {
    border-radius: var(--qc-radius-xs, 4px);
    border: .3077rem solid #0000;
    border-top: none;
    border-left: none;
    width: .7692rem;
    height: 1.4231rem;
    position: absolute;
    top: calc(50% - 1.1538rem);
    left: .2308rem;
  }

  .chk_box input[type="checkbox"] + label {
    padding-left: -webkit-calc(1.25rem + .625rem);
    padding-left: -moz-calc(1.25rem + .625rem);
    vertical-align: middle;
    cursor: pointer;
    padding-left: 1.875rem;
    line-height: 1.25rem;
    display: inline-block;
    position: relative;
  }

  .chk_box input[type="checkbox"] + label:after {
    content: "";
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #dbdbdb;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .chk_box input[type="checkbox"]:checked + label:after {
    background-image: url("../images/ico/chk_ico.png");
  }

  .radiobox_wrap > div {
    display: inline-block;
  }

  .radiobox_wrap > div + div {
    margin-left: 120px;
  }

  .bs-input-check input[type="radio"] {
    display: none;
  }

  .bs-input-check input[type="radio"] + label {
    padding-left: -webkit-calc(1.5789rem + .5263rem);
    padding-left: -moz-calcalc(1.5789rem + .5263rem);
    padding-left: 2.1052rem;
    font-size: max(12px, 1.157rem);
    line-height: 1.5789rem;
  }

  .bs-input-check input[type="radio"] + label:after, .bs-input-check input[type="radio"] + label:before {
    width: 1.5789rem;
    height: 1.5789rem;
  }

  .bs-input-check input[type="radio"] + label:after {
    width: .8947rem;
    height: .8947rem;
    margin-left: .3421rem;
  }

  .radiobox2 input[type="radio"] + label {
    padding-left: -webkit-calc(1rem + .625rem);
    padding-left: -moz-calc(1rem + .625rem);
    cursor: pointer;
    padding-left: 1.625rem;
    line-height: 1rem;
    display: inline-block;
    position: relative;
  }

  .radiobox2 input[type="radio"] + label:after, .radiobox2 input[type="radio"] + label:before {
    content: "";
    border-radius: 100%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .radiobox2 input[type="radio"] + label:before {
    background-color: #fff;
    border: 1px solid #dbdbdb;
  }

  .radiobox2 input[type="radio"] + label:after {
    width: .5rem;
    height: .5rem;
    margin-left: .285714rem;
  }

  .radiobox2 input[type="radio"]:checked + label:before {
    background-color: var(--bs-point);
    border: 1px solid var(--bs-point);
  }

  .radiobox2 input[type="radio"]:checked + label:after {
    background-color: #fff;
  }

  .bs-input-radio input[type="radio"] + label:after, .bs-input-radio input[type="radio"] + label:before {
    content: "";
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #dbdbdb;
    border-radius: 100%;
    width: 2.3077rem;
    height: 2.3077rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .bs-input-radio input[type="radio"] + label:after {
    background-color: #ccc;
    border: none;
    width: 1rem;
    height: 1rem;
    margin-left: .65385rem;
  }

  .bs-input-radio input[type="radio"] + label {
    vertical-align: middle;
    padding-left: -webkit-calc(2.3077rem + .625rem);
    padding-left: -moz-calcalc(2.3077rem + .625rem);
    padding-left: 2.9327rem;
    line-height: 2.3077rem;
    display: inline-block;
    position: relative;
  }

  .input-row .btn {
    height: 9rem;
    font-size: max(12px, 2.8rem);
    font-weight: 500;
  }

  .input-row .btn.btn_zip {
    width: 15rem;
    margin-top: 0;
    margin-left: 1rem;
  }

  .input-row .address_input {
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    display: flex;
  }

  .button-row.button-row-mt {
    gap: 1rem;
    display: flex;
  }

  .button-row-mt #certi_num_1 {
    width: 50%;
  }

  .button-row-mt .cling-btn {
    width: 50%;
    margin-top: 0;
  }
}

.main_page_01 .sub_top_visual {
  text-align: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.main_page_01 .main_visual_content_ {
  z-index: 1;
  width: -webkit-calc(100% - 2rem);
  width: -moz-calc(100% - 2rem);
  width: calc(100% - 2rem);
  max-width: 1200px;
  margin: 0 auto;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
}

.main_page_01 .main_visual_content_ .text_title {
  letter-spacing: -1px;
  color: #fff;
  text-shadow: 2px 2px #000;
  font-family: NanumSquare;
  font-size: 32px;
  font-weight: bold;
  line-height: 26px;
}

.main_page_01 .main_visual_content_ .form_element_ {
  border-radius: var(--qc-radius-card, 16px);
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 15px;
  padding: 20px;
  display: flex;
}

.main_page_01 .main_visual_content_ .form_element_ .form_input_ {
  width: 100%;
  max-width: calc(50% - 80px);
  height: auto;
  max-height: 72px;
  position: relative;
}

.main_page_01 .main_visual_content_ .form_element_ input {
  border-radius: var(--qc-radius-xs, 4px);
  letter-spacing: -1px;
  color: #353535;
  border: 1px solid #dbdbdb;
  width: 100%;
  height: 100%;
  padding: 40px 20px 10px;
  font-size: 15px;
  font-weight: bold;
  line-height: 26px;
}

.main_page_01 .main_visual_content_ .form_element_ input::placeholder {
  letter-spacing: -1px;
  color: #353535;
  line-height: 26px;
  font-size: 16px !important;
}

.main_page_01 .main_visual_content_ .form_element_ .form_button_ {
  width: 100%;
  max-width: 120px;
  height: 100%;
  max-height: 72px;
}

.main_page_01 .main_visual_content_ label {
  letter-spacing: -1px;
  color: #999;
  font-size: 14px;
  line-height: 26px;
  position: absolute;
  top: 10px;
  left: 20px;
}

.main_page_01 .main_visual_content_ button {
  border-radius: var(--qc-radius-xs, 4px);
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
  background-color: #17469e;
  width: 108px;
  margin-left: 8px;
  padding: 24px;
  font-size: 18px;
  line-height: 26px;
}

.swiper-pagination-bullet-active {
  background: #17469e;
}

.thailand_hotel_ .sub_section3__head {
  justify-content: start;
  padding-top: 40px;
}

.best_tour_section5_ .swiper-wrapper, .thailand_hotel_ .thailand_hotel_swiper_ .swiper-wrapper {
  flex-flow: wrap;
  align-items: center;
  gap: 20px;
  display: flex;
}

.best_golf_section5_ .swiper-wrapper {
  align-items: normal;
}

.best_golf_section5_ {
  margin-top: 29px;
}

.thailand_hotel_ .thailand_hotel_swiper_ .swiper-wrapper {
  justify-content: start;
  align-items: start;
}

.sub_tour_section6 .custom_pagination_, .thailand_hotel_ .custom_pagination_ {
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.sub_tour_section6 .custom_pagination_ .pagination_show_, .thailand_hotel_.sub_section5_ .custom_pagination_ .s_item_show_, .thailand_hotel_ .custom_pagination_ .pagination_show_ {
  border-radius: var(--qc-radius-section, 24px);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 282px;
  height: 64px;
  display: flex;
}

.thailand_hotel_.sub_section5_ .custom_pagination_ .s_item_show_ p {
  letter-spacing: -1px;
  color: #353535;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
}

.sub_tour_section6 .custom_pagination_ p, .thailand_hotel_ .custom_pagination_ .pagination_show_ p {
  letter-spacing: -1px;
  color: #252525;
  margin: 0 25px 0 10px;
  font-size: 18px;
  line-height: 26px;
}

.sub_tour_section6 .custom_pagination_ .sub_tour_section6_swiper_pagination_, .thailand_hotel_ .custom_pagination_ .thailand_hotel_swiper_pagination_ {
  width: unset;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #aaa;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  display: flex;
}

.sub_tour_section6 .custom_pagination_ .sub_tour_section6_swiper_pagination_ .swiper-pagination-current, .thailand_hotel_ .custom_pagination_ .thailand_hotel_swiper_pagination_ .swiper-pagination-current {
  color: #353535;
}

.best_tour_section5_ .prd_name, .thailand_hotel_ .thailand_hotel_swiper_ .prd_name {
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #252525;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.best_tour_section5_ .prd_keywords, .thailand_hotel_ .prd_keywords {
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #757575;
  margin-top: 10px;
  font-size: 15px;
  line-height: 26px;
}

.swiper_product_list_pagination_ {
  width: auto !important;
}

.sub_tour_section4, .sub_tour_section6 {
  padding: 100px 0 0;
}

.most_searched_ .tab_box_area_ {
  margin-top: 30px;
}

.most_searched_ .tab_box_area_ .tab_box_show_ {
  gap: 10px;
}

.tab_box_show__hotel {
  flex-wrap: wrap;
}

.most_searched_ .tab_box_area_ .tab_box_element_ {
  border-radius: var(--qc-radius-section, 24px);
  text-wrap: nowrap;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #757575;
  text-align: center;
  cursor: pointer;
  border: 1px solid #dbdbdb;
  width: 100%;
  height: auto;
  padding: 8px 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.most_searched_ .tab_box_show__hotel .tab_box_element_ {
  width: auto;
}

.most_searched_ .tab_box_area_ .tab_box_element_.tab_active_ {
  color: #17469e;
  border: 1px solid #17469e;
}

.most_searched_ .content_tab_show_ {
  display: none;
}

.most_searched_ .tab_box_content_ {
  margin-top: 40px;
  overflow: hidden;
}

.most_searched_ .content_tab_show_.tab_active_ {
  display: block;
}

.most_searched_ .sub_tour_section7_product_item {
  position: relative;
}

.most_searched_ .swiper-wrapper {
  max-width: 1200px;
}

.main_page_product_result_ {
  margin: 0;
}

.main_page_product_result_ .breadcrumbs_custom_ a {
  align-items: center;
  gap: 10px;
  display: flex;
}

.main_page_product_result_ .breadcrumbs_custom_ a img {
  width: 18px;
  height: 18px;
}

.main_page_product_result_ .breadcrumbs_custom_ a img.img_c {
  width: 7px;
  height: 14px;
}

.main_page_product_result_ .breadcrumbs_custom_ a p {
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #757575;
  font-size: 15px;
  line-height: 26px;
}

.main_page_product_result_ .breadcrumbs_custom_ a.active_ p {
  color: #252525;
}

.main_page_product_result_ .breadcrumbs_custom_ ul {
  justify-content: start;
  align-items: center;
  gap: 30px;
  display: flex;
}

.main_page_product_result_ .breadcrumbs_custom_ {
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}

.main_page_product_result_ .product_result_content_ {
  justify-content: space-between;
  align-items: start;
  gap: 40px;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 50px;
  display: flex;
}

.main_page_product_result_ .product_result_content_left_ {
  width: 100%;
  max-width: calc(23% - 20px);
}

.main_page_product_result_ .product_result_content_right_ {
  width: 100%;
  max-width: calc(77% - 20px);
}

.main_page_product_result_ .product_result_content_left_header_ {
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #252525;
  border-bottom: 2px solid #000;
  width: 100%;
  height: 50px;
  padding: 5px 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 26px;
}

.main_page_product_result_ .product_result_content_right_header_ {
  width: 100%;
}

.main_page_product_result_ .form_search_ {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.main_page_product_result_ .form_search_ .form_element_ {
  width: 100%;
  max-width: 40%;
}

.main_page_product_result_ .form_search_ .render_date_to_text_ {
  border: 1px solid #dbdbdb;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  width: 100%;
  max-width: 50%;
  height: 50px;
  padding: 10px;
  display: flex;
}

.main_page_product_result_ .form_search_ .render_date_to_text_ .text_content_ {
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #353535;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  font-size: 17px;
  line-height: 26px;
  display: flex;
}

.main_page_product_result_ .form_search_ .text_placeholder_ {
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #454545;
  font-size: 17px;
  line-height: 26px;
}

.main_page_product_result_ .form_search_ button {
  border-radius: var(--qc-radius-xs, 4px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #fff;
  background-color: #47beb0;
  width: 100%;
  max-width: 80px;
  height: 50px;
  font-size: 17px;
  line-height: 26px;
}

.main_page_product_result_ .form_search_ input::placeholder {
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #999;
  font-size: 17px;
  line-height: 26px;
}

.main_page_product_result_ .form_search_ input {
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #454545;
  border: 1px solid #dbdbdb;
  padding: 0 0 0 10px;
  font-size: 17px;
  line-height: 26px;
}

.main_page_product_result_ .startDayRender, .main_page_product_result_ .endDayRender {
  cursor: pointer;
}

.form_notify_ .icon_star_5 {
  background-image: url("/images/ico/ico_star.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
}

.form_notify_ .custom-select {
  display: inline-block;
  position: relative;
}

.form_notify_ .select-hide {
  display: none;
}

.form_notify_ .select-selected {
  cursor: pointer;
  background: #fff url("/images/ico/select_ico.png") right 20px center no-repeat;
  border: 1px solid #ddd;
  justify-content: start;
  align-items: center;
  padding: 10px;
  display: flex;
}

.form_notify_ .select-items {
  z-index: 99;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  width: 100%;
  position: absolute;
  box-shadow: 0 8px 16px #0003;
}

.form_notify_ .select-items div {
  cursor: pointer;
  align-items: center;
  padding: 10px;
  display: flex;
}

.form_notify_ .select-items div:hover {
  background-color: #ddd;
}

.form_notify_ .form_label_ {
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #252525;
  margin-bottom: 10px;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.form_notify_ .form_el {
  margin-bottom: 25px;
}

.form_notify_ .form_el_flex {
  justify-content: space-between;
}

.form_notify_ .form_input_ {
  border-radius: var(--qc-radius-xs, 4px);
  letter-spacing: -1px;
  color: #454545;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  width: 280px;
  height: 52px;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
}

.form_notify_ input.form_input_ {
  width: 450px;
}

.form_notify_ input.form_input_.full {
  width: 100%;
}

.form_notify_ .form_textarea_ {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #dbdbdb;
  width: 920px;
  height: 240px;
}

.form_notify_ .list_btn_ {
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 140px;
  display: flex;
}

.form_notify_ .btn_cancel_ {
  border-radius: var(--qc-radius-xs, 4px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #454545;
  text-align: center;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  width: 260px;
  height: 66px;
  font-family: Pretendard, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.form_notify_ .btn_submit_ {
  border-radius: var(--qc-radius-xs, 4px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  background-color: #17469e;
  width: 260px;
  height: 66px;
  font-family: Pretendard, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.form_table_notify_ .form_el {
  margin-bottom: 25px;
}

.form_table_notify_ .form_label_ {
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #252525;
  margin-bottom: 15px;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.form_table_notify_ .form_input_ {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #dbdbdb;
  height: 52px;
}

.form_table_notify_ .form_input_.form_50 {
  width: 230px;
}

.form_table_notify_ .form_textarea_ {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #dbdbdb;
  width: 920px;
  height: 440px;
  padding: 10px;
}

.form_table_notify_ .form_upload_button {
  border-radius: var(--qc-radius-xs, 4px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #252525;
  text-align: center;
  background-color: #fff;
  border: 1px solid #252525;
  width: 110px;
  height: 52px;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.form_table_notify_ .form_upload_container {
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 570px;
  display: flex;
}

.form_table_notify_ .form_upload_text {
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #bbb;
  cursor: pointer;
  justify-content: start;
  align-items: center;
  padding: 10px 15px;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
  display: flex;
}

.form_table_notify_ .form_uploaded_file_list {
  flex-wrap: wrap-reverse;
  justify-content: start;
  align-items: center;
  gap: 25px;
  margin-top: 15px;
  display: flex;
}

.form_table_notify_ .file_item_ {
  color: #757575;
  justify-content: start;
  align-items: center;
  gap: 5px;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
  display: flex;
}

.form_table_notify_ .file_remove_ {
  cursor: pointer;
  background-image: url("/images/admin/common_close.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  justify-content: start;
  align-items: center;
  width: 12px;
  height: 12px;
}

.form_table_notify_ .form_el_cont, .form_table_notify_ .form_radio {
  justify-content: start;
  align-items: center;
  gap: 10px;
  display: flex;
}

.form_table_notify_ .form_radio input[type="radio"]:checked + label, .form_table_notify_ .form_radio input[type="radio"]:not(:checked) + label {
  cursor: pointer;
  color: #252525;
  padding-left: 1.75rem;
  line-height: 1.25rem;
  display: inline-block;
  position: relative;
}

.form_table_notify_ .form_radio input[type="radio"]:checked + label:before, .form_table_notify_ .form_radio input[type="radio"]:not(:checked) + label:before {
  content: "";
  background: url("/images/ico/icon_radio.png") center no-repeat;
  border-radius: 100%;
  width: 21px;
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
}

.form_table_notify_ .form_radio input[type="radio"]:checked + label:before {
  background: url("/images/ico/icon_radio_selected.png") center no-repeat;
}

.form_table_notify_ .list_btn_ {
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 120px;
  display: flex;
}

.form_table_notify_ .btn_cancel_ {
  border-radius: var(--qc-radius-xs, 4px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #454545;
  text-align: center;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  width: 260px;
  height: 66px;
  font-family: Pretendard, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.form_table_notify_ .btn_submit_ {
  border-radius: var(--qc-radius-xs, 4px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  background-color: #17469e;
  width: 260px;
  height: 66px;
  font-family: Pretendard, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.prd_info__left {
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.prd_info__left img {
  width: 14px;
  height: 13px;
}

.prd_keywords span:first-child {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  align-items: center;
  gap: 4px;
  display: flex;
  display: -webkit-box;
  overflow: hidden;
}

.prd_keywords span:first-child img {
  width: 7px;
  height: 14px;
}

.prd_keywords .prd_keywords_cus_span {
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  display: flex;
}

.prd_keywords .prd_keywords_cus_span img {
  width: 7px;
  height: 14px;
}

.main_page_01 .banner_section_main_page {
  height: 150px;
  margin-top: 100px;
}

.main_page_01 .banner_section_main_page .banner_section_image {
  background: url("/images/sub/banner__hotel01.png") center / cover no-repeat;
  height: 150px;
  display: block;
}

.main_page_01 .banner_section_main_page .box-text {
  position: absolute;
  top: 45px;
  left: 120px;
}

.main_page_01 .banner_section_main_page .box-text .title-box {
  color: #fff;
  margin-bottom: 16px;
  font-size: 26px;
}

.main_page_01 .banner_section_main_page .box-text .des-box {
  color: #fffc;
  font-size: 18px;
  font-weight: 300;
}

.main_page_01 .main_visual_content_ button:hover {
  opacity: .8;
}

.flex-center {
  align-items: center;
  display: flex;
}

@media screen and (width >= 851px) and (width <= 1200px) {
  .form_gr_ {
    width: 52vw !important;
  }

  .sub_tour_section2 {
    padding: 166px 0 0;
  }

  .thailand_hotel_top_item_, .sub_tour_section5_item {
    width: calc(33.3333% - 20px);
  }
}

@media screen and (width <= 850px) {
  .page_product_list_.main_page_01 .main_visual_content_ {
    width: 66rem;
  }

  .main_page_01 .main_visual_content_ label {
    letter-spacing: -.1rem;
    text-transform: uppercase;
    color: #999;
    font-size: max(12px, 2.2rem);
    line-height: 2.6rem;
    position: absolute;
    top: 2rem;
    left: 2.2rem;
  }

  .main_page_01 .main_visual_content_ .form_element_ input {
    border-radius: var(--qc-radius-control, 8px);
    letter-spacing: -.1rem;
    text-transform: uppercase;
    color: #353535;
    border: 2px solid #dbdbdb;
    width: 100%;
    height: 100%;
    padding: 2.5rem 2rem 1rem;
    font-size: max(12px, 3.2rem);
    font-weight: bold;
    line-height: 2.6rem;
  }

  .main_page_01 .main_visual_content_ .form_element_ input::placeholder {
    font-size: max(12px, 2.8rem);
  }

  .main_page_01 .main_visual_content_ button {
    border-radius: var(--qc-radius-control, 8px);
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    background-color: #17469e;
    width: 10.8rem;
    height: 9rem;
    margin-left: .8rem;
    padding: 2.4rem;
    font-size: max(12px, 2.2rem);
    font-weight: bold;
    line-height: 2.6rem;
  }

  .main_page_01 .main_visual_content_ .form_element_ {
    border-radius: var(--qc-radius-section, 24px);
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
    margin-top: 7.5rem;
    padding: 2rem;
    display: flex;
  }

  .page_product_list_ .sub_section3__head__ttl {
    width: 100%;
    margin-bottom: .9rem;
    font-size: max(12px, 3.8rem);
  }

  .best_tour_section5_ .prd_name, .thailand_hotel_ .thailand_hotel_swiper_ .prd_name {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #252525;
    margin-top: 3rem;
    font-size: max(12px, 2.8rem);
    font-weight: 500;
    line-height: 2.6rem;
  }

  .best_tour_section5_ .prd_keywords, .thailand_hotel_ .prd_keywords {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #757575;
    flex-wrap: wrap;
    margin-top: 2.5rem;
    font-size: max(12px, 2.5rem);
    line-height: 2.6rem;
  }

  .swiper_product_list_pagination_ {
    width: auto !important;
  }

  .sub_tour_section4, .sub_tour_section6 {
    padding: 10rem 0 0;
  }

  .most_searched_ .tab_box_area_ {
    margin-top: 3rem;
  }

  .most_searched_ .tab_box_area_ .tab_box_show_ {
    gap: 1rem;
  }

  .most_searched_ .tab_box_area_ .tab_box_element_ {
    border-radius: var(--qc-radius-pill, 999px);
    text-wrap: nowrap;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #757575;
    text-align: center;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    width: 100%;
    height: auto;
    padding: 2rem 3rem;
    font-size: max(12px, 2.6rem);
    font-weight: 500;
    line-height: 2.6rem;
  }

  .most_searched_ .tab_box_area_ .tab_box_element_.tab_active_ {
    color: #17469e;
    border: 1px solid #17469e;
  }

  .most_searched_ .content_tab_show_ {
    display: none;
  }

  .most_searched_ .tab_box_content_ {
    margin-top: 4rem;
    overflow: hidden;
  }

  .most_searched_ .content_tab_show_.tab_active_ {
    display: block;
  }

  .most_searched_ .sub_tour_section7_product_item {
    position: relative;
  }

  .most_searched_ .swiper-wrapper {
    max-width: 120rem;
  }

  .sub_tour_section8 {
    padding: 10rem 0;
  }

  .main_page_product_result_ {
    margin: 0;
  }

  .main_page_product_result_ .breadcrumbs_custom_ a {
    align-items: center;
    gap: 1rem;
    display: flex;
  }

  .main_page_product_result_ .breadcrumbs_custom_ a img {
    width: 1.8rem;
    height: 1.8rem;
  }

  .main_page_product_result_ .breadcrumbs_custom_ a img.img_c {
    width: .7rem;
    height: 1.4rem;
  }

  .main_page_product_result_ .breadcrumbs_custom_ a p {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #757575;
    font-size: max(12px, 2.5rem);
    line-height: 2.6rem;
  }

  .main_page_product_result_ .breadcrumbs_custom_ a.active_ p {
    color: #252525;
  }

  .main_page_product_result_ .breadcrumbs_custom_ ul {
    justify-content: start;
    align-items: center;
    gap: 3rem;
    display: flex;
  }

  .main_page_product_result_ .breadcrumbs_custom_ {
    border-bottom: 1px solid #eee;
    padding: 2rem 0;
  }

  .main_page_product_result_ .product_result_content_ {
    justify-content: space-between;
    align-items: start;
    gap: 4rem;
    width: 100%;
    margin-top: 4rem;
    margin-bottom: 5rem;
    display: flex;
  }

  .main_page_product_result_ .product_result_content_left_ {
    width: 100%;
    max-width: calc(23% - 2rem);
  }

  .main_page_product_result_ .product_result_content_right_ {
    width: 100%;
    max-width: calc(77% - 2rem);
  }

  .main_page_product_result_ .product_result_content_left_header_ {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #252525;
    border-bottom: 2px solid #000;
    width: 100%;
    height: 5rem;
    padding: .5rem 0;
    font-size: max(12px, 3.8rem);
    font-weight: bold;
    line-height: 2.6rem;
  }

  .main_page_product_result_ .product_result_content_right_header_ {
    width: 100%;
  }

  .main_page_product_result_ .form_search_ {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .main_page_product_result_ .form_search_ .form_element_ {
    width: 100%;
    max-width: 40%;
  }

  .main_page_product_result_ .form_search_ .render_date_to_text_ {
    border: .1rem solid #dbdbdb;
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
    width: 100%;
    max-width: 50%;
    height: 5rem;
    padding: 1rem;
    display: flex;
  }

  .main_page_product_result_ .form_search_ .render_date_to_text_ .text_content_ {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #353535;
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
    font-size: max(12px, 2.7rem);
    line-height: 2.6rem;
    display: flex;
  }

  .main_page_product_result_ .form_search_ .text_placeholder_ {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #454545;
    font-size: max(12px, 2.7rem);
    line-height: 2.6rem;
  }

  .main_page_product_result_ .form_search_ button {
    border-radius: var(--qc-radius-control, 8px);
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #fff;
    background-color: #47beb0;
    width: 100%;
    max-width: 8rem;
    height: 5rem;
    font-size: max(12px, 2.7rem);
    line-height: 2.6rem;
  }

  .main_page_product_result_ .form_search_ input::placeholder {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #999;
    font-size: max(12px, 2.7rem);
    line-height: 2.6rem;
  }

  .main_page_product_result_ .form_search_ input {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #454545;
    border: 1px solid #dbdbdb;
    padding: 0 0 0 10px;
    font-size: max(12px, 2.7rem);
    line-height: 2.6rem;
  }

  .main_page_product_result_ .startDayRender, .main_page_product_result_ .endDayRender {
    cursor: pointer;
  }

  .main_page_01 .sub_top_visual img {
    width: 100%;
    height: 100%;
    min-height: 26rem;
  }

  .main_page_01 .sub_tour_section7 {
    padding: 5rem 0 0;
  }

  .main_page_01 .sub_swiper2_pagination {
    padding-top: 6rem;
  }

  .main_page_01 .thailand_hotel_ .sub_section3__head {
    padding-top: 10rem;
  }

  .main_page_01 .sub_section3.thailand_hotel_ .custom_pagination_ {
    margin: 7.75rem 0;
  }

  .main_page_01 .sub_tour_section6 .custom_pagination_ .pagination_show_, .main_page_01 .thailand_hotel_.sub_section5_ .custom_pagination_ .s_item_show_, .main_page_01 .thailand_hotel_ .custom_pagination_ .pagination_show_ {
    border-radius: var(--qc-radius-pill, 999px);
    width: 32.6rem;
    height: 8rem;
  }

  .main_page_01 .thailand_hotel_ .custom_pagination_ .pagination_show_ img {
    background-size: cover;
    width: 1.8rem;
    height: 2rem;
  }

  .main_page_01 .sub_tour_section7_product_item {
    width: 56rem;
  }

  .main_page_01 .ico_special_prd {
    width: 8rem;
    position: absolute;
    top: 2rem;
    left: 2rem;
  }

  .main_page_01 .ico_block img {
    display: none;
  }

  .main_page_01 .most_searched_ .tab_box_area_ {
    justify-content: flex-start;
    margin-top: 3rem;
    overflow-x: scroll;
  }

  .main_page_01 .most_searched_ .tab_box_area_ .tab_box_show_ {
    flex-wrap: unset;
    gap: 2rem;
    padding-bottom: 2rem;
    padding-left: 0;
  }

  .main_page_01 .sub_tour_section4_banner .img_box__img {
    background-size: cover;
    width: 66rem;
    height: 24rem;
  }

  .prd_info__left {
    align-items: baseline;
    gap: .4rem;
    display: flex;
  }

  .prd_info__left img {
    width: 2.3rem;
    height: 2.2rem;
  }

  .prd_keywords span:first-child img {
    width: 1.1rem;
    height: 2rem;
  }

  .main_page_01 .main_visual_content_ .form_element_ .form_input_ {
    height: 10rem;
    max-height: unset;
  }

  .main_page_01 .banner_section_main_page {
    height: 24rem;
    margin-top: 10rem;
  }

  .main_page_01 .banner_section_main_page .banner_section_image {
    background: url("/images/sub/banner__hotel01-m.png") center / cover no-repeat;
    height: 24rem;
  }

  .main_page_01 .banner_section_main_page .box-text {
    position: absolute;
    top: 8rem;
    left: 3rem;
  }

  .main_page_01 .banner_section_main_page .box-text .title-box {
    color: #fff;
    margin-bottom: 1.6rem;
    font-size: max(12px, 3.6rem);
  }

  .main_page_01 .banner_section_main_page .box-text .des-box {
    color: #fffc;
    font-size: max(12px, 2.6rem);
    font-weight: 300;
  }

  .main_page_01 .sub_tour_section7_product_list {
    margin-bottom: 0;
  }

  .sub_tour_section6 .custom_pagination_ .pagination_show_, .thailand_hotel_.sub_section5_ .custom_pagination_ .s_item_show_, .thailand_hotel_ .custom_pagination_ .pagination_show_ {
    border-radius: var(--qc-radius-pill, 999px);
    cursor: pointer;
    background-color: #fff;
    border: .21rem solid #dbdbdb;
    justify-content: center;
    align-items: center;
    width: 28.2rem;
    height: 6.4rem;
    display: flex;
  }

  .thailand_hotel_ .custom_pagination_ .pagination_show_ img {
    width: 1.8rem;
    height: 2rem;
  }

  .sub_tour_section6 .custom_pagination_ .sub_tour_section6_swiper_pagination_, .thailand_hotel_ .custom_pagination_ .thailand_hotel_swiper_pagination_ {
    width: unset;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #aaa;
    justify-content: center;
    align-items: center;
    font-size: max(12px, 2.8rem);
    font-weight: 500;
    line-height: 2.6rem;
    display: flex;
  }

  .prd_keywords .prd_keywords_cus_span img {
    width: 1.1rem;
    height: 2rem;
  }
}

.body_container.main_body_container {
  margin-top: 0;
}

.img_box_1 {
  padding-top: 23.65%;
}

.img_box_2 {
  padding-top: 66.9643%;
}

.img_box_3 {
  padding-top: 73.6842%;
}

.img_box_4 {
  padding-top: 30.5085%;
}

.img_box_5 {
  padding-top: 31.0345%;
}

.img_box_6 {
  padding-top: 72.8571%;
}

.img_box_7 {
  padding-top: 73.6842%;
}

.img_box_8 {
  padding-top: 138.393%;
}

.main_sale_banner {
  z-index: 9999;
  flex-direction: column;
  gap: 12px;
  display: flex;
  position: absolute;
  top: 26%;
  left: 130px;
}

.time_sale_banner {
  width: 123px;
  overflow: hidden;
}

.time_sale_wrap:not(.active) {
  display: none;
}

.time_sale_wrap {
  border-radius: var(--qc-radius-card, 16px);
  background-color: #0d0334;
  width: 100%;
  transition: transform 1s ease-in-out;
}

.time_sale_wrap .time_sale_clock {
  gap: 5px;
  padding: 10px 0;
}

.time_sale_wrap .time_sale_clock i {
  background: url("/images/ico/time_sale_clock.gif") center / 25px 23px no-repeat;
  width: 25px;
  height: 23px;
  display: inline-block;
}

.time_sale_wrap .time_sale_clock span {
  color: #fff;
  font-family: Pretendard;
  font-weight: 500;
  font-size: var(--qc-text-14, 14px);
}

.time_sale_wrap .time_sale_product {
  padding: 0 5px;
}

.time_sale_wrap .time_sale_product img {
  width: 100%;
  height: 60px;
}

.time_sale_wrap .time_sale_product .time_sale_ttl {
  background-color: #fff;
  padding: 7px 10px;
}

.time_sale_wrap .time_sale_product .time_sale_ttl .subject {
  font-size: var(--qc-text-12, 12px);
  color: #353535;
  text-align: center;
  margin-bottom: 5px;
  font-weight: 500;
  line-height: 1.4;
}

.time_sale_wrap .time_sale_product .time_sale_ttl .price {
  font-weight: bold;
  font-size: var(--qc-text-14, 14px);
  color: #17469e;
  text-align: center;
}

.time_sale_wrap .time_remaining {
  flex-direction: column;
  gap: 5px;
  padding: 5px 0;
}

.time_sale_wrap .time_remaining .ttl {
  font-size: var(--qc-text-12, 12px);
  color: #fff;
}

.time_sale_wrap .time_remaining .time {
  font-size: var(--qc-text-16, 16px);
  color: #fff;
  font-weight: bold;
}

.main_sale_banner .coupon_sale {
  border-radius: var(--qc-radius-control, 8px);
  width: 123px;
}

.main_sale_banner img {
  object-fit: cover;
  max-width: 123px;
}

.main_sale_banner .coupon_sale img {
  object-fit: inherit;
  border-top-left-radius: var(--qc-radius-control, 8px);
  border-top-right-radius: var(--qc-radius-control, 8px);
  width: 123px;
  height: 123px;
}

.main_sale_banner .coupon_sale .tit_cou {
  border-bottom-left-radius: var(--qc-radius-control, 8px);
  border-bottom-right-radius: var(--qc-radius-control, 8px);
  background-color: #110346;
  padding: 10px;
}

.main_sale_banner .coupon_sale .tit_cou p {
  font-size: var(--qc-text-12, 12px);
  text-align: center;
  color: #fff;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.main_sale_banner .banner_bt {
  width: 123px;
}

.main_sale_banner .banner_bt img {
  object-fit: cover;
  width: 100%;
  height: auto;
}

.swiper-button-main {
  z-index: 1;
  background-color: #ffffff2e;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-button-prev-main {
  left: 60px;
  transform: rotate(180deg);
}

.swiper-button-next-main {
  right: 60px;
}

.swiper-button-main img {
  width: 16px;
  height: 32px;
}

.img_box_ttl_main {
  font-size: var(--qc-text-48, 48px);
  color: #fff;
  z-index: 2;
  font-family: NanumSquare;
  font-weight: bold;
  line-height: 1.25;
  position: absolute;
  top: 205px;
  left: 480px;
}

.img_box_txt_main2 {
  font-size: var(--qc-text-24, 24px);
  line-height: 3.273;
}

.swiper-main-tools {
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding-top: 30px;
  display: flex;
}

.swiper-main-tools .play_pause {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
}

.swiper-pagination-main {
  border-radius: var(--qc-radius-card, 16px);
  color: #ccc;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 34px;
  display: flex;
}

.main {
  background: #fff;
  position: relative;
}

.main .main_detail {
  background: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 60px 0 50px;
  display: flex;
  position: relative;
}

.main .main_detail .region_sect .region_top {
  gap: 20px;
  display: flex;
}

.main .main_detail .region_sect .region_top h2 {
  font-size: var(--qc-text-32, 32px);
  letter-spacing: -1px;
  color: #252525;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
}

.main .main_detail .region_sect .region_top .ic {
  margin-top: 0;
}

.main .main_detail .region_sect .region_top h2:after {
  content: "";
  background-color: #000;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.main .main_detail .region_content {
  margin-top: 30px;
}

.main .main_detail .region_content p {
  font-size: var(--qc-text-32, 32px);
  letter-spacing: -1px;
  color: #252525;
  font-family: Gmarket Sans;
  line-height: 1.3;
}

.main .search-input {
  font-size: var(--qc-text-16, 16px);
  border: 1px solid #ddd;
  outline: none;
  min-width: 411px;
  height: 61px;
  border-radius: var(--qc-radius-xs, 4px) !important;
  padding: 13px 20px !important;
}

.main-search-container {
  gap: 10px;
}

.main .btn_show_select {
  border-radius: var(--qc-radius-xs, 4px);
  text-align: center;
  color: #000;
  background-color: #fff;
  border: 1px solid #c6c6c6;
  justify-content: center;
  width: 81px;
  height: 61px;
  padding: 0;
}

.main .main_coupon {
  align-items: center;
  gap: 6px;
  display: flex;
}

.main .main_coupon p {
  font-size: var(--qc-text-16, 16px);
  letter-spacing: -1px;
  color: #999;
  font-weight: 300;
  line-height: 1.3;
}

.main .recomment_main {
  border-radius: var(--qc-radius-pill, 999px);
  background-color: #6019ff;
  border: 6px solid #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 201px;
  height: 201px;
  display: flex;
  position: absolute;
  bottom: -120px;
  left: 50%;
  transform: translateX(-50%);
}

.main .recomment_main .top p {
  font-size: var(--qc-text-18, 18px);
  letter-spacing: 0;
  color: #fff;
  text-align: center;
  line-height: 1.3;
}

.main .recomment_main .content h2 {
  font-size: var(--qc-text-64, 64px);
  letter-spacing: -1px;
  color: #fff;
  font-weight: 700;
  line-height: 1;
}

.main .recomment_main .content p {
  font-size: var(--qc-text-14, 14px);
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
  line-height: 1.3;
}

.main_visual_inner {
  width: 100%;
  overflow-x: none;
  text-align: center;
}

.main_visual_inner img {
  width: auto;
  max-width: none;
  height: auto;
  display: inline-block;
}

.pocket_sect {
  padding: 60px 0 85px;
}

.pocket_sect .pocket_title {
  margin-bottom: 40px;
}

.pocket_sect .pocket_title h2 {
  font-size: var(--qc-text-32, 32px);
  letter-spacing: -2px;
  color: #000;
  font-weight: bold;
  line-height: 1.3;
  position: relative;
}

.pocket_sect .pocket_title h2:after {
  content: "";
  z-index: -1;
  background-color: #01edbe;
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: 8px;
  left: 0;
}

.pocket_sect .pocket_title .ic_plus {
  margin: -22px 14px 0;
}

.pocket_sect .pocket_title .contents {
  font-size: var(--qc-text-18, 18px);
  letter-spacing: -1px;
  color: #888;
  margin-right: 10px;
  font-weight: 300;
  line-height: 1.3;
}

.pocket_sect .pocket_title .ic_pick {
  margin-top: -15px;
  margin-left: 15px;
}

.pocket_sect .pocket_info {
  padding: 0 80px;
  position: relative;
}

.pocket_sect .pocket_info .pocket_swiper {
  overflow: hidden;
}

.pocket_sect .pocket_info .pocket_swiper .info {
  flex-direction: column;
  gap: 20px;
}

.pocket_sect .pocket_info .pocket_swiper .info .images img {
  width: 123px;
}

.pocket_sect .pocket_info .pocket_swiper .info .txt p {
  font-size: var(--qc-text-18, 18px);
  letter-spacing: -1px;
  color: #252525;
  line-height: 1.3;
}

.pocket_btn {
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 1;
  background-color: #fffc;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.pocket_btn_prev {
  left: 0;
}

.pocket_btn_next {
  right: 0;
}

.emotion {
  padding: 75px 0 0;
}

.emotion .emo_title {
  margin-bottom: 20px;
}

.emotion .emo_title h2 {
  font-size: var(--qc-text-24, 24px);
  letter-spacing: -1px;
  color: #252525;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 1.3;
}

.emotion .emo_title p {
  font-size: var(--qc-text-16, 16px);
  letter-spacing: -1px;
  color: #999;
  line-height: 1.3;
}

.emotion .emotion_list {
  flex-wrap: wrap;
  gap: 35px 75px;
  display: flex;
}

.emotion .emotion_list .card {
  gap: 30px;
  width: calc(50% - 38px);
  display: flex;
}

.emotion .emotion_list .card .link_emotion {
  gap: 20px;
  display: flex;
}

.emotion .emotion_list .card .img img {
  border-radius: var(--qc-radius-control, 8px);
  object-fit: cover;
  width: 196px;
  height: 196px;
}

.emotion .emotion_list .card .info_emo {
  width: calc(100% - 226px);
}

.emotion .emotion_list .card .info_emo .title p {
  font-size: var(--qc-text-16, 16px);
  letter-spacing: -.5px;
  color: #252525;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-weight: 350;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.emotion .emotion_list .card .info_emo .detail {
  font-size: var(--qc-text-16, 16px);
  letter-spacing: -1px;
  color: #999;
  margin: 10px 0 5px;
  line-height: 1.3;
}

.emotion .emotion_list .card .info_emo .cate {
  font-size: var(--qc-text-14, 14px);
  letter-spacing: -1px;
  color: #999;
  line-height: 1.3;
}

.emotion .emotion_list .card .info_emo .price {
  margin-top: 15px;
}

.emotion .emotion_list .card .info_emo .price .prd_price p {
  font-size: var(--qc-text-24, 24px);
  letter-spacing: -1px;
  color: #252525;
  line-height: 1.3;
}

.emotion .emotion_list .card .info_emo .price .prd_price .price_16 {
  font-size: var(--qc-text-16, 16px);
}

.emo_social {
  gap: 10px;
}

.emo_social .social {
  gap: 5px;
}

.emo_social .social svg {
  opacity: .45;
  width: 16px;
}

.emo_social .social p {
  font-size: var(--qc-text-14, 14px);
  color: #555;
}

.request_travel .travel_title {
  margin-bottom: 30px;
}

.request_travel .travel_title h2 {
  font-size: var(--qc-text-24, 24px);
  letter-spacing: -1px;
  color: #252525;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 1.3;
}

.request_travel .travel_title p {
  font-size: var(--qc-text-18, 18px);
  letter-spacing: -1px;
  color: #999;
  line-height: 1.3;
}

.request_travel .sec_content {
  gap: 14px;
  display: flex;
}

.request_travel .side {
  border-radius: var(--qc-radius-card, 16px);
  border: 2px solid #dbdbdb;
  width: 49%;
  height: 372px;
  padding: 21px 32px 0;
  position: relative;
}

.relative.new {
  height: 340px;
  overflow: hidden;
}

.request_travel .swiper {
  width: 100%;
  height: 101%;
}

.request_travel .side .swiper-slide {
  width: 100%;
  height: 33.3333%;
}

.request_travel .side .item {
  border-bottom: 1px solid #dbdbdb;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  height: 100%;
  padding: 20px 0;
  display: flex;
}

.request_travel .side .item h2 {
  font-size: var(--qc-text-18, 18px);
  letter-spacing: -1px;
  color: #252525;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 1.3;
}

.request_travel .side .item .ttl_ {
  font-size: var(--qc-text-14, 14px);
  letter-spacing: -1px;
  color: #252525;
  font-weight: 300;
  line-height: 1.3;
}

.request_travel .side .item .info {
  color: #777;
  font-size: var(--qc-text-16, 16px);
  align-items: center;
  gap: 10px;
  margin-top: 15px;
  display: flex;
}

.request_travel .side .item .info img {
  width: 28px;
  height: 23px;
}

.request_travel .side .item img {
  object-fit: cover;
  border-radius: 50%;
  width: 55px;
  height: 55px;
}

.request_travel .view_more {
  cursor: pointer;
  z-index: 3;
  background: url("/images/main/view_more_green.png") center no-repeat;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 51px;
  display: flex;
  position: absolute;
  top: 15px;
  right: 35px;
  transform: translateY(-50%);
}

.request_travel .view_more p {
  font-size: var(--qc-text-16, 16px);
  color: #fff;
  margin-top: -8px;
  font-weight: 400;
}

.request_travel .view_more.right {
  background: url("/images/main/view_more_purple.png") center no-repeat;
}

.request_travel .side ._pagination {
  gap: 6px;
  padding-top: 20px;
  display: flex;
  position: absolute;
  top: 100%;
  right: 50%;
  transform: translateX(50%);
}

.request_travel .side ._pagination span {
  width: 15px;
  height: 15px;
}

.request_travel .side .travel_swiper_pagination span.swiper-pagination-bullet-active {
  background: #40cbb3 !important;
}

.request_travel .side .request_swiper_pagination span.swiper-pagination-bullet-active {
  background: #7840cb !important;
}

.booking_sect {
  padding-bottom: 85px;
}

.booking_sect .booking_ttl h2 {
  font-size: var(--qc-text-24, 24px);
  letter-spacing: -1px;
  color: #252525;
  font-weight: bold;
  line-height: 1.3;
}

.booking_sect .booking_category {
  margin: 20px 0 30px;
}

.booking_sect .booking_category .category {
  gap: 38px;
}

.booking_sect .booking_category .category li {
  font-size: var(--qc-text-18, 18px);
  letter-spacing: 0;
  color: #000;
  cursor: pointer;
  font-weight: 500;
  line-height: 1.3;
  position: relative;
}

.booking_sect .booking_category .category li.on {
  color: #6019ff;
}

.booking_sect .booking_category .category li.on:after {
  content: "";
  background-color: #6019ff;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -8px;
  left: 0;
}

.booking_sect .booking_category .item {
  gap: 10px;
}

.booking_sect .booking_category .item .place_item_hotel {
  height: 34px;
  font-size: var(--qc-text-16, 16px);
  color: #757575;
  border-radius: var(--qc-radius-card, 16px);
  cursor: pointer;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  font-family: Pretendard;
  display: flex;
}

.booking_sect .booking_category .item .place_item_hotel.active {
  color: #17469e;
  border-color: #17469e;
}

.booking_sect .booking_list {
  flex-wrap: wrap;
  gap: 34px 20px;
  width: 100%;
}

.booking_sect .booking_list .booking_product {
  width: calc(25% - 15px);
  display: block;
}

.booking_sect .booking_product .img_box {
  padding-top: 73.6842%;
  display: block;
  position: relative;
  overflow: hidden;
}

.booking_sect .booking_product .img_box > img {
  object-fit: cover;
  border-radius: var(--qc-radius-control, 8px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.booking_sect .booking_product .breadcrumb {
  align-items: center;
  margin: 18px 0 8px;
  display: flex;
}

.booking_sect .booking_product .breadcrumb_item {
  font-size: var(--qc-text-14, 14px);
  color: #757575;
  margin: 0 4px;
  position: relative;
}

.booking_sect .booking_product .title h2 {
  font-size: var(--qc-text-16, 16px);
  color: #252525;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-weight: 300;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.booking_sect .booking_product .review {
  font-size: var(--qc-text-16, 16px);
  color: #252525;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  display: flex;
}

.booking_sect .booking_product .star_avg {
  color: #252525;
}

.booking_sect .booking_product .star_review_cnt {
  color: #757575;
}

.booking_sect .booking_product .product_price {
  align-items: flex-end;
  gap: 10px;
  margin-top: 10px;
  display: flex;
}

.booking_sect .booking_product .product_price span {
  color: #757575;
  font-size: var(--qc-text-16, 16px);
}

.booking_sect .booking_product .product_price strong {
  color: #252525;
  font-size: var(--qc-text-24, 24px);
  font-weight: 700;
}

.introduction_sect {
  padding: 0 0 85px;
}

.introduction_sect .sec_ttl {
  font-size: var(--qc-text-24, 24px);
  letter-spacing: -1px;
  color: #252525;
  font-weight: bold;
  line-height: 1.3;
}

.introduction_sect .sec_desc {
  font-size: var(--qc-text-16, 16px);
  letter-spacing: -1px;
  color: #999;
  line-height: 1.3;
}

.introduction_sect .content-container {
  gap: 34px;
  margin: 20px 0 0;
  display: flex;
  position: relative;
}

.introduction_sect .block-1 {
  width: 257px;
  position: relative;
}

.introduction_sect .block-2 {
  width: 386px;
  position: relative;
}

.introduction_sect .block-3 {
  flex: 1;
  position: relative;
}

.introduction_sect .block-1 .more-btn {
  color: #fff;
  font-size: var(--qc-text-14, 14px);
  border-radius: var(--qc-radius-xs, 4px);
  background: #555;
  padding: 14px 10px;
  font-weight: 300;
  text-decoration: none;
}

.introduction_sect .block-2 .more-btn {
  border-radius: var(--qc-radius-control, 8px);
  width: 175px;
  height: 46px;
  font-size: var(--qc-text-18, 18px);
  border: 1px solid #777;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: -100px;
  right: -20px;
}

.introduction_sect .block-3 .more-btn {
  border-radius: var(--qc-radius-pill, 999px);
  width: 94px;
  height: 35px;
  font-size: var(--qc-text-16, 16px);
  border: 1px solid #ccc;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: -71px;
  right: 0;
}

.introduction_sect .main-card {
  margin-bottom: 65px;
  line-height: normal;
  overflow: hidden;
}

.introduction_sect .main-card-image {
  border-radius: var(--qc-radius-control, 8px);
  width: 100%;
  height: 256px;
  position: relative;
  overflow: hidden;
}

.introduction_sect .main-card-image img {
  height: 100%;
}

.introduction_sect .main-card-content {
  padding-top: 20px;
}

.introduction_sect .main-card-title {
  font-size: var(--qc-text-18, 18px);
  color: #2c3e50;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 5px;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
}

.introduction_sect .main-card-description {
  font-size: var(--qc-text-14, 14px);
  color: #999;
  margin-bottom: 5px;
  line-height: 1.4;
}

.introduction_sect .main-card-meta {
  font-size: var(--qc-text-14, 14px);
  color: #777;
  align-items: center;
  gap: 10px;
  display: flex;
}

.introduction_sect .view-all-btn {
  color: #fff;
  border-radius: var(--qc-radius-section, 24px);
  font-size: var(--qc-text-12, 12px);
  cursor: pointer;
  background-color: #000000b3;
  border: none;
  padding: 8px 16px;
  transition: background-color .3s;
  position: absolute;
  bottom: 15px;
  left: 15px;
}

.introduction_sect .view-all-btn:hover {
  background-color: #000000e6;
}

.introduction_sect .small-cards-grid {
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  display: grid;
}

.introduction_sect .small-card-image {
  border-radius: var(--qc-radius-control, 8px);
  width: 178px;
  height: 178px;
  position: relative;
  overflow: hidden;
}

.introduction_sect .small-card-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.introduction_sect .small-card-content {
  padding-top: 8px;
}

.introduction_sect .small-card-title {
  font-size: var(--qc-text-16, 16px);
  color: #2c3e50;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
  font-weight: 350;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.introduction_sect .small-card-meta {
  font-size: var(--qc-text-14, 14px);
  color: #777;
  align-items: center;
  gap: 8px;
  display: flex;
}

.introduction_sect .right-card {
  gap: 12px;
  margin-bottom: 6px;
  display: flex;
}

.introduction_sect .right-card-image {
  border-radius: var(--qc-radius-control, 8px);
  flex-shrink: 0;
  width: 136px;
  height: 136px;
}

.introduction_sect .right-card-image img {
  object-fit: cover;
  border-radius: var(--qc-radius-control, 8px);
  width: 100%;
  height: 100%;
}

.introduction_sect .right-card-content {
  flex: 1;
}

.introduction_sect .right-card-title {
  font-size: var(--qc-text-16, 16px);
  color: #252525;
  margin-bottom: 0;
  font-weight: 350;
  line-height: 1.3;
}

.introduction_sect .right-card-description {
  font-size: var(--qc-text-14, 14px);
  color: #999;
  margin-bottom: 11px;
  line-height: 1.4;
}

.introduction_sect .right-card-meta {
  font-size: var(--qc-text-14, 14px);
  color: #777;
}

.introduction_sect .main-card-social {
  margin-top: 14px;
}

.beauty_sect {
  padding-bottom: 85px;
}

.beauty_sect .beauty_ttl h2 {
  font-size: var(--qc-text-24, 24px);
  letter-spacing: -1px;
  color: #252525;
  margin-bottom: 40px;
  font-weight: bold;
  line-height: 1.3;
}

.beauty_sect .beauty_info {
  position: relative;
}

.beauty_sect .beauty_info .beauty_swiper {
  overflow: hidden;
}

.beauty_sect .beauty_info .info .images img {
  border-radius: var(--qc-radius-control, 8px);
  width: 285px;
  height: 210px;
}

.beauty_sect .beauty_info .info .contents {
  margin-top: 30px;
}

.beauty_sect .beauty_info .info .contents .cate p {
  font-size: var(--qc-text-18, 18px);
  letter-spacing: -1px;
  color: #252525;
  font-weight: 500;
  line-height: 1.3;
}

.beauty_sect .beauty_info .info .contents .title p {
  font-size: var(--qc-text-16, 16px);
  letter-spacing: -1px;
  color: #999;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 10px 0 15px;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.beauty_sect .beauty_info .info .contents .price .price_se {
  font-size: var(--qc-text-24, 24px);
  letter-spacing: -1px;
  color: #252525;
  font-weight: bold;
  line-height: 1.3;
}

.beauty_sect .beauty_info .info .contents .price .price_se span {
  font-size: var(--qc-text-16, 16px);
  color: #757575;
  font-weight: 500;
}

.beauty_btn {
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 1;
  background-color: #fffc;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  position: absolute;
  top: 33%;
  transform: translateY(-50%);
}

.beauty_btn_prev {
  left: -20px;
}

.beauty_btn_next {
  right: -20px;
}

.story_sect {
  padding: 0 0 85px;
}

.story_sect__row {
  flex-wrap: wrap;
  gap: 40px;
  display: flex;
}

.story_sect__col {
  width: calc(50% - 20px);
}

.story_sect__head {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.story_sect__head__ttl {
  font-size: var(--qc-text-24, 24px);
  color: #252525;
  font-family: Pretendard;
  font-weight: bold;
}

.story_sect__col__img {
  margin-top: 40px;
}

.story_sect__prd {
  margin-top: 25px;
}

.story_sect__prd__item {
  gap: 20px;
  padding-bottom: 15px;
  display: flex;
}

.story_sect__prd__item + story_sect__prd__item {
  border-top: 1px solid #eee;
  padding-top: 20px;
}

.prd__item__left {
  width: 140px;
}

.prd__item__right {
  flex: 1;
  max-width: calc(100% - 175px);
}

.story_sect .prd_name {
  margin-top: 0;
}

.story_sect .creator-section {
  justify-content: space-between;
  align-items: flex-start;
  gap: 25px;
  display: flex;
}

.story_sect .creator-left {
  max-width: 300px;
}

.story_sect .wrap_right_ {
  width: 900px;
  position: relative;
}

.story_sect .subtitle {
  font-size: var(--qc-text-18, 18px);
  letter-spacing: -1px;
  color: #777;
  margin-bottom: 10px;
  line-height: 1.4;
}

.story_sect .title {
  font-size: var(--qc-text-32, 32px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #252525;
  font-weight: bold;
  line-height: 1.4;
}

.story_sect .more-btn-sec9 {
  border-radius: var(--qc-radius-xs, 4px);
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  font-size: var(--qc-text-16, 16px);
  background: #000;
  border: 1px solid #ccc;
  margin-top: 100px;
  padding: 15px 40px;
}

.story_sect .creator-slider {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.story_sect .cards {
  gap: 22px;
  display: flex;
}

.story_sect .creator-card {
  border-radius: var(--qc-radius-card, 16px);
  color: #fff;
  flex-shrink: 0;
  width: 286px;
  height: 383px;
  position: relative;
  overflow: hidden;
}

.story_sect .creator-card img.bg {
  object-fit: cover;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.story_sect .creator-card .avatar {
  z-index: 2;
  width: 113px;
  height: 113px;
  position: absolute;
  top: 14%;
  left: 30%;
}

.story_sect .creator-card .info {
  z-index: 2;
  font-size: var(--qc-text-14, 14px);
  text-shadow: 0 1px 2px #00000080;
  position: absolute;
  bottom: 22%;
  left: 16px;
  right: 16px;
}

.story_sect .creator-card .info h3 {
  font-size: var(--qc-text-18, 18px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  font-family: Pretendard;
  font-weight: bold;
  line-height: 1.4;
}

.story_sect .creator-card .info p {
  font-size: var(--qc-text-16, 16px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-weight: bold;
  line-height: 1.4;
}

.story_sect .creator-card .info .handle {
  margin-top: 6px;
  font-weight: bold;
}

.story_sect .arrow {
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 999;
  background-color: #fffc;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
}

.story_sect .arrow.left {
  left: -25px;
}

.story_sect .arrow.right {
  right: -25px;
}

.story_sect .creator-slider {
  align-items: center;
  display: flex;
  position: relative;
}

.story_sect .highlight-text {
  font-size: var(--qc-text-32, 32px);
  color: #222;
  z-index: 0;
  font-weight: bold;
  display: inline-block;
  position: relative;
}

.story_sect .highlight-text:after {
  content: "";
  z-index: -1;
  background-color: #ffe5c0;
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 0;
}

.story_sect .prd_description {
  font-size: var(--qc-text-14, 14px);
  color: #757575;
  margin-top: 10px;
  font-family: Pretendard;
}

.story_sect .breadcrumb {
  margin-top: 15px;
}

.wrap_review {
  max-width: 1200px;
}

.bgr_blue {
  background-color: #f2fdff;
  padding: 112px 0;
}

.container_healing {
  gap: 40px;
  margin: auto;
  display: flex;
}

.left-healing {
  flex: 1;
  position: relative;
}

.left-healing img {
  border-radius: var(--qc-radius-card, 16px);
  object-fit: cover;
  width: 588px;
  height: 535px;
}

.caption {
  font-size: var(--qc-text-24, 24px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  line-height: 1.4;
  position: absolute;
  bottom: 25px;
  left: 30px;
}

.wrap_tag {
  content: "";
  z-index: 2;
  background: linear-gradient(to top, #0000, #000000b3);
  width: 100%;
  height: 26%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.caption .tags {
  font-size: var(--qc-text-24, 24px);
  color: #ccc;
  margin-top: 10px;
}

.right {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header h2 {
  font-size: var(--qc-text-24, 24px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #252525;
  margin: 0;
  font-weight: 500;
  line-height: 1.4;
}

.header a {
  font-size: var(--qc-text-18, 18px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #252525;
  font-family: Pretendard;
  font-weight: bold;
  line-height: 1.4;
}

.subtitle {
  font-size: var(--qc-text-16, 16px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 20px;
  line-height: 1.4;
}

.list {
  flex-direction: column;
  gap: 23.2px;
  display: flex;
}

.list .item {
  gap: 20px;
  display: flex;
}

.list .item img {
  border-radius: var(--qc-radius-control, 8px);
  object-fit: cover;
  width: 130px;
  height: 130px;
}

.item img.image_no_width {
  width: unset;
  height: unset;
  border-radius: unset;
}

.item-content {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.item-title {
  font-size: var(--qc-text-18, 18px);
  letter-spacing: -1px;
  color: #252525;
  margin-bottom: 6px;
  font-weight: 500;
  line-height: 1.4;
}

.item-desc {
  font-size: var(--qc-text-16, 16px);
  letter-spacing: -1px;
  color: #999;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 8px;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.item-footer {
  font-size: var(--qc-text-16, 16px);
  color: #555;
  align-items: center;
  gap: 16px;
  display: flex;
}

.item-footer span {
  align-items: center;
  gap: 4px;
  display: flex;
}

.item-footer img.icon {
  object-fit: contain;
  width: 18px;
  height: 18px;
}

.main_section7 {
  padding: 80px 0 0;
}

.body_inner {
  margin: auto;
  padding: 0 calc(50% - 600px);
  position: relative;
  overflow: hidden;
}

.main_section7__banner {
  flex-wrap: wrap;
  gap: 20px;
  display: flex;
}

.main_section7__banner__item {
  width: calc(50% - 10px);
  position: relative;
}

.main_section7__banner__item .img_box img {
  object-fit: unset;
}

.main_section10 {
  padding-top: 110px;
}

.side-bar-inc {
  z-index: 9999;
  display: none;
  position: fixed;
  top: 26%;
  right: 140px;
}

.review-section {
  text-align: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.review-title {
  font-size: var(--qc-text-24, 24px);
  text-align: center;
  margin-bottom: 50px;
  font-weight: bold;
}

.review-slider {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.review-cards {
  gap: 10px;
  transition: transform .4s;
  display: flex;
  overflow: hidden;
}

.review-card {
  border-radius: var(--qc-radius-control, 8px);
  text-align: left;
  background: #fff;
  border: 1px solid #ddd;
  flex-shrink: 0;
  width: 180px;
  padding-bottom: 10px;
  overflow: hidden;
}

.review-card img {
  object-fit: cover;
  border-bottom: 1px solid #eee;
  width: 100%;
  height: 215px;
}

.stars {
  align-items: center;
  gap: 2px;
  margin: 8px 10px 0;
  display: flex;
}

.stars img {
  object-fit: contain;
  width: 14px;
  height: 14px;
}

.review-text {
  font-size: var(--qc-text-12, 12px);
  color: #333;
  margin: 6px 10px;
}

.review-score {
  font-size: var(--qc-text-12, 12px);
  color: #888;
  margin-left: 10px;
}

.more-btn-sec10 {
  border-radius: var(--qc-radius-card, 16px);
  font-size: var(--qc-text-18, 18px);
  cursor: pointer;
  background: #fff;
  border: 2px solid #000;
  margin-top: 40px;
  margin-bottom: 60px;
  padding: 20px 60px;
  font-weight: 600;
}

.review-card {
  border-radius: var(--qc-radius-control, 8px);
  background-color: #fff;
  border: 1px solid #e0e0e0;
  width: 240px;
  height: 400px;
  overflow: hidden;
}

.review-img {
  object-fit: cover;
  width: 100%;
  height: 200px;
  display: block;
}

.review-stars {
  margin-top: 10px;
  margin-bottom: -15px;
  margin-left: 10px;
}

.review-stars img {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

.review-description {
  font-size: var(--qc-text-14, 14px);
  color: #333;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  margin: 0;
  padding: 24px 10px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.review-sub {
  font-size: var(--qc-text-12, 12px);
  color: #666;
  -webkit-line-clamp: 3;
  border-top: 1px solid #eee;
  -webkit-box-orient: vertical;
  height: 100%;
  max-height: 62px;
  padding: 15px 10px;
  line-height: 1.2;
  display: -webkit-box;
  overflow: hidden;
}

.review-rating {
  font-size: var(--qc-text-12, 12px);
  color: #888;
  margin: 0;
  padding: 10px;
}

.btn-se10 {
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 1;
  z-index: 999;
  background-color: #fffc;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
}

.btn-se10.left-se10 {
  left: -25px;
}

.btn-se10.right-se10 {
  right: -25px;
}

.side-bar-inc.new, .side-bar-inc.visible {
  top: 1%;
}

.side-bar-inc-main {
  border-radius: var(--qc-radius-xs, 4px);
  background: #fff;
  border: 1px solid #ccc;
  width: 125px;
}

.side-bar-inc .top_cart {
  border-top-left-radius: var(--qc-radius-xs, 4px);
  border-top-right-radius: var(--qc-radius-xs, 4px);
  background-color: #000;
  gap: 5px;
  padding: 10px;
}

.side-bar-inc .top_cart img {
  cursor: pointer;
  filter: grayscale() brightness(1000%);
  transform: rotate(180deg);
}

.side-bar-inc .side-bar-cart {
  text-align: center;
  background-color: #222;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  display: flex;
}

.side-bar-inc .side-bar-cart .flex_c_c {
  color: #fff;
}

.side-bar-inc .side-bar-cart span {
  font-size: var(--qc-text-14, 14px);
  color: #32eafe;
  font-weight: 800;
}

.side-bar-inc .side-bar-cart p {
  font-size: var(--qc-text-14, 14px);
  color: #fff;
}

.side-bar-inc .btn_area {
  padding: 10px;
  position: relative;
}

.side-bar-inc .btn_area a {
  border-radius: var(--qc-radius-xs, 4px);
  width: 100%;
  height: 36px;
  font-size: var(--qc-text-14, 14px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  background-color: #17469d;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.side-bar-inc .btn_area a.b_orange {
  background-color: #ff8827;
  margin-top: 5px;
}

.side-bar-inc .popup_review_cart {
  z-index: 9999;
  width: 100%;
  min-width: 1000px;
  height: 100%;
  display: none;
  position: absolute;
  top: 360%;
  left: -250%;
  transform: translate(-50%, -50%);
}

.side-bar-inc .popup_review_cart .popups {
  border-radius: var(--qc-radius-card, 16px);
  z-index: 1;
  background: #fff;
  border: 1px solid #c1c1c1;
  width: calc(100% - 30px);
  max-width: 1000px;
  padding: 22px 60px 60px;
  position: absolute;
  top: 60%;
  right: -24%;
  transform: translate(-50%, -50%);
}

.side-bar-inc .popup_review_cart .popups.news {
  top: -165%;
}

.side-bar-inc .popup_review_cart .popups .top {
  position: relative;
}

.side-bar-inc .popup_review_cart .popups .top:after {
  content: "";
  background-color: #fff;
  border-bottom: .998px solid #c1c1c1;
  border-left: .998px solid #c1c1c1;
  width: 21px;
  height: 21px;
  position: absolute;
  bottom: -20.68px;
  right: -9.7%;
  transform: translateX(-50%) rotate(222deg);
}

.side-bar-inc .popup_review_cart .popups .top .close {
  opacity: 1;
  background: url("/images/ico/close_icon_popup.png") center no-repeat;
  width: 23px;
  height: 23px;
}

.side-bar-inc .popup_review_cart .popups .pop_contents h2.ttl {
  font-size: var(--qc-text-24, 24px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #222;
  margin-bottom: 25px;
  font-weight: bold;
  line-height: 1.3;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .cart_product {
  border-top: 1px solid #252525;
  max-height: 340px;
  overflow-y: auto;
}

.side-bar-inc .popup_review_cart input[type="checkbox"] {
  display: none;
}

.side-bar-inc .popup_review_cart input + label {
  font-size: var(--qc-text-18, 18px);
  color: #222;
  background: url("/images/ico/ico_checkbox_cart.png") 0 / 30px 30px no-repeat;
  min-height: 30px;
  padding-left: 45px;
  font-weight: 500;
  line-height: 30px;
  display: inline-block;
}

.side-bar-inc .popup_review_cart input:checked + label {
  background-image: url("/images/ico/ico_checkbox_cart_check.png");
  background-size: 38px 30px;
  height: 30px;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .cart_product .product_tit {
  border-bottom: 1px solid #dbdbdb;
  padding: 30px 0;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .product_details {
  margin-top: 12px;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .product_details p.name {
  font-size: var(--qc-text-16, 16px);
  letter-spacing: -1px;
  color: #454545;
  text-wrap: nowrap;
  min-width: 90px;
  margin-bottom: 15px;
  line-height: 1.3;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .product_details p.des-p {
  font-size: var(--qc-text-16, 16px);
  letter-spacing: -1px;
  color: #454545;
  width: calc(100% - 90px);
  margin-bottom: 15px;
  line-height: 1.3;
}

.product_details .name_flex {
  flex-wrap: wrap;
}

.product_details .name_flex .name {
  width: 100%;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .product_details p.price {
  font-size: var(--qc-text-16, 16px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #555;
  font-weight: bold;
  line-height: 1.3;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .total_price {
  padding: 22px 0 50px;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .total_price h2 {
  font-size: var(--qc-text-24, 24px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #222;
  font-weight: bold;
  line-height: 1.3;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .total_price p {
  text-align: right;
  min-width: 90px;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .total_price p span.paymentAmts {
  font-size: var(--qc-text-24, 24px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #18469d;
  font-weight: bold;
  line-height: 1.3;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .total_price p span {
  font-size: var(--qc-text-16, 16px);
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #222;
  font-weight: bold;
  line-height: 1.3;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .product_policy p {
  font-size: var(--qc-text-14, 14px);
  letter-spacing: -1px;
  color: #999;
  padding-left: 10px;
  line-height: 1.3;
  position: relative;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .product_policy p + p {
  margin-top: 5px;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .product_policy p:before {
  content: "-";
  font-size: inherit;
  color: inherit;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}

.side-bar-inc .popup_review_cart .popups .pop_contents .review_porduct_btn {
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 40px;
  display: flex;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .review_porduct_btn button {
  border-radius: var(--qc-radius-xs, 4px);
  width: 260px;
  height: 66px;
  font-size: var(--qc-text-24, 24px);
  letter-spacing: -1px;
  color: #454545;
  text-align: center;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  display: flex;
}

.side-bar-inc .popup_review_cart .popups .pop_contents .review_porduct_btn button.blue {
  color: #fff;
  border: unset;
  background-color: #2a459f;
}

.side-bar-inc .side-center-card {
  flex-direction: column;
  gap: 2px;
  margin-top: 5px;
  display: flex;
}

.side-bar-inc .side-center-card .banner-side-bar img {
  object-fit: cover;
  width: 123px;
}

.side-bar-inc .side-center-card .map_img_n {
  max-width: 125px;
}

.side-bar-inc .side-bar-cart h2 {
  color: #32eafe;
  font-size: var(--qc-text-12, 12px);
}

.side-bar-inc .side-bar-cart h2 span {
  color: #32eafe;
  font-size: var(--qc-text-14, 14px);
  font-weight: 800;
}

.side-bar-inc .top_cart h3 {
  font-size: var(--qc-text-14, 14px);
  color: #fff;
  margin-bottom: 0;
}

.side-bar-inc .side-bar-slide {
  gap: 5px;
  margin-top: 15px;
}

.side-bar-inc .side-bar-slide img {
  cursor: pointer;
  margin-bottom: 10px;
}

.side-bar-inc .side-bar-above {
  padding: 0 10px;
}

.side-bar-inc .title-side-bar {
  font-size: var(--qc-text-14, 14px);
  text-align: center;
  margin-bottom: 10px;
}

.side-bar-inc .img-sidebar {
  width: 100%;
  height: 70px;
  margin-bottom: 6px;
}

.side-bar-new {
  z-index: 999;
  box-sizing: border-box;
  width: auto;
  max-width: calc(100vw - 32px);
  position: fixed;
  bottom: 30px;
  right: 16px;
}

.side-bar-new .info_chat {
  width: auto;
  font-size: var(--qc-text-14, 14px);
  text-align: left;
  border-radius: var(--qc-radius-card, 16px);
  white-space: nowrap;
  background: #fff;
  margin: 0;
  padding: 15px 10px 13px;
  font-weight: 600;
  line-height: 20px;
  position: absolute;
  top: -64px;
  right: 17px;
  box-shadow: 1px 2px 8px #00000024;
}

.side-bar-new .info_chat:before {
  content: "";
  border-top: 9px solid #fff;
  border-left: 9px solid #0000;
  border-right: 9px solid #0000;
  position: absolute;
  bottom: -8px;
  right: 25px;
}

.side-bar-new .btn_close {
  text-indent: -9999px;
  opacity: .7;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  left: auto;
  right: 10px;
  background: #ebebeb url("/images/ico/btn_close2.png") center / 50% no-repeat !important;
}

.side-bar-new .info_chat em {
  font-size: var(--qc-text-12, 12px);
  color: #666;
  font-weight: 400;
}

.side-bar-new .banner-side-bar {
  width: 238px;
  margin-top: 20px;
  display: block;
}

.scroll-to-top {
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  transition: opacity .3s;
  display: flex;
  box-shadow: 0 4px 10px #0000001a;
}

.scroll-to-top img {
  width: 20px;
  height: 20px;
}

.scroll-to-top.visible {
  opacity: 1;
  visibility: visible;
}

.pagination_sidebar {
  color: #ccc;
  justify-content: center;
  display: flex;
}

.pagination_sidebar span {
  color: #000;
  margin-bottom: 10px;
}

.side-bar-inc .side-bar-below {
  display: flex;
}

.side-bar-inc .side-bar-below .left {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 43px;
  display: flex;
}

.side-bar-inc .side-bar-below .right {
  border-top: 1px solid #ccc;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 43px;
  display: flex;
}

.side-bar-inc .left, .side-bar-inc .right {
  cursor: pointer;
}

.side_bar_swipper {
  overflow: hidden;
}

.side-bar-inc .img-container {
  width: 100%;
  position: relative;
}

.side-bar-inc .slide {
  opacity: 0;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  transition: left .5s ease-in-out;
  display: flex;
  position: absolute;
  top: 0;
  left: 100%;
}

.side-bar-inc .slide.active {
  opacity: 1;
  left: 0;
}

.side-bar-new .icon-wrap-social {
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.side-bar-new .robot-container {
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 66px;
  height: 66px;
  padding: 8px;
  display: flex;
}

.side-bar-new .robot-container img {
  width: 80%;
}

.breadcrumb_item {
  margin: 0 5px;
}

@media screen and (width >= 1921px) {
  .side-bar-inc {
    top: 26%;
    right: 12%;
  }

  .main_sale_banner {
    top: 26%;
    left: 12%;
  }
}

@media screen and (width >= 2400px) {
  .side-bar-inc {
    top: 23%;
    right: 16%;
  }

  .main_sale_banner {
    top: 23%;
    left: 16%;
  }
}

@media screen and (width >= 2560px) {
  .side-bar-inc {
    top: 22%;
    right: 19%;
  }

  .main_sale_banner {
    top: 22%;
    left: 19%;
  }
}

@media screen and (width >= 2880px) {
  .side-bar-inc {
    top: 20%;
    right: 22%;
  }

  .main_sale_banner {
    top: 20%;
    left: 22%;
  }
}

@media screen and (width >= 3840px) {
  .side-bar-inc {
    top: 14%;
    right: 29%;
  }

  .main_sale_banner {
    top: 14%;
    left: 29%;
  }
}

@media screen and (width >= 5760px) {
  .side-bar-inc {
    top: 10%;
    right: 36%;
  }

  .main_sale_banner {
    top: 10%;
    left: 36%;
  }
}

@media screen and (width >= 7680px) {
  .side-bar-inc {
    top: 7%;
    right: 39%;
  }

  .main_sale_banner {
    top: 7%;
    left: 39%;
  }
}

@media screen and (width <= 1750px) {
  .side-bar-inc {
    right: 0;
  }

  .main_sale_banner {
    left: 0;
  }
}

@media screen and (width <= 1440px) {
  .side-bar-inc {
    display: none;
  }

  .main_sale_banner, .main_sale_banner.new {
    display: none !important;
  }

  .side-bar-new {
    display: none;
  }
}

.sub_tour_section2 .msg_title {
  text-align: center;
  margin-top: 10px;
  padding-bottom: 10px;
}

:root {
  --primary: #1a1a2e;
  --primary-light: #16213e;
  --accent: #555;
  --accent-hover: #1badff;
  --white: #fff;
  --gray-50: #f8f9fa;
  --gray-100: #f1f3f5;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #6c757d;
  --gray-600: #868e96;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
  --shadow-sm: 0 1px 3px #00000014;
  --shadow-md: 0 4px 12px #0000001a;
  --shadow-lg: 0 8px 30px #0000001f;
  --shadow-xl: 0 20px 60px #00000026;
  --radius-sm: var(--qc-radius-control, 8px);
  --radius-md: var(--qc-radius-card, 16px);
  --radius-lg: var(--qc-radius-control, 8px);
  --radius-xl: var(--qc-radius-section, 24px);
  --transition: all .3s cubic-bezier(.4, 0, .2, 1);
  --font-main: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    sans-serif;
  --max-width: 1280px;
}

.trenvl-main * {
  box-sizing: border-box;
}

.trenvl-main {
  font-family: var(--font-main);
  color: var(--gray-900);
  background: var(--white);
}

.trenvl-main img {
  max-width: 100%;
  height: auto;
}

.trenvl-main a {
  color: inherit;
  transition: var(--transition);
  text-decoration: none;
}

.trenvl-main h2 {
  margin: 0;
  padding: 0;
}

.trenvl-container {
  max-width: var(--max-width);
  height: fit-content;
  margin: 0 auto;
  padding: 0 10px;
}

.trenvl-container-banner-badge {
  max-width: 1500px;
  margin: 0 auto;
  position: relative;
}

.trenvl-hero {
  padding: 60px 0 40px;
  display: flex;
  position: relative;
  overflow-x: clip;
}

.trenvl-hero:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle, #e945600f 0%, #0000 70%);
  border-radius: 50%;
  width: 600px;
  height: 600px;
  position: absolute;
  top: -50%;
  right: -20%;
}

.trenvl-hero-inner {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  display: flex;
}

.trenvl-hero-text {
  flex: none;
  max-width: 400px;
}

.trenvl-hero-text h1 {
  font-size: var(--qc-text-14, 14px);
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 12px;
  font-weight: 600;
}

.trenvl-hero-text .hero-headline {
  font-size: var(--qc-text-48, 48px);
  color: #333;
  margin-bottom: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.trenvl-hero-text .hero-sub {
  font-size: var(--qc-text-18, 18px);
  color: var(--gray-600);
  margin-bottom: 62px;
  line-height: 1.6;
}

.trenvl-search-bar {
  background: var(--white);
  border-radius: var(--qc-radius-pill, 999px);
  box-shadow: var(--shadow-lg);
  align-items: center;
  width: 100%;
  max-width: 520px;
  padding: 6px 6px 6px 24px;
  display: flex;
  position: relative;
}

.trenvl-search-bar input {
  font-size: var(--qc-text-16, 16px);
  color: var(--gray-800);
  font-family: var(--font-main);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 12px 0;
}

.trenvl-search-bar input::placeholder {
  color: var(--gray-400);
}

.trenvl-search-bar .search-btn {
  background: var(--accent);
  color: var(--white);
  border-radius: var(--qc-radius-pill, 999px);
  font-size: var(--qc-text-14, 14px);
  cursor: pointer;
  transition: var(--transition);
  font-weight: 600;
  font-family: var(--font-main);
  white-space: nowrap;
  border: none;
  padding: 14px 32px;
}

.trenvl-search-bar .search-btn:hover {
  background: var(--accent-hover);
  transform: translateY(-1px);
}

.trenvl-search-bar .search_words_list {
  background: var(--white);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  z-index: 100;
  max-height: 300px;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  overflow-y: auto;
}

.trenvl-search-bar .search_words_list li a {
  font-size: var(--qc-text-14, 14px);
  color: var(--gray-700);
  transition: var(--transition);
  padding: 10px 24px;
  display: block;
}

.trenvl-search-bar .search_words_list li a:hover {
  background: var(--gray-50);
  color: var(--accent);
}

.trenvl-coupon-badge {
  z-index: 20;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0;
  display: none;
  position: absolute;
  top: 20px;
  right: -80px;
}

.trenvl-coupon-badge img {
  object-fit: contain;
  background-color: #fff;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  padding: 10px;
}

.trenvl-coupon-badge span {
  font-size: var(--qc-text-12, 12px);
  color: var(--primary);
  font-weight: 600;
}

.trenvl-hero-banner {
  border-radius: var(--radius-xl);
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.trenvl-hero-banner .swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 380px;
  display: block;
}

.trenvl-hero-banner .swiper-main-banner-pagination, .swiper-main-mo-banner-pagination {
  text-align: center;
  justify-content: center;
  gap: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.trenvl-hero-banner .swiper-pagination-bullet {
  background: var(--gray-300);
  opacity: 1;
  width: 8px;
  height: 8px;
  transition: var(--transition);
}

.trenvl-hero-banner .swiper-pagination-bullet-active {
  background: var(--accent);
  border-radius: var(--qc-radius-xs, 4px);
  width: 24px;
}

.trenvl-categories {
  background: var(--white);
  padding: 0 0 30px;
}

.trenvl-section-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.trenvl-section-header h2 {
  font-size: var(--qc-text-32, 32px);
  color: var(--gray-900);
  font-weight: 800;
  line-height: 1.3;
}

.trenvl-section-header .more-link {
  font-size: var(--qc-text-14, 14px);
  color: var(--accent);
  align-items: center;
  gap: 4px;
  font-weight: 600;
  display: flex;
}

.trenvl-section-header .more-link:hover {
  gap: 8px;
}

.trenvl-category-grid {
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  gap: 16px;
  padding-bottom: 8px;
  display: flex;
  overflow-x: auto;
}

.trenvl-category-grid .swiper-slide {
  width: 100px !important;
}

.trenvl-category-grid::-webkit-scrollbar {
  display: none;
}

.trenvl-category-card {
  text-align: center;
  scroll-snap-align: start;
  transition: var(--transition);
  cursor: pointer;
  flex: none;
}

.trenvl-category-card:hover {
  transform: translateY(-2px);
}

.trenvl-category-grid .swiper-wrapper {
  justify-content: center;
}

.trenvl-category-card .cat-img {
  border-radius: var(--qc-radius-section, 24px);
  width: 80px;
  transition: var(--transition);
  margin: 0 auto 12px;
  padding: 0;
  overflow: hidden;
}

.trenvl-category-card .cat-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: var(--transition);
}

.trenvl-category-card .cat-name {
  font-size: var(--qc-text-14, 14px);
  color: var(--gray-700);
  font-weight: 600;
}

.trenvl-editor-choice {
  padding: 60px 0;
}

.trenvl-editor-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  display: grid;
}

.trenvl-product-card {
  background: var(--white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.trenvl-product-card .card-img {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
}

.trenvl-product-card .card-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: var(--transition);
  position: absolute;
  top: 0;
  left: 0;
}

.trenvl-product-card .card-labels {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
  position: absolute;
  top: 12px;
  left: 12px;
}

.trenvl-product-card .card-label {
  border-radius: var(--qc-radius-section, 24px);
  font-size: var(--qc-text-12, 12px);
  color: var(--white);
  background: var(--accent);
  padding: 4px 10px;
  font-weight: 600;
}

.trenvl-product-card .card-body {
  flex-direction: column;
  flex: 1;
  padding: 16px;
  display: flex;
}

.trenvl-product-card .card-category {
  font-size: var(--qc-text-12, 12px);
  color: var(--gray-500);
  margin-bottom: 6px;
  font-weight: 500;
}

.trenvl-product-card .card-title {
  font-size: var(--qc-text-14, 14px);
  color: var(--gray-900);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 2.8em;
  margin-bottom: 8px;
  font-weight: 700;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.trenvl-product-card .card-desc {
  font-size: var(--qc-text-12, 12px);
  color: var(--gray-500);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex: 1;
  margin-bottom: 12px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.trenvl-product-card .card-footer {
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.trenvl-product-card .card-price {
  font-size: var(--qc-text-18, 18px);
  color: var(--primary);
  font-weight: 800;
}

.trenvl-product-card .card-price .currency {
  font-size: var(--qc-text-12, 12px);
  color: var(--gray-500);
  margin-left: 2px;
  font-weight: 500;
}

.trenvl-product-card .card-price .usd-price {
  font-size: var(--qc-text-12, 12px);
  color: var(--gray-400);
  margin-top: 5px;
  font-weight: 500;
  display: block;
}

.usd-price {
  margin-top: 5px;
}

.trenvl-product-card .card-stats {
  align-items: center;
  gap: 12px;
  display: flex;
}

.trenvl-product-card .card-stat {
  font-size: var(--qc-text-12, 12px);
  color: var(--gray-500);
  align-items: center;
  gap: 4px;
  display: flex;
}

.trenvl-product-card .card-stat img {
  width: 16px;
}

.trenvl-product-card .prd_no_price {
  font-size: var(--qc-text-14, 14px);
  color: var(--accent);
  margin-top: 0;
  font-weight: 600;
}

.trenvl-booking {
  background: var(--white);
  padding: 60px 0;
}

.trenvl-tab-nav {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
  display: flex;
}

.trenvl-tab-nav li {
  border-radius: var(--qc-radius-pill, 999px);
  font-size: var(--qc-text-14, 14px);
  color: var(--gray-600);
  background: var(--gray-100);
  cursor: pointer;
  transition: var(--transition);
  border: 2px solid #0000;
  padding: 10px 24px;
  font-weight: 600;
  list-style: none;
}

.trenvl-tab-nav li.on, .trenvl-tab-nav li:hover {
  background: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}

.trenvl-booking-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  display: grid;
}

.trenvl-booking-card {
  background: var(--white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
  overflow: hidden;
}

.trenvl-booking-card .bk-img {
  width: 100%;
  padding-top: 73%;
  position: relative;
  overflow: hidden;
}

.trenvl-booking-card .bk-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: var(--transition);
  position: absolute;
  top: 0;
  left: 0;
}

.trenvl-booking-card .bk-body {
  padding: 16px;
}

.trenvl-booking-card .bk-breadcrumb {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
  display: flex;
}

.trenvl-booking-card .bk-breadcrumb li {
  font-size: var(--qc-text-12, 12px);
  color: var(--gray-500);
  font-weight: 500;
}

.trenvl-booking-card .bk-breadcrumb li.sep {
  color: var(--gray-300);
}

.trenvl-booking-card .bk-title {
  font-size: var(--qc-text-14, 14px);
  color: var(--gray-900);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
  font-weight: 700;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.trenvl-booking-card .bk-price {
  font-size: var(--qc-text-18, 18px);
  color: var(--primary);
  font-weight: 800;
}

.trenvl-booking-card .bk-price .currency {
  font-size: var(--qc-text-12, 12px);
  color: var(--gray-500);
  font-weight: 500;
}

.trenvl-booking-card .bk-stats, .card-stats {
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
}

.bt-stats {
  margin-top: 8px;
  margin-bottom: 8px;
}

.trenvl-booking-card .bk-stat {
  font-size: var(--qc-text-12, 12px);
  color: var(--gray-500);
  align-items: center;
  gap: 4px;
  display: flex;
}

.trenvl-booking-card .bk-stat svg, .trenvl-editor-grid .card-stat svg {
  width: 16px;
  height: 16px;
}

.trenvl-load-more {
  justify-content: center;
  margin-top: 40px;
  display: flex;
}

.trenvl-load-more button {
  border: 2px solid var(--gray-200);
  border-radius: var(--qc-radius-pill, 999px);
  background: var(--white);
  font-size: var(--qc-text-14, 14px);
  color: var(--gray-700);
  cursor: pointer;
  transition: var(--transition);
  font-weight: 600;
  font-family: var(--font-main);
  padding: 14px 48px;
}

.trenvl-load-more button:hover {
  border-color: var(--accent);
  color: var(--accent);
}

.trenvl-beauty {
  background: linear-gradient(135deg, #f8f8f8 0% 100%);
  padding: 60px 0;
}

.trenvl-beauty-slider {
  position: relative;
}

.trenvl-beauty-card {
  background: var(--white);
  border-radius: var(--radius-lg);
  transition: var(--transition);
  overflow: hidden;
}

.trenvl-beauty-card .bt-img {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

.trenvl-beauty-card .bt-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: var(--transition);
}

.trenvl-beauty-card .bt-body {
  padding: 16px;
}

.trenvl-beauty-card .bt-name {
  font-size: var(--qc-text-14, 14px);
  color: var(--gray-900);
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 6px;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
}

.trenvl-beauty-card .bt-footer {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.trenvl-beauty-card .bt-price {
  font-size: var(--qc-text-16, 16px);
  color: var(--primary);
  font-weight: 800;
}

.trenvl-beauty-card .bt-price .currency {
  font-size: var(--qc-text-12, 12px);
  color: var(--gray-500);
  font-weight: 500;
}

.trenvl-beauty-card .bt-stats {
  gap: 10px;
  display: flex;
}

.trenvl-beauty-card .bt-stat {
  font-size: var(--qc-text-12, 12px);
  color: var(--gray-500);
  align-items: center;
  gap: 3px;
  display: flex;
}

.trenvl-beauty-card .bt-stat svg {
  width: 14px;
  height: 14px;
}

.trenvl-slider-nav {
  background: var(--white);
  width: 44px;
  height: 44px;
  box-shadow: var(--shadow-md);
  cursor: pointer;
  z-index: 10;
  transition: var(--transition);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.trenvl-slider-nav:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-50%) scale(1.05);
}

.trenvl-slider-nav svg {
  width: 20px;
  height: 20px;
  color: var(--gray-700);
}

.trenvl-kgood {
  color: var(--white);
  background: #5c5c6e;
  padding: 60px 0;
}

.trenvl-kgood .trenvl-section-header h2 {
  color: var(--white);
}

.trenvl-kgood .trenvl-section-header .more-link {
  color: #ffffffb3;
}

.trenvl-kgood .trenvl-section-header .more-link:hover {
  color: var(--white);
}

.trenvl-kgood-subtitle {
  font-size: var(--qc-text-14, 14px);
  color: #fff9;
  margin-bottom: 32px;
}

.trenvl-kgood-layout {
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  display: grid;
}

.trenvl-kgood-main {
  border-radius: var(--radius-xl);
  height: 100%;
  min-height: 400px;
  position: relative;
  overflow: hidden;
}

.trenvl-kgood-main img {
  object-fit: cover;
  width: 100%;
  height: 604px;
}

.trenvl-kgood-main .kgood-overlay {
  background: linear-gradient(#0000, #000000b3);
  padding: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.trenvl-kgood-main .kgood-overlay .kgood-name {
  font-size: var(--qc-text-18, 18px);
  color: var(--white);
  margin-bottom: 8px;
  font-weight: 700;
}

.trenvl-kgood-main .kgood-overlay .kgood-tags {
  font-size: var(--qc-text-12, 12px);
  color: #ffffffb3;
}

.trenvl-kgood-list {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.trenvl-kgood-item {
  border-radius: var(--radius-md);
  transition: var(--transition);
  background: #ffffff14;
  gap: 16px;
  display: flex;
  overflow: hidden;
}

.trenvl-kgood-item:hover {
  background: #ffffff24;
}

.trenvl-kgood-item .kgi-img {
  flex: 0 0 140px;
  height: 140px;
  overflow: hidden;
}

.trenvl-kgood-item .kgi-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.trenvl-kgood-item .kgi-body {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 12px 16px 12px 0;
  display: flex;
}

.trenvl-kgood-item .kgi-title {
  font-size: var(--qc-text-14, 14px);
  color: var(--white);
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 4px;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
}

.trenvl-kgood-item .kgi-desc {
  font-size: var(--qc-text-12, 12px);
  color: #fff9;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 8px;
  display: -webkit-box;
  overflow: hidden;
}

.trenvl-kgood-item .kgi-stats {
  gap: 10px;
  display: flex;
}

.trenvl-kgood-item .kgi-stat {
  font-size: var(--qc-text-12, 12px);
  color: #ffffff80;
  align-items: center;
  gap: 3px;
  display: flex;
}

.trenvl-kgood-item .kgi-stat svg {
  width: 14px;
  height: 14px;
}

.trenvl-mid-banner {
  background: var(--gray-50);
  padding: 40px 0;
}

.trenvl-mid-banner-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  display: grid;
}

.trenvl-mid-banner-item {
  border-radius: var(--radius-lg);
  transition: var(--transition);
  overflow: hidden;
}

.trenvl-mid-banner-item img {
  width: 100%;
  height: auto;
  display: block;
}

.trenvl-reviews {
  background: var(--white);
  padding: 60px 0;
}

.trenvl-review-slider {
  position: relative;
}

.trenvl-review-card {
  background: var(--white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--gray-100);
  transition: var(--transition);
  overflow: hidden;
}

.trenvl-review-card:hover {
  box-shadow: var(--shadow-md);
  border-color: #0000;
}

.trenvl-review-card .rv-img {
  width: 100%;
  height: 180px;
  overflow: hidden;
}

.trenvl-review-card .rv-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.trenvl-review-card .rv-body {
  padding: 16px;
}

.trenvl-review-card .rv-stars {
  gap: 2px;
  margin-bottom: 10px;
  display: flex;
}

.trenvl-review-card .rv-stars img {
  width: 16px;
  height: 16px;
}

.trenvl-review-card .rv-title {
  font-size: var(--qc-text-14, 14px);
  color: var(--gray-900);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3em;
  margin-bottom: 6px;
  font-weight: 700;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.trenvl-review-card .rv-text {
  font-size: var(--qc-text-12, 12px);
  color: var(--gray-500);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 4.5em;
  margin-bottom: 8px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.trenvl-review-card .rv-count {
  font-size: var(--qc-text-12, 12px);
  color: var(--gray-400);
}

.trenvl-review-more {
  justify-content: center;
  margin-top: 32px;
  display: flex;
}

.trenvl-review-more a {
  border: 2px solid var(--gray-200);
  border-radius: var(--qc-radius-pill, 999px);
  font-size: var(--qc-text-14, 14px);
  color: var(--gray-700);
  transition: var(--transition);
  padding: 12px 40px;
  font-weight: 600;
}

.trenvl-review-more a:hover {
  border-color: var(--accent);
  color: var(--accent);
}

.icon-heart, .icon-comment {
  vertical-align: middle;
  display: inline-block;
}

@media screen and (width <= 1250px) {
  .trenvl-hero-text {
    display: none;
  }

  .trenvl-container {
    max-width: 100%;
    padding: unset;
    margin: 0 auto;
  }

  .trenvl-hero {
    padding: unset;
  }

  .trenvl-container-banner-badge {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
  }

  .trenvl-hero-banner {
    flex: 1;
    min-width: 0;
    position: relative;
    overflow: hidden;
    border-radius: 0 !important;
  }

  .trenvl-hero-banner .mainBannerSwiper {
    width: 100%;
    height: 420px;
    position: relative;
    overflow: hidden;
    border-radius: 0 !important;
  }

  .trenvl-categories, .trenvl-editor-choice, .trenvl-booking, .trenvl-beauty, .trenvl-kgood, .trenvl-mid-banner, .trenvl-reviews {
    padding: 40px 20px;
  }
}

@media screen and (width <= 1024px) {
  .trenvl-category-card .cat-img {
    width: unset;
    border-radius: var(--radius-lg);
    transition: var(--transition);
    margin: 0 auto 12px;
    padding: 10px;
    overflow: hidden;
  }

  .trenvl-hero-text {
    display: none;
  }

  .trenvl-container {
    max-width: 100%;
    padding: unset;
    margin: 0 auto;
  }

  .trenvl-hero {
    padding: unset;
  }

  .trenvl-container-banner-badge {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
  }

  .trenvl-hero-banner {
    flex: 1;
    min-width: 0;
    position: relative;
    overflow: hidden;
    border-radius: 0 !important;
  }

  .trenvl-hero-banner .mainBannerSwiper {
    width: 100%;
    height: 420px;
    position: relative;
    overflow: hidden;
    border-radius: 0 !important;
  }
}

@media screen and (width <= 768px) {
  .trenvl-hero {
    padding: 40px 0 30px;
  }

  .trenvl-hero-text .hero-headline {
    font-size: var(--qc-text-32, 32px);
  }

  .trenvl-hero-text .hero-sub {
    font-size: var(--qc-text-14, 14px);
  }

  .trenvl-hero-banner .swiper-slide img {
    height: 240px;
  }

  .trenvl-section-header h2 {
    font-size: var(--qc-text-24, 24px);
  }

  .trenvl-categories, .trenvl-editor-choice, .trenvl-booking, .trenvl-beauty, .trenvl-kgood, .trenvl-mid-banner, .trenvl-reviews {
    padding: 20px;
  }

  .trenvl-editor-grid, .trenvl-booking-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    display: grid;
  }

  .trenvl-kgood-layout {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    display: grid;
  }

  .trenvl-tab-nav {
    scrollbar-width: none;
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .trenvl-tab-nav::-webkit-scrollbar {
    display: none;
  }

  .trenvl-tab-nav li {
    white-space: nowrap;
    flex-shrink: 0;
  }

  .trenvl-kgood-item .kgi-img {
    flex: 0 0 100px;
    height: 100px;
  }

  .trenvl-slider-nav.prev {
    left: -8px;
  }

  .trenvl-slider-nav.next {
    right: -8px;
  }

  .trenvl-mid-banner-grid {
    grid-template-columns: 1fr;
  }

  .trenvl-hd-mo-lang select {
    height: 30px;
  }

  .trenvl-category-grid .swiper-slide {
    width: 10rem !important;
  }

  .trenvl-category-card .cat-img img {
    width: 100%;
    height: auto;
  }

  .trenvl-category-card .cat-img {
    border-radius: var(--radius-lg);
    width: 10rem;
    transition: var(--transition);
    margin: 0 auto 12px;
    padding: 0;
    overflow: hidden;
  }

  .trenvl-category-grid {
    padding-left: 1.8rem;
  }

  .trenvl-kgood-main img {
    object-fit: cover;
    width: 100%;
    height: 435px;
  }

  .trenvl-category-card .cat-name {
    font-size: var(--qc-text-12, 12px);
  }
}

@media screen and (width <= 480px) {
  .trenvl-hero-text .hero-headline {
    font-size: var(--qc-text-24, 24px);
  }

  .trenvl-search-bar {
    border-radius: var(--radius-lg);
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }

  .trenvl-kgood-layout {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    display: grid;
  }

  .trenvl-search-bar input {
    text-align: center;
    width: 100%;
  }

  .trenvl-search-bar .search-btn {
    width: 100%;
  }

  .trenvl-product-card .card-price, .trenvl-booking-card .bk-price {
    font-size: var(--qc-text-16, 16px);
  }
}

.side-bar-inc .side-center-card .banner-side-bar {
  display: none;
}

.main_sale_banner.new {
  top: 1%;
}

.main_sale_banner {
  top: 75%;
}

.side-bar-inc.new, .side-bar-inc.visible {
  top: 1%;
}

.side-bar-inc {
  top: 75%;
}

.trenvl-container.news {
  box-sizing: border-box;
  margin-bottom: 24px;
  padding: 0;
}

.coupon_sect {
  border-radius: var(--qc-radius-card, 16px);
  box-sizing: border-box;
  background-color: #ecf0fa;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 18px 28px;
  display: flex;
}

.coupon_sect .info_coupon h2 {
  font-size: var(--qc-text-18, 18px);
  color: #111;
  margin: 0;
  font-weight: 800;
  line-height: 1.3;
}

.coupon_sect .info_coupon p {
  font-size: var(--qc-text-14, 14px);
  color: #555;
  margin: 4px 0 0;
  font-weight: 400;
  line-height: 1.3;
}

.coupon_sect .link_login {
  border-radius: var(--qc-radius-xs, 4px);
  font-size: var(--qc-text-14, 14px);
  color: #fff;
  white-space: nowrap;
  background-color: #445dd6;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 9px 18px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .2s;
  display: inline-flex;
}

.coupon_sect .link_login:hover {
  background-color: #364bb3;
}

@media (width <= 850px) {
  .trenvl-container.news {
    margin-bottom: 20px;
    padding: 0 16px;
  }

  .coupon_sect {
    border-radius: var(--qc-radius-control, 8px);
    box-sizing: border-box;
    background-color: #ecf0fa;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 12px 14px;
    display: flex;
  }

  .coupon_sect .info_coupon {
    flex: 1;
    min-width: 0;
  }

  .coupon_sect .info_coupon h2 {
    font-size: var(--qc-text-12, 12px);
    color: #000;
    white-space: nowrap;
    margin: 0;
    font-weight: 800;
    line-height: 1.35;
  }

  .coupon_sect .info_coupon p {
    font-size: var(--qc-text-12, 12px);
    color: #444;
    white-space: nowrap;
    margin: 2px 0 0;
    font-weight: 400;
    line-height: 1.35;
  }

  .coupon_sect .link_login {
    border-radius: var(--qc-radius-xs, 4px);
    font-size: var(--qc-text-12, 12px);
    color: #fff;
    white-space: nowrap;
    text-align: center;
    background-color: #445dd6;
    flex-shrink: 0;
    padding: 6px 11px;
    font-weight: 600;
    line-height: 1.2;
  }
}

.hero__arrow {
  z-index: 20;
  backdrop-filter: blur(8px);
  color: #fff;
  background: #0000001a;
  border: 1px solid #ffffff40;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.hero__arrow:hover {
  background: #000000a6;
  border-color: #ffffff73;
}

@media (width >= 1024px) {
  .hero__arrow--prev {
    left: -1.3rem;
  }

  .hero__arrow--next {
    right: -2.6rem;
  }
}

@media screen and (width <= 850px) {
  .hero__arrow--prev {
    left: 2.2857rem;
  }

  .hero__arrow--next {
    right: 2.2857rem;
  }

  .hero__arrow {
    width: 6.1429rem;
    height: 6.1429rem;
  }

  .icon-md {
    width: 3.4286rem;
    height: 3.4286rem;
  }
}

.blink-fix {
  width: 100%;
  height: 520px;
  overflow: hidden;
}

.blink-fix:has(.single-no-swiper) {
  height: 456px;
}

.blink-fix:has(.swiperParent) {
  display: block;
}

.blink-fix-sub {
  width: 100%;
  min-height: 14.7rem;
  display: none;
}

.blink-fix-sub:has(.swiperParent) {
  display: block;
}

.btn-swiper-all:after {
  content: "전체보기";
}

.swiper-pagination-wrap {
  justify-content: center;
  align-items: center;
  gap: 1.44rem;
  width: 100%;
  padding: 1.5rem 0;
  display: flex;
}

.book-time-list .swiper-container, .golfto-ontube .swiper .swiper-container, .localguide .infographics-swiper .swiper-container, .main-sub-slide, .product section .swiper-container, .product-ontube .swiper .swiper-container, .recommend-content-11 .maxinner, .recommend-content-13 .maxinner, .recommend-content-8 .maxinner, .swiper-pagination-wrap .swiper-pagination, .toto-inner .swiper-pagination {
  position: relative;
}

.swiper-pagination-wrap .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-wrap .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-wrap .swiper-pagination-custom, .swiper-pagination-wrap .swiper-pagination-fraction {
  width: auto;
  top: auto;
  bottom: auto;
  left: auto;
  margin-top: 0 !important;
}

.swiper-pagination-wrap .swiper-controls {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.swiper-pagination-wrap .swiper-counter {
  align-items: center;
  gap: 1.12rem;
  display: flex;
}

.swiper-pagination-wrap .swiper-counter-current {
  font-size: var(--qc-text-14, 14px);
  font-weight: 700;
  line-height: 1;
}

.swiper-pagination-wrap .swiper-counter-total {
  font-size: var(--qc-text-14, 14px);
  color: #b2b1b1;
  margin-right: .44rem;
  font-weight: 500;
  line-height: 1;
}

.swiper-pagination-wrap .swiper-stop, .swiper-pagination-wrap .swiper-view-all {
  cursor: pointer;
  align-items: center;
  display: flex;
}

.swiper-pagination-wrap .swiper-stop.swiper-stop-active {
  opacity: .8;
}

.swiper-pagination-wrap .swiper-stop.swiper-stop-active img {
  filter: brightness(.7);
  height: .75rem;
}

.swiper-pagination-wrap .swiper-stop img {
  transition: all .3s;
}

.swiper-pagination-wrap .swiper-stop:hover {
  transition: transform .2s;
  transform: scale(1.1);
}

.swiper-pagination-wrap .swiper-stop:active {
  transform: scale(.95);
}

.toto-inner {
  width: 940px;
  height: 560.5px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}

.toto-inner:has(.single-no-swiper) {
  height: 456px;
}

.toto-inner .swiper-pagination-bullet-active {
  border-radius: var(--qc-radius-control, 8px);
  background: #000;
  width: 2rem;
}

.toto-inner .swiper-pagination-bullet.hidden {
  display: none !important;
}

.toto-swiper.swiper.single-swiper {
  width: 100%;
  max-width: 80rem;
  padding: 0;
  overflow: visible;
}

.toto-swiper.swiper.single-swiper .swiper-wrapper {
  width: 100%;
  padding-top: 2.5rem;
  display: flex;
}

.toto-swiper.swiper.single-swiper .swiper-slide {
  align-items: flex-end;
  width: 100vw;
  max-width: 80rem;
  height: 380px;
  padding-top: 0;
  transition: opacity .4s;
  position: relative;
}

.toto-swiper.swiper.single-swiper .swiper-slide .swiper-slide-inner {
  width: 100%;
  min-height: 380px;
  position: relative;
}

.toto-swiper.swiper.single-swiper .swiper-slide .toto-content {
  border-radius: var(--qc-radius-card, 16px);
  height: 380px;
  position: relative;
}

.toto-swiper.swiper.single-swiper .swiper-slide .toto-content-inner {
  width: 100%;
  height: 380px;
  position: absolute;
  top: 0;
  left: 0;
}

#bannerViewAll .modal-body .bn-content, .toto-swiper.swiper.single-swiper .swiper-slide .bn-content {
  height: 380px;
  padding: 2rem;
  transition: all 1s ease-out 1s;
  position: relative;
}

#bannerViewAll .modal-body .bn-badge, .toto-swiper.swiper.single-swiper .swiper-slide .bn-badge {
  border-radius: var(--qc-radius-card, 16px);
  font-size: var(--qc-text-14, 14px);
  background-color: #fff;
  padding: .188rem .625rem;
  font-weight: 600;
  display: inline-block;
  position: absolute;
  top: 2.5rem;
  left: 2.75rem;
}

.toto-swiper.swiper.single-swiper .swiper-slide .bn-text-wrap {
  width: calc(100% - 3.5rem);
  position: absolute;
  top: 5.2rem;
  left: 2.75rem;
}

.toto-swiper.swiper.single-swiper .swiper-slide .bn-text-wrap .bn-title {
  font-size: var(--qc-text-32, 32px);
  white-space: pre-wrap;
  font-weight: 700;
  line-height: 128%;
}

.toto-swiper.swiper.single-swiper .swiper-slide .bn-text-wrap .bn-text {
  font-size: var(--qc-text-14, 14px);
  margin-top: 1rem;
  display: none;
}

.toto-swiper.swiper.multi-swiper .swiper-slide .bn-text-wrap .bn-text span, .toto-swiper.swiper.single-swiper .swiper-slide .bn-text-wrap .bn-text span {
  white-space: pre-wrap;
  display: block;
}

.toto-swiper.swiper.single-swiper .swiper-slide .bn-img {
  width: calc(100% - 2rem);
  max-width: 280px;
  height: auto;
  display: block;
  position: absolute;
  bottom: 2.5rem;
  right: .75rem;
}

#bannerViewAll .modal-body .bn-img img, .toto-swiper.swiper.multi-swiper .swiper-slide .bn-img img, .toto-swiper.swiper.single-swiper .swiper-slide .bn-img img {
  object-fit: contain;
  width: 100%;
}

#bannerViewAll .modal-body .event-msg-wrap, .toto-swiper.swiper.multi-swiper .swiper-slide .event-msg-wrap, .toto-swiper.swiper.single-swiper .swiper-slide .event-msg-wrap {
  float: right;
  width: 180px;
  display: none;
  position: relative;
}

#bannerViewAll .modal-body .main-sub-slide, #bannerViewAll .modal-body .swiper-slide {
  width: 100% !important;
  margin-right: 0 !important;
}

.toto-swiper.swiper.single-swiper .swiper-slide .event-msg-wrap:after {
  position: absolute;
  top: -85px;
  left: 40px;
}

.toto-swiper.swiper.single-swiper .swiper-slide .event-msg-wrap .event-msg, .toto-swiper.swiper.single-swiper .swiper-slide-active .event-msg-wrap .event-msg {
  z-index: 1;
  top: -15px;
  right: 40px;
}

.toto-swiper.swiper.single-swiper .swiper-slide-active {
  padding-top: 0;
}

.toto-swiper.swiper.single-swiper .swiper-slide-active .toto-content {
  height: 380px;
  transform: scaleX(1);
}

.toto-swiper.swiper.single-swiper .swiper-slide-active .bn-badge {
  transform-origin: 0 0;
  top: 2.5rem;
  left: 2.75rem;
}

.toto-swiper.swiper.single-swiper .swiper-slide-active .bn-text-wrap {
  width: calc(100% - 5.5rem);
  top: 5.2rem;
  left: 2.75rem;
}

.toto-swiper.swiper.single-swiper .swiper-slide-active .bn-text-wrap .bn-title {
  font-size: var(--qc-text-32, 32px);
  line-height: 128%;
}

.toto-swiper.swiper.single-swiper .swiper-slide-active .bn-text-wrap .bn-text {
  font-size: var(--qc-text-18, 18px);
  line-height: 1.4;
  display: block;
}

.toto-swiper.swiper.single-swiper .swiper-slide-active .bn-text-wrap .bn-text span {
  margin-right: .25rem;
  display: inline-block;
}

.toto-swiper.swiper.single-swiper .swiper-slide-active .bn-img {
  width: calc(100% - 2rem);
  max-width: 300px;
  transition-duration: .3s;
  display: block;
  position: absolute;
  bottom: 2rem;
  right: 2.75rem;
}

.toto-swiper.swiper.single-swiper .swiper-navigation {
  width: 100vw;
  max-width: 80rem;
  margin-top: -1.25rem;
  margin-left: -40rem;
  left: 50%;
}

.toto-swiper.swiper.multi-swiper {
  width: 940px;
  margin: 0 auto;
  overflow: visible;
}

.toto-swiper.swiper.multi-swiper .swiper-wrapper {
  padding-top: 2.5rem;
  display: flex;
}

.toto-swiper.swiper.multi-swiper .swiper-button-wrapper {
  z-index: 1;
  width: 100%;
  max-width: 50rem;
  height: 1.875rem;
  margin-top: 2.25rem;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.toto-swiper.swiper.multi-swiper .swiper-view-all-wrap {
  justify-content: end;
  width: auto;
  max-width: 80rem;
  margin-left: 16vw;
  display: flex;
  position: absolute;
  bottom: .25rem;
  left: 68%;
}

.toto-swiper.swiper.multi-swiper .swiper-slide .swiper-slide-inner {
  width: 100%;
  position: relative;
}

.toto-swiper.swiper.multi-swiper .swiper-slide .toto-content {
  border-radius: var(--qc-radius-card, 16px);
  will-change: transform, box-shadow;
  height: 380px;
  position: relative;
}

.toto-swiper.swiper.multi-swiper .swiper-slide .toto-content-inner {
  width: 100%;
  height: 285px;
  position: absolute;
  top: 0;
  left: 0;
}

.toto-swiper.swiper.multi-swiper .swiper-slide .bn-content {
  height: 380px;
  padding: 2.5rem 2rem;
  position: relative;
}

.toto-swiper.swiper.multi-swiper .swiper-slide .bn-badge {
  border-radius: var(--qc-radius-card, 16px);
  font-size: var(--qc-text-14, 14px);
  background-color: #fff;
  padding: .188rem .625rem;
  font-weight: 600;
  display: inline-block;
  position: absolute;
  top: 2.5rem;
  left: 2.125rem;
}

.toto-swiper.swiper.multi-swiper .swiper-slide .bn-text-wrap {
  width: calc(100% - 4rem);
  position: absolute;
  top: 5.04rem;
  left: 2.125rem;
}

.toto-swiper.swiper.multi-swiper .swiper-slide .bn-text-wrap .bn-title {
  font-size: var(--qc-text-18, 18px);
  color: #fff;
  font-weight: 700;
}

.toto-swiper.swiper.multi-swiper .swiper-slide .bn-text-wrap .bn-text {
  color: #fff;
  margin-top: .75rem;
  padding-left: .125rem;
  line-height: 1.4;
}

.toto-swiper.swiper.multi-swiper .swiper-slide .bn-img {
  width: calc(100% - 2rem);
  max-width: 180px;
  height: auto;
  display: block;
  position: absolute;
  bottom: 1rem;
  right: 1.5rem;
}

#bannerViewAll .modal-body .event-msg-wrap:after, .toto-swiper.swiper.multi-swiper .swiper-slide .event-msg-wrap:after {
  position: absolute;
  top: -85px;
  left: 70px;
}

#bannerViewAll .modal-body .event-msg-wrap .event-msg, .toto-swiper.swiper.multi-swiper .swiper-slide .event-msg-wrap .event-msg {
  z-index: 1;
  top: -15px;
  right: 10px;
}

.toto-swiper.swiper.multi-swiper .swiper-slide.event-active {
  z-index: 3;
  margin: 0 .625rem;
  padding-top: 0;
}

.toto-swiper.swiper.multi-swiper .swiper-slide.event-active .toto-content {
  width: 100%;
  height: 380px;
  margin-left: auto;
  margin-right: auto;
}

.toto-swiper.swiper.multi-swiper .swiper-slide.event-active .bn-badge {
  left: 2.75rem;
}

.toto-swiper.swiper.multi-swiper .swiper-slide.event-active .bn-text-wrap {
  width: calc(100% - 5.5rem);
  left: 2.75rem;
  transform: scaleX(1);
}

.toto-swiper.swiper.multi-swiper .swiper-slide.event-active .bn-text-wrap .bn-title {
  font-size: var(--qc-text-32, 32px);
  color: #fff;
  line-height: 128%;
}

.toto-swiper.swiper.multi-swiper .swiper-slide.event-active .bn-text-wrap .bn-text {
  opacity: 1;
  font-size: var(--qc-text-18, 18px);
  color: #fff;
  display: block;
}

.toto-swiper.swiper.multi-swiper .swiper-slide.event-active .bn-img {
  transform-origin: 100% 100%;
  max-width: 180px;
  transition-duration: .3s;
  position: absolute;
  bottom: -1rem;
  right: 2rem;
  transform: scale3d(1.2, 1.2, 1.2);
}

.toto-swiper.swiper.multi-swiper .swiper-slide-active .bn-text-wrap {
  transition: none !important;
}

.swiper-container, .swiper-slide, .swiper-slide *, .swiper-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.swiper.dragging, .swiper.dragging * {
  cursor: grabbing !important;
}

.swiper .swiper-slide img {
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
}

.toto-swiper.swiper.multi-swiper .swiper-wrapper {
  cursor: grab;
}

.toto-swiper.swiper.multi-swiper .swiper-wrapper:active {
  cursor: grabbing;
}

.toto-inner .swiper-pagination {
  gap: 5px;
  display: flex;
}

@media (width <= 850px) {
  .blink-fix {
    height: 460px !important;
  }

  .toto-inner {
    width: 100% !important;
    height: 460px !important;
  }

  .toto-swiper.swiper.multi-swiper {
    width: 100%;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide, .toto-swiper.swiper.multi-swiper .swiper-slide.event-active {
    margin: 0 !important;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide .toto-content, .toto-swiper.swiper.multi-swiper .swiper-slide.event-active .toto-content {
    border-radius: 0 !important;
    height: 460px !important;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide .bn-content, .toto-swiper.swiper.multi-swiper .swiper-slide .toto-content-inner {
    height: 460px !important;
  }

  .toto-swiper.swiper.multi-swiper .swiper-wrapper {
    cursor: grab;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide .bn-badge {
    border-radius: var(--qc-radius-card, 16px);
    font-size: var(--qc-text-12, 12px);
    padding: .2rem .6rem;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide.event-active .bn-badge {
    top: 20px;
    left: 20px;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide .bn-text-wrap {
    transform: none;
    width: calc(100% - 40px) !important;
    top: auto !important;
    left: 20px !important;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide.event-active .bn-text-wrap .bn-title {
    font-size: var(--qc-text-12, 12px);
    color: #fff;
    line-height: 1.3;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide.event-active .bn-text-wrap .bn-text {
    font-size: var(--qc-text-12, 12px);
  }

  .swiper-pagination-wrap .swiper-counter-current {
    font-size: var(--qc-text-14, 14px);
    font-weight: 700;
  }

  .toto-inner .swiper-pagination-bullet-active {
    border-radius: var(--qc-radius-xs, 4px);
    width: 24px;
  }

  .swiper-pagination-wrap .swiper-counter-total {
    font-size: var(--qc-text-14, 14px);
    color: #94a3b8;
    font-weight: 600;
    line-height: 1;
  }
}

.icon-sm {
  width: 18px;
  height: 10px !important;
}

.hero-slider-section {
  padding-top: 1.5em;
}

.toto-swiper.swiper.multi-swiper .swiper-slide {
  margin: 0 10px !important;
}

.blink-fix {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.toto-inner {
  width: 940px;
  max-width: 940px;
  height: 380px;
  margin: 0 auto;
  position: relative;
}

.toto-content {
  border-radius: var(--qc-radius-card, 16px);
  width: 100%;
  height: 380px;
}

.bnbg-dual {
  width: 100%;
  height: 100%;
  position: relative;
}

.bnbg-dual .only_web {
  display: block;
}

.bnbg-dual .only_mo {
  display: none;
}

@media (width <= 850px) {
  .hero-slider-section {
    padding-top: 0 !important;
    padding-bottom: 6px !important;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide, .toto-swiper.swiper.multi-swiper .swiper-slide.event-active {
    margin: 0 !important;
  }

  .blink-fix {
    height: 460px !important;
  }

  .toto-inner {
    border-radius: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 460px !important;
    margin: 0 !important;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide, .toto-swiper.swiper.multi-swiper .swiper-slide .toto-content, .toto-swiper.swiper.multi-swiper .swiper-slide.event-active .toto-content, .toto-swiper.swiper.multi-swiper .swiper-slide .bn-content, .toto-swiper.swiper.multi-swiper .swiper-slide .toto-content-inner {
    border-radius: 0 !important;
    height: 460px !important;
  }
}

@media (width >= 600px) and (width <= 850px) {
  .blink-fix {
    height: clamp(300px, 43vw, 380px) !important;
  }

  .toto-inner {
    border-radius: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: clamp(300px, 43vw, 380px) !important;
    margin: 0 !important;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide, .toto-swiper.swiper.multi-swiper .swiper-slide .toto-content, .toto-swiper.swiper.multi-swiper .swiper-slide.event-active .toto-content, .toto-swiper.swiper.multi-swiper .swiper-slide .bn-content, .toto-swiper.swiper.multi-swiper .swiper-slide .toto-content-inner {
    border-radius: 0 !important;
    height: clamp(300px, 43vw, 380px) !important;
  }

  .bnbg-dual .only_web {
    display: block !important;
  }

  .bnbg-dual .only_mo {
    display: none !important;
  }
}

@media (width <= 850px) {
  .bnbg-dual .only_web {
    display: none;
  }

  .bnbg-dual .only_mo {
    display: block;
  }

  .hero__arrow {
    -webkit-backdrop-filter: blur(4px) !important;
    color: #fff !important;
    z-index: 25 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    background: #00000047 !important;
    border: none !important;
    border-radius: 50% !important;
    justify-content: center !important;
    align-items: center !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    display: flex !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  .hero__arrow--prev {
    left: 12px !important;
    right: auto !important;
  }

  .hero__arrow--next {
    left: auto !important;
    right: 12px !important;
  }
}

@media (width >= 851px) and (width <= 1060px) {
  .blink-fix {
    height: 48vw;
  }

  .toto-inner {
    width: 65vw;
    height: 45vw;
  }

  .toto-swiper.swiper.multi-swiper {
    width: 100%;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide .toto-content, .toto-swiper.swiper.multi-swiper .swiper-slide.event-active .toto-content {
    border-radius: 1.5vw;
    height: 30vw;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide .bn-content {
    height: 30vw;
    padding: 2vw;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide .toto-content-inner {
    height: 22vw;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide .bn-badge {
    border-radius: .8vw;
    padding: .6vw 1.5vw;
    font-size: 1.6vw;
    top: 2vw;
    left: 2vw;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide.event-active .bn-badge {
    top: 2vw;
    left: 2vw;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide .bn-text-wrap {
    width: calc(100% - 4vw) !important;
    top: 8vw !important;
    left: 2vw !important;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide.event-active .bn-text-wrap .bn-title {
    font-size: 2.8vw;
    line-height: 120%;
  }

  .toto-swiper.swiper.multi-swiper .swiper-slide.event-active .bn-text-wrap .bn-text {
    font-size: 1.4vw;
  }

  .hero__arrow {
    width: 52px;
    height: 52px;
  }

  .hero__arrow .icon-md {
    width: 26px;
    height: 26px;
  }

  .hero__arrow--prev {
    left: -16px;
  }

  .hero__arrow--next {
    right: -31px;
  }
}

.custom-cat-slider {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 0 20px;
  overflow: hidden;
}

.custom-cat-slider .swiper-wrapper, .cat-slider-track {
  box-sizing: border-box;
  gap: 16px;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  -webkit-overflow-scrolling: touch !important;
  flex-wrap: nowrap !important;
  padding: 0 16px 16px !important;
  display: flex !important;
  overflow-x: auto !important;
}

.custom-cat-slider .swiper-wrapper::-webkit-scrollbar, .cat-slider-track::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.cat-slide-item, .custom-cat-slider .swiper-slide {
  box-sizing: border-box;
  flex-shrink: 0 !important;
  width: auto !important;
}

.cat-item-link {
  color: #333;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.cat-img-box {
  box-sizing: border-box;
  background: #f4f4f4;
  width: 80px;
  height: 80px;
  margin: 0 auto 8px;
  padding: 0;
  transition: transform .25s;
  overflow: hidden;
  border-radius: 50% !important;
}

.cat-item-link:hover .cat-img-box {
  transform: translateY(-2px);
}

.cat-img-box img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50% !important;
}

.cat-label {
  font-size: var(--qc-text-12, 12px);
  color: #333;
  white-space: nowrap;
  text-align: center;
  font-weight: 600;
  line-height: 1.3;
}

.custom-cat-slider .custom-scrollbar, .custom-cat-slider .swiper-scrollbar {
  display: none !important;
}

@media screen and (width <= 850px) {
  .custom-cat-slider {
    padding: 0 0 16px;
  }

  .custom-cat-slider .swiper-wrapper, .cat-slider-track {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 16px !important;
    padding: 0 16px 12px !important;
    display: flex !important;
    overflow-x: auto !important;
  }

  .cat-slide-item, .custom-cat-slider .swiper-slide {
    flex-shrink: 0 !important;
    width: 68px !important;
  }

  .cat-img-box {
    border-radius: 50% !important;
    width: 68px !important;
    height: 68px !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
  }

  .cat-img-box img {
    object-fit: cover !important;
    border-radius: 50% !important;
    width: 100% !important;
    height: 100% !important;
  }

  .cat-label {
    font-size: var(--qc-text-12, 12px) !important;
    color: #222 !important;
    font-weight: 600 !important;
  }

  .custom-cat-slider .custom-scrollbar, .custom-cat-slider .swiper-scrollbar {
    display: none !important;
  }
}

@media screen and (width >= 851px) {
  .custom-cat-slider .swiper-wrapper, .cat-slider-track {
    justify-content: center;
    gap: 28px;
    padding: 10px 0 24px !important;
    overflow-x: visible !important;
  }

  .cat-slide-item, .custom-cat-slider .swiper-slide {
    width: 90px !important;
  }

  .cat-img-box {
    width: 90px !important;
    height: 90px !important;
  }
}

.trenvl-kgoods, .trenvl-kgoods * {
  box-sizing: border-box;
}

.trenvl-kgoods {
  color: #222;
  background: #fff;
  width: 100%;
  margin: 80px 0;
  padding: 0;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

.trenvl-kgoods-inner {
  width: 100%;
  max-width: 1260px;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0 auto;
  padding: 0;
}

.kgoods-header {
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
  margin: 0 0 28px;
  padding: 0;
  display: flex;
}

.kgoods-header-text {
  min-width: 0;
}

.kgoods-header h2 {
  color: #171717;
  font-size: var(--qc-text-32, 32px);
  letter-spacing: -.05em;
  margin: 0;
  font-weight: 750;
  line-height: 1.15;
}

.kgoods-header p {
  color: #85898f;
  font-size: var(--qc-text-14, 14px);
  letter-spacing: -.025em;
  margin: 9px 0 0;
  font-weight: 400;
  line-height: 1.6;
}

.kgoods-more {
  border-radius: var(--qc-radius-pill, 999px);
  color: #36393d;
  min-height: 40px;
  font-size: var(--qc-text-12, 12px);
  white-space: nowrap;
  background: #fff;
  border: 1px solid #dfe1e4;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 17px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: border-color .25s, color .25s, background .25s;
  display: inline-flex;
}

.kgoods-more svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  transition: transform .25s;
}

.kgoods-more:hover {
  color: #fff;
  background: #222;
  border-color: #222;
}

.kgoods-more:hover svg {
  transform: translateX(3px);
}

.kgoods-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
  padding: 0;
  display: grid;
}

.kgoods-card {
  border-radius: var(--qc-radius-control, 8px);
  min-width: 0;
  color: inherit;
  background: #fff;
  border: 1px solid #e7e8ea;
  flex-direction: column;
  text-decoration: none;
  transition: border-color .25s, box-shadow .25s, transform .25s;
  display: flex;
  overflow: hidden;
}

.kgoods-image {
  aspect-ratio: 1;
  background: #f4f5f6;
  width: 100%;
  height: 240px;
  max-height: 240px;
  position: relative;
  overflow: hidden;
}

.kgoods-image img {
  object-fit: cover;
  transition: transform .45s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  max-height: 240px !important;
}

.kgoods-content {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 17px 16px 16px;
  display: flex;
}

.kgoods-category {
  color: #9a9da2;
  font-size: var(--qc-text-12, 12px);
  letter-spacing: -.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 7px;
  font-weight: 600;
  line-height: 1.4;
  overflow: hidden;
}

.kgoods-title {
  color: #25272a;
  min-height: 46px;
  font-size: var(--qc-text-14, 14px);
  letter-spacing: -.035em;
  word-break: keep-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 650;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.kgoods-description {
  color: #8d9196;
  min-height: 38px;
  font-size: var(--qc-text-12, 12px);
  letter-spacing: -.02em;
  word-break: keep-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 7px 0 0;
  font-weight: 400;
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
}

.kgoods-info {
  align-items: center;
  gap: 13px;
  margin: auto 0 0;
  padding: 15px 0 0;
  display: flex;
}

.kgoods-stat {
  color: #9a9da2;
  font-size: var(--qc-text-12, 12px);
  align-items: center;
  gap: 4px;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
}

.kgoods-stat svg {
  width: 14px;
  height: 14px;
}

.kgoods-empty {
  color: #96999e;
  width: 100%;
  font-size: var(--qc-text-14, 14px);
  text-align: center;
  background: #fff;
  border-top: 1px solid #eceeef;
  border-bottom: 1px solid #eceeef;
  margin: 0;
  padding: 60px 20px;
}

@media (width <= 1308px) {
  .trenvl-kgoods {
    margin: 70px 0;
  }

  .trenvl-kgoods-inner {
    width: calc(100% - 48px);
  }
}

@media (width <= 1100px) {
  .kgoods-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px 18px;
  }

  .kgoods-image {
    height: 220px;
    max-height: 220px;
  }
}

@media (width <= 767px) {
  .trenvl-kgoods {
    margin: 60px 0;
  }

  .trenvl-kgoods-inner {
    width: calc(100% - 32px);
  }

  .kgoods-header {
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
  }

  .kgoods-header h2 {
    font-size: var(--qc-text-32, 32px);
  }

  .kgoods-header p {
    max-width: 230px;
    font-size: var(--qc-text-12, 12px);
    margin-top: 7px;
  }

  .kgoods-more {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    padding: 0;
  }

  .kgoods-more span {
    display: none;
  }

  .kgoods-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
  }

  .kgoods-card {
    border-radius: var(--qc-radius-card, 16px);
  }

  .kgoods-image {
    height: 160px;
    max-height: 160px;
  }

  .kgoods-content {
    padding: 13px 12px 12px;
  }

  .kgoods-category {
    font-size: var(--qc-text-12, 12px);
    margin-bottom: 5px;
  }

  .kgoods-title {
    min-height: 42px;
    font-size: var(--qc-text-14, 14px);
    line-height: 1.5;
  }

  .kgoods-description {
    display: none;
  }

  .kgoods-info {
    gap: 10px;
    padding-top: 11px;
  }

  .kgoods-stat {
    font-size: var(--qc-text-12, 12px);
  }
}

.trenvl-mid-banner, .trenvl-mid-banner * {
  box-sizing: border-box;
}

.trenvl-mid-banner {
  background: none;
  border: 0;
  width: 100%;
  margin: 80px 0;
  padding: 0;
}

.trenvl-mid-banner .trenvl-container {
  width: 100%;
  max-width: 1260px;
  box-shadow: none;
  background: none;
  border: 0;
  margin: 0 auto;
  padding: 0;
}

.trenvl-mid-banner-grid {
  background: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
}

.trenvl-mid-banner-item {
  border-radius: var(--qc-radius-card, 16px);
  background: none;
  border: 0;
  width: 100%;
  min-width: 0;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.trenvl-mid-banner-item img {
  object-fit: cover;
  border: 0;
  width: 100%;
  height: auto;
  transition: transform .35s;
  display: block;
}

.trenvl-mid-banner .only_web {
  display: block;
}

.trenvl-mid-banner .only_mo {
  display: none;
}

@media (width <= 1308px) {
  .trenvl-mid-banner .trenvl-container {
    width: calc(100% - 48px);
  }
}

@media (width <= 1024px) {
  .trenvl-mid-banner {
    margin: 70px 0;
  }

  .trenvl-mid-banner-grid {
    gap: 14px;
  }

  .trenvl-mid-banner-item {
    border-radius: var(--qc-radius-card, 16px);
  }
}

@media (width <= 767px) {
  .trenvl-mid-banner {
    margin: 60px 0;
  }

  .trenvl-mid-banner .trenvl-container {
    width: calc(100% - 32px);
  }

  .trenvl-mid-banner-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .trenvl-mid-banner-item {
    border-radius: var(--qc-radius-card, 16px);
  }

  .trenvl-mid-banner .only_web {
    display: none;
  }

  .trenvl-mid-banner .only_mo {
    display: block;
  }
}

.trenvl-beauty, .trenvl-beauty * {
  box-sizing: border-box;
}

.trenvl-beauty {
  color: #222;
  background: #f8f8f8;
  width: 100%;
  padding: 60px 0;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

.trenvl-beauty .trenvl-container {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.trenvl-beauty .trenvl-section-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
  display: flex;
}

.trenvl-beauty .trenvl-section-header h2 {
  font-size: var(--qc-text-32, 32px);
  color: #171717;
  letter-spacing: -.05em;
  margin: 0;
  font-weight: 750;
}

.trenvl-beauty-slider {
  width: 100%;
  position: relative;
}

.beauty_swiper {
  width: 100%;
  overflow: hidden;
}

.trenvl-beauty-card {
  border-radius: var(--qc-radius-card, 16px);
  color: inherit;
  background: #fff;
  border: 1px solid #eef0f2;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 10px #0000000d;
}

.trenvl-beauty-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px #00000017;
}

.trenvl-beauty-card .bt-img {
  background: #f4f5f6;
  width: 100%;
  height: 220px;
  position: relative;
  overflow: hidden;
}

.trenvl-beauty-card .bt-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .4s;
  display: block;
}

.trenvl-beauty-card:hover .bt-img img {
  transform: scale(1.04);
}

.trenvl-beauty-card .bt-body {
  flex-direction: column;
  flex: 1;
  padding: 16px 18px 18px;
  display: flex;
}

.trenvl-beauty-card .bt-name {
  font-size: var(--qc-text-16, 16px);
  color: #1a1a1a;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 6px;
  font-weight: 700;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.trenvl-beauty-card .bt-desc {
  font-size: var(--qc-text-12, 12px);
  color: #717680;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3em;
  margin-bottom: 12px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.trenvl-beauty-card .bt-stats {
  align-items: center;
  gap: 12px;
  margin-top: auto;
  margin-bottom: 12px;
  display: flex;
}

.trenvl-beauty-card .bt-stat {
  font-size: var(--qc-text-12, 12px);
  color: #8c9097;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  display: inline-flex;
}

.trenvl-beauty-card .bt-stat svg {
  stroke: #8c9097;
  width: 14px;
  height: 14px;
}

.trenvl-beauty-card .bt-footer {
  border-top: 1px solid #f0f2f5;
  justify-content: flex-start;
  align-items: center;
  padding-top: 12px;
  display: flex;
}

.trenvl-beauty-card .bt-price {
  font-size: var(--qc-text-16, 16px);
  color: #0056b3;
  letter-spacing: -.02em;
  font-weight: 800;
}

.trenvl-beauty-card .bt-price .currency {
  font-size: var(--qc-text-12, 12px);
  color: #717680;
  margin-left: 2px;
  font-weight: 600;
}

.trenvl-slider-nav {
  cursor: pointer;
  z-index: 10;
  color: #374151;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: all .25s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 4px 14px #0000001f;
}

.trenvl-slider-nav:hover {
  color: #111827;
  background: #fff;
  transform: translateY(-50%) scale(1.06);
  box-shadow: 0 6px 20px #0000002e;
}

.trenvl-slider-nav.prev {
  left: -22px;
}

.trenvl-slider-nav.next {
  right: -22px;
}

.trenvl-slider-nav svg {
  width: 20px;
  height: 20px;
}

.beauty_scrollbar {
  display: none;
}

@media (width <= 1308px) {
  .trenvl-beauty .trenvl-container {
    width: calc(100% - 48px);
  }
}

@media (width <= 768px) {
  .trenvl-beauty {
    padding: 36px 0 32px;
  }

  .trenvl-beauty .trenvl-container {
    width: 100%;
    padding: 0 16px;
  }

  .trenvl-beauty .trenvl-section-header {
    margin-bottom: 20px;
  }

  .trenvl-beauty .trenvl-section-header h2 {
    font-size: var(--qc-text-24, 24px);
    font-weight: 800;
  }

  .trenvl-beauty-slider {
    width: 100%;
    overflow: visible;
  }

  .beauty_swiper {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 0 16px 12px;
    overflow-x: auto !important;
  }

  .beauty_swiper::-webkit-scrollbar {
    display: none;
  }

  .beauty_swiper .swiper-wrapper {
    width: max-content;
    gap: 14px !important;
    display: flex !important;
    transform: none !important;
  }

  .beauty_swiper .swiper-slide {
    scroll-snap-align: center;
    flex: 0 0 230px !important;
    width: 230px !important;
    min-width: 230px !important;
  }

  .trenvl-beauty-card {
    border-radius: var(--qc-radius-card, 16px);
    box-shadow: 0 4px 14px #0000000f;
  }

  .trenvl-beauty-card .bt-img {
    height: 200px;
  }

  .trenvl-slider-nav {
    display: none !important;
  }

  .beauty_scrollbar {
    border-radius: var(--qc-radius-xs, 4px);
    background: #e5e7eb;
    width: calc(100% - 32px);
    height: 4px;
    margin: 16px auto 0;
    position: relative;
    overflow: hidden;
    display: block !important;
  }

  .beauty_scrollbar .beauty_scrollbar_drag {
    border-radius: var(--qc-radius-xs, 4px);
    background: #02e7df;
    height: 100%;
    transition: left .1s linear;
    position: absolute;
    top: 0;
  }
}

.tour-content-wrapper {
  overflow-wrap: break-word;
  word-wrap: break-word;
  contain: layout style;
  overflow: hidden;
}

.tour-content-wrapper > :last-child:after {
  content: "";
  clear: both;
  display: table;
}

.sub_tour_left__sub {
  color: #252525;
  margin-top: 15px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.389;
}

.img_box_9 {
  padding-top: 63.6364%;
}

.img_box_10 {
  padding-top: 73.5751% !important;
}

.img_box_11 {
  padding-top: 12.5%;
}

.img_box_12 {
  width: 100%;
  padding-top: 73.5751% !important;
}

.img_box_13 {
  padding-top: 30.5085%;
}

.hotel_page_content .sub_section3 .img_box > img {
  border-radius: var(--qc-radius-control, 8px) !important;
}

.pt-2 {
  padding-top: 2px;
}

.ttl {
  color: #252525;
  font-size: 24px;
  font-weight: bold;
  line-height: .929;
}

.sub_top_visual {
  background: linear-gradient(to top, #fff, #fff 66px, #f9f8d2 66px, #f9f8d2);
}

.sub_tour {
  padding: 50px 35px 0;
  display: flex;
}

.sub_tour_left {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.sub_tour_left__top {
  display: inline-block;
  position: relative;
}

.sub_tour_left__top__text {
  color: #fff;
  font-size: 16px;
  line-height: 1;
  position: absolute;
  top: 7px;
  right: 10px;
}

.sub_tour_left__ttl {
  color: #252525;
  margin-top: 25px;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.389;
}

.sub_tour__left__more {
  color: #353535;
  margin-top: 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.444;
}

.sub_tour__left__bottom {
  z-index: 20;
  align-items: center;
  gap: 19px;
  margin: auto 0 0;
  padding: 30px 35px 20px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.sub_tour__slide__scroll {
  background-color: #dbdbdb;
  width: auto;
  min-width: 270px;
  height: 2px;
  display: block !important;
}

.sub_tour__slide__paging {
  align-items: center;
  gap: 9px;
  display: flex;
}

.sub_tour__slide__paging__divider {
  background-color: #dbdbdb;
  width: 1px;
  height: 12px;
}

.sub_tour_right {
  width: 660px;
}

.sub_tour_section2 {
  padding: 150px 0 0;
}

.sub_swiper2 .img_box {
  border-radius: var(--qc-radius-card, 16px);
  cursor: pointer;
  max-width: 133px;
}

.sub_swiper2__text {
  color: #fff;
  text-shadow: 2px 2px #000;
  font-size: 18px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.swiper-button-sub-2 {
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 1;
  background-color: #fffc;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  position: absolute;
  top: 43%;
  transform: translateY(-50%);
}

.swiper-button-sub-2.swiper-button-lock, .swiper-button-sub-2.swiper-button-disabled {
  display: none;
}

.swiper-button-prev-sub-2 {
  left: -22px;
}

.swiper-button-next-sub-2 {
  right: -22px;
}

.sub_swiper2_pagination {
  justify-content: center;
  padding: 30px 0 0;
  display: flex;
}

.sub_swiper2_pagination.swiper-pagination-lock {
  display: none;
}

.sub_swiper2_pagination .swiper-pagination-bullet-active {
  background-color: #17469e;
}

.sub_section3 {
  padding: 0;
}

.sub_section3__head {
  justify-content: center;
  gap: 10px;
  padding: 80px 0 0;
  display: flex;
}

.sub_section3__head__ttl {
  color: #252525;
  font-size: 24px;
  font-weight: bold;
}

.sub_section3_swiper {
  padding: 30px 0 0 !important;
}

.prd_name {
  margin-top: 25px;
}

.prd_price_ko {
  margin-top: 14px;
}

.sub_section3_swiper_pagination {
  justify-content: center;
  gap: 8px;
  padding: 20px 0 0;
  display: flex;
}

.sub_section3_swiper_pagination .swiper-pagination-bullet-active {
  background-color: #17469e;
}

.sub_section3 .swiper-button-prev:after, .sub_section3 .swiper-button-next:after {
  display: none;
}

.sub_section3 .swiper_btn_sec3 {
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 1;
  background-color: #fffc;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
}

.sub_section3 .sub_section3_swiper_btn_next {
  right: -70px;
}

.sub_section3 .sub_section3_swiper_btn_prev {
  left: -70px;
}

.sub_tour_section4 {
  padding: 50px 0 0;
}

.sub_tour_section4_banner {
  position: relative;
}

.sub_tour_section4_banner__des {
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 80px;
  transform: translateY(-50%);
}

.ico_block img {
  width: auto;
  height: 100%;
  max-width: unset;
}

.ico_block:last-child {
  transform: scale(-1);
}

.sub_tour_section4_banner__des__text {
  text-wrap: nowrap;
  margin-top: 8rem;
  margin-left: -21rem;
}

.sub_tour_section4_banner__des__ttl {
  color: #fff;
  font-size: 26px;
  font-weight: bold;
}

.sub_tour_section4_banner__des__bottom {
  color: #fffc;
  margin-top: 10px;
  font-size: 18px;
}

.sub_tour_section5 {
  padding: 100px 0 0;
}

.golf-custom-page .sub_tour_section5 {
  padding: 120px 0 0;
}

.sub_tour_section5__head_ttl {
  color: #252525;
  font-size: 28px;
  font-weight: bold;
  line-height: .929;
}

.tour__head__tabs1__tabs {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fafafa;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.tour__head__tabs1__line {
  background-color: #dbdbdb;
  width: 1px;
  height: 20px;
}

.tour__head__tabs1__tab {
  color: #999;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 50px;
  display: flex;
}

.tour__head__tabs1__tab.active {
  color: #fff;
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #17469e;
  position: relative;
  box-shadow: 0 16px 13px #17469e2e;
}

.tour__head__tabs1__tab.active:after {
  content: "";
  border-radius: var(--qc-radius-xs, 4px);
  z-index: -1;
  background-color: #17469e;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: -5px;
  transform: rotate(45deg);
}

.sub_tour_section5__head__tabs2 {
  justify-content: space-between;
  align-items: center;
  margin-top: 39px;
  display: flex;
}

.sub_tour_section5__head__tabs2 select {
  color: #222;
  width: unset;
  border: none;
}

.tour__head__tabs2__tabs {
  align-items: center;
  gap: 10px;
  display: flex;
}

.tour__head__tabs2__tab {
  color: #757575;
  border-radius: var(--qc-radius-card, 16px);
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  height: 34px;
  padding: 0 18px;
  font-size: 16px;
  display: inline-flex;
}

.tour__head__tabs2__tab.active {
  color: #17469e;
  border-color: #17469e;
}

.sub_tour_section5__prd_list {
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 29px;
  display: flex;
}

.sub_tour_section5_item {
  width: calc(25% - 15px);
}

.prd_list_pagination {
  margin-top: 40px;
  margin-bottom: 80px;
  display: flex;
}

.prd_list_pagination__btn {
  border-radius: var(--qc-radius-section, 24px);
  color: #252525;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 282px;
  height: 64px;
  margin: auto;
  font-size: 18px;
  display: flex;
}

.prd_list_pagination__btn__pages {
  color: #ccc;
  font-weight: 500;
}

.prd_list_pagination__btn__current {
  color: #353535;
}

.sub_tour_section6 {
  padding: 20px 0 0;
}

.sub_tour_section6__head__tabs {
  margin-top: 30px;
  display: flex;
  position: relative;
  overflow: auto;
}

.sub_tour_section6__head__tabs:before, .sub_tour_section6__head__tabs__tab:before {
  content: "";
  z-index: 12;
  background-color: #000;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.sub_tour_section6__head__tabs__tab:before {
  width: calc(100% + 15px);
}

.sub_tour_section6__head__tabs__tab {
  color: #999;
  justify-content: center;
  align-items: center;
  height: 54px;
  padding: 0 35px;
  font-size: 18px;
  display: inline-flex;
  position: relative;
}

.sub_tour_section6__head__tabs__tab:first-child {
  z-index: 10;
}

.sub_tour_section6__head__tabs__tab:nth-child(2) {
  z-index: 9;
}

.sub_tour_section6__head__tabs__tab:nth-child(3) {
  z-index: 8;
}

.sub_tour_section6__head__tabs__tab:nth-child(4) {
  z-index: 7;
}

.sub_tour_section6__head__tabs__tab:nth-child(5) {
  z-index: 6;
}

.sub_tour_section6__head__tabs__tab:nth-child(6) {
  z-index: 5;
}

.sub_tour_section6__head__tabs__tab:nth-child(7) {
  z-index: 4;
}

.sub_tour_section6__head__tabs__tab:nth-child(8) {
  z-index: 3;
}

.sub_tour_section6__head__tabs__tab:nth-child(9) {
  z-index: 2;
}

.sub_tour_section6__head__tabs__tab:nth-child(10) {
  z-index: 1;
}

.sub_tour_section6__head__tabs__tab:after {
  content: "";
  z-index: -1;
  background: url("/images/sub/tab_bg_1.png") 0 0 / 100% 100% no-repeat;
  width: calc(100% + 15px);
  height: 100%;
  position: absolute;
  left: 0;
}

.sub_tour_section6__head__tabs__tab.active {
  color: #252525;
  z-index: 12;
}

.sub_tour_section6__head__tabs__tab.active:after {
  background: url("/images/sub/tab_bg_1_active.png") 0 0 / 100% 100% no-repeat;
}

.sub_tour_section6_product_list {
  flex-wrap: wrap;
  gap: 50px 20px;
  margin-top: 29px;
  display: flex;
}

.sub_tour_section6_item {
  width: calc(25% - 15px);
}

.sub_tour_section7 {
  padding: 60px 0 0;
}

.sub_tour_section7_product_list {
  flex-wrap: wrap;
  gap: 50px 20px;
  margin-top: 20px;
  margin-bottom: 180px;
  display: flex;
}

.golf-custom-page .sub_tour_section7_product_list {
  margin-bottom: 0;
}

.sub_tour_section7_product_item {
  width: calc(33.3333% - 13.3333px);
  position: relative;
}

.sub_tour_section7_product_item.spe {
  width: 100%;
}

.ico_special_prd {
  z-index: 1;
  width: 54px;
  position: absolute;
  top: 20px;
  left: 20px;
}

.sub_tour_section7_product_item__name {
  color: #252525;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 25px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.sub_tour_section7_product_item__keywords {
  color: #25252599;
  flex-wrap: wrap;
  gap: 5px 10px;
  margin-top: 14px;
  font-size: 16px;
  line-height: 1;
  display: flex;
}

.sub_tour_section7_product_item__keywords span {
  line-height: 1.3;
}

.sub_tour_section8 {
  padding: 100px 0 0;
}

.sub_tour_section8__banners {
  flex-wrap: wrap;
  gap: 20px;
  display: flex;
}

.sub_tour_section8__banner {
  width: calc(50% - 10px);
}

.sub-hotel-navigation-container {
  border-bottom: .5px solid #cccccc4d;
  align-items: center;
  padding: 16px 0;
  display: flex;
}

.sub-hotel-navigation-container .navigation-container-prev {
  align-items: center;
  gap: 12px;
  margin-right: 40px;
  display: flex;
  position: relative;
}

.sub-hotel-navigation-container .depth_2_tools_, .sub-hotel-navigation-container .depth_1_tools_, .sub-hotel-navigation-container .depth_3_tools_ {
  z-index: 5;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  min-width: 200px;
  padding: 10px 12px;
  display: none;
  position: absolute;
  top: 20px;
  right: -57px;
}

.sub-hotel-navigation-container .depth_2_tools_ {
  right: -47px;
}

.sub-hotel-navigation-container .depth_3_tools_ {
  right: -15px;
}

.sub-hotel-navigation-container .depth_2_tools_.active_, .sub-hotel-navigation-container .depth_1_tools_.active_, .sub-hotel-navigation-container .depth_3_tools_.active_ {
  display: block;
}

.sub-hotel-navigation-container .depth_1_tool_list_ {
  width: 80px;
}

.sub-hotel-navigation-container .depth_2_tool_list_ {
  width: 120px;
}

.sub-hotel-navigation-container .depth_3_tool_list_ {
  width: 175px;
}

.sub-hotel-navigation-container .depth_2_item_, .sub-hotel-navigation-container .depth_1_item_, .sub-hotel-navigation-container .depth_3_item_ {
  cursor: pointer;
  white-space: nowrap;
  margin: 5px 0;
  padding: 3px 0;
  font-size: 16px;
}

#depth_2_label {
  width: 130px;
  display: inline-block;
}

#depth_3_label {
  width: 200px;
  display: inline-block;
}

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

.sub-hotel-navigation-container .depth_2_item_.active_, .sub-hotel-navigation-container .depth_1_item_.active_, .sub-hotel-navigation-container .depth_3_item_.active_ {
  color: #17469e;
}

.sub-hotel-navigation-container .depth_2_item_:hover, .sub-hotel-navigation-container .depth_1_item_:hover, .sub-hotel-navigation-container .depth_3_item_:hover {
  color: #17469ebf;
}

.sub-hotel-navigation-container .icon_home {
  width: 14px;
  height: 12px;
}

.sub-hotel-navigation-container .ball_dot_icon {
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.sub-hotel-navigation-container .bread_arrow_right {
  width: 7px;
  height: 14px;
}

.sub-hotel-navigation-container .navigation-container-next {
  align-items: center;
  gap: 8px;
  margin-right: 30px;
  display: flex;
  position: relative;
}

.content-sub-product-hotel .sub-hotel-container {
  overflow: unset;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.content-sub-product-hotel #frmSearch {
  overflow: unset;
}

.content-sub-product-hotel .sub-hotel-container .category-left {
  width: 270px;
  height: 100%;
  margin-top: 30px;
  position: sticky;
  top: 40px;
}

.content-sub-product-hotel .body_inner {
  overflow: unset;
}

.content-sub-product-hotel .body_inner.spe {
  min-height: 500px;
}

.content-sub-product-hotel .category-left-tit {
  border-bottom: 2px solid;
  padding: 12px 0 16px;
}

.content-sub-product-hotel .category-left-tit .navigation-container-next {
  align-items: center;
  gap: 8px;
  margin-right: 20px;
  display: flex;
  position: relative;
}

.content-sub-product-hotel .category-left-tit .navigation-container-next.new {
  margin-right: 0;
}

.content-sub-product-hotel .category-left-tit .navigation-container-next span.font-bold {
  display: none;
}

.content-sub-product-hotel .category-left-tit .depth_2_tools_new_ {
  z-index: 5;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  padding: 10px 12px;
  display: none;
  position: absolute;
  top: 42px;
  right: -40px;
}

.content-sub-product-hotel .category-left-tit .depth_2_tools_new_.active_ {
  display: block;
}

.content-sub-product-hotel .category-left-tit .depth_2_tool_list_new_ {
  width: 245px;
}

.content-sub-product-hotel .category-left-tit .depth_2_item_new_ {
  cursor: pointer;
  text-align: center;
  margin: 8px 0;
  padding: 3px 0;
  font-size: 20px;
}

.content-sub-product-hotel .category-left-tit .depth_2_item_new_.active_ {
  color: #17469e;
}

.content-sub-product-hotel .category-left-tit .ball_dot_icon {
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.content-sub-product-hotel .title {
  font-size: 22px;
}

.content-sub-product-hotel .subtitle {
  color: #000;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  font-weight: 600;
  display: flex;
}

.content-sub-product-hotel .subtitle .arrow_menu {
  cursor: pointer;
}

.content-sub-product-hotel .tab_box_area_ .tab_box_element_ {
  border-radius: var(--qc-radius-section, 24px);
  text-wrap: nowrap;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #757575;
  text-align: center;
  cursor: pointer;
  border: 1px solid #dbdbdb;
  height: auto;
  padding: 4px 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}

.content-sub-product-hotel .tab_box_area_ .tab_box_element_.tab_active_ {
  color: #17469e;
  border: 1px solid #17469e;
}

.content-sub-product-hotel .tab_box_show_ {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.content-sub-product-hotel .category-left-item {
  border-bottom: .5px solid #cccccc4d;
}

.filter_price_wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.filter_price_wrap .filter {
  align-items: center;
  gap: 10px;
  display: flex;
}

.filter_price_wrap .filter .btn_fil_price {
  border: 1px solid #ccc;
  width: 54px;
  padding: 8px;
}

.filter_price_wrap .filter .btn_fil_price.active {
  color: #fff;
  background-color: #17469e;
}

.tab_price_area .slider-container {
  height: 20px;
  margin: 20px auto;
  position: relative;
}

.tab_price_area .slider {
  -webkit-appearance: none;
  appearance: none;
  pointer-events: none;
  background: none;
  border: none;
  width: 100%;
  height: 5px;
  padding: 0;
  position: absolute;
}

.tab_price_area .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  pointer-events: auto;
  z-index: 2;
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: relative;
}

.tab_price_area .slider::-moz-range-thumb {
  cursor: pointer;
  pointer-events: auto;
  z-index: 2;
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: relative;
}

.tab_price_area .slider-track {
  background: var(--bs-point);
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 1;
  pointer-events: none;
  height: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-193%);
}

.tab_price_area .slider-background {
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 0;
  pointer-events: none;
  background: #f1f1f1;
  width: 100%;
  height: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-193%);
}

.tab_price_area .currency {
  cursor: pointer;
}

.tab_price_area .currency.active {
  font-weight: bold;
}

.popup_wraper .tab_price_area .slider-container {
  margin-left: 0;
}

.date-container {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  align-items: center;
  width: 455px;
  padding: 0 0 15px 20px;
  font-weight: bold;
  display: flex;
}

.label {
  font-weight: bold;
}

.date-wrapper {
  flex-direction: column;
  align-items: center;
  margin-right: 20px;
  display: flex;
  position: relative;
}

.date-wrapper .input_date {
  justify-content: center;
  align-items: center;
  display: flex;
}

.date-wrapper input {
  border: 0;
  width: 140px;
  padding: 0;
}

.date-wrapper input:hover {
  cursor: pointer;
}

.date {
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  font-size: 1em;
}

.date::-webkit-inner-spin-button, .date::-webkit-calendar-picker-indicator {
  display: none;
}

.content-sub-product-hotel .arrow {
  font-size: 24px;
}

.content-sub-product-hotel .date-sub-container {
  align-items: center;
  display: flex;
}

.content-sub-product-hotel .form_element_ {
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin: 32px 0;
  display: flex;
}

.content-sub-product-hotel .form_element_.form_search_ {
  width: unset;
  justify-content: unset;
  margin: 0;
}

.content-sub-product-hotel .form_element_ .form_input_new {
  gap: 8px;
  display: flex;
}

.content-sub-product-hotel .form_element_.form_search_ .line_form {
  background-color: #dbdbdb;
  width: 1px;
  height: 50px;
}

.content-sub-product-hotel .form_element_ button {
  letter-spacing: -1px;
  text-transform: uppercase;
  border-radius: var(--qc-radius-xs, 4px);
  color: #fff;
  text-align: center;
  background-color: #17469e;
  padding: 0 24px;
  font-size: 16px;
}

.content-sub-product-hotel .form_element_ .form_input_ {
  max-width: 100%;
  height: 52px;
  font-size: 16px;
}

.content-sub-product-hotel .form_element_ .form_input_ input {
  border-radius: var(--qc-radius-xs, 4px);
  width: 260px;
  height: 100%;
}

.content-sub-product-hotel .form_element_ .form_input_ input::placeholder {
  font-size: 14px;
}

.content-sub-product-hotel .filter-container {
  border-bottom: .5px solid #cccccc4d;
  justify-content: space-between;
  gap: 32px;
  padding-bottom: 20px;
  display: flex;
}

.content-sub-product-hotel .filter-container div:first-child {
  display: flex;
}

.content-sub-product-hotel .filter-container .filter-content {
  align-items: center;
  gap: 4px;
  margin-right: 20px;
  font-weight: bold;
  display: flex;
}

.content-sub-product-hotel .list-tag {
  flex-wrap: wrap;
  gap: 6px;
  max-width: 650px;
  display: flex;
}

.content-sub-product-hotel .list-tag .tag-item {
  background-color: #f3f3f3;
  align-items: center;
  gap: 12px;
  padding: 8px;
  display: flex;
}

.content-sub-product-hotel .list-tag .tag-item img {
  padding-bottom: 2px;
}

.content-sub-product-hotel .filter-container button {
  border: 1px solid #ccc;
  padding: 8px;
  font-weight: bold;
}

.content-sub-product-hotel .filter-container button.btn_search_ {
  color: #fff;
  background-color: #17469e;
  padding: 8px 12px;
  font-weight: 400;
}

.sub-hotel-container .category-left button.btn_search_ {
  color: #fff;
  background-color: #17469e;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 20px 0;
  padding: 10px 0;
  font-weight: 400;
  display: flex;
}

.content-sub-product-hotel .below-filter-content {
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  padding-bottom: 10px;
  display: flex;
}

.content-sub-product-hotel .below-filter-content .total_number {
  font-weight: bold;
}

.content-sub-product-hotel .below-filter-content .total_number p span {
  color: var(--bs-point);
}

.content-sub-product-hotel .below-filter-content .search_keyword {
  gap: 20px;
}

.content-sub-product-hotel .below-filter-content .search_keyword .btn_search {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  padding-right: 20px;
}

.content-sub-product-hotel .below-filter-content .search_keyword .btn_search input {
  border: none;
}

.content-sub-product-hotel .below-filter-content .search_keyword .btn_search button {
  background: url("/images/ico/keyword_ic.png") center no-repeat;
  width: 26px;
  height: 23px;
}

.content-sub-product-hotel .product-card-item-container-list {
  flex-wrap: wrap;
  gap: 20px;
  display: flex;
}

.content-sub-product-hotel .product-card-item-container {
  flex-direction: column;
  gap: 10px;
  width: calc(50% - 20px);
  margin-top: 24px;
  padding-bottom: 32px;
  display: flex;
}

.content-sub-product-hotel.list_item .product-card-item-container {
  border-bottom: unset;
  flex-direction: column;
  max-width: 285px;
  padding-bottom: 0;
}

.content-sub-product-hotel .product-card-item-right {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.content-sub-product-hotel.list_item .product-card-item-right {
  margin-left: 0;
}

.content-sub-product-hotel .product-card-item-right .sub-text {
  flex-direction: column;
  gap: 10px;
}

.content-sub-product-hotel .product-card-item-right .title-container {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.content-sub-product-hotel .product-card-item-right .title-container h3 {
  font-weight: unset;
}

.content-sub-product-hotel .product-card-item-right .title-container h2 {
  text-overflow: ellipsis;
  font-size: 18px;
  line-height: 1.5;
  overflow: hidden;
}

.content-sub-product-hotel .product-card-item-right .title-container .star-container {
  align-items: center;
  gap: 16px;
  display: flex;
}

.content-sub-product-hotel .star_flex {
  gap: 3px;
}

.content-sub-product-hotel .product-card-item-right .location_test {
  gap: 15px;
}

.content-sub-product-hotel .product-card-item-right .location_test .location_main {
  align-items: center;
  gap: 3px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.content-sub-product-hotel .product-card-item-right .location_test .location_main img {
  width: 14px;
}

.product-card-item-container .star-container {
  gap: 16px;
  display: flex;
}

.content-sub-product-hotel .product-card-item-right .location_test .location_main span {
  color: var(--bs-point);
}

.content-sub-product-hotel .product-card-item-right .location_test .location_main:after {
  content: "";
  background-color: #dbdbdb;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.wrap_level {
  gap: 12px;
  display: flex;
}

.d_flex.dif {
  flex-direction: column;
  gap: 12px;
}

.content-sub-product-hotel .product-card-item-right .star-container div:first-child {
  font-weight: bold;
}

.star-container {
  gap: 12px;
  display: flex;
}

.content-sub-product-hotel .product-card-item-right .star-content span {
  padding-right: 8px;
}

.content-sub-product-hotel .product-card-item-right .sub-title {
  border-bottom: .5px solid #cccccc4d;
  align-items: center;
  gap: 4px;
  padding-bottom: 16px;
  display: flex;
}

.content-sub-product-hotel .product-card-item-right .sub-title.tour {
  border-bottom: unset;
}

.content-sub-product-hotel .list-item-info .item-info-box {
  margin-top: 20px;
}

.content-sub-product-hotel .list-item-info .item-info {
  margin: 15px 0 0;
}

.content-sub-product-hotel .list-item-info.tour-list .item-info {
  margin-top: 15px;
}

.content-sub-product-hotel .list-item-info.tour-list .item-info-label.flex_tour {
  margin-bottom: 0;
}

.content-sub-product-hotel .list-item-info.golf-list .item-info {
  margin-top: 15px;
}

.content-sub-product-hotel .list-item-info.golf-list .item-info-label {
  margin-bottom: 0;
}

.content-sub-product-hotel .list-item-info .item-info.promotion_n {
  position: relative;
}

.content-sub-product-hotel .list-item-info .item-info h2 {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: bold;
}

.content-sub-product-hotel .list-item-info .item-info .promotion_n_text {
  border-radius: var(--qc-radius-card, 16px);
  background-color: #2c93ce;
  padding: 10px 20px;
  position: absolute;
  top: -20px;
  left: 20px;
}

.content-sub-product-hotel .list-item-info .item-info .promotion_n_text h2 {
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
}

.content-sub-product-hotel .list-item-info .item-info .tab_box_show_ {
  margin: 12px 0;
}

.content-sub-product-hotel .list-item-info .item-info .titem-info-label {
  background-color: #f7f7f7;
  padding: 20px;
  font-weight: bold;
}

.content-sub-product-hotel .list-item-info .item-info .titem-info-label span {
  color: var(--bs-point);
}

.content-sub-product-hotel .list-item-info .item-info .item-price-info span.main {
  color: #000;
  font-size: 21px;
  font-weight: bold;
}

.content-sub-product-hotel .list-item-info .item-info .item-price-info span.text-gray {
  font-size: 16px;
  font-weight: 500;
}

.content-sub-product-hotel .list-item-info .item-info-label {
  color: #000;
  background-color: #f3f3f3;
  margin-bottom: 32px;
  padding: 20px 0 20px 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5rem;
}

.content-sub-product-hotel .list-item-info .item-info.promotion_n .item-info-label {
  border-radius: var(--qc-radius-card, 16px);
  background-color: #eaf6fc;
  padding: 32px 15px 15px;
}

.content-sub-product-hotel .list-item-info .item-info.promotion_n .item-info-label .label_des p {
  color: #2e6689;
  font-size: 15px;
  font-weight: 500;
}

.content-sub-product-hotel .list-item-info .item-info.promotion_n .item-info-label .label_add p {
  color: #2e6689;
  font-size: 15px;
}

.content-sub-product-hotel .list-item-info .item-info-label.flex_tour {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.content-sub-product-hotel .list-item-info .item-info-label span {
  color: var(--bs-point);
}

.content-sub-product-hotel .pagination {
  padding: 0;
  list-style: none;
  display: flex;
  margin: 50px 0 128px !important;
}

.content-sub-product-hotel .page-link {
  color: #333;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #ddd;
  margin: 0 5px;
  padding: 10px 15px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: inline-block;
}

.content-sub-product-hotel .page-link.ml {
  margin-left: 24px;
}

.content-sub-product-hotel .page-link.mr {
  margin-right: 24px;
}

.content-sub-product-hotel .page-link:hover {
  background-color: #f0f0f0;
}

.content-sub-product-hotel .page-link.active {
  color: var(--bs-point);
  border-color: var(--bs-point);
}

.content-sub-hotel-detail span {
  font-family: Pretendard !important;
}

.content-sub-hotel-detail .container-big-text span {
  font-size: 16px !important;
}

.content-sub-hotel-detail .title-container {
  justify-content: space-between;
  margin-top: 25px;
  display: flex;
}

.content-sub-hotel-detail .title-container h2 {
  max-width: 65%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.content-sub-hotel-detail .title-container .list-icon {
  align-items: center;
  gap: 10px;
  position: relative;
  display: flex !important;
}

.content-sub-hotel-detail .title-container .list-icon .list_share {
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding: 10px;
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: -14px;
  box-shadow: 0 -1px 4px #0003;
}

.content-sub-hotel-detail .title-container .list-icon .list_share.on {
  display: flex;
}

.content-sub-hotel-detail .title-container .list-icon .list_share:after {
  content: "";
  filter: drop-shadow(0 0 8px #0000004d);
  border: 10px solid #0000;
  border-bottom-color: #fff;
  display: block;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.content-sub-hotel-detail .title-container .list-icon .list_share img {
  height: auto;
  padding: 0;
}

.content-sub-hotel-detail .title-container .list-icon .list_share .kakao img {
  width: 40px;
}

.content-sub-hotel-detail .title-container .list-icon .list_share .link_ img {
  width: 30px;
}

.content-sub-hotel-detail .title-container .list-icon > img:first-child {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #f5f5f5;
  padding: 8px 6px;
}

.content-sub-hotel-detail .title-container .list-icon img {
  cursor: pointer;
  padding: 8px 6px;
}

.content-sub-hotel-detail .rating-container {
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.content-sub-hotel-detail .rating-container span.page_ {
  border-left: 1px solid #ccc;
  align-items: center;
  margin-left: 12px;
  padding-left: 12px;
  display: flex;
}

.content-sub-hotel-detail .hotel-image-container {
  gap: 8px;
  width: 100%;
  margin-bottom: 32px;
  display: flex;
}

.content-sub-hotel-detail .hotel-image-container div:first-child {
  width: 100%;
  height: 440px;
}

.content-sub-hotel-detail .hotel-image-container div:first-child img {
  object-fit: cover;
  border-radius: var(--qc-radius-control, 8px);
  width: 100%;
  height: 100%;
}

.content-sub-hotel-detail .grid_2_2 {
  flex-wrap: wrap;
  gap: 9px;
  display: flex;
}

.content-sub-hotel-detail .guide-image-container-1 {
  gap: 50px;
  display: flex;
}

.content-sub-hotel-detail .guide-image-container-1 > img {
  object-fit: cover;
  border-radius: var(--qc-radius-control, 8px);
  background-repeat: no-repeat;
  background-size: cover;
  width: 500px;
  height: 550px;
}

.content-sub-hotel-detail .grid_2_2 .custom_button {
  border-radius: var(--qc-radius-control, 8px);
  width: 290px;
  height: 216px;
  position: relative;
}

.content-sub-hotel-detail .rating-container span strong {
  margin-left: 4px;
}

.content-sub-hotel-detail .rating-container img:first-child {
  padding-bottom: 2px;
}

.content-sub-hotel-detail .button-show-detail-image {
  color: #fff;
  border-radius: var(--qc-radius-control, 8px);
  background: #0006;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0%;
  right: 0;
}

.content-sub-hotel-detail .sub-header-hotel-detail {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #ccc;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 28px 30px;
  display: flex;
}

.content-sub-hotel-detail .main {
  align-items: center;
  gap: 30px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.content-sub-hotel-detail .main a.active, .content-sub-hotel-detail .main p.active, .content-sub-hotel-detail .main p:hover {
  color: var(--bs-point);
}

.content-sub-hotel-detail .wrap_btn_detail {
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 15px;
  display: flex;
}

.content-sub-hotel-detail .wrap_btn_detail a {
  color: #104aa8;
  font-size: 16px;
  font-weight: 500;
}

.content-sub-hotel-detail .section1 .title-sec2 {
  margin-bottom: 30px;
  font-size: 24px;
}

.content-sub-hotel-detail .section1 .description-sec2 {
  margin-bottom: 30px;
}

.content-sub-hotel-detail .section1 .description-sec2 * {
  font-family: Pretendard !important;
  font-size: 16px !important;
}

.content-sub-hotel-detail .section1 .btn_contact_write, .content-sub-hotel-detail .section1 .btn_company_channel {
  color: #000;
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #dbdbdb;
  margin-left: 5px;
  padding: 12px 50px;
  font-size: 18px;
}

.content-sub-hotel-detail .section2 .title-sec2 {
  font-size: 24px;
}

.content-sub-hotel-detail .section2 .sub-title-sec2 {
  margin-top: 32px;
  margin-bottom: 20px;
  font-size: 18px;
}

.content-sub-hotel-detail .section2 .description-sec2 {
  margin-bottom: 16px;
  font-size: 17px;
  line-height: 1.5rem;
}

.content-sub-hotel-detail .section2 .tag-list-icon {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.content-sub-hotel-detail .section2 .tag-list-icon .item-tag {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #ccc;
  align-items: center;
  gap: 10px;
  height: 45px;
  padding: 14px;
  display: flex;
}

.content-sub-hotel-detail .section2 .tag_list_done {
  flex-wrap: wrap;
  gap: 20px 40px;
  width: 80%;
  font-weight: bold;
  display: flex;
}

.content-sub-hotel-detail .section2 .tag_list_done .item_done {
  align-items: center;
  gap: 6px;
  min-width: 180px;
  display: flex;
}

.content-sub-hotel-detail .section2 .tag_list_done .item_done img {
  width: 19px;
  height: 14px;
}

.content-sub-hotel-detail .section2 .tag_list_done .item_done span {
  color: #1779e6;
}

.content-sub-hotel-detail .post-list-sec2 {
  gap: 12px;
  margin-top: -32px;
  display: flex;
}

.content-sub-hotel-detail .post-list-sec2 div {
  flex-direction: column;
  width: 150px;
  margin: 32px 0;
  display: flex;
}

.content-sub-hotel-detail .post-list-sec2 div img {
  object-fit: cover;
  width: 150px;
  height: 112px;
  margin-bottom: 12px;
}

.content-sub-hotel-detail .room-table {
  border-collapse: collapse;
  background-color: #fff;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.content-sub-hotel-detail .room-table .room_qty, .content-sub-hotel-detail .room-table .day_qty {
  margin-top: 20px;
}

.content-sub-hotel-detail .room-table .room_qty p, .content-sub-hotel-detail .room-table .day_qty p {
  text-wrap: nowrap;
  text-align: center;
  margin-bottom: 5px;
  font-weight: 600;
}

.content-sub-hotel-detail .room-table .day_activity, .content-sub-hotel-detail .room-table .room_activity {
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-sub-hotel-detail .room-table .btnMinus, .content-sub-hotel-detail .room-table .btnPlus {
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.content-sub-hotel-detail .room-table .input_room_qty, .content-sub-hotel-detail .room-table .input_day_qty {
  border-left: hidden;
  border-right: hidden;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 40px;
  padding: 5px 10px;
  display: flex;
}

.content-sub-hotel-detail .room-table th, .room-table td {
  text-align: left;
  border: 1px solid #ddd;
  height: 0;
  padding: 19px;
}

.content-sub-hotel-detail .room-table th {
  text-align: center;
  background-color: #f5f5f5;
  font-weight: bold;
}

.content-sub-hotel-detail .room-table th:first-child {
  width: 290px;
  font-weight: unset;
}

.content-sub-hotel-detail .room-table th:nth-child(2) {
  width: 160px;
  font-weight: unset;
}

.content-sub-hotel-detail .room-table th:nth-child(3) {
  width: 380px;
  font-weight: unset;
}

.content-sub-hotel-detail .room-details {
  height: 100%;
}

.content-sub-hotel-detail .room-details p:first-child {
  text-align: center;
  margin-bottom: 16px;
  margin-left: -20px;
}

.content-sub-hotel-detail .room-details p.text-details-2 {
  margin-top: 30px;
}

.content-sub-hotel-detail .room-details p {
  margin-bottom: 8px;
  padding-bottom: 0;
  font-weight: 500;
  line-height: 1.2;
}

.content-sub-hotel-detail .room-details ul {
  margin: 5px 0 0;
  padding-left: 20px;
}

.content-sub-hotel-detail .room-details ul li {
  line-height: 1.5rem;
  list-style-type: disc;
}

.content-sub-hotel-detail .room-details ul li.highlight {
  color: var(--bs-point);
  font-size: 16px;
}

.content-sub-hotel-detail .occupancy {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.content-sub-hotel-detail .icon {
  font-size: 2em;
}

.content-sub-hotel-detail .price-secret {
  align-items: center;
  gap: 6px;
  height: 100%;
  display: flex;
  position: relative;
}

.content-sub-hotel-detail .price-secret:hover .layer_secret {
  display: block;
}

.content-sub-hotel-detail .price-secret .layer_secret {
  text-align: center;
  color: #333;
  border-radius: var(--qc-radius-xs, 4px);
  width: auto;
  height: auto;
  overflow: initial;
  z-index: 10;
  background: #fff;
  border: 1px solid #ccc;
  width: 200px;
  padding: 10px;
  font-size: 12px;
  line-height: 1.4;
  transition: all .2s;
  display: none;
  position: absolute;
  top: 30px;
  left: -50%;
}

.content-sub-hotel-detail .price-details {
  flex-direction: column;
  align-items: center;
  gap: 6px;
  height: 100%;
  display: flex;
}

.content-sub-hotel-detail .discount {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
}

.content-sub-hotel-detail .price-strike-container {
  font-size: 14px;
}

.content-sub-hotel-detail .discount span.label {
  color: red;
  background-color: #faeaeb;
  padding: 4px;
}

.content-sub-hotel-detail .discount span.price_content {
  color: #faeaeb;
  background-color: red;
  padding: 4px;
}

.content-sub-hotel-detail .price-strike {
  color: #888;
  margin-bottom: 5px;
  text-decoration: line-through;
}

.content-sub-hotel-detail .room_price_day_sale, .content-sub-hotel-detail .hotel_price_day_sale {
  font-weight: bold;
}

.content-sub-hotel-detail .price-details .price {
  color: #333;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: bold;
}

.content-sub-hotel-detail .total {
  margin-bottom: 5px;
  font-size: 14px;
}

.content-sub-hotel-detail .details {
  color: #888;
  margin-bottom: 5px;
  font-size: 14px;
}

.content-sub-hotel-detail .book-button, .content-sub-hotel-detail .contact-button, .content-sub-hotel-detail .book-add-cart {
  color: #000;
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  width: 90px;
  margin-top: 2px;
  padding: 12px 0;
}

.content-sub-hotel-detail .book-button.disabled {
  color: #888;
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
}

.content-sub-hotel-detail .book-button:disabled {
  color: #888;
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
  padding: 16px 20px;
}

.content-sub-hotel-detail .book-button-sub {
  color: #000;
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 80%;
  margin-top: 12px;
  padding: 16px 20px;
}

.content-sub-hotel-detail .book-button.book_btn_217 {
  background-color: var(--bs-point);
  color: #fff;
  border: 1px solid var(--bs-point);
}

.content-sub-hotel-detail .book-button.default-button {
  color: #000;
  background-color: #fff;
  border: 1px solid #ccc;
}

.content-sub-hotel-detail .wrap_btn_book_note {
  margin-left: auto;
}

.content-sub-hotel-detail .book-button:disabled:hover {
  color: #888;
  cursor: default;
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
}

.content-sub-hotel-detail .title-sec3 {
  margin: 32px 0;
  font-size: 24px;
}

.content-sub-hotel-detail .list-tag-sec3 {
  gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  display: flex;
}

.content-sub-hotel-detail .list-tag-sec3 .tag-item-sec3--active {
  border-radius: var(--qc-radius-section, 24px);
  color: var(--bs-point);
  border: 1px solid var(--bs-point);
  padding: 10px 14px;
}

.content-sub-hotel-detail .list-tag-sec3 .tag-item-sec3 {
  border-radius: var(--qc-radius-section, 24px);
  white-space: nowrap;
  border: 1px solid #ccc;
  padding: 10px 14px;
}

.content-sub-hotel-detail .list-tag-sec3 .tag-item-sec3--main {
  border-radius: var(--qc-radius-section, 24px);
  color: #fff;
  background-color: var(--bs-point);
  padding: 10px 14px;
  font-weight: bold;
}

.content-sub-hotel-detail .card-item-sec3 {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #ccc;
  margin-bottom: 32px;
  padding: 30px;
}

.content-sub-hotel-detail .card-item-sec3 .card-title-sec3-container {
  align-items: center;
  gap: 8px;
  padding: 17px 0;
  display: flex;
}

.content-sub-hotel-detail .card-item-sec3 .card-title-sec3-container h2 {
  font-size: 18px;
}

.content-sub-hotel-detail .card-item-sec3 .card-title-sec3-container .label {
  color: var(--bs-point);
  background-color: #e7f8f8;
  padding: 6px;
  font-weight: bold;
}

.content-sub-hotel-detail .section3 .card-item-container {
  gap: 30px;
  display: flex;
}

.content-sub-hotel-detail .section3 .card-item-left {
  flex-direction: column;
  display: flex;
}

.content-sub-hotel-detail .section3 .card-item-left .grid2_2_1 {
  flex-wrap: wrap;
  gap: 11px;
  width: 285px;
  display: flex !important;
}

.content-sub-hotel-detail .section3 .card-item-left .subtitle {
  margin: 32px 0 16px;
}

.content-sub-hotel-detail .section3 .card-item-left ul {
  margin-left: 20px;
  line-height: 1.5rem;
}

.content-sub-hotel-detail .section3 .card-item-left ul li {
  list-style-type: disc;
}

.content-sub-hotel-detail .section4 .title-sec4 {
  margin-bottom: 32px;
  font-size: 24px;
}

.content-sub-hotel-detail .section4 .tag-item-title {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: bold;
}

.content-sub-hotel-detail .section4 .list-tag-sec4 .tag-item-list li {
  margin-bottom: 16px;
  padding-left: 24px;
  position: relative;
}

.content-sub-hotel-detail .section4 .list-tag-sec4 .tag-item-list li:before {
  content: "";
  background-image: url("/uploads/icons/done_circle_icon.png");
  background-size: cover;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.content-sub-hotel-detail .section4 .list-tag-sec4 {
  flex-wrap: wrap;
  justify-content: start;
  gap: 30px;
  display: flex;
}

.content-sub-hotel-detail .section4 .tag-container-item-sec4 {
  width: calc(25% - 30px);
  padding-right: 70px;
}

.content-sub-hotel-detail .section4 .list-tag-sec4 .list-tag-sec4-column {
  flex-direction: column;
  gap: 24px;
  display: flex;
}

.content-sub-hotel-detail .section5 table {
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
  margin-top: 24px;
}

.content-sub-hotel-detail .section5 thead {
  background-color: #f1f4f9;
}

.content-sub-hotel-detail .section5 th, .content-sub-hotel-detail .section5 td {
  text-align: center;
  border: 1px solid #ddd;
  padding: 10px;
}

.content-sub-hotel-detail .section5 th {
  font-weight: bold;
}

.content-sub-hotel-detail .section4 {
  margin: 64px 0 32px;
}

.content-sub-hotel-detail .section4 span {
  font-family: Pretendard !important;
}

.content-sub-hotel-detail .section5 .title-sec5 {
  margin-bottom: 32px;
  font-size: 24px;
}

.content-sub-hotel-detail .section5 .content-container-sec5 {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #ccc;
  padding: 0 50px;
}

.content-sub-hotel-detail .section5 .content-item {
  gap: 50px;
  padding: 32px 0;
  display: flex;
}

.content-sub-hotel-detail .section5 .content-item:not(:last-child) {
  border-bottom: 1px dashed #ccc;
}

.content-sub-hotel-detail .section5 .content-item .label {
  align-items: center;
  min-width: 300px;
  font-size: 18px;
  display: flex;
}

.content-sub-hotel-detail .section5 .content-item .description {
  font-size: 17px;
  line-height: 1.5rem;
}

.content-sub-hotel-detail .section6 .title-sec6 {
  margin: 64px 0 32px;
  font-size: 18px;
}

.content-sub-hotel-detail .section6 .title-sec6 span {
  font-size: 24px;
}

.content-sub-hotel-detail .section6 .rating-content {
  align-items: center;
  gap: 16px;
  display: flex;
}

.content-sub-hotel-detail .section6 .rating-left {
  align-items: center;
  gap: 8px;
  display: flex;
}

.content-sub-hotel-detail .section6 .rating-left img {
  width: 26px;
  height: 26px;
}

.content-sub-hotel-detail .prd_info__left {
  align-items: baseline;
  gap: 2px;
  display: flex;
}

.content-sub-hotel-detail .section6 .rating-left strong {
  font-size: 24px;
}

.mt-20 {
  margin-top: 20px;
}

.content-sub-hotel-detail .section6 .list-label-tag {
  gap: 80px;
  margin-top: 32px;
  display: flex;
}

.content-sub-hotel-detail .section6 .list-label-tag .label-tag-item {
  align-items: center;
  gap: 8px;
  display: flex;
}

.content-sub-hotel-detail .section6 .list-label-tag .label-tag-item .square {
  max-width: 33px;
  max-height: 33px;
}

.content-sub-hotel-detail .section6 .list-label-tag .label-tag-item .label-tag-item-text {
  line-height: 1.3rem;
}

.content-sub-hotel-detail .section6 .sub-title-sec6 {
  margin: 48px 0 32px;
  font-size: 18px;
  font-weight: 500;
}

.content-sub-hotel-detail .section6 .card-list-recommemded {
  gap: 20px;
  margin-bottom: 100px;
  display: flex;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #ccc;
  width: 440px;
  padding: 16px;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item .container-head {
  gap: 16px;
  display: flex;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item .container-head .name {
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  display: flex;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item .container-head .name span {
  font-size: 18px;
  font-weight: bold;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item .container-head .name p {
  font-size: 13px;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item h2 {
  margin: 16px 0;
  font-size: 17px;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item p {
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  max-height: 100px;
  margin: 0;
  font-size: 14px;
  line-height: 1.3rem;
  display: -webkit-box;
  overflow: hidden;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item p.custom_paragraph {
  min-height: 84px;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item button {
  color: #4576fe;
  margin-top: 24px;
  font-size: 15px;
  font-weight: bold;
}

.content-sub-hotel-detail .section7 .justify_content_end {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 64px;
  display: flex;
}

.content-sub-hotel-detail .section7 .justify_content_end .title-sec7 {
  font-size: 24px;
}

.content-sub-hotel-detail .section7 .prd_keywords {
  color: unset;
  margin-top: 24px;
}

.content-sub-hotel-detail .section7 .prd_name {
  margin-top: 16px;
}

.content-sub-hotel-detail .location-container {
  align-items: center;
  gap: 15px;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
}

.content-sub-hotel-detail .location-container .list-icon {
  display: none;
}

.content-sub-hotel-detail .location-container .location_conts {
  align-items: center;
  gap: 4px;
  display: flex;
}

.content-sub-hotel-detail .location-container .location_conts .ic_green {
  filter: invert(61%) sepia(29%) saturate(468%) hue-rotate(155deg);
}

.content-sub-hotel-detail .location-container .location_conts a {
  color: #1bbacb;
  font-size: 15px;
}

.content-sub-product-hotel .two-way-arrow-content span {
  font-size: 15px;
}

.content-sub-product-hotel .text-primary, .content-sub-product-hotel .product-card-item-container .sub-title, .content-sub-product-hotel .list-item-info .item-info:nth-child(2) p, .content-sub-product-hotel .product-card-item-container .item-info span:first-child .content-sub-product-hotel .product-card-item-container .item-price-info {
  color: #757575;
}

.content-sub-product-hotel .product-card-item-container .item-pd {
  margin-left: 84px;
}

.product-card-item-right .product_intro {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.tours-detail .section9 .title-sec9 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 24px;
}

.tours-detail .section9 .select-time-c {
  width: 260px;
}

.tours-detail .section2 .title-sec2 {
  margin-bottom: 20px;
  font-size: 24px;
}

.tours-detail .section2 .sec2-date-main {
  margin-bottom: 20px;
  font-size: 15px;
}

.sec2-wrap-tour {
  width: 100%;
}

.tours-detail .section2 .sec-date-range {
  font-size: 20px;
  font-weight: bold;
}

.tours-detail .section2 .btn-toggle-option {
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  display: flex;
}

.tours-detail .section2 .sec2-item-card.tour_calendar {
  padding-bottom: 85px;
  position: relative;
}

.tours-detail .section2 .sec2-item-card.tour_calendar .time_work {
  position: absolute;
  top: 20px;
  left: 30px;
}

.tours-detail .section2 .sec2-item-card.tour_calendar .time_work p {
  text-align: right;
  color: #252525;
  font-size: 18px;
  font-weight: 700;
}

.tours-detail .section2 .sec2-item-card {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  margin-bottom: 20px;
  padding: 15px 30px 40px;
  box-shadow: 0 5px #3333330a;
}

.tours-detail .section2 .sec2-item-card .btn_back {
  cursor: pointer;
  gap: 8px;
  width: fit-content;
}

.tours-detail .section2 .sec2-item-card .text_title {
  margin: 0 auto;
}

.tours-detail .section2 .sec2-item-card .text_title h2 {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
}

.tours-detail .section2 .sec2-item-card .text_title h3 {
  color: #454545;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
}

.tours-detail .section2 .form-group input {
  height: var(--bs-input-height);
  width: 100%;
  margin-bottom: unset;
  cursor: pointer;
  padding: 0 .9375em;
  display: block;
}

.tours-detail .section2 .form-group label:before {
  display: none;
}

.tours-detail .sec2-item-card.card-left2 .form-group {
  padding: unset;
  border-bottom: unset;
  width: 100%;
  display: block;
}

.tours-detail .sec2-item-card.card-left2 .form-group.spe .form-group-cus-4input {
  align-items: center;
  gap: 8px;
  margin-bottom: 30px;
  display: flex;
}

.tours-detail .section2 .card-left2 {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  width: 100%;
  margin-top: 80px;
  margin-right: 20px;
  padding: 40px 30px;
  box-shadow: 0 8px 24px #959da533;
}

.tours-detail .section2 .title-main-c {
  margin-bottom: 40px;
  font-size: 22px;
}

.tours-detail .section2 .title-sub-c {
  margin-bottom: 30px;
  font-size: 18px;
}

.tours-detail .section2 .mb-30 {
  margin-bottom: 30px;
}

.tours-detail .section2 .form-group label {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}

.tours-detail .section2 .con-form {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.tours-detail .card-left2 .email-group {
  position: relative;
}

.tours-detail .card-left2 .cus-select-group input {
  width: 230px;
}

.tours-detail .email-group input {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.tours-detail .card-left2 .cus-select-group select {
  width: 280px;
}

.tours-detail .card-left2 .cus-select-group {
  align-items: center;
  gap: 10px;
  display: flex;
}

.phone_wrap {
  gap: 20px;
  margin-top: 30px;
  display: flex;
}

.phone_wrap_item {
  flex: 1;
}

.tours-detail .card-left2 [type="radio"]:checked, .tours-detail .card-left2 [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.tours-detail .card-left2 .form-group label {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}

.tours-detail .card-left2 [type="radio"]:checked + label, .tours-detail .card-left2 [type="radio"]:not(:checked) + label {
  cursor: pointer;
  color: #666;
  padding-left: 28px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.tours-detail .card-left2 [type="radio"]:checked + label:before, .tours-detail .card-left2 [type="radio"]:not(:checked) + label:before {
  content: "";
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  padding: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.tours-detail .card-left2 [type="radio"]:checked + label:after, .tours-detail .card-left2 [type="radio"]:not(:checked) + label:after {
  content: "";
  background: var(--bs-point);
  border-radius: 100%;
  width: 10px;
  height: 10px;
  -webkit-transition: all .2s;
  transition: all .2s;
  position: absolute;
  top: 5px;
  left: 5px;
}

.tours-detail .card-left2 [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.tours-detail .card-left2 [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.tours-detail .form-group-cus-4input {
  align-items: center;
  gap: 8px;
  margin-bottom: 30px;
  display: flex;
}

.tours-detail .form-group-cus-4input input:first-child {
  width: 91px;
}

.tours-detail .form-group-cus-4input input:nth-child(2), .tours-detail .form-group-cus-4input input:nth-child(3) {
  width: 120px;
}

.tours-detail .card-left2 .form-group-flex {
  align-content: center;
  gap: 10px;
  display: flex;
}

.tours-detail .card-left2 .form-group-flex select {
  width: 120px;
}

.tours-detail .card-left2 .form-group-flex input {
  width: 190px;
}

.tours-detail .section2 .sec2-item-card .btn_back img {
  transform: rotate(270deg);
}

.tours-detail .section2 .sec2-item-card.active {
  border: 1px solid var(--bs-point);
}

.tours-detail .section2 .text-content-1 {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  align-items: flex-start !important;
}

.tours-detail .section2 .text-content-1 div {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.tours-detail .section2 .text-content-1 span {
  font-size: 15px;
}

.tours-detail .section2 .text-content-2 {
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.tours-detail .section2 .text-content-2 .ps-right {
  margin-left: 12px;
  font-size: 24px;
  font-weight: bold;
}

.tours-detail .section2 .text-content-3 {
  justify-content: flex-end;
  margin-top: 24px;
  display: flex;
}

.tours-detail .section2 .text-content-3 .btn-ct-3 {
  border-radius: var(--qc-radius-xs, 4px);
  width: 120px;
  color: var(--bs-point);
  background-color: #fff;
  border: 1px solid #d8d8d8;
  padding: 12px 40px;
  font-weight: 500;
}

.tours-detail .section2 .sec2-item-card.active .text-content-3 .btn-ct-3 {
  color: #fff;
  background-color: var(--bs-point);
}

.tours-detail .calendar-container {
  text-align: center;
  margin-top: 40px;
}

.tours-detail .calendar-container .btn-action-calendar {
  cursor: pointer;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  padding: 7px 4px 3px 6px;
}

.tours-detail .calendar-container .btn-action-calendar img {
  background-repeat: no-repeat;
  background-size: cover;
  width: 7px;
  height: 11px;
}

.tours-detail .nav-btn {
  cursor: pointer;
  background: none;
  border: none;
  font-size: 24px;
}

.tours-detail #datepicker {
  margin-top: 20px;
}

.tours-detail .ui-datepicker {
  width: 100%;
  padding: 10px;
}

.tours-detail .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .tours-detail .ui-datepicker .ui-datepicker-title {
  font-size: 18px;
}

.tours-detail .ui-datepicker td {
  text-align: center;
  border-radius: 50%;
  padding: 10px;
}

.tours-detail .ui-state-default {
  color: #000;
}

.tours-detail .ui-datepicker td.ui-datepicker-unselectable .ui-state-default {
  color: red;
}

.tours-detail .calendar-header {
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 32px;
  display: flex;
}

.tours-detail .text-red {
  color: #e31d1d;
}

.tours-detail #month-year {
  font-size: 18px;
  font-weight: 500;
}

.tours-detail .calendar-body {
  grid-template-rows: auto 1fr;
  display: grid;
}

.tours-detail .calendar-weekdays {
  text-align: center;
  grid-template-columns: repeat(7, 1fr);
  margin-bottom: 10px;
  font-weight: bold;
  display: grid;
}

.tours-detail .calendar-weekdays div {
  padding: 10px;
}

.tours-detail .calendar-days {
  text-align: center;
  grid-template-columns: repeat(7, 1fr);
  display: grid;
}

.tours-detail .calendar-days div {
  cursor: pointer;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  width: 74px;
  height: 77px;
  padding: 10px;
  display: flex;
  position: relative;
}

.tours-detail .calendar-days div .price1 {
  color: #e31d1d;
  font-size: 15px;
  font-weight: bold;
}

.tours-detail .text-red-cus {
  color: #e31d1d !important;
}

.tours-detail .text-blue-cus {
  color: #006ce4 !important;
}

.tours-detail .calendar-days div .price2 {
  color: #252525;
  font-size: 12px;
  font-weight: bold;
}

.tours-detail .booked {
  color: #757575;
  font-weight: 600;
}

.tours-detail .booked p {
  color: #999;
  font-size: 15px;
}

.tours-detail .special-rate {
  color: #757575;
  font-weight: 600;
}

.tours-detail .special-rate span {
  color: gray;
  font-size: 12px;
  display: block;
}

.tours-detail .day.current-day, .tours-detail .day.active {
  background-color: #556ab2;
  color: #fff !important;
}

.tours-detail .day.active p {
  color: #fff !important;
}

.tours-detail .price-info {
  color: gray;
  font-size: max(12px, .8rem);
}

.tours-detail .price-info.special {
  color: #e31d1d;
}

.tours-detail .note-container {
  align-items: center;
  gap: 30px;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.tours-detail .note-container .first-note {
  align-items: center;
  gap: 5px;
  display: flex;
}

.tours-detail .note-container .first-note .ball-red-n {
  background-color: #e31d1d;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  padding: 4px;
}

.tours-detail .note-container .first-note .ball-blue-n {
  background-color: var(--bs-point);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  padding: 4px;
}

.tours-detail .container-calendar .lb-18 {
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
}

.tours-detail .container-calendar .select-time-c {
  width: 260px;
}

.form-below-calendar {
  flex-direction: column;
  align-items: self-start;
  display: flex;
}

.tours-detail .quantity-container {
  border-bottom: 1px dashed #d8d8d8;
  justify-content: space-between;
  align-items: center;
  width: 510px;
  padding: 32px 0;
  display: flex;
}

.tours-detail .quantity-container-fa {
  display: none;
}

.calendar-right .quantity-container-fa[data-tour-index="0"] {
  display: block;
}

.tours-detail .quantity-info {
  align-items: center;
  margin-left: 31px;
  font-size: 18px;
  display: flex;
}

.tours-detail .quantity-info .price {
  margin-right: 5px;
  font-size: 24px;
  font-weight: bold;
}

.tours-detail .quantity-info .price .unit, .total_small {
  font-size: 16px;
}

.tours-detail .quantity-info .currency {
  color: gray;
  font-size: 16px;
}

.tours-detail .quantity-selector {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #ccc;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.tours-detail .quantity-selector button {
  cursor: pointer;
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0 15px;
  font-size: 20px;
}

.tours-detail .quantity-selector button:disabled {
  color: #ccc;
  cursor: not-allowed;
}

.tours-detail .quantity-selector .quantity {
  text-align: center;
  width: 70px;
  padding: 0 20px;
  font-size: 18px;
}

.tours-detail .container-calendar {
  border-top: 1px solid #d8d8d8;
  margin-top: 20px;
  padding-top: 50px;
  display: flex;
  position: relative;
}

.tours-detail .container-calendar.tour {
  border-top: unset;
  padding-top: 0;
}

.tours-detail .calendar-left {
  width: 50%;
}

.tours-detail .quantity-selector button.decrease {
  color: #252525;
  border-right: 1px solid #d8d8d8;
  width: 48px;
  height: 42px;
  padding-bottom: 4px;
  font-size: 30px;
}

.tours-detail .quantity-selector button.increase {
  color: #252525;
  border-left: 1px solid #d8d8d8;
  width: 48px;
  height: 42px;
  font-size: 30px;
}

.tours-detail .container-calendar .calendar-right {
  margin-left: 40px;
}

.tours-detail .container-calendar .calendar-right .title-right {
  font-size: 18px;
}

.tours-detail .container-calendar .quantity-info-con {
  flex-direction: column;
  display: flex;
}

.tours-detail .container-calendar .quantity-info-con span.des {
  margin-bottom: 12px;
  font-size: 18px;
}

.tours-detail .text-content-3-last {
  justify-content: flex-end;
  margin-top: 24px;
  display: flex;
}

.tours-detail .text-content-3-last button {
  border-radius: var(--qc-radius-xs, 4px);
  color: #000;
  border: 1px solid #d8d8d8;
  width: 120px;
  padding: 12px 40px;
  font-weight: 500;
}

.tours-detail .container-calendar .calendar-left .title-left {
  font-size: 18px;
}

.tours-detail .form-group {
  border-bottom: 1px dashed #d8d8d8;
  padding: 32px 0;
  display: block;
}

.tours-detail .form-group input {
  height: initial;
  width: initial;
  cursor: pointer;
  margin-bottom: 0;
  padding: 0;
  display: none;
}

.tours-detail .form-group label {
  cursor: pointer;
  font-size: 18px;
  position: relative;
}

.tours-detail .form-group label:before {
  content: "";
  -webkit-appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #eee;
  margin-right: 5px;
  padding: 12px;
  display: inline-block;
  position: relative;
  box-shadow: 0 1px 2px #0000000d, inset 0 -15px 10px -12px #0000000d;
}

.tours-detail .form-group input:checked + label:after {
  content: "";
  border: solid var(--bs-point);
  border-width: 0 2px 2px 0;
  width: 6px;
  height: 14px;
  display: block;
  position: absolute;
  top: 4px;
  left: 10px;
  transform: rotate(45deg);
}

.tours-detail .container-calendar .title-second {
  margin: 40px 0 8px;
  font-size: 18px;
}

.tours-detail .des-below {
  margin-top: 20px;
  line-height: 1.5rem;
}

.tours-detail .opt_select {
  margin-top: 20px;
}

.tours-detail .wrap-text span {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}

.tours-detail .wrap-text p {
  margin-top: 5px;
}

.tours-detail .des-below.spe {
  margin-top: 40px;
}

.tours-detail .option_list {
  margin-top: 20px;
}

.tours-detail .option_list .option_item {
  font-size: 16px;
  line-height: 1.3;
}

.tours-detail .option_list .option_item + .option_item {
  margin-top: 10px;
}

.tours-detail .primary-btn-calendar {
  border-radius: var(--qc-radius-pill, 999px);
  color: #fff;
  background-color: #2a459f;
  width: 200px;
  height: 56px;
  font-size: 20px;
  position: absolute;
  bottom: -12%;
  left: 37%;
}

.tours-detail .primary-btn-calendar.tour {
  margin-top: 20px;
  position: relative;
}

.tours-detail .title-sec3 {
  margin-bottom: 40px;
  font-size: 24px;
}

.tours-detail .list-tag-item {
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  margin-bottom: 36px;
  display: flex;
}

.tours-detail .list-tag-item .tag-item {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 80px;
  height: 80px;
  padding: 13px 9px 9px;
  display: flex;
}

.tours-detail .title-sec2 {
  margin-bottom: 20px;
  font-size: 18px;
}

.tours-detail.spa-detail .title-sec2 {
  margin: 40px 0;
  font-size: 18px;
}

.tours-detail.spa-detail .container-big-text::-webkit-scrollbar {
  display: none;
}

.tour-iframe::-webkit-scrollbar {
  display: none !important;
}

.tours_time_sect {
  margin-bottom: 30px;
}

.tours-detail p.des-type {
  color: #757575;
  margin-top: 20px;
  margin-bottom: 50px;
  line-height: 1.5rem;
  font-size: 17px !important;
}

.tours-detail .des-type {
  color: #757575;
  margin-top: 20px;
  margin-bottom: 50px;
  font-size: 17px;
  line-height: 1.5rem;
}

.tours-detail .des-type span {
  font-size: 16px !important;
}

.tours-detail .tag-item .picture {
  height: 30px;
}

.tours-detail .tit-swip-pic {
  margin-bottom: 30px;
}

.container-pic-slider {
  background-color: #fafafa;
  margin-bottom: 50px;
}

.container-pic-slider .swiper-container_tour_content {
  overflow: hidden;
}

.container-pic-slider .swiper-container_tour_content .swiper-slide {
  justify-content: center;
  align-items: center;
  margin-right: 80px;
  padding: 40px 0 0;
  display: flex;
}

.container-pic-slider .swiper-container_tour_content .swiper-slide img {
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  width: 700px;
  height: 450px;
}

.container-pic-slider .swiper-container_tour_content .swiper-tour_content-pagination {
  justify-content: center;
  padding: 40px 0;
  display: flex;
}

.tours-detail .des-type-1 {
  color: #757575;
  background-color: #fef4f6;
  margin: 20px 0 50px;
  padding: 30px 16px;
  line-height: 1.5rem;
}

.tours-detail .tit-blue {
  color: #2a459f;
  margin: 18px 0;
  font-size: 18px;
  display: block;
}

.tours-detail .timeline-con .timeline-item {
  gap: 20px;
  line-height: 1.5rem;
  list-style: outside;
  display: flex;
}

.tours-detail .timeline-con .time-l {
  color: #757575;
  width: 100px;
}

.tours-detail .timeline-con {
  margin-bottom: 50px;
}

.tours-detail .timeline-con:not(:first-child) {
  margin-bottom: 20px;
}

.tours-detail .steps-type {
  align-items: center;
  gap: 100px;
  margin-bottom: 110px;
  padding-left: 120px;
  display: flex;
}

.tours-detail .steps-type .step-type {
  flex-direction: column;
  align-items: center;
  gap: 18px;
  display: flex;
  position: relative;
}

.tours-detail .steps-type .con-step {
  border-radius: var(--qc-radius-pill, 999px);
  background-color: #fafafa;
  padding: 60px;
}

.tours-detail .steps-type .step-label {
  font-size: 18px;
  font-weight: 500;
}

.tours-detail .steps-type .number-step {
  border-radius: var(--qc-radius-pill, 999px);
  color: #fff;
  background-color: #2a459f;
  width: 46px;
  padding: 14px 18px;
  font-size: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.tours-detail .cus-step-note {
  flex-direction: column;
  align-items: center;
  gap: 16px;
  display: flex;
  position: absolute;
  bottom: 37%;
  right: -56%;
}

.tours-detail .cus-step-note span:first-child {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}

.tours-detail .cus-step-note .txt-step-note {
  color: #757575;
  text-align: center;
  width: 85px;
}

.content-sub-hotel-detail .room-p-cus-1 {
  padding-bottom: 16px;
}

.content-sub-hotel-detail .room-p-cus-2 {
  margin-top: 30px;
}

.content-sub-hotel-detail .occupancy_button {
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 8px 12px;
}

.content-sub-hotel-detail .popup {
  z-index: 1111111;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.content-sub-hotel-detail .popup-content {
  border-radius: var(--qc-radius-xs, 4px);
  text-align: left;
  background-color: #fff;
  width: 490px;
  padding: 20px;
  position: relative;
  box-shadow: 0 5px 15px #0000004d;
}

.content-sub-hotel-detail .close-btn {
  cursor: pointer;
  width: 29px;
  height: 29px;
  position: absolute;
  top: 24px;
  right: 20px;
}

.content-sub-hotel-detail .popup-content .title-popup {
  text-align: center;
  margin-top: 12px;
  margin-bottom: 30px;
  font-size: 24px;
}

.content-sub-hotel-detail .popup-content .item-price-popup {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #ccc;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding-right: 30px;
  display: flex;
}

.content-sub-hotel-detail .popup-content .img-container {
  border-radius: var(--qc-radius-xs, 4px) 0 0 var(--qc-radius-xs, 4px);
  background-color: #f7f7f7;
  padding: 30px 22px;
}

.content-sub-hotel-detail .popup-content .text-con {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 173px;
  display: flex;
}

.content-sub-hotel-detail .popup-content .text-con span:first-child {
  font-size: 20px;
  font-weight: 600;
}

.content-sub-hotel-detail .popup-content .text-con span.date-sub {
  color: #999;
}

.content-sub-hotel-detail .popup-content .count-info span {
  color: var(--bs-point);
}

.content-sub-hotel-detail .popup-content .count-info {
  margin-bottom: 10px;
}

.content-sub-hotel-detail .popup-content .date-sub {
  color: #999;
}

.content-sub-hotel-detail .popup-content .item-price-popup.active {
  border-color: #0c80e4 !important;
}

.content-sub-hotel-detail .popup-content .item-price-popup.active span {
  color: #0c80e4 !important;
}

.content-sub-hotel-detail .popup-content .item-price-popup.item-price-popup--button {
  cursor: pointer;
  margin-bottom: 135px;
  padding: 32px;
}

.content-sub-hotel-detail .popup-content .item-price-popup.item-price-popup--button span {
  font-size: 20px;
}

.content-sub-hotel-detail .footer-popup .des-above .item {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.content-sub-hotel-detail .footer-popup .des-above .item:last-child {
  border-bottom: 1px solid #ccc;
}

.content-sub-hotel-detail .footer-popup .des-above .item span:first-child {
  font-size: 18px;
}

.content-sub-hotel-detail .footer-popup .price-below {
  justify-content: space-between;
  align-items: center;
  margin: 24px 0;
  display: flex;
}

.content-sub-hotel-detail .footer-popup .price-below span:first-child {
  font-size: 18px;
}

.content-sub-hotel-detail .footer-popup .price-popup {
  font-size: 20px;
  font-weight: bold;
}

.content-sub-hotel-detail .footer-popup .price-popup span {
  font-weight: unset;
}

.content-sub-hotel-detail .footer-popup .btn_accept_popup {
  background-color: var(--bs-point);
  color: #fff;
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  border: none;
  width: 100%;
  margin-bottom: 12px;
  padding: 16px 20px;
  font-size: 18px;
}

.content-sub-hotel-detail .popup-content .line-gray {
  background-color: #f3f3f3;
  width: 490px;
  height: 16px;
  margin-bottom: 30px;
  margin-left: -20px;
}

.custom-product-golf .form-group {
  margin-bottom: 17px;
  display: block;
}

.custom-product-golf .form-group input {
  height: initial;
  width: initial;
  cursor: pointer;
  margin-bottom: 0;
  padding: 0;
  display: none;
}

.custom-product-golf .form-group label {
  cursor: pointer;
  align-items: center;
  gap: 12px;
  display: flex;
  position: relative;
}

.custom-product-golf .form-group label:before {
  content: "";
  -webkit-appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #0000;
  border: 2px solid #ccc;
  padding: 10px;
  display: inline-block;
  position: relative;
  box-shadow: 0 1px 2px #0000000d, inset 0 -15px 10px -12px #0000000d;
}

.custom-product-golf .form-group input:checked + label:after {
  content: "";
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 6px;
  height: 14px;
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  transform: rotate(45deg);
}

.custom-product-golf .form-group input:checked + label:before {
  background-color: var(--bs-point);
  border-color: var(--bs-point);
}

.custom-product-golf .form-group.tab_active_ label:after {
  content: "";
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 6px;
  height: 14px;
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  transform: rotate(45deg);
}

.custom-product-golf .form-group.tab_active_ label:before {
  background-color: var(--bs-point);
  border-color: var(--bs-point);
}

.custom-product-golf .filter-container {
  margin-top: 30px;
}

.content-sub-product-hotel .content-right {
  width: 900px;
}

.custom_no_search_view .content-right {
  width: 100% !important;
}

.content-sub-product-hotel .product-card-item-container .product-card-item-left {
  background-repeat: no-repeat;
  background-size: cover;
  width: 285px;
  position: relative;
}

.content-sub-product-hotel .product-card-item-container .product-card-item-left a img {
  border-radius: var(--qc-radius-control, 8px);
  object-fit: cover;
  width: 100%;
  height: 270px;
}

.product-card-label-list, .hotel-image-container-1 .product-card-label-list, .product-card-item-left .product-card-label-list {
  z-index: 2 !important;
  pointer-events: none !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
}

.product-card-label, .hotel-image-container-1 .product-card-label, .product-card-item-left .product-card-label-list .product-card-label {
  color: #fff;
  background-color: #000;
  border-radius: var(--qc-radius-xs, 4px) !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  max-width: fit-content !important;
  height: auto !important;
  padding: 5px 8px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
}

.custom-product-golf .product-card-item-right .sub-title {
  padding-bottom: unset;
  border-bottom: none;
}

.content-sub-hotel-detail .hotel-image-container .grid_2_2 img.grid_2_2_size {
  object-fit: cover;
  border-radius: var(--qc-radius-control, 8px);
  background-repeat: no-repeat;
  background-size: cover;
  width: 290px;
  height: 216px;
}

.golf-table {
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}

.golf-table thead th {
  text-align: left;
  border: 1px solid #ddd;
  padding: 20px;
  font-weight: bold;
}

.golf-table thead th:first-child, .golf-table thead th:nth-child(3), .golf-table thead th:nth-child(5) {
  background-color: #f4f4f4;
}

.golf-table tbody tr:first-child td:first-child, .golf-table tbody tr:first-child td:nth-child(3), .golf-table tbody tr:first-child td:nth-child(5) {
  color: #252525;
  background-color: #f4f4f4;
  font-weight: bold;
}

.golf-table tbody td {
  text-align: left;
  border: 1px solid #ddd;
  padding: 20px;
}

.golf-table tbody tr td:first-child {
  color: #252525;
  background-color: #f4f4f4;
}

.golf-table thead th:first-child, .golf-table tbody td:first-child {
  font-weight: bold;
}

.golf-table thead th:last-child, .golf-table tbody td:last-child {
  text-align: left;
}

.golf-table tbody td {
  line-height: 1.3;
}

.golf-table td[colspan="5"] {
  text-align: left;
}

.custom-golf-detail .title-size-24 {
  align-items: center;
  gap: 12px;
  margin-top: 60px;
  margin-bottom: 40px;
  font-size: 24px;
  display: flex;
}

.custom-golf-detail .content-custom-table .description span {
  font-family: Pretendard !important;
  font-size: 16px !important;
}

.content-custom-table {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #ccc;
  padding: 0 50px;
}

.content-custom-table .content-item {
  gap: 50px;
  padding: 32px 0;
  display: flex;
}

.content-custom-table .content-item:not(:last-child) {
  border-bottom: 1px dashed #ccc;
}

.content-custom-table .content-item .label {
  align-items: center;
  min-width: 130px;
  font-size: 18px;
  display: flex;
}

.content-custom-table .content-item .description {
  font-size: 17px;
  line-height: 1.5rem;
}

.custom-golf-detail .text-parent span {
  color: #999;
  font-size: 16px;
  font-weight: 600;
}

.custom-golf-detail .calendar {
  border-bottom: 1px solid #eee;
  max-width: 100%;
  height: 182px;
  padding: 0 55px;
}

.custom-golf-detail .calendar.not_price {
  height: 100%;
}

.custom-golf-detail .calendar .calendar-swiper-container {
  padding: 27px 10px;
  overflow: hidden;
}

.custom-golf-detail .calendar .swiper-button-prev {
  background-repeat: no-repeat;
  background-size: 6px 10px;
  width: 6px;
  height: 10px;
  margin-top: 0;
  top: 32%;
  left: -5%;
}

.custom-golf-detail .calendar .swiper-button-next {
  background-repeat: no-repeat;
  background-size: 6px 10px;
  width: 6px;
  height: 10px;
  margin-top: 0;
  top: 32%;
  right: -5%;
}

.custom-golf-detail .calendar .swiper-button {
  border-radius: var(--qc-radius-xs, 4px);
  filter: drop-shadow(0 5px 3px #0000000d);
  background-color: #ffffffe6;
  border: 1px solid #dbdbdb;
  width: 28px;
  height: 42px;
}

.custom-golf-detail .calendar .year .btn_year_new {
  background: var(--bs-point);
  border-radius: var(--qc-radius-xs, 4px);
  padding: 7px 12px;
}

.custom-golf-detail .calendar .year .btn_year_new img {
  filter: invert();
}

.custom-golf-detail .calendar .swiper-slide {
  flex-direction: column;
  align-items: center;
  gap: 25px;
  width: 50px;
  display: flex;
}

.custom-golf-detail .year {
  justify-content: center;
  align-items: center;
  gap: 30px;
  display: flex;
}

.custom-golf-detail .swiper-button-custom:after, .custom-golf-detail .swiper-rtl .swiper-button-prev:after {
  display: none;
}

.custom-golf-detail .calendar span {
  font-size: 20px;
  font-weight: 500;
}

.custom-golf-detail .calendar .dates {
  position: relative;
}

.custom-golf-detail .calendar .dates .day {
  text-align: center;
}

.custom-golf-detail .calendar .dates .day, .custom-golf-detail .calendar .dates .txt {
  color: #999;
}

.custom-golf-detail .calendar .dates .txt {
  margin-top: 15px;
  font-size: 14px;
}

.custom-golf-detail .calendar .dates .day.on a, .custom-golf-detail .calendar .dates .day.on .txt {
  color: #252525;
}

.custom-golf-detail .calendar .dates .day a.on {
  position: relative;
  color: #fff !important;
}

.custom-golf-detail .calendar .dates .day a.on:before {
  content: "";
  background-color: var(--bs-point);
  z-index: -1;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.custom-golf-detail #toDay {
  color: #dba365;
}

.custom-golf-detail .year img {
  cursor: pointer;
}

.custom-golf-detail .tag-con-below-calendar {
  border-bottom: 1px solid #eee;
  padding: 40px 0;
}

.custom-golf-detail .box-selecter .ic_item {
  align-items: center;
  width: calc(50% - 40px);
  margin-bottom: 30px;
  display: flex;
}

.custom-golf-detail .box-selecter .ic_item .title {
  color: #252525;
  width: 120px;
  font-size: 17px;
  font-weight: bold;
}

.custom-golf-detail .box-selecter .ic_item .body-box {
  gap: 10px;
}

.custom-golf-detail .box-selecter .ic_item .body-box .box {
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 60px;
  display: flex;
}

.custom-golf-detail .box-selecter .ic_item .body-box select.box {
  width: 212px;
}

.custom-golf-detail .box-selecter .ic_item .body-box .box.active {
  border-color: var(--bs-point);
}

.custom-golf-detail .box-selecter .ic_item .body-box .box p {
  color: #252525;
  font-size: 16px;
  font-weight: 400;
}

.custom-golf-detail .box-selecter .ic_item .body-box .box.active p {
  color: var(--bs-point);
}

.custom-golf-detail .box-selecter + .box-selecter {
  margin-bottom: 30px;
}

.custom-golf-detail .box-selecter .titles {
  color: #252525;
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: bold;
}

.custom-golf-detail .box-selecter .select-more-body {
  flex-direction: column;
}

.custom-golf-detail .box-selecter .select-more-body .item {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 70px;
  margin-bottom: 12px;
  padding: 0 15px 0 30px;
  display: flex;
}

.custom-golf-detail .box-selecter .select-more-body .item .item_left .tit {
  color: #252525;
  margin-right: 30px;
  font-size: 16px;
  font-weight: 400;
}

.custom-golf-detail .box-selecter .select-more-body .item .item_left .content {
  color: #757575;
  font-size: 16px;
  font-weight: 400;
}

.custom-golf-detail .box-selecter .select-more-body .item .item_right .pri {
  color: #252525;
  font-size: 18px;
  font-weight: 600;
}

.custom-golf-detail .box-selecter .select-more-body .item .item_right select {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  width: 110px;
  height: 44px;
  margin-left: 14px;
  font-size: 16px;
  font-weight: 400;
}

.custom-golf-detail .tag-con-below-calendar .item-tag {
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.custom-golf-detail .tag-con-below-calendar .item-tag.new {
  justify-content: space-between;
  width: calc(50% - 40px);
}

.custom-golf-detail .tag-con-below-calendar .item-tag .item-tag-select {
  width: 50%;
}

.custom-golf-detail .tag-con-below-calendar .item-tag .item-tag-select .cus-width {
  width: 180px;
}

.custom-golf-detail .tag-con-below-calendar .cus-width {
  width: 280px;
  padding-left: 20px;
  padding-right: 0;
}

.custom-golf-detail .tag-con-below-calendar .item-tag span.label {
  width: 120px;
  font-size: 17px;
}

.custom-golf-detail .tag-con-below-calendar .item-tag span.label.first {
  width: 60px;
}

.custom-golf-detail .tag-con-below-calendar .item-tag.new select {
  width: unset;
}

.custom-golf-detail .box-selecter .ic_item .item-select .label.first {
  width: 60px;
}

.custom-golf-detail .box-selecter .ic_item .item-select .cus-width {
  width: 180px;
}

.custom-golf-detail .body-box {
  gap: 10px;
  width: calc(100% - 120px);
}

.custom-golf-detail .body-box .box {
  width: 50% !important;
}

.custom-golf-detail .tag-list {
  align-items: center;
  gap: 10px;
  display: flex;
}

.custom-golf-detail .box-selecter .ic_item .item-select.second .label {
  width: 120px;
}

.custom-golf-detail .box-selecter .ic_item .item-select.second .cus-width {
  width: calc(100% - 120px);
}

.custom-golf-detail .tag-list span.tag {
  border-radius: var(--qc-radius-card, 16px);
  text-align: center;
  cursor: pointer;
  border: 1px solid #eee;
  width: 56px;
  padding: 8px;
}

.custom-golf-detail .tag-list span.tag.active {
  border-color: var(--bs-point);
  color: var(--bs-point);
}

.custom-golf-detail .date-text-2 {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 20px;
  display: flex;
}

.custom-golf-detail .result_select {
  gap: 5px;
  display: flex;
}

.custom-golf-detail .date-text-2 span {
  color: #999;
}

.custom-golf-detail .date-text-2 p:last-child {
  color: #999;
  font-size: 16px;
}

.custom-golf-detail .card-content {
  border-bottom: 1px solid #eee;
  flex-wrap: wrap;
  gap: 30px;
  padding-bottom: 40px;
  display: flex;
}

.custom-golf-detail .card-content .card-item {
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  border: 1px solid #dbdbdb;
  width: 380px;
  height: 160px;
  padding: 30px;
}

.custom-golf-detail .card-content .card-item.active_1 {
  color: var(--bs-point);
  border-color: var(--bs-point);
  border-width: 2px;
}

.custom-golf-detail .card-content .card-item:hover {
  color: var(--bs-point);
  border-color: var(--bs-point);
}

.custom-golf-detail .card-content .card-item.active_2 {
  background-color: var(--bs-point);
  color: #fff !important;
}

.custom-golf-detail .card-content .card-item.active_2 span.font-bold {
  color: #fff;
}

.custom-golf-detail .card-content .header-con {
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  display: flex;
}

.custom-golf-detail .card-content p.text-gray, .custom-golf-detail .card-content .card-item p.cus-text, .custom-golf-detail .card-content .card-item.active_2 p.cus-text {
  margin-bottom: 10px;
}

.custom-golf-detail .card-content .card-item.active_2 .cus-text_div {
  gap: 4px;
  display: flex;
}

.custom-golf-detail .card-content span.font-bold {
  color: #252525;
}

.custom-golf-detail .list-select-element {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
  display: flex;
}

.custom-golf-detail .list-select-element .item-select {
  align-items: center;
  gap: 15px;
  width: 33.33%;
  display: flex;
}

.custom-golf-detail .list-select-element .item-select .select_custom_ {
  width: 230px;
}

.custom-golf-detail .list-select-element.tour .item-select .select_custom_ {
  width: 100%;
}

.custom-golf-detail .list-select-element .item-select .vehicle_number {
  width: 50px;
}

.custom-golf-detail .section2-sub {
  display: flex;
}

.custom-golf-detail .section2-sub .left-main {
  border-radius: 0 0 0 var(--qc-radius-xs, 4px);
  border: 1px solid #eee;
  border-top: 2px solid #000;
  flex-direction: column;
  gap: 10px;
  width: 50%;
  padding: 40px;
  display: flex;
  box-shadow: 0 5px #3333330a;
}

.custom-golf-detail .section2-sub .left-main .tit-left {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
}

.custom-golf-detail .section2-sub .left-main p {
  align-items: center;
  font-size: 17px;
  line-height: 1.5rem;
  display: flex;
}

.custom-golf-detail .section2-sub .left-main .l-label {
  width: 100px;
}

.custom-golf-detail .section2-sub .right-main {
  border-radius: 0 0 var(--qc-radius-xs, 4px) 0;
  border: 1px solid #eee;
  border-top: 2px solid #000;
  border-left: none;
  flex-direction: column;
  width: 50%;
  padding: 12px 40px 40px;
  display: flex;
  box-shadow: 0 5px #3333330a;
}

.custom-golf-detail .section2-sub .right-main .item-right {
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
  display: flex;
}

.custom-golf-detail .section2-sub .right-main .item-right:not(:last-child), .vehicle_list_result {
  border-bottom: 1px dashed #ccc;
}

.custom-golf-detail .section2-sub .right-main .item-right.cus-border {
  color: #df0011;
  border-bottom: 1px solid #ccc;
  font-weight: 600;
}

.custom-golf-detail .mt-50 {
  margin-top: 50px;
}

.custom-golf-detail .btn-price-content {
  width: 100%;
  height: 66px;
  font-weight: unset;
  color: #fff;
  margin-top: auto;
  background-color: var(--bs-point) !important;
  font-size: 22px !important;
}

.custom-golf-detail .btn-price-content-normal {
  width: 100%;
  height: 66px;
  font-weight: unset;
  margin-top: auto;
  color: var(--bs-point) !important;
  border: 1px solid var(--bs-point) !important;
  background-color: #fff !important;
  font-size: 22px !important;
}

.custom-golf-detail .section2-sub .item-last-right {
  justify-content: space-between;
  padding: 30px 0;
  font-size: 20px;
  display: flex;
}

.custom-golf-detail .section2-sub .item-last-right .price-text {
  font-weight: bold;
}

.custom-golf-detail .section2-sub .item-last-right .price-text span {
  font-weight: 500 !important;
}

.custom-golf-detail .section2-sub .right-main .list-text {
  width: 360px;
  line-height: 1.5rem;
}

.custom-golf-detail .section2-sub .item-right p:first-child {
  width: 360px;
}

.custom-golf-detail .container-big-text {
  line-height: 1.3rem;
}

.custom-golf-detail .container-big-text span {
  font-family: Pretendard !important;
}

.custom-golf-detail .container-big-text .sub-title-18 {
  margin-bottom: 20px;
  font-size: 18px;
}

.custom-golf-detail .container-big-text p {
  margin-bottom: 20px;
  line-height: 1.5rem;
}

.custom-golf-detail .container-big-text ul {
  margin-top: 20px;
  line-height: 1.5rem;
}

.custom-golf-detail .info-container span {
  width: 110px;
  display: inline-block;
}

.custom-golf-detail .info-container {
  line-height: 1.5rem;
}

.custom-golf-detail .highlight-des .highlight-des-p {
  background-color: #f3f5f7;
  margin-top: 28px;
  padding: 30px 20px;
}

.custom-golf-detail .section6 .card-list-recommemded .recommemded-item button {
  color: #4576fe;
  background-color: unset;
  margin-top: 24px;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
}

.mb-40 {
  margin-bottom: 40px;
}

.custom-golf-detail .ul-html-content li {
  list-style: decimal;
}

.custom-golf-detail .ul-html-content {
  margin-bottom: 50px;
  margin-left: 16px;
  list-style: decimal;
}

.custom-golf-detail .qa-section h2 {
  margin-bottom: 15px;
  font-size: max(12px, 1.2rem);
}

.custom-golf-detail .qa-form {
  margin-bottom: 20px;
  display: flex;
}

.custom-golf-detail .qa-input {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #ddd;
  flex: 1;
  padding: 10px;
}

.custom-golf-detail .qa-submit {
  color: #fff;
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  background-color: #007bff;
  border: none;
  margin-left: 10px;
  padding: 10px 20px;
}

.custom-golf-detail .qa-list {
  border-top: 1px solid #ddd;
  padding: 0;
  list-style-type: none;
}

.custom-golf-detail .qa-item .qa-wrap {
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0;
  display: flex;
}

.custom-golf-detail .qa-list .no-data {
  text-align: center;
  margin-top: 30px;
}

.custom-golf-detail .qa-question {
  align-items: center;
  max-width: 80%;
  display: flex;
}

.custom-golf-detail .qa-number {
  margin: 0 28px;
  font-size: 17px;
}

.custom-golf-detail .qa-tag {
  color: #fff;
  border-radius: var(--qc-radius-pill, 999px);
  text-align: center;
  background-color: red;
  width: 93px;
  margin-right: 10px;
  padding: 10px 16px 8px;
  font-size: 15px;
}

.custom-golf-detail .qa-tag.normal-style {
  color: var(--bs-point);
  border-radius: var(--qc-radius-pill, 999px);
  border: 1px solid var(--bs-point);
  background-color: #fff;
  width: auto;
  margin-right: 10px;
  padding: 10px 16px 8px;
  font-size: 15px;
}

.custom-golf-detail .load-more {
  background-color: var(--bs-point);
  color: #fff;
  border-radius: var(--qc-radius-pill, 999px);
  text-align: center;
  border: 1px solid #000;
  width: 93px;
  margin-right: 10px;
  padding: 8px 16px;
  font-size: 15px;
  display: inline-block;
}

.custom-golf-detail .additional-info .mt-36 {
  margin-top: 36px;
}

.custom-golf-detail .qa-text {
  font-size: 17px;
}

.custom-golf-detail .qa-meta {
  font-size: 15px;
}

.custom-golf-detail .additional-info {
  border-radius: var(--qc-radius-xs, 4px);
  border-bottom: 1px solid #ddd;
  padding: 30px 0 30px 82px;
  display: none;
}

.custom-golf-detail .additional-info p {
  color: #555;
  font-size: 17px;
  line-height: 1.5;
}

.custom-golf-detail .pagination {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  margin: 32px 0 128px !important;
}

.custom-golf-detail .page-link {
  color: #333;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #ddd;
  margin: 0 5px;
  padding: 10px 15px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: inline-block;
}

.custom-golf-detail .page-link:hover {
  background-color: #f0f0f0;
}

.custom-golf-detail .page-link.active {
  color: var(--bs-point);
  border-color: var(--bs-point);
}

.custom-golf-detail .custom-area-text {
  border-radius: var(--qc-radius-xs, 4px);
  box-sizing: border-box;
  border: 1px solid #ddd;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 132px;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 10px;
  display: flex;
}

.custom-golf-detail .custom-label {
  flex: 1;
  margin-right: 10px;
}

.custom-golf-detail .custom-main-input-style {
  resize: none;
  color: #999;
  border-radius: var(--qc-radius-xs, 4px);
  text-align: start;
  border: none;
  outline: none;
  width: 100%;
  height: 120px;
  padding: 10px;
  font-size: 14px;
}

.custom-golf-detail .qa-submit-btn {
  cursor: pointer;
  border-left: 1px solid #eee;
  padding: 38px;
  font-size: 18px;
}

.custom-golf-detail .qa-submit-btn:hover {
  background-color: #e0e0e0;
}

.content-sub-product-hotel .filter_icon {
  width: 17px;
  height: 18px;
}

.content-sub-product-hotel .close_icon {
  cursor: pointer;
  width: 10px;
  height: 12px;
}

.content-sub-product-hotel .two-way_arrow {
  width: 18px;
  height: 14px;
}

.content-sub-product-hotel .two-way-arrow-content a {
  align-items: center;
  gap: 3px;
  display: flex;
}

.content-sub-hotel-detail .section2 .tag-list-icon .item-tag img {
  max-width: 26px;
  max-height: 26px;
}

.custom-golf-detail .golf-table .rating-list img {
  width: 13px;
  height: 12px;
}

.most_searched_tab_2__prd_list {
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  display: flex;
}

.sub_hotel_section7_product_item {
  width: calc(25% - 15px);
  position: relative;
}

.sub_hotel_section7_product_item__name {
  color: #252525;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 25px;
  font-size: 24px;
  font-weight: normal;
  display: -webkit-box;
  overflow: hidden;
}

.thailand_hotel_list_top_ {
  flex-wrap: wrap;
  gap: 50px 20px;
  margin-top: 29px;
  display: flex;
}

.thailand_hotel_top_item_ {
  width: calc(25% - 15px);
}

.thailand_golf_list_ {
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 29px;
  display: flex;
}

.thailand_golf_list_item_ {
  width: calc(25% - 15px);
}

.content-sub-hotel-detail .section3 .card-item-left {
  max-width: 285px;
}

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

.room_option_long {
  height: 620px;
  margin-top: 30px;
  overflow: hidden;
}

.btnReadLess {
  display: none;
}

.btnReadLess, .btnReadMore {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  padding: 5px 10px;
}

.cus_scroll {
  height: auto;
  max-height: 400px;
  padding-left: 20px;
  overflow: hidden auto;
}

.cus_scroll_li {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
  display: flex;
}

.cus_scroll li {
  width: 100%;
  max-width: calc(50% - 10px);
}

.cus_scroll::-webkit-scrollbar {
  background-color: #f5f5f5;
  width: 2px;
  display: block;
}

.cus_scroll::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

.imageDetailMain_ {
  border: 1px solid #dbdbdb;
  width: 600px;
  height: 442px;
}

.imageDetailSup_ {
  border: 1px solid #dbdbdb;
  width: 290px;
  height: 216px;
}

.imageDetailOption_ {
  border: 1px solid #dbdbdb;
  width: calc(50% - 5px);
  height: 95px;
}

.content-sub-hotel-detail .hotel-image-container .grid_1_1_size {
  object-fit: cover;
  background-size: cover;
  height: 441px;
}

.content-sub-hotel-detail .section3 {
  margin-top: 160px;
}

.custom-golf-detail .list-select-element {
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
  margin-bottom: 80px;
  display: flex;
}

.custom-golf-detail .list-select-element .item-select .label {
  flex: none;
  width: 70px;
}

.travel-tips .sec_banner {
  margin-top: 32px;
  margin-bottom: 90px;
}

.travel-tips .sec_banner .wrap_banner {
  position: relative;
}

.travel-tips .sec_banner .text_banner {
  color: #000000d1;
  position: absolute;
  top: 50%;
  left: 120px;
  transform: translateY(-50%);
}

.travel-tips .sec_banner .text_banner span {
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 700;
  display: block;
}

.travel-tips .sec_banner .text_banner p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}

.travel-tips .sec_02 .inner .content_sec {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 120px;
}

.travel-tips .header_sec {
  align-items: center;
  gap: 30px;
  margin-bottom: 32px;
  display: flex;
  position: relative;
}

.travel-tips .header_sec .more_link {
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.travel-tips .header_sec .title_sec {
  font-size: 28px;
  font-weight: 700;
}

.travel-tips .header_sec .sub_title_sec {
  color: #757575;
  font-size: 17px;
}

.travel-tips .content_sec .list_item {
  border-radius: var(--qc-radius-xs, 4px);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 115px;
  display: flex;
}

.travel-tips .content_sec .list_item .item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 224px;
  height: 150px;
  position: relative;
}

.travel-tips .content_sec .list_item .item span {
  color: #252525;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  top: 35px;
  left: 30px;
}

.travel-tips .content_sec .list_item .item_1 {
  background-image: url("/images/sub/tra-sec-01-1.png");
}

.travel-tips .content_sec .list_item .item_2 {
  background-image: url("/images/sub/tra-sec-01-2.png");
}

.travel-tips .content_sec .list_item .item_3 {
  background-image: url("/images/sub/tra-sec-01-3.png");
}

.travel-tips .content_sec .list_item .item_4 {
  background-image: url("/images/sub/tra-sec-01-4.png");
}

.travel-tips .content_sec .list_item .item_5 {
  background-image: url("/images/sub/tra-sec-01-5.png");
}

.tra_sec_02_swiper .swiper-slide {
  width: 387px;
  height: 280px;
}

.tra_sec_02_swiper_item {
  width: 387px;
  height: 280px;
  display: block;
  position: relative;
}

.tra_sec_02_swiper ._img_box {
  width: 100%;
  height: 100%;
  position: relative;
}

.tra_sec_02_swiper ._img_box img {
  object-fit: cover;
  border-radius: var(--qc-radius-card, 16px);
  width: 100%;
  height: 100%;
}

.tra_sec_02_swiper ._img_box:after {
  content: "";
  border-radius: var(--qc-radius-card, 16px);
  background: #0000004d;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.tra_sec_02_swiper ._text_box {
  color: #fff;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tra_sec_02_swiper ._text_box h5 {
  margin-bottom: 16px;
  font-size: 28px;
  font-weight: 700;
}

.tra_sec_02_swiper_btn_next {
  background-image: url("/images/sub/tra-sec-02-btn-next.png");
  width: 60px;
  height: 60px;
  right: 0;
}

.tra_sec_02_swiper_btn_prev {
  background-image: url("/images/sub/tra-sec-02-btn-prev.png");
  width: 60px;
  height: 60px;
  left: 0;
}

.travel-tips .swiper-button-next:after, .travel-tips .swiper-button-prev:after {
  content: "";
}

.tra_sec_02_swiper_pagination {
  display: none;
}

.travel-tips .wrap_secs .inner {
  justify-content: space-between;
  gap: 40px;
  padding-top: 100px;
  display: flex;
}

.travel-tips .sec_03, .travel-tips .sec_04 {
  flex: 1;
}

.travel-tips .wrap_secs .list_travel_info .item {
  border-bottom: 1px solid #dbdbdb;
  align-items: center;
  gap: 20px;
  padding: 20px 45px 20px 0;
  display: flex;
}

.travel-tips .wrap_secs .list_travel_info .item:first-child {
  padding-top: 0;
}

.travel-tips .wrap_secs .list_travel_info .item img {
  object-fit: cover;
  width: 140px;
  height: 102px;
}

.travel-tips .wrap_secs .list_travel_info .item .bx_text {
  flex: 1;
  max-width: 380px;
}

.travel-tips .wrap_secs .list_travel_info .item:last-child {
  border-bottom: none;
}

.travel-tips .wrap_secs .list_travel_info .item .head_text {
  color: #757575;
  margin-bottom: 10px;
  font-size: 15px;
  display: block;
}

.travel-tips .wrap_secs .list_travel_info .item .title {
  color: #252525;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
}

.travel-tips .wrap_secs .list_travel_info .item .desc .name, .travel-tips .wrap_secs .list_travel_info .item .desc .time {
  color: #757575;
  border-right: 1px solid #dbdbdb;
  margin-right: 10px;
  padding-right: 10px;
  font-size: 15px;
}

.travel-tips .wrap_secs .list_travel_info .item .desc .view {
  color: #757575;
  font-size: 15px;
}

.travel-tips .sec_04 .list_travel_banner .item {
  margin-bottom: 30px;
  display: block;
  position: relative;
}

.travel-tips .sec_04 .list_travel_banner .item img {
  object-fit: cover;
  border-radius: var(--qc-radius-card, 16px);
  width: 100%;
  height: 181px;
}

.travel-tips .sec_04 .list_travel_banner .item .bx_text {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.travel-tips .sec_04 .list_travel_banner .item .bx_text .loca {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #0009;
  margin-bottom: 70px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
}

.travel-tips .sec_04 .list_travel_banner .item .bx_text .title {
  font-size: 26px;
  font-weight: 700;
}

.travel-tips .sec_05 {
  background-color: #f7f7f7;
  padding-top: 75px;
  padding-bottom: 95px;
}

.travel-tips .sec_05 .list_travel_banner {
  align-items: center;
  gap: 20px;
  display: flex;
}

.travel-tips .sec_05 .header_sec .title_sec {
  text-align: center;
  width: 100%;
  font-size: 28px;
  font-weight: 700;
}

.travel-tips .sec_06 {
  padding: 110px 0;
}

.travel-tips .sec_06 .list_travel_banner {
  justify-content: flex-start;
  display: flex;
}

.travel-tips .sec_06 .list_travel_banner .item {
  opacity: 1;
  display: block;
}

.travel-tips .sec_06 .swiper-slide {
  width: calc(33.3333% - 13px);
}

.travel-tips .sec_06 .img_box img {
  width: 100%;
  height: 100%;
}

.travel-tips .sec_06 .magazine_content {
  margin-top: 10px;
  font-size: 20px;
  line-height: 1.4;
}

.price_secret_wrap {
  cursor: pointer;
  align-items: center;
  gap: 5px;
  display: flex;
  position: relative;
}

.price_secret_wrap p {
  color: red;
  font-weight: bold;
}

.price_secret_wrap i {
  filter: invert(17%) sepia(5%) saturate(10000000%) hue-rotate(-5deg) brightness(90%) contrast(120%);
  background: url("/images/ico/ico_warning.svg") center / 15px 15px no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
}

.price_secret_wrap:hover .price_secret_notes {
  display: block;
}

.price_secret_wrap:after {
  content: "";
  background-color: #0000;
  width: 100%;
  height: 5px;
  position: absolute;
  top: 100%;
  right: 0;
}

.price_secret_notes {
  text-align: center;
  color: #333;
  border-radius: var(--qc-radius-xs, 4px);
  width: 300px;
  overflow: initial;
  background: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  line-height: 1.4;
  transition: all .2s;
  display: none;
  position: absolute;
  top: 20px;
  right: -110px;
  height: auto !important;
}

.total_price_tour {
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  font-size: 24px;
  font-weight: bold;
  display: flex;
}

.policy_wrap {
  border-radius: var(--qc-radius-control, 8px);
  background-color: #f3f5f7;
  margin-top: 30px;
  padding: 40px;
}

.area_info {
  gap: 30px;
  height: 62px;
  display: flex;
}

.area_info .child {
  align-items: center;
  gap: 10px;
  display: flex;
}

.area_info .child .icon {
  align-items: center;
  gap: 5px;
  display: flex;
}

.area_info .pallet i {
  background: url("/images/ico/bed.png") center / 24px 18px no-repeat;
  width: 24px;
  height: 18px;
  display: inline-block;
}

.area_info .extent i {
  background: url("/images/ico/extent.png") center / 19px 19px no-repeat;
  width: 19px;
  height: 19px;
  display: inline-block;
}

.area_info .floor i {
  background: url("/images/ico/floor.png") center / 19px 19px no-repeat;
  width: 19px;
  height: 19px;
  display: inline-block;
}

.area_info .extent .unit {
  position: relative;
}

.area_info .extent .unit:before {
  content: "2";
  color: #333;
  font-size: 12px;
  position: absolute;
  top: 0;
  right: -5px;
}

.hot_place .sec_banner {
  margin: 45px 0 95px;
  position: relative;
}

.hot_place .sec_banner .img_prd {
  width: 100%;
  height: 147px;
}

.hot_place .sec_banner .text_banner {
  text-align: center;
  color: #fff;
  background-color: #00000080;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hot_place .sec_banner .text_banner span {
  margin-bottom: 13px;
  font-size: 26px;
  font-weight: 700;
  display: block;
}

.hot_place .sec_banner .text_banner p {
  font-size: 18px;
  font-weight: 400;
}

.hot_place .input_search_box {
  border: 1px solid #dbdbdb;
  justify-content: space-between;
  align-items: center;
  width: 270px;
  height: 50px;
  margin-bottom: 20px;
  margin-left: auto;
  padding-right: 18px;
  display: flex;
}

.hot_place .input_search_box input {
  border: none;
  outline: none;
  height: 100%;
  font-size: 16px;
}

.hot_place .list_place {
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  flex-wrap: wrap;
  gap: 43px 20px;
  padding-top: 30px;
  padding-bottom: 46px;
  display: flex;
}

.hot_place .list_place .item {
  width: calc(33.3333% - 13.3333px);
  display: block;
  position: relative;
  overflow: hidden;
}

.hot_place .list_place .item .img {
  width: 100%;
  height: 284px;
}

.hot_place .list_place .item .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .2s;
}

.hot_place .list_place .item .title {
  color: #757575;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
  font-size: 15px;
  display: flex;
}

.hot_place .list_place .item .title .star {
  color: #252525;
  letter-spacing: 1px;
}

.hot_place .list_place .item .name {
  margin-top: 12px;
  font-size: 20px;
  font-weight: 600;
}

.hot_place .list_place .item .desc {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 22px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.hot_place .list_place .item .comt {
  color: #757575;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 19px;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
}

.hot_place .list_place .item .comt .acc {
  margin-right: 10px;
  font-weight: 500;
}

.custom.pagination {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  margin: 32px 0 128px !important;
}

.custom .page-link {
  color: #333;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #ddd;
  margin: 0 5px;
  padding: 10px 15px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: inline-block;
}

.custom .page-link.ml {
  margin-left: 24px;
}

.custom .page-link.mr {
  margin-right: 24px;
}

.custom .page-link:hover {
  background-color: #f0f0f0;
}

.custom .page-link.active {
  color: var(--bs-point);
  border-color: var(--bs-point);
}

.travel_info {
  padding-bottom: 130px;
}

.travel_info h2 {
  text-align: center;
  margin-bottom: 32px;
  padding-top: 40px;
  font-size: 28px;
  font-weight: 700;
}

.travel_info .list_tab_head {
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 33px;
  display: flex;
}

.travel_info .list_tab_head .tab {
  color: #757575;
  border-radius: var(--qc-radius-pill, 999px);
  cursor: pointer;
  text-align: center;
  border: 1px solid #dbdbdb;
  min-width: 70px;
  padding: 7px 12px;
  font-size: 16px;
  font-weight: 500;
}

.travel_info .list_tab_head .tab.on {
  color: #fff;
  background-color: #2a459f;
}

.travel_info .head_list_product {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.travel_info .head_list_product .total_text {
  font-size: 16px;
  font-weight: 500;
}

.travel_info .head_list_product .total_text span {
  color: #2a459f;
}

.travel_info .head_list_product select {
  border: 1px solid #dbdbdb;
  width: 140px;
  height: 50px;
  margin-left: auto;
  padding: 0 20px;
}

.travel_info .head_list_product .input_search_box {
  border: 1px solid #dbdbdb;
  justify-content: space-between;
  align-items: center;
  width: 270px;
  height: 50px;
  margin-left: 10px;
  padding-right: 20px;
  display: flex;
}

.travel_info .head_list_product .input_search_box img {
  cursor: pointer;
}

.travel_info .head_list_product .input_search_box input {
  border: none;
  outline: none;
  height: 100%;
  font-size: 16px;
}

.travel_info .list_product .item {
  border-bottom: 1px solid #dbdbdb;
  align-items: center;
  gap: 25px;
  padding: 27px 0;
  display: flex;
}

.travel_info .list_product .item:first-child {
  border-top: 1px solid #dbdbdb;
}

.travel_info .list_product .item .img {
  width: 350px;
}

.travel_info .list_product .item .img img {
  object-fit: cover;
  width: 100%;
}

.travel_info .list_product .item .img .img_travel {
  width: 350px;
  height: 250px;
}

.travel_info .list_product .item .text {
  flex: 1;
}

.travel_info .list_product .item .tit {
  color: #757575;
  margin-bottom: 14px;
  font-size: 15px;
  display: block;
}

.travel_info .list_product .item .name {
  margin-bottom: 28px;
  font-size: 20px;
  font-weight: 500;
}

.travel_info .list_product .item .desc {
  background-color: #f7f7f7;
  margin-bottom: 30px;
  padding: 20px;
}

.travel_info .list_product .item .desc_inner {
  color: #5f5f5f;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 16px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.travel_info .list_product .item .info {
  color: #757575;
  font-size: 16px;
}

.travel_info .list_product .item .info .date {
  border-right: 1px solid #757575;
  padding-right: 12px;
}

.travel_info .list_product .item .info .author {
  border-right: 1px solid #757575;
  padding-left: 12px;
  padding-right: 12px;
}

.travel_info .list_product .item .info .view {
  padding-left: 12px;
}

.infographic .list_infographic {
  border-bottom: 1px solid #dbdbdb;
  flex-wrap: wrap;
  gap: 46px 18px;
  padding-bottom: 42px;
  display: flex;
}

.infographic .list_infographic .item {
  width: calc(25% - 13.5px);
  display: block;
  position: relative;
  overflow: hidden;
}

.infographic .list_infographic .item img {
  object-fit: cover;
  width: 100%;
  height: auto;
}

.infographic .list_infographic .item p {
  margin-top: 25px;
  font-size: 18px;
  font-weight: 500;
}

.view_container .view_top_wrap {
  background: #efefef;
  border-top: 1px solid #666;
  border-bottom: 1px solid #e9e9e9;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  display: flex;
}

.view_container .view_top_wrap .view_top_ttl {
  font-size: 15px;
}

.view_container .view_top_wrap .view_top_info {
  align-items: center;
  gap: 10px;
  display: flex;
}

.view_container .view_top_wrap .view_top_info .date, .view_container .view_top_wrap .view_top_info .view {
  color: #666;
}

.monkey_theme ul {
  flex-flow: wrap;
  align-content: baseline;
  gap: 20px;
  margin-top: 0;
  padding: 0 0 40px;
  display: flex;
}

.monkey_theme li {
  justify-content: center;
  width: 310px;
  height: 400px;
  display: flex;
  position: relative;
}

.theme_banner {
  border-radius: var(--qc-radius-card, 16px);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.monkey_theme li img {
  object-fit: cover;
  border-radius: var(--qc-radius-card, 16px);
  width: 100%;
  height: 100%;
  position: absolute;
}

.theme_boxinfo {
  box-sizing: border-box;
  text-align: center;
  background-color: #0006;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.theme_boxinfo:hover {
  background-color: #0003;
}

.theme_banner img {
  transform-origin: center;
  transition: transform .5s;
}

.theme_banner .desc {
  text-align: center;
  color: #fff;
  border-radius: var(--qc-radius-section, 24px);
  background: #fb2f2f;
  margin-top: 148px;
  padding: 3px 10px;
  font-size: 13px;
  display: inline-block;
}

.theme_banner .subtitle {
  color: #fff;
  margin-top: 10px;
  font-size: 13px;
  display: block;
}

.theme_banner .title {
  text-align: center;
  color: #fff;
  margin-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  display: block;
}

.theme-section {
  border-bottom: 1px solid #dddddd7d;
  margin-bottom: 50px;
}

.theme_top {
  width: 100%;
  height: 534px;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.theme_head01.theme_top {
  align-items: center;
  width: 100%;
  height: 400px;
  margin-bottom: 30px;
  display: flex;
}

.theme_head01.theme_top:before {
  content: "";
  background: #00000070;
  width: 100%;
  height: 434px;
  position: absolute;
  top: 0;
  left: 0;
}

.theme_head01.theme_top .theme_headline {
  text-align: center;
  color: #fff;
  width: 100%;
  position: absolute;
  top: 120px;
}

.theme_head01.theme_top .theme_headline h3 {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 400;
  display: block;
}

.theme_head01.theme_top .theme_headline h1 {
  margin-top: 25px;
  font-size: 50px;
  display: block;
}

.theme_tab {
  color: #333;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
  top: 184px;
}

.theme_top ul {
  width: 100%;
  height: 84px;
  position: absolute;
  bottom: 0;
}

.theme_head01.theme_top ul {
  height: 64px;
}

.theme_tab ul {
  width: 100%;
  display: flex;
}

.theme_tab01 ul li {
  text-align: center;
  cursor: pointer;
  color: #999;
  border: 0;
  width: 100%;
  font-size: 21px;
}

.theme_tab ul li {
  text-align: center;
  cursor: pointer;
  color: #aaa;
  border-bottom: 1px solid #ccc;
  width: 100%;
  padding: 25px 0;
  font-size: 21px;
}

.theme_tab01 ul {
  flex-flow: unset;
}

.theme_tab01 ul li span {
  border-top-right-radius: var(--qc-radius-control, 8px);
  border-top-left-radius: var(--qc-radius-control, 8px);
  background: #ddd;
  width: 96%;
  padding: 25px 0;
  display: inline-block;
}

.theme_tab01 ul li.on {
  color: #333;
  border: 0;
  font-size: 24px;
  font-weight: 500;
}

.theme_tab01 ul li.on span {
  border-top-right-radius: var(--qc-radius-control, 8px);
  border-top-left-radius: var(--qc-radius-control, 8px);
  background: #fff;
  position: relative;
  box-shadow: -1px -7px 12px #00000014;
}

.theme_tab ul li.on {
  color: #333;
  border-bottom: 1px solid #070707;
  font-size: 24px;
  font-weight: 500;
}

.stfcomment {
  color: #2ab6ad;
  text-align: center;
  margin: 30px 0;
  padding: 0 20px;
  font-size: 16px;
  line-height: 1.4;
}

.theme_cont {
  text-align: left;
  display: none;
  position: relative;
  overflow: hidden;
}

.theme_nbox {
  width: 100%;
  height: 670px;
}

.theme_nbox a {
  color: #000;
  cursor: pointer;
  text-decoration: none;
}

.theme_nbox .theme_no {
  text-align: center;
  justify-content: center;
  margin: 35px 0;
  display: flex;
}

.theme_nbox .theme_no span {
  color: #fff;
  background: #ff6300;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  display: flex;
}

.theme_nbox .theme_no span b {
  font-size: 30px;
  font-weight: 600;
  display: block;
}

.theme_nbox .box_top {
  justify-content: space-between;
  gap: 15px;
  width: 100%;
  height: 295px;
  display: flex;
  overflow: hidden;
}

.theme_nbox .radius_right {
  border-top-right-radius: var(--qc-radius-section, 24px);
}

.theme_nbox .radius_left {
  border-top-left-radius: var(--qc-radius-section, 24px);
}

.theme_nbox .box_top .imgbox {
  width: 50%;
  height: 287px;
  position: relative;
  overflow: hidden;
}

.theme_nbox .box_top .imgbox img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: -50px;
  left: 0;
}

.theme_nbox .box_top .txtbox {
  text-align: left;
  width: 50%;
  height: 277px;
  padding: 10px 20px;
}

.theme_nbox .box_top .txtbox .rating > span {
  background: url("/images/ico/spr_sub.webp") 0 -160px no-repeat;
  width: 54px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
}

.theme_nbox .box_top .txtbox .rating {
  background: url("/images/ico/spr_sub.webp") 0 -178px no-repeat;
  width: 80px;
  height: 14px;
  position: relative;
  top: -2px;
}

.theme_nbox .box_top .txtbox h3 {
  color: #555;
  padding-top: 15px;
  font-size: 21px;
}

.theme_nbox .box_top .txtbox .txt {
  padding-top: 15px;
  line-height: 1.4;
}

.box_top .btnbox .detailbtn {
  float: left;
  margin-right: 5px;
}

.theme_nbox .box_top .txtbox .detailbtn {
  border-radius: var(--qc-radius-section, 24px);
  border: 1px solid #e8e8e8;
  margin-top: 15px;
  padding: 10px 20px;
  display: inline-block;
}

.box_top.box_topleft .btnbox .detailbtn {
  float: right;
}

.theme_nbox .box_top .txtbox .detailbtn i {
  color: #ff6300;
  margin-left: 5px;
}

.fa-chevron-right:before {
  content: "";
}

.theme_nbox .imgbox_bot {
  justify-content: space-between;
  gap: 20px;
  margin-top: 10px;
  display: flex;
}

.theme_nbox .imgbox_bot span {
  width: 33.33%;
  height: 216px;
  display: block;
  overflow: hidden;
}

.theme_nbox .imgbox_bot span img {
  width: 100%;
  min-height: 216px;
}

.hoteltheme_main {
  flex-direction: column;
  justify-content: center;
  max-width: 1200px;
  margin: 60px auto 80px;
  display: flex;
  overflow: hidden;
}

.hoteltheme_main .head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.hoteltheme_main .hotplace {
  height: 430px;
  position: relative;
}

.hoteltheme_main .hotplace .loc_banner {
  width: calc(33.3333% - 13.3333px);
  height: 400px;
  position: relative;
}

.hoteltheme_main .hotplace .loc_banner a {
  border-radius: var(--qc-radius-card, 16px);
  cursor: default;
  text-align: left;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
  overflow: hidden;
}

.hoteltheme_main .hotplace .loc_banner a > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hoteltheme_main .hotplace .loc_banner a .card {
  color: #fff;
  cursor: pointer;
  z-index: 9;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 0 0 50px 30px;
  display: flex;
  position: absolute;
  top: 0;
}

.hoteltheme_main .hotplace .loc_banner a:after {
  content: "";
  border-radius: var(--qc-radius-card, 16px);
  background-image: linear-gradient(#0000, #000000b3);
  width: 100%;
  height: 60%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hoteltheme_main .hotplace .loc_banner a .card span {
  color: #fff;
  border-bottom-left-radius: var(--qc-radius-control, 8px);
  border-bottom-right-radius: var(--qc-radius-control, 8px);
  background: #fb2f2f;
  padding: 5px 10px;
  position: absolute;
  top: 0;
}

.hoteltheme_main .hotplace .loc_banner a .card strong {
  padding-bottom: 8px;
  font-size: 18px;
  display: block;
}

.hoteltheme_main .hotplace .loc_banner a .card p {
  opacity: .7;
  color: #fff;
  padding-right: 15px;
  font-size: 14px;
}

.hoteltheme_main .swiper-button-next, .hoteltheme_main .swiper-button-prev {
  top: 45%;
}

.hoteltheme_main .swiper-button-prev:after, .hoteltheme_main .swiper-rtl .swiper-button-next:after, .hoteltheme_main .swiper-button-next:after, .hoteltheme_main .swiper-rtl .swiper-button-prev:after {
  content: "";
}

.hoteltheme_main .swiper-button-next {
  content: "";
  background: url("/images/btn/btn_arrow.png") -50px 0 no-repeat;
  right: 10px;
  width: 50px !important;
  height: 50px !important;
}

.hoteltheme_main .swiper-button-prev {
  content: "";
  background: url("/images/btn/btn_arrow.png") 0 0 no-repeat;
  left: 10px;
  width: 50px !important;
  height: 50px !important;
}

.hoteltheme_main .hotplace .swiper-pagination {
  justify-content: center;
  display: flex;
}

.hoteltheme_main .hotplace .swiper-pagination-bullet-active {
  background: #f05002;
}

.cr_comment_list {
  width: 99%;
  min-height: 300px;
  padding: 30px 5px;
}

.f_16 {
  font-size: 16px !important;
}

.f_orange {
  color: #fb7622 !important;
}

#comment_wrap {
  border-bottom: 1px solid #bbb;
  margin: 0 auto;
  line-height: 18px;
  position: relative;
}

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

#comment_wrap .comment_input {
  padding-bottom: 15px;
  display: flex;
  overflow: hidden;
}

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

#comment_wrap textarea {
  width: 86%;
  height: 88px;
  resize: auto;
  border: 1px solid #e6e6e6;
  margin-right: 5px;
  padding: 10px;
}

.b_p3032 {
  padding: 30px 32px;
}

.b_orange_2 {
  background: #ffb03b;
  border: 1px solid #f4a135;
  color: #fff !important;
}

.custom_btn2 {
  border: 0;
  height: auto;
  font-size: 16px;
  overflow: visible;
  cursor: pointer !important;
  text-align: center !important;
  vertical-align: middle !important;
  outline: none !important;
  line-height: normal !important;
  text-decoration: none !important;
  display: inline-block !important;
}

.fl {
  float: left;
}

.tbl_st18 {
  text-align: left;
  width: 1000px;
  font-size: 13px;
  position: relative;
}

.mr_auto {
  margin: 0 auto 0 0 !important;
}

.theme_travel .head_list_product select {
  border: 1px solid #dbdbdb;
  width: 175px;
  height: 50px;
  margin-left: 0;
  padding: 0 20px;
}

.theme_travel .head_list_product {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.theme_travel .head_list_product .wrap_select {
  gap: 10px;
  display: flex;
}

.theme_travel .list_product {
  border-bottom: 1px solid #dbdbdb;
  flex-wrap: wrap;
  gap: 46px 18px;
  padding-bottom: 50px;
  display: flex;
}

.theme_travel .list_product .item_box {
  width: calc(25% - 13.5px);
}

.theme_travel .list_product .item_box .img {
  width: 100%;
  height: 210px;
  position: relative;
}

.theme_travel .list_product .item_box .img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.theme_travel .list_product .item_box .img .text {
  color: #fff;
  background-color: #00000067;
  align-items: center;
  gap: 6px;
  height: 40px;
  padding: 0 10px;
  font-size: 15px;
  line-height: 40px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.theme_travel .list_product .item_box .title {
  color: #757575;
  margin-top: 27px;
  margin-bottom: 10px;
  font-size: 15px;
}

.theme_travel .list_product .item_box .name {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}

.theme_travel .list_product .item_box .vote {
  display: flex;
}

.theme_travel .list_product .item_box .vote span {
  border-left: 1px solid #dbdbdb;
  margin-left: 5px;
  padding-left: 5px;
  display: block;
}

.theme_travel .list_product .item_box .vote span i {
  color: #252525;
  font-weight: 600;
}

.tour_type_group {
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.tour_type_group .btn_company_channel {
  margin-left: 15px !important;
  padding: 12px !important;
  font-size: 16px !important;
}

.tour_type_group .company_url {
  color: #1bbacb;
}

.tour_type_group li {
  display: inline-block;
}

.tour_type_group li + li {
  margin-left: 20px;
}

.tour_type_group .type_title {
  color: #fff;
  border-radius: var(--qc-radius-xs, 4px);
  background: #fff;
  padding: 6px 10px;
}

.tour_type_group .type_title_1 {
  background-color: #17469e;
}

.tour_type_group .type_title_2 {
  background-color: #1bbacb;
}

.tour_type_group .type_title_3 {
  background-color: #5281da;
}

.tour_type_group .view_info_company a {
  color: #252525;
  text-underline-offset: 3px;
  text-decoration: underline;
}

.info_company .content_info {
  padding-bottom: 10px;
  line-height: 1.4;
}

.info_company .content_info .name span {
  color: #17469e;
  font-weight: 500;
}

.info_company .content_notes {
  color: #666;
  border-top: 1px solid #ededed;
  padding: 10px 0;
  line-height: 1.4;
}

.section-wrap-s {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.section-wrap-s .btn-s-wrap {
  align-items: center;
  gap: 10px;
  display: flex;
}

.custom-golf-detail .section-wrap-s .btn-s-wrap .btn-price-content {
  width: 222px;
  height: 50px;
  font-size: 18px !important;
}

.section-wrap-s .btn-s-wrap .btn-add-cart {
  color: #252525;
  border: 1px solid #dbdbdb;
  background-color: #fff !important;
}

.section-wrap-s .btn-s-wrap .default-button {
  color: #252525;
  border: 1px solid #ccc;
  background-color: #fff !important;
}

.hot_place {
  padding-bottom: 50px;
}

#sub_container {
  padding-top: 40px;
  padding-bottom: 100px;
  position: relative;
}

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

.theme-product-review .theme_head01.theme_top {
  border-radius: var(--qc-radius-section, 24px) var(--qc-radius-section, 24px) 0 0;
  height: 400px;
  margin-bottom: 0;
}

.theme-product-review .theme_head01.theme_top:before {
  content: "";
  background: linear-gradient(0deg, #000000f2 0, #0000 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.write_new_review {
  justify-content: end;
  align-items: center;
  gap: 20px;
  max-width: 500px;
  display: flex;
}

.write_new_review a.btnGoReviewPage {
  border-radius: var(--qc-radius-xs, 4px);
  color: #fff;
  text-align: center;
  background: #17469e;
  padding: 10px 20px;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.write_new_review p.desc_ {
  font-family: Pretendard, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.write_new_review a.btnGoReviewPage {
  margin-left: 20px;
}

.write_new_review p.desc_ {
  color: #999;
  font-weight: 400 !important;
}

.theme_intro_text {
  text-align: center;
  padding: 60px 9%;
  font-size: 18px;
  line-height: 146%;
}

.theme-product-review .week_wrap {
  width: 100%;
  padding: 0;
}

.theme-product-review .week_wrap a {
  flex-direction: column;
  gap: 80px;
  display: flex;
}

.theme-product-review .room_img {
  border-radius: var(--qc-radius-section, 24px);
  width: 100%;
  height: 500px;
  margin-bottom: 50px;
  overflow: hidden;
}

.theme-product-review .room_img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.theme-product-review .week_wrap .wi_title {
  letter-spacing: -1.8px;
  align-items: center;
  margin: 40px 0 20px;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
  display: flex;
}

.theme-product-review .week_wrap .point_badge {
  color: #fff;
  border-radius: var(--qc-radius-xs, 4px);
  background: #4532e4;
  margin-right: 20px;
  padding: 4px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
}

span.left_space {
  margin-left: 10px;
  display: inline-block;
}

.week_wrap .wi_title span {
  font-weight: 700;
}

.theme-product-review .week_wrap .wi_con {
  letter-spacing: -1.2px;
  word-break: keep-all;
  font-size: 20px;
  line-height: 30px;
}

.theme-product-review .sub_txtbox {
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
  display: flex;
}

.week_wrap .sub_txtbox {
  border-top: 1px solid #eee;
  margin-top: 30px;
  padding-top: 30px;
}

.week_wrap .sub_txtbox dt {
  margin-bottom: 10px;
  font-weight: 700;
}

.week_wrap .sub_txtbox .ttl, .week_wrap .sub_txtbox .desc, .week_wrap .sub_txtbox .desc p {
  font-size: 20px;
  line-height: 28px;
}

.week_wrap .sub_txtbox .desc {
  font-size: 20px;
  font-weight: 400;
}

.theme-product-review .sub_txtbox_img {
  border-radius: var(--qc-radius-section, 24px);
  width: 300px;
  height: 220px;
  overflow: hidden;
}

.theme-product-review .sub_txtbox_img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.sec2-item-card .tours-name-en {
  margin-top: 5px;
  font-weight: 200;
  line-height: 1.5;
  font-size: 20px !important;
}

.btn-toggle-wrap {
  align-self: flex-end;
}

.btn-toggle-wrap .btn-toggle {
  cursor: pointer;
  width: 35px;
  height: 35px;
  display: inline-block;
}

.btn-toggle-wrap .btn-toggle-minus {
  background-image: url("/images/btn/btn-toggle-minus.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 35px 35px;
}

.btn-toggle-wrap .btn-toggle-plus {
  background-image: url("/images/btn/btn-toggle-plus.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 35px 35px;
}

.icon_reload {
  cursor: pointer;
  width: 30px;
  margin-left: 20px;
}

.select_custom_sort {
  border-radius: var(--qc-radius-xs, 4px);
  width: auto;
  min-width: 200px;
}

.timetable_wrap {
  margin-bottom: 100px;
}

.timetable_wrap .fiex_nav {
  z-index: 100;
  background: #fff;
  width: 100%;
  max-width: 100%;
  padding: 20px 0;
  position: sticky;
  top: 0;
}

.timetable_wrap .fiex_nav ol {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.timetable_wrap .fiex_nav a {
  text-align: center;
  border-radius: var(--qc-radius-xs, 4px);
  background: #fff;
  border: 1px solid #dbdbdb;
  padding: 15px 20px;
  display: block;
}

.timetable_wrap .fiex_nav a.active {
  color: #fff;
  background: #2a459f;
  border-color: #2a459f;
  font-weight: 500;
}

.timetable .day_box {
  word-break: break-all;
  padding-top: 30px;
  display: flex;
}

.timetable .day_box .day_label {
  flex: none;
  width: 80px;
}

.timetable .day_box .day_label .label {
  margin-bottom: 50px;
  display: block;
}

.timetable .day_box .day_label .line {
  background: #eee;
  width: 1px;
  height: calc(100% - 72px);
  margin-left: 22px;
  display: block;
  position: relative;
}

.timetable .day_box .day_label .line:after {
  content: "";
  background: #bda365;
  border: 5px solid #e5eaf0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
}

.timetable .day_cont {
  width: calc(100% - 80px);
  padding-bottom: 30px;
}

.timetable .border {
  border: 1px solid #dbdbdb;
  padding: 30px;
}

.timetable .day_cont .sub_label {
  margin-bottom: 20px;
  display: block;
}

.timetable .choice_act .sub_label {
  border-bottom: 2px dashed #eee;
  padding-bottom: 20px;
}

.timetable .day_cont .sub_desc {
  border-radius: var(--qc-radius-xs, 4px);
  background: #fafafa;
  margin-bottom: 20px;
  padding: 10px 20px;
  line-height: 1.4;
  display: block;
}

.timetable .activity_box {
  border: 1px solid #dbdbdb;
  padding: 30px;
}

.timetable .activity_box + .sub_desc {
  margin-top: 40px;
}

.timetable .activity_box + .activity_box {
  margin-top: 20px;
}

.timetable .activity_box .sub_label {
  border-bottom: 2px dashed #eee;
  padding-bottom: 12px;
}

.timetable .activity_box .flex__c {
  margin-bottom: 24px;
  position: relative;
}

.timetable .activity_box .cover_img + .cover_img {
  margin-left: 10px;
}

.timetable .activity_box .cover_img {
  width: 100%;
  padding-top: 34%;
}

.timetable .activity_box .w33 .cover_img {
  padding-top: 24%;
}

.item_view .ux_txt_btn.more_img_pop {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.timetable .day_box .area {
  color: #454545;
  line-height: 1.5;
}

.timetable .other_info {
  margin-top: 20px;
}

.timetable .other_info li {
  align-items: center;
  display: flex;
}

.timetable .other_info li + li {
  margin-top: 10px;
}

.timetable .other_info li em {
  border-radius: var(--qc-radius-pill, 999px);
  text-align: center;
  border: 1px solid #aaa;
  width: 50px;
  margin-right: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  display: block;
}

.timetable .other_info li.stay .data {
  font-weight: 500;
}

.timetable .other_info li.stay .data + .data {
  margin-left: 10px;
}

.timetable .other_info li.meal .data {
  align-items: center;
  gap: 20px;
  display: flex;
}

.timetable .other_info li.meal span {
  color: #bda365;
  margin-right: 4px;
}

.timetable .other_info li.meal p {
  color: #757575;
}

.timetable_wrap .img_list_schedule .img_box {
  float: left;
  width: calc(50% - 5px);
}

.timetable_wrap .img_list_schedule .img_box:nth-child(2n) {
  margin-left: 10px;
}

.timetable_wrap .img_list_schedule .img_box img {
  object-fit: cover;
  width: 334px;
  height: 250px;
}

.timetable .choice_act li + li {
  margin-top: 30px;
}

.timetable .choice_act .sub_label {
  font-weight: 400;
}

.timetable .ico {
  color: #fff;
  border-radius: var(--qc-radius-pill, 999px);
  text-align: center;
  width: 46px;
  margin-right: 6px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.timetable .ico.ch_1 {
  background: var(--bs-point);
}

.timetable .ico.benefit {
  background: #5a00ff;
}

.timetable .ico.recom {
  background: #f32e33;
}

.timetable .ico.pay {
  background: #8749c1;
}

.timetable .ico.choose {
  background: #3e64c7;
}

.timetable .choice_act .flex__c {
  gap: 10px;
  margin-bottom: 15px;
}

.timetable .choice_act .imgs_wrap > div {
  width: calc(33.333% - 10px);
}

.timetable .choice_act .flex__c .cover_imgx {
  padding-top: 66.9643%;
  position: relative;
}

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

.timetable .choice_act .flex__c .cover_imgx img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (width >= 851px) and (width <= 1200px) {
  .grid_2_2 img.grid_2_2_size {
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    height: 216px;
    width: calc(50% - 4.5px) !important;
  }

  .grid_2_2_sub {
    width: calc(50% - 4.5px) !important;
  }

  .grid_2_2 .custom_button {
    width: 100% !important;
  }

  .content-sub-hotel-detail .main {
    gap: 2vw;
    font-size: 1.7vw;
  }

  .content-sub-hotel-detail .section1 button, .content-sub-hotel-detail .section1 .btn_contact_write, .content-sub-hotel-detail .section1 .btn_company_channel {
    padding: 12px 35px;
  }

  .main_page_01 .main_visual_content_ .form_element_ {
    flex-wrap: wrap;
  }

  .content-sub-hotel-detail .section3 {
    margin-top: 270px;
  }
}

.timetable_wrap .question .qa_box .question_box {
  cursor: pointer;
  background-color: #fafafa;
  border-bottom: 1px solid #eee;
  padding: 25px;
}

.timetable_wrap .question .qa_box .question_box .question_ttl p {
  letter-spacing: -1px;
  color: #252525;
  font-family: Noto Sans KR;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}

.timetable_wrap .question .qa_box .question_box .question_ttl span {
  letter-spacing: -1px;
  color: #252525;
  margin-left: 24px;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.timetable_wrap .question .qa_box .question_box .question_ttl span.date_new {
  text-wrap: nowrap;
  color: #757575;
  width: 100%;
  font-size: 16px;
  position: absolute;
  bottom: -24px;
  left: 0;
}

.timetable_wrap .question .qa_box .question_box img {
  margin-top: 5px;
}

.timetable_wrap .question .qa_box .question_box.active img {
  transform: rotate(180deg);
}

.timetable_wrap .question .qa_box .question_box .gray_txt {
  letter-spacing: -1px;
  color: #757575;
  margin-right: 25px;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.timetable_wrap .answer_box {
  background-color: #fff;
  margin: 25px 0 25px 10px;
  padding-left: 25px;
  display: none;
  overflow: visible !important;
}

.timetable_wrap .answer_box .view_info h3 {
  letter-spacing: -1px;
  color: #252525;
  margin: 5px 0;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  position: relative;
}

.timetable_wrap .answer_box .view_info + .view_info h3 {
  padding: 20px 0 0;
}

.timetable_wrap .answer_box .view_info h3:before {
  content: url("/images/sub/location_title.jpg");
  position: absolute;
  left: -35px;
}

.timetable_wrap .answer_box .view_info p {
  letter-spacing: -1px;
  color: #000;
  padding: 16px 0;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
}

.timetable_wrap .answer_box .view_info p:before {
  content: url("/images/sub/location_sub_title.png");
  position: absolute;
  left: -30px;
}

.timetable_wrap .answer_box .view_card + .view_card {
  margin-top: 25px;
}

.timetable_wrap .answer_box .view_card .view_box {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fff;
  border: 1px solid #dbdbdb;
  margin: 20px 0;
  padding: 20px;
}

.timetable_wrap .answer_box .view_card .view_box .title {
  letter-spacing: -1px;
  color: #252525;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.timetable_wrap .answer_box .view_card .view_box .line {
  width: 100%;
  margin: 5px 0;
}

.timetable_wrap .answer_box .view_card .view_box .view_img {
  gap: 18px;
  overflow: hidden;
}

.timetable_wrap .answer_box .view_card .view_box .view_img .img_box {
  width: 366px;
  height: 250px;
  padding-top: 0;
  position: relative;
}

.timetable_wrap .answer_box .view_card .view_box .view_img .img_box img {
  position: relative;
}

.timetable_wrap .answer_box .view_card .view_box .view_img .img_box .all_img {
  opacity: .6;
  border-radius: var(--qc-radius-card, 16px);
  cursor: pointer;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 36px;
  display: flex;
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.timetable_wrap .answer_box .view_card .view_box .view_img .img_box .all_img p {
  letter-spacing: -1px;
  color: #fff;
  margin-left: 5px;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.timetable_wrap .answer_box .view_card .view_box .desc {
  color: #454545;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.timetable_wrap .answer_box .view_card .view_box .button {
  justify-content: center;
}

#read-more-button {
  color: #c9bb9a;
  border-radius: var(--qc-radius-xs, 4px);
  text-align: right;
  width: 100%;
  margin-top: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
}

#read-more-button:after {
  content: "";
  background-color: #c9bb9a;
  width: 52px;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.timetable_wrap .answer_box .view_card .card_cont {
  margin-top: 38px;
}

.timetable_wrap .answer_box .view_card .box_cont .btn_view {
  letter-spacing: -1px;
  color: #fff;
  border-radius: var(--qc-radius-card, 16px);
  background-color: #bda365;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 24px;
  font-family: Noto Sans KR;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  display: flex;
}

.timetable_wrap .answer_box .view_card .box_cont .title {
  letter-spacing: -1px;
  color: #252525;
  margin-left: 5px;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.timetable_wrap .answer_box .view_card .view_box .view_img_third {
  gap: 20px;
}

.timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box {
  flex-direction: column;
  display: flex;
}

.timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box img {
  width: 237px;
  height: 150px;
}

.timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box p {
  letter-spacing: -1px;
  color: #454545;
  margin-top: 15px;
  padding-left: 13px;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box p:before {
  content: "-";
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
}

.timetable_wrap .view_bot {
  padding-bottom: 20px;
  padding-left: 25px;
}

.timetable_wrap .view_bot_01 {
  padding: 0;
}

.timetable_wrap .view_bot .links {
  padding: 15px 0;
}

.timetable_wrap .view_bot_01 .links {
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  gap: 38px;
  padding: 12px 33px;
}

.timetable_wrap .view_bot_01 .title_01 {
  color: #252525;
  font-family: Noto Sans KR;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.529;
}

.timetable_wrap .view_bot_01 .link_01 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-width: 40px;
  display: flex;
}

.timetable_wrap .view_bot_01 .link_02 {
  align-items: center;
  gap: 19px;
  display: flex;
}

.timetable_wrap .view_bot .links + .links {
  margin-top: 15px;
}

.timetable_wrap .view_bot .links:not(.links + .links) {
  margin-top: 20px;
}

.timetable_wrap .view_bot .links .ico {
  flex-direction: column;
  justify-content: center;
  width: 130px;
}

.timetable_wrap .view_bot .links .ico p {
  letter-spacing: -1px;
  color: #252525;
  margin-top: 10px;
  font-family: Noto Sans KR;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
}

.timetable_wrap .view_bot .links .btn {
  border-radius: var(--qc-radius-card, 16px);
  background-color: #fff;
  border: 1px solid #aaa;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 26px;
  display: flex;
}

.timetable_wrap .view_bot .links .btn p {
  letter-spacing: -1px;
  color: #252525;
  font-family: Noto Sans KR;
  font-size: 13px;
  font-weight: 500;
  line-height: 26px;
}

.timetable_wrap .view_bot .links .link {
  gap: 20px;
  margin-left: 10px;
}

.timetable_wrap .view_bot .links .link .tit {
  letter-spacing: -1px;
  color: #252525;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.timetable_wrap .view_bot .links .link .tit span {
  color: #252525;
  border-radius: var(--qc-radius-card, 16px);
  background-color: #fff;
  border: 1px solid #aaa;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 26px;
  margin-right: 10px;
  font-size: 13px;
  line-height: 26px;
  display: flex;
}

.timetable_wrap .view_bot .links .link .content {
  letter-spacing: -1px;
  color: #252525;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 600px;
  margin-bottom: 10px;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  overflow: hidden;
}

.timetable_wrap .answer_box .view_bot .links .link .content:last-child {
  margin-bottom: 0;
}

.timetable_wrap .view_bot .links .link .content span {
  letter-spacing: -1px;
  color: #757575;
  cursor: pointer;
  font-family: Noto Sans KR;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  display: block;
  position: relative;
}

.timetable_wrap .view_bot .links .link .content span a {
  color: #757575;
}

.timetable_wrap .view_bot .links .title {
  color: #252525;
  border-radius: var(--qc-radius-card, 16px);
  background-color: #fff;
  border: 1px solid #aaa;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 26px;
  margin-right: 9px;
  font-size: 13px;
  font-weight: 500;
  line-height: 26px;
  display: inline-flex;
}

.timetable_wrap .view_bot .link .title_02 {
  color: #252525;
  font-size: 16px;
  font-weight: 500;
}

.timetable_wrap .view_bot .links .link .content span:after {
  content: "";
  background-color: #757575;
  width: 51px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.popup_wrap.all_img_view {
  justify-content: center;
  align-items: center;
}

.popup_wrap.all_img_view .popup {
  width: 800px;
  height: initial;
  z-index: 2;
  border-radius: var(--qc-radius-card, 16px);
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup_wrap .bg {
  z-index: 1;
  background: #00000080;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.popup_wrap.all_img_view .popup .content {
  border-radius: var(--qc-radius-card, 16px);
  width: 800px;
}

.popup_wrap.all_img_view .popup .content .slick-slide img {
  border-radius: var(--qc-radius-card, 16px);
  width: 800px;
  height: 490px;
  min-height: 490px;
}

.popup_wrap.all_img_view .popup .top {
  position: absolute;
  top: -24px;
  right: 10px;
}

.popup_wrap.all_img_view .popup .top .close {
  opacity: 1;
  cursor: pointer;
}

.popup_wrap.all_img_view .popup .all_img .slick-counter2, .popup_wrap.all_img_view .popup .all_img span {
  color: #fff;
}

.popup_wrap .popup .content {
  background-color: #fff;
  width: 800px;
  position: relative;
}

.popup_wrap .popup .content .slick_total {
  opacity: .6;
  border-radius: var(--qc-radius-card, 16px);
  background-color: #000;
  justify-content: center;
  gap: 10px;
  width: 106px;
  line-height: 32px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}

.slick_total .prev {
  background-image: url("/images/sub/btn_prev.png");
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(50%, -50%);
}

.slick_total .slick-counter {
  color: #fff;
}

.slick_total button {
  background: center / cover no-repeat;
  width: 7px;
  height: 12px;
  margin-top: 0;
  display: block;
}

.slick_total .next {
  background-image: url("/images/sub/btn_next.png");
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(50%, -50%);
}

.flex_search {
  justify-content: start;
  align-items: center;
  gap: 10px;
  width: 100%;
  display: flex;
}

.custom-product-golf .product-card-item-right .sub-title span {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 30%;
  height: 20px;
  overflow: hidden;
}

.custom-product-golf .product-card-item-right .sub-title span:first-child {
  padding-right: 5px;
}

.custom-product-golf .product-card-item-right .sub-title span:last-child {
  padding-left: 5px;
}

.custom-product-golf .product-card-item-right .sub-title span:nth-child(2) {
  padding: 0 5px;
}

@media screen and (width <= 1300px) {
  .sub_tour_right {
    width: 58vw;
  }

  .sub_tour__slide__scroll {
    min-width: 20vw;
    max-width: 20vw;
  }
}

@media only screen and (width >= 851px) and (width <= 1200px) {
  .content-sub-product-hotel .sub-hotel-container .category-left {
    display: none;
  }

  .content-sub-product-hotel .content-right {
    width: 100%;
  }
}

@media only screen and (width <= 850px) {
  .content-sub-product-hotel .below-filter-content {
    padding-bottom: 20px;
  }

  .popup_wrap.all_img_view .popup {
    width: 90vw;
  }

  .popup_wrap.all_img_view .popup .content {
    width: 100%;
  }

  .popup_wrap.all_img_view .popup .content .slick-slide img {
    border-radius: var(--qc-radius-card, 16px);
    height: 45rem;
    min-height: 45rem;
  }

  .timetable_wrap .fiex_nav {
    z-index: 100;
    background: #fff;
    width: 100%;
    max-width: 100%;
    padding: 0;
    position: sticky;
    top: 0;
  }

  .timetable_wrap .fiex_nav ol {
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    display: flex;
  }

  .timetable_wrap .fiex_nav a {
    border-radius: var(--qc-radius-control, 8px);
    border: 1px solid #dbdbdb;
    padding: 1.5rem 2rem;
  }

  .timetable_wrap .info_layout.view_cont {
    padding: 5.633rem 0;
    overflow: hidden;
  }

  .timetable_wrap .question .qa_box .question_box {
    cursor: pointer;
    background-color: #fafafa;
    border-bottom: .087rem solid #eee;
    padding: 2.6rem;
  }

  .timetable_wrap .question .qa_box .question_box .question_ttl {
    gap: 3rem;
    width: 100%;
    align-items: flex-start !important;
  }

  .timetable_wrap .question .qa_box .question_box .question_ttl div {
    text-align: right;
    flex-direction: column;
    gap: 0;
    width: calc(100% - 10.3rem);
    padding-right: 2.6rem;
    display: flex;
  }

  .timetable_wrap .question .qa_box .question_box .question_ttl p {
    letter-spacing: -.087rem;
    color: #252525;
    flex: 1;
    width: 8.3rem;
    padding-top: .78rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.774rem);
    font-weight: 700;
    line-height: 2.254rem;
  }

  .timetable_wrap .accordion_box .accor_title {
    cursor: pointer;
    border-top: .38px solid #eee;
    border-bottom: .38px solid #eee;
    padding: 2.6rem;
  }

  .timetable_wrap .accordion_box .accor_title .txt_area .txt_desc {
    letter-spacing: -.38px;
    color: #252525;
    width: 24.266rem;
    padding-bottom: 0;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.774rem);
    font-weight: 700;
    line-height: 2.254rem;
  }

  .timetable_wrap .accordion_box .accor_title img {
    width: 1.387rem;
    height: .953rem;
  }

  .timetable_wrap .accordion_box .accor_title .txt_area .txt_tour {
    letter-spacing: -.38px;
    color: #252525;
    padding-right: 5.2rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.254rem);
    font-weight: 400;
    line-height: 3.294rem;
  }

  .timetable_wrap .question .qa_box .question_box .question_ttl span {
    letter-spacing: -.087rem;
    color: #252525;
    margin-left: unset;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.427rem);
    font-weight: 500;
    line-height: 3.466rem;
  }

  .timetable_wrap .question .qa_box .question_box .question_ttl .gray_txt {
    letter-spacing: -.38px;
    color: #757575;
    margin-right: unset;
    width: unset;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.426rem);
    font-weight: 400;
    line-height: 2.254rem;
    display: block;
  }

  .timetable_wrap .question .qa_box .question_box img {
    width: 1.387rem;
    height: .953rem;
    margin-top: 1.3rem;
  }

  .timetable_wrap .accordion_box .accor_cont {
    padding: unset;
    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont img {
    width: 57.2rem;
    height: 38.914rem;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont {
    display: unset;
    gap: 5.77px;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont .option_top .btn_view {
    letter-spacing: -.38px;
    color: #fff;
    border-radius: var(--qc-radius-pill, 999px);
    background-color: #bda365;
    justify-content: center;
    align-items: center;
    width: 6.5rem;
    height: 3.986rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.166rem);
    font-weight: 500;
    line-height: 2.254rem;
    display: flex;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont .option_top {
    gap: .866rem;
    margin-top: 1.734rem;
    margin-bottom: .866rem;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont .option_top .title {
    letter-spacing: -.38px;
    color: #252525;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.254rem);
    font-weight: 500;
    line-height: 2.254rem;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont .option_desc p {
    letter-spacing: -.38px;
    color: #454545;
    padding-bottom: 2.6rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.254rem);
    font-weight: 400;
    line-height: 3.294rem;
  }

  .timetable_wrap .answer_box {
    background-color: #fff;
    border-bottom: .087rem solid #eee;
    margin: 2.6rem 0 2.6rem 2.08rem;
    padding-left: 2.6rem;
    display: none;
  }

  .timetable_wrap .answer_box .view_info h3:before {
    content: "";
    background: url("/images/sub/location_title.jpg") center / 2.514rem no-repeat;
    width: 2.514rem;
    height: 3.726rem;
    position: absolute;
    left: -3.926rem;
  }

  .timetable_wrap .answer_box .view_info h3 {
    margin-bottom: .866rem;
    font-size: max(12px, 2.254rem);
    line-height: 5.026rem;
  }

  .timetable_wrap .answer_box .view_info + .view_info h3 {
    padding: 1rem 0 0;
  }

  .timetable_wrap .answer_box .view_info p:before {
    content: "";
    background: url("/images/sub/location_sub_title.png") center / 1.04rem no-repeat;
    width: 1.04rem;
    height: 1.04rem;
    position: absolute;
    top: 4.68rem;
    left: -3.25rem;
  }

  .timetable_wrap .answer_box .view_info p {
    color: #454545;
    padding: 2.6rem 0;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.254rem);
    font-weight: 400;
    line-height: 5.026rem;
    position: relative;
  }

  .timetable_wrap .answer_box .view_card .view_box {
    background-color: #fff;
    border: .087rem solid #dbdbdb;
    margin-top: .5rem;
    padding: 3.033rem 2.6rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .title {
    letter-spacing: -.087rem;
    color: #252525;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.427rem);
    font-weight: 500;
    line-height: 3.466rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .line {
    width: 100%;
    margin: 2.253rem 0;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img {
    justify-content: space-between;
    gap: 1.732rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img .img_box {
    max-width: initial;
    max-height: initial;
    width: 66rem;
    height: 28rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img .img_box .all_img {
    opacity: .6;
    border-radius: var(--qc-radius-section, 24px);
    width: 15.773rem;
    height: 4.332rem;
    position: absolute;
    bottom: 2.253rem;
    right: 1.3rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img .img_box .all_img img {
    width: 2.08rem;
    height: 1.993rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img .img_box .all_img p {
    letter-spacing: -.38px;
    color: #fff;
    margin-left: .866rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 1.907rem);
    font-weight: 400;
    line-height: 2.08rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .desc {
    letter-spacing: -.087rem;
    color: #454545;
    margin-top: 2.6rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.253rem);
    font-weight: 400;
    line-height: 3.466rem;
  }

  #read-more-button {
    font-size: max(12px, 1.732rem);
    font-weight: 400;
    line-height: 2.6rem;
    position: relative;
  }

  #read-more-button:after {
    content: "";
    width: 7.28rem;
    height: .087rem;
    position: absolute;
    bottom: -.433rem;
  }

  .timetable_wrap .answer_box .view_card .card_cont {
    margin-top: 8.233rem;
    position: relative;
  }

  .timetable_wrap .answer_box .view_card .card_cont .swiper-button-prev {
    background: url("/images/sub/ic_arrow_left.png") center no-repeat;
    left: 46.627rem;
    right: auto;
  }

  .timetable_wrap .answer_box .view_card .card_cont .swiper-button-next {
    background: url("/images/sub/ic_arrow_right.png") center no-repeat;
    left: auto;
    right: .866rem;
  }

  .timetable_wrap .answer_box .view_card .card_cont .swiper-button-next, .timetable_wrap .answer_box .view_card .card_cont .swiper-button-prev {
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: .953rem 1.387rem;
    width: .953rem;
    height: 1.387rem;
    margin-top: 0;
    position: absolute;
    top: 3%;
  }

  .timetable_wrap .answer_box .view_card .box_cont .btn_view {
    letter-spacing: -.087rem;
    color: #fff;
    border-radius: var(--qc-radius-section, 24px);
    background-color: #bda365;
    justify-content: center;
    align-items: center;
    width: 5.46rem;
    height: 3.38rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 1.907rem);
    font-weight: 500;
    line-height: 2.253rem;
    display: flex;
  }

  .timetable_wrap .answer_box .view_card .box_cont .title {
    letter-spacing: -.087rem;
    color: #252525;
    margin-left: 1.92px;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.427rem);
    font-weight: 500;
    line-height: 2.253rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img_third {
    gap: 0;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box {
    flex-direction: column;
    display: flex;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box img {
    width: 27.127rem;
    height: 17.16rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box p {
    letter-spacing: -.087rem;
    color: #454545;
    margin-top: 1.732rem;
    padding-left: 1.3rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.253rem);
    font-weight: 400;
    line-height: 2.773rem;
    position: relative;
  }

  .timetable_wrap .card_cont .swiper-button-prev, .timetable_wrap .card_cont .swiper-button-next {
    display: inline-block;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box p:before {
    content: "-";
    color: inherit;
    position: absolute;
    top: 0;
    left: 0;
  }

  .timetable_wrap .answer_box .view_bot {
    padding: 2.6rem 0;
  }

  .timetable_wrap .answer_box .view_bot .links + .links {
    margin-top: 2.167rem;
  }

  .timetable_wrap .answer_box .view_bot .links .btn {
    border-radius: var(--qc-radius-section, 24px);
    background-color: #fff;
    border: .087rem solid #aaa;
    justify-content: center;
    align-items: center;
    width: 6.066rem;
    height: 3.466rem;
    display: flex;
  }

  .timetable_wrap .answer_box .view_bot .links .btn p {
    letter-spacing: -.087rem;
    color: #252525;
    font-family: Noto Sans KR;
    font-size: max(12px, 1.907rem);
    font-weight: 500;
    line-height: 2.253rem;
  }

  .timetable_wrap .answer_box .view_bot .links .link {
    flex-wrap: wrap;
    gap: 3.033rem;
    margin-top: 1.04rem;
    margin-left: 1.3rem;
  }

  .timetable_wrap .view_bot_01 .link_01 {
    gap: 1.04rem;
    min-width: 8.666rem;
  }

  .timetable_wrap .view_bot_01 .title_01 {
    color: #252525;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.254rem);
    font-weight: 500;
    line-height: 2.254rem;
  }

  .timetable_wrap .view_bot_01 .link_02 {
    align-items: flex-start;
    display: flex;
  }

  .timetable_wrap .answer_box .view_bot .links .link .tit {
    letter-spacing: -.087rem;
    color: #454545;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.253rem);
    font-weight: 400;
    line-height: 2.253rem;
  }

  .timetable_wrap .answer_box .view_bot .links .link .tit span {
    color: #a69263;
    padding-right: .433rem;
    line-height: 2.253rem;
  }

  .timetable_wrap .answer_box .view_bot .links .link .content {
    letter-spacing: -.087rem;
    color: #252525;
    width: 32rem;
    margin-bottom: 2rem;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.253rem);
    font-weight: 500;
    line-height: 2.253rem;
  }

  .timetable_wrap .answer_box .view_bot .links .link .content:last-child {
    margin-bottom: 0;
  }

  .timetable_wrap .answer_box .view_bot .links .link .content span {
    letter-spacing: -.087rem;
    color: #757575;
    min-width: 9.533rem;
    margin-top: 1rem;
    margin-left: 0;
    font-family: Noto Sans KR;
    font-size: max(12px, 2.167rem);
    font-weight: 400;
    line-height: 2.513rem;
    position: relative;
  }

  .timetable_wrap .answer_box .view_bot .links .link .content span:after {
    content: "";
    background-color: #757575;
    width: 7.28rem;
    height: .087rem;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .timetable_wrap .view_bot_01 .links {
    gap: 2.6rem;
    padding: 1.994rem 2.86rem;
  }

  .timetable_wrap .view_bot .links .title {
    color: #252525;
    border-radius: var(--qc-radius-pill, 999px);
    background-color: #fff;
    border: .38px solid #aaa;
    justify-content: center;
    align-items: center;
    width: 9.9261rem;
    height: 4.16rem;
    margin-bottom: 1rem;
    margin-right: .693rem;
    font-size: max(12px, 1.994rem);
    font-weight: 500;
    line-height: 2.254rem;
    display: inline-flex;
  }

  .timetable_wrap .view_bot .link .title_02 {
    color: #252525;
    text-align: center;
    font-size: max(12px, 2.254rem);
    font-weight: 500;
    display: block;
  }

  .timetable_wrap .view_bot .links:not(.links + .links) {
    margin-top: 1rem;
  }

  .tour_type_group .btn_company_channel {
    margin-left: .5rem !important;
    padding: 1.2rem !important;
    font-size: max(12px, 2.4rem) !important;
  }

  .write_new_review {
    max-width: 100%;
  }
}

@media screen and (width <= 850px) {
  .tours-detail .section2 .sec2-date-main {
    flex-direction: column;
    align-items: stretch;
    gap: .8rem;
    padding-left: 0;
    line-height: 1.3;
    display: flex;
  }

  .tours-detail .section2 .sec2-date-cont span {
    white-space: normal;
    text-align: right;
    width: 100%;
    line-height: 1.35;
    display: block;
  }

  .tours-detail .section2 .sec2-date-cont span br {
    content: "";
  }

  .tours-detail .section2 .sec2-date-main > p {
    text-align: right;
    width: 100%;
    margin: 0;
    line-height: 1.3;
  }

  .travel_info .list_product .item .img .img_travel {
    width: 100%;
  }

  .area_info {
    gap: 1.4rem;
    height: 8.2rem;
    display: flex;
  }

  .img_box_9 {
    padding-top: 63.6364%;
  }

  .tour-main-page .img_box_9 {
    padding-top: 60%;
  }

  .img_box_10 {
    padding-top: 73.5751%;
  }

  .img_box_11 {
    padding-top: 53.9394%;
  }

  .img_box_12 {
    padding-top: 73.5751%;
  }

  .img_box_13 {
    padding-top: 30.5085%;
  }

  .content-sub-product-hotel.list_item .product-card-item-container {
    border-bottom: unset;
    flex-direction: column;
    max-width: 100%;
    padding-bottom: 0;
  }

  .ttl {
    font-size: max(12px, 3.8rem);
  }

  .sub_top_visual {
    background: linear-gradient(to top, #fff, #fff 17rem, #f9f8d2 17rem, #f9f8d2);
  }

  .sub_tour {
    flex-direction: column;
    padding: 7.1rem 0 5rem;
    position: relative;
  }

  .content-sub-hotel-detail .body_inner {
    margin: 0 auto;
    padding: 0 3rem;
  }

  .sub_tour_left {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    min-height: 26.7rem;
    margin-bottom: 1rem;
    display: flex;
  }

  .sub_tour_left__top {
    display: inline-block;
    position: relative;
  }

  .sub_tour_left__top svg {
    width: 16.2rem;
    height: 5.6rem;
  }

  .sub_tour_left__top__text {
    font-size: max(12px, 2.6rem);
    top: .8rem;
    right: 4.9rem;
  }

  .sub_tour_left__ttl {
    margin-top: 2.5rem;
    font-size: max(12px, 4.6rem);
  }

  .sub_tour_left__sub {
    margin-top: 1.5rem;
    font-size: max(12px, 3.6rem);
  }

  .sub_tour__left__more {
    margin-top: 1.7rem;
    font-size: max(12px, 2.8rem);
  }

  .sub_tour__left__bottom {
    z-index: 2;
    gap: 2.8rem;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .sub_tour__slide__scroll {
    background-color: #dbdbdb;
    flex: 1;
    width: 57rem;
    min-width: 57rem;
    max-width: 57rem;
    height: .2rem;
  }

  .sub_tour__slide__paging {
    gap: 1.5rem;
  }

  .sub_tour__slide__paging__prev, .sub_tour__slide__paging__next {
    width: 1.5rem;
  }

  .sub_tour__slide__paging__divider {
    width: .21rem;
    height: 2.2rem;
  }

  .sub_tour_right {
    width: 68rem;
    margin-top: 0;
  }

  .sub_swiper1 {
    width: unset;
  }

  .sub_tour_section2 {
    padding: 65rem 0 0;
  }

  .main_page_01 .sub_swiper2_pagination {
    padding-top: 3rem;
  }

  .sub_swiper2 .img_box {
    border-radius: var(--qc-radius-section, 24px);
  }

  .sub_section3.thailand_hotel_ .custom_pagination_ {
    margin: 7.75rem 0;
  }

  .most_searched_ .tab_box_area_ .tab_box_show_ {
    flex-wrap: wrap;
  }

  .most_searched_ .tab_box_area_ .tab_box_element_ {
    width: unset !important;
    justify-content: unset !important;
  }

  .sub_tour_section6 .most_searched_tab_1 .custom_pagination_ {
    width: 100vw !important;
  }

  .sub_tour_section6_product_list .img_box_12 {
    width: 100vw;
    padding-top: 64.7668%;
  }

  .sub_swiper2__text {
    color: #000;
    justify-content: center;
    align-items: center;
    gap: .4rem;
    font-size: max(12px, 2.8rem);
    display: flex;
    position: absolute;
    bottom: 2rem;
    left: 2rem;
  }

  .sub_swiper2__text img {
    width: 1.4rem;
    height: 2.2rem;
  }

  .swiper-button-sub-2 {
    border-radius: var(--qc-radius-control, 8px);
    z-index: 1;
    background-color: #fffc;
    border: .1rem solid #dbdbdb;
    justify-content: center;
    align-items: center;
    width: 4.4rem;
    height: 4.4rem;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .swiper-button-sub-2.swiper-button-lock, .swiper-button-prev-sub-2, .swiper-button-next-sub-2 {
    display: none;
  }

  .sub_swiper2_pagination {
    justify-content: center;
    padding: 2rem 0 0;
    display: flex;
  }

  .sub_swiper2_pagination .swiper-pagination-bullet-active {
    background-color: #17469e;
  }

  .sub_section3__head {
    padding: 12rem 0 0;
  }

  .sub_section3__head__ttl {
    font-size: max(12px, 3.8rem);
  }

  .sub_section3_swiper {
    padding: 5rem 0 0 !important;
  }

  .prd_name {
    margin-top: 2.5rem;
  }

  .prd_price_ko {
    width: 100%;
    margin-top: 2rem;
  }

  .sub_section3_swiper_pagination {
    justify-content: center;
    padding: 6rem 0 0;
    display: flex;
  }

  .sub_section3_swiper_pagination .swiper-pagination-bullet-active {
    background-color: #17469e;
  }

  .sub_tour_section4 {
    padding: 5rem 0 0 !important;
  }

  .sub_tour_section4_banner__des {
    text-align: center;
    gap: 2.5rem;
    position: absolute;
    top: 6rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .ico_block:last-child {
    transform: scale(-1);
  }

  .sub_tour_section4_banner__des__text {
    text-wrap: nowrap;
    margin-top: 8rem;
    margin-left: -21rem;
  }

  .sub_tour_section4_banner__des__ttl {
    text-align: left;
    font-size: max(12px, 3.6rem);
  }

  .sub_tour_section4_banner__des__bottom {
    margin-top: 2rem;
    font-size: max(12px, 2.6rem);
  }

  .sub_tour_section5 {
    padding: 11rem 0 0;
  }

  .sub_tour_section5__head_ttl {
    font-size: max(12px, 3.8rem);
  }

  .tour__head__tabs1__tabs {
    border-radius: var(--qc-radius-control, 8px);
    margin-top: 4rem;
  }

  .tour__head__tabs1__line {
    display: none;
  }

  .tour__head__tabs1__tab {
    height: 7.2rem;
    font-size: max(12px, 3rem);
  }

  .tour__head__tabs1__tab.active {
    border-radius: var(--qc-radius-control, 8px);
  }

  .tour__head__tabs1__tab.active:after {
    border-radius: var(--qc-radius-control, 8px);
    z-index: -1;
    width: 3.1rem;
    height: 3.1rem;
    bottom: -1.1rem;
  }

  .sub_tour_section5__head__tabs2 {
    margin-top: 5rem;
  }

  .sub_tour_section5__head__tabs2 select {
    color: #222;
    border: none;
  }

  .tour__head__tabs2__tabs {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
    padding-bottom: 1.5rem;
    display: flex;
    overflow-x: auto;
  }

  .tour__head__tabs2__tabs::-webkit-scrollbar {
    display: none;
  }

  .tour__head__tabs2__tab {
    white-space: nowrap;
    border-radius: var(--qc-radius-pill, 999px);
    border-width: .21rem;
    flex-shrink: 0;
    min-width: 15rem;
    height: 6rem;
    padding: 0 2.3rem;
    font-size: max(12px, 2rem);
  }

  .tour__head__tabs2__tab.active {
    color: #17469e;
    border-color: #17469e;
  }

  .sub_tour_section5__prd_list {
    gap: 5rem 2rem;
    margin-top: 2rem;
  }

  .golf-custom-page .golf_custom_section5__head__tabs2 {
    border-top: .21rem solid #000;
    margin-top: 3rem;
    padding-top: 5rem;
  }

  .golf-custom-page .sub_section3.sub_section5_ {
    margin-bottom: 14rem;
  }

  .prd_list_pagination {
    margin-top: 6rem;
    margin-bottom: 8rem;
    display: flex;
  }

  .sub_tour_section6 {
    padding: 3rem 0 0;
  }

  .sub_tour_section6__head__tabs {
    margin-top: 3rem;
    padding-bottom: 2rem;
  }

  .sub_tour_section6__head__tabs__tab:before {
    height: .21rem;
  }

  .sub_tour_section6__head__tabs:before {
    height: 0;
  }

  .sub_tour_section6__head__tabs__tab:before {
    width: calc(100% + 2rem);
  }

  .sub_tour_section6__head__tabs__tab {
    text-wrap: nowrap;
    height: 7.4rem;
    padding: 0 3.5rem;
    font-size: max(12px, 2.8rem);
    display: flex;
  }

  .sub_tour_section6__head__tabs__tab:after {
    width: calc(100% + 2rem);
  }

  .sub_tour_section6_product_list {
    gap: 6rem 2rem;
    margin-top: 4rem;
  }

  .sub_tour_section6_item {
    width: calc(50% - 1rem);
  }

  .sub_tour_section7 {
    padding: 8rem 0 0;
  }

  .sub_tour_section7_product_list {
    gap: 5rem;
    margin-top: 5rem;
  }

  .sub_tour_section8 {
    padding: 6rem 0 14rem !important;
  }

  .sub_tour_section8__banners {
    flex-wrap: wrap;
    gap: 3rem;
    display: flex;
  }

  .sub_tour_section8__banner {
    width: 100%;
  }

  .main_page_01 .main_visual_content_ .text_title {
    text-align: left;
    font-weight: bold;
    line-height: 2.6rem;
    font-size: max(12px, 4.2rem) !important;
  }

  .main_page_01 .main_visual_content_ .form_element_ {
    flex-direction: column;
    gap: 1.6rem;
    box-shadow: 0 .5rem 1.5rem #00000059;
  }

  .main_page_01 .main_visual_content_ .form_element_ .form_input_ {
    max-width: unset !important;
  }

  .main_page_01 .main_visual_content_ button {
    width: 100%;
    font-size: max(12px, 3.2rem);
  }

  .thailand_hotel_.sub_section5_ .custom_pagination_ .s_item_show_ p {
    font-size: max(12px, 2.8rem);
  }

  .sub_tour_section6 .sub_tour_section6_product_list .custom_pagination_ {
    width: 100vw;
  }

  .sub_tour_section6 .custom_pagination_ p, .thailand_hotel_ .custom_pagination_ .pagination_show_ p {
    letter-spacing: -1px;
    margin: 0 2.5rem 0 1rem;
    font-size: max(12px, 2.8rem);
    line-height: 2.6rem;
  }

  .sub_tour_section7_product_item__name {
    margin-top: 2.5rem;
    font-size: max(12px, 2.8rem);
  }

  .sub_tour_section7_product_item__keywords {
    color: #25252599;
    flex-wrap: wrap;
    gap: .5rem 1rem;
    margin-top: 1.4rem;
    font-size: max(12px, 2.4rem);
    line-height: 1;
    display: flex;
  }

  .content-sub-hotel-detail .title-container h2 {
    font-size: max(12px, 3.2rem);
  }

  .content-sub-hotel-detail .title-container .location-container span, .content-sub-hotel-detail .title-container .rating-container {
    font-size: max(12px, 2.4rem);
  }

  .content-sub-hotel-detail .section1 .list-icon {
    margin-left: 0;
  }

  .content-sub-hotel-detail .section1 .location-container .list-icon {
    align-items: center;
    gap: 1.5rem;
    margin-top: 0;
    margin-left: auto;
    margin-right: 1rem;
    position: relative;
    display: flex !important;
  }

  .ico-heart {
    width: 3.8rem;
    height: 3.5rem;
  }

  .item.link_ svg {
    width: 5.2308rem;
    height: 5.2308rem;
  }

  .above-cus-content.no-address {
    margin-top: -7rem !important;
  }

  .content-sub-hotel-detail .section1 .location-container .list-icon .list_share {
    border-radius: var(--qc-radius-xs, 4px);
    z-index: 1;
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    padding: 2.5rem 1.5rem;
    display: none;
    position: absolute;
    top: calc(100% + 2rem);
    right: -1rem;
    box-shadow: 0 -1px 4px #0003;
  }

  .content-sub-hotel-detail .section1 .location-container .list-icon .list_share.on {
    display: flex;
  }

  .content-sub-hotel-detail .location-container .list-icon .list_share:after {
    content: "";
    filter: drop-shadow(0 0 8px #0000004d);
    border: 1.5rem solid #0000;
    border-bottom-color: #fff;
    display: block;
    position: absolute;
    top: -3rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .content-sub-hotel-detail .location-container .list-icon .list_share .kakao img {
    width: 5rem;
    height: auto;
    margin: 0;
  }

  .content-sub-hotel-detail .section1 .location-container .list-icon img {
    border-radius: unset;
    width: auto;
    height: 3.7rem;
    padding: 0;
  }

  .content-sub-hotel-detail .section1 .list-icon img {
    border-radius: var(--qc-radius-control, 8px);
    background-color: #0000;
    height: 6.2rem;
    padding: 1.6rem 1.2rem;
  }

  .content-sub-hotel-detail .hotel-image-container {
    flex-direction: column;
    margin-top: 3.2rem;
  }

  .content-sub-hotel-detail .hotel-image-container div:first-child img {
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
  }

  .content-sub-hotel-detail .hotel-image-container .grid_2_2 img {
    background-repeat: no-repeat;
    background-size: cover;
    width: 31.4rem !important;
    height: unset !important;
  }

  .content-sub-hotel-detail .hotel-image-container .grid_2_2 .grid_2_2_sub {
    width: 49.2%;
  }

  .content-sub-hotel-detail .hotel-image-container .grid_2_2 .grid_2_2_sub img:first-child {
    width: 100%;
    height: 100%;
  }

  .content-sub-hotel-detail .hotel-image-container .grid_2_2 div:last-child span {
    font-size: max(12px, 2.8rem);
  }

  .content-sub-hotel-detail .section1 .grid_2_2_sub {
    width: 49.4%;
  }

  .content-sub-hotel-detail .section1 .grid_2_2_sub .custom_button {
    width: 100%;
    height: 100%;
  }

  .content-sub-hotel-detail .section1 .location-container img {
    width: 2.2rem;
    height: 2.7rem;
    margin-right: .6rem;
  }

  .content-sub-hotel-detail .section1 .button-show-detail-image img {
    width: 5.8rem !important;
  }

  .content-sub-hotel-detail .section2 .title-sec2 {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
    font-size: max(12px, 3.4rem);
    align-items: start !important;
  }

  .content-sub-hotel-detail .section2 .title-sec2 .text-note-red {
    margin-left: unset !important;
  }

  .tours-detail .section2 .sec2-date-main {
    justify-content: unset;
    align-items: unset;
    flex-direction: column;
    margin-bottom: 2rem;
    font-size: max(12px, 3.4rem);
  }

  .tours-detail .section2 .sec2-date-sub {
    margin-bottom: 3.8rem;
    font-size: max(12px, 2.6rem);
  }

  .tours-detail .section2 .sec-date-range {
    font-size: max(12px, 2.6rem);
  }

  .tours-detail .section2 .sec2-item-card {
    border-radius: var(--qc-radius-control, 8px);
    border: 1px solid #dbdbdb;
    margin-top: 2rem;
    margin-bottom: 3rem;
    padding: 3.6rem 2.6rem 3.6rem 3rem;
    box-shadow: 0 5px #3333330a;
  }

  .sec2-item-card .tours-name-en {
    font-size: max(12px, 2.4rem) !important;
  }

  .total_price_tour {
    margin-top: 4rem;
    font-size: max(12px, 3.8rem);
  }

  .tours-detail .container-calendar {
    flex-direction: column;
  }

  .tours-detail .calendar-left {
    width: 100%;
    padding-top: 2rem;
  }

  .tours-detail .container-calendar .calendar-right {
    width: 100%;
    margin: 3rem 0 0;
  }

  .tours-detail .quantity-container {
    width: 100%;
    padding: 1rem 0 4rem;
  }

  .tours-detail .option_price > p:nth-child(2) {
    font-size: max(12px, 3.5rem);
  }

  .tours-detail .container-calendar .calendar-left .title-left {
    font-size: max(12px, 2.8rem);
  }

  .tours-detail .calendar-container {
    text-align: center;
    margin-top: 4rem;
  }

  .tours-detail .calendar-header {
    gap: 2.4rem;
    margin-bottom: 6.6rem;
  }

  .tours-detail #month-year {
    font-size: max(12px, 2.8rem);
  }

  .tours-detail .calendar-container .btn-action-calendar {
    cursor: pointer;
    border: 1px solid #dbdbdb;
    justify-content: center;
    align-items: center;
    width: 5.2rem;
    height: 5.2rem;
    padding: .7rem .4rem .3rem .6rem;
    display: flex;
  }

  .tours-detail .calendar-container .btn-action-calendar img {
    background-repeat: no-repeat;
    background-size: cover;
    width: 1rem;
    height: 1.6rem;
  }

  .tours-detail .calendar-weekdays {
    text-align: center;
    grid-template-columns: repeat(7, 1fr);
    font-weight: bold;
    display: grid;
  }

  .tours-detail .calendar-weekdays div {
    padding: 1rem 4.6rem;
    font-size: max(12px, 2.6rem);
  }

  .tours-detail .calendar-days div {
    cursor: pointer;
    flex-direction: column;
    align-items: flex-start;
    gap: .6rem;
    width: 12.5rem;
    height: 12.5rem;
    padding: 1.4rem;
    display: flex;
    position: relative;
  }

  .tours-detail .booked p {
    color: #999;
    font-size: max(12px, 2.4rem);
  }

  .tours-detail .calendar-days div .price1 {
    color: #e31d1d;
    font-size: max(12px, 2.4rem);
    font-weight: bold;
  }

  .tours-detail .note-container {
    align-items: center;
    gap: 3rem;
    margin-top: 3.6rem;
    font-size: max(12px, 2.6rem);
    font-weight: 600;
    display: flex;
  }

  .tours-detail .calendar-body {
    overflow-x: scroll;
  }

  .tours-detail .calendar-days div .price2 {
    color: #252525;
    font-size: max(12px, 2.1rem);
    font-weight: bold;
  }

  .form-below-calendar {
    margin: 8.8rem 0 9.8rem;
  }

  .tours-detail .container-calendar .lb-18 {
    margin-top: 0;
    margin-bottom: 3rem;
    font-size: max(12px, 2.8rem);
    font-weight: 500;
  }

  .tours-detail .container-calendar .select-time-c {
    width: 100%;
    height: 8.8rem;
  }

  .tours-detail .container-calendar .calendar-right .title-right {
    margin-bottom: 3.6rem;
    font-size: max(12px, 2.8rem);
  }

  .tours-detail .container-calendar .quantity-info-con {
    flex-direction: column;
    align-items: start;
    display: flex;
  }

  .tours-detail .container-calendar .quantity-info-con span.des {
    margin-bottom: 1.2rem;
    font-size: max(12px, 2.8rem);
  }

  .tours-detail .quantity-info {
    align-items: center;
    margin-left: 0;
    font-size: max(12px, 2.8rem);
    display: flex;
  }

  .tours-detail .quantity-info .price {
    margin-right: .8rem;
    font-size: max(12px, 2.8rem);
    font-weight: bold;
  }

  .tours-detail .quantity-selector button.decrease {
    border-right: 1px solid #d8d8d8;
    width: 6rem;
    height: 7rem;
    padding-bottom: 4px;
    font-size: max(12px, 3rem);
  }

  .tours-detail .quantity-selector button.increase {
    border-left: 1px solid #d8d8d8;
    width: 6rem;
    height: 7rem;
    font-size: max(12px, 3rem);
  }

  .tours-detail .quantity-selector .quantity {
    text-align: center;
    width: 9rem;
    padding: 0 2rem;
    font-size: max(12px, 2.8rem);
  }

  .tours-detail .quantity-info .currency {
    color: gray;
    font-size: max(12px, 2.6rem);
  }

  .tours-detail .container-calendar .title-second {
    margin: 80px 0 1rem;
    font-size: 28px;
  }

  .tours-detail .form-group {
    border-bottom: 1px dashed #d8d8d8;
    padding: 3.2rem 0;
    display: block;
  }

  .tours-detail .form-group select {
    height: 8.8rem;
  }

  .tours-detail .form-group label {
    cursor: pointer;
    font-size: max(12px, 2.8rem);
    position: relative;
  }

  .tours-detail .form-group label:before {
    margin-bottom: 2rem;
    margin-right: 1.5rem;
    padding: 2rem;
  }

  .tours-detail .form-group input:checked + label:after {
    content: "";
    border: solid var(--bs-point);
    border-width: 0 4px 4px 0;
    width: 1.1rem;
    height: 2.1rem;
    display: block;
    position: absolute;
    top: .7rem;
    left: 1.7rem;
    transform: rotate(45deg);
  }

  .tours-detail .form-group .quantity-info {
    align-items: center;
    margin-top: 1rem;
    margin-left: 6rem;
    font-size: max(12px, 2.8rem);
    display: flex;
  }

  .tours-detail .des-below {
    margin-top: 5.6rem;
    font-size: max(12px, 2.6rem);
    line-height: 1.3;
  }

  .tours-detail .primary-btn-calendar {
    border-radius: var(--qc-radius-xs, 4px);
    color: #fff;
    background-color: #2a459f;
    width: 41.4rem;
    height: 9rem;
    margin-top: 7.4rem;
    font-size: max(12px, 2.8rem);
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .tours-detail .primary-btn-calendar.tour {
    margin-top: 7.4rem;
  }

  .tours-detail .section2 .sec2-item-card:last-child {
    padding-bottom: 6rem;
  }

  .tours-detail .section2 .sec2-item-card.tour_calendar .time_work {
    position: absolute;
    top: 3.5rem;
    left: 3rem;
  }

  .tours-detail .title-sec2 {
    margin-bottom: 2rem;
    font-size: max(12px, 2.8rem);
  }

  .tours-detail .list-tag-item {
    justify-content: space-between;
    align-items: center;
    gap: 1.3rem;
    margin-top: 3.7rem;
    margin-bottom: 5.4rem;
    display: flex;
  }

  .tours-detail .list-tag-item .tag-item {
    border-radius: var(--qc-radius-xs, 4px);
    border: 1px solid #dbdbdb;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 14rem;
    height: 14rem;
    padding: 1.3rem .9rem .9rem;
    display: flex;
  }

  .tours-detail .tag-item .picture {
    height: 3.5rem;
  }

  .tours-detail .tag-item .picture img {
    height: 100%;
  }

  .tours-detail .tag-item span {
    margin-top: 1rem;
    font-size: max(12px, 2.6rem);
    display: block;
  }

  .tours-detail p.des-type {
    color: #757575;
    margin-top: 2rem;
    margin-bottom: 5rem;
    font-size: max(12px, 2.6rem) !important;
    line-height: 1.2 !important;
  }

  .action-buttons {
    z-index: 9999;
    background: #fff;
    border-top: .38px solid #eaeaea;
    flex-direction: column;
    justify-content: center;
    gap: 1.8rem;
    margin-top: 5rem;
    padding: 1.5rem .699rem;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .action-buttons .toggle_btn {
    width: 11.201rem;
    height: 3.921rem;
    padding: unset;
    border: unset;
    background: url("/images/btn/btn_option_off.png") center no-repeat;
    border-radius: 0;
    outline: none;
    display: block;
    position: absolute;
    top: -3.12rem;
    left: 50%;
    transform: translateX(-50%);
    background-size: 11.201rem 3.921rem !important;
  }

  .action-buttons.active .toggle_btn {
    background: url("/images/btn/btn_option_on.png") center no-repeat;
  }

  .action-buttons .button_flex {
    justify-content: space-between;
    gap: 0;
    display: flex;
  }

  .action-buttons .info_option_mo {
    display: none;
  }

  .action-buttons.active .info_option_mo {
    max-height: 67rem;
    padding: 2rem 1rem 0;
    display: block;
    overflow-y: auto;
  }

  .action-buttons.active .info_option_mo .select_peo li {
    border-bottom: 1px solid #eee;
    padding: 1.5rem 0;
  }

  .action-buttons .button_flex button {
    cursor: pointer;
    border-radius: var(--qc-radius-card, 16px);
    width: 33%;
    height: unset;
    background: #fff;
    border: .38px solid #ccc;
    font-size: max(12px, 2.6rem);
    line-height: 2;
  }

  .action-buttons .button_flex button.btn-cart-mo {
    color: #fff;
    background-color: #252525;
  }

  .action-buttons .button_flex button.qna_action {
    border: unset;
    background: unset;
    border-radius: unset;
    width: 9rem;
    height: 9rem;
    padding: 0;
    font-size: max(12px, 2.6rem);
  }

  .action-buttons .button_flex button.qna_action_detail {
    background: unset;
    flex: 1;
    height: 9rem;
    padding: 0;
    font-size: max(12px, 2.6rem);
  }

  .action-buttons .button_flex button.qna_action img {
    width: 9rem;
    height: 9rem;
  }

  .action-buttons .button_flex .buy {
    color: #fff;
    background: #17469e;
    border: none;
  }

  .action-buttons .money_total {
    border-bottom: 1px solid #eee;
    justify-content: space-between;
    align-items: center;
    margin: 1.5em auto;
    padding: 0 0 1.5em;
    font-size: max(12px, 3rem);
    display: flex;
  }

  .action-buttons .money_total .mt_tit {
    font-size: max(12px, 3rem);
  }

  .action-buttons .money_total .mt_txt {
    font-size: max(12px, 3.5rem);
  }

  .container-pic-slider {
    background-color: #fafafa;
    margin-bottom: 7.3rem;
  }

  .container-pic-slider .swiper-container_tour_content .swiper-tour_content-pagination {
    justify-content: center;
    padding: 4rem 0;
    display: flex;
  }

  .container-pic-slider .swiper-container_tour_content .swiper-slide {
    justify-content: center;
    align-items: center;
    margin-right: 8rem;
    padding: 4rem 0 0;
    display: flex;
  }

  .container-pic-slider .swiper-container_tour_content .swiper-slide img {
    height: unset;
  }

  .tours-detail .des-type-1 {
    color: #757575;
    background-color: #fef4f6;
    margin: 3rem 0 7rem;
    padding: 3.9rem 3rem;
    line-height: 1.2;
  }

  .tours-detail .des-type-1 span {
    font-size: max(12px, 2.6rem) !important;
  }

  .content-sub-hotel-detail .container-big-text .sulain_spe {
    width: 100% !important;
  }

  .content-sub-hotel-detail .container-big-text .braces .inner {
    margin: -19rem auto 0 !important;
  }

  .tours-detail .des-type {
    color: #757575;
    word-break: break-word;
    margin-top: 2rem;
    margin-bottom: 6rem;
    font-size: max(12px, 2.7rem);
    line-height: 3.5rem;
  }

  .tours-detail .des-type .css-1aljpq8, .css-aduu90, .css-9vd5ud, .css-vxey3h {
    width: 100% !important;
  }

  .tours-detail .des-type .sub-content {
    display: unset !important;
    width: 100% !important;
  }

  .tours-detail .des-type .css-1aljpq8 * img {
    width: 100% !important;
  }

  .tours-detail .des-type .css-xjvsyc {
    flex-wrap: wrap;
  }

  .tours-detail .des-type * {
    line-height: 1.3 !important;
  }

  .tours-detail .des-type h2 {
    font-size: max(12px, 2.5rem) !important;
  }

  .tours-detail .trenvl-level-wrap th {
    text-wrap: nowrap;
  }

  .tours-detail .steps-type {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
    gap: 20rem !important;
    margin-bottom: 11rem !important;
    padding-left: 1.2rem !important;
  }

  .tours-detail .steps-type .step-type:first-child {
    order: 1;
  }

  .tours-detail .steps-type .step-type:nth-child(2) {
    order: 2;
  }

  .tours-detail .steps-type .step-type:nth-child(3) {
    order: 4;
  }

  .tours-detail .steps-type .step-type:nth-child(4) {
    order: 3;
  }

  .tours-detail .steps-type .step-type:nth-child(2) .cus-step-note {
    bottom: -15rem;
    right: 50%;
    transform: translateX(50%);
  }

  .tours-detail .steps-type .step-type:nth-child(2) .cus-step-note img {
    transform: rotate(90deg);
  }

  .tours-detail .steps-type .step-type:nth-child(3) .cus-step-note {
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
    display: flex;
    position: absolute;
    bottom: 37%;
    left: -53rem;
  }

  .tours-detail .steps-type .step-type:nth-child(3) .cus-step-note img {
    transform: rotate(180deg);
  }

  .tours-detail .steps-type .con-step {
    background-color: #fafafa;
    padding: 8.5rem;
  }

  .tours-detail .steps-type .step-type {
    gap: 1.8rem;
    position: relative;
  }

  .tours-detail .steps-type .step-label {
    font-size: max(12px, 2.8rem);
    font-weight: 500;
  }

  .tours-detail .steps-type .number-step {
    color: #fff;
    background-color: #2a459f;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 7.2rem;
    height: 7.2rem;
    padding: 0;
    font-size: max(12px, 2.8rem);
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }

  .tours-detail .cus-step-note .txt-step-note {
    color: #757575;
    text-align: center;
    width: 7.5rem;
  }

  .tours-detail .steps-type .con-step img {
    width: 4.4rem;
  }

  .tours-detail .tit-blue {
    color: #2a459f;
    margin: 2rem 0;
    font-size: max(12px, 2.8rem);
    display: block;
  }

  .tours-detail .timeline-con {
    margin-bottom: 7rem;
  }

  .tours-detail .timeline-con .timeline-item {
    margin-bottom: 1.4rem;
    line-height: 1.2;
    list-style: outside;
    display: flex;
  }

  .tours-detail .timeline-con .time-l {
    color: #757575;
    width: 20rem;
    display: block;
  }

  .tours-detail .timeline-con .des-l {
    width: calc(100% - 20rem - 20px);
  }

  .tours-detail .section2 .text-content-1 {
    align-items: end;
    width: 100%;
  }

  .tours-detail .section2 .text-content-1 h3 {
    font-size: max(12px, 3.2rem);
    line-height: unset;
  }

  .tours-detail .section2 .text-content-1 .text-grey {
    font-size: max(12px, 2.5rem);
  }

  .tours-detail .section2 .text-content-2 {
    justify-content: space-between;
    align-items: center;
    margin-top: -2rem;
    display: flex;
  }

  .tours-detail .section2 .text-content-2 .ps-right {
    margin-left: 1.2rem;
    font-size: max(12px, 3.4rem);
    font-weight: bold;
  }

  .tours-detail .section2 .text-content-3 {
    justify-content: flex-end;
    margin-top: 2.4rem;
    display: flex;
  }

  .tours-detail .section2 .text-content-3 .btn-ct-3 {
    border-radius: var(--qc-radius-xs, 4px);
    width: unset;
    color: var(--bs-point);
    border: 1px solid #d8d8d8;
    padding: 1.8rem 7.5rem;
    font-weight: 500;
  }

  .tours-detail .text-content-3-last button {
    border-radius: var(--qc-radius-xs, 4px);
    width: unset;
    color: #000;
    border: 1px solid #d8d8d8;
    padding: 1.8rem 7.5rem;
    font-weight: 500;
  }

  .content-sub-hotel-detail .section2 .sub-title-sec2 {
    margin-bottom: 6.4rem;
    font-size: max(12px, 2.8rem);
    font-weight: bold !important;
  }

  .content-sub-hotel-detail .section2 .description-sec2 {
    color: #454545;
    margin-bottom: 5rem;
    font-size: max(12px, 2.7rem);
    line-height: 3.7rem;
  }

  .content-sub-hotel-detail .section2 .tag_list_done .item_done span {
    font-size: max(12px, 2.6rem);
  }

  .content-sub-hotel-detail .title-sec3 {
    font-size: max(12px, 2.8rem);
  }

  .content-sub-hotel-detail .post-list-sec2 div {
    margin-bottom: 0;
  }

  .content-sub-hotel-detail .post-list-sec2 div span {
    font-size: max(12px, 2.4rem);
  }

  .content-sub-hotel-detail .post-list-sec2 div {
    flex-direction: column;
    width: calc(50% - 1.5rem);
    max-height: 23.2rem;
    margin: 3.2rem 0;
    display: flex;
  }

  .content-sub-hotel-detail .post-list-sec2 div a:first-child {
    height: 100%;
  }

  .content-sub-hotel-detail .title-sec3 {
    margin-bottom: 5.6rem;
    font-size: max(12px, 3.4rem);
  }

  .content-sub-hotel-detail .list-tag-sec3 .tag-item-sec3--active {
    font-size: max(12px, 2.3rem);
    font-weight: unset;
    border-radius: var(--qc-radius-pill, 999px);
    border-width: .21rem;
    padding: 1.4rem 1.8rem;
  }

  .content-sub-hotel-detail .list-tag-sec3 .tag-item-sec3--main {
    font-size: max(12px, 2.3rem);
    font-weight: unset;
    border-radius: var(--qc-radius-pill, 999px);
    white-space: nowrap;
    border-width: .21rem;
    height: 5.2rem;
    padding: 1.2rem 1.8rem;
  }

  .content-sub-hotel-detail .list-tag-sec3 .tag-item-sec3 {
    font-size: max(12px, 2.3rem);
    font-weight: unset;
    border-radius: var(--qc-radius-pill, 999px);
    border-width: .21rem;
    padding: 1.4rem 1.8rem;
  }

  .content-sub-hotel-detail .post-list-sec2 {
    flex-wrap: wrap;
    gap: 3rem;
    margin-top: -3.2rem;
    margin-bottom: 8rem;
  }

  .content-sub-hotel-detail .section2 .sub-title-sec2 {
    font-size: max(12px, 2.8rem);
    font-weight: 500 !important;
  }

  .content-sub-hotel-detail .card-item-sec3 .card-title-sec3-container {
    align-items: center;
    gap: .8rem;
    margin: 0 0 2.4rem;
    padding: 0;
    font-size: max(12px, 3.2rem);
  }

  .content-sub-hotel-detail .card-item-sec3 {
    border-width: .21rem;
    padding: 1.6rem 1.6rem 3.2rem;
  }

  .content-sub-hotel-detail .card-item-sec3 .card-title-sec3-container .label {
    padding: .6rem;
    font-size: max(12px, 2.6rem);
  }

  .content-sub-hotel-detail .wrap_btn_detail {
    padding-top: 2rem;
    padding-bottom: 1.5rem;
  }

  .content-sub-hotel-detail .wrap_btn_detail a {
    font-size: max(12px, 2.6rem);
  }

  .area_info .child {
    gap: 1rem;
    padding: 1rem 0;
  }

  .area_info .child .icon {
    flex-basis: 16%;
    gap: .5rem;
  }

  .area_info .pallet i {
    background: url("/images/ico/bed.png") center / 3.4rem 2rem no-repeat;
    width: 7.4rem;
    height: 2rem;
    display: inline-block;
  }

  .area_info .pallet img {
    width: 2rem !important;
    margin-top: .4rem !important;
  }

  .area_info .child .content {
    text-wrap: nowrap;
    font-size: max(12px, 2.4rem);
  }

  .content-sub-hotel-detail .section3 .card-item-container {
    flex-direction: column;
  }

  .content-sub-hotel-detail .grid2_2_1_m {
    gap: .8rem;
    display: flex !important;
  }

  .content-sub-hotel-detail .section3 .card-item-left {
    max-width: 100%;
  }

  .content-sub-hotel-detail .grid2_2_1_m img:first-child, .content-sub-hotel-detail .grid2_2_1_m img.custom_button {
    width: 100%;
  }

  .content-sub-hotel-detail .grid2_2_1_m .button-show-detail-image img {
    width: 5.8rem;
  }

  .cart_info_pop .custom-golf-detail select {
    width: 26rem !important;
  }

  .custom-golf-detail .price-text.text-gray {
    text-wrap: nowrap;
  }

  .content-sub-hotel-detail .grid2_2_1_sub {
    width: 24rem;
    margin-top: .8rem;
  }

  .content-sub-hotel-detail .grid2_2_1_m .img-top {
    width: 100% !important;
  }

  .content-sub-hotel-detail .grid2_2_1_sub img {
    width: 100%;
  }

  .content-sub-hotel-detail .section3 .card-item-left ul {
    flex-direction: unset;
    height: unset;
    flex-wrap: wrap;
    margin-left: 1.2rem;
    display: flex;
  }

  .cus_scroll_li {
    gap: 2rem;
  }

  .cus_scroll {
    max-height: 40rem;
    padding-left: 2rem;
  }

  .content-sub-hotel-detail .section4 .title-sec4 {
    font-size: max(12px, 3.4rem);
  }

  .content-sub-hotel-detail .section4 .tag-item-title {
    font-size: max(12px, 2.8rem);
  }

  .content-sub-hotel-detail .section4 .list-tag-sec4 .tag-item-list li {
    padding-left: 3.6rem;
    font-size: max(12px, 2.6rem);
  }

  .content-sub-hotel-detail .section5 .content-item:not(:last-child) {
    border-bottom: .21rem dashed #ccc;
  }

  .cus_scroll li {
    width: 14.7rem;
    max-width: unset;
  }

  .content-sub-hotel-detail .section4 .list-tag-sec4 {
    flex-wrap: wrap;
    gap: 4rem;
  }

  .content-sub-hotel-detail .section4 .list-tag-sec4-column {
    width: 28.6rem;
  }

  .content-sub-hotel-detail .section5 .title-sec5 {
    font-size: max(12px, 3.4rem);
  }

  .content-sub-hotel-detail .section5 .content-item .label {
    font-size: max(12px, 2.8rem);
  }

  .content-sub-hotel-detail .section5 .content-item .description {
    font-size: max(12px, 2.6rem);
  }

  .content-sub-hotel-detail .section5 .content-container-sec5 {
    border-width: .21rem;
    padding: 0 2rem;
  }

  .content-sub-hotel-detail .section5 .content-item {
    gap: unset;
  }

  .content-sub-hotel-detail .section5 .content-item .label, .content-sub-hotel-detail .section5 .content-item .description {
    line-height: 3.3rem;
  }

  .content-sub-hotel-detail .section5 .content-item .label {
    min-width: 20rem;
  }

  .content-sub-hotel-detail .section6 .title-sec6 {
    font-size: max(12px, 2.8rem) !important;
  }

  .content-sub-hotel-detail .section6 .title-sec6 span {
    font-size: max(12px, 3.4rem);
  }

  .content-sub-hotel-detail .section6 .rating-left, .content-sub-hotel-detail .section6 .rating-right {
    font-size: max(12px, 2.6rem);
  }

  .content-sub-hotel-detail .section7 .justify_content_end .title-sec7 {
    font-size: max(12px, 3.4rem);
  }

  .content-sub-hotel-detail .section6 .list-label-tag {
    flex-wrap: wrap;
    gap: 5rem;
  }

  .content-sub-hotel-detail .prd_info__left {
    align-items: center;
    gap: .21rem;
    display: flex;
  }

  .content-sub-hotel-detail .section6 .list-label-tag .label-tag-item .square {
    max-width: 4.1rem;
    max-height: 4.1rem;
  }

  .content-sub-hotel-detail .section6 .list-label-tag .label-tag-item {
    gap: 1.6rem;
  }

  .content-sub-hotel-detail .section6 .rating-left {
    align-items: center;
    gap: .8rem;
    display: flex;
  }

  .content-sub-hotel-detail .section6 .rating-left img {
    width: 3.7rem;
    height: 3.7rem;
  }

  .content-sub-hotel-detail .section6 .rating-left strong {
    font-size: max(12px, 3.4rem);
  }

  .content-sub-hotel-detail .section6 .list-label-tag .label-tag-item .label-tag-item-text {
    font-size: max(12px, 2.4rem);
    line-height: 3rem;
  }

  .content-sub-hotel-detail .section6 .sub-title-sec6 {
    font-size: max(12px, 2.8rem);
  }

  .content-sub-hotel-detail .section6 .list-label-tag .label-tag-item .square {
    width: 6rem;
    height: 6rem;
  }

  .content-sub-hotel-detail .section6 .card-list-flex {
    scroll-behavior: hidden;
    width: 100%;
    margin-bottom: 5rem;
    overflow-x: auto;
  }

  .content-sub-hotel-detail .section6 .container-head img {
    width: 7.9rem;
  }

  .content-sub-hotel-detail .section6 .container-head .name span {
    font-size: max(12px, 2.8rem) !important;
  }

  .content-sub-hotel-detail .section6 .container-head .name p {
    font-size: max(12px, 2.3rem);
  }

  .content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item h2 {
    margin: 3.2rem 0;
    font-size: max(12px, 2.7rem);
  }

  .content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item p.custom_paragraph {
    font-size: max(12px, 2.4rem);
  }

  .content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item button {
    font-size: max(12px, 2.5rem);
  }

  .content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item p.custom_paragraph {
    max-height: 50rem;
    line-height: 3.3rem;
  }

  .content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item {
    border-width: .21rem;
    min-width: 54rem;
    padding: 3rem;
  }

  .content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item .container-head .name {
    font-size: max(12px, 2.8rem) !important;
  }

  .content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item .container-head .name p {
    overflow: unset;
    font-size: max(12px, 2.3rem);
  }

  .content-sub-product-hotel .form_element_ {
    justify-content: center;
    align-items: center;
    margin: 3.2rem 0;
  }

  .content-sub-product-hotel .suffix {
    margin-left: 0;
    font-weight: 500;
  }

  .content-sub-product-hotel .content-right {
    width: 100%;
  }

  .content-sub-product-hotel .date-container {
    gap: .4rem;
    align-items: unset;
    border-width: .21rem;
    flex-direction: column;
    justify-content: center;
    width: 66rem;
    height: 13rem;
    padding: 1.2rem 1.3rem 1.2rem 3rem;
    display: flex;
  }

  .content-sub-product-hotel .date-container .form_input_ {
    width: 66rem;
    height: 10rem;
  }

  .content-sub-product-hotel .date-container .label {
    text-align: center;
    padding: 0;
    font-weight: 500;
    display: none;
  }

  .content-sub-product-hotel .date-container div {
    justify-content: space-between;
    font-weight: 500;
    display: flex !important;
  }

  .content-sub-product-hotel .date-container label {
    text-align: left;
  }

  .content-sub-product-hotel .date-container div:first-child {
    font-weight: unset;
    justify-content: space-between;
    margin-right: 0;
    position: relative;
    display: flex !important;
  }

  .content-sub-product-hotel .product-card-item-right .title-container h2 {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    max-width: 100%;
    font-size: max(12px, 3rem);
    display: -webkit-box;
    overflow: hidden;
  }

  .content-sub-product-hotel .product-card-item-right .title-container {
    flex-direction: column;
    margin-bottom: 1rem;
  }

  .content-sub-product-hotel .list-item-info .item-info h2 {
    margin-top: 3rem;
    margin-bottom: 2rem;
    font-size: max(12px, 3rem);
  }

  .content-sub-product-hotel .tab_box_area_ .tab_box_element_ {
    padding: 1.2rem 2.2rem;
    font-size: max(12px, 2.6rem);
  }

  .content-sub-product-hotel .product-card-item-container .item-pd {
    margin-left: 0;
  }

  .content-sub-product-hotel .content-right .item-info {
    font-size: max(12px, 2.6rem);
  }

  .content-sub-product-hotel .list-item-info .item-info-label {
    font-size: max(12px, 2.6rem);
    font-weight: 500;
    line-height: unset;
    color: #000;
    background-color: #f3f3f3;
    margin-bottom: 3.2rem;
    padding: 3rem;
  }

  .content-sub-product-hotel .product-card-item-left img {
    width: 100%;
    height: 48.4rem;
  }

  .content-sub-product-hotel .product-card-item-container .product-card-item-left {
    width: 100%;
    height: unset;
  }

  .content-sub-product-hotel .product-card-item-container .product-card-item-left a img {
    border-radius: var(--qc-radius-card, 16px);
    object-fit: cover;
    width: 66rem;
    height: 28rem;
  }

  .content-sub-product-hotel .product-card-item-right {
    width: 100%;
    margin-left: 0;
  }

  .content-sub-product-hotel .product-card-item-right .sub-title {
    border-bottom: none;
    align-items: center;
    gap: .6rem;
    display: flex;
  }

  .content-sub-product-hotel .star-container {
    align-items: center;
    gap: 1.6rem;
    margin-top: 1.6rem;
    padding-bottom: 1.5rem;
    display: flex;
  }

  .content-sub-product-hotel .arrow_right_mo {
    width: .7rem;
    height: 1.4rem;
  }

  .content-sub-product-hotel .star-container .star-left {
    align-items: center;
    gap: 1rem;
    display: flex;
  }

  .content-sub-product-hotel .product-card-item-container {
    flex-direction: column;
    gap: 2rem;
    width: calc(50% - 1rem);
    max-width: 100%;
    margin-top: 4rem;
    padding-bottom: 1rem;
  }

  .content-sub-product-hotel .form_element_ {
    gap: 1.6rem;
  }

  .content-sub-product-hotel .list-item-info .item-info .item-price-info span.main {
    font-size: max(12px, 2.8rem);
  }

  .content-sub-product-hotel .list-item-info .item-info .item-price-info .flex_m {
    flex-direction: column;
    align-items: flex-start;
    gap: .8rem;
    display: flex;
  }

  .content-sub-product-hotel .list-item-info .item-info .item-price-info span.text-gray {
    font-size: max(12px, 2.6rem);
  }

  .content-sub-product-hotel .form_element_ .form_input_ {
    width: 100%;
    height: 6rem;
    font-size: max(12px, 2.7rem);
  }

  .content-sub-product-hotel .form_element_.new {
    position: relative;
  }

  .content-sub-product-hotel .form_element_.new .form_input_ {
    width: calc(100% - 21.5rem);
    top: 0;
    left: 0;
    position: absolute !important;
  }

  .content-sub-product-hotel .form_element_.new .form_input_ input {
    border-radius: var(--qc-radius-section, 24px);
    height: 100%;
    font-size: max(12px, 2rem);
  }

  .content-sub-product-hotel .form_element_ .form_input_new {
    flex-direction: column-reverse;
    gap: 1.6rem;
    width: 100%;
    display: flex;
  }

  .content-sub-product-hotel .form_element_ .form_input_ input {
    border-width: .21rem;
    width: 100%;
    padding-left: 3rem;
  }

  .content-sub-product-hotel .form_element_ button {
    width: 100%;
    height: 6rem;
    font-size: max(12px, 2.2rem);
    font-weight: bold;
  }

  .content-sub-product-hotel .filter-content img {
    width: 2.3rem;
  }

  .content-sub-product-hotel .w-content {
    align-items: center;
    gap: .8rem;
    width: 16px;
    display: flex;
  }

  .content-sub-hotel-detail .main {
    border-bottom: .21rem solid #ccc;
    gap: 4rem;
    padding: 4rem 1.2rem;
    font-size: max(12px, 2.3rem);
  }

  .content-sub-hotel-detail .sub-header-hotel-detail {
    border: 0;
    padding: 0;
  }

  .content-sub-hotel-detail .btn-container {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 3.2rem;
    display: flex;
  }

  .content-sub-hotel-detail .btn-container button {
    width: 100%;
    height: 8rem;
    padding-left: 7rem;
    padding-right: 7rem;
    font-size: max(12px, 2.8rem);
  }

  .content-sub-hotel-detail .main a {
    white-space: nowrap;
    font-size: max(12px, 3rem);
    font-weight: 500;
    display: inline-block;
    position: relative;
  }

  .content-sub-hotel-detail .main a.active:after {
    content: "";
    border-radius: var(--qc-radius-section, 24px);
    background-color: var(--bs-point);
    width: 130%;
    height: .4rem;
    position: absolute;
    bottom: -113%;
    left: -.9rem;
  }

  .content-sub-hotel-detail .rating-container img:first-child {
    width: 2.3rem;
    height: 2.2rem;
    margin-right: .6rem;
  }

  .content-sub-hotel-detail .section2 .tag-list-icon .item-tag {
    border-radius: var(--qc-radius-control, 8px);
    border: .21rem solid #ccc;
    align-items: center;
    gap: 1rem;
    height: 7rem;
    padding: 0 1.4rem;
    font-size: max(12px, 2.6rem);
    display: flex;
  }

  .content-sub-hotel-detail .section2 .tag-list-icon .item-tag img {
    max-width: 3.6rem;
    max-height: 3.6rem;
  }

  .content-sub-hotel-detail .section2 .tag-list-icon {
    gap: 1.6rem;
    margin-bottom: 6rem;
  }

  .content-sub-hotel-detail .section2 .tag_list_done .item_done {
    min-width: 27rem;
  }

  .content-sub-hotel-detail .section2 .tag_list_done .item_done img {
    width: 2.6rem;
    height: 1.8rem;
  }

  .content-sub-hotel-detail .section2 .tag_list_done {
    font-weight: unset;
    width: unset;
    margin-bottom: 6rem;
  }

  .content-sub-hotel-detail .post-list-sec2 div img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin-bottom: 2rem;
  }

  .content-sub-hotel-detail .list-tag-sec3 {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    overflow-x: scroll;
  }

  .content-sub-hotel-detail .card-item-sec3 .card-title-sec3-container h2 {
    gap: .8rem;
    padding: 1.6rem 0;
    font-size: max(12px, 3.2rem);
    font-weight: bold;
  }

  .content-sub-hotel-detail .table-price-info-mobile {
    border-top: .21rem solid #ccc;
    flex-direction: column;
    padding: 4.5rem 0;
    display: flex !important;
  }

  .content-sub-hotel-detail .table-price-info-mobile .info-price-left, .content-sub-hotel-detail .table-price-info-mobile .info-price-right {
    width: 50%;
  }

  .content-sub-hotel-detail .table-price-info-mobile .info-price-left {
    flex-direction: column;
    gap: 1.6rem;
    display: flex;
  }

  .content-sub-hotel-detail .table-price-info-mobile .info-price-left .info-price-left-sub {
    margin-top: 2.4rem;
  }

  .content-sub-hotel-detail .table-price-info-mobile .info-price-left .label1 {
    font-size: max(12px, 2.6rem);
  }

  .content-sub-hotel-detail .table-price-info-mobile .info-price-left ul li {
    margin-left: 3rem;
    font-size: max(12px, 2.6rem);
    list-style-type: disc;
  }

  .content-sub-hotel-detail .table-price-info-mobile .highlight {
    color: var(--bs-point);
  }

  .content-sub-hotel-detail .table-price-info-mobile .info-price-left-sub {
    gap: 6rem;
    display: flex;
  }

  .content-sub-hotel-detail .table-price-info-mobile .info-price-left-sub .occupancy img {
    width: 5.5rem;
    height: 3rem;
  }

  .content-sub-hotel-detail .discount span.label {
    margin-right: .4rem;
    font-size: max(12px, 2.4rem);
    font-weight: 500;
  }

  .content-sub-hotel-detail .discount span.price_content {
    font-size: max(12px, 2.4rem);
    font-weight: 500;
    display: block;
  }

  .content-sub-hotel-detail .price-details .price {
    font-size: max(12px, 2.8rem);
  }

  .content-sub-hotel-detail .total {
    font-size: max(12px, 2.4rem);
  }

  .content-sub-hotel-detail .price-details {
    align-items: center;
    gap: 1.6rem;
    margin-top: 0;
  }

  .content-sub-hotel-detail .details {
    font-size: max(12px, 2.4rem);
  }

  .content-sub-hotel-detail .flex-total {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .content-sub-hotel-detail .book-button {
    margin-top: 0;
  }

  .content-sub-hotel-detail .section3 .card-item-left ul {
    color: #454545;
    line-height: 3.5rem;
  }

  .sub-hotel-navigation-container {
    border-bottom: .21rem solid #cccccc4d;
    align-items: center;
    padding: 3rem 0;
    display: flex;
  }

  .sub-hotel-navigation-container .navigation-container-prev {
    align-items: center;
    gap: 1.2rem;
    margin-right: 1rem;
    display: flex;
  }

  #depth_1_tool_title_ {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 15.5rem;
    overflow: hidden;
  }

  .sub-hotel-navigation-container .depth_2_item_, .sub-hotel-navigation-container .depth_1_item_, .sub-hotel-navigation-container .depth_3_item_ {
    cursor: pointer;
    margin: .6rem 0;
    padding: .5rem 0;
    font-size: max(12px, 2.4rem);
  }

  #depth_2_label, #depth_3_label {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 15.5rem;
    display: inline-block;
    overflow: hidden;
  }

  .sub-hotel-navigation-container .depth_2_tools_, .sub-hotel-navigation-container .depth_1_tools_, .sub-hotel-navigation-container .depth_3_tools_ {
    z-index: 25;
    background-color: #fff;
    border: .0385rem solid #dbdbdb;
    min-width: 7.6923rem;
    padding: .3846rem .4615rem;
    display: none;
    position: absolute;
    top: .7692rem;
    right: -2.1923rem;
  }

  .sub-hotel-navigation-container .depth_2_tool_list_ {
    width: 18rem;
  }

  .sub-hotel-navigation-container .depth_1_tool_list_ {
    width: 13rem;
  }

  .sub-hotel-navigation-container .depth_1_tools_, .sub-hotel-navigation-container .depth_2_tools_, .sub-hotel-navigation-container .depth_3_tools_ {
    z-index: 5;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    padding: 1rem 1.2rem;
    display: none;
    position: absolute;
    top: 4rem;
    left: 0;
    right: -2rem;
  }

  .sub-hotel-navigation-container .depth_2_tools_ {
    z-index: 5;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    padding: 1rem 1.2rem;
    display: none;
    position: absolute;
    top: 4rem;
    right: -3rem;
  }

  .sub-hotel-navigation-container .depth_3_tool_list_ {
    width: 17rem;
  }

  .sub-hotel-navigation-container .depth_3_tools_ {
    right: -2rem;
  }

  .sub-hotel-navigation-container .icon_home {
    width: 2.2rem;
    height: 2rem;
  }

  .sub-hotel-navigation-container .ball_dot_icon {
    width: 2.2rem;
    height: 2.2rem;
  }

  .sub-hotel-navigation-container .bread_arrow_right {
    width: .9rem;
    height: 1.7rem;
  }

  .sub-hotel-navigation-container .navigation-container-next {
    align-items: center;
    gap: .8rem;
    margin-right: 1rem;
    display: flex;
  }

  .content-sub-product-hotel .body_inner {
    margin: 0 auto;
    padding: 0 3rem;
  }

  .date-wrapper {
    flex-direction: column;
    display: flex;
  }

  .date-wrapper.date_gr1 {
    justify-content: space-between;
    display: flex;
  }

  .date-wrapper.date_gr1 .input_date {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .date-wrapper.date_gr1 .title_ {
    text-align: center;
    width: 30%;
  }

  .date-wrapper input {
    width: 16rem !important;
  }

  .content-sub-product-hotel .product-card-item-right .location_test .location_main img {
    width: 2.4rem;
  }

  .content-sub-product-hotel .product-card-item-right .location_test .location_main {
    gap: .3rem;
    padding-right: 1.5rem;
    position: relative;
  }

  .custom_no_search_view .star-container {
    padding-bottom: 0;
  }

  .content-sub-product-hotel .list-item-info .item-info {
    margin: 2rem 0 3rem;
  }

  .custom_no_search_view .list-item-info .item-info {
    margin: 2rem 0 0;
  }

  .content-sub-product-hotel .list-item-info .item-info .promotion_n_text {
    border-radius: var(--qc-radius-section, 24px);
    background-color: #2c93ce;
    padding: 2rem;
    position: absolute;
    top: -5rem;
    left: 2rem;
  }

  .content-sub-product-hotel .list-item-info .item-info .promotion_n_text h2 {
    margin-top: 0;
    font-size: max(12px, 2.6rem);
  }

  .content-sub-product-hotel .list-item-info .item-info.promotion_n .item-info-label {
    border-radius: var(--qc-radius-section, 24px);
    background-color: #eaf6fc;
    padding: 3.2rem 1.5rem 1.5rem;
  }

  .content-sub-product-hotel .list-item-info .item-info.promotion_n .item-info-label .label_des p {
    font-size: max(12px, 2.5rem);
  }

  .content-sub-product-hotel .list-item-info .item-info.promotion_n .item-info-label .label_des p + p {
    margin-top: .5rem;
  }

  .content-sub-product-hotel .list-item-info .item-info.promotion_n .item-info-label .label_add p {
    color: #2e6689;
    font-size: max(12px, 2.5rem);
  }

  .content-sub-product-hotel .arrow {
    font-size: max(12px, 3.4rem);
  }

  .content-sub-product-hotel .category-mo-cus {
    border-bottom: .21rem solid #000;
    justify-content: space-between;
    align-items: center;
    width: 66rem;
    margin-top: 8.4rem;
    padding-bottom: 3rem;
    display: flex !important;
  }

  .content-sub-product-hotel .category-mo-cus .title-cate {
    font-size: max(12px, 3.8rem);
    font-weight: bold;
  }

  .content-sub-product-hotel .category-mo-cus .title-cate .total_number {
    margin-left: 2rem;
    font-size: max(12px, 2.6rem);
  }

  .content-sub-product-hotel .category-mo-cus .title-cate .num {
    color: #17469e;
  }

  .content-sub-product-hotel .category-mo-cus .img-div {
    border-radius: var(--qc-radius-xs, 4px);
    border: .21rem solid #dbdbdb;
    width: 6rem;
    height: 5.2rem;
    padding: 1rem 1.4rem;
  }

  .content-sub-product-hotel .filter_icon {
    width: 2.3rem;
    height: 2.3rem;
  }

  .content-sub-product-hotel .close_icon {
    width: 1.5rem;
    height: 1.7rem;
  }

  .content-sub-product-hotel .two-way_arrow {
    width: 2.5rem;
    height: 2rem;
  }

  .content-sub-product-hotel .two-way-arrow-content span {
    font-size: max(12px, 2.5rem);
  }

  .content-sub-product-hotel .list-tag .tag-item {
    gap: 1.2rem;
    padding: .8rem;
  }

  .content-sub-product-hotel .two-way-arrow-content a {
    align-items: center;
    gap: .21rem;
    display: flex;
  }

  .content-sub-product-hotel .below-filter-content {
    border-bottom: none;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    padding-bottom: 0;
    display: flex;
  }

  .content-sub-product-hotel .pagination {
    flex-wrap: wrap;
    row-gap: 2rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    margin: 8rem 0 24rem !important;
  }

  .content-sub-product-hotel .page-link {
    color: #333;
    border-radius: var(--qc-radius-control, 8px);
    text-align: center;
    border: .21rem solid #ddd;
    width: 6rem;
    height: 6rem;
    margin: 0 .5rem;
    padding: 1.2rem 2rem;
    text-decoration: none;
    transition: background-color .3s, color .3s;
    display: inline-block;
  }

  .content-sub-product-hotel .page-link img {
    padding-top: .8rem;
  }

  .content-sub-product-hotel .page-link.cus-padding {
    padding: 1.2rem 1.5rem;
  }

  .content-sub-product-hotel .page-link.cus-padding.ml {
    margin-left: 4rem;
  }

  .content-sub-product-hotel .page-link.cus-padding.mr {
    margin-right: 4rem;
  }

  .content-sub-product-hotel .popup {
    text-align: center;
    z-index: 100;
    background: #0006;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    inset: 0;
    box-shadow: 0 .5rem 1.5rem #00000059;
  }

  .content-sub-product-hotel .popup__content {
    color: #000;
    box-sizing: border-box;
    z-index: 101;
    background: #fff;
    width: 100%;
    height: 100vh;
    position: relative;
    top: 0%;
    left: 50%;
    overflow: auto;
    transform: translateX(-50%);
  }

  .popup__content {
    color: #000;
    box-sizing: border-box;
    z-index: 101;
    background: #fff;
    width: 100%;
    height: 100vh;
    position: relative;
    top: 51.5%;
    left: 50%;
    overflow: auto;
    transform: translate(-50%, -40%);
  }

  .popup_inner {
    padding: 0 3rem 12rem;
  }

  .content-sub-product-hotel .popup .header-con-p {
    z-index: 99;
    background-color: #fff;
    border-bottom: .21rem solid #eee;
    justify-content: center;
    align-items: center;
    padding: 2.4rem 0;
    display: flex;
    position: sticky;
    top: 0;
  }

  .content-sub-product-hotel .popup .header-con-p .title-header {
    font-size: max(12px, 3.4rem);
    font-weight: 600;
  }

  .header-con-p img {
    width: 3rem;
    height: 3.1rem;
    display: block;
    position: absolute;
    top: 2.8rem;
    right: 2.8rem;
  }

  .content-sub-product-hotel .subtitle {
    padding: 5rem 0 2.5rem;
  }

  .content-sub-product-hotel .tab_box_show_ {
    gap: 2rem;
  }

  .content-sub-product-hotel .tab_box_area_ .tab_box_element_.tab_active_ {
    border: .21rem solid #17469e;
  }

  .content-sub-product-hotel .slider-container {
    width: 100%;
    height: 2rem;
    margin: 2rem 0;
    position: relative;
    display: flex !important;
  }

  .content-sub-product-hotel .value-container {
    color: #757575;
    justify-content: space-between;
    display: flex;
  }

  .content-sub-product-hotel .slider {
    -webkit-appearance: none;
    appearance: none;
    pointer-events: none;
    background: none;
    border: none;
    width: 100%;
    height: .5rem;
    padding: 0;
    position: absolute;
  }

  .content-sub-product-hotel .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    pointer-events: auto;
    z-index: 2;
    background: #fff;
    border: .21rem solid #bbb;
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    position: relative;
  }

  .content-sub-product-hotel .slider::-moz-range-thumb {
    cursor: pointer;
    pointer-events: auto;
    z-index: 2;
    background: #fff;
    border: .21rem solid #bbb;
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    position: relative;
  }

  .content-sub-product-hotel .slider-track {
    background: var(--bs-point);
    border-radius: var(--qc-radius-control, 8px);
    z-index: 1;
    pointer-events: none;
    height: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-120%);
  }

  .content-sub-product-hotel .slider-background {
    border-radius: var(--qc-radius-control, 8px);
    z-index: 0;
    pointer-events: none;
    background: #f1f1f1;
    width: 100%;
    height: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-120%);
  }

  .content-sub-product-hotel .tab-currency {
    align-items: center;
    gap: 1.6rem;
    margin-top: 4.5rem;
    display: none;
  }

  .content-sub-product-hotel .tab-currency .currency {
    border-radius: var(--qc-radius-control, 8px);
    border: .21rem solid #eee;
    width: 9rem;
    height: 7.2rem;
    padding: 1.6rem;
  }

  .content-sub-product-hotel .tab-currency .currency.active {
    border: .21rem solid var(--bs-point);
    color: var(--bs-point);
  }

  .content-sub-product-hotel .value-container span:first-child {
    border-left: .21rem solid #eee;
    padding-left: 2rem;
  }

  .content-sub-product-hotel .value-container span:nth-child(2) {
    border-right: .21rem solid #eee;
    padding-right: 2rem;
  }

  .filter_price_wrap .filter .btn_fil_price {
    border: 1px solid #ccc;
    width: 8rem;
    height: 8rem;
    padding: 0;
  }

  .content-sub-hotel-detail .title-container {
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 3rem;
    margin-bottom: 2rem;
    display: flex;
  }

  .content-sub-hotel-detail .title-container h2 {
    width: 100%;
    max-width: 100%;
    font-size: max(12px, 3.6rem);
    font-weight: bold;
    line-height: 1.3;
  }

  .content-sub-hotel-detail .location-container {
    flex-flow: column wrap;
    align-items: flex-start;
    gap: 1.8rem;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
  }

  .ttl-name-en {
    display: none;
  }

  .tour_type_group {
    text-wrap: nowrap;
    z-index: 9;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1rem;
    width: fit-content;
    margin-top: 1.8rem;
    margin-bottom: .7rem;
  }

  .tour_type_group.only_mo {
    display: flex !important;
  }

  .section1 .flex_b_c {
    align-items: flex-start;
  }

  .content-sub-hotel-detail .location-container .location_conts {
    align-items: center;
    gap: .4rem;
    display: flex;
  }

  .content-sub-hotel-detail .location-container .location_conts a {
    font-size: max(12px, 2.6rem);
  }

  .content-sub-hotel-detail .title-container .list-icon {
    align-items: center;
    gap: 1rem;
    display: none !important;
  }

  .content-sub-hotel-detail .title-container .list-icon img:nth-child(2) {
    background-color: #f5f5f5;
  }

  .custom-golf-detail .location-container {
    margin-top: 2rem;
  }

  .custom-golf-detail .location-container .list-icon {
    gap: 1.5rem;
    margin-left: auto;
    display: flex;
  }

  .custom-golf-detail .location-container .list-icon img {
    border-radius: unset;
    width: 3.4rem;
    height: 3.7rem;
    padding: 0;
  }

  .content-sub-hotel-detail .rating-container {
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .hotel_detail .rating-container {
    margin-top: -5rem;
  }

  .content-sub-hotel-detail .rating-container span.page_ {
    border-left: .1rem solid #ccc;
    align-items: center;
    margin-left: 1.2rem;
    padding-left: 1.2rem;
    display: flex;
  }

  .write_new_review {
    align-items: flex-start;
    gap: 2rem;
    margin-top: 1.5rem;
  }

  .write_new_review a.btnGoReviewPage {
    border-radius: var(--qc-radius-xs, 4px);
    color: #fff;
    text-align: center;
    background: #17469e;
    padding: 1rem 2rem;
    font-family: Pretendard, sans-serif;
    font-size: max(12px, 2.6rem);
    font-weight: 600;
  }

  .write_new_review p.desc_ {
    font-family: Pretendard, sans-serif;
    font-size: max(12px, 2.6rem);
    font-weight: 600;
  }

  .write_new_review a.btnGoReviewPage {
    margin-left: 0;
  }

  .content-sub-hotel-detail .rating-container span:last-child {
    border-left: unset;
    border-left: .1rem solid #ccc;
    align-items: center;
    padding-left: 1.2rem;
    display: flex;
    margin-left: 1.2rem !important;
  }

  .content-sub-hotel-detail .section1 .title-sec2 {
    margin-bottom: 3rem;
    font-size: max(12px, 3.4rem);
  }

  .content-sub-hotel-detail .section1 .description-sec2 {
    margin-bottom: 3rem;
  }

  .content-sub-hotel-detail .section1 .description-sec2 * {
    font-size: max(12px, 2.4rem) !important;
  }

  .content-sub-hotel-detail .hotel-image-container {
    gap: .8rem;
    width: 100%;
    margin-bottom: 0;
    display: flex;
  }

  .content-sub-hotel-detail .hotel-image-container div:first-child {
    width: 100%;
    height: 100%;
  }

  .content-sub-hotel-detail .grid_2_2 {
    flex-wrap: wrap;
    display: flex;
    gap: .999rem !important;
  }

  .content-sub-hotel-detail .hotel-image-container-1 img {
    background-repeat: no-repeat;
    background-size: cover;
    width: 60rem;
    height: 44.2rem;
  }

  .tours-detail .des-type span {
    font-size: max(12px, 2.6rem) !important;
  }

  .content-sub-hotel-detail .grid_2_2 .custom_button {
    width: 29rem;
    height: 21.6rem;
    position: relative;
  }

  .content-sub-hotel-detail .rating-container span strong {
    margin-left: .4rem;
  }

  .content-sub-hotel-detail .rating-container img:first-child {
    padding-bottom: .21rem;
  }

  .content-sub-hotel-detail .button-show-detail-image {
    color: #fff;
    background: #000000b3;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .8rem;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0%;
    right: 0;
  }

  .content-sub-hotel-detail .sub-header-hotel-detail {
    border: none;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 3.2rem;
    padding: 0;
    display: flex;
  }

  .content-sub-hotel-detail .main {
    align-items: center;
    gap: 5.6rem;
    width: 100%;
    font-size: max(12px, 2.1rem);
    font-weight: 500;
    display: flex;
    overflow: scroll hidden;
  }

  .content-sub-hotel-detail .btn-container.cus-mb {
    margin-bottom: 8rem;
  }

  .content-sub-hotel-detail .main a.active, .content-sub-hotel-detail .main a:hover {
    color: var(--bs-point);
  }

  .content-sub-hotel-detail .section2 .sub-title-sec2 {
    margin-top: 3.2rem;
    margin-bottom: 3.6rem;
  }

  .content-sub-hotel-detail .popup {
    background-color: #00000080;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
  }

  .content-sub-hotel-detail .popup-content {
    border-radius: var(--qc-radius-control, 8px);
    text-align: left;
    background-color: #fff;
    width: 49rem;
    padding: 2rem;
    position: relative;
    box-shadow: 0 .5rem 1.5rem #0000004d;
  }

  .content-sub-hotel-detail .close-btn {
    cursor: pointer;
    width: 2.9rem;
    height: 2.9rem;
    position: absolute;
    top: 2.4rem;
    right: 2rem;
  }

  .content-sub-hotel-detail .popup-content .title-popup {
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 3rem;
    font-size: max(12px, 2.4rem);
  }

  .content-sub-hotel-detail .popup-content .item-price-popup {
    border-radius: var(--qc-radius-control, 8px);
    border: .1rem solid #ccc;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding-right: 3rem;
    display: flex;
  }

  .content-sub-hotel-detail .popup-content .img-container {
    border-radius: var(--qc-radius-control, 8px) 0 0 var(--qc-radius-control, 8px);
    background-color: #f7f7f7;
    padding: 3rem 2.2rem;
  }

  .content-sub-hotel-detail .popup-content .text-con {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    width: 17.3rem;
    display: flex;
  }

  .content-sub-hotel-detail .popup-content .text-con span:first-child {
    font-size: max(12px, 2rem);
    font-weight: 600;
  }

  .content-sub-hotel-detail .popup-content .text-con span.date-sub {
    color: #999;
  }

  .content-sub-hotel-detail .popup-content .count-info span {
    color: var(--bs-point);
  }

  .content-sub-hotel-detail .popup-content .count-info {
    margin-bottom: 1rem;
  }

  .content-sub-hotel-detail .popup-content .date-sub {
    color: #999;
  }

  .content-sub-hotel-detail .popup-content .item-price-popup.item-price-popup--button {
    cursor: pointer;
    border-color: #0c80e4;
    margin-bottom: 13.5rem;
    padding: 3.2rem;
  }

  .content-sub-hotel-detail .popup-content .item-price-popup.item-price-popup--button span {
    color: #0c80e4;
    font-size: max(12px, 2rem);
  }

  .content-sub-hotel-detail .footer-popup .des-above .item {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem;
    display: flex;
  }

  .content-sub-hotel-detail .footer-popup .des-above .item:last-child {
    border-bottom: .1rem solid #ccc;
  }

  .content-sub-hotel-detail .footer-popup .des-above .item span:first-child {
    font-size: max(12px, 1.8rem);
  }

  .content-sub-hotel-detail .footer-popup .price-below {
    justify-content: space-between;
    align-items: center;
    margin: 2.4rem 0;
    display: flex;
  }

  .content-sub-hotel-detail .footer-popup .price-below span:first-child {
    font-size: max(12px, 1.8rem);
  }

  .content-sub-hotel-detail .footer-popup .price-popup {
    font-size: max(12px, 2rem);
    font-weight: bold;
  }

  .content-sub-hotel-detail .footer-popup .price-popup span {
    font-weight: unset;
  }

  .content-sub-hotel-detail .footer-popup .btn_accept_popup {
    background-color: var(--bs-point);
    color: #fff;
    border-radius: var(--qc-radius-control, 8px);
    cursor: pointer;
    border: none;
    width: 100%;
    margin-bottom: 1.2rem;
    padding: 1.6rem 2rem;
    font-size: max(12px, 1.8rem);
  }

  .content-sub-hotel-detail .popup-content .line-gray {
    background-color: #f3f3f3;
    width: 49rem;
    height: 1.6rem;
    margin-bottom: 3rem;
    margin-left: -2rem;
  }

  .content-sub-hotel-detail .section4 .list-tag-sec4 .tag-item-list li:before {
    width: 2.6rem;
    height: 2.6rem;
  }

  .golf-custom-page .img_box_re {
    width: unset;
    height: unset;
  }

  .golf-custom-page .scroll-con-sec7 {
    overflow: scroll hidden;
  }

  .golf-custom-page .banner-ticket .tag-red {
    width: 12rem;
    height: 12rem;
  }

  .golf-custom-page .sub_tour_section7_product_item .ico_special_prd {
    width: 5.4rem;
    height: 7.4rem;
  }

  .sub_tour_section7_product_list {
    flex-wrap: nowrap;
    gap: 4rem;
    margin-top: 2.9rem;
    margin-bottom: 2rem;
    display: flex;
  }

  .thailand_hotel_ .sub_section3__head {
    padding-top: 10rem;
  }

  .custom-product-golf .category-mo-cus {
    margin-top: 0;
  }

  .content-sub-product-hotel .product-card-item-right .sub-title {
    margin-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .custom-product-golf .product-card-item-right .sub-title {
    margin-top: 0;
    padding-bottom: 0;
  }

  .custom-product-golf .product-card-item-right .sub-title span:first-child {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 30%;
    overflow: hidden;
  }

  .content-sub-product-hotel .filter-container {
    display: none;
  }

  .content-sub-product-hotel .tab_box_area_ .tab_box_element_ {
    text-align: center;
    vertical-align: middle;
    border-radius: var(--qc-radius-pill, 999px);
    min-width: 11.8rem;
    height: 7.2rem;
    letter-spacing: unset;
    font-size: max(12px, 2.6rem);
    line-height: unset;
    padding: 1.8rem 2.2rem;
  }

  .content-sub-product-hotel .category-left-item {
    border-bottom: .21rem solid #cccccc80;
    padding-bottom: 3rem;
  }

  .custom-product-golf .category-left-item .form-cus-mb {
    flex-wrap: wrap;
    gap: 1.8rem 10rem;
    display: flex;
  }

  .custom-product-golf .form-group input:checked + label:after {
    content: "";
    border: .4rem solid #fff;
    border-width: 0 .4rem .4rem 0;
    width: 1.5rem;
    height: 2.8rem;
    display: block;
    position: absolute;
    top: .8rem;
    left: 1.7rem;
    transform: rotate(45deg);
  }

  .custom-product-golf .form-group input:checked + label {
    font-weight: bold;
  }

  .custom-product-golf .form-group label:before {
    content: "";
    -webkit-appearance: none;
    vertical-align: middle;
    cursor: pointer;
    background-color: #0000;
    border: .21rem solid #ccc;
    padding: 2.3rem;
    display: inline-block;
    position: relative;
    box-shadow: 0 .1rem .21rem #0000000d, inset 0 -1.5rem 1rem -1.2rem #0000000d;
  }

  .custom-product-golf .form-group.tab_active_ label:after {
    content: "";
    border: .2rem solid #fff;
    border-width: 0 .2rem .2rem 0;
    width: 1.6rem;
    height: 3.4rem;
    display: block;
    position: absolute;
    top: .2rem;
    left: 1.9rem;
    transform: rotate(45deg);
  }

  .custom-product-golf .filter_mo {
    gap: 1.5rem;
    padding-top: 5rem;
    display: flex;
  }

  .custom-product-golf .filter_mo .btn_search_.tour {
    color: #252525;
    background-color: #fff;
    border: 1px solid #ccc;
    justify-content: center;
    align-items: center;
    font-size: max(12px, 2.4rem);
    font-weight: 700;
    display: flex;
    width: calc(50% - .75rem) !important;
    height: 9rem !important;
    padding: unset !important;
    margin: 0 !important;
  }

  .category-left-list {
    margin-top: 3rem;
    padding: 0 3rem 12rem;
  }

  .content-sub-product-hotel .sub-hotel-container .category-left.golf_filter {
    z-index: 111;
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    overflow: auto;
  }

  .content-sub-product-hotel .sub-hotel-container .category-left.golf_filter.show {
    display: block;
  }

  .content-sub-product-hotel .category-left-item:last-of-type {
    border-bottom: unset;
  }

  .content-sub-product-hotel .category-left-item .category_btn_pop {
    gap: 1.5rem;
    padding-top: 5rem;
  }

  .content-sub-product-hotel .category-left-item .category_btn_pop button, .btn_search_ {
    color: #252525;
    background-color: #fff;
    border: 1px solid #ccc;
    justify-content: center;
    align-items: center;
    width: calc(50% - .75rem);
    height: 9rem;
    font-size: max(12px, 2.4rem);
    font-weight: 700;
    display: flex;
  }

  .btn_search_ {
    color: #fff;
    border: unset;
    border-radius: var(--qc-radius-card, 16px);
    background-color: #17469e;
    width: 100%;
    margin-top: 3rem;
  }

  .content-sub-product-hotel .title {
    z-index: 99;
    background-color: #fff;
    border-bottom: .21rem solid #eee;
    justify-content: center;
    align-items: center;
    padding: 2.4rem 0;
    font-size: max(12px, 3.4rem);
    font-weight: 600;
    display: flex;
    position: sticky;
    top: 0;
  }

  .content-sub-product-hotel .close_popup {
    z-index: 2222;
    width: 3rem;
    height: 3.1rem;
    position: absolute;
    top: 2.8rem;
    right: 2.8rem;
  }

  .content-sub-product-hotel .product-card-item-right .star-container .star-left img {
    width: 2.3rem;
    height: 2.2rem;
  }

  .content-sub-product-hotel .product-card-item-right .star-content span {
    border-left: .21rem solid #ccc;
    padding-left: .8rem;
  }

  .content-sub-product-hotel .product-card-item-right .title-container .star-container {
    gap: 1.6rem;
  }

  .product-card-label-list, .hotel-image-container-1 .product-card-label-list, .product-card-item-left .product-card-label-list {
    letter-spacing: .3px;
    font-weight: 600;
    border-radius: var(--qc-radius-control, 8px) !important;
    height: unset !important;
    padding: 5px 12px !important;
    font-size: 13px !important;
  }

  .tours-detail .hotel-image-container div:first-child {
    border-radius: var(--qc-radius-control, 8px) !important;
  }

  .main_category {
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding: 0 16px !important;
    overflow-x: auto !important;
  }

  .main_category::-webkit-scrollbar {
    display: none !important;
  }

  .main_category.swiper {
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    width: 100% !important;
    overflow-x: auto !important;
  }

  .main_category.swiper::-webkit-scrollbar {
    display: none !important;
  }

  .main_category .swiper-wrapper {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: max-content !important;
    min-width: 100% !important;
    padding-bottom: 6px !important;
    display: flex !important;
  }

  .main_category .swiper-slide {
    flex-shrink: 0 !important;
    width: auto !important;
  }

  .main_category ul li a {
    border-radius: var(--qc-radius-section, 24px) !important;
    white-space: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 8px !important;
    height: 45px !important;
    padding: 0 18px !important;
    display: flex !important;
  }

  .main_category ul li a.active, .main_category ul li a[aria-current="page"], .main_category ul li a:has(.img_box.active) {
    background-color: #f4f8ff !important;
    border-color: #2b78e4 !important;
  }

  .main_category ul li a.active p, .main_category ul li a[aria-current="page"] p, .main_category ul li a:has(.img_box.active) p {
    color: #2b78e4 !important;
    font-weight: 600 !important;
  }

  .custom-golf-detail .title-size-24 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
    margin-top: 6rem;
    margin-bottom: 4rem;
    font-size: max(12px, 3.4rem);
    display: flex;
  }

  .content-custom-table .title-sec5 {
    font-size: max(12px, 3.4rem);
  }

  .content-custom-table .content-item .label {
    font-size: max(12px, 2.8rem);
  }

  .content-custom-table .content-item .description {
    font-size: max(12px, 2.6rem);
  }

  .content-custom-table .content-container-sec5 {
    border-width: .21rem;
    padding: 0 2rem;
  }

  .content-custom-table .content-item {
    gap: unset;
  }

  .content-custom-table .content-item .label, .content-custom-table .content-item .description {
    line-height: 3.3rem;
  }

  .content-custom-table .content-item .description * {
    font-size: max(12px, 2.2rem) !important;
    line-height: 1.4 !important;
  }

  .content-custom-table .content-item .description span {
    font-size: max(12px, 2.6rem) !important;
    line-height: 1.4 !important;
  }

  .content-custom-table .content-item .label {
    min-width: 20rem;
  }

  .content-custom-table {
    border-width: .21rem;
    padding: 0 2rem;
  }

  .custom-golf-detail .text-parent span {
    font-size: max(12px, 2.6rem);
  }

  .custom-golf-detail .golf-table {
    border: .21rem solid #dbdbdb;
  }

  .custom-golf-detail .golf-table, .custom-golf-detail .golf-table thead, .custom-golf-detail .golf-table tbody, .custom-golf-detail .golf-table th, .custom-golf-detail .golf-table td, .custom-golf-detail .golf-table tr {
    display: block;
  }

  .custom-golf-detail .golf-table tr {
    flex-wrap: wrap;
    display: flex;
  }

  .custom-golf-detail .golf-table tr th, .custom-golf-detail .golf-table tr td {
    white-space: normal;
    border: none;
  }

  .custom-golf-detail .golf-table tr th:nth-child(2n-1), .custom-golf-detail .golf-table tr td:nth-child(2n-1) {
    text-align: left;
    background-color: #f7f7f7;
    border-bottom: .21rem solid #dbdbdb;
    border-right: .21rem solid #dbdbdb;
    width: 23rem;
    padding: 4rem 2rem;
    font-weight: normal !important;
  }

  .custom-golf-detail .golf-table tr th:nth-child(2n), .custom-golf-detail .golf-table tr td:nth-child(2n) {
    background-color: #fff;
    border-bottom: .21rem solid #dbdbdb;
    width: calc(100% - 23rem);
    padding: 4rem 2rem;
    font-weight: normal !important;
  }

  .custom-golf-detail .section1 .golf_table {
    align-items: center;
    width: 66rem;
    display: flex;
  }

  .custom-golf-detail .section1 .golf_table td {
    text-align: left;
    border: .21rem solid #dbdbdb;
    padding: 4rem 2rem;
  }

  .custom-golf-detail .section1 .golf_table td:first-child {
    background-color: #f7f7f7;
    width: 23rem;
  }

  .custom-golf-detail .section1 .golf_table td:last-child {
    color: #454545;
  }

  .custom-golf-detail .section1 .golf_table .rating-list img {
    width: 1.9rem;
    height: 1.8rem;
  }

  .custom-golf-detail .section1 .golf_table .border-top-table {
    border-top: .21rem solid #999;
  }

  .custom-golf-detail .calendar span {
    font-size: max(12px, 3rem);
    font-weight: 500;
  }

  .custom-golf-detail .year {
    gap: 4rem;
  }

  .custom-golf-detail .calendar {
    border-bottom: .21rem solid #eee;
    max-width: 100%;
    height: 28rem;
    padding: 0 3rem;
  }

  .custom-golf-detail .calendar .swiper-button {
    opacity: .902;
    border-radius: var(--qc-radius-card, 16px);
    filter: drop-shadow(0 .5rem .21rem #0000000d);
    text-align: center;
    background-color: #ffffffe6;
    border: .21rem solid #dbdbdb;
    width: 4.8rem;
    height: 8.3rem;
    padding: 2.5rem 0;
  }

  .custom-golf-detail .calendar .dates .day a.on:before {
    width: 6rem;
    height: 6rem;
  }

  .custom-golf-detail .calendar .swiper-slide {
    gap: 4rem;
  }

  .custom-golf-detail .tag-con-below-calendar .item-tag span.label {
    width: 20rem;
    font-size: max(12px, 2.7rem);
  }

  .custom-golf-detail .tag-list span.tag {
    border-radius: var(--qc-radius-pill, 999px);
    text-align: center;
    cursor: pointer;
    border: .21rem solid #dbdbdb;
    width: 10.21rem;
    height: 6.2rem;
    padding: 1.2rem 0;
  }

  .custom-golf-detail select {
    background-size: 2.4rem 1.4rem;
    height: 9rem;
    width: 55.5rem !important;
    padding-left: 2rem !important;
  }

  .custom-golf-detail .tag-con-below-calendar .item-tag {
    margin-bottom: 3rem;
  }

  .custom-golf-detail .tag-list {
    flex-wrap: wrap;
    gap: 1rem;
    width: 46rem;
  }

  .custom-golf-detail .item-tag-mo-cus {
    align-items: flex-start !important;
  }

  .custom-golf-detail .tag-con-below-calendar {
    border-bottom: .21rem solid #eee;
    padding: 4rem 0;
  }

  .custom-golf-detail .calendar .dates .txt {
    margin-top: 2.5rem;
    font-size: max(12px, 2.4rem);
  }

  .custom-golf-detail .date-text-2 {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 4rem;
    margin-bottom: 4rem;
    font-size: max(12px, 3rem);
    display: flex;
  }

  .custom-golf-detail .date-text-2 p:last-child {
    font-size: max(12px, 2.6rem);
  }

  .custom-golf-detail .card-content .card-item.active_2 .cus-text_div {
    display: unset;
  }

  .custom-golf-detail .card-content .card-item.active_2 p.cus-text {
    opacity: .5;
    margin-bottom: 1rem;
    display: inline-block;
  }

  .custom-golf-detail .card-content .card-item {
    border-radius: var(--qc-radius-control, 8px);
    border: .21rem solid #dbdbdb;
    width: 32rem;
    height: 25.3rem;
    padding: 3rem;
  }

  .custom-golf-detail .card-content .card-item img {
    width: 2.8rem;
    height: 2.8rem;
  }

  .custom-golf-detail .card-content p.text-gray {
    margin-bottom: 1rem;
  }

  .custom-golf-detail .card-content .header-con {
    gap: .8rem;
    margin-bottom: 2rem;
  }

  .custom-golf-detail .card-content {
    border-width: .21rem;
    gap: 2rem;
    padding-bottom: 4rem;
  }

  .custom-golf-detail .list-select-element {
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
    margin-bottom: 8rem;
  }

  .custom-golf-detail .list-select-element .item-select .label {
    width: 13.2rem;
  }

  .custom-golf-detail .item-select select {
    width: 65.5rem !important;
  }

  .custom-golf-detail .section2-sub {
    flex-direction: column;
  }

  .custom-golf-detail .section2-sub .left-main .tit-left {
    margin-bottom: 4rem;
    font-size: max(12px, 3rem);
  }

  .custom-golf-detail .section2-sub .left-main {
    box-shadow: unset;
    border: .21rem solid #eee;
    border-top-color: #000;
    border-bottom: none;
    border-radius: 0;
    padding: 5rem 3rem;
  }

  .custom-golf-detail .section2-sub .left-main p {
    font-size: max(12px, 2.7rem);
    line-height: 4rem;
  }

  .custom-golf-detail .section2-sub .left-main .l-label {
    width: 20rem;
  }

  .custom-golf-detail .section2-sub .left-main, .custom-golf-detail .section2-sub .right-main {
    width: unset;
  }

  .custom-golf-detail .btn-price-content-normal {
    display: none;
  }

  .custom-golf-detail .section2-sub .right-main {
    border-radius: 0 0 var(--qc-radius-control, 8px) var(--qc-radius-control, 8px);
    box-shadow: unset;
    border: .21rem solid #eee;
    padding: 0 3rem 3rem;
  }

  .custom-golf-detail .section2-sub .right-main .list-text {
    width: 27.6rem;
    line-height: 4rem;
  }

  .custom-golf-detail .section2-sub .right-main .item-right {
    justify-content: space-between;
    align-items: center;
    padding: 3rem 0;
    display: flex;
  }

  .custom-golf-detail .section2-sub .right-main .item-right:not(:last-child) {
    border-bottom: .21rem dashed #ccc;
  }

  .custom-golf-detail .section2-sub .item-right p:first-child {
    width: 100%;
  }

  .custom-golf-detail .section2-sub .item-last-right {
    justify-content: space-between;
    padding: 3rem 0;
    font-size: max(12px, 3rem);
    display: flex;
  }

  .custom-golf-detail .btn-price-content {
    width: 100%;
    height: 9rem;
    font-weight: unset;
    background-color: var(--bs-point) !important;
    font-size: max(12px, 3.2rem) !important;
  }

  .custom-golf-detail .container-big-text .sub-title-18 {
    margin-bottom: 3rem;
    font-size: max(12px, 2.8rem);
  }

  .custom-golf-detail .container-big-text p {
    margin-bottom: 3rem !important;
    line-height: 3.5rem !important;
  }

  .custom-golf-detail .info-container {
    line-height: 3.5rem;
  }

  .custom-golf-detail .highlight-des .highlight-des-p {
    background-color: #f3f5f7;
    margin-top: 2.8rem;
    padding: 3rem 2rem;
  }

  .custom-golf-detail .container-big-text ul {
    margin-top: 2rem;
    line-height: 3.5rem !important;
  }

  .custom-golf-detail .ul-html-content {
    margin-bottom: 5rem;
    margin-left: 1.6rem;
  }

  .custom-golf-detail .container-big-text {
    line-height: 3.3rem;
  }

  .custom-golf-detail .section6 .title-sec6 {
    margin: 6.4rem 0 3.2rem;
  }

  .custom-golf-detail .section6 .rating-content {
    align-items: center;
    gap: 1.6rem;
    display: flex;
  }

  .custom-golf-detail .section6 .list-label-tag .label-tag-item .square {
    max-width: 5.4rem;
    max-height: 4.7rem;
  }

  .custom-golf-detail .section6 .list-label-tag .label-tag-item {
    width: 20rem;
  }

  .custom-golf-detail .section6 .list-label-tag-page {
    flex-wrap: wrap;
    gap: 4rem 11rem;
  }

  .custom-golf-detail .section6 .list-label-tag {
    margin-top: 3.2rem;
  }

  .content-sub-hotel-detail .section6 .sub-title-sec6 {
    margin: 4.8rem 0 3.2rem;
  }

  .content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item {
    border-radius: var(--qc-radius-control, 8px);
    border: .21rem solid #ccc;
    width: 70rem;
    padding: 2.6rem;
  }

  .custom-golf-detail .section6 .card-list-recommemded {
    gap: 2rem;
    margin-bottom: 0;
    display: flex;
  }

  .custom-golf-detail .custom-area-text {
    border-radius: var(--qc-radius-control, 8px);
    box-sizing: border-box;
    border: .21rem solid #ddd;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 18rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 2rem;
    display: flex;
  }

  .custom-golf-detail .custom-main-input-style {
    border-radius: var(--qc-radius-control, 8px);
    height: 12rem;
    padding: 5rem 1rem 1rem;
    font-size: max(12px, 2.4rem);
  }

  .custom-golf-detail .qa-submit-btn {
    border-left: .21rem solid #eee;
    padding: 3.8rem;
    font-size: max(12px, 2.8rem);
  }

  .custom-golf-detail .qa-number {
    margin: 0;
    font-size: max(12px, 2.7rem);
    position: absolute;
    left: 0;
  }

  .custom-golf-detail .qa-tag.normal-style {
    color: var(--bs-point);
    border-radius: var(--qc-radius-pill, 999px);
    border: .21rem solid var(--bs-point);
    background-color: #fff;
    width: fit-content;
    margin-right: 4rem;
    padding: 1rem 2rem .8rem;
    font-size: max(12px, 2.5rem);
  }

  .custom-golf-detail .qa-text {
    -webkit-line-clamp: 3;
    word-break: break-word;
    -webkit-box-orient: vertical;
    margin-bottom: 1rem;
    font-size: max(12px, 2.7rem);
    display: -webkit-box;
    overflow: hidden;
  }

  .custom-golf-detail .qa-meta {
    order: 3;
    margin-top: 1rem;
    font-size: max(12px, 2.5rem);
  }

  .custom-golf-detail .qa-tag {
    background-color: var(--bs-point);
    color: #fff;
    border-radius: var(--qc-radius-pill, 999px);
    order: 2;
    width: fit-content;
    margin-right: 4rem;
    padding: 1rem 2rem;
    font-size: max(12px, 2.5rem);
  }

  .custom-golf-detail .load-more {
    color: #000;
    border-radius: var(--qc-radius-pill, 999px);
    background-color: #fff;
    border: .21rem solid #000;
    width: 14rem;
    padding: .8rem 1.6rem .6rem 2rem;
    font-size: max(12px, 2.5rem);
    display: inline-block;
  }

  .custom-golf-detail .additional-info {
    border-radius: var(--qc-radius-control, 8px);
    border-bottom: .21rem solid #ddd;
    padding: 3rem 0 3rem 9.3rem;
  }

  .custom-golf-detail .additional-info p {
    font-size: max(12px, 2.7rem);
    line-height: 1.5;
  }

  .custom-golf-detail .pagination {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    margin: 8rem 0 24rem !important;
  }

  .custom-golf-detail .page-link {
    color: #333;
    border-radius: var(--qc-radius-control, 8px);
    text-align: center;
    border: .21rem solid #ddd;
    align-items: center;
    width: 6rem;
    height: 6rem;
    margin: 0 .5rem;
    padding: 1.2rem 2rem;
    text-decoration: none;
    transition: background-color .3s, color .3s;
    display: flex;
  }

  .custom-golf-detail .page-link.cus-padding {
    padding: 1.2rem 1.5rem;
  }

  .custom-golf-detail .page-link.cus-padding.ml {
    margin-left: 4rem;
  }

  .custom-golf-detail .page-link.cus-padding.mr {
    margin-right: 4rem;
  }

  .custom-golf-detail .calendar img {
    width: 1.6rem;
    height: 2.6rem;
  }

  .prd_list_pagination__btn {
    gap: 1rem;
    font-size: max(12px, 1.8rem);
  }

  .tour-main-page .sub_tour_section2 {
    padding-top: 8rem;
  }

  .tours-detail .rating-container {
    margin-bottom: 0;
  }

  .tours-detail .above-cus-content {
    flex-direction: unset;
    justify-content: space-between;
    align-items: center;
    margin-top: -5rem;
    display: flex;
  }

  .tours-detail .above-cus-content .list-icon {
    align-items: center;
    gap: 1.5rem;
    margin-left: auto;
    display: flex;
    position: relative;
  }

  .tours-detail .above-cus-content .list-icon img {
    margin-left: 1rem;
  }

  .content-sub-hotel-detail .title-sec3 {
    margin: 3.2rem 0;
  }

  .tours-detail.spa-detail .title-sec2 {
    margin: 3.2rem 0;
    font-size: max(12px, 2.8rem);
  }

  .thailand_hotel_list_top_ {
    flex-wrap: wrap;
    gap: 5rem 2rem;
    margin-top: 2.9rem;
    display: flex;
  }

  .thailand_hotel_custom_margin .prd_name {
    margin-top: 1.4rem;
  }

  .thailand_hotel_top_item_ {
    width: calc(50% - 1rem);
  }

  .sub_tour_section5_item {
    width: 32rem;
  }

  .best_tour_section5__hotel {
    gap: 5rem 2rem;
  }

  .most_searched_tab_2__prd_list {
    flex-wrap: wrap;
    gap: 2rem;
  }

  .sub_hotel_section7_product_item {
    width: calc(50% - 1rem);
  }

  .sub_hotel_section7_product_item__name {
    color: #252525;
    margin-top: 2.5rem;
    font-family: Pretendard;
    font-size: max(12px, 2.8rem);
    font-weight: normal;
  }

  .most_searched_tab_2__prd_list {
    gap: 2rem;
  }

  .content-sub-product-hotel .list-item-info .item-info .tab_box_show_ {
    margin: 1.2rem 0;
  }

  .content-sub-hotel-detail .main .nav-item {
    white-space: nowrap;
    font-size: max(12px, 3rem);
    position: relative;
  }

  .content-sub-hotel-detail .main .nav-item.active:after {
    content: "";
    border-radius: var(--qc-radius-section, 24px);
    background-color: var(--bs-point);
    width: 130%;
    height: .4rem;
    position: absolute;
    bottom: -113%;
    left: -.9rem;
  }

  .mt-20 {
    margin-top: 2rem;
  }

  .content-sub-hotel-detail .section4 .list-tag-sec4 {
    gap: unset;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 3rem;
  }

  .content-sub-hotel-detail .section4 .tag-container-item-sec4 {
    width: 50%;
    padding-right: 0;
  }

  .thailand_golf_list_item_ {
    width: calc(50% - 1.1rem);
  }

  .sub_tour_section7_product_item, .sub_tour_section7_product_item > .sub_gold_item {
    width: 50rem;
    display: block;
  }

  .content-sub-hotel-detail .discount {
    margin-bottom: .5rem;
    font-size: max(12px, 2.3rem);
    font-weight: bold;
  }

  .custom-golf-detail .list-select-element .item-select {
    flex-wrap: wrap;
    align-items: center;
    gap: 3rem;
    width: 100%;
    display: flex;
  }

  .section-wrap-s {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    padding-bottom: 2rem;
    display: flex;
  }

  .section-wrap-s .btn-s-wrap {
    align-items: center;
    gap: 2rem;
    width: 100%;
    display: flex;
  }

  .custom-golf-detail .section-wrap-s .btn-s-wrap .btn-price-content {
    width: calc(50% - 1rem);
    height: 8rem;
    font-size: max(12px, 2.8rem) !important;
  }

  .content-custom-table .content-item {
    flex-direction: column;
    gap: 5rem;
    padding: 3.2rem 0;
    display: flex;
  }

  .sub_section3__head {
    gap: 1rem;
  }

  .tour-main-page .sub_section3_swiper_pagination {
    display: none;
  }

  .spa-page-cus-css .prd_price_ko {
    width: 33rem;
  }

  .spa-page-cus-css .list-ticket-item {
    margin-bottom: 0;
  }

  .spa-page-cus-css .list-ticket-item .img_box {
    height: 34rem;
  }

  .custom-golf-detail .page-link.cus-padding img {
    width: 2.5rem;
    height: 2.7rem;
  }

  .calendar .header {
    margin-bottom: 3rem;
  }

  .content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item p {
    max-height: 11rem;
    font-size: max(12px, 2.4rem);
    line-height: 3.3rem;
  }

  .content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item button {
    margin-top: 2.4rem;
  }

  .custom-golf-detail .custom-area-text textarea::placeholder {
    font-size: max(12px, 2.6rem);
  }

  #popupRoom .slick-next, #popup_img .slick-next {
    background: url("/images/ico/btn_next.png") center / 6rem no-repeat;
    width: 6rem;
    height: 6rem;
  }

  #popupRoom .slick-prev, #popup_img .slick-prev {
    background: url("/images/ico/btn_prev.png") center / 6rem no-repeat;
    width: 6rem;
    height: 6rem;
  }

  #popupRoom .closed_btn, #popup_img .closed_btn {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 1.2rem;
    right: 2%;
  }

  #popupRoom .closed_btn, #popup_img .closed_btn img {
    width: 2.4rem;
    height: 2.5rem;
  }

  .custom-golf-detail .golf-table .rating-list img {
    width: 1.9rem;
    height: 1.8rem;
  }

  .content-sub-hotel-detail .location-container img {
    width: 2.2rem;
    height: 2.7rem;
  }

  .custom-golf-detail .calendar .calendar-swiper-container {
    padding: 2.7rem 1rem;
  }

  .custom-golf-detail .box-selecter .ic_item .title {
    color: #252525;
    width: 20rem;
    font-size: max(12px, 2.7rem);
    font-weight: bold;
  }

  .custom-golf-detail .tag-con-below-calendar .box-selecter {
    flex-direction: column;
    align-items: flex-start;
  }

  .custom-golf-detail .box-selecter .ic_item:first-of-type {
    flex-wrap: nowrap;
    gap: 0;
  }

  .custom-golf-detail .box-selecter .ic_item {
    width: unset;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    margin-bottom: 3rem;
    display: flex;
  }

  .custom-golf-detail .box-selecter .ic_item .flex__c {
    width: 100% !important;
  }

  .custom-golf-detail .box-selecter .ic_item .body-box .box p {
    font-size: max(12px, 2.6rem);
  }

  .custom-golf-detail .box-selecter .ic_item .body-box .box {
    border-radius: var(--qc-radius-control, 8px);
    border: .2rem solid #dbdbdb;
    min-width: 9rem;
    height: 7.5rem;
    font-size: max(12px, 2.6rem);
  }

  .custom-golf-detail .tag-con-below-calendar .ic_item select {
    width: 46rem !important;
  }

  .custom-golf-detail .flex-col-mo {
    flex-direction: column !important;
  }

  .custom-golf-detail .tag-con-below-calendar .item-tag.new select {
    width: 46rem !important;
  }

  .custom-golf-detail .box-selecter .titles {
    color: #252525;
    margin-bottom: 1.5rem;
    font-size: max(12px, 2.7rem);
    font-weight: bold;
  }

  .custom-golf-detail .qa-item {
    padding: 2.5rem 0;
  }

  .custom-golf-detail .qa-question {
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    padding-left: 5rem;
    display: flex;
    position: relative;
  }

  .custom-golf-detail .qa-question .con-cus-mo-qa {
    order: 1;
    width: 100%;
  }

  .custom-golf-detail .tag-con-below-calendar .item-tag.new {
    width: unset;
    flex-wrap: wrap;
    gap: 2rem;
  }

  .custom-golf-detail .body-box {
    gap: 1rem;
    width: calc(100% - 20rem);
  }

  .custom-golf-detail .box-selecter .ic_item .body-box {
    gap: 1rem;
  }

  .custom-golf-detail .box-selecter .ic_item .body-box .box {
    padding: 0 2rem;
  }

  .custom-golf-detail .tag-con-below-calendar .item-tag span.label {
    font-size: max(12px, 2.7rem);
    width: 20rem !important;
  }

  .custom-golf-detail .tag-con-below-calendar .item-tag .item-tag-select {
    width: 100%;
  }

  .custom-golf-detail .box-selecter .ic_item .item-select .label.first, .custom-golf-detail .box-selecter .ic_item .item-select.second .label {
    width: 20rem;
  }

  .content-sub-hotel-detail .book-button, .content-sub-hotel-detail .contact-button {
    background-color: var(--bs-point);
    color: #fff;
    border-radius: var(--qc-radius-control, 8px);
    min-width: 14rem;
    height: 6rem;
    padding: 1.2rem 1.5rem;
    width: 100% !important;
  }

  .bk-btn {
    cursor: pointer;
    border-radius: var(--qc-radius-xs, 4px) !important;
    width: 100% !important;
    min-width: 200px !important;
    height: 52px !important;
    margin-left: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  .bk-btn--line {
    color: #1a4bd0 !important;
    background: #fff !important;
    border: 1px solid #c7d2e8 !important;
  }

  .content-sub-hotel-detail .default-button {
    height: 6rem;
  }

  .content-sub-hotel-detail .book-button:disabled {
    padding: 1.2rem 1.5rem;
  }

  .content-sub-hotel-detail .book-add-cart {
    color: #000;
    border-radius: var(--qc-radius-control, 8px);
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    width: 100%;
    height: 6rem;
    margin-top: .2rem;
    padding: 1.2rem 1.5rem;
  }

  .content-sub-hotel-detail .section3 {
    margin-top: 48rem;
  }

  .content-sub-hotel-detail .room-details ul li {
    line-height: 4.5rem;
  }

  .content-sub-hotel-detail .room-details p:first-child {
    margin-bottom: 0;
  }

  .content-sub-hotel-detail .room-p-cus-1 {
    padding-bottom: 1.6rem;
  }

  .content-sub-hotel-detail .room-table th, .room-table td {
    padding: 1rem;
  }

  .content-sub-hotel-detail .room-table .room_qty p, .content-sub-hotel-detail .room-table .day_qty p {
    margin-bottom: 2rem;
  }

  .content-sub-hotel-detail .room-table .btnMinus, .content-sub-hotel-detail .room-table .btnPlus {
    width: 5rem;
    height: 6rem;
  }

  .content-sub-hotel-detail .room-table .input_room_qty, .content-sub-hotel-detail .room-table .input_day_qty {
    border-left: hidden;
    border-right: hidden;
    justify-content: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    padding: .5rem 1rem;
    display: flex;
  }

  .content-sub-hotel-detail .total {
    margin-bottom: .5rem;
  }

  .content-sub-hotel-detail .discount span.label {
    margin-bottom: 1rem;
    padding: .4rem;
    display: block;
  }

  .content-sub-hotel-detail .section3 .card-item-container {
    gap: 4rem;
  }

  .content-sub-hotel-detail .card-item-sec3 {
    border-radius: var(--qc-radius-card, 16px);
    margin-bottom: 3rem;
  }

  .custom-golf-detail .box-selecter .ic_item .body-box .box {
    width: 20rem;
  }

  .custom-golf-detail .box-selecter .select-more-body .item {
    width: 100%;
    height: unset;
    border-radius: var(--qc-radius-xs, 4px);
    border: 1px solid #dbdbdb;
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
    margin-bottom: 2rem;
    padding: 2rem 3rem;
    display: flex;
  }

  .custom-golf-detail .box-selecter .select-more-body .item .item_right, .custom-golf-detail .box-selecter .select-more-body .item .item_left {
    flex-direction: column;
    gap: 1rem;
  }

  .custom-golf-detail .box-selecter .select-more-body .item .item_left {
    align-items: start;
  }

  .custom-golf-detail .box-selecter .select-more-body .item .item_right select {
    border-radius: var(--qc-radius-xs, 4px);
    border: 1px solid #dbdbdb;
    height: 6rem;
    margin-left: 0;
    font-size: max(12px, 2.6rem);
    font-weight: 400;
    width: 20rem !important;
  }

  .custom-golf-detail .box-selecter .select-more-body .item .item_left .tit {
    color: #252525;
    margin-right: unset;
    font-size: max(12px, 2.6rem);
    font-weight: 400;
  }

  .custom-golf-detail .box-selecter .select-more-body .item .item_right .pri {
    color: #252525;
    font-size: max(12px, 2.8rem);
    font-weight: 600;
  }

  .custom-golf-detail .ul-html-content li {
    line-height: 3.5rem;
    list-style: decimal;
  }

  .custom-golf-detail .info-container span {
    width: 110px;
    line-height: 3.5rem;
    display: inline-block;
  }

  .travel-tips .sec_banner {
    margin-top: 3rem;
    margin-bottom: 9rem;
  }

  .travel-tips .sec_banner .wrap_banner img {
    width: 100%;
  }

  .travel-tips .sec_banner .text_banner {
    position: absolute;
    left: 3rem;
  }

  .travel-tips .sec_banner .text_banner span {
    margin-bottom: 1.6rem;
    font-size: max(12px, 3.6rem);
    font-weight: 700;
    display: block;
  }

  .travel-tips .sec_banner .text_banner p {
    font-size: max(12px, 2.8rem);
    font-weight: 400;
    line-height: 1.2;
  }

  .travel-tips .header_sec {
    align-items: center;
    gap: 4rem;
    margin-bottom: 4rem;
    display: flex;
    position: relative;
  }

  .travel-tips .header_sec .title_sec {
    font-size: max(12px, 3.8rem);
    font-weight: 700;
  }

  .travel-tips .header_sec .sub_title_sec {
    color: #757575;
    font-size: max(12px, 2.7rem);
  }

  .travel-tips .header_sec {
    flex-direction: column;
    align-items: start;
    gap: 1rem;
    margin-bottom: 4rem;
    display: flex;
    position: relative;
  }

  .travel-tips .header_sec .more_link {
    font-size: max(12px, 2.8rem);
    font-weight: 700;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }

  .travel-tips .content_sec .list_item .swiper-slide {
    width: auto;
    height: auto;
  }

  .travel-tips .sec_01 .content_sec .list_item .item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: auto;
    height: 22rem;
    display: block;
    position: relative;
  }

  .travel-tips .sec_01 .content_sec .list_item .item span {
    color: #252525;
    font-size: max(12px, 2.6rem);
    font-weight: 700;
    position: absolute;
    top: 4rem;
    left: 4rem;
  }

  .travel-tips .sec_01 .content_sec .list_item {
    border-radius: var(--qc-radius-xs, 4px);
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10rem;
    display: flex;
  }

  .travel-tips .tra_sec_02_swiper .swiper-slide {
    width: 100%;
    height: auto;
  }

  .travel-tips .tra_sec_02_swiper_item {
    border-radius: var(--qc-radius-section, 24px);
    width: 100%;
    height: 36rem;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .travel-tips .tra_sec_02_swiper_btn_next {
    background-image: url("/images/sub/tra-sec-02-btn-next.png");
    background-position: center;
    background-size: contain;
    width: 8rem;
    height: 8rem;
    right: 0;
  }

  .travel-tips .tra_sec_02_swiper_btn_prev {
    background-image: url("/images/sub/tra-sec-02-btn-prev.png");
    background-position: center;
    background-size: contain;
    width: 8rem;
    height: 8rem;
    right: 0;
  }

  .travel-tips .sec_02 .inner .content_sec {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 10rem;
  }

  .travel-tips .tra_sec_02_swiper ._text_box h5 {
    margin-bottom: 2rem;
    font-size: max(12px, 3.8rem);
    font-weight: 700;
  }

  .travel-tips .wrap_secs .inner {
    flex-direction: column;
    justify-content: space-between;
    gap: 10rem;
    padding-top: 10rem;
    display: flex;
  }

  .travel-tips .wrap_secs .list_travel_info .item img {
    object-fit: cover;
    width: 22rem;
    height: auto;
  }

  .travel-tips .wrap_secs .list_travel_info .item .bx_text {
    flex: 1;
    width: calc(100% - 25rem);
    max-width: calc(100% - 25rem);
  }

  .travel-tips .wrap_secs .list_travel_info .item .bx_text .desc {
    line-height: 1.5;
  }

  .travel-tips .wrap_secs .list_travel_info .item {
    border-bottom: 1px solid #dbdbdb;
    align-items: center;
    gap: 2.5rem;
    padding: 3rem 0 3rem 0;
    display: flex;
  }

  .travel-tips .wrap_secs .list_travel_info .item .head_text {
    color: #757575;
    margin-bottom: 1rem;
    font-size: max(12px, 2.5rem);
    display: block;
  }

  .travel-tips .wrap_secs .list_travel_info .item .title {
    color: #252525;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 1.5rem;
    font-size: max(12px, 2.8rem);
    font-weight: 500;
    overflow: hidden;
  }

  .travel-tips .wrap_secs .list_travel_info .item .desc .name, .travel-tips .wrap_secs .list_travel_info .item .desc .time {
    color: #757575;
    border-right: 1px solid #dbdbdb;
    margin-right: 2.5rem;
    padding-right: 2.5rem;
    font-size: max(12px, 2.5rem);
  }

  .travel-tips .wrap_secs .list_travel_info .item .desc .name {
    border-right: none;
  }

  .travel-tips .wrap_secs .list_travel_info .item .desc .view {
    color: #757575;
    font-size: max(12px, 2.5rem);
  }

  .travel-tips .sec_04 .list_travel_banner .item .bx_text {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 3rem;
    transform: translateY(-50%);
  }

  .travel-tips .sec_04 .list_travel_banner .item .bx_text .loca {
    border-radius: var(--qc-radius-xs, 4px);
    background-color: #0009;
    margin-bottom: 7rem;
    padding: 1.2rem 2.2rem;
    font-size: max(12px, 2.6rem);
    font-weight: 700;
    display: inline-block;
  }

  .travel-tips .sec_04 .list_travel_banner .item .bx_text .title {
    font-size: max(12px, 3.6rem);
    font-weight: 700;
  }

  .travel-tips .sec_04 .list_travel_banner .item img {
    width: 100%;
  }

  .travel-tips .sec_05 .header_sec .title_sec {
    text-align: left;
    width: 100%;
    font-size: max(12px, 3.8rem);
    font-weight: 700;
  }

  .travel-tips .sec_05 {
    background-color: #f7f7f7;
    padding-top: 7rem;
    padding-bottom: 15rem;
  }

  .travel-tips .tra_sec_02_swiper_pagination {
    position: unset;
    justify-content: center;
    padding: 2rem 0 0;
    display: flex;
  }

  .travel-tips .tra_sec_02_swiper_btn_next, .travel-tips .tra_sec_02_swiper_btn_prev {
    display: none;
  }

  .travel-tips .sec_05 .swiper-slide {
    width: 41rem;
  }

  .travel-tips .sec_05 .swiper-slide .item {
    width: 41rem;
    display: block;
  }

  .travel-tips .sec_05 .swiper-slide .item img {
    width: 100%;
    display: block;
  }

  .travel-tips .tra-sec-05-swiper-pagination {
    bottom: -7rem !important;
  }

  .travel-tips .sec_05 .header_sec {
    margin-bottom: 4rem;
  }

  .travel-tips .sec_05 .header_sec .more_link {
    margin-top: 0;
  }

  .travel-tips .sec_06 .swiper-slide {
    width: 48rem;
  }

  .travel-tips .sec_06 {
    padding: 5rem 0;
  }

  .travel-tips .sec_06 .list_travel_banner .item img {
    width: 100%;
  }

  .content-sub-hotel-detail .room-table thead, .content-sub-hotel-detail .room-table colgroup {
    display: none;
  }

  .content-sub-hotel-detail .room-table tr {
    border-top: .2rem solid #000;
    flex-wrap: wrap;
    padding: 2rem 1rem;
    display: flex;
  }

  .content-sub-hotel-detail .room-table tr td {
    border: unset;
    height: 100%;
    padding: .5rem;
  }

  .content-sub-hotel-detail .room-table tr td:first-of-type {
    order: 1;
    width: 100%;
  }

  .content-sub-hotel-detail .room-details {
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .content-sub-hotel-detail .room-table tr td:nth-of-type(2) {
    order: 1;
    width: 100%;
  }

  .content-sub-hotel-detail .room-table tr td:last-of-type {
    order: 3;
    width: 100%;
  }

  .content-sub-hotel-detail .room-table tr td:nth-of-type(2):before {
    content: "정원: ";
    color: #757575;
    font-size: max(12px, 2.4rem);
    font-weight: 700;
    display: none;
    position: absolute;
    left: 67%;
  }

  .content-sub-hotel-detail .people_qty {
    justify-content: flex-start;
    align-items: center;
    gap: .5rem;
    padding-left: 0;
    font-size: max(12px, 2.4rem);
    display: flex;
    text-align: left !important;
    text-align: end !important;
  }

  .content-sub-hotel-detail .room-details p:first-child {
    font-size: max(12px, 2.6rem);
  }

  .content-sub-hotel-detail .room-details ul {
    margin: .5rem 0 0;
    padding-left: 2rem;
  }

  .content-sub-hotel-detail .room-details ul li {
    line-height: 1.5rem;
    list-style-type: disc;
    gap: .5rem !important;
    font-size: max(12px, 2.4rem) !important;
  }

  .content-sub-hotel-detail .room-details ul li .view_promotion img {
    width: 2rem !important;
    margin-top: -.4rem !important;
  }

  .content-sub-hotel-detail .people_qty p {
    font-size: max(12px, 2.4rem) !important;
  }

  .content-sub-hotel-detail .people_qty > a {
    margin-left: auto;
    font-weight: 500;
    display: block;
    padding-top: 0 !important;
    font-size: max(12px, 2.4rem) !important;
  }

  .content-sub-hotel-detail .people_qty img {
    margin-right: 2rem;
    width: 2rem !important;
    margin-bottom: 0 !important;
  }

  .content-sub-hotel-detail .col_wrap_room_rates {
    padding-bottom: 2rem !important;
  }

  .content-sub-hotel-detail .wrap_btn_book {
    gap: 1.4rem !important;
  }

  .content-sub-hotel-detail .wrap_btn_book .wrap_btn_book_note {
    font-size: max(12px, 2.4rem) !important;
  }

  .content-sub-hotel-detail .wrap_bed_type {
    padding-top: 2.6rem !important;
  }

  .content-sub-hotel-detail .wrap_bed_type .tit {
    gap: .5rem !important;
    margin-bottom: 1rem !important;
  }

  .content-sub-hotel-detail .wrap_bed_type img {
    width: 2.2rem !important;
  }

  .content-sub-hotel-detail .wrap_bed_type .wrap_input_radio label {
    position: relative;
    margin-bottom: .5rem !important;
    padding-left: 6rem !important;
    font-size: max(12px, 3rem) !important;
  }

  .content-sub-hotel-detail .wrap_bed_type .wrap_input_radio label span {
    margin-left: 1rem;
    font-size: max(12px, 2.6rem);
  }

  .content-sub-hotel-detail .wrap_bed_type .wrap_input_radio label:before {
    content: "";
    position: absolute;
    left: 0;
    width: 2.4rem !important;
    height: 2.4rem !important;
    transform: unset !important;
    top: .2rem !important;
  }

  .content-sub-hotel-detail .wrap_bed_type .wrap_input_radio input[type="checkbox"]:checked + label:after {
    width: 1.6rem !important;
    height: 1.6rem !important;
    font-size: max(12px, 2rem) !important;
    top: 38% !important;
    left: .4rem !important;
  }

  .content-sub-hotel-detail .wrap_bed_type .wrap_input_radio input[type="radio"]:checked + label:after {
    min-width: 1.6rem;
    max-width: 1.6rem;
    width: 1.6rem !important;
    height: 1.6rem !important;
    transform: unset !important;
    font-size: max(12px, 2rem) !important;
    top: .55rem !important;
    left: .4rem !important;
  }

  .custom-golf-detail .qa-list .no-data {
    text-align: center;
    margin-top: 3rem;
  }

  .travel_info h2 {
    text-align: center;
    margin-bottom: 4.3rem;
    padding-top: 5.3rem;
    font-size: max(12px, 3.8rem);
    font-weight: 700;
  }

  .travel_info .list_tab_head .tab {
    color: #757575;
    border-radius: var(--qc-radius-pill, 999px);
    cursor: pointer;
    text-align: center;
    border: 1px solid #dbdbdb;
    min-width: auto;
    padding: 1.2rem 3.2rem;
    font-size: max(12px, 2.6rem);
    font-weight: 500;
  }

  .travel_info .list_tab_head {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    gap: 1rem;
    justify-content: unset;
    flex-wrap: nowrap;
    padding-bottom: 1.5rem;
    display: flex;
    overflow: auto hidden;
  }

  .travel_info .list_tab_head::-webkit-scrollbar {
    height: 6px;
  }

  .travel_info .list_tab_head::-webkit-scrollbar-thumb {
    border-radius: var(--qc-radius-control, 8px);
    background: #ccc;
  }

  .travel_info .list_tab_head::-webkit-scrollbar-track {
    background: none;
  }

  .travel_info .head_list_product {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 3rem;
    display: flex;
  }

  .travel_info .head_list_product .total_text {
    width: 41%;
    font-size: max(12px, 2.6rem);
    font-weight: 500;
  }

  .travel_info .head_list_product select {
    background-size: 2rem;
    border: 1px solid #dbdbdb;
    width: 49%;
    height: 8.8rem;
    margin-left: 0;
    padding: 0 2.5rem;
  }

  .theme_travel .head_list_product .wrap_select {
    gap: 2rem;
    width: 100%;
    display: flex;
  }

  .travel_info .head_list_product .input_search_box {
    margin-left: unset;
    flex: unset;
    border: 1px solid #dbdbdb;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 8.8rem;
    padding-right: 3rem;
    display: flex;
  }

  .travel_info .head_list_product .input_search_box img {
    cursor: pointer;
    width: 3.6rem;
  }

  .travel_info .list_product .item {
    border-bottom: 1px solid #dbdbdb;
    flex-direction: column;
    align-items: center;
    gap: 6rem;
    padding: 4.2rem 0;
    display: flex;
  }

  .travel_info .list_product .item .img {
    width: 100%;
  }

  .travel_info .list_product .item .tit {
    color: #757575;
    margin-bottom: 2rem;
    font-size: max(12px, 2.5rem);
    display: block;
  }

  .travel_info .list_product .item .name {
    margin-bottom: 3.5rem;
    font-size: max(12px, 3rem);
    font-weight: 500;
  }

  .travel_info .list_product .item .desc {
    background-color: #f7f7f7;
    margin-bottom: 3.3rem;
    padding: 2.8rem;
  }

  .travel_info .list_product .item .desc_inner {
    color: #5f5f5f;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: max(12px, 2.6rem);
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
  }

  .travel_info .list_product .item .info {
    color: #757575;
    font-size: max(12px, 2.6rem);
  }

  .travel_info .list_product .item .info .date {
    border-right: 1px solid #757575;
    padding-right: 1.8rem;
  }

  .travel_info .list_product .item .info .author {
    border-right: 1px solid #757575;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }

  .travel_info .list_product .item .info .view {
    padding-left: 1.8rem;
  }

  .hot_place .sec_banner {
    margin: 6.4rem 0 11rem;
    position: relative;
  }

  .hot_place .sec_banner img {
    width: 100%;
  }

  .hot_place .sec_banner .text_banner span {
    margin-bottom: 1.8rem;
    font-size: max(12px, 3.6rem);
    font-weight: 700;
    display: block;
  }

  .hot_place .sec_banner .text_banner p {
    font-size: max(12px, 2.8rem);
    font-weight: 400;
  }

  .hot_place .input_search_box {
    border: 1px solid #dbdbdb;
    justify-content: space-between;
    align-items: center;
    width: 44.5rem;
    height: 8.8rem;
    margin-bottom: 3rem;
    margin-left: auto;
    padding-right: 2.6rem;
    display: flex;
  }

  .hot_place .input_search_box img {
    width: 3.8rem;
  }

  .hot_place .list_place {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    flex-wrap: wrap;
    gap: 4.8rem;
    padding-top: 4rem;
    padding-bottom: 5.8rem;
    display: flex;
  }

  .hot_place .list_place .item {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .hot_place .input_search_box input {
    border: none;
    outline: none;
    height: 100%;
    font-size: max(12px, 2.6rem);
  }

  .hot_place .list_place .item .title {
    color: #757575;
    justify-content: space-between;
    align-items: center;
    margin-top: 3.2rem;
    font-size: max(12px, 2.5rem);
    display: flex;
  }

  .hot_place .list_place .item .title .star {
    color: #252525;
    align-items: center;
    gap: .8rem;
    font-size: max(12px, 2.6rem);
    display: flex;
  }

  .hot_place .list_place .item .title .star img {
    width: 2.1rem;
  }

  .hot_place .list_place .item .title span {
    align-items: center;
    gap: .8rem;
    display: flex;
  }

  .hot_place .list_place .item .img {
    width: 100%;
    height: unset;
  }

  .hot_place .list_place .item .name {
    margin-top: 2rem;
    font-size: max(12px, 3rem);
    font-weight: 600;
  }

  .hot_place .list_place .item .desc {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 3rem;
    font-size: max(12px, 2.6rem);
    font-weight: 400;
    line-height: 1.4;
    display: -webkit-box;
    overflow: hidden;
  }

  .hot_place .list_place .item .comt {
    color: #757575;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 2.6rem;
    font-size: max(12px, 2.6rem);
    font-weight: 400;
    overflow: hidden;
  }

  .hot_place .list_place .item .comt .acc {
    margin-right: 1.6rem;
    font-weight: 500;
  }

  .custom.pagination {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    margin: 5rem 0 15rem !important;
  }

  .custom .page-link {
    color: #333;
    border-radius: var(--qc-radius-xs, 4px);
    border: 1px solid #ddd;
    justify-content: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    margin: 0 .6rem;
    padding: 0;
    text-decoration: none;
    transition: background-color .3s, color .3s;
    display: flex;
  }

  .custom .page-link img {
    height: 2.3rem;
  }

  .travel_info .head_list_product .input_search_box input {
    border: none;
    outline: none;
    height: 100%;
    font-size: max(12px, 2.6rem);
  }

  .infographic .list_infographic {
    border-bottom: 1px solid #dbdbdb;
    flex-wrap: wrap;
    gap: 5.2rem 3.2rem;
    padding-bottom: 5.8rem;
    display: flex;
  }

  .infographic .list_infographic .item {
    width: calc(50% - 1.6rem);
    display: block;
    position: relative;
    overflow: hidden;
  }

  .infographic .list_infographic .item p {
    margin-top: 3.5rem;
    font-size: max(12px, 2.8rem);
    font-weight: 500;
  }

  .content-sub-hotel-detail .hotel-image-container .button-show-detail-image img {
    width: 5.8rem !important;
  }

  .theme_travel .list_product {
    border-bottom: 1px solid #dbdbdb;
    flex-wrap: wrap;
    gap: 5rem 2rem;
    padding-bottom: 7rem;
    display: flex;
  }

  .theme_travel .list_product .item_box {
    width: 100%;
  }

  .theme_travel .list_product .item_box .img {
    width: 100%;
    height: 50rem;
    position: relative;
  }

  .theme_travel .list_product .item_box .img .text {
    color: #fff;
    background-color: #00000067;
    align-items: center;
    gap: 1rem;
    height: 6rem;
    padding: 0 2rem;
    font-size: max(12px, 2.5rem);
    line-height: 6rem;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .theme_travel .list_product .item_box .img .text img {
    width: 1rem;
  }

  .theme_travel .list_product .item_box .title {
    color: #757575;
    align-items: center;
    gap: 1rem;
    margin-top: 3.4rem;
    margin-bottom: 2rem;
    font-size: max(12px, 2.5rem);
    display: flex;
  }

  .theme_travel .list_product .item_box .title img {
    width: 1.2rem;
  }

  .theme_travel .list_product .item_box .name {
    margin-bottom: 2rem;
    font-size: max(12px, 2.8rem);
    font-weight: 500;
  }

  .theme_travel .list_product .item_box .vote {
    align-items: center;
    gap: 1rem;
    font-size: max(12px, 2.6rem);
    display: flex;
  }

  .theme_travel .list_product .item_box .vote .star img {
    width: 3rem;
  }

  .theme_travel .list_product .item_box .vote span {
    border-left: 1px solid #dbdbdb;
    margin-left: 0;
    padding-left: 1rem;
    display: block;
  }

  .view_container .view_top_wrap {
    background: #efefef;
    border-top: 1px solid #666;
    border-bottom: 1px solid #e9e9e9;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    padding: 3rem;
    display: flex;
  }

  .view_container .view_top_wrap .view_top_ttl {
    font-size: max(12px, 2.8rem);
  }

  .monkey_theme li {
    justify-content: center;
    width: 100%;
    height: 50rem;
    display: flex;
    position: relative;
  }

  .theme_banner .desc {
    text-align: center;
    color: #fff;
    border-radius: var(--qc-radius-section, 24px);
    background: #fb2f2f;
    margin-top: 19rem;
    padding: .7rem 2.5rem;
    font-size: max(12px, 2.5rem);
    display: inline-block;
  }

  .theme_banner .subtitle {
    color: #fff;
    margin-top: 3rem;
    font-size: max(12px, 2.5rem);
    display: block;
  }

  .theme_banner .title {
    text-align: center;
    color: #fff;
    margin-top: 1rem;
    padding-bottom: 2rem;
    font-size: max(12px, 3.8rem);
    font-weight: 400;
    display: block;
  }

  .theme-section {
    border-bottom: 1px solid #dddddd7d;
    margin-bottom: 3rem;
  }

  .theme_head01.theme_top {
    align-items: center;
    width: 100%;
    height: 46rem;
    margin-bottom: 5rem;
    display: flex;
  }

  .theme_head01.theme_top:before {
    content: "";
    background: #00000070;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .theme_head01.theme_top .theme_headline {
    text-align: center;
    color: #fff;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .theme_head01.theme_top .theme_headline h3 {
    margin-top: 2rem;
    font-size: max(12px, 3rem);
    font-weight: 400;
    display: block;
  }

  .theme_head01.theme_top .theme_headline h1 {
    margin-top: 3.5rem;
    font-size: max(12px, 6rem);
    display: block;
  }

  .stfcomment {
    color: #2ab6ad;
    text-align: center;
    margin: 4rem 0;
    padding: 0 3rem;
    font-size: max(12px, 2.6rem);
    line-height: 1.4;
  }

  .theme_nbox {
    width: 100%;
    height: auto;
  }

  .theme_nbox .theme_no {
    text-align: center;
    justify-content: center;
    margin: 4.5rem 0;
    display: flex;
  }

  .theme_nbox .theme_no span {
    color: #fff;
    background: #ff6300;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 10rem;
    height: 10rem;
    font-size: max(12px, 2rem);
    display: flex;
  }

  .theme_nbox .theme_no span b {
    font-size: max(12px, 4rem);
    font-weight: 600;
    display: block;
  }

  .theme_nbox .box_top {
    width: 100%;
    height: unset;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
    display: flex;
    overflow: hidden;
  }

  .theme_nbox .box_top .imgbox {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    order: 1;
    width: 100%;
    height: 40rem;
    position: relative;
    overflow: hidden;
  }

  .theme_nbox .box_top .txtbox {
    width: 100%;
    height: unset;
    text-align: left;
    padding: 2rem 3rem;
  }

  .theme_nbox .box_top .txtbox .rating {
    background: url("/images/ico/spr_sub.webp") no-repeat;
    position: relative;
    top: -2px;
  }

  .theme_nbox .box_top .txtbox h3 {
    color: #555;
    padding-top: 2rem;
    font-size: max(12px, 3.1rem);
  }

  .theme_nbox .box_top .txtbox .txt {
    padding-top: 2rem;
    line-height: 1.4;
  }

  .theme_nbox .box_top .txtbox .detailbtn {
    border-radius: var(--qc-radius-pill, 999px);
    border: 1px solid #e8e8e8;
    margin-top: 3rem;
    padding: 1rem 2rem;
    display: inline-block;
  }

  .box_top.box_topleft .btnbox .detailbtn {
    float: left;
  }

  .theme_nbox .imgbox_bot {
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
    display: flex;
  }

  .theme_nbox .imgbox_bot span {
    width: 33.33%;
    height: 16rem;
    display: block;
    overflow: hidden;
  }

  .theme_nbox .imgbox_bot span img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 100%;
  }

  .theme_nbox .box_top .imgbox img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .theme_nbox a {
    color: #000;
    cursor: pointer;
    margin-bottom: 12rem;
    text-decoration: none;
    display: block;
  }

  .theme_nbox:last-child a {
    margin-bottom: 0;
  }

  .hoteltheme_main {
    flex-direction: column;
    justify-content: center;
    max-width: 1200px;
    margin: 10rem auto 8rem;
    display: flex;
    overflow: hidden;
  }

  .hoteltheme_main .head {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5rem;
    font-size: max(12px, 2.8rem);
    display: flex;
  }

  .hoteltheme_main .hotplace .loc_banner a .card span {
    color: #fff;
    border-bottom-left-radius: var(--qc-radius-card, 16px);
    border-bottom-right-radius: var(--qc-radius-card, 16px);
    background: #fb2f2f;
    padding: .8rem 1.5rem;
    position: absolute;
    top: 0;
  }

  .hoteltheme_main .hotplace .loc_banner a .card strong {
    padding-bottom: 1rem;
    font-size: max(12px, 2.8rem);
    display: block;
  }

  .hoteltheme_main .hotplace .loc_banner a .card p {
    opacity: .7;
    color: #fff;
    padding-right: 15px;
    font-size: max(12px, 2.4rem);
  }

  .hoteltheme_main .hotplace .loc_banner {
    width: calc(33.3333% - 13.3333px);
    height: 50rem;
    position: relative;
  }

  .hoteltheme_main .hotplace {
    height: unset;
    position: relative;
  }

  .hoteltheme_main .hotplace .loc_banner a .card {
    color: #fff;
    cursor: pointer;
    z-index: 9;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    padding: 0 0 6rem 4rem;
    display: flex;
    position: absolute;
    top: 0;
  }

  .cr_comment_list {
    width: 99%;
    min-height: unset;
    padding: 30px 5px;
  }

  .f_16 {
    font-size: max(12px, 2.6rem) !important;
  }

  #comment_wrap textarea {
    width: 86%;
    height: 13rem;
    resize: auto;
    border: 1px solid #e6e6e6;
    margin-right: 5px;
    padding: 1.2rem;
    font-size: max(12px, 2.5rem);
  }

  #comment_wrap textarea::placeholder {
    font-size: max(12px, 2.5rem);
  }

  .b_p3032 {
    padding: 3rem 3.2rem;
  }

  .sub_tour_section2 .sub_swiper2 .swiper-wrapper {
    justify-content: flex-start !important;
  }

  .custom_btn2 {
    border: 0;
    height: auto;
    font-size: max(12px, 2.6rem);
    overflow: visible;
    cursor: pointer !important;
    text-align: center !important;
    vertical-align: middle !important;
    outline: none !important;
    line-height: normal !important;
    text-decoration: none !important;
    display: inline-block !important;
  }

  .responsive-img:nth-of-type(n+2) {
    display: none;
  }

  .content-sub-product-hotel .form_element_.form_search_ {
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 20px;
  }

  .content-sub-product-hotel .form_element_.form_search_ .line_form {
    display: none;
  }

  .select_custom_sort {
    border-radius: var(--qc-radius-section, 24px);
    background: #fff url("/images/ico/select_ico.png") right 2rem center no-repeat;
    width: 75%;
    height: 6rem;
    margin-left: auto;
    font-size: max(12px, 2rem);
  }

  .form_element_.date_content {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .content-sub-product-hotel .product-card-item-container-list {
    flex-wrap: wrap;
    gap: 2rem;
    display: flex;
  }

  .content-sub-product-hotel .form_element_ .btn_search_mo {
    border-radius: var(--qc-radius-section, 24px);
    height: 6rem;
    margin-left: auto;
    line-height: 1;
    width: 20rem !important;
    padding: .875rem 1.25rem !important;
  }

  .opt_count_box {
    font-size: max(12px, 3.5rem);
  }

  .opt_count_box input[type="number"], .opt_count_box input[type="text"] {
    width: 2.5rem !important;
  }

  .content-sub-product-hotel .sub-hotel-container .category-left {
    margin-top: 0;
  }
}

.spinner {
  border: .25rem solid #0000001a;
  border-right-color: #0d6efd;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  animation: .75s linear infinite spinner-rotate;
  display: inline-block;
}

@keyframes spinner-rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.spinner-primary {
  border-right-color: #0d6efd;
}

.spinner-success {
  border-right-color: #198754;
}

.spinner-danger {
  border-right-color: #dc3545;
}

.spinner-warning {
  border-right-color: #ffc107;
}

.spinner-info {
  border-right-color: #0dcaf0;
}

.spinner-sm {
  border-width: .2rem;
  width: 1rem;
  height: 1rem;
}

.spinner-lg {
  border-width: .3rem;
  width: 3rem;
  height: 3rem;
}

.visually-hidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.spinner-grow {
  opacity: 0;
  background-color: #0d6efd;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  animation: .75s linear infinite spinner-grow;
  display: inline-block;
}

@keyframes spinner-grow {
  0% {
    opacity: 1;
    transform: scale(0);
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}

.spinner-dots {
  gap: .5rem;
  display: inline-flex;
}

.spinner-dots span {
  background-color: #0d6efd;
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
  animation: 1.4s ease-in-out infinite both spinner-dots-bounce;
}

.spinner-dots span:first-child {
  animation-delay: -.32s;
}

.spinner-dots span:nth-child(2) {
  animation-delay: -.16s;
}

@keyframes spinner-dots-bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

.trenvl-auto-slider {
  overflow: hidden;
}

.trenvl-auto-slider .swiper-slide {
  height: auto;
}

.trenvl-auto-slider .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}

.trenvl-auto-slider .swiper-slide p {
  margin: 0;
}

.public-site .find-auth-page {
  justify-content: center;
  align-items: center;
  min-height: 70vh;
  padding: 60px 16px;
  display: flex;
}

.public-site .find-auth-page .find-auth-wrap {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.public-site .find-auth-page .find-auth-card {
  border-radius: var(--qc-radius-card, 16px);
  background: #fff;
  border: 1px solid #eaedf2;
  padding: 36px 28px;
  box-shadow: 0 4px 24px #00000014;
}

.public-site .find-auth-page .find-auth-head {
  text-align: center;
  margin-bottom: 24px;
}

.public-site .find-auth-page .find-auth-head h2 {
  color: #111827;
  margin: 0;
  font-size: 24px;
  font-weight: 700;
}

.public-site .find-auth-page .find-auth-sub {
  color: #6b7280;
  margin-top: 6px;
  font-size: 14px;
}

.public-site .find-auth-page .find-auth-tabs {
  gap: 8px;
  margin-bottom: 24px;
  display: flex;
}

.public-site .find-auth-page .find-tab {
  border-radius: var(--qc-radius-control, 8px);
  color: #495057;
  cursor: pointer;
  background: #f1f3f5;
  border: 1px solid #dee2e6;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 46px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.public-site .find-auth-page .find-tab.on {
  color: #fff;
  background: #7236ff;
  border-color: #7236ff;
}

.public-site .find-auth-page .find-method-switch {
  gap: 8px;
  margin-bottom: 20px;
  display: flex;
}

.public-site .find-auth-page .find-method-btn {
  border-radius: var(--qc-radius-control, 8px);
  color: #4b5563;
  cursor: pointer;
  background: #fff;
  border: 1.5px solid #e2e8f0;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.public-site .find-auth-page .find-method-btn .dot {
  background: #fff;
  border: 2px solid #cbd5e1;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: inline-block;
}

.public-site .find-auth-page .find-method-btn.active {
  color: #7236ff;
  background: #f5f3ff;
  border-color: #7236ff;
  font-weight: 700;
}

.public-site .find-auth-page .find-method-btn.active .dot {
  background: #7236ff;
  border-color: #7236ff;
}

.public-site .find-auth-page .find-field {
  margin-bottom: 16px;
}

.public-site .find-auth-page .find-label {
  color: #374151;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
  display: block;
}

.public-site .find-auth-page .find-input, .public-site .find-auth-page .find-select {
  border-radius: var(--qc-radius-control, 8px);
  box-sizing: border-box;
  color: #111827;
  background-color: #fff;
  border: 1px solid #d1d5db;
  width: 100%;
  height: 44px;
  min-height: 44px;
  padding: 0 12px;
  font-size: 14px;
}

.public-site .find-auth-page .find-input:focus, .public-site .find-auth-page .find-select:focus {
  border-color: #7236ff;
  outline: none;
  box-shadow: 0 0 0 3px #7236ff1f;
}

.public-site .find-auth-page .country-select-wrap {
  margin-bottom: 8px;
}

.public-site .find-auth-page .phone-row {
  align-items: center;
  gap: 6px;
  display: flex;
}

.public-site .find-auth-page .phone-input {
  text-align: center;
  flex: 1;
  min-width: 0;
}

.public-site .find-auth-page .phone-sep, .public-site .find-auth-page .email-sep {
  color: #9ca3af;
  flex-shrink: 0;
  font-weight: 500;
}

.public-site .find-auth-page .email-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.public-site .find-auth-page .email-input {
  flex: 1;
  min-width: 90px;
}

.public-site .find-auth-page .email-select {
  flex-shrink: 0;
  width: 110px;
}

.public-site .find-auth-page .find-verify-btn {
  color: #fff;
  border-radius: var(--qc-radius-control, 8px);
  cursor: pointer;
  background: #1a1a2e;
  border: none;
  width: 100%;
  height: 44px;
  font-size: 14px;
  font-weight: 600;
  transition: background .2s;
}

.public-site .find-auth-page .find-verify-btn:hover:not(:disabled) {
  background: #272744;
}

.public-site .find-auth-page .find-submit-btn {
  color: #fff;
  border-radius: var(--qc-radius-control, 8px);
  cursor: pointer;
  background: #7236ff;
  border: none;
  width: 100%;
  height: 48px;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600;
  transition: background .2s;
}

.public-site .find-auth-page .find-submit-btn:hover:not(:disabled) {
  background: #5e22e5;
}

.public-site .find-auth-page .find-note {
  color: #868e96;
  text-align: center;
  margin-top: 16px;
  font-size: 13px;
}

.public-site .find-auth-page .find-done-box {
  text-align: center;
  padding: 24px 0 10px;
}

.public-site .find-auth-page .find-done-msg {
  color: #111827;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
}

.public-site .find-auth-page .find-login-btn {
  color: #fff;
  border-radius: var(--qc-radius-control, 8px);
  background: #7236ff;
  padding: 12px 36px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s;
  display: inline-block;
}

.public-site .find-auth-page .find-login-btn:hover {
  background: #5e22e5;
}

@media (width <= 480px) {
  .public-site .find-auth-page .find-auth-card {
    padding: 24px 16px;
  }

  .public-site .find-auth-page .find-auth-head h2 {
    font-size: 20px;
  }

  .public-site .find-auth-page .find-tab {
    height: 42px;
    font-size: 14px;
  }

  .public-site .find-auth-page .find-method-btn {
    padding: 0 6px;
    font-size: 13px;
  }
}

@media (width <= 320px) {
  .public-site .find-auth-page .find-method-switch {
    flex-direction: column;
  }

  .public-site .find-auth-page .email-row {
    flex-direction: column;
    align-items: stretch;
  }

  .public-site .find-auth-page .email-select {
    width: 100%;
  }

  .public-site .find-auth-page .email-sep {
    display: none;
  }
}

.public-site .ct-write-wrap {
  box-sizing: border-box;
  color: #333;
  max-width: 900px;
  margin: 40px auto 80px;
  padding: 0 20px;
  font-family: inherit;
}

.public-site .ct-write-wrap .ct-write-header {
  border-bottom: 2px solid #2563eb;
  margin-bottom: 30px;
  padding-bottom: 16px;
}

.public-site .ct-write-wrap .ct-write-title {
  color: #111827;
  margin: 0 0 8px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}

.public-site .ct-write-wrap .ct-write-desc {
  color: #6b7280;
  margin: 0;
  font-size: 15px;
}

.public-site .ct-write-wrap .ct-write-form {
  flex-direction: column;
  gap: 24px;
  display: flex;
}

.public-site .ct-write-wrap .ct-write-card {
  border-radius: var(--qc-radius-card, 16px);
  background: #fff;
  border: 1px solid #e5e7eb;
  padding: 24px 28px;
  box-shadow: 0 2px 6px #0000000a;
}

.public-site .ct-write-wrap .ct-card-title {
  color: #1f2937;
  border-bottom: 1px solid #f3f4f6;
  margin: 0 0 20px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

.public-site .ct-write-wrap .ct-grid-3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 16px;
  display: grid;
}

.public-site .ct-write-wrap .ct-grid-2 {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 16px;
  display: grid;
}

.public-site .ct-write-wrap .ct-field {
  margin-bottom: 16px;
}

.public-site .ct-write-wrap .ct-field:last-child {
  margin-bottom: 0;
}

.public-site .ct-write-wrap .ct-label {
  color: #374151;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.public-site .ct-write-wrap .ct-req {
  color: #c81e1e;
  font-weight: 600;
}

.public-site .ct-write-wrap .ct-input, .public-site .ct-write-wrap .ct-select, .public-site .ct-write-wrap .ct-textarea {
  box-sizing: border-box;
  border-radius: var(--qc-radius-xs, 4px);
  color: #111827;
  background-color: #fff;
  border: 1px solid #d1d5db;
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  transition: border-color .2s, box-shadow .2s;
}

.public-site .ct-write-wrap .ct-input:focus, .public-site .ct-write-wrap .ct-select:focus, .public-site .ct-write-wrap .ct-textarea:focus {
  border-color: #2563eb;
  outline: none;
  box-shadow: 0 0 0 3px #2563eb26;
}

.public-site .ct-write-wrap .ct-input-unit {
  align-items: center;
  display: flex;
  position: relative;
}

.public-site .ct-write-wrap .ct-input-unit .ct-input {
  padding-right: 32px;
}

.public-site .ct-write-wrap .ct-unit {
  color: #6b7280;
  pointer-events: none;
  font-size: 14px;
  position: absolute;
  right: 12px;
}

.public-site .ct-write-wrap .ct-phone-group, .public-site .ct-write-wrap .ct-email-group {
  align-items: center;
  gap: 8px;
  display: flex;
}

.public-site .ct-write-wrap .ct-phone-select {
  flex-shrink: 0;
  width: 100px;
}

.public-site .ct-write-wrap .ct-phone-input {
  text-align: center;
  flex-shrink: 0;
  width: 100px;
}

.public-site .ct-write-wrap .ct-email-prefix, .public-site .ct-write-wrap .ct-email-domain {
  flex: 1;
  min-width: 100px;
}

.public-site .ct-write-wrap .ct-email-select {
  flex-shrink: 0;
  width: 140px;
}

.public-site .ct-write-wrap .ct-sep {
  color: #9ca3af;
  font-weight: 500;
}

.public-site .ct-write-wrap .ct-textarea {
  resize: vertical;
  min-height: 90px;
}

.public-site .ct-write-wrap .ct-agree-row {
  border-radius: var(--qc-radius-control, 8px);
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  display: flex;
}

.public-site .ct-write-wrap .ct-checkbox {
  accent-color: #2563eb;
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.public-site .ct-write-wrap .ct-agree-label {
  color: #374151;
  cursor: pointer;
  font-size: 14px;
}

.public-site .ct-write-wrap .ct-btn-wrap {
  justify-content: center;
  margin-top: 10px;
  display: flex;
}

.public-site .ct-write-wrap .ct-submit-btn {
  border-radius: var(--qc-radius-control, 8px);
  cursor: pointer;
  background-color: #2563eb;
  border: none;
  min-width: 260px;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .2s, transform .1s;
  color: #fff !important;
}

.public-site .ct-write-wrap .ct-submit-btn:hover:not(:disabled) {
  background-color: #1d4ed8;
}

.public-site .ct-write-wrap .ct-submit-btn:active:not(:disabled) {
  transform: translateY(1px);
}

.public-site .ct-write-wrap .ct-submit-btn:disabled {
  cursor: not-allowed;
  background-color: #9ca3af;
}

@media (width <= 768px) {
  .public-site .ct-write-wrap {
    margin: 20px auto 40px;
    padding: 0 16px;
  }

  .public-site .ct-write-wrap .ct-write-title {
    font-size: 20px;
  }

  .public-site .ct-write-wrap .ct-write-desc {
    font-size: 13px;
  }

  .public-site .ct-write-wrap .ct-write-card {
    padding: 16px;
  }

  .public-site .ct-write-wrap .ct-grid-3, .public-site .ct-write-wrap .ct-grid-2 {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .public-site .ct-write-wrap .ct-phone-group {
    flex-wrap: wrap;
  }

  .public-site .ct-write-wrap .ct-phone-select {
    width: 70px;
  }

  .public-site .ct-write-wrap .ct-phone-input {
    flex: 1;
    min-width: 60px;
  }

  .public-site .ct-write-wrap .ct-email-group {
    flex-wrap: wrap;
  }

  .public-site .ct-write-wrap .ct-email-select, .public-site .ct-write-wrap .ct-submit-btn {
    width: 100%;
  }
}

.public-site .tour-main-page {
  overflow-x: hidden;
}

.public-site .tour-main-page .body_inner {
  margin: auto;
  padding: 0 16px;
  position: relative;
  overflow: hidden;
}

@media (width >= 1240px) {
  .public-site .tour-main-page .body_inner {
    padding: 0 calc(50% - 600px);
  }
}

@media (width >= 1380px) {
  .public-site .tour-main-page .sub_section3 .body_inner {
    overflow: visible !important;
  }
}

.public-site .tour-main-page .img_box {
  padding-top: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.public-site .tour-main-page .img_box > img, .public-site .tour-main-page .img_box__img {
  object-fit: cover;
  border-radius: var(--qc-radius-control, 8px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.public-site .tour-main-page .img_box_9 {
  padding-top: 63.6364%;
}

.public-site .tour-main-page .img_box_10 {
  padding-top: 73.5751%;
}

.public-site .tour-main-page .img_box_11 {
  padding-top: 12.5%;
}

.public-site .tour-main-page .img_box_12 {
  width: 100%;
  padding-top: 73.5751%;
}

.public-site .tour-main-page .img_box_13 {
  padding-top: 30.5085%;
}

.public-site .tour-main-page .sub_top_visual {
  background: linear-gradient(to top, #fff, #fff 66px, #f9f8d2 66px, #f9f8d2);
}

.public-site .tour-main-page .sub_tour {
  padding: 50px 35px 0;
  display: flex;
}

.public-site .tour-main-page .sub_tour_left {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.public-site .tour-main-page .sub_tour_left__top {
  display: inline-block;
  position: relative;
}

@media (width >= 851px) {
  .public-site .tour-main-page .sub_tour_left__top__text {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: 10px;
    right: 14px;
  }
}

.public-site .tour-main-page .sub_tour_left__ttl {
  color: #252525;
  margin-top: 25px;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.389;
}

.public-site .tour-main-page .sub_tour_left__sub {
  color: #252525;
  margin-top: 15px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.389;
}

.public-site .tour-main-page .sub_tour__left__more {
  color: #353535;
  margin-top: 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.444;
  text-decoration: none;
}

.public-site .tour-main-page .sub_tour__left__more:hover {
  color: #17469e;
}

.public-site .tour-main-page .sub_tour__left__bottom {
  z-index: 20;
  align-items: center;
  gap: 19px;
  margin: auto 0 0;
  padding: 30px 35px 20px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.public-site .tour-main-page .sub_tour__slide__scroll {
  background-color: #dbdbdb;
  width: auto;
  min-width: min(270px, 100%);
  height: 2px;
  position: relative;
  display: block !important;
}

.public-site .tour-main-page .sub_tour__slide__scroll .swiper-scrollbar-drag {
  border-radius: var(--qc-radius-xs, 4px);
  background: #000;
  height: 100%;
}

.public-site .tour-main-page .sub_tour__slide__paging {
  cursor: pointer;
  align-items: center;
  gap: 9px;
  display: flex;
}

.public-site .tour-main-page .sub_tour__slide__paging__prev, .public-site .tour-main-page .sub_tour__slide__paging__next {
  cursor: pointer;
}

.public-site .tour-main-page .sub_tour__slide__paging__divider {
  background-color: #dbdbdb;
  width: 1px;
  height: 12px;
}

.public-site .tour-main-page .sub_tour_right {
  width: 660px;
}

.public-site .tour-main-page .main_category {
  margin-top: 30px;
  margin-bottom: 30px;
}

.public-site .tour-main-page .main_category ul {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  display: flex;
}

.public-site .tour-main-page .main_category ul li a {
  border-radius: var(--qc-radius-section, 24px);
  background-color: #fff;
  border: 1px solid #e5e5e5;
  align-items: center;
  gap: 0 10px;
  height: 55px;
  padding: 0 24px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.public-site .tour-main-page .main_category ul li a:hover {
  background-color: #f4f8ff;
  border-color: #2b78e4;
}

.public-site .tour-main-page .main_category ul li a p {
  color: #333;
  margin: 0;
  font-size: 16px;
  transition: all .2s;
}

.public-site .tour-main-page .main_category ul li a:hover p {
  color: #2b78e4;
}

@media (width >= 851px) {
  .public-site .tour-main-page .main_category.swiper {
    overflow: visible;
  }

  .public-site .tour-main-page .main_category .swiper-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    display: flex;
    width: auto !important;
    transform: none !important;
  }

  .public-site .tour-main-page .main_category .swiper-slide {
    width: auto !important;
    margin-right: 0 !important;
  }
}

.public-site .tour-main-page .sub_section3 {
  padding: 0;
}

.public-site .tour-main-page .sub_section3__head {
  justify-content: center;
  gap: 10px;
  padding: 80px 0 0;
  display: flex;
}

.public-site .tour-main-page .sub_section3__head__ttl {
  color: #252525;
  font-size: 24px;
  font-weight: bold;
}

.public-site .tour-main-page .sub_section3_swiper {
  overflow: hidden;
  padding: 30px 0 0 !important;
}

.public-site .tour-main-page .sub_section3_swiper_pagination {
  justify-content: center;
  gap: 8px;
  padding: 20px 0 0;
  display: flex;
}

.public-site .tour-main-page .sub_section3_swiper_pagination .swiper-pagination-bullet {
  opacity: 1;
  cursor: pointer;
  background-color: #dbdbdb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.public-site .tour-main-page .sub_section3_swiper_pagination .swiper-pagination-bullet-active {
  background-color: #17469e !important;
}

.public-site .tour-main-page .sub_section3 .swiper-button-prev:after, .public-site .tour-main-page .sub_section3 .swiper-button-next:after {
  display: none;
}

.public-site .tour-main-page .sub_section3 .swiper_btn_sec3 {
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 10;
  cursor: pointer;
  background-color: #fffc;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
}

.public-site .tour-main-page .sub_section3 .sub_section3_swiper_btn_next {
  right: -70px;
}

.public-site .tour-main-page .sub_section3 .sub_section3_swiper_btn_prev {
  left: -70px;
}

@media (width <= 1380px) {
  .public-site .tour-main-page .sub_section3 .sub_section3_swiper_btn_next {
    right: 10px;
  }

  .public-site .tour-main-page .sub_section3 .sub_section3_swiper_btn_prev {
    left: 10px;
  }
}

@media (width <= 850px) {
  .public-site .tour-main-page .sub_section3 .sub_section3_swiper_btn_next, .public-site .tour-main-page .sub_section3 .sub_section3_swiper_btn_prev {
    display: none !important;
  }
}

.public-site .tour-main-page .banner_section_main_page .banner_section_image {
  border-radius: var(--qc-radius-card, 16px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.public-site .tour-main-page .banner_section_main_page .box-text {
  position: absolute;
  top: 45px;
  left: 120px;
}

.public-site .tour-main-page .banner_section_main_page .box-text .title-box {
  color: #fff;
  margin-bottom: 16px;
  font-size: 26px;
  font-weight: 700;
}

.public-site .tour-main-page .banner_section_main_page .box-text .des-box {
  color: #fffc;
  font-size: 18px;
  font-weight: 300;
}

.public-site .tour-main-page .sub_tour_section5 {
  padding: 70px 0 0;
}

.public-site .tour-main-page .sub_tour_section5__head_ttl {
  color: #252525;
  font-size: 24px;
  font-weight: bold;
  line-height: .929;
}

.public-site .tour-main-page .tour__head__tabs1__tabs {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fafafa;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.public-site .tour-main-page .tour__head__tabs1__tab {
  color: #999;
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 50px;
  font-size: 18px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.public-site .tour-main-page .tour__head__tabs1__tab.active {
  border-radius: var(--qc-radius-xs, 4px);
  font-weight: 700;
  position: relative;
  box-shadow: 0 16px 13px #17469e2e;
  color: #fff !important;
  background-color: #17469e !important;
}

.public-site .tour-main-page .tour__head__tabs1__tab.active:after {
  content: "";
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 1;
  background-color: #17469e;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -6px;
  transform: rotate(45deg);
}

.public-site .tour-main-page .sub_tour_section5__head__tabs2 {
  justify-content: space-between;
  align-items: center;
  margin-top: 39px;
  display: flex;
}

.public-site .tour-main-page .tour__head__tabs2__tabs {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.public-site .tour-main-page .tour__head__tabs2__tab {
  color: #757575;
  border-radius: var(--qc-radius-card, 16px);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  height: 34px;
  padding: 0 18px;
  font-size: 16px;
  text-decoration: none;
  transition: all .2s;
  display: inline-flex;
}

.public-site .tour-main-page .tour__head__tabs2__tab.active {
  font-weight: 600;
  color: #17469e !important;
  border-color: #17469e !important;
}

.public-site .tour-main-page .sub_tour_section5__prd_list {
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 29px;
  display: flex;
}

.public-site .tour-main-page .sub_tour_section5_item {
  width: calc(25% - 15px);
  color: inherit;
  text-decoration: none;
  display: block;
  position: relative;
}

.public-site .tour-main-page .prd_list_pagination {
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.public-site .tour-main-page .prd_list_pagination__btn {
  border-radius: var(--qc-radius-section, 24px);
  color: #252525;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 282px;
  height: 64px;
  margin: auto;
  font-size: 18px;
  transition: all .2s;
  display: flex;
}

.public-site .tour-main-page .prd_list_pagination__btn:hover {
  color: #17469e;
  border-color: #17469e;
}

.public-site .tour-main-page .prd_list_pagination__btn__pages {
  color: #ccc;
  font-weight: 500;
}

.public-site .tour-main-page .prd_list_pagination__btn__current {
  color: #353535;
}

.public-site .tour-main-page .sub_tour_section6 {
  padding: 50px 0 0;
}

.public-site .tour-main-page .sub_tour_section6__head_ttl {
  color: #252525;
  font-size: 24px;
  font-weight: bold;
}

.public-site .tour-main-page .sub_tour_section6__head__tabs {
  border-bottom: 2px solid #000;
  margin-top: 30px;
  display: flex;
  position: relative;
  overflow-x: auto;
}

.public-site .tour-main-page .sub_tour_section6__head__tabs__tab {
  color: #999;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 54px;
  padding: 0 35px;
  font-size: 18px;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.public-site .tour-main-page .sub_tour_section6__head__tabs__tab:after {
  content: "";
  z-index: -1;
  background: url("/images/sub/tab_bg_1.png") 0 / 100% 100% no-repeat;
  width: calc(100% + 15px);
  height: 100%;
  position: absolute;
  left: 0;
}

.public-site .tour-main-page .sub_tour_section6__head__tabs__tab.active {
  z-index: 12;
  font-weight: 700;
  color: #252525 !important;
}

.public-site .tour-main-page .sub_tour_section6__head__tabs__tab.active:after {
  background: url("/images/sub/tab_bg_1_active.png") 0 / 100% 100% no-repeat;
}

.public-site .tour-main-page .sub_tour_section6_product_list {
  flex-wrap: wrap;
  gap: 50px 20px;
  margin-top: 29px;
  display: flex;
}

.public-site .tour-main-page .sub_tour_section7 {
  padding: 60px 0 0;
}

.public-site .tour-main-page .sub_tour_section7__head_ttl {
  color: #252525;
  font-size: 24px;
  font-weight: bold;
}

.public-site .tour-main-page .sub_tour_section7_product_list.swiper {
  margin-top: 20px;
  overflow: hidden;
}

.public-site .tour-main-page .sub_tour_section7_product_list .swiper-wrapper {
  flex-wrap: nowrap;
  display: flex;
}

.public-site .tour-main-page .sub_tour_section7_product_item.spe {
  width: 100%;
  color: inherit;
  text-decoration: none;
  display: block;
  position: relative;
}

.public-site .tour-main-page .sub_tour_section7_product_item__name {
  color: #252525;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.public-site .tour-main-page .sub_tour_section7_product_item__keywords {
  color: #757575;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.public-site .tour-main-page .sub_tour_section8 {
  padding: 80px 0 140px;
}

.public-site .tour-main-page .sub_tour_section8__banners {
  flex-wrap: wrap;
  gap: 20px;
  display: flex;
}

.public-site .tour-main-page .sub_tour_section8__banner {
  width: calc(50% - 10px);
}

.public-site .tour-main-page .sub_tour_section8__banner a {
  text-decoration: none;
  display: block;
}

.public-site .tour-main-page .product-card-label-list {
  z-index: 2;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 3px;
  display: flex;
  position: absolute;
  top: 10px;
  right: 10px;
}

.public-site .tour-main-page .product-card-label-list .product-card-label {
  color: #fff;
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
  font-size: 14px;
  display: flex;
}

.public-site .tour-main-page .prd_name {
  color: #252525;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.333;
  display: -webkit-box;
  overflow: hidden;
}

.public-site .tour-main-page .prd_keywords {
  color: #757575;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.429;
}

.public-site .tour-main-page .text-ellipsis-2, .public-site .tour-main-page .prd_keywords span {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.public-site .tour-main-page .prd_info {
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.public-site .tour-main-page .emo_social {
  align-items: center;
  gap: 12px;
  display: flex;
}

.public-site .tour-main-page .emo_social .social {
  align-items: center;
  gap: 5px;
  display: flex;
}

.public-site .tour-main-page .emo_social .social svg {
  color: #adb5bd;
  width: 16px;
  height: 16px;
}

.public-site .tour-main-page .emo_social .social p {
  color: #adb5bd;
  margin: 0;
  font-size: 14px;
}

.public-site .tour-main-page .prd_price_ko {
  color: #17469e;
  margin-top: 12px;
  font-size: 18px;
  font-weight: 800;
}

.public-site .tour-main-page .prd_price_ko span {
  color: #252525;
  font-size: 14px;
  font-weight: 500;
}

.public-site .tour-main-page .prd_price_ko .prd_price_thai {
  color: #757575;
  margin-left: 6px;
  font-size: 15px;
  font-weight: 500;
}

.public-site .tour-main-page .prd_price_ko .prd_price_thai span {
  color: #757575;
  font-size: 14px;
  font-weight: 500;
}

@media screen and (width <= 850px) {
  .public-site .tour-main-page .body_inner, .public-site .tour-main-page .body_inner {
    padding: 0 16px !important;
  }

  .public-site .tour-main-page .sub_tour_left__top__text {
    color: #fff;
    font-size: max(12px, 2.6rem);
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: .8rem;
    right: 4.9rem;
  }

  .public-site .tour-main-page .sub_tour {
    flex-direction: column;
    padding: 24px 0 0;
  }

  .public-site .tour-main-page .sub_tour_right {
    width: 100%;
    margin-top: 20px;
  }

  .public-site .tour-main-page .sub_tour__left__bottom {
    padding: 15px 0 0;
    position: relative;
  }

  .public-site .tour-main-page .sub_tour_section5_item {
    width: calc(50% - 10px);
  }

  .public-site .tour-main-page .main_category {
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 0 16px !important;
    overflow-x: auto !important;
  }

  .public-site .tour-main-page .main_category::-webkit-scrollbar {
    display: none !important;
  }

  .public-site .tour-main-page .main_category .swiper-wrapper {
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: max-content !important;
    min-width: 100% !important;
    padding-bottom: 6px !important;
    display: flex !important;
  }

  .public-site .tour-main-page .main_category .swiper-slide {
    flex-shrink: 0 !important;
    width: auto !important;
  }

  .public-site .tour-main-page .main_category ul li a {
    white-space: nowrap !important;
  }

  .public-site .tour-main-page .tour__head__tabs2__tabs {
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    padding-bottom: 6px !important;
    overflow-x: auto !important;
  }

  .public-site .tour-main-page .tour__head__tabs2__tabs::-webkit-scrollbar {
    display: none !important;
  }

  .public-site .tour-main-page .tour__head__tabs2__tab {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  .public-site .tour-main-page .sub_tour_section6__head__tabs {
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
  }

  .public-site .tour-main-page .sub_tour_section6__head__tabs::-webkit-scrollbar {
    display: none !important;
  }

  .public-site .tour-main-page .sub_tour_section6__head__tabs__tab {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  .public-site .tour-main-page .sub_tour_section8__banner {
    width: 100%;
  }

  .public-site .tour-main-page .banner_section_main_page {
    margin-top: 2rem;
  }

  .public-site .tour-main-page .banner_section_main_page .banner_section_image {
    height: 120px;
  }

  .public-site .tour-main-page .banner_section_main_page .box-text {
    top: 25px;
    left: 20px;
  }

  .public-site .tour-main-page .banner_section_main_page .box-text .title-box {
    margin-bottom: 8px;
    font-size: 20px;
  }

  .public-site .tour-main-page .banner_section_main_page .box-text .des-box {
    font-size: 14px;
  }
}

.public-site {
  --qc-muted: #595f69;
  --qc-radius-xs: 4px;
  --qc-radius-control: 8px;
  --qc-radius-card: 16px;
  --qc-radius-section: 24px;
  --qc-radius-pill: 999px;
}

.public-site :is(.cart-badge.cart_count, .mypage_gnb_menu .badge), .public-site #header .badge {
  font-size: 12px !important;
}

.public-site .auth-page-v2 .auth-social-btn {
  border-radius: var(--qc-radius-control) !important;
}

.public-site #page-content .write_sect :is(.cf-human-brand, .cf-human-sub) {
  font-size: 12px !important;
}

.public-site #page-content .write_sect .bs-input-radio label {
  color: #595f69;
}

.public-site #btn-partner {
  color: #fff;
  background-color: #1762a3;
}

.public-site #page-content :is(.tr-lang-code, .tr-collab-logo.t) {
  color: #007d60;
}

.public-site #page-content :is(.tr-lang-name, .review-rating) {
  color: #595f69;
}

.public-site #page-content .booking_product .note p > span {
  color: #b91c1c;
}

.public-site :is(#mo-lang-select, .langSelect) {
  border-radius: var(--qc-radius-control) !important;
}

.public-site #page-content :is(.pj-step-text, .pj-required, .pj-optional, .ko_m_price.y_price) {
  font-size: 12px !important;
}

.public-site #page-content .pj-required {
  color: #b91c1c !important;
}

.public-site #page-content :is(.prd_no_price, .magazines_list__item_desc_, .magazines_list__item_desc_ .view_, .titles, .total_list, .total_list > span) {
  color: #595f69 !important;
}

.public-site #page-content .cp_logo {
  color: #fff !important;
  background: #1762a3 !important;
}

.public-site #page-content .info_payment .tag p {
  color: #985000 !important;
}

.public-site #page-content .bk-field__label, .public-site #page-content .mypage_cash .search_btn, .public-site #page-content .btn_search_mo, .public-site #page-content .view_info_company a {
  font-size: 14px !important;
}

.public-site #page-content .tours-detail .rating-container strong {
  color: #925600;
}

.public-site #page-content .travel_info_detail :is(th, td, p) {
  font-size: 14px;
}

.public-site #page-content .travel_info_detail .top_ttl {
  font-size: 18px;
}

.public-site #page-content .travel_info_detail .title {
  font-size: 16px;
}

.public-site #page-content .cate-link .msg_title {
  color: #17469e;
}

.public-site #page-content .sec_search :is(input:not([type="hidden"]), select) {
  height: 44px;
  min-height: 44px;
}

.public-site #page-content #icon_search_ {
  box-sizing: content-box;
  min-width: 16px;
  min-height: 16px;
  padding: 8px;
}

.public-site #page-content .mice-page a p, .public-site #page-content a[aria-label="Venue Arrangement"] p, .public-site #page-content a[aria-label="Corporate Relations"] p, .public-site #page-content a[aria-label="Leisure Tour Services"] p, .public-site #page-content a[aria-label="Translation"] p {
  color: #595f69;
}

.public-site #page-content .theme_boxinfo .desc {
  color: #fff;
  background: #b91c1c;
}

.public-site #page-content .magazines_list__item_desc_ {
  opacity: 1;
}

.public-site #page-content .mypage_container li a[href="#!"] {
  color: #595f69;
}

.public-site #page-content .total, .public-site #page-content .cate-link .msg_title, .public-site #page-content .pj-btn[aria-disabled="true"], .public-site #page-content .pj-btn:disabled, .public-site #page-content .section_4 a p {
  color: #595f69 !important;
}

.public-site #page-content .mh-gradient, .public-site #page-content .swiper_banner_item .message {
  background: #0009;
}

.public-site #page-content .mh-text :is(.mh-title, .mh-subtitle, .mh-desc) {
  color: #fff;
}

.public-site #page-content .join_form :is(input.bs-input, input.s_input, select.bs-select, select.s_input, .cling-btn, button[type="submit"], .cta_btn), .public-site #page-content .user_mange form :is(input, select), .public-site #page-content .qna-v2 :is(.qna-input, .qna-select) {
  box-sizing: border-box;
  min-height: 48px;
  height: 48px !important;
}

.public-site #agree-join-wrap .pj-btn:not(.pj-active) {
  color: #595f69;
}

.public-site #page-content .pj-btn:not(.pj-active) {
  color: #595f69 !important;
}

.public-site #page-content .view_detail .golf-table :is(td, th) {
  font-size: 14px;
}

.public-site #page-content :is(.auth-subtitle, .auth-bottom-note, .find-note, .price-note, .qna-v2__counter, .qna-v2__head > p, .qna-v2 .opt, .prd_no_price, .magazines_list__item_desc_) {
  color: var(--qc-muted);
}

.public-site #page-content .snb ul li a {
  color: #595959;
}

.public-site #page-content .snb ul li.on a, .public-site #page-content .snb ul li a.on {
  color: #17469e;
}

.public-site #page-content :is(.red, .tag.req, .qna-v2 .req) {
  color: #bd2828;
}

.public-site .pj-required {
  color: #b91c1c;
}

.public-site :is(.pj-step-text, .pj-required, .pj-optional, .kgoods-stat, .kgoods-category, .kgoods-header-text > p, .ko_m_price.y_price) {
  font-size: 12px;
}

.public-site .kgoods-category, .public-site .kgoods-header-text > p {
  color: var(--qc-muted);
}

.public-site .kgoods-description {
  color: #727579;
}

.public-site .kgoods-header-text .link_login {
  font-size: 12px;
}

.public-site .main_section3__place_btn:not(.on) {
  color: #595f69;
}

.public-site .community_mobile_tab.active {
  color: #fff;
  background: #17469e;
}

.public-site .mypage_container :is(.titles, .total, .total_list, .text-gray), .public-site .mypage_container .slide_tab a, .public-site .mypage_container h2 > p {
  color: #595959;
}

.public-site .mypage_container .info_payment .tag p {
  color: #985000 !important;
}

.public-site .mypage_container .total > span {
  color: #bd2828 !important;
}

.public-site .mypage_container .cp_logo {
  color: #fff;
  background: #1762a3;
}

.public-site #page-content .tr-section-title .green, .public-site #page-content .tr-about-head .green {
  color: #067a5a;
}

.public-site #page-content :is(.tr-price-panel-sub, .tr-price-period) {
  color: #596474;
}

.public-site #page-content .tr-price-card-desc {
  color: #1d4ed8;
}

.public-site #page-content .tr-price-best {
  color: #fff;
  background: #1d4ed8;
}

.public-site #page-content .tr-pship-num {
  color: #067a5a;
  opacity: 1;
}

.public-site #page-content .tr-price-btn.featured-btn {
  color: #fff;
  background: #1d4ed8;
}

.public-site #page-content .tour__head__tabs1__tab {
  border-radius: var(--qc-radius-control);
  color: #595959;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  display: inline-flex;
}

.public-site #page-content .tour__head__tabs1__tab.active {
  color: #17469e;
}

.public-site #page-content :is(.sub_tour__slide__paging__prev, .sub_tour__slide__paging__next) {
  box-sizing: content-box;
  padding: 14px;
}

.public-site #page-content :is(.tr-footer-brand-sub, .tr-footer-copy, .tr-footer-link-group h4, .tr-footer-link-group span) {
  color: #b4becd;
}

.public-site #page-content .cta-section > .container > p {
  color: #fff;
}

.public-site #page-content .map_info {
  color: #fff;
  background-color: #8a682d;
}

.public-site #page-content .map_info :is(p, .heading) {
  color: #fff;
}

.public-site #page-content .contact_11_download {
  color: #fff;
  background: #1762a3;
}

.public-site #page-content .contact_11_items a p {
  color: #595f69;
}

.public-site #page-content .theme_boxinfo {
  background: #b91c1c;
}

.public-site #page-content .theme_boxinfo :is(.title, .desc) {
  color: #fff;
}

.public-site .ticket-s-i.searchBtn {
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 8px;
  display: inline-flex;
}

.public-site #page-content .ticket_filter .search_wrap, .public-site #page-content form:has( > .ticket-s-i.searchBtn) {
  align-items: center;
  display: flex;
}

.public-site #page-content form:has( > .ticket-s-i.searchBtn) > input {
  flex: 1;
  min-width: 0;
  height: 44px;
}

.public-site #page-content .ticket-tool-r .ticket-s-i.searchBtn {
  height: 44px;
  top: 0;
  bottom: auto;
}

.public-site #page-content .ticket-tool-r input {
  box-sizing: border-box;
  min-height: 44px;
  max-height: 44px;
  height: 44px !important;
}

.public-site #page-content .completed-order-page .img-con img {
  aspect-ratio: 286 / 434;
  width: 286px;
  max-width: 100%;
  height: auto;
}

.public-site #page-content .tour-main-page .tour__head__tabs1__tab {
  border-radius: var(--qc-radius-xs);
}

.public-site .ct-write-wrap :is(.ct-input, .ct-select), .public-site #page-content .btn-wrap :is(.btn, button), .public-site #page-content .qna-v2 :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select) {
  min-height: 44px;
}

.public-site .mypage_cash .calcc_box {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.public-site .mypage_cash :is(.sarh01, .sarh02) {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: auto;
  display: flex;
}

.public-site .mypage_cash .sabtn_wrap {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.public-site .mypage_cash .sabtn_wrap .contact_btn {
  border-radius: var(--qc-radius-control);
  width: auto;
  min-width: 64px;
  height: 44px;
  padding: 0 12px;
  font-size: 14px;
}

.public-site .mypage_cash .date_box {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.public-site .mypage_cash .datepick_box {
  flex: 1;
  width: auto;
  min-width: 130px;
}

.public-site .mypage_cash :is(input, select, .search_btn) {
  box-sizing: border-box;
  border-radius: var(--qc-radius-control);
  min-height: 44px;
  font-size: 14px;
}

.public-site .mypage_cash .datepick_box input {
  width: 100%;
  padding: 0 8px;
}

.public-site .mypage_cash .sarh02 :is(input, select) {
  flex: 1;
  width: auto;
  min-width: 120px;
  max-width: 100%;
}

.public-site .mypage_cash .search_btn {
  width: auto;
  min-width: 80px;
  padding: 0 12px;
}

.public-site .mypage_cash :is(.cal_list span, .sale-calculate-note) {
  font-size: 14px;
  line-height: 1.6;
}

.public-site .mypage_cash .mp_ttl {
  font-size: 22px;
}

.public-site .sale-calculate-note {
  color: #595f69;
  padding: 12px 0;
}

.public-site .mypage_cash .cal_list li {
  padding: 8px;
}

.public-site .mypage_cash :is(button, input, select):disabled {
  opacity: 1;
  color: #595f69;
  cursor: not-allowed;
  background: #eef0f3;
}

@media (width <= 850px) {
  .public-site #page-content .write_sect :is(input.bs-input, select.bs-input, select.bs-select) {
    min-height: 44px;
  }

  .public-site #page-content .join_form .button-row > input {
    flex-basis: auto;
  }

  .public-site #page-content .btn_report {
    min-width: 32px;
    min-height: 32px;
  }

  .public-site #page-content :is(.tr-cta-contact a, .auth-inline-link, .auth-page-v2 a[href="/member/join_choice"], .btn_payment, .now_tab_text, .info_reservation.btn_info) {
    align-items: center;
    min-width: 32px;
    min-height: 32px;
    display: inline-flex;
  }

  .public-site #page-content .auth-row-between {
    flex-wrap: wrap;
    gap: 8px;
  }

  .public-site #page-content .auth-input[name="user_pw"] {
    padding-right: 60px;
  }

  .public-site #page-content .cf-eye-btn {
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    display: inline-flex;
  }

  .public-site #page-content .theme_travel .input_search_box .search_btn {
    min-width: 44px;
    min-height: 44px;
  }

  .public-site #page-content :is(.prd_list_pagination__btn, .mypage_container button, .mypage_container input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .input_search_, .select_sort_, .search_button, .btn_search_mo, .input_custom_, .swiper-button-main-2, .more-btn-sec9) {
    min-width: 32px;
    min-height: 32px;
  }

  .public-site #page-content :is(.main-page-cus-css-mobile .swiper-pagination-bullet, .tra_sec_02_swiper_pagination .swiper-pagination-bullet) {
    box-sizing: content-box;
    background-clip: content-box;
    width: 8px;
    height: 8px;
    padding: 12px;
  }

  .public-site #page-content .tra_sec_02_swiper_pagination {
    bottom: -16px;
  }

  .public-site #page-content .swiper_product_list_pagination_ {
    flex-wrap: wrap;
    min-height: 32px;
    display: flex;
  }

  .public-site #page-content .swiper_product_list_pagination_ .swiper-pagination-bullet {
    box-sizing: content-box;
    background-clip: content-box;
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 12px;
  }

  .public-site #page-content :is(.ticket-tool-r input, .ticket-tool-r select, .contact_11, .tabs-select) {
    min-height: 44px;
  }

  .public-site #page-content :is(.main_section3__place_btn, .now_tab_text, .no_write, .reason_text_ttl, .total_list, .bk-grand__label) {
    font-size: 12px !important;
  }

  .public-site #page-content .customer-center-page :is(.label-q, .name, .content, .notice, .notice-tag, .item-title, .item-date, .item-q a), .public-site #page-content .magazines_page_ :is(.total_, .count_, .magazines_list__item_desc_, .magazines_list__item_desc_ span, .magazines_list__item_author_), .public-site #page-content .tour-main-page .prd_name, .public-site #page-content .evaluate_write_section :is(label, .subject, td > span), .public-site #page-content .main-page-cus-css-mobile :is(.sec_desc, .list_university a, .sub_visual span) {
    font-size: max(12px, 1em) !important;
  }

  .public-site #page-content input[type="checkbox"] + label, .public-site #page-content input[type="radio"] + label, .public-site #page-content label:has( > input[type="checkbox"]), .public-site #page-content label:has( > input[type="radio"]) {
    align-items: center;
    min-height: 32px;
    display: inline-flex;
  }

  .public-site #page-content table td > a {
    align-items: center;
    max-width: 100%;
    min-height: 32px;
    display: inline-flex;
  }

  .public-site #page-content :is(.product_tit.info_reservation, .customer-center-page .item-q a, .custom_btn1, .info_link, .view_info_company a) {
    align-items: center;
    min-width: 32px;
    min-height: 32px;
    display: inline-flex;
  }

  .public-site #page-content .link_ {
    min-width: 32px;
    min-height: 32px;
  }

  .public-site #page-content .tour-main-page .sub_section3_swiper_pagination {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0;
    min-height: 64px;
    display: flex;
  }

  .public-site #page-content .tour-main-page .swiper-pagination-bullet {
    box-sizing: content-box;
    background-clip: content-box;
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 12px;
  }

  .public-site #page-content .tour-main-page .swiper-pagination-bullet-active {
    width: 24px;
  }

  .public-site #page-content .mypage_container li a[href="#!"], .public-site #page-content .community_mobile_tab, .public-site #page-content .travel_info .list_product a, .public-site #page-content .customer-center-page .item-q a, .public-site #page-content .main-page-cus-css-mobile .sub_visual a {
    align-items: center;
    min-width: 32px;
    min-height: 32px;
    display: inline-flex;
  }

  .public-site #page-content .travel_info .desc a {
    align-items: center;
    min-height: 32px;
    display: inline-flex;
  }

  .public-site #page-content .rating-container a, .public-site #page-content .above-cus-content .item.link_ {
    min-width: 32px;
    min-height: 32px;
  }

  .public-site #page-content :is(.tr-footer a, .tr-footer-links a) {
    align-items: center;
    min-height: 32px;
    display: inline-flex;
  }

  .public-site #page-content :is(.community_mobile_tab, .list_tab_head a, .sub-hotel-navigation-container a, .view_info_company a, .btn-reload, .pj-toggle, .main-page-cus-css-mobile .sub_visual a) {
    justify-content: center;
    align-items: center;
    min-width: 32px;
    min-height: 32px;
    display: inline-flex;
  }

  .public-site #page-content .list_tab_head {
    flex-wrap: wrap;
  }

  .public-site #page-content .main-page-cus-css-mobile .swiper-slide a {
    align-items: center;
    min-height: 32px;
    display: inline-flex;
  }

  .public-site #page-content .swiper-play-pause {
    min-width: 44px;
    min-height: 44px;
  }

  .public-site #page-content .link_login {
    align-items: center;
    min-height: 32px;
    display: inline-flex;
  }

  .public-site #page-content .paging ul li a {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    line-height: 36px;
  }

  .public-site #page-content .tr-footer a {
    align-items: center;
    min-height: 32px;
    display: inline-flex;
  }

  .public-site #page-content .mypage_container :is(.slide_tab a, .slide_tab_btn, .info_link, .m_filter) {
    justify-content: center;
    align-items: center;
    min-width: 32px;
    min-height: 32px;
    display: inline-flex;
  }

  .public-site #footer .flex_footer_top {
    flex-wrap: wrap;
    gap: 4px 14px;
  }

  .public-site #footer .flex_footer_top a {
    align-items: center;
    min-height: 32px;
    font-size: 12px;
    display: inline-flex;
  }

  .public-site #page-content :is(a.btn, button.btn) {
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 44px;
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1.4;
    display: inline-flex;
  }

  .public-site #page-content .bs_table td a {
    align-items: center;
    min-height: 32px;
    font-size: 13px;
    display: inline-flex;
  }

  .public-site #page-content :is(.pagination, .paging, .next_prev_box) a {
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    min-height: 32px;
    font-size: 13px;
    display: inline-flex;
  }

  .public-site #page-content .pagination ul li, .public-site #page-content .pagination a {
    width: auto;
    min-width: 32px;
    height: auto;
    min-height: 32px;
    line-height: 32px;
  }

  .public-site #page-content .tr-footer :is(a[href^="tel:"], a[href^="mailto:"]) {
    align-items: center;
    min-height: 32px;
    display: inline-flex;
  }

  .public-site #page-content .mypage_gnb_menu .only_mo, .public-site .mypage_container a.only_mo {
    justify-content: center;
    align-items: center;
    min-height: 32px;
    display: inline-flex;
  }

  .public-site #page-content :is(.more_link, .more_btn, .short_link, .switch-btn, .sub_tour__left__more, .tr-footer-link-group a) {
    align-items: center;
    min-height: 32px;
    font-size: max(12px, 1em);
    display: inline-flex;
  }

  .public-site #page-content :is(.search__tabs button, .tour__head__tabs2__tab, .trenvl-tab-nav li) {
    justify-content: center;
    align-items: center;
    min-width: 44px;
    min-height: 44px;
    font-size: 14px;
    display: inline-flex;
  }

  .public-site .mypage_cash .cal_list li {
    width: 100%;
  }
}

@media (width <= 320px) {
  .public-site #page-content .tour-main-page .sub_section3_swiper_pagination {
    min-height: 96px;
  }
}

@media (width <= 400px) {
  .public-site #page-content .join_form .button-row:has( > .tel_row) {
    flex-wrap: wrap;
  }

  .public-site #page-content .join_form .tel_row {
    flex-basis: 100%;
    gap: 8px;
    width: 100%;
    height: auto;
    grid-template-columns: minmax(48px, 1fr) auto minmax(48px, 1fr) auto minmax(48px, 1fr) !important;
  }

  .public-site #page-content .join_form .tel_row input:not([type="hidden"]) {
    min-width: 48px !important;
  }

  .public-site #page-content .join_form .tel_row select {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (width >= 600px) and (width <= 850px) {
  .public-site #page-content .tour-main-page .sub_section3_swiper_pagination {
    min-height: 32px;
  }
}

@media (width >= 851px) {
  .public-site #header :is(.trenvl-hd-action, .trenvl-hd-nav-link, .trenvl-hd-welcome) {
    font-size: 14px;
  }

  .public-site #page-content .tr-stat-num {
    font-size: 24px;
  }

  .public-site #page-content .main-page-cus-css-mobile :is(.card-meta, .more-btn-sec10) {
    font-size: 14px;
  }

  .public-site #page-content .main-page-cus-css-mobile .sec_desc {
    font-size: 18px;
  }

  .public-site #page-content .main-page-cus-css-mobile .sec_ttl.dif {
    font-size: 48px;
  }
}

.public-site #page-content :is(.location_conts a, .company_url a) {
  color: #13808c;
}

.public-site #page-content .main_body_container .sec_desc, .public-site #page-content .sub_tour_section6__head__tabs__tab:not(.active) {
  color: #747474;
}

.public-site #page-content .creator-left .subtitle.dif {
  color: #757575;
}

.public-site #page-content .tours-detail .fiex_nav ol li a:not(.active, :hover) {
  color: #737383;
}

.public-site #page-content .cp-detail-page section > .title-wrap > .section-title {
  color: #111827 !important;
}

.public-site .leaflet-container .leaflet-control-attribution {
  font-size: 12px;
}

.public-site .leaflet-container .leaflet-bar a {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.public-site #page-content .trenvl-safety-wrap [style*="color:#777"], .public-site #page-content .tours-detail [style*="color:#777"], .public-site #page-content .tours-detail [style*="color: #777"] {
  color: #6f6f6f !important;
}

.public-site #page-content .tours-detail [style*="color:#888"], .public-site #page-content .tours-detail [style*="color:#999"] {
  color: #666 !important;
}

.public-site #page-content .tours-detail .tr3997-sectionTitle span {
  color: #6f6f6f !important;
}

.public-site #page-content .tours-detail .bk-option__desc {
  color: #5f636b !important;
}

.public-site #page-content .spa-detail .btn-wrap > a.btn.btn-primary {
  color: #fff !important;
  background-color: #17469e !important;
}

.public-site #page-content .spa-detail [style*="color:#1894D9"] {
  color: #0872ac !important;
}

.public-site #page-content .spa-detail [style*="background:#1894D9"], .public-site #page-content .spa-detail [style*="background:#67B5D3"] {
  background-color: #0872ac !important;
}

.public-site #page-content .spa-detail [style*="color:#25D4FA"] {
  color: #075e8a !important;
}

.public-site #page-content .spa-detail [style*="color:#718096"], .public-site #page-content .spa-detail [style*="color:#94a3b8"] {
  color: #566579 !important;
}

.public-site #page-content .spa-detail [style*="color:#ef4444"] {
  color: #b91c1c !important;
}

.public-site #page-content .spa-detail .tour-content-wrapper :is([style^="color: rgb(117, 117, 117)"], [style*="; color: rgb(117, 117, 117)"]) {
  color: #6f6f6f !important;
}

.public-site #page-content .spa-detail .tour-content-wrapper :is([style^="color: rgb(153, 153, 153)"], [style*="; color: rgb(153, 153, 153)"]) {
  color: #666 !important;
}

.public-site #page-content .spa-detail .tour-content-wrapper :is([style^="color: rgb(153, 124, 110)"], [style*="; color: rgb(153, 124, 110)"]) {
  color: #785e53 !important;
}

.public-site #page-content .spa-detail .tour-content-wrapper [style*="background-color: rgb(117, 117, 117)"] {
  background-color: #6b6b6b !important;
}

.public-site #page-content .spa-detail .tour-content-wrapper [style*="background-color: rgb(153, 124, 110)"] {
  background-color: #785e53 !important;
}

.public-site #page-content .spa-detail .tour-content-wrapper [style*="background-color: rgb(153, 153, 153)"] {
  background-color: #666 !important;
}

.public-site #page-content .spa-detail .tour-content-wrapper #gnb007 h1 {
  background-color: #785e53 !important;
}

.public-site .daterangepicker th:first-child {
  color: #b91c1c !important;
}

.public-site .daterangepicker td.off {
  color: #666 !important;
}

.public-site #page-content .hotel_detail .section6 .qa-tag:not(.normal-style) {
  background-color: #17469e !important;
}

.public-site #page-content .hotel_detail .price_bath {
  color: #6f6f6f !important;
}

.public-site #page-content .hotel_detail [style*="color:#e8623b"] {
  color: #b94323 !important;
}

.public-site #page-content .hotel_detail #sub_top_visual .form_gr_item_ > label {
  color: #666 !important;
}

.public-site #page-content .action-buttons .toggle_btn {
  background-image: url("/images/btn/btn_option_off.svg") !important;
}

.public-site #page-content .action-buttons.active .toggle_btn {
  background-image: url("/images/btn/btn_option_on.svg") !important;
}

:root {
  --tv-chat-bottom: 88px;
  --tv-chat-height: 52px;
}

#tv-chat-greeting {
  right: 16px;
  bottom: calc(var(--tv-chat-bottom) + var(--tv-chat-height) + 16px);
  z-index: 9998;
  color: #222;
  white-space: nowrap;
  background: #fff;
  border-radius: 16px;
  padding: 14px 25px 12px 10px;
  font-size: 14px;
  line-height: 20px;
  position: fixed;
  box-shadow: 1px 2px 8px #00000024;
}

#tv-chat-greeting:after {
  content: "";
  border-top: 9px solid #fff;
  border-left: 9px solid #0000;
  border-right: 9px solid #0000;
  position: absolute;
  bottom: -8px;
  right: 25px;
}

#tv-chat-greeting strong, #tv-chat-greeting span {
  display: block;
}

#tv-chat-greeting strong {
  font-weight: 600;
}

#tv-chat-greeting span {
  color: #666;
  font-size: 12px;
}

.tv-chat-greeting-close {
  color: #888;
  cursor: pointer;
  background: #ebebeb;
  border: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 17px;
  line-height: 20px;
  position: absolute;
  top: 9px;
  right: 9px;
}

#tv-chat-btn {
  z-index: 9998;
  color: #fff;
  letter-spacing: -.2px;
  cursor: pointer;
  background: linear-gradient(135deg, #6a5cff 0%, #2b6cff 55%, #23b6ff 100%);
  border: 0;
  border-radius: 26px;
  align-items: center;
  gap: 8px;
  height: 52px;
  padding: 0 20px 0 14px;
  font-size: 15px;
  font-weight: 700;
  transition: transform .18s, box-shadow .18s;
  display: flex;
  position: fixed;
  bottom: 88px;
  right: 24px;
  box-shadow: 0 6px 20px #2b6cff61;
}

#tv-chat-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px #2b6cff80;
}

#tv-chat-btn .ico {
  background: #ffffff38;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 15px;
  animation: 2.4s ease-in-out infinite tv-spark;
  display: flex;
}

#tv-chat-btn:after {
  content: "";
  pointer-events: none;
  border: 2px solid #2b6cff59;
  border-radius: 30px;
  animation: 2.4s ease-out infinite tv-ring;
  position: absolute;
  inset: -4px;
}

@keyframes tv-spark {
  0%, 100% {
    opacity: .9;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.12);
  }
}

@keyframes tv-ring {
  0% {
    opacity: .6;
    transform: scale(1);
  }

  70% {
    opacity: 0;
    transform: scale(1.12);
  }

  100% {
    opacity: 0;
  }
}

#tv-chat-dim {
  z-index: 9997;
  opacity: 0;
  visibility: hidden;
  background: #0f172a59;
  transition: opacity .28s, visibility .28s;
  position: fixed;
  inset: 0;
}

#tv-chat-dim.open {
  opacity: 1;
  visibility: visible;
}

#tv-chat-panel {
  z-index: 9999;
  visibility: hidden;
  background: #fff;
  flex-direction: column;
  width: 37vw;
  min-width: 427px;
  max-width: 100vw;
  height: 100dvh;
  transition: transform .28s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
  box-shadow: -8px 0 30px #141e3c2e;
}

#tv-chat-panel.open {
  visibility: visible;
  transform: translateX(0);
}

#tv-chat-panel iframe {
  border: 0;
  flex: 1;
  width: 100%;
}

#tv-chat-close {
  z-index: 2;
  color: #fff;
  cursor: pointer;
  background: #ffffff38;
  border: 0;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 18px;
  position: absolute;
  top: 10px;
  right: 12px;
}

#tv-chat-close:hover {
  background: #ffffff61;
}

@media (width <= 768px) {
  :root {
    --tv-chat-bottom: 18.7692rem;
    --tv-chat-height: 46px;
  }

  #tv-chat-btn {
    height: 46px;
    padding: 0 16px 0 11px;
    font-size: 14px;
    bottom: 18.7692rem;
    right: 14px;
  }

  #tv-chat-btn .ico {
    width: 25px;
    height: 25px;
    font-size: 14px;
  }

  #tv-chat-panel {
    width: 100%;
    min-width: 0;
    box-shadow: none;
  }
}

@media (width <= 320px) {
  #tv-chat-greeting {
    display: none;
  }

  #tv-chat-btn {
    justify-content: center;
    width: 46px;
    padding: 0;
    bottom: 16px;
    right: 10px;
  }

  #tv-chat-btn > span:last-child {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #tv-chat-btn .ico, #tv-chat-btn:after {
    animation: none;
  }

  #tv-chat-panel, #tv-chat-dim, #tv-chat-btn {
    transition: none;
  }
}