@charset "UTF-8";
@import url("../../common_sub.css");
@import url("../../empty.css");
/**
 * Swiper 6.0.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 7, 2020
 */
@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") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

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

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

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

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

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

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

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

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

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

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

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

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

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

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

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

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

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

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

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

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

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

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

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

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

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

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

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

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

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

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

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

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

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

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

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

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

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

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

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

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

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

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

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

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

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

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

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

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

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

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

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

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

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

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

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

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

.swiper-container-cube {
  overflow: visible;
}

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

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

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

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

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

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

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

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

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

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

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

*::-webkit-scrollbar-thumb {
  background: transparent;
}

#accessibility {
  position: relative;
  z-index: 10001;
}

#accessibility a {
  position: absolute;
  top: -999px;
  left: 0;
  width: 200px;
  height: 24px;
  padding-top: 4px;
  background-color: #000;
  text-align: center;
  color: #fff !important;
  font: bold 14px "맑은 고딕", Malgun Gothic, "돋움", Dotum, sans-serif;
}

#accessibility a:active, #accessibility a:focus {
  top: 0;
}

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

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

html {
  height: auto;
  font-size: 12px;
  -webkit-text-size-adjust: 100%;
}

body {
  width: 100%;
  height: auto;
  color: #17191C;
  overflow-y: scroll;
}

button {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
  outline: none;
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

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

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

em, i {
  font-style: normal;
}

img {
  max-width: 100%;
}

input[type=text], input[type=number], input[type=password] {
  outline: none;
  -webkit-appearance: none;
}

.hid, caption, .blind, legend {
  overflow: hidden;
  position: absolute;
  left: -10000px;
  top: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

* {
  box-sizing: border-box;
}

#overlay {
  display: none;
  position: fixed;
  _position: absolute;
  left: 0;
  top: 0;
  z-index: 8000;
  width: 100%;
  min-height: 100%;
  _height: 100%;
  background-color: #000;
  zoom: 1;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

::-webkit-input-placeholder {
  color: #757B8A;
}

:-moz-placeholder {
  color: #757B8A;
  opacity: 1;
}

::-moz-placeholder {
  color: #757B8A;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #757B8A !important;
}

input[type=text], input[type=tel], input[type=number] {
  width: 100%;
  height: 42px;
  padding: 0 12px;
  vertical-align: middle;
  border-radius: 8px;
  border: solid 1px #D5D7DC;
  outline: none;
  color: #17191C;
  background-color: #fff;
}
input[type=text]:focus, input[type=tel]:focus, input[type=number]:focus {
  border-color: #ACB0B9;
}
input[type=text]:disabled, input[type=tel]:disabled, input[type=number]:disabled {
  color: rgba(23, 25, 28, 0.3019607843);
  background: #F6F6F9;
}

input::-webkit-inner-spin-button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* Firefox  */
input[type=number] {
  -moz-appearance: textfield;
}

input[type=checkbox] {
  width: 26px;
  height: 26px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
  -webkit-appearance: none;
  outline: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3e%3crect width='21' height='21' x='2.5' y='2.5' fill='%23fff' stroke='%23D5D7DC' rx='3.5'/%3e%3cpath fill='%23E2E4E9' fill-rule='evenodd' d='M19.698 9.284a1 1 0 0 1 .018 1.414l-6.83 7a1 1 0 0 1-1.396.035l-4.17-3.87a1 1 0 1 1 1.36-1.466l3.455 3.207 6.15-6.302a1 1 0 0 1 1.413-.018Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
input[type=checkbox]:disabled {
  cursor: default;
  background: url("data:image/svg+xml,%3csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M14.973 6.32a.5.5 0 1 1 .721.693l-2.984 3.108-4.057 4.225a.5.5 0 0 1-.704.018L4.991 11.58a.5.5 0 1 1 .685-.728l2.598 2.446 6.699-6.977z' fill='%23bebebe' fill-rule='nonzero'/%3e%3crect stroke='%23bebebe' stroke-width='.8' x='.4' y='.4' width='19.2' height='19.2' rx='2'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%;
}
input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3e%3crect width='21' height='21' x='2.5' y='2.5' fill='%230182FF' stroke='%230182FF' rx='3.5'/%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M19.698 9.284a1 1 0 0 1 .018 1.414l-6.83 7a1 1 0 0 1-1.396.035l-4.17-3.87a1 1 0 1 1 1.36-1.466l3.455 3.207 6.15-6.302a1 1 0 0 1 1.413-.018Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
input[type=checkbox]:checked + label {
  color: #0182FF;
}
input[type=checkbox] + label {
  padding-left: 4px;
  vertical-align: middle;
  font-size: 14px;
  color: #ACB0B9;
  cursor: pointer;
}

.select-box {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 10;
  transition: all 0.2s ease;
}
.select-box.disabled .selected {
  color: rgba(23, 25, 28, 0.3019607843);
  background: #F6F6F9;
  pointer-events: none;
  cursor: default;
}
.select-box.disabled .selected:after {
  display: none;
}
.select-box .selected {
  display: block;
  position: relative;
  width: 100%;
  height: 42px;
  padding: 0 39px 0 12px;
  border: 1px solid #D5D7DC;
  border-radius: 8px;
  color: #757B8A;
  font-size: 14px;
  box-sizing: border-box;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #fff;
}
.select-box .selected:hover {
  text-decoration: none;
}
.select-box .selected:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 12px;
  width: 22px;
  height: 22px;
  transition: all 0.2s ease;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none'%3e%3cg clip-path='url(%23a)'%3e%3cpath stroke='%23ACB0B9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18 7-6.75 7L4.5 7'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M3.25 6h16v9h-16z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.select-box .select-layer {
  display: none;
  overflow: auto;
  max-height: 120px;
  padding: 8px 0;
  position: absolute;
  top: 49px;
  right: 0;
  left: 0;
  background: #fff;
  border: 1px solid #D5D7DC;
  border-radius: 8px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1490196078);
}
.select-box .select-layer[data-align=right] {
  right: 0;
}
.select-box .select-layer[data-align=left] {
  left: 0;
}
.select-box .select-layer li {
  padding: 0 !important;
  border: 0 !important;
  white-space: nowrap;
  animation: none;
  line-height: 100%;
}
.select-box .select-layer li a, .select-box .select-layer li button {
  display: block;
  width: 100%;
  height: 42px;
  line-height: 42px;
  padding: 0 10px 0 16px;
  box-sizing: border-box;
  color: #525661;
  text-align: left;
  font-size: 13px;
}
.select-box .select-layer li a:hover, .select-box .select-layer li button:hover {
  background: #F1F2F4;
}
.select-box .select-layer li a:active, .select-box .select-layer li button:active {
  background: #E2E4E9;
}
.select-box.on .selected {
  color: #17191C;
}
.select-box.active .selected {
  border-color: #ACB0B9;
}
.select-box.active .selected:after {
  transform: rotate(180deg);
}
.select-box.active .select-layer {
  display: block;
}

.clear-input-box {
  position: relative;
  display: inline-block;
}
.clear-input-box input[type=text]:focus, .clear-input-box input[type=tel]:focus, .clear-input-box input[type=number]:focus {
  border-color: rgba(23, 25, 28, 0.3019607843);
}
.clear-input-box .clearBtn {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  width: 42px;
  height: 42px;
  margin: -19px 0 0 6px;
  text-indent: -9999px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='none' fill-rule='evenodd'%3e%3ccircle cx='8' cy='8' r='8' fill='%23888'/%3e%3cpath stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' d='m11 5-6 6m6 0L5 5'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 20px 20px;
}

.input-file {
  position: relative;
  width: 100%;
  height: 52px;
  background: #fff;
  border: 1px solid #D5D7DC;
  border-radius: 8px;
}
.input-file.add-file .reset {
  position: absolute;
  top: 6px;
  right: 6px;
  display: block;
  width: 42px;
  height: 42px;
  text-indent: -9999px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='none' fill-rule='evenodd'%3e%3ccircle cx='8' cy='8' r='8' fill='%23888'/%3e%3cpath stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' d='m11 5-6 6m6 0L5 5'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 20px 20px;
}
.input-file .file-name {
  display: block;
  padding: 0 50px 0 86px;
  height: 50px;
  border: none;
  background: none;
}
.input-file input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0 none;
}
.input-file label {
  display: block;
  position: absolute;
  top: 7px;
  left: 12px;
  display: block;
  width: 69px;
  height: 36px;
  border-radius: 8px;
  line-height: 36px;
  border: 1px solid #525661;
  text-align: center;
  font-size: 12px;
  color: #525661;
  vertical-align: middle;
  cursor: pointer;
  font-weight: 600;
}
.input-file .reset {
  display: none;
}

#gnbContainer {
  position: sticky;
  top: 0;
  min-height: 111px;
  z-index: 1501;
}

#serviceHeader {
  position: relative;
  min-width: 1024px;
}
#serviceHeader .logo-secondary a.ogq {
  display: block;
  width: 161px;
  height: 36px;
  margin-left: 2px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='161' height='36' fill='none' viewBox='0 0 161 36'%3e%3cpath fill='%2317191c' d='M32.85 8a10.01 10.01 0 0 1 9.173 6.015.922.922 0 0 1-.844 1.289h-2.614a.93.93 0 0 1-.786-.445c-1.035-1.654-2.86-2.77-4.93-2.77-3.219.001-5.898 2.705-5.898 5.925s2.68 5.899 5.899 5.9c2.49 0 4.624-1.606 5.465-3.82h-5.33a.688.688 0 0 1-.6-1.03l1.19-2.08a.92.92 0 0 1 .8-.465c2.065.005 6.209.02 7.769.025v.005c.355 0 .655.27.685.625q.036.413.034.84c0 5.719-4.849 10.303-10.608 9.968-5.17-.305-9.294-4.604-9.389-9.778C22.761 12.57 27.266 8 32.85 8m22.074 0c3.734 0 7.02 2.06 8.74 5.124a9.96 9.96 0 0 1 1.273 4.89c0 5.719-4.849 10.303-10.608 9.968-5.169-.305-9.293-4.604-9.389-9.778C44.84 12.57 49.34 8 54.924 8m-44.16 0c5.52 0 10.014 4.464 10.014 10.014s-4.52 9.983-10.013 9.983A9.977 9.977 0 0 1 .78 18.014C.781 12.494 5.246 8 10.765 8m45.39 4.22c-3.74-.8-7.129 2.17-7.129 5.794v.005c0 3.219 2.68 5.899 5.899 5.899.53 0 1.045-.075 1.535-.21l-2.675-4.67a.692.692 0 0 1 .6-1.034h2.34c.33 0 .635.175.8.46l1.895 3.31a5.9 5.9 0 0 0 1.22-5.02c-.48-2.25-2.24-4.054-4.485-4.534m-45.39-.13c-3.219 0-5.899 2.704-5.899 5.924s2.68 5.899 5.9 5.9c3.22 0 5.844-2.68 5.844-5.9s-2.625-5.924-5.844-5.924'/%3e%3cpath fill='%23000' d='M150.135 7.965a.5.5 0 0 1 .5.5v1.61c-.022 2.069-.024 4.053-.544 6.673a.494.494 0 0 1-.528.394l-2.307-.196a.507.507 0 0 1-.452-.6q.123-.65.211-1.255a.492.492 0 0 0-.51-.561l-10.853.428a.5.5 0 0 1-.513-.424l-.267-1.735a.5.5 0 0 1 .485-.576l11.418-.194a.5.5 0 0 0 .492-.491l.006-.392a.5.5 0 0 0-.5-.508h-10.856a.5.5 0 0 1-.5-.5V8.465a.5.5 0 0 1 .5-.5zm2.134 10.176a.5.5 0 0 1 .5.5v1.626a.5.5 0 0 1-.5.5H133.76a.5.5 0 0 1-.5-.5v-1.626a.5.5 0 0 1 .5-.5h6.058a.5.5 0 0 0 .5-.5v-1.532a.5.5 0 0 1 .5-.5h2.376a.5.5 0 0 1 .5.5v1.532a.5.5 0 0 0 .5.5zm-1.941 7.157a.5.5 0 0 1 .5.5v1.697a.5.5 0 0 1-.5.5h-14.499a.5.5 0 0 1-.5-.5v-5.448a.5.5 0 0 1 .5-.5h2.377a.5.5 0 0 1 .5.5v2.751a.5.5 0 0 0 .5.5zM124.132 8.95a.5.5 0 0 1 .5.5v1.743a.5.5 0 0 1-.5.5h-6.738a.5.5 0 0 0-.5.5v2.236a.5.5 0 0 0 .5.5h5.8a.5.5 0 0 1 .5.5v1.65a.5.5 0 0 1-.5.5h-5.8a.5.5 0 0 0-.5.5v2.675c0 .278.228.503.506.499 2.694-.041 5.019-.164 7.545-.508a.504.504 0 0 1 .569.437l.208 1.703a.497.497 0 0 1-.425.552c-3.197.432-6.24.496-9.857.519h-1.399a.5.5 0 0 1-.5-.5V9.45a.5.5 0 0 1 .5-.5zm5.979-.947a.5.5 0 0 1 .5.5v19a.5.5 0 0 1-.5.5h-2.424a.5.5 0 0 1-.5-.5v-19a.5.5 0 0 1 .5-.5zM110.86 23.557a.5.5 0 0 1 .5.5V25.8a.5.5 0 0 1-.5.5H92.188a.5.5 0 0 1-.5-.5v-1.743a.5.5 0 0 1 .5-.5h7.136a.5.5 0 0 0 .5-.5v-3.15a.5.5 0 0 0-.5-.5h-5.12a.5.5 0 0 1-.5-.5V9.238a.5.5 0 0 1 .5-.5h14.546a.5.5 0 0 1 .5.5v9.669a.5.5 0 0 1-.5.5h-5.096a.5.5 0 0 0-.5.5v3.15a.5.5 0 0 0 .5.5zM97.534 11.435a.5.5 0 0 0-.5.5v4.346a.5.5 0 0 0 .5.5h7.863a.5.5 0 0 0 .5-.5v-4.346a.5.5 0 0 0-.5-.5zM88.515 8.003a.5.5 0 0 1 .5.5V27.55a.5.5 0 0 1-.5.5h-2.4a.5.5 0 0 1-.5-.5V8.503a.5.5 0 0 1 .5-.5zm-11.247.689c3.26 0 5.698 2.977 5.721 7.69-.023 4.784-2.462 7.761-5.721 7.761-3.33 0-5.768-2.977-5.768-7.76 0-4.714 2.438-7.691 5.768-7.691m0 3.048c-1.524 0-2.509 1.57-2.486 4.642-.023 3.119.962 4.69 2.486 4.69 1.477 0 2.462-1.571 2.462-4.69 0-3.071-.985-4.642-2.462-4.642'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#serviceHeader .innerHeader {
  z-index: 10;
}
#serviceHeader .serviceUtil {
  right: 32px;
}
#serviceHeader .ogq_submenu {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 64px;
  background: #fff;
  width: 100%;
  height: 47px;
  padding: 0 32px;
  border-bottom: 1px solid #eee;
}
#serviceHeader .ogq_submenu ul {
  display: flex;
}
#serviceHeader .ogq_submenu ul.util_list li {
  margin: 0 0 0 16px;
}
#serviceHeader .ogq_submenu ul li {
  margin-right: 18px;
}
#serviceHeader .ogq_submenu ul li.active a {
  color: #0182FF;
}
#serviceHeader .ogq_submenu ul li.active a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: #0182FF;
}
#serviceHeader .ogq_submenu ul li a {
  display: block;
  position: relative;
  padding: 0 2px;
  font-size: 15px;
  line-height: 47px !important;
  color: #525661;
}

#footer {
  margin-top: 40px;
}

@keyframes list-up {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.show_more {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.show_more:before, .show_more:after {
  content: "";
  background: #E2E4E9;
  width: 100%;
  height: 1px;
}
.show_more button {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  height: 32px;
  margin: 0 16px;
  padding: 0 8px;
  border-radius: 8px;
  color: #757B8A;
  font-size: 14px;
  transition: all 0.2s;
}
.show_more button:after {
  content: "";
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 7'%3e%3cg clip-path='url(%23a)'%3e%3cpath stroke='%23ACB0B9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.5 1.625 6 6.125l-4.5-4.5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M.5.875h11v6H.5z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 7px;
  margin: 0px 0 0 4px;
  transition: all 0.2s;
}
.show_more button:hover {
  background: rgba(145, 150, 161, 0.1);
}
.show_more button:active {
  background: rgba(23, 25, 28, 0.3);
}

.fav-on .btn-fav {
  opacity: 1 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23FF33A1' fill-rule='evenodd' d='M8.077 2.781c-3.304 0-5.913 2.778-5.913 6.122 0 3.528 1.58 6.311 3.455 8.305 1.862 1.978 4.068 3.238 5.496 3.746.292.105.614.14.885.14a2.673 2.673 0 0 0 .932-.159c1.43-.517 3.608-1.77 5.449-3.726 1.876-1.993 3.455-4.777 3.455-8.304 0-3.346-2.61-6.124-5.913-6.124a5.77 5.77 0 0 0-3.922 1.549A5.755 5.755 0 0 0 8.077 2.78Z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

[data-type=ogqBox] .btn-fav {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 24px;
  height: 24px;
  z-index: 100;
  transition: all 0.2s;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23ACB0B9' fill-rule='evenodd' d='M8.077 4.781c-2.123 0-3.913 1.804-3.913 4.122 0 2.888 1.284 5.204 2.911 6.934 1.641 1.744 3.577 2.83 4.712 3.233l.005.002c.004 0 .023.006.06.012a1.044 1.044 0 0 0 .343-.009l.02-.007c1.133-.401 3.069-1.487 4.71-3.23 1.627-1.73 2.91-4.046 2.91-6.933 0-2.32-1.79-4.124-3.912-4.124-1.253 0-2.392.632-3.11 1.635a1 1 0 0 1-1.626 0c-.719-1.004-1.848-1.635-3.11-1.635ZM2.164 8.903c0-3.344 2.609-6.122 5.913-6.122 1.515 0 2.887.59 3.924 1.549a5.77 5.77 0 0 1 3.922-1.549c3.303 0 5.913 2.778 5.913 6.124 0 3.527-1.58 6.31-3.455 8.304-1.84 1.956-4.019 3.21-5.449 3.726l-.044.018a2.673 2.673 0 0 1-.888.14c-.271 0-.593-.034-.885-.14-1.428-.507-3.635-1.767-5.496-3.745-1.876-1.994-3.455-4.777-3.455-8.305Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
[data-type=ogqBox] .btn-fav span {
  font: 0/0 a;
}
[data-type=ogqBox] .btn-fav.on {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23FF33A1' fill-rule='evenodd' d='M8.077 2.781c-3.304 0-5.913 2.778-5.913 6.122 0 3.528 1.58 6.311 3.455 8.305 1.862 1.978 4.068 3.238 5.496 3.746.292.105.614.14.885.14a2.673 2.673 0 0 0 .932-.159c1.43-.517 3.608-1.77 5.449-3.726 1.876-1.993 3.455-4.777 3.455-8.304 0-3.346-2.61-6.124-5.913-6.124a5.77 5.77 0 0 0-3.922 1.549A5.755 5.755 0 0 0 8.077 2.78Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
[data-type=ogqBox] .streamer {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin-right: 4px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 12px;
  color: #fff;
  background: #17191C;
  transition: all 0.2s;
}
[data-type=ogqBox] .mov {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3ccircle cx='12' cy='12' r='9.3' stroke='%23ACB0B9' stroke-width='1.4'/%3e%3cpath fill='%23ACB0B9' d='M16.604 11.147a1 1 0 0 1 0 1.706L10.52 16.57A1 1 0 0 1 9 15.717V8.283a1 1 0 0 1 1.521-.853l6.083 3.717Z'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
[data-type=ogqBox]:hover .thumbs-box {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1215686275);
}
[data-type=ogqBox]:hover .thumbs-box .btn-fav {
  opacity: 1;
}
[data-type=ogqBox]:hover .thumbs-box img {
  transform: scale(1.1);
}
[data-type=ogqBox]:hover .title {
  text-decoration: underline;
}
[data-type=ogqBox] .thumbs-box {
  display: block;
  width: 100%;
  position: relative;
  padding-bottom: 100%;
  border-radius: 16px;
  font: 0/0 a;
  background: #F6F6F9;
  transition: all 0.2s;
}
[data-type=ogqBox] .thumbs-box .badge {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  align-items: center;
}
[data-type=ogqBox] .thumbs-box img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 58.83%;
  margin: auto;
  transition: all 0.2s;
}
[data-type=ogqBox] .thumbs-box .btn-fav {
  opacity: 0;
}
[data-type=ogqBox] .ogqBox-info {
  position: relative;
  margin-top: 12px;
  overflow: hidden;
}
[data-type=ogqBox] .ogqBox-info .keyword {
  color: #0182FF;
}
[data-type=ogqBox] .ogqBox-info .title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 25.6px;
  color: #17191C;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
[data-type=ogqBox] .ogqBox-info .auther {
  padding-top: 4px;
  font-size: 14px;
  line-height: 22.4px;
  color: #757B8A;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.purchase {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: calc(50% - 12px);
  padding: 16px;
  border: 1px solid #E2E4E9;
  border-radius: 16px;
  box-sizing: border-box;
  transition: all 0.2s;
}
.purchase .top_utils {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 16px;
  padding-bottom: 11px;
  border-bottom: 1px solid #E2E4E9;
}
.purchase .top_utils .date {
  color: #757b8a;
  font-size: 16px;
}
.purchase .top_utils .state {
  color: #525661;
  font-size: 16px;
  font-weight: 600;
}
.purchase .top_utils .nick {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
}
.purchase .top_utils .nick em {
  margin-left: 2px;
  color: #757B8A;
  font-size: 12px;
  font-weight: 400;
}
.purchase .link {
  display: flex;
  width: 100%;
}
.purchase .thumb_area {
  position: relative;
  background: #f6f6f9;
  width: 168px;
  height: 168px;
  margin-right: 24px;
  padding: 34px;
  border-radius: 16px;
  box-sizing: border-box;
}
.purchase .thumb_area .streamer {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin-right: 4px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 12px;
  color: #fff;
  background: #17191C;
  transition: all 0.2s;
}
.purchase .thumb_area .mov {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3ccircle cx='12' cy='12' r='9.3' stroke='%23ACB0B9' stroke-width='1.4'/%3e%3cpath fill='%23ACB0B9' d='M16.604 11.147a1 1 0 0 1 0 1.706L10.52 16.57A1 1 0 0 1 9 15.717V8.283a1 1 0 0 1 1.521-.853l6.083 3.717Z'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.purchase .thumb_area .badge {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  align-items: center;
}
.purchase .thumb_area img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.purchase .info_area {
  display: flex;
  flex-direction: column;
  width: calc(100% - 192px);
  padding: 8px 0;
  box-sizing: border-box;
}
.purchase .info_area h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #17191C;
}
.purchase .info_area .nick {
  display: inline-block;
  margin-top: 4px;
  color: #757b8a;
  font-size: 14px;
  line-height: 22px;
}
.purchase .info_area .expiration_date {
  display: inline-block;
  background: #F2F9FF;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 8px;
  padding: 1px 4px;
  border-radius: 2px;
  color: #44A3FF;
  font-size: 12px;
}
.purchase .info_area .details {
  margin-top: auto;
  padding-right: 94px;
}
.purchase .info_area .details ul {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 0;
}
.purchase .info_area .details ul:not(:first-of-type) {
  margin-top: 4px;
}
.purchase .info_area .details ul li {
  display: flex;
  align-items: center;
}
.purchase .info_area .details ul li:not(:last-of-type):after {
  content: "";
  background: #d5d7dc;
  width: 1px;
  height: 12px;
  margin: 0 8px;
}
.purchase .info_area .details ul li.price span {
  color: #525661;
  font-weight: 600;
}
.purchase .info_area .details ul li span {
  color: #757b8a;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.purchase .info_area .details .num {
  font-size: 14px;
  font-weight: 600;
}
.purchase .info_area .details .date {
  color: #757B8A;
  font-size: 14px;
}
.purchase > button {
  position: absolute;
  right: 16px;
  bottom: 24px;
  padding: 9px 20px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 14px;
}
.purchase > button.cancel {
  border-color: #D5D7DC;
  color: #757b8a;
}
.purchase > button.give {
  border-color: #0182FF;
  color: #0182FF;
}
.purchase.paycancel .top_utils .state {
  color: #ACB0B9;
}
.purchase.paycancel .price span {
  text-decoration-line: line-through;
}

.section-area {
  position: relative;
  min-width: 960px;
  max-width: 1408px;
  padding: 0 32px;
  margin: 0 auto;
}

.scroll-area {
  overflow: hidden;
}
.scroll-area [class^=arrow] {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: block;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  text-indent: -9999px;
  border-radius: 50%;
  border: 1px solid rgba(117, 123, 138, 0.2);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.scroll-area [class^=arrow].arrow-prev {
  left: 12px;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='14' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M7.83.505a.7.7 0 0 1 0 .99L2.323 7l5.505 5.505a.7.7 0 1 1-.99.99L1.122 7.778a1.1 1.1 0 0 1 0-1.556L6.839.505a.7.7 0 0 1 .99 0Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 9px 14px;
}
.scroll-area [class^=arrow].arrow-next {
  right: 12px;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M.46.505a.7.7 0 0 1 .99 0l5.718 5.717a1.1 1.1 0 0 1 0 1.556l-5.717 5.717a.7.7 0 1 1-.99-.99L5.966 7 .46 1.495a.7.7 0 0 1 0-.99Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 9px 14px;
}
.scroll-area [class^=arrow].swiper-button-disabled {
  display: none;
}
.scroll-area ul {
  margin: 0 -24px 0 0;
}
.scroll-area ul li {
  width: calc(16.66666% - 24px);
  margin: 16px 24px 0 0;
}

/* paging */
.paging {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin-top: 48px;
}
.paging a {
  display: inline-block;
  height: 32px;
  padding: 0 12px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 32px;
}
.paging a:hover {
  background: rgba(145, 150, 161, 0.1019607843);
}
.paging a:first-child {
  margin-left: 0;
}
.paging a.on {
  color: #fff;
  background: #0182FF;
}
.paging span {
  width: 32px;
  color: #555;
  font-size: 13px;
  text-align: center;
  line-height: 1.2;
}
.paging .prev, .paging .next {
  background: #fff;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid rgba(117, 123, 138, 0.2);
  border-radius: 2px;
  font: 0/0 a;
}
.paging .prev:before, .paging .next:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 11px;
  margin: 0 auto;
  vertical-align: -21px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23888' viewBox='0 0 7.5 11.5'%3e%3cpath fill='none' d='M1.267.509l5.06 4.995-5.06 4.996'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.paging .prev {
  margin-right: 12px;
}
.paging .prev:before {
  transform: rotate(180deg);
}
.paging .next {
  margin-left: 12px;
}

.main_bnr_area {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1501;
  background: rgba(23, 25, 28, 0.2);
}
.main_bnr_area .inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.main_bnr_area .inner .main_bnr {
  width: 350px;
  border-radius: 12px;
  overflow: hidden;
  margin: auto;
  box-shadow: 0px 24px 32px -4px rgba(0, 0, 0, 0.24), 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
}
.main_bnr_area .inner .main_bnr .img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}
.main_bnr_area .inner .main_bnr .img a {
  display: block;
  height: 450px;
}
.main_bnr_area .inner .main_bnr .img a img {
  width: 100%;
}
.main_bnr_area .inner .main_bnr .btn {
  display: flex;
  background: #fff;
}
.main_bnr_area .inner .main_bnr .btn button {
  width: 50%;
  height: 46px;
  font-size: 14px;
}

.modal_layer_wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  background: rgba(23, 25, 28, 0.6);
  z-index: 5000;
}
.modal_layer_wrap .flex-box {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.modal_layer_wrap .flex-box .modal_contents {
  margin: auto;
}
.modal_layer_wrap .modal {
  position: relative;
  background: #fff;
  width: 420px;
  margin: auto;
  padding: 32px;
  border: 1px solid rgba(117, 123, 138, 0.2);
  border-radius: 12px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
}
.modal_layer_wrap .modal .tit_wrap {
  display: flex;
  margin-bottom: 16px;
  align-items: center;
}
.modal_layer_wrap .modal .tit_wrap h4 {
  font-weight: 600;
  font-size: 18px;
}
.modal_layer_wrap .modal .tit_wrap p {
  color: #525661;
  font-size: 14px;
  text-align: left;
  font-weight: 400;
}
.modal_layer_wrap .modal .tit_wrap p.txt1 {
  padding-left: 8px;
  color: #757B8A;
}
.modal_layer_wrap .modal .tit_wrap .close {
  margin-left: auto;
  display: block;
  position: static;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M5.245 4.259a.7.7 0 1 0-.99.99l6.755 6.755-6.755 6.755a.7.7 0 0 0 .99.99L12 12.994l6.755 6.755a.7.7 0 1 0 .99-.99l-6.755-6.755 6.755-6.755a.7.7 0 0 0-.99-.99L12 11.014 5.245 4.259Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 0;
  font: 0/0 a;
}
.modal_layer_wrap .modal p {
  color: #2E2E2E;
  font-size: 16px;
  line-height: 25px;
  font-weight: 600;
  text-align: center;
}
.modal_layer_wrap .modal span {
  display: block;
  color: #525661;
  font-size: 14px;
  letter-spacing: -0.5px;
  text-align: center;
  line-height: 22px;
}
.modal_layer_wrap .modal span strong {
  font-weight: 600;
}
.modal_layer_wrap .modal .btn_wrap {
  display: flex;
  gap: 0 8px;
  margin-top: 24px;
}
.modal_layer_wrap .modal .btn_wrap button {
  width: 100%;
  height: 44px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 16px;
}
.modal_layer_wrap .modal .btn_wrap button strong {
  font-weight: 600;
}
.modal_layer_wrap .modal .btn_wrap button.bg_n_b {
  border-color: #0182ff;
  color: #0182ff;
}
.modal_layer_wrap .modal .btn_wrap button.bg_n {
  border-color: #d5d7dc;
}
.modal_layer_wrap .modal .btn_wrap button.bg_ns {
  border-color: #d5d7dc;
  font-weight: 400;
}
.modal_layer_wrap .modal .btn_wrap button.bg_gr {
  font-weight: 400;
  background: #E2E4E9;
}
.modal_layer_wrap .modal .btn_wrap button.bg_b {
  background: #0182ff;
  border-color: #0182FF;
  color: #fff;
}
.modal_layer_wrap .modal .btn_wrap button.disabled {
  color: #17191C;
  background: #E2E4E9;
  border-color: #E2E4E9;
}
.modal_layer_wrap .modal .txt1 {
  font-size: 14px;
  line-height: 22.4px;
  text-align: left;
  font-weight: 400;
}
.modal_layer_wrap .modal .txt1 strong {
  font-weight: 600;
  color: #E52A00;
}
.modal_layer_wrap .modal .name_bx {
  margin-top: 16px;
  padding: 16px;
  border-radius: 8px;
  background: #F6F6F9;
}
.modal_layer_wrap .modal .name_bx h5 {
  padding-bottom: 12px;
  border-bottom: 1px solid #D5D7DC;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 600;
}
.modal_layer_wrap .modal .name_bx dl {
  padding-top: 4px;
  font-size: 14px;
  line-height: 22.4px;
}
.modal_layer_wrap .modal .name_bx dl dt {
  padding-top: 8px;
  font-weight: 600;
}
.modal_layer_wrap .modal .name_bx dl dt em {
  display: inline-block;
  width: 16px;
}
.modal_layer_wrap .modal .name_bx dl dd {
  padding-left: 16px;
}
.modal_layer_wrap .modal.policy {
  width: 900px;
}
.modal_layer_wrap .modal.policy .scrollbox_area {
  overflow: auto;
  height: 535px;
  margin-top: 16px;
  padding: 24px;
  border: 1px solid rgba(117, 123, 138, 0.2);
  border-radius: 2px;
  background: #F6F6F9;
}
.modal_layer_wrap .modal.policy .btn_wrap button {
  height: 52px;
  font-weight: 500;
}
.modal_layer_wrap .modal.policy dl {
  font-size: 12px;
  line-height: 16.34px;
  color: #2E2E2E;
  margin-top: -25px;
}
.modal_layer_wrap .modal.policy dl dt {
  padding-top: 25px;
  font-weight: 600;
}
.modal_layer_wrap .modal.policy dl dd {
  padding-top: 5px;
}
.modal_layer_wrap .modal.policy dl dd ul {
  padding: 10px 0 0 10px;
}

/* 댓글 */
.comment_area {
  position: relative;
  width: auto;
  margin: 0 auto;
  padding: 80px 0 0;
}
.comment_area a:link, .comment_area a:visited, .comment_area a:active {
  color: #676767;
}
.comment_area .comment_wrap {
  width: 100%;
}
.comment_area .comment_wrap .title {
  padding-bottom: 15px;
}
.comment_area .comment_wrap .c_article .img_file img, .comment_area .comment_wrap .c_article .img_file a img {
  border: none;
}
.comment_area .comment_wrap .comment_box {
  border-radius: 16px;
}
.comment_area .comment_wrap .comment_box .btn_submit a {
  border-radius: 6px;
}
.comment_area .comment_wrap textarea {
  outline: none;
  border: none;
  resize: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  color: #17191C;
}
.comment_area .commentList .inwrap {
  padding: 0;
}

#main-cont {
  min-width: 1024px;
  padding: 0 0 105px 0;
}
#main-cont .tit_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
  min-height: 38px;
}
#main-cont .tit_area h2 {
  font-size: 24px;
  font-weight: 600;
}
#main-cont .tit_area .more_view {
  display: block;
  margin-right: 12px;
  font-size: 14px;
  color: #525661;
  font-weight: 500;
  line-height: 35px;
}
#main-cont .tit_area .more_view:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 9px;
  vertical-align: -1px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M.881 1.129a.525.525 0 0 1 .743 0l4.288 4.288a.825.825 0 0 1 0 1.166l-4.288 4.288a.525.525 0 1 1-.743-.742L5.011 6 .88 1.871a.525.525 0 0 1 0-.742Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#main-cont .section-gray {
  margin-top: 80px;
  padding: 40px 0;
  background: #F6F6F9;
}
#main-cont .section-gray .tit_area {
  margin: 0 auto;
}
#main-cont .section-gray .thumbs-box {
  background: #fff;
}

#cont {
  min-width: 1024px;
}
#cont h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 38px;
}
#cont h2 .using {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 2px 0 6px;
  margin-left: 8px;
  vertical-align: 3px;
  border: 1px solid #D5D7DC;
  border-radius: 4px;
  font-size: 12px;
  color: #757B8A;
  background: #F1F2F4;
}
#cont h2 .using:after {
  content: "";
  display: block;
  width: 16px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3cpath fill='%23757B8A' fill-rule='evenodd' d='M6.117 4.17a.467.467 0 0 1 .66 0l3.811 3.811a.733.733 0 0 1 0 1.037L6.777 12.83a.467.467 0 0 1-.66-.66l3.67-3.67-3.67-3.67a.467.467 0 0 1 0-.66Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#cont h3.tit_s {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  margin-top: 20px;
}
#cont .tit_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
#cont .tit_area.mt80 {
  margin-top: 80px;
}
#cont .tit_area .keyword {
  display: flex;
  align-items: center;
}
#cont .tit_area .keyword h2 {
  display: flex;
  align-items: center;
}
#cont .tit_area .keyword h2 span {
  max-width: 448px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #0182FF;
}
#cont .tit_area .keyword .count {
  margin-left: 16px;
  font-size: 14px;
  color: #525661;
}
#cont .tit_area .sort_area {
  display: flex;
  align-items: center;
}
#cont .tit_area .sort_area label {
  position: relative;
  display: flex;
  align-items: center;
  height: 24px;
  font-size: 14px;
  padding-right: 13px;
  color: #525661;
}
#cont .tit_area .sort_area label:before {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  position: absolute;
  top: 6px;
  right: 0;
  background: #D5D7DC;
}
#cont .tit_area .sort_area label input {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
#cont .tit_area .sort_area .sort_list {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
#cont .tit_area .sort_area .sort_list li {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 8px;
  padding-left: 12px;
}
#cont .tit_area .sort_area .sort_list li:first-child {
  padding: 0;
  margin: 0;
}
#cont .tit_area .sort_area .sort_list li:first-child:before {
  display: none;
}
#cont .tit_area .sort_area .sort_list li:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 10.5px;
  left: 0;
  background: #E2E4E9;
}
#cont .tit_area .sort_area .sort_list li.on a {
  color: #17191C;
  font-weight: 600;
}
#cont .tit_area .sort_area .sort_list li a {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #888;
  line-height: 24px;
  font-weight: 500;
}
#cont .tit_area .sort_area .tooltip_ex {
  position: relative;
  z-index: 100;
}
#cont .tit_area .sort_area .tooltip_ex .btn_tooltip {
  width: 20px;
  height: 20px;
  margin-left: 2px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3e%3cpath fill='%23ACB0B9' fill-rule='evenodd' d='M2.834 10.5a7.167 7.167 0 1 0 14.333 0 7.167 7.167 0 0 0-14.333 0Zm-1.167 0a8.333 8.333 0 1 0 16.667 0 8.333 8.333 0 0 0-16.667 0Z' clip-rule='evenodd'/%3e%3cpath fill='%23ACB0B9' fill-rule='evenodd' d='M10.749 7.167a.75.75 0 0 0-1.5 0v3.761a.75.75 0 1 0 1.5 0V7.166Zm-.754 5.75a.917.917 0 0 0 0 1.833h.01a.917.917 0 1 0 0-1.834h-.01Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#cont .tit_area .sort_area .tooltip_ex .tip_layer {
  display: none;
  position: absolute;
  top: 26px;
  left: -57px;
  width: 700px;
  z-index: 10;
}
#cont .tit_area .sort_area .tooltip_ex .tip_layer .inner {
  position: relative;
  display: inline-block;
  padding: 7px 26px 7px 10px;
  border: 1px solid #D5D7DC;
  border-radius: 12px;
  background: #F6F6F9;
  text-align: left;
}
#cont .tit_area .sort_area .tooltip_ex .tip_layer .inner:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 60px;
  display: block;
  width: 18px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' fill='none'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23D5D7DC' d='m5.02 0 4.823 6H.156L5.02 0Z'/%3e%3cpath fill='%23F6F6F9' d='m5.02 1.575 4 5h-8l4-5Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h10v5H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#cont .tit_area .sort_area .tooltip_ex .tip_layer .inner ul li {
  position: relative;
  font-size: 13px;
  line-height: 15.51px;
  padding-left: 14px;
  color: #2E2E2E;
}
#cont .tit_area .sort_area .tooltip_ex .tip_layer .inner ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #2E2E2E;
}
#cont .tit_area .sort_area .tooltip_ex .tip_layer .inner .txt {
  text-align: left;
  font-size: 13px;
  color: #2E2E2E;
  word-break: keep-all;
}
#cont .tit_area .sort_area .tooltip_ex .tip_layer .inner .close {
  position: absolute;
  top: 1px;
  right: 5px;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3e%3cpath stroke='%2317191C' stroke-linecap='round' stroke-width='1.4' d='M8.59 1.423 1.615 8.397m6.975 0L1.615 1.423'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}
#cont .tit_area .sort_area .tooltip_ex .tip_layer {
  width: 209px;
  right: -130px;
  left: auto;
}
#cont .tit_wrap {
  position: relative;
  margin-top: 40px;
}
#cont .tit_wrap p {
  margin-top: 2px;
  color: #757B8A;
  font-size: 14px;
}
#cont .tit_wrap button {
  position: absolute;
  top: 11px;
  right: 0;
  background: #0182FF;
  height: 36px;
  padding: 0 20px;
  border-radius: 8px;
  color: #fff;
  line-height: 36px;
}
#cont .tit_wrap button.disabled {
  background: #E2E4E9;
  color: rgba(23, 25, 28, 0.3);
  cursor: unset;
}
#cont .xtit-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
}
#cont .xtit-wrap h3 {
  font-size: 18px;
  font-weight: 600;
}
#cont .xtit-wrap .search_zone {
  display: flex;
  align-items: center;
}
#cont .xtit-wrap .search_zone button {
  height: 32px;
  margin-right: 8px;
  padding: 0 14px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #757B8A;
  border: 1px solid #D5D7DC;
  background: #fff;
}
#cont .xtit-wrap .search_zone button.active {
  color: #fff;
  border: none;
  background: #0182FF;
}
#cont .xtit-wrap .search_zone .calendar {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 32px;
  line-height: 32px;
  padding-left: 12px;
  color: #ACB0B9;
  border: 1px solid #D5D7DC;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  background: #fff;
}
#cont .xtit-wrap .search_zone .calendar input {
  height: 30px;
  padding: 0;
  border: none;
  background: none;
  vertical-align: top;
  cursor: pointer;
}
#cont .xtit-wrap .search_zone .calendar.active {
  border-color: #0182FF;
  color: #17191C;
}
#cont .xtit-wrap .search_zone .calendar:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: 12px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3cpath fill='%2317191C' fill-rule='evenodd' d='M5.833 3.5A.583.583 0 1 1 7 3.5v.211h5.5V3.5a.583.583 0 0 1 1.167 0v.211h.916a2.667 2.667 0 0 1 2.667 2.667v7.372a2.667 2.667 0 0 1-2.667 2.667H5.417A2.667 2.667 0 0 1 2.75 13.75V6.378a2.667 2.667 0 0 1 2.667-2.667h.416V3.5Zm0 1.378h-.416a1.5 1.5 0 0 0-1.5 1.5v1.558h12.166V6.378a1.5 1.5 0 0 0-1.5-1.5h-.916v.34a.583.583 0 0 1-1.167 0v-.34H7v.34a.583.583 0 0 1-1.167 0v-.34ZM3.917 13.75V9.102h12.166v4.648a1.5 1.5 0 0 1-1.5 1.5H5.417a1.5 1.5 0 0 1-1.5-1.5Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#cont .xtit-wrap .search_zone .bar {
  padding: 6px;
  color: #757B8A;
}
#cont .xtit-wrap .search_zone #start-date-container, #cont .xtit-wrap .search_zone #end-date-container {
  top: 5px;
}
#cont .xtit-wrap .search_zone #start-date-container .tui-datepicker, #cont .xtit-wrap .search_zone #end-date-container .tui-datepicker {
  border-radius: 8px;
  overflow: hidden;
}
#cont .xtit-wrap .search_zone #start-date-container .tui-datepicker .tui-calendar-btn, #cont .xtit-wrap .search_zone #end-date-container .tui-datepicker .tui-calendar-btn {
  border: none;
  height: 50px;
  border: none;
  margin: 0;
  text-indent: -9999px;
}
#cont .tit_info {
  display: flex;
  align-items: center;
  margin-top: 32px;
}
#cont .tit_info ~ .board_tpl {
  margin-top: 24px;
}
#cont .tit_info h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 29px;
}
#cont .tit_info .txt_info {
  margin-left: 14px;
  font-size: 14px;
  color: #757B8A;
}
#cont .tit_info .tooltip_ex {
  position: relative;
  z-index: 100;
}
#cont .tit_info .tooltip_ex .btn_tooltip {
  width: 20px;
  height: 20px;
  margin-left: 2px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3e%3cpath fill='%23ACB0B9' fill-rule='evenodd' d='M2.834 10.5a7.167 7.167 0 1 0 14.333 0 7.167 7.167 0 0 0-14.333 0Zm-1.167 0a8.333 8.333 0 1 0 16.667 0 8.333 8.333 0 0 0-16.667 0Z' clip-rule='evenodd'/%3e%3cpath fill='%23ACB0B9' fill-rule='evenodd' d='M10.749 7.167a.75.75 0 0 0-1.5 0v3.761a.75.75 0 1 0 1.5 0V7.166Zm-.754 5.75a.917.917 0 0 0 0 1.833h.01a.917.917 0 1 0 0-1.834h-.01Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#cont .tit_info .tooltip_ex .tip_layer {
  display: none;
  position: absolute;
  top: 26px;
  left: -57px;
  width: 700px;
  z-index: 10;
}
#cont .tit_info .tooltip_ex .tip_layer .inner {
  position: relative;
  display: inline-block;
  padding: 7px 26px 7px 10px;
  border: 1px solid #D5D7DC;
  border-radius: 12px;
  background: #F6F6F9;
  text-align: left;
}
#cont .tit_info .tooltip_ex .tip_layer .inner:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 60px;
  display: block;
  width: 18px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' fill='none'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23D5D7DC' d='m5.02 0 4.823 6H.156L5.02 0Z'/%3e%3cpath fill='%23F6F6F9' d='m5.02 1.575 4 5h-8l4-5Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h10v5H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#cont .tit_info .tooltip_ex .tip_layer .inner ul li {
  position: relative;
  font-size: 13px;
  line-height: 15.51px;
  padding-left: 14px;
  color: #2E2E2E;
}
#cont .tit_info .tooltip_ex .tip_layer .inner ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #2E2E2E;
}
#cont .tit_info .tooltip_ex .tip_layer .inner .txt {
  text-align: left;
  font-size: 13px;
  color: #2E2E2E;
  word-break: keep-all;
}
#cont .tit_info .tooltip_ex .tip_layer .inner .close {
  position: absolute;
  top: 1px;
  right: 5px;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3e%3cpath stroke='%2317191C' stroke-linecap='round' stroke-width='1.4' d='M8.59 1.423 1.615 8.397m6.975 0L1.615 1.423'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}

.category_area {
  position: relative;
  margin-top: 40px;
  padding-right: 64px;
}
.category_area.open .list {
  overflow: visible;
  height: auto;
}
.category_area.open .btn_toggle {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M6.222 1.122a1.1 1.1 0 0 1 1.556 0l5.717 5.717a.7.7 0 0 1-.99.99L7 2.324 1.495 7.83a.7.7 0 1 1-.99-.99l5.717-5.717Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.category_area.open .btn_toggle:after {
  display: none;
}
.category_area .btn_toggle {
  position: absolute;
  top: -2px;
  right: 0;
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(117, 123, 138, 0.1019607843);
  border-radius: 50%;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M.505.805a.7.7 0 0 1 .99 0L7 6.31 12.505.805a.7.7 0 1 1 .99.99L7.778 7.512a1.1 1.1 0 0 1-1.556 0L.505 1.795a.7.7 0 0 1 0-.99Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 14px 8px;
}
.category_area .btn_toggle:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 64px;
  width: 80px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='80' height='36' fill='none'%3e%3cpath fill='url(%23a)' d='M0 0h80v36H0z'/%3e%3cdefs%3e%3clinearGradient id='a' x1='0' x2='80' y1='22' y2='22' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23fff' stop-opacity='0'/%3e%3cstop offset='1' stop-color='%23fff'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.category_area .list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  height: 36px;
  overflow: hidden;
}
.category_area .list li.active button {
  color: #fff;
  border: none;
  background: #17191C;
}
.category_area .list li.active button:hover {
  background: #17191C;
}
.category_area .list li button {
  height: 36px;
  padding: 0 14px;
  border-radius: 18px;
  border: 1px solid #D5D7DC;
  font-size: 15px;
  color: #525661;
  background: #fff;
  transition: all 0.2s;
}
.category_area .list li button:hover {
  background: rgba(23, 25, 28, 0.05);
}

#mainBanner {
  position: relative;
  min-width: 960px;
  max-width: 1408px;
  margin: 32px auto -20px;
  padding: 0 32px;
}
#mainBanner .inner {
  position: relative;
  width: 100%;
  height: 260px;
  overflow: hidden;
  border-radius: 40px;
}
#mainBanner .inner .swiper-wrapper li {
  position: relative;
  text-align: center;
}
#mainBanner .inner .swiper-wrapper li.dark .txt_area {
  color: #fff;
}
#mainBanner .inner .swiper-wrapper li .txt_area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 260px;
  position: absolute;
  top: 0;
  left: 60px;
  z-index: 10;
  color: #17191C;
  text-align: left;
}
#mainBanner .inner .swiper-wrapper li .txt_area .txt1 {
  font-size: 24px;
  font-weight: 600;
  line-height: 38.4px;
}
#mainBanner .inner .swiper-wrapper li .txt_area .txt2 {
  padding-top: 12px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
}
#mainBanner .inner .swiper-wrapper li img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translate(-50%, -50%);
}
#mainBanner .inner .control {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 10;
  box-sizing: border-box;
  display: flex;
  justify-content: right;
  align-items: center;
  width: 64px;
  height: 32px;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.3);
}
#mainBanner .inner .control .swiper-pagination {
  width: 64px;
  top: 8px;
  text-align: center;
  font-size: 14px;
  color: #bbb;
}
#mainBanner .inner .control .swiper-pagination .swiper-pagination-current {
  color: #fff;
}
#mainBanner .inner .moving {
  position: absolute;
  top: auto;
  right: 96px;
  bottom: 24px;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  border: none;
  box-shadow: none;
}
#mainBanner .inner .moving.play:before {
  display: none;
}
#mainBanner .inner .moving.play:after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 24px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' %3e%3cpath fill='%23FFF' d='m10.735 4.08 8.986 6.48a2 2 0 0 1 0 3.244l-8.985 6.479a2 2 0 0 1-3.17-1.622V5.702a2 2 0 0 1 3.02-1.72l.15.098zm-.701.973a.8.8 0 0 0-1.268.65V18.66a.8.8 0 0 0 1.268.648l8.985-6.479a.8.8 0 0 0 0-1.297l-8.985-6.48z'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%;
}
#mainBanner .inner .moving:before, #mainBanner .inner .moving:after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 12px;
  margin: 0 3px;
  background: #fff;
}
#mainBanner [class^=arrow] {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: block;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  text-indent: -9999px;
  border-radius: 50%;
  border: 1px solid rgba(117, 123, 138, 0.2);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
#mainBanner [class^=arrow].arrow-prev {
  left: 12px;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='14' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M7.83.505a.7.7 0 0 1 0 .99L2.323 7l5.505 5.505a.7.7 0 1 1-.99.99L1.122 7.778a1.1 1.1 0 0 1 0-1.556L6.839.505a.7.7 0 0 1 .99 0Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 9px 14px;
}
#mainBanner [class^=arrow].arrow-next {
  right: 12px;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M.46.505a.7.7 0 0 1 .99 0l5.718 5.717a1.1 1.1 0 0 1 0 1.556l-5.717 5.717a.7.7 0 1 1-.99-.99L5.966 7 .46 1.495a.7.7 0 0 1 0-.99Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 9px 14px;
}
#mainBanner [class^=arrow].swiper-button-disabled {
  display: none;
}

/* 이모티콘 리스트 */
.emo_list {
  display: flex;
  flex-wrap: wrap;
  margin: -16px -24px 0 0;
}
.emo_list + .tit_area {
  margin-top: 80px !important;
}
.emo_list li {
  width: calc(16.66666% - 24px);
  flex: 0 1 auto;
  margin: 32px 24px 0 0;
}

.rank_area {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 16px -24px 0 0;
  padding-left: 341px;
}
.rank_area .best {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 24px 32px;
  border-radius: 16px;
  background: #F6F6F9;
  width: 317px;
  height: 410px;
  box-sizing: border-box;
}
.rank_area .best:hover .btn-fav {
  opacity: 1;
}
.rank_area .best:hover .title {
  text-decoration: underline;
}
.rank_area .best .streamer {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin-right: 4px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 12px;
  color: #fff;
  background: #17191C;
  transition: all 0.2s;
}
.rank_area .best .mov {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3ccircle cx='12' cy='12' r='9.3' stroke='%23ACB0B9' stroke-width='1.4'/%3e%3cpath fill='%23ACB0B9' d='M16.604 11.147a1 1 0 0 1 0 1.706L10.52 16.57A1 1 0 0 1 9 15.717V8.283a1 1 0 0 1 1.521-.853l6.083 3.717Z'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.rank_area .best .btn-fav {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 24px;
  height: 24px;
  z-index: 100;
  transition: all 0.2s;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23ACB0B9' fill-rule='evenodd' d='M8.077 4.781c-2.123 0-3.913 1.804-3.913 4.122 0 2.888 1.284 5.204 2.911 6.934 1.641 1.744 3.577 2.83 4.712 3.233l.005.002c.004 0 .023.006.06.012a1.044 1.044 0 0 0 .343-.009l.02-.007c1.133-.401 3.069-1.487 4.71-3.23 1.627-1.73 2.91-4.046 2.91-6.933 0-2.32-1.79-4.124-3.912-4.124-1.253 0-2.392.632-3.11 1.635a1 1 0 0 1-1.626 0c-.719-1.004-1.848-1.635-3.11-1.635ZM2.164 8.903c0-3.344 2.609-6.122 5.913-6.122 1.515 0 2.887.59 3.924 1.549a5.77 5.77 0 0 1 3.922-1.549c3.303 0 5.913 2.778 5.913 6.124 0 3.527-1.58 6.31-3.455 8.304-1.84 1.956-4.019 3.21-5.449 3.726l-.044.018a2.673 2.673 0 0 1-.888.14c-.271 0-.593-.034-.885-.14-1.428-.507-3.635-1.767-5.496-3.745-1.876-1.994-3.455-4.777-3.455-8.305Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.rank_area .best .btn-fav span {
  font: 0/0 a;
}
.rank_area .best .btn-fav.on {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23FF33A1' fill-rule='evenodd' d='M8.077 2.781c-3.304 0-5.913 2.778-5.913 6.122 0 3.528 1.58 6.311 3.455 8.305 1.862 1.978 4.068 3.238 5.496 3.746.292.105.614.14.885.14a2.673 2.673 0 0 0 .932-.159c1.43-.517 3.608-1.77 5.449-3.726 1.876-1.993 3.455-4.777 3.455-8.304 0-3.346-2.61-6.124-5.913-6.124a5.77 5.77 0 0 0-3.922 1.549A5.755 5.755 0 0 0 8.077 2.78Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.rank_area .best .badge {
  margin-top: 16px;
}
.rank_area .best .btn-fav {
  opacity: 0;
  top: 28px;
  right: 32px;
}
.rank_area .best .rank {
  line-height: 160%;
  color: #0182FF;
  font-size: 16px;
  font-weight: 600;
}
.rank_area .best .title {
  margin-top: 4px;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.rank_area .best .auther {
  margin-top: 4px;
  font-size: 14px;
  color: #757B8A;
  line-height: 160%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.rank_area .best .ogq {
  display: flex;
  flex-wrap: wrap;
  margin-right: -32px;
}
.rank_area .best .ogq li {
  width: calc(50% - 32px);
  flex: 0 1 auto;
  margin: 16px 32px 0 0;
  padding: 0;
}
.rank_area .best .ogq li img {
  width: 116px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.rank_area .rank-section {
  width: calc(33.3% - 24px);
  flex: 0 1 auto;
  margin-right: 24px;
}
.rank_area .rank-section:last-child {
  margin: 0;
}
.rank_area .rank-section li {
  position: relative;
  border-bottom: 1px solid #E2E4E9;
}
.rank_area .rank-section li .btn-fav {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 24px;
  height: 24px;
  z-index: 100;
  transition: all 0.2s;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23ACB0B9' fill-rule='evenodd' d='M8.077 4.781c-2.123 0-3.913 1.804-3.913 4.122 0 2.888 1.284 5.204 2.911 6.934 1.641 1.744 3.577 2.83 4.712 3.233l.005.002c.004 0 .023.006.06.012a1.044 1.044 0 0 0 .343-.009l.02-.007c1.133-.401 3.069-1.487 4.71-3.23 1.627-1.73 2.91-4.046 2.91-6.933 0-2.32-1.79-4.124-3.912-4.124-1.253 0-2.392.632-3.11 1.635a1 1 0 0 1-1.626 0c-.719-1.004-1.848-1.635-3.11-1.635ZM2.164 8.903c0-3.344 2.609-6.122 5.913-6.122 1.515 0 2.887.59 3.924 1.549a5.77 5.77 0 0 1 3.922-1.549c3.303 0 5.913 2.778 5.913 6.124 0 3.527-1.58 6.31-3.455 8.304-1.84 1.956-4.019 3.21-5.449 3.726l-.044.018a2.673 2.673 0 0 1-.888.14c-.271 0-.593-.034-.885-.14-1.428-.507-3.635-1.767-5.496-3.745-1.876-1.994-3.455-4.777-3.455-8.305Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.rank_area .rank-section li .btn-fav span {
  font: 0/0 a;
}
.rank_area .rank-section li .btn-fav.on {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23FF33A1' fill-rule='evenodd' d='M8.077 2.781c-3.304 0-5.913 2.778-5.913 6.122 0 3.528 1.58 6.311 3.455 8.305 1.862 1.978 4.068 3.238 5.496 3.746.292.105.614.14.885.14a2.673 2.673 0 0 0 .932-.159c1.43-.517 3.608-1.77 5.449-3.726 1.876-1.993 3.455-4.777 3.455-8.304 0-3.346-2.61-6.124-5.913-6.124a5.77 5.77 0 0 0-3.922 1.549A5.755 5.755 0 0 0 8.077 2.78Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.rank_area .rank-section li .btn-fav {
  opacity: 0;
  top: 16px;
  right: 8px;
}
.rank_area .rank-section li:hover .btn-fav {
  opacity: 1;
}
.rank_area .rank-section li a {
  display: flex;
  align-items: center;
  padding: 24px 0;
}
.rank_area .rank-section li a:hover .info .title {
  text-decoration: underline;
}
.rank_area .rank-section li a .thumb {
  position: relative;
  min-width: 88px;
  height: 88px;
}
.rank_area .rank-section li a .thumb img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.rank_area .rank-section li a .info {
  overflow: hidden;
  margin-left: 16px;
}
.rank_area .rank-section li a .info .rank {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #0182FF;
  font-weight: 600;
}
.rank_area .rank-section li a .info .rank .streamer {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #ACB0B9;
  margin-left: 4px;
}
.rank_area .rank-section li a .info .rank .streamer + .mov {
  margin-left: 0;
}
.rank_area .rank-section li a .info .rank .streamer:has(+ .mov):after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  margin: 0 2px;
  border-radius: 50%;
  background-color: #ACB0B9;
}
.rank_area .rank-section li a .info .rank .mov {
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3ccircle cx='8' cy='8' r='6.2' stroke='%23ACB0B9' stroke-width='.933'/%3e%3cpath fill='%23ACB0B9' d='M11.07 7.431a.667.667 0 0 1 0 1.138l-4.056 2.478A.667.667 0 0 1 6 10.478V5.522c0-.52.57-.84 1.014-.569l4.055 2.478Z'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.rank_area .rank-section li a .info .title {
  display: block;
  padding-top: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 25.6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #17191C;
}
.rank_area .rank-section li a .info .auther {
  padding-top: 4px;
  font-size: 14px;
  color: #757B8A;
  line-height: 22.4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.tpl {
  position: relative;
  overflow: hidden;
  margin-top: 80px;
  min-height: 358px;
}
.tpl.blue:before, .tpl.blue .tpl-wrap:before, .tpl.blue .tpl-area .info-area {
  background-color: #0082FF;
}
.tpl.purple:before, .tpl.purple .tpl-wrap:before, .tpl.purple .tpl-area .info-area {
  background-color: #7B53D1;
}
.tpl.green:before, .tpl.green .tpl-wrap:before, .tpl.green .tpl-area .info-area {
  background-color: #129870;
}
.tpl.pink:before, .tpl.pink .tpl-wrap:before, .tpl.pink .tpl-area .info-area {
  background-color: #D65B8F;
}
.tpl.scroll {
  height: 450px;
}
.tpl.scroll .tpl-wrap {
  margin: 0;
}
.tpl.scroll .tpl-wrap:before {
  height: 327px;
}
.tpl.scroll:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -320px;
  width: 50%;
  height: 327px;
  z-index: 100;
}
.tpl.scroll:after {
  content: "";
  display: block;
  position: absolute;
  top: 327px;
  left: -320px;
  width: 50%;
  height: 122px;
  z-index: 100;
  background-color: #fff;
}
.tpl .tpl-wrap {
  position: relative;
}
.tpl .tpl-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 238px;
}
.tpl .tpl-wrap .tpl-area {
  position: relative;
  display: flex;
  min-width: 960px;
  max-width: 1408px;
  margin: 0 auto;
  padding: 60px 32px 0 32px;
}
.tpl .tpl-wrap .tpl-area .info-area {
  position: relative;
  z-index: 200;
  padding-right: 38px;
  min-width: 448px;
  max-width: 448px;
  max-height: 268px;
}
.tpl .tpl-wrap .tpl-area .info-area:before {
  content: "";
  display: block;
  position: absolute;
  top: 267px;
  left: 0;
  right: 0;
  z-index: 100;
  height: 122px;
  background-color: #fff;
}
.tpl .tpl-wrap .tpl-area .info-area .txt1 {
  font-size: 24px;
  font-weight: 600;
  line-height: 38.4px;
  color: #fff;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.tpl .tpl-wrap .tpl-area .info-area .txt2 {
  padding-top: 16px;
  font-size: 16px;
  line-height: 25.8px;
  color: #fff;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.tpl .tpl-wrap .tpl-area .info-area .control {
  display: flex;
  align-items: center;
  padding-top: 24px;
}
.tpl .tpl-wrap .tpl-area .info-area .control [class^=arrow] {
  visibility: visible;
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1.82px solid #fff;
  text-indent: -9999px;
  border-radius: 50%;
}
.tpl .tpl-wrap .tpl-area .info-area .control [class^=arrow].arrow-prev {
  margin-right: 16px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='14' fill='none'%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M7.83.505a.7.7 0 0 1 0 .99L2.323 7l5.505 5.505a.7.7 0 1 1-.99.99L1.122 7.778a1.1 1.1 0 0 1 0-1.556L6.839.505a.7.7 0 0 1 .99 0Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 9px 14px;
}
.tpl .tpl-wrap .tpl-area .info-area .control [class^=arrow].arrow-next {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' fill='none'%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M.46.505a.7.7 0 0 1 .99 0l5.718 5.717a1.1 1.1 0 0 1 0 1.556l-5.717 5.717a.7.7 0 1 1-.99-.99L5.966 7 .46 1.495a.7.7 0 0 1 0-.99Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 9px 14px;
}
.tpl .tpl-wrap .tpl-area .info-area .control [class^=arrow].swiper-button-disabled {
  opacity: 0.3;
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp {
  position: relative;
  width: calc(100% - 456px);
  margin-left: 8px;
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp .scroll-area {
  overflow: visible;
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp .scroll-area ul {
  margin: 0;
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp .scroll-area ul li {
  float: left;
  min-width: 282px !important;
  height: 377px;
  margin: 0 8px 0 0;
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp .scroll-area ul li:last-child {
  margin: 0;
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp .scroll-area [data-type=ogqBox] {
  position: relative;
  border-radius: 16px;
  border: 1px solid rgba(117, 123, 138, 0.2);
  background: #fff;
  transition: all 0.2s;
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp .scroll-area [data-type=ogqBox]:hover {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1215686275);
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp .scroll-area [data-type=ogqBox]:hover .thumbs-box {
  box-shadow: none;
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp .scroll-area [data-type=ogqBox]:hover .ogqBox-info a {
  text-decoration: underline;
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp .scroll-area [data-type=ogqBox] .thumbs-box {
  position: relative;
  padding-bottom: 0;
  text-align: center;
  background: #fff;
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp .scroll-area [data-type=ogqBox] .thumbs-box img {
  position: static;
  width: 160px;
  height: 160px;
  margin: 48px auto 0;
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp .scroll-area [data-type=ogqBox] .thumbs-box .btn-fav {
  top: 196px;
  right: 24px;
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp .scroll-area [data-type=ogqBox] .ogqBox-info {
  position: relative;
  padding: 24px 24px 32px 24px;
  margin: 0;
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp .scroll-area [data-type=ogqBox] .ogqBox-info .title {
  font-size: 18px;
  line-height: 28.8px;
  text-align: center;
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp .scroll-area [data-type=ogqBox] .ogqBox-info .txt {
  font-size: 14px;
  color: #525661;
  line-height: 22.4px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.tpl .tpl-wrap .tpl-area .scroll-area-warp .scroll-area [data-type=ogqBox] .ogqBox-info .auther {
  padding-top: 16px;
  text-align: center;
}
.tpl .tpl-wrap .section-area {
  display: flex;
  z-index: 100;
  padding: 60px 32px 0 32px;
}
.tpl .tpl-wrap .section-area .info-area {
  padding-right: 88px;
  flex: 1;
}
.tpl .tpl-wrap .section-area .info-area .txt1 {
  font-size: 24px;
  font-weight: 600;
  line-height: 38.4px;
  color: #fff;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.tpl .tpl-wrap .section-area .info-area .txt2 {
  padding-top: 16px;
  font-size: 16px;
  line-height: 25.8px;
  color: #fff;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.tpl .tpl-wrap .section-area .emo-area {
  position: relative;
  width: 720px;
}
.tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] a {
  position: relative;
  display: flex;
  padding: 24px;
  height: 288px;
  border: 1px solid rgba(117, 123, 138, 0.2);
  border-radius: 16px;
  background: #fff;
  transition: all 0.2s;
}
.tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] a:hover {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1215686275);
}
.tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] a:hover .thumbs-box {
  box-shadow: none;
}
.tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] a:hover .ogqBox-info a {
  text-decoration: underline;
}
.tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] a .thumbs-box {
  position: relative;
  padding-bottom: 0;
  text-align: center;
  background: #fff;
  min-width: 240px;
  max-width: 240px;
}
.tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] a .thumbs-box img {
  position: static;
  width: 160px;
  height: 160px;
  margin: 40px auto 0;
}
.tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] a .thumbs-box .badge {
  top: -8px;
  left: -8px;
}
.tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] a .thumbs-box .btn-fav {
  bottom: 0;
  right: 0;
}
.tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] a .ogqBox-info {
  flex: 1 auto;
  position: relative;
  padding: 0 0 0 24px;
  margin: 0;
}
.tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] a .ogqBox-info .title {
  font-size: 18px;
  line-height: 28.8px;
}
.tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] a .ogqBox-info .txt {
  font-size: 14px;
  color: #525661;
  line-height: 22.4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] a .ogqBox-info .auther {
  padding-top: 16px;
}
.tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] a .ogqBox-info .list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  padding: 53px 0 0 0;
}
.tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] a .ogqBox-info .list li {
  flex: 1 auto;
  margin-right: 10px;
  width: calc(25% - 10px);
}
.tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] a .ogqBox-info .list li img {
  width: 92px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}

.gift-area {
  position: relative;
  padding-right: 609px;
  margin-top: 80px;
}
.gift-area .gift_list ul {
  padding-top: 24px;
}
.gift-area .gift_list li {
  position: relative;
  border-bottom: 1px solid #E2E4E9;
}
.gift-area .gift_list li:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -1px;
  height: 2px;
  z-index: 3;
  left: 0;
  right: 0;
  background-color: transparent;
  transition: all 0.3s ease;
}
.gift-area .gift_list li.active:after {
  left: 0;
  right: -141px;
  background-color: #000;
}
.gift-area .gift_list li.active a .thumbs-box {
  width: 72px;
  height: 72px;
}
.gift-area .gift_list li.active a .info .title {
  font-size: 18px;
}
.gift-area .gift_list li.active a .info .txt {
  display: block;
}
.gift-area .gift_list li a {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.gift-area .gift_list li a .thumbs-box {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  transition: all 0.3s ease;
}
.gift-area .gift_list li a .info {
  flex: 1 auto;
  padding-left: 24px;
  overflow: hidden;
}
.gift-area .gift_list li a .info .title {
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #17191C;
}
.gift-area .gift_list li a .info .txt {
  display: none;
  font-size: 14px;
  color: #525661;
  line-height: 22.4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.gift-area .gift_list li a .info .auther {
  padding-top: 4px;
  font-size: 14px;
  line-height: 22.4px;
  color: #757B8A;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.gift-area .gift_detail_area {
  display: none;
  position: absolute;
  top: 16px;
  right: 0;
  width: 508px;
  height: 484px;
  padding: 44px 48px 0 48px;
  border-radius: 16px;
  background: #F6F6F9;
}
.gift-area .gift_detail_area.active {
  display: block;
}
.gift-area .gift_detail_area .streamer {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin-right: 4px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 12px;
  color: #fff;
  background: #17191C;
  transition: all 0.2s;
}
.gift-area .gift_detail_area .mov {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3ccircle cx='12' cy='12' r='9.3' stroke='%23ACB0B9' stroke-width='1.4'/%3e%3cpath fill='%23ACB0B9' d='M16.604 11.147a1 1 0 0 1 0 1.706L10.52 16.57A1 1 0 0 1 9 15.717V8.283a1 1 0 0 1 1.521-.853l6.083 3.717Z'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.gift-area .gift_detail_area .badge {
  position: absolute;
  top: 24px;
  left: 24px;
}
.gift-area .gift_detail_area .list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -32px;
  animation: list-up 0.4s ease;
}
.gift-area .gift_detail_area .list li {
  flex: 0 1 auto;
  margin: 24px 32px 0 0;
  width: calc(33.33333% - 32px);
}
.gift-area .gift_detail_area .list li img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.bnr-area {
  overflow: hidden;
  height: 200px;
  margin-top: 16px;
  text-align: center;
  border-radius: 16px;
  background: #FFA843;
}
.bnr-area a {
  display: block;
}
.bnr-area img {
  width: 960px;
  height: 200px;
}

.bnr-area-s {
  overflow: hidden;
  height: 80px;
  margin-top: 60px;
  text-align: center;
  border-radius: 16px;
}
.bnr-area-s a {
  display: block;
}
.bnr-area-s img {
  width: 960px;
  height: 80px;
}

.favorite-area {
  margin-top: 80px;
  padding: 60px 0;
  background: #002166;
}
.favorite-area .section-area {
  display: flex;
  justify-content: space-between;
}
.favorite-area .section-area .streamer_area {
  position: relative;
  width: 582px;
  height: 311px;
}
.favorite-area .section-area .streamer_area .txt1 {
  font-size: 24px;
  font-weight: 600;
  line-height: 38.4px;
  color: #fff;
}
.favorite-area .section-area .streamer_area .txt2 {
  padding-top: 16px;
  font-size: 16px;
  line-height: 25.6px;
  color: #fff;
}
.favorite-area .section-area .streamer_area .list {
  display: flex;
  flex-wrap: wrap-reverse;
  position: absolute;
  bottom: 0;
  left: 0;
}
.favorite-area .section-area .streamer_area .list li {
  margin: 12px 12px 0 0;
}
.favorite-area .section-area .streamer_area .list li.active a {
  color: #17191C;
  background: #fff;
  box-shadow: inset 0px 0px 0px 2px #0182FF;
}
.favorite-area .section-area .streamer_area .list li.active a:hover {
  color: #17191C;
  background: #fff;
}
.favorite-area .section-area .streamer_area .list li a {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 6px 16px 6px 6px;
  box-shadow: inset 0px 0px 0px 1px rgba(117, 123, 138, 0.3);
  border-radius: 18px;
  color: #adb8ce;
  background: #334d85;
  transition: all 0.2s;
}
.favorite-area .section-area .streamer_area .list li a:hover {
  color: #c2cada;
  background: #667aa3;
}
.favorite-area .section-area .streamer_area .list li a img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 4px;
}
.favorite-area .section-area .scroll-area {
  position: relative;
  max-width: 697px;
  padding: 0 72px;
}
.favorite-area .section-area .scroll-area .inner {
  margin: 0 auto;
  overflow: hidden;
  border-radius: 16px;
}
.favorite-area .section-area .scroll-area .swiper-wrapper li {
  width: 100%;
  margin: 0 auto;
  flex: none;
}
.favorite-area .section-area .scroll-area [data-type=ogqBox] a {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 48px;
  width: 100%;
  min-width: 422px;
  height: 311px;
  margin: 0 auto;
  background: #fff;
  transition: all 0.2s;
}
.favorite-area .section-area .scroll-area [data-type=ogqBox] a:hover .btn-fav {
  opacity: 1;
}
.favorite-area .section-area .scroll-area [data-type=ogqBox] a:hover .ogqBox-info a {
  text-decoration: underline;
}
.favorite-area .section-area .scroll-area [data-type=ogqBox] a .badge {
  position: absolute;
  top: 24px;
  left: 24px;
}
.favorite-area .section-area .scroll-area [data-type=ogqBox] a .btn-fav {
  opacity: 0;
  bottom: 32px;
  right: 32px;
}
.favorite-area .section-area .scroll-area [data-type=ogqBox] a .list {
  display: flex;
  flex-wrap: wrap;
  margin: 72px 0 0 0;
}
.favorite-area .section-area .scroll-area [data-type=ogqBox] a .list li {
  width: auto;
}
.favorite-area .section-area .scroll-area [data-type=ogqBox] a .list li img {
  width: 116px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.favorite-area .section-area .scroll-area [data-type=ogqBox] a .ogqBox-info {
  position: relative;
  padding: 24px 0 0 0;
  margin: 0;
  text-align: center;
}
.favorite-area .section-area .scroll-area [data-type=ogqBox] a .ogqBox-info .title {
  font-size: 18px;
  line-height: 28.8px;
}
.favorite-area .section-area .scroll-area [data-type=ogqBox] a .ogqBox-info .txt {
  font-size: 14px;
  color: #525661;
  line-height: 22.4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.favorite-area .section-area .scroll-area [data-type=ogqBox] a .ogqBox-info .auther {
  padding-top: 16px;
}
.favorite-area .section-area .scroll-area [class^=arrow].swiper-button-disabled {
  display: block;
  opacity: 0.3;
}

.event-scroll {
  position: relative;
}
.event-scroll [class^=arrow] {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: block;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  text-indent: -9999px;
  border-radius: 50%;
  border: 1px solid rgba(117, 123, 138, 0.2);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.event-scroll [class^=arrow].arrow-prev {
  left: 12px;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='14' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M7.83.505a.7.7 0 0 1 0 .99L2.323 7l5.505 5.505a.7.7 0 1 1-.99.99L1.122 7.778a1.1 1.1 0 0 1 0-1.556L6.839.505a.7.7 0 0 1 .99 0Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 9px 14px;
}
.event-scroll [class^=arrow].arrow-next {
  right: 12px;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M.46.505a.7.7 0 0 1 .99 0l5.718 5.717a1.1 1.1 0 0 1 0 1.556l-5.717 5.717a.7.7 0 1 1-.99-.99L5.966 7 .46 1.495a.7.7 0 0 1 0-.99Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 9px 14px;
}
.event-scroll [class^=arrow].swiper-button-disabled {
  display: none;
}
.event-scroll .inner {
  margin: 16px auto 0;
  overflow: hidden;
}
.event-scroll .swiper-wrapper li {
  margin-right: 24px;
  border-radius: 16px;
  padding: 24px;
}
.event-scroll .swiper-wrapper li.bg_blue {
  background: #C7E5FF;
}
.event-scroll .swiper-wrapper li.bg_ogrange {
  background: #F7D3AB;
}
.event-scroll .swiper-wrapper li.bg_green {
  background: #E2ECB4;
}
.event-scroll .swiper-wrapper li.bg_purple {
  background: #E3C7FA;
}
.event-scroll .swiper-wrapper li.bg_cyan {
  background: #C9CAF7;
}
.event-scroll .swiper-wrapper li.bg_pink {
  background: #EFB6CE;
}
.event-scroll .swiper-wrapper li .subject {
  display: flex;
  align-items: center;
  min-height: 64px;
}
.event-scroll .swiper-wrapper li .subject p {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 2;
}
.event-scroll [data-type=ogqBox] {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 24px 16px 20px 16px;
  border-radius: 8px;
  margin: 16px auto 0;
  background: #fff;
  transition: all 0.2s;
}
.event-scroll [data-type=ogqBox] .badge {
  position: absolute;
  top: 12px;
  left: 12px;
}
.event-scroll [data-type=ogqBox] .btn-fav {
  opacity: 0;
  top: 16px;
  right: 18px;
}
.event-scroll [data-type=ogqBox] .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 200px;
  margin: 0 auto;
}
.event-scroll [data-type=ogqBox] .list li {
  max-width: 92px;
  background: none;
  margin: 16px 0 0 0;
  padding: 0;
  text-align: center;
}
.event-scroll [data-type=ogqBox] .list li img {
  width: 92px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}
.event-scroll [data-type=ogqBox] .ogqBox-info {
  position: relative;
  padding: 20px 0 0 0;
  margin: 0;
}
.event-scroll [data-type=ogqBox] .ogqBox-info .title {
  line-height: 28.8px;
}
.event-scroll [data-type=ogqBox] .ogqBox-info .txt {
  font-size: 14px;
  color: #525661;
  line-height: 22.4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.event-scroll [class^=arrow].arrow-prev {
  left: -20px;
}
.event-scroll [class^=arrow].arrow-next {
  right: -20px;
}

/**************** sub page ****************/
/* 이벤트 페이지 */
.event {
  display: flex;
  flex-wrap: wrap;
  gap: 64px 24px;
  margin-top: 16px;
}
.event li {
  width: calc(33.3333333333% - 16px);
}
.event li a:hover img {
  transform: scale(1.1);
  transition: transform 0.2s;
}
.event li a:hover .info_area h4 {
  text-decoration: underline;
  text-underline-offset: 6px;
}
.event li .thumb {
  overflow: hidden;
  width: 100%;
  border-radius: 16px;
  font: 0/0 a;
}
.event li .thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.2s;
}
.event li .info_area {
  margin-top: 16px;
}
.event li .info_area h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #17191C;
}
.event li .info_area p {
  margin-top: 4px;
  color: #525661;
  font-size: 16px;
  line-height: 25px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.event li .info_area .details {
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.event li .info_area .details .state {
  margin-right: 8px;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-radius: 20px;
}
.event li .info_area .details .date {
  color: #757b8a;
  font-size: 14px;
}
.event li.ing .info_area .details .state {
  border-color: #0182ff;
  color: #0182ff;
}
.event li.end .info_area .details .state {
  border-color: #757B8A;
  color: #757B8A;
}

.table_scroll {
  width: 100%;
  max-height: 512px;
  overflow: auto;
  margin-top: 16px;
}
.table_scroll table {
  margin-top: 0;
}
.table_scroll table th {
  position: sticky;
  top: 0;
  z-index: 10;
}
.table_scroll .board_tpl td em {
  display: inline-flex;
  align-items: center;
  width: 95px;
  padding: 0;
}
.table_scroll .board_tpl td em .tooltip_ex {
  position: relative;
  z-index: 100;
}
.table_scroll .board_tpl td em .tooltip_ex .btn_tooltip {
  width: 20px;
  height: 20px;
  margin-left: 2px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3e%3cpath fill='%23ACB0B9' fill-rule='evenodd' d='M2.834 10.5a7.167 7.167 0 1 0 14.333 0 7.167 7.167 0 0 0-14.333 0Zm-1.167 0a8.333 8.333 0 1 0 16.667 0 8.333 8.333 0 0 0-16.667 0Z' clip-rule='evenodd'/%3e%3cpath fill='%23ACB0B9' fill-rule='evenodd' d='M10.749 7.167a.75.75 0 0 0-1.5 0v3.761a.75.75 0 1 0 1.5 0V7.166Zm-.754 5.75a.917.917 0 0 0 0 1.833h.01a.917.917 0 1 0 0-1.834h-.01Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.table_scroll .board_tpl td em .tooltip_ex .tip_layer {
  display: none;
  position: absolute;
  top: 26px;
  left: -57px;
  width: 700px;
  z-index: 10;
}
.table_scroll .board_tpl td em .tooltip_ex .tip_layer .inner {
  position: relative;
  display: inline-block;
  padding: 7px 26px 7px 10px;
  border: 1px solid #D5D7DC;
  border-radius: 12px;
  background: #F6F6F9;
  text-align: left;
}
.table_scroll .board_tpl td em .tooltip_ex .tip_layer .inner:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 60px;
  display: block;
  width: 18px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' fill='none'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23D5D7DC' d='m5.02 0 4.823 6H.156L5.02 0Z'/%3e%3cpath fill='%23F6F6F9' d='m5.02 1.575 4 5h-8l4-5Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h10v5H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.table_scroll .board_tpl td em .tooltip_ex .tip_layer .inner ul li {
  position: relative;
  font-size: 13px;
  line-height: 15.51px;
  padding-left: 14px;
  color: #2E2E2E;
}
.table_scroll .board_tpl td em .tooltip_ex .tip_layer .inner ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #2E2E2E;
}
.table_scroll .board_tpl td em .tooltip_ex .tip_layer .inner .txt {
  text-align: left;
  font-size: 13px;
  color: #2E2E2E;
  word-break: keep-all;
}
.table_scroll .board_tpl td em .tooltip_ex .tip_layer .inner .close {
  position: absolute;
  top: 1px;
  right: 5px;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3e%3cpath stroke='%2317191C' stroke-linecap='round' stroke-width='1.4' d='M8.59 1.423 1.615 8.397m6.975 0L1.615 1.423'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}
.table_scroll .board_tpl td em.status_red {
  text-decoration: underline;
}
.table_scroll .board_tpl td em .tooltip_ex {
  z-index: unset;
}
.table_scroll .board_tpl td em .tooltip_ex .btn_tooltip {
  display: block;
  margin-left: 2px;
  width: 17px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3e%3cpath fill='%23E52A00' fill-rule='evenodd' d='M2.767 8a5.733 5.733 0 1 0 11.467 0A5.733 5.733 0 0 0 2.767 8Zm-.933 0a6.667 6.667 0 1 0 13.333 0A6.667 6.667 0 0 0 1.834 8Z' clip-rule='evenodd'/%3e%3cpath fill='%23E52A00' fill-rule='evenodd' d='M9.098 5.333a.6.6 0 0 0-1.2 0v3.01a.6.6 0 1 0 1.2 0v-3.01Zm-.603 4.6a.733.733 0 0 0 0 1.467h.009a.733.733 0 1 0 0-1.467h-.009Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.table_scroll .board_tpl td em .tooltip_ex .tip_layer {
  right: -15px;
  left: auto;
  text-align: right;
}
.table_scroll .board_tpl td em .tooltip_ex .tip_layer .inner:before {
  right: 13px;
  left: auto;
}

.board_tpl {
  width: 100%;
  border-collapse: collapse;
  margin-top: 32px;
}
.board_tpl th {
  position: relative;
  padding: 22px 0;
  border-bottom: 1px solid rgba(117, 123, 138, 0.1019607843);
  line-height: 20px;
  font-size: 16px;
  font-weight: 500;
  background: #F6F6F9;
}
.board_tpl th:first-child:before {
  display: none;
}
.board_tpl th:before {
  content: "";
  display: block;
  position: absolute;
  top: 22px;
  left: 0;
  bottom: 22px;
  width: 1px;
  background: rgba(117, 123, 138, 0.1019607843);
}
.board_tpl tbody {
  overflow: auto;
  max-height: 300px;
}
.board_tpl td {
  position: relative;
  padding: 15px 8px;
  border-bottom: 1px solid rgba(117, 123, 138, 0.2);
  font-size: 14px;
  line-height: 22.4px;
  text-align: center;
  word-break: auto-phrase;
}
.board_tpl td:first-child:before {
  display: none;
}
.board_tpl td:before {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
  bottom: 15px;
  width: 1px;
  background: rgba(117, 123, 138, 0.1019607843);
}
.board_tpl td.title {
  padding: 0 20px;
  text-align: left;
}
.board_tpl td.title p {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.board_tpl td .refund {
  color: #ff1a45;
  text-decoration: underline;
}
.board_tpl td em {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 26px;
  line-height: 26px;
  letter-spacing: 0;
  padding: 0 12px;
  min-width: 49px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
}
.board_tpl td em.status_blue {
  color: #0182FF;
  background: rgba(1, 130, 255, 0.2);
}
.board_tpl td em.status_red {
  color: #E52A00;
  background: rgba(255, 47, 0, 0.1019607843);
}
.board_tpl td em.status_gray {
  color: #757B8A;
  background: #D5D7DC;
}
.board_tpl td.nodata {
  padding: 100px 0;
  font-size: 16px;
}

/* 상세정보 */
.item_box {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 58px;
  padding: 0 320px 40px 308px;
}
.item_box .main_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  height: 260px;
  border-radius: 16px;
  background: #F6F6F9;
}
.item_box .main_img .btn-fav {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 24px;
  height: 24px;
  z-index: 100;
  transition: all 0.2s;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23ACB0B9' fill-rule='evenodd' d='M8.077 4.781c-2.123 0-3.913 1.804-3.913 4.122 0 2.888 1.284 5.204 2.911 6.934 1.641 1.744 3.577 2.83 4.712 3.233l.005.002c.004 0 .023.006.06.012a1.044 1.044 0 0 0 .343-.009l.02-.007c1.133-.401 3.069-1.487 4.71-3.23 1.627-1.73 2.91-4.046 2.91-6.933 0-2.32-1.79-4.124-3.912-4.124-1.253 0-2.392.632-3.11 1.635a1 1 0 0 1-1.626 0c-.719-1.004-1.848-1.635-3.11-1.635ZM2.164 8.903c0-3.344 2.609-6.122 5.913-6.122 1.515 0 2.887.59 3.924 1.549a5.77 5.77 0 0 1 3.922-1.549c3.303 0 5.913 2.778 5.913 6.124 0 3.527-1.58 6.31-3.455 8.304-1.84 1.956-4.019 3.21-5.449 3.726l-.044.018a2.673 2.673 0 0 1-.888.14c-.271 0-.593-.034-.885-.14-1.428-.507-3.635-1.767-5.496-3.745-1.876-1.994-3.455-4.777-3.455-8.305Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.item_box .main_img .btn-fav span {
  font: 0/0 a;
}
.item_box .main_img .btn-fav.on {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23FF33A1' fill-rule='evenodd' d='M8.077 2.781c-3.304 0-5.913 2.778-5.913 6.122 0 3.528 1.58 6.311 3.455 8.305 1.862 1.978 4.068 3.238 5.496 3.746.292.105.614.14.885.14a2.673 2.673 0 0 0 .932-.159c1.43-.517 3.608-1.77 5.449-3.726 1.876-1.993 3.455-4.777 3.455-8.304 0-3.346-2.61-6.124-5.913-6.124a5.77 5.77 0 0 0-3.922 1.549A5.755 5.755 0 0 0 8.077 2.78Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.item_box .main_img .streamer {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin-right: 4px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 12px;
  color: #fff;
  background: #17191C;
  transition: all 0.2s;
}
.item_box .main_img .mov {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3ccircle cx='12' cy='12' r='9.3' stroke='%23ACB0B9' stroke-width='1.4'/%3e%3cpath fill='%23ACB0B9' d='M16.604 11.147a1 1 0 0 1 0 1.706L10.52 16.57A1 1 0 0 1 9 15.717V8.283a1 1 0 0 1 1.521-.853l6.083 3.717Z'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.item_box .main_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 153px;
  height: 153px;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translate(-50%, -50%);
}
.item_box .main_img .badge {
  position: absolute;
  top: 12px;
  left: 12px;
}
.item_box .desc {
  display: flex;
  flex-direction: column;
  height: 260px;
}
.item_box .desc .desc_title {
  font-size: 22px;
  line-height: 35.2px;
  font-weight: 600;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.item_box .desc .desc_info {
  padding-top: 2px;
  font-size: 16px;
  color: #525661;
  line-height: 25.6px;
  word-wrap: break-word;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.item_box .desc .desc_writer {
  padding-top: 16px;
  font-size: 14px;
  color: #757B8A;
  line-height: 22.4px;
}
.item_box .desc .desc_value {
  margin-top: auto;
  display: flex;
  align-items: center;
  height: 32px;
}
.item_box .desc .desc_value .price {
  display: inline-block;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}
.item_box .desc .desc_value .bar {
  display: inline-block;
  margin-left: 16px;
  padding-left: 16px;
  font-size: 14px;
  color: #525661;
  border-left: 1px solid rgba(117, 123, 138, 0.2);
}
.item_box .desc_buy {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 260px;
  gap: 8px;
}
.item_box .desc_buy button {
  width: 100%;
  max-width: 240px;
  height: 44px;
  vertical-align: middle;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
}
.item_box .desc_buy button:disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(23, 25, 28, 0.3019607843);
  background: #E2E4E9;
}
.item_box .desc_buy button.btn_blue {
  color: #fff;
  background: #0182FF;
}
.item_box .desc_buy button.btn_line {
  border: 1px solid #0182FF;
  color: #0182FF;
  background-color: transparent;
}
.item_box .desc_buy .buy_lay {
  opacity: 0;
  position: absolute;
  top: 62px;
  right: -200px;
  z-index: -1;
  width: 400px;
  height: 233px;
  border: 1px solid rgba(117, 123, 138, 0.2);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1490196078);
  transition: all 0.2s;
  background: #fff;
}
.item_box .desc_buy .buy_lay.active {
  right: 0;
  opacity: 1;
  z-index: 10;
}
.item_box .desc_buy .buy_lay .buy_area {
  padding: 32px;
}
.item_box .desc_buy .buy_lay .buy_area dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.item_box .desc_buy .buy_lay .buy_area dl.line {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(117, 123, 138, 0.1019607843);
}
.item_box .desc_buy .buy_lay .buy_area dl dt {
  font-size: 16px;
  color: #525661;
}
.item_box .desc_buy .buy_lay .buy_area dl dd {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #525661;
}
.item_box .desc_buy .buy_lay .buy_area dl dd strong {
  padding: 0 4px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28.8px;
  color: #17191C;
}
.item_box .desc_buy .buy_lay .buy_area dl dd input {
  width: 52px;
  height: 44px;
  text-align: center;
  margin: 0 8px;
}
.item_box .desc_buy .buy_lay .buy_area dl dd button {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  text-indent: -9999px;
}
.item_box .desc_buy .buy_lay .buy_area dl dd button.minus {
  background: #E2E4E9 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='2' fill='none'%3e%3cpath fill='%2317191C' d='M11.4.104c.331 0 .6.206.6.461 0 .227-.212.415-.492.454l-.108.008H.6c-.331 0-.6-.207-.6-.462C0 .34.212.15.492.111L.6.104h10.8Z'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 12px 2px;
}
.item_box .desc_buy .buy_lay .buy_area dl dd button.plus {
  background: #E2E4E9 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3e%3cpath fill='%2317191C' d='M7 1.015a.5.5 0 0 1 .5.5V6.5h4.985a.5.5 0 0 1 .09.992l-.09.008H7.5v4.985l-.008.09a.5.5 0 0 1-.992-.09V7.5H1.515a.5.5 0 0 1-.09-.992l.09-.008H6.5V1.515l.008-.09A.5.5 0 0 1 7 1.015Z'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}
.item_box .desc_buy .buy_lay .buy_area .btn {
  display: flex;
  align-items: center;
  margin-top: 24px;
  gap: 8px;
}

.bj_desc {
  border-top: 1px solid rgba(117, 123, 138, 0.2);
  padding-top: 20px;
}
.bj_desc.open ul {
  height: auto;
}
.bj_desc.open .show_more button:after {
  transform: rotate(180deg);
}
.bj_desc h3 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}
.bj_desc h3 span {
  color: #0182FF;
}
.bj_desc ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 4px;
  height: 102px;
  overflow: hidden;
}
.bj_desc ul.all {
  width: auto;
  height: auto;
  margin-top: 12px;
}
.bj_desc ul.all li {
  width: auto;
}
.bj_desc ul.all li div {
  display: block;
  height: 38px;
  line-height: 36px;
  border-radius: 19px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
  color: #0182FF;
  border: 1px solid #0182FF;
}
.bj_desc ul li {
  width: 8.33333%;
}
.bj_desc ul li a {
  display: block;
  padding: 12px 0 12px;
}
.bj_desc ul li a:hover {
  text-decoration: underline;
}
.bj_desc ul li a img {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  border-radius: 50%;
  border: 1px solid #D5D7DC;
}
.bj_desc ul li a .writer {
  padding: 8px 4px 0 4px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-align: center;
  font-size: 14px;
  color: #525661;
  line-height: 22px;
}

.emo_zone {
  margin-top: 44px;
  background: #fff;
  transition: all 0.2s ease;
}
.emo_zone.dark {
  background: #17191C;
}
.emo_zone.dark .info_area {
  border-color: rgba(255, 255, 255, 0.2);
  background: #17191C;
}
.emo_zone.dark .info_area p {
  color: #fff;
}
.emo_zone.dark .info_area .switch {
  color: #fff;
}
.emo_zone .info_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 58px;
  padding: 0 24px;
  border-bottom: 1px solid rgba(117, 123, 138, 0.1019607843);
  background: #F6F6F9;
}
.emo_zone .info_area * {
  transition: all 0.2s ease;
}
.emo_zone .info_area p {
  font-size: 16px;
}
.emo_zone .info_area .switch {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.emo_zone .info_area .switch em {
  display: block;
  position: relative;
  background: #E2E4E9;
  width: 48px;
  height: 24px;
  margin-left: 8px;
  border-radius: 12px;
  transition: 0.2s;
  cursor: pointer;
}
.emo_zone .info_area .switch em::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  box-shadow: 0px 0px 2px 0px rgba(23, 25, 28, 0.1019607843);
  background: #fff;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: 0.2s;
}
.emo_zone .info_area .switch input[type=checkbox] {
  display: none;
}
.emo_zone .info_area .switch input[type=checkbox]:checked + em {
  background: #4279ff;
}
.emo_zone .info_area .switch input[type=checkbox]:checked + em::after {
  left: calc(100% - 20px);
  background: #fff;
}
.emo_zone .emo_list_wrap {
  display: flex;
  flex-wrap: wrap;
}
.emo_zone .emo_list_wrap * {
  transition: all 0.2s ease;
}
.emo_zone .emo_list_wrap.dim li {
  opacity: 0.5;
}
.emo_zone .emo_list_wrap.dim li.clicked {
  opacity: 1;
}
.emo_zone .emo_list_wrap.dim li.clicked img {
  width: 100%;
}
.emo_zone .emo_list_wrap li {
  position: relative;
  width: 16.6666%;
  cursor: pointer;
}
.emo_zone .emo_list_wrap li a {
  display: block;
  width: 100%;
  position: relative;
  padding-bottom: 100%;
  font: 0/0 a;
}
.emo_zone .emo_list_wrap li a img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 64%;
  margin: auto;
}

.emo_info {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid rgba(117, 123, 138, 0.2);
}
.emo_info h3 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}
.emo_info ul {
  margin-top: 16px;
}
.emo_info ul li {
  position: relative;
  margin-top: 4px;
  font-size: 14px;
  line-height: 22.4px;
  padding-left: 22px;
  color: #525661;
}
.emo_info ul li .tcr_red {
  color: #E52A00;
}
.emo_info ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 9px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #525661;
}

.fan-area {
  display: flex;
  justify-content: space-between;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 60px;
  padding: 32px 48px;
  background: rgba(1, 130, 255, 0.1019607843);
  border-radius: 16px;
}
.fan-area .streamer_area {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 442px;
  min-width: 280px;
  padding: 16px 0;
}
.fan-area .streamer_area .txt {
  font-size: 22px;
  font-weight: 600;
  line-height: 35.2px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.fan-area .streamer_area .writer {
  width: 80px;
  height: 80px;
  margin-top: auto;
  border: 1px solid #D5D7DC;
  border-radius: 50%;
}
.fan-area .streamer_area .writer img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fan-area .scroll-area {
  position: relative;
  min-width: 772px;
  max-width: 772px;
  padding: 0 56px;
  overflow: visible;
}
.fan-area .scroll-area .inner {
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
}
.fan-area .scroll-area .swiper-wrapper li {
  width: 100%;
  margin: 0 auto;
  flex: none;
}
.fan-area .scroll-area [data-type=ogqBox] {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 32px;
  width: 100%;
  height: 261px;
  margin: 0 auto;
  background: #fff;
  transition: all 0.2s;
}
.fan-area .scroll-area [data-type=ogqBox]:hover .btn-fav {
  opacity: 1;
}
.fan-area .scroll-area [data-type=ogqBox]:hover .ogqBox-info a {
  text-decoration: underline;
}
.fan-area .scroll-area [data-type=ogqBox] .badge {
  position: absolute;
  top: 20px;
  left: 32px;
}
.fan-area .scroll-area [data-type=ogqBox] .btn-fav {
  opacity: 0;
  top: 24px;
  right: 24px;
}
.fan-area .scroll-area [data-type=ogqBox] .list {
  display: flex;
  flex-wrap: wrap;
  margin: 60px 0 0 0;
  gap: 24px;
}
.fan-area .scroll-area [data-type=ogqBox] .list li {
  width: auto;
}
.fan-area .scroll-area [data-type=ogqBox] .list li img {
  width: 131px;
  height: 113px;
  -o-object-fit: cover;
     object-fit: cover;
}
.fan-area .scroll-area [data-type=ogqBox] .ogqBox-info {
  position: relative;
  padding: 16px 0 0 0;
  margin: 0;
}
.fan-area .scroll-area [data-type=ogqBox] .ogqBox-info .title {
  font-size: 16px;
  line-height: 25.6px;
}
.fan-area .scroll-area [data-type=ogqBox] .ogqBox-info .txt {
  font-size: 14px;
  color: #525661;
  line-height: 22.4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.fan-area .scroll-area [data-type=ogqBox] .ogqBox-info .auther {
  padding-top: 4px;
}
.fan-area .scroll-area [class^=arrow].arrow-prev {
  left: 0;
}
.fan-area .scroll-area [class^=arrow].arrow-next {
  right: 0;
}
.fan-area .scroll-area [class^=arrow].swiper-button-disabled {
  display: block;
  opacity: 0.3;
}

.writer_zone {
  position: relative;
  padding: 0 0 40px 226px;
  margin-top: 60px;
}
.writer_zone .tit {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 202px;
}
.writer_zone .tit h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}
.writer_zone .tit h3 .nick {
  display: block;
  word-break: break-all;
}
.writer_zone .tit .more_view {
  display: block;
  padding-top: 8px;
  font-size: 14px;
  color: #525661;
  font-weight: 500;
  line-height: 35px;
}
.writer_zone .tit .more_view:after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 10px;
  margin-left: 9px;
  vertical-align: 0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M.881 1.129a.525.525 0 0 1 .743 0l4.288 4.288a.825.825 0 0 1 0 1.166l-4.288 4.288a.525.525 0 1 1-.743-.742L5.011 6 .88 1.871a.525.525 0 0 1 0-.742Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.writer_zone .emo_list {
  margin: 0 -24px 0 0;
}
.writer_zone .emo_list li {
  width: calc(20% - 24px);
  margin: 0 24px 0 0;
}

.nt_data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 200px 0 276px;
}
.nt_data.buy {
  padding: 108px 0 100px;
}
.nt_data.buy .btn_area {
  margin-top: 48px;
}
.nt_data.buy .btn_area a {
  width: 240px;
}
.nt_data.search_result {
  padding: 160px 0;
}
.nt_data .ic_finish {
  display: block;
  width: 80px;
  height: 80px;
  margin-bottom: 8px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none'%3e%3ccircle cx='40' cy='40' r='32' fill='%233396FF'/%3e%3ccircle cx='40' cy='40' r='14.889' stroke='%23fff' stroke-width='2.222'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.222' d='m33.143 39.82 4.859 4.942 9.045-9.524'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.nt_data .ic_exclamation {
  display: block;
  width: 80px;
  height: 80px;
  margin-bottom: 8px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none'%3e%3ccircle cx='40' cy='40' r='32' fill='%23ACB0B9'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.222' d='M40 53.333c-7.363 0-13.333-5.97-13.333-13.333 0-7.364 5.97-13.333 13.333-13.333 7.364 0 13.334 5.97 13.334 13.333 0 7.364-5.97 13.333-13.334 13.333ZM39.998 34.667v6.018M39.991 45.333h.017'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.nt_data .ic_gift {
  display: block;
  width: 80px;
  height: 80px;
  margin-bottom: 8px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none'%3e%3ccircle cx='40' cy='40' r='32' fill='%233396FF'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.867' d='M49.185 47.881c-.103 1.209-.938 2.105-2.013 2.206-1.426.134-3.752.28-7.119.28s-5.693-.146-7.118-.28c-1.076-.102-1.91-.997-2.014-2.206-.104-1.211-.201-3.015-.201-5.513 0-2.499.097-4.303.201-5.514.103-1.209.938-2.104 2.014-2.206 1.425-.134 3.751-.28 7.118-.28 3.367 0 5.693.146 7.119.28 1.075.102 1.91.997 2.013 2.206.104 1.212.201 3.015.201 5.514 0 2.498-.097 4.302-.2 5.513ZM39.887 34.44v16M30.72 42.368l18.666.004'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.867' d='M39.887 34.44c0-1.5-2-5-5-5-1.75 0-3 1.343-3 3 0 .841.346 1.601.904 2.146M39.887 34.44c0-1.5 2-5 5-5 1.75 0 3 1.343 3 3 0 .841-.346 1.601-.904 2.146'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.nt_data p {
  text-align: center;
}
.nt_data p.txt1 {
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
}
.nt_data p.txt2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 38.4px;
}
.nt_data p.txt3 {
  padding-top: 8px;
  color: #525661;
  font-weight: 400;
  font-size: 16px;
  line-height: 25.6px;
}
.nt_data p.txt4 {
  font-weight: 600;
  font-size: 18px;
  line-height: 29px;
}
.nt_data .btn_area {
  display: flex;
  align-items: center;
  margin-top: 32px;
  gap: 8px;
}
.nt_data .btn_area button, .nt_data .btn_area a {
  display: block;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
}
.nt_data .btn_area button strong, .nt_data .btn_area a strong {
  font-weight: 600;
}
.nt_data .btn_area button.btn_wh, .nt_data .btn_area a.btn_wh {
  color: #0182FF;
  border: 1px solid #0182FF;
  background: #fff;
}
.nt_data .btn_area button.btn_blue, .nt_data .btn_area a.btn_blue {
  color: #fff;
  background: #0182FF;
}
.nt_data .purchase {
  width: 768px;
  margin-top: 48px;
}

/* 마이페이지 */
.mypage #cont {
  padding-left: 235px;
  min-height: 600px;
}
.mypage #cont h2 {
  font-size: 22px !important;
}
.mypage #cont .section-area {
  min-width: 725px;
}
.mypage #cont .sort_area {
  display: flex;
  align-items: center;
}
.mypage #cont .sort_area label {
  position: relative;
  display: flex;
  align-items: center;
  height: 24px;
  font-size: 14px;
  padding-right: 0;
  color: #525661;
}
.mypage #cont .sort_area label:before {
  display: none;
}
.mypage #cont .sort_area label input {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.mypage .my_lnb {
  position: fixed;
  top: 112px;
  bottom: 0;
  left: 0;
  width: 235px;
  z-index: 1499;
}
.mypage .my_lnb ul {
  padding: 24px 10px 0 20px;
}
.mypage .my_lnb ul li:not(:first-of-type) {
  margin-top: 8px;
}
.mypage .my_lnb ul li.on a {
  background: #F2F9FF;
  border-radius: 8px;
  font-weight: 600;
  color: #17191C;
}
.mypage .my_lnb ul li a {
  display: flex;
  align-items: center;
  padding: 8px 0 8px 16px;
  color: #525661;
  font-size: 16px;
  line-height: 26px;
}
.mypage .my_lnb ul li a .ico {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.167' d='M6.802 1.333H3.677a2.344 2.344 0 0 0-2.344 2.344v7.813a2.344 2.344 0 0 0 2.344 2.344h7.813a2.344 2.344 0 0 0 2.344-2.344V8.365M9.927 1.334h3.907m0 0v3.515m0-3.516-6.642 6.64'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.mypage .noti_wrap {
  padding: 40px 0;
}
.mypage .noti_wrap dt {
  margin-bottom: 16px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
.mypage .noti_wrap dd {
  position: relative;
  margin-top: 4px;
  padding-left: 22px;
  color: #525661;
  font-size: 14px;
  line-height: 22px;
}
.mypage .noti_wrap dd:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 10px;
  background: #525661;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}
.mypage .category {
  display: flex;
  gap: 0 12px;
  margin-top: 16px;
}
.mypage .category li button {
  padding: 8px 14px;
  border: 1px solid #d5d7dc;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
  color: #525661;
}
.mypage .category li.on button {
  background: #17191C;
  border-color: #17191C;
  color: #fff;
}
.mypage .purchase_wrap {
  margin-top: 24px;
}
.mypage .purchase_wrap .list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width: 1279px) {
  .mypage .purchase_wrap .list > li {
    width: 100%;
  }
}
.mypage .emo_set_wrap {
  margin-top: 16px;
}
.mypage .emo_set_wrap ul {
  position: relative;
  border-top: 1px solid #D5D7DC;
}
.mypage .emo_set_wrap ul li {
  display: flex;
  align-items: center;
  position: relative;
  background: #fff;
  height: 112px;
  border-bottom: 1px solid #E2E4E9;
}
.mypage .emo_set_wrap ul li.ui-sortable-helper {
  width: 100%;
  box-shadow: 10px 20px 60px 0 rgba(0, 0, 0, 0.1);
}
.mypage .emo_set_wrap ul li .check_area {
  position: absolute;
  top: 45px;
  left: 50px;
  font-size: 14px;
  z-index: 20;
}
.mypage .emo_set_wrap ul li .ogq_area {
  display: flex;
  align-items: center;
  padding: 16px 131px 16px 179px;
  overflow: hidden;
}
.mypage .emo_set_wrap ul li .ogq_area img {
  display: block;
  width: 80px;
  height: 80px;
  margin-right: 24px;
}
.mypage .emo_set_wrap ul li .ogq_area .t_area {
  display: flex;
  flex-direction: column;
  height: 80px;
  font-size: 13px;
  overflow: hidden;
}
.mypage .emo_set_wrap ul li .ogq_area .t_area div {
  display: block;
  color: #525661;
  font-size: 14px;
}
.mypage .emo_set_wrap ul li .ogq_area .t_area div.title {
  display: flex;
  align-items: center;
}
.mypage .emo_set_wrap ul li .ogq_area .t_area div.title p {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #17191C;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.mypage .emo_set_wrap ul li .ogq_area .t_area div.title .creator {
  display: inline-block;
  min-width: 54px;
  background: #17191C;
  height: 20px;
  margin-left: 8px;
  padding: 0 6px;
  border-radius: 30px;
  color: #fff;
  font-weight: 600;
  line-height: 21px;
  font-size: 12px;
}
.mypage .emo_set_wrap ul li .ogq_area .t_area div.date {
  margin-top: 4px;
}
.mypage .emo_set_wrap ul li .ogq_area .t_area div.st {
  margin-top: auto;
}
.mypage .emo_set_wrap ul li button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  cursor: move;
  text-indent: -9999px;
}
.mypage .emo_set_wrap ul li button:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 60px;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23ACB0B9' fill-rule='evenodd' d='M4 7.3a.7.7 0 0 0 0 1.4h16a.7.7 0 1 0 0-1.4H4Zm0 4a.7.7 0 1 0 0 1.4h16a.7.7 0 1 0 0-1.4H4Zm0 4a.7.7 0 1 0 0 1.4h16a.7.7 0 1 0 0-1.4H4Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mypage .agree_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #F2F9FF;
  margin-top: 32px;
  padding: 43px 34px;
  border: 1px solid #44A3FF;
  border-radius: 20px;
}
.mypage .agree_area .cbx_wrap {
  padding-right: 10px;
}
.mypage .agree_area .cbx_wrap .cbx {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  line-height: 29px;
}
.mypage .agree_area .cbx_wrap .cbx label {
  padding-left: 8px;
  font-size: 18px;
}
.mypage .agree_area .cbx_wrap .cbx .btn_agree_view {
  display: inline-flex;
  align-items: center;
  margin-left: 11px;
  font-size: 14px;
  color: #525661;
  font-weight: 400;
}
.mypage .agree_area .cbx_wrap .cbx .btn_agree_view:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3e%3cpath fill='%23757B8A' fill-rule='evenodd' d='M6.881 4.129a.525.525 0 0 1 .743 0l4.288 4.288a.825.825 0 0 1 0 1.166l-4.288 4.288a.525.525 0 1 1-.743-.742L11.011 9 6.88 4.871a.525.525 0 0 1 0-.742Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mypage .agree_area .cbx_wrap p {
  padding: 2px 0 0 34px;
  font-size: 16px;
  color: #525661;
  line-height: 25px;
  word-break: keep-all;
}
.mypage .agree_area button {
  display: block;
  width: 240px;
  height: 48px;
  text-align: center;
  color: #fff;
  background: #0182FF;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
}
.mypage .agree_area button.disabled {
  background: #E2E4E9;
  color: rgba(23, 25, 28, 0.3);
  cursor: unset;
}
.mypage .blur_area {
  position: relative;
  margin-top: 32px;
  padding: 30px 34px 40px 34px;
  border-radius: 20px;
  background: #f8f8f9;
}
.mypage .blur_area img {
  width: 100%;
  max-height: 298px;
}
.mypage .blur_area p {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  text-align: center;
  font-size: 18px;
  color: #17191C;
}
.mypage .top_btn_wrap {
  background: transparent;
  width: 100%;
  margin-bottom: 16px;
  padding: 0;
}
.mypage .top_btn_wrap .using {
  display: flex;
  align-items: center;
  margin-left: auto;
  color: #757B8A;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.mypage .top_btn_wrap .using:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill='%2317191C' fill-rule='evenodd' d='M6.117 3.67a.467.467 0 0 1 .66 0l3.811 3.811a.733.733 0 0 1 0 1.037L6.777 12.33a.467.467 0 0 1-.66-.66L9.787 8l-3.67-3.67a.467.467 0 0 1 0-.66Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 16px;
  height: 16px;
  margin-left: 4px;
}
.mypage .exchange_area {
  display: flex;
  gap: 0 24px;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 16px;
}
.mypage .exchange_area > div {
  display: flex;
  flex-direction: column;
  background: #f2f8ff;
  width: calc(50% - 12px);
  padding: 24px 40px 32px 40px;
  border-radius: 20px;
}
.mypage .exchange_area > div.bx1 {
  padding: 32px 40px;
}
.mypage .exchange_area > div.bx1 .tit_sv {
  margin-bottom: 5px;
}
.mypage .exchange_area > div.bx2 {
  padding: 32px 40px;
}
.mypage .exchange_area > div.bx2 .tit_sv {
  margin-bottom: 0;
}
.mypage .exchange_area > div.bxg {
  padding: 32px 40px;
  background: #F6F6F9;
}
.mypage .exchange_area > div.bxg h4 {
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 600;
}
.mypage .exchange_area > div.bxg ul {
  margin-top: 19px;
}
.mypage .exchange_area > div.bxg ul li {
  position: relative;
  margin-top: 4px;
  padding-left: 12px;
  line-height: 22.4px;
  color: #525661;
  font-size: 14px;
}
.mypage .exchange_area > div.bxg ul li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #525661;
}
.mypage .exchange_area > div.bxg ul li span {
  display: block;
}
.mypage .exchange_area > div .tit_sv {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 13px;
}
.mypage .exchange_area > div .tit_sv .tit {
  color: #0182FF;
  font-size: 18px;
  font-weight: 600;
  line-height: 29px;
}
.mypage .exchange_area > div .tit_sv .tit span {
  display: block;
  margin-top: 4px;
  color: #525661;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.mypage .exchange_area > div .tit_sv .tit span.mprice {
  display: flex;
  align-items: center;
  color: #757B8A;
}
.mypage .exchange_area > div .tit_sv .tit span.mprice em {
  padding-left: 6px;
  color: #E52A00;
}
.mypage .exchange_area > div .tit_sv .more {
  display: flex;
  align-items: center;
  color: #525661;
  font-weight: 500;
  font-size: 14px;
  line-height: 36px;
}
.mypage .exchange_area > div .tit_sv .more:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M6.881 4.129a.525.525 0 0 1 .743 0l4.288 4.288a.825.825 0 0 1 0 1.166l-4.288 4.288a.525.525 0 1 1-.743-.742L11.01 9 6.881 4.871a.525.525 0 0 1 0-.742Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  margin-left: 2px;
}
.mypage .exchange_area > div .price, .mypage .exchange_area > div .num {
  display: block;
  margin-top: auto;
  text-align: right;
  font-size: 22px;
  font-weight: 600;
  line-height: 38px;
}
.mypage .exchange_area > div .btn_area {
  display: flex;
  gap: 0 16px;
  margin-top: 20px;
}
.mypage .exchange_area > div .btn_area button {
  width: 100%;
  height: 44px;
  border-radius: 8px;
  font-size: 16px;
}
.mypage .exchange_area > div .btn_area button.btn_view {
  border: 1px solid #0182FF;
  color: #0182FF;
  background: #fff;
}
.mypage .exchange_area > div .btn_area button.btn_apply {
  color: #fff;
  background: #0182FF;
}
.mypage .publicity_wrap {
  margin-top: 60px;
}
.mypage .publicity_wrap h3 {
  font-size: 20px;
  font-weight: 600;
}
.mypage .publicity_wrap h3 .col_b {
  color: #0182FF;
}
.mypage .publicity_wrap .emo_list {
  margin: -8px -24px 0 0;
}
.mypage .publicity_wrap .nt_data {
  padding: 100px 0;
}
.mypage .publicity_wrap .nt_data p {
  color: #525661;
  font-size: 16px;
  line-height: 25.6px;
}
.mypage {
  /* 보유중인 이모티콘 선물하기 */
}
.mypage .gift-emoticon_own {
  position: static;
  width: 900px;
  margin: auto;
  padding: 29px 32px;
  box-sizing: border-box;
  border: 1px solid rgba(117, 123, 138, 0.2);
  border-radius: 12px;
}
.mypage .gift-emoticon_own .tit_wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.mypage .gift-emoticon_own .tit_wrap h4 {
  font-weight: 600;
  font-size: 18px;
}
.mypage .gift-emoticon_own .tit_wrap p {
  color: #525661;
  font-size: 14px;
  text-align: left;
  font-weight: 400;
}
.mypage .gift-emoticon_own .tit_wrap .close {
  display: block;
  position: static;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M5.245 4.259a.7.7 0 1 0-.99.99l6.755 6.755-6.755 6.755a.7.7 0 0 0 .99.99L12 12.994l6.755 6.755a.7.7 0 1 0 .99-.99l-6.755-6.755 6.755-6.755a.7.7 0 0 0-.99-.99L12 11.014 5.245 4.259Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 0;
  font: 0/0 a;
}
.mypage .gift-emoticon_own .pop-title {
  padding: 0;
  font-weight: 600;
  font-size: 18px;
  border: 0;
}
.mypage .gift-emoticon_own .pop-close {
  top: 29px;
  right: 32px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M5.245 4.259a.7.7 0 1 0-.99.99l6.755 6.755-6.755 6.755a.7.7 0 1 0 .99.99L12 12.994l6.755 6.755a.7.7 0 1 0 .99-.99l-6.755-6.755 6.755-6.755a.7.7 0 1 0-.99-.99L12 11.014 5.245 4.259Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
}
.mypage .gift-emoticon_own .info {
  display: flex;
  margin-top: 16px;
  padding: 16px 0;
}
.mypage .gift-emoticon_own .info img {
  width: 80px;
  height: 80px;
}
.mypage .gift-emoticon_own .info .t_area {
  margin-left: 24px;
}
.mypage .gift-emoticon_own .info .t_area p {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}
.mypage .gift-emoticon_own .info .t_area p em {
  color: #006bfe;
  font-weight: bold;
}
.mypage .gift-emoticon_own .info .t_area p strong {
  font-weight: 600;
}
.mypage .gift-emoticon_own .info .t_area p + p {
  font-size: 14px;
  padding: 10px 0 0;
  line-height: 22px;
}
.mypage .gift-emoticon_own .info .t_area p + span {
  font-size: 14px;
  color: #757B8A;
  line-height: 22px;
}
.mypage .gift-emoticon_own .input {
  display: flex;
  gap: 0 24px;
  flex-wrap: wrap;
  padding-top: 24px;
  border-top: 1px solid #E2E4E9;
}
.mypage .gift-emoticon_own .input > div {
  width: calc(50% - 12px);
  box-sizing: border-box;
}
.mypage .gift-emoticon_own .input > div.scroll_area {
  overflow: auto;
  background: #f6f6f9;
  height: 406px;
  padding: 24px;
  border: 1px solid #E2E4E9;
  border-radius: 8px;
}
.mypage .gift-emoticon_own .input > div.scroll_area > ul {
  width: 100%;
  border: 1px solid #D5D7DC;
  background-color: #fff;
}
.mypage .gift-emoticon_own .input > div.scroll_area > ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #D5D7DC;
}
.mypage .gift-emoticon_own .input > div.scroll_area > ul li:last-of-type {
  border-bottom: 0;
}
.mypage .gift-emoticon_own .input > div.scroll_area > ul li input {
  border: none;
  padding: 0 100px 0 12px;
  line-height: 41px;
  height: 41px;
}
.mypage .gift-emoticon_own .input > div.scroll_area > ul li input::-moz-placeholder {
  color: #ACB0B9;
}
.mypage .gift-emoticon_own .input > div.scroll_area > ul li input::placeholder {
  color: #ACB0B9;
}
.mypage .gift-emoticon_own .input > div.scroll_area > ul li span {
  position: absolute;
  right: 12px;
  top: 13px;
  font-size: 12px;
  color: #0041CC;
}
.mypage .gift-emoticon_own .input > div.scroll_area > ul li.red span {
  color: #E52A00 !important;
}
.mypage .gift-emoticon_own .input > div.input_noti {
  display: flex;
  flex-direction: column;
}
.mypage .gift-emoticon_own .input > div.input_noti dt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 600;
}
.mypage .gift-emoticon_own .input > div.input_noti dt .remove {
  background: transparent;
  margin: 0;
  height: 22px;
  padding: 0 8px;
  border: 1px solid #D5D7DC;
  border-radius: 4px;
  color: #525661;
  font-size: 12px;
  font-weight: 400;
}
.mypage .gift-emoticon_own .input > div.input_noti dt .remove:disabled {
  color: rgba(23, 25, 28, 0.3019607843);
  pointer-events: none;
  cursor: default;
}
.mypage .gift-emoticon_own .input > div.input_noti ul li {
  position: relative;
  font-size: 14px;
  color: #525661;
  margin-top: 4px;
  line-height: 22px;
  padding-left: 22px;
}
.mypage .gift-emoticon_own .input > div.input_noti ul li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 10px;
  background: #525661;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}
.mypage .gift-emoticon_own .input > div.input_noti .result_wrap {
  margin-top: auto;
}
.mypage .gift-emoticon_own .input > div.input_noti p.noti_t {
  color: #E52A00;
  margin-bottom: 8px;
  font-size: 14px;
}
.mypage .gift-emoticon_own .input > div.input_noti .result_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 32px 16px 24px;
  border: 1px solid #E2E4E9;
  background-color: #f6f6f9;
  border-radius: 8px;
}
.mypage .gift-emoticon_own .input > div.input_noti .result_box strong {
  font-size: 16px;
  font-weight: 600;
}
.mypage .gift-emoticon_own .input > div.input_noti .result_box p {
  display: flex;
  align-items: center;
  margin-top: 4px;
  color: #666;
  font-size: 16px;
  line-height: 29px;
}
.mypage .gift-emoticon_own .input > div.input_noti .result_box p:first-of-type {
  margin-top: 0;
}
.mypage .gift-emoticon_own .input > div.input_noti .result_box p em {
  width: 48px;
  margin-right: 8px;
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  color: #006bfe;
}
.mypage .gift-emoticon_own .input > div.input_noti .result_box p em.zero {
  color: #525661;
}
.mypage .gift-emoticon_own .input > div.input_noti .result_box p + p em {
  color: #ff2424;
}
.mypage .gift-emoticon_own .input > div.input_noti .result_box + p {
  margin-top: 8px;
  font-size: 13px;
  color: #888;
  line-height: 1.3;
  padding-left: 15px;
  text-indent: -15px;
}
.mypage .gift-emoticon_own .input > div.done_area {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 406px;
}
.mypage .gift-emoticon_own .input > div.done_area p {
  font-size: 14px;
  line-height: 25px;
  text-align: center;
}
.mypage .gift-emoticon_own .input > div.done_area p:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none'%3e%3ccircle cx='32' cy='32' r='25.6' fill='%233396FF'/%3e%3ccircle cx='32' cy='32' r='11.911' stroke='%23fff' stroke-width='1.778'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.778' d='m26.515 31.856 3.887 3.953 7.236-7.619'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 51px 51px;
  width: 64px;
  height: 64px;
  margin: 0 auto 8px;
}
.mypage .gift-emoticon_own .pop-btn2 {
  margin-top: 24px;
  margin: 30px 0 0 0;
}
.mypage .gift-emoticon_own .pop-btn2 button.btn {
  width: 100%;
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
  height: 52px;
}
.mypage .gift-emoticon_own .pop-btn2 button.btn.btn_blue {
  background: #0182FF;
  border-color: #0182FF;
}
.mypage .gift-emoticon_own .pop-btn2 button.btn.btn_blue:hover {
  background: #0182FF;
  border-color: #0182FF;
}
.mypage .gift-emoticon_own .pop-btn2 button.btn.disabled {
  background: #E2E4E9;
  border-color: #E2E4E9;
  color: rgba(23, 25, 28, 0.3);
}
.mypage .gift-emoticon_own .pop-btn2 button.btn.disabled:hover {
  background: #E2E4E9;
  border-color: #E2E4E9;
}
.mypage .gift-emoticon_own .pop-btn2 button.btn.close {
  border-color: #D5D7DC;
  font-weight: 500;
}
.mypage {
  /* //보유중인 이모티콘 선물하기 */
}
.mypage .pay_wrap {
  margin-top: 32px;
  padding: 64px;
  background: #F7F7F9;
}
.mypage .pay_wrap h2 {
  font-size: 22px;
  line-height: 38.4px;
  font-weight: 600;
}
.mypage .pay_wrap h3 {
  font-size: 20px;
  line-height: 32px;
  margin-top: 40px;
  font-weight: 600;
}
.mypage .pay_wrap h4 {
  font-size: 16px;
  line-height: 25.6px;
  margin: 32px 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(117, 123, 138, 0.2);
  font-weight: 600;
}
.mypage .pay_wrap .tit_wr {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.mypage .pay_wrap .tit_wr + h4 {
  margin: 24px 0 16px;
}
.mypage .pay_wrap .tit_wr h3 {
  margin: 0;
}
.mypage .pay_wrap .tit_wr input {
  margin-left: 18px;
}
.mypage .pay_wrap .tit_wr label {
  padding-left: 8px;
  color: #17191C;
}
.mypage .pay_wrap .pay_area {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 16px;
  padding: 32px 64px;
  border: 1px solid #44A3FF;
  border-radius: 20px;
  background: #F2F9FF;
}
.mypage .pay_wrap .pay_area .pay {
  display: flex;
  align-items: center;
  max-width: 309px;
  font-size: 24px;
  font-weight: 600;
  height: 38px;
}
.mypage .pay_wrap .pay_area .pay.total {
  color: #0182FF;
}
.mypage .pay_wrap .pay_area .pay.total .title {
  color: #0182FF;
}
.mypage .pay_wrap .pay_area .pay .title {
  font-size: 16px;
  color: #525661;
  font-weight: 400;
  margin-right: 16px;
}
.mypage .pay_wrap .pay_area .txt {
  width: 80px;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.mypage .pay_wrap .input_form {
  display: flex;
  font-size: 14px;
  color: #565656;
  margin-top: 8px;
  padding-left: 16px;
}
.mypage .pay_wrap .input_form dt {
  min-width: 120px;
  padding-top: 12px;
  line-height: 22.4px;
  font-weight: 600;
}
.mypage .pay_wrap .input_form dt.sp15 {
  padding-top: 15px;
}
.mypage .pay_wrap .input_form dt .dsp {
  position: relative;
  top: -2px;
  color: #ff3f3f;
  font-weight: bold;
  padding-left: 3px;
}
.mypage .pay_wrap .input_form dd {
  flex-grow: 1;
}
.mypage .pay_wrap .input_form dd.txt {
  display: flex;
  align-items: center;
  height: 42px;
  color: #17191C;
}
.mypage .pay_wrap .input_form dd .btn_name_info {
  display: flex;
  align-items: center;
  height: 26px;
  padding: 0 6px 0 10px;
  margin-left: 16px;
  border: 1px solid #D5D7DC;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  background: #fff;
}
.mypage .pay_wrap .input_form dd .btn_name_info:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M6.88 4.129a.525.525 0 0 1 .743 0l4.288 4.288a.825.825 0 0 1 0 1.166l-4.288 4.288a.525.525 0 1 1-.743-.742L11.01 9 6.88 4.871a.525.525 0 0 1 0-.742Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mypage .pay_wrap .input_form dd .txt {
  padding: 0 8px;
  color: #757B8A;
}
.mypage .pay_wrap .input_form dd .iw_160 {
  width: 160px;
}
.mypage .pay_wrap .input_form dd .iw_240 {
  width: 240px;
}
.mypage .pay_wrap .input_form dd .iw_300 {
  width: 300px;
}
.mypage .pay_wrap .input_form dd .iw_452 {
  width: 452px;
}
.mypage .pay_wrap .input_form dd .btn_address {
  height: 42px;
  margin-left: 8px;
  padding: 0 20px;
  border: 1px solid #D5D7DC;
  border-radius: 8px;
  font-weight: 600;
  background: #fff;
}
.mypage .pay_wrap .input_form dd .btn_change {
  height: 44px;
  margin-left: 12px;
  padding: 0 20px;
  border: 1px solid #0182FF;
  border-radius: 8px;
  font-size: 16px;
  color: #0182FF;
  font-weight: 600;
  background: #fff;
}
.mypage .pay_wrap .input_form dd .btn_confirm {
  height: 44px;
  margin-left: 12px;
  padding: 0 20px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: #0182FF;
}
.mypage .pay_wrap .input_form dd .btn_confirm:disabled {
  color: rgba(23, 25, 28, 0.3019607843);
  background: #E2E4E9;
  pointer-events: none;
  cursor: default;
}
.mypage .pay_wrap .input_form dd .select-box {
  width: 240px;
}
.mypage .pay_wrap .input_form dd .select-box .select-layer {
  max-height: 258px;
}
.mypage .pay_wrap .input_form dd .cell {
  display: block;
  padding-top: 8px;
}
.mypage .pay_wrap .input_form dd .input-file {
  width: 539px;
}
.mypage .pay_wrap .info_list {
  margin: 8px 0 0 16px;
  padding: 16px 0 24px;
}
.mypage .pay_wrap .info_list li {
  position: relative;
  margin-top: 8px;
  font-size: 14px;
  line-height: 22.4px;
  padding-left: 28px;
}
.mypage .pay_wrap .info_list li .tcr_red {
  color: #E52A00;
}
.mypage .pay_wrap .info_list li:before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 16px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #17191C;
}
.mypage .pay_wrap .bx_info {
  margin-top: 32px;
  padding: 24px 0;
  border-radius: 8px;
  background-color: #fff;
}
.mypage .pay_wrap .bx_info h4 {
  margin: 0;
  padding: 0 0 0 24px;
  color: #E52A00;
  border: none;
}
.mypage .pay_wrap .bx_info .info_list {
  padding: 8px 0 0 0;
}
.mypage .pay_wrap .cg_agree {
  margin-top: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mypage .pay_wrap .cg_agree label {
  padding-left: 10px;
  font-size: 16px;
  color: #000;
}
.mypage .pay_wrap .btn_area {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mypage .pay_wrap .btn_area button {
  width: 266px;
  height: 52px;
  margin: 0 4px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
}
.mypage .pay_wrap .btn_area button.btn_cancel {
  border: 1px solid #D5D7DC;
  background: #fff;
}
.mypage .pay_wrap .btn_area button.btn_apply {
  color: #fff;
  background: #0182FF;
}
.mypage .pay_wrap .btn_area button:disabled {
  background: #E2E4E9;
  color: rgba(23, 25, 28, 0.3019607843);
  pointer-events: none;
  cursor: default;
}

/* //마이페이지 */
/* etc */
#cont.etc {
  background: rgb(252, 252, 253);
  margin-bottom: -57px;
  padding-bottom: 57px;
}
#cont.etc .inner {
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
  z-index: 2;
}
#cont.etc .etc_top_visual {
  position: relative;
  overflow: hidden;
  background: url(/images/ogq_market/etc_top_bg.png) 50% 0 no-repeat;
  background-size: auto 380px;
  width: 100%;
  height: 480px;
  padding-top: 113px;
  text-align: center;
}
#cont.etc .etc_top_visual .inner {
  max-width: 1060px;
}
#cont.etc .etc_top_visual h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 38px;
}
#cont.etc .etc_top_visual h3 strong {
  display: inline-block;
  width: 240px;
  height: 60px;
  background-image: url("data:image/svg+xml,%3csvg width='240' height='60' viewBox='0 0 240 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M150.302 45.3521C141.184 45.3521 133.809 38.1692 133.809 29.2891C133.809 20.4089 141.184 13.1777 150.302 13.1777C159.42 13.1777 166.845 20.3607 166.845 29.2891C166.845 38.2175 159.378 45.3521 150.302 45.3521ZM140.556 29.2891C140.556 34.4692 144.983 38.7805 150.302 38.7805C155.621 38.7805 159.957 34.4692 159.957 29.2891C159.957 24.109 155.621 19.7574 150.302 19.7574C144.983 19.7574 140.556 24.109 140.556 29.2891Z' fill='black'/%3e%3cpath d='M202.14 26.9242C199.563 26.9162 192.716 26.8921 189.305 26.884C188.76 26.884 188.256 27.1656 187.984 27.6321L186.018 30.9782C185.58 31.7182 186.134 32.6352 187.009 32.6352H195.813C194.426 36.1985 190.899 38.7805 186.786 38.7805C181.467 38.7805 177.041 34.4691 177.041 29.2891C177.041 24.109 181.467 19.7574 186.786 19.7574C190.205 19.7574 193.22 21.5511 194.93 24.2136C195.21 24.656 195.698 24.9294 196.226 24.9294H200.546C201.644 24.9294 202.379 23.8275 201.941 22.8542C201.718 22.3635 201.479 21.889 201.215 21.4305C198.374 16.4917 192.956 13.1777 186.786 13.1777C177.561 13.1777 170.12 20.5296 170.293 29.5947C170.45 37.9199 177.264 44.8373 185.803 45.328C195.318 45.8669 203.329 38.4909 203.329 29.2891C203.329 28.8306 203.312 28.3801 203.271 27.9377C203.222 27.3666 202.726 26.9323 202.14 26.9323V26.9242Z' fill='black'/%3e%3cpath d='M237.69 21.4224C234.849 16.4917 229.423 13.1777 223.254 13.1777C214.028 13.1777 206.595 20.5296 206.761 29.5947C206.917 37.9199 213.731 44.8373 222.271 45.328C231.785 45.8669 239.796 38.4909 239.796 29.2891C239.796 26.4255 239.028 23.747 237.69 21.4224ZM213.508 29.2891C213.508 23.4575 219.108 18.6796 225.285 19.9665C228.994 20.7387 231.901 23.6425 232.694 27.2621C233.363 30.3026 232.479 33.2063 230.679 35.3379L227.548 30.013C227.276 29.5545 226.772 29.273 226.227 29.273H222.362C221.486 29.273 220.933 30.198 221.371 30.938L225.789 38.4507C224.98 38.6679 224.129 38.7886 223.254 38.7886C217.935 38.7886 213.508 34.4772 213.508 29.2971V29.2891Z' fill='black'/%3e%3cpath d='M76.0647 13.0057C71.0704 13.0057 66.5837 15.1774 63.4964 18.6272C63.3649 18.7756 63.1356 18.7756 63.0041 18.6272C59.9168 15.1774 55.4301 13.0057 50.4358 13.0057C41.1234 13.0057 33.5747 20.5544 33.5747 29.8668C33.5747 39.1792 41.1234 46.7279 50.4358 46.7279C55.4301 46.7279 59.9168 44.5562 63.0041 41.1064C63.1356 40.9581 63.3649 40.9581 63.4964 41.1064C66.5837 44.5562 71.0704 46.7279 76.0647 46.7279C85.377 46.7279 92.9258 39.1792 92.9258 29.8668C92.9258 20.5544 85.377 13.0057 76.0647 13.0057ZM76.0647 38.6346C73.3669 38.6346 71.1126 37.3346 69.73 35.866C69.2899 35.3973 68.7436 34.7549 68.1433 34.2102C67.8567 33.9506 67.5717 33.7179 67.2986 33.5088C66.1706 32.7045 64.7711 32.2274 63.2519 32.2274C61.7327 32.2274 60.3333 32.7045 59.2053 33.5088C58.9304 33.7179 58.6472 33.9506 58.3605 34.2102C57.7586 34.7549 57.214 35.3973 56.7739 35.866C55.3913 37.3346 53.1369 38.6346 50.4392 38.6346C50.37 38.6346 50.3026 38.6312 50.2335 38.6295C50.1171 38.6262 50.0008 38.6228 49.8861 38.616C49.8069 38.611 49.7276 38.6042 49.6501 38.5975C49.6029 38.5941 49.5557 38.5891 49.5101 38.5857C45.1043 38.122 41.6714 34.3957 41.6714 29.8668V29.9039C41.6714 29.8786 41.6714 29.8533 41.6714 29.8297V29.8668C41.6714 25.3396 45.1043 21.6133 49.5084 21.148C49.5573 21.1429 49.6079 21.1395 49.6568 21.1345C49.7327 21.1277 49.8086 21.1227 49.8844 21.1176C50.0008 21.1109 50.1171 21.1075 50.2352 21.1041C50.3026 21.1041 50.37 21.0991 50.4375 21.0991C53.1353 21.0991 55.3896 22.3991 56.7722 23.8677C57.2123 24.3364 57.7586 24.9788 58.3588 25.5234C58.6455 25.7831 58.9304 26.0158 59.2036 26.2248C60.3316 27.0291 61.731 27.5063 63.2502 27.5063C64.7694 27.5063 66.1689 27.0291 67.2969 26.2248C67.5717 26.0158 67.855 25.7831 68.1416 25.5234C68.7436 24.9788 69.2882 24.3364 69.7283 23.8677C71.1109 22.3991 73.3652 21.0991 76.063 21.0991C76.1304 21.0991 76.1962 21.1024 76.2636 21.1041C76.3817 21.1075 76.4997 21.1109 76.616 21.1176C76.6902 21.1227 76.7644 21.1277 76.8386 21.1345C76.8909 21.1378 76.9431 21.1429 76.9954 21.148C81.2309 21.5965 84.566 25.0597 84.8139 29.3526C84.8139 29.3812 84.8173 29.4082 84.8189 29.4352C84.8223 29.5144 84.824 29.5954 84.8257 29.6746C84.8274 29.7943 84.8291 29.9124 84.8257 30.0321C84.824 30.1214 84.824 30.2125 84.8189 30.3018C84.8189 30.3204 84.8156 30.3389 84.8156 30.3575C84.5778 34.6587 81.2376 38.1338 76.9954 38.5823C76.9414 38.5874 76.8892 38.5924 76.8352 38.5958C76.7627 38.6026 76.6902 38.6076 76.6177 38.6127C76.5014 38.6194 76.3817 38.6228 76.2636 38.6262C76.1962 38.6262 76.1304 38.6312 76.063 38.6312L76.0647 38.6346Z' fill='url(%23paint0_linear_1333_14896)'/%3e%3cpath d='M18.3715 25.2368L23.3877 26.8656C24.133 27.1691 26.8307 27.8435 28.8541 29.8668C30.7172 31.73 31.5518 34.2237 31.5518 36.65C31.5518 44.0301 23.934 46.7279 18.4002 46.7279C9.96964 46.7279 6.33439 42.9949 5.24854 42.0068L10.2327 35.6384C10.5851 36.1172 14.0163 39.309 18.4002 39.309C20.0863 39.309 22.7841 38.6346 22.7841 36.6113C22.7841 35.2624 21.3998 34.2001 18.4002 33.239L13.3857 31.6086C9.93592 30.2411 7.27187 27.8435 7.27187 23.1224C7.27187 20.5376 8.26498 18.5699 8.71855 17.8651C11.5225 13.4998 17.1322 13.0057 19.0746 13.0057C22.4907 13.0057 25.0148 13.6363 26.8459 14.4103C29.1711 15.3933 30.38 16.6073 30.8774 17.0524L26.7211 22.3636C21.9781 19.4298 19.0224 19.649 17.3885 20.229C16.2757 20.6236 15.9216 21.5105 15.871 22.0837C15.8086 22.7902 15.9216 24.3212 18.3715 25.2351V25.2368Z' fill='%2317191C'/%3e%3cpath d='M109.787 13.1743H96.2979V46.5593H104.391V35.431H109.787C115.467 35.431 120.578 32.0587 120.578 24.3026C120.578 16.5465 115.467 13.1743 109.787 13.1743ZM112.485 24.3026C112.485 26.7239 110.522 28.6865 108.101 28.6865H104.391V19.9188H108.101C110.522 19.9188 112.485 21.8814 112.485 24.3026Z' fill='%2317191C'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_1333_14896' x1='39.638' y1='11.4007' x2='88.9412' y2='49.7453' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%230082FF'/%3e%3cstop offset='0.42' stop-color='%230A96FF'/%3e%3cstop offset='0.56' stop-color='%2305BCFF'/%3e%3cstop offset='0.76' stop-color='%2300F0FF'/%3e%3cstop offset='0.79' stop-color='%2304F0FC'/%3e%3cstop offset='0.82' stop-color='%2310F1F5'/%3e%3cstop offset='0.85' stop-color='%2324F4E8'/%3e%3cstop offset='0.89' stop-color='%2340F7D7'/%3e%3cstop offset='0.92' stop-color='%2364FBC1'/%3e%3cstop offset='0.94' stop-color='%2382FFB0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 9px;
  font: 0/0 a;
}
#cont.etc .etc_top_visual p {
  margin-top: 25px;
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
}
#cont.etc .etc_top_visual p em {
  color: #0182FF;
  font-weight: 600;
}
#cont.etc .etc_top_visual .obj1 {
  position: absolute;
  top: -22px;
  left: -310px;
  background: url(/images/ogq_market/etc_obj1.png) 50% 50% no-repeat;
  background-size: 100% 100%;
  width: 366px;
  height: 311px;
  animation: obj1 5s ease-in-out infinite;
}
#cont.etc .etc_top_visual .obj2 {
  position: absolute;
  bottom: -204px;
  left: -405px;
  background: url(/images/ogq_market/etc_obj2.png) 50% 50% no-repeat;
  background-size: 100% 100%;
  width: 566px;
  height: 397px;
  animation: obj2 5s ease-in-out infinite;
}
#cont.etc .etc_top_visual .obj3 {
  position: absolute;
  bottom: -156px;
  left: 844px;
  background: url(/images/ogq_market/etc_obj3.png) 50% 50% no-repeat;
  background-size: 100% 100%;
  width: 567px;
  height: 293px;
  animation: obj3 5s ease-in-out infinite;
}
#cont.etc .etc_top_visual .obj4 {
  position: absolute;
  bottom: -219px;
  left: 1081px;
  background: url(/images/ogq_market/etc_obj4.png) 50% 50% no-repeat;
  background-size: 100% 100%;
  width: 287px;
  height: 400px;
  animation: obj4 5s ease-in-out infinite;
}
@keyframes obj1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes obj2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes obj3 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes obj4 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
#cont.etc .etc_info_wrap .info_txt {
  color: #525661;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
#cont.etc .etc_info_wrap .list {
  margin-top: 40px;
  padding: 0 32px;
}
#cont.etc .etc_info_wrap .list > li {
  display: flex;
  align-items: center;
  width: 100%;
  height: 380px;
  margin-top: 60px;
  padding: 0 48px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  border: 1px solid rgba(117, 123, 138, 0.2);
}
#cont.etc .etc_info_wrap .list > li:before, #cont.etc .etc_info_wrap .list > li:after {
  content: "";
  display: block;
  width: 342px;
  height: 373px;
  flex: 0 0 auto;
}
#cont.etc .etc_info_wrap .list > li:first-of-type {
  margin-top: 0;
}
#cont.etc .etc_info_wrap .list > li:first-of-type:after {
  display: none;
}
#cont.etc .etc_info_wrap .list > li:first-of-type:before {
  background: url(/images/ogq_market/etc_ico_01.png);
  background-size: 100% 100%;
}
#cont.etc .etc_info_wrap .list > li:nth-of-type(2):before {
  display: none;
}
#cont.etc .etc_info_wrap .list > li:nth-of-type(2):after {
  background: url(/images/ogq_market/etc_ico_02.png);
  background-size: 100% 100%;
}
#cont.etc .etc_info_wrap .list > li:last-of-type:after {
  display: none;
}
#cont.etc .etc_info_wrap .list > li:last-of-type:before {
  background: url(/images/ogq_market/etc_ico_03.png);
  background-size: 100% 100%;
}
#cont.etc .etc_info_wrap .list > li .details {
  width: 678px;
  padding-left: 32px;
}
#cont.etc .etc_info_wrap .list > li .details strong {
  color: #0182FF;
  font-size: 24px;
  font-weight: 600;
}
#cont.etc .etc_info_wrap .list > li .details p {
  font-size: 16px;
  margin-top: 24px;
  line-height: 26px;
  word-break: keep-all;
}
#cont.etc .etc_info_wrap .list > li .details p strong {
  font-weight: 600;
  font-size: 16px;
}
#cont.etc .etc_info_wrap .list > li .details p span {
  color: #525661;
  font-size: 14px;
}
#cont.etc .etc_info_wrap .list > li .details .btn_b {
  display: inline-block;
  background: #0182FF;
  height: 44px;
  line-height: 44px;
  margin-top: 24px;
  color: #fff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  padding: 0 20px;
}
#cont.etc .etc_info_wrap .list > li .details > ul {
  margin-top: 16px;
}
#cont.etc .etc_info_wrap .list > li .details > ul li {
  position: relative;
  padding-left: 22px;
  color: #525661;
  font-size: 14px;
  line-height: 21px;
  word-break: keep-all;
}
#cont.etc .etc_info_wrap .list > li .details > ul li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 9px;
  background: #525661;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}

/* //etc */
/* error */
.empty_content {
  height: calc(100vh - 335px);
}

@media screen and (max-width: 1919px) {
  .tpl-area .scroll-area-warp {
    position: relative;
    width: calc(100% - 364px) !important;
  }
  .tpl .tpl-wrap .tpl-area .info-area {
    min-width: 356px;
    max-width: 356px;
  }
}
@media screen and (max-width: 1490px) {
  #cont .tit_area .sort_area .tooltip_ex .tip_layer {
    right: -58px;
  }
  #cont .tit_area .sort_area .tooltip_ex .tip_layer .inner:before {
    left: 132px;
  }
}
@media screen and (max-width: 1279px) {
  .writer_zone .emo_list {
    margin: 0 -16px 0 0;
  }
  .writer_zone .emo_list li {
    width: calc(25% - 16px);
    margin: 0 16px 0 0;
  }
  .writer_zone .emo_list li:nth-child(5) {
    display: none;
  }
  .emo_list {
    margin: -16px -16px 0 0;
  }
  .emo_list.fixed li:nth-child(11), .emo_list.fixed li:nth-child(12) {
    display: none;
  }
  .emo_list.fixed6 li:nth-child(6) {
    display: none;
  }
  .emo_list li {
    width: calc(20% - 16px);
    margin: 32px 16px 0 0;
  }
  .board_tpl th {
    padding: 16px 0;
    line-height: 18px;
    font-size: 14px;
  }
  .board_tpl th:before {
    top: 16px;
    bottom: 16px;
  }
  .board_tpl td {
    padding: 12px 8px;
    font-size: 12px;
    line-height: 18px;
  }
  .board_tpl td:before {
    top: 12px;
    bottom: 12px;
  }
  .rank_area {
    padding-left: 264px;
  }
  .rank_area .best {
    width: 240px;
    height: 366px;
    padding: 24px 24px 24px 24px;
  }
  .rank_area .best .title {
    font-size: 16px;
  }
  .rank_area .best .ogq li img {
    width: 92px;
    height: 80px;
  }
  .rank_area .rank-section {
    width: calc(33.3% - 16px);
    margin-right: 16px;
  }
  .rank_area .rank-section li a .thumb {
    min-width: 60px;
    height: 60px;
  }
  .tpl .tpl-area .scroll-area-warp {
    width: calc(100% - 335px) !important;
  }
  .tpl .tpl-wrap .tpl-area .info-area {
    min-width: 327px;
    max-width: 327px;
  }
  .tpl .tpl-wrap .tpl-area .info-area {
    padding: 0 14px 0 0;
  }
  .tpl .tpl-wrap .section-area .info-area {
    padding: 0 32px 0 0;
  }
  .tpl .tpl-wrap .section-area .emo-area {
    width: 622px;
  }
  .tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] .thumbs-box {
    min-width: 180px !important;
    max-width: 180px !important;
  }
  .tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] .thumbs-box img {
    width: 160px !important;
    height: 160px !important;
    margin: 34px auto 0 !important;
  }
  .tpl .tpl-wrap .section-area .emo-area [data-type=ogqBox] .ogqBox-info .list li img {
    width: 83px !important;
    height: 72px !important;
  }
  .favorite-area {
    padding: 40px 0;
  }
  .favorite-area .section-area .scroll-area {
    max-width: 550px;
    padding: 0 64px;
  }
  .favorite-area .section-area .scroll-area [data-type=ogqBox] a {
    padding: 0 32px;
  }
  .favorite-area .section-area .scroll-area [data-type=ogqBox] a .list {
    margin-top: 88px;
  }
  .favorite-area .section-area .scroll-area [data-type=ogqBox] a .list li img {
    width: 93px;
    height: 80px;
  }
  .fan-area {
    padding: 32px;
  }
  .fan-area .streamer_area .writer {
    width: 64px;
    height: 64px;
  }
  .fan-area .scroll-area {
    min-width: 592px;
    max-width: 592px;
  }
  .fan-area .scroll-area [data-type=ogqBox] a {
    height: 228px;
  }
  .fan-area .scroll-area [data-type=ogqBox] a .list {
    gap: 16px;
  }
  .fan-area .scroll-area [data-type=ogqBox] a .list li img {
    width: 92px;
    height: 80px;
  }
  .event {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 16px;
  }
  .event li {
    width: calc(50% - 8px);
  }
  .mypage .agree_area {
    padding: 36px 34px;
  }
  .mypage .emo_set_wrap ul li .check_area {
    left: 2px;
  }
  .mypage .emo_set_wrap ul li .ogq_area {
    padding: 16px 120px 16px 131px;
  }
  .mypage .emo_set_wrap ul li button:before {
    right: 32px;
  }
  .mypage .exchange_area {
    gap: 0 16px;
  }
  .mypage .exchange_area > div {
    padding: 24px;
  }
  .mypage .exchange_area > div.bx1 {
    padding: 24px 32px;
  }
  .mypage .exchange_area > div.bx1 .tit_sv {
    margin-bottom: 16px;
  }
  .mypage .exchange_area > div.bx2 {
    padding: 24px;
  }
  .mypage .exchange_area > div.bx2 .price {
    margin-top: 16px;
  }
  .mypage .exchange_area > div.bxg {
    padding: 24px;
    background: #F6F6F9;
  }
  .mypage .exchange_area > div.bxg ul {
    margin-top: 16px;
  }
  .mypage .exchange_area > div.bxg ul li {
    line-height: 18px;
    font-size: 12px;
  }
  .mypage .exchange_area > div.bxg ul li span {
    display: inline;
  }
  .mypage .exchange_area > div .tit_sv {
    margin-bottom: 16px;
  }
  .mypage .exchange_area > div .tit_sv .tit {
    font-size: 16px;
    line-height: 26px;
  }
  .mypage .exchange_area > div .price, .mypage .exchange_area > div .num {
    font-size: 20px;
    line-height: 32px;
  }
  .mypage .publicity_wrap .emo_list li {
    width: calc(25% - 16px);
  }
  .mypage .pay_wrap {
    padding: 24px;
  }
  .mypage .pay_wrap h4 {
    margin: 24px 0 16px;
  }
  .mypage .pay_wrap h3, .mypage .pay_wrap .bx_info, .mypage .pay_wrap .cg_agree, .mypage .pay_wrap .btn_area {
    margin-top: 24px;
  }
  .mypage .pay_wrap .pay_area .pay {
    display: flex;
    flex-direction: column;
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    height: auto;
  }
  .mypage .pay_wrap .pay_area .pay.total {
    color: #0182FF;
  }
  .mypage .pay_wrap .pay_area .pay.total .title {
    color: #0182FF;
  }
  .mypage .pay_wrap .pay_area .pay .title {
    font-size: 14px;
    line-height: 18px;
    margin-right: 0;
    padding-bottom: 2px;
  }
  .mypage .pay_wrap .pay_area .txt {
    width: 80px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
  }
  /* 상세정보 */
  .item_box {
    margin-top: 40px;
    padding: 0 0 40px 244px;
  }
  .item_box .main_img {
    width: 220px;
    height: 220px;
  }
  .item_box .main_img img {
    width: 130px;
    height: 130px;
  }
  .item_box .desc {
    display: flex;
    flex-direction: column;
    height: 220px;
  }
  .item_box .desc .desc_title {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .item_box .desc .desc_info {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .item_box .desc .desc_writer {
    padding-top: 12px;
  }
  .item_box .desc .desc_value {
    margin-top: 16px;
  }
  .item_box .desc_buy {
    position: absolute;
    top: auto;
    bottom: 47px;
    left: 244px;
    flex-direction: row;
    justify-content: normal;
    height: auto;
    gap: 8px;
  }
  .item_box .desc_buy .buy_lay {
    top: 51px;
    left: 0;
  }
}
/* 다국어 */
[lang^=en] #serviceHeader .logo-secondary a.ogq {
  width: 205px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='205' height='36' fill='none' viewBox='0 0 205 36'%3e%3cpath fill='%2317191c' d='M32.46 7.959a10.01 10.01 0 0 1 9.174 6.015.922.922 0 0 1-.845 1.289h-2.615a.93.93 0 0 1-.784-.445c-1.035-1.654-2.86-2.77-4.93-2.77-3.22 0-5.9 2.705-5.9 5.925s2.68 5.9 5.9 5.9c2.49-.001 4.624-1.606 5.464-3.82h-5.33a.688.688 0 0 1-.599-1.03l1.19-2.08a.92.92 0 0 1 .8-.466l7.769.026v.005c.355 0 .654.27.684.625q.038.412.036.84c0 5.719-4.85 10.303-10.609 9.968-5.169-.305-9.294-4.604-9.39-9.778-.104-5.634 4.4-10.204 9.985-10.204m22.074 0c3.735 0 7.02 2.06 8.74 5.124a9.96 9.96 0 0 1 1.274 4.89c0 5.719-4.85 10.303-10.608 9.968-5.17-.305-9.294-4.604-9.39-9.778-.1-5.634 4.4-10.204 9.984-10.204m-44.16 0c5.52 0 10.015 4.464 10.015 10.014s-4.52 9.984-10.015 9.984a9.977 9.977 0 0 1-9.983-9.984c0-5.52 4.464-10.014 9.983-10.014m45.39 4.22c-3.739-.8-7.13 2.17-7.13 5.794v.005c0 3.22 2.68 5.899 5.9 5.899.53 0 1.045-.075 1.535-.21l-2.675-4.669a.692.692 0 0 1 .6-1.035h2.34c.33 0 .635.175.8.46l1.895 3.31a5.9 5.9 0 0 0 1.22-5.02c-.48-2.25-2.24-4.054-4.484-4.534m-45.39-.13c-3.22 0-5.898 2.704-5.898 5.924s2.679 5.899 5.898 5.9c3.22 0 5.845-2.68 5.845-5.9s-2.625-5.924-5.845-5.924'/%3e%3cpath fill='%23000' d='M148.561 9.443a.5.5 0 0 1 .5.5V26.5a.5.5 0 0 1-.5.5h-3.122a.5.5 0 0 1-.5-.5V9.943a.5.5 0 0 1 .5-.5zM136.901 10.058a.6.6 0 0 1 .6-.6h2.916a.6.6 0 0 1 .6.6v11.478c0 3.455-2.572 5.71-6.321 5.71-3.105 0-5.495-1.513-5.725-4.868a.57.57 0 0 1 .578-.597h2.828c.323 0 .58.259.645.576.21 1.028.895 1.58 1.919 1.58 1.249 0 1.96-.808 1.96-2.4zM127.546 18.222c0 5.795-3.637 9.02-8.342 9.02-4.728 0-8.341-3.25-8.341-9.02 0-5.796 3.613-9.02 8.341-9.02 4.705 0 8.342 3.224 8.342 9.02m-4.219 0c0-3.492-1.552-5.384-4.123-5.384-2.57 0-4.122 1.892-4.122 5.384 0 3.491 1.552 5.383 4.122 5.383 2.571 0 4.123-1.892 4.123-5.383M88.219 9.943a.5.5 0 0 1 .5-.5h4.28a.5.5 0 0 1 .464.31l4.407 10.748h.194l4.407-10.747a.5.5 0 0 1 .463-.31h4.281a.5.5 0 0 1 .5.5v16.555a.5.5 0 0 1-.5.5h-3.026a.5.5 0 0 1-.5-.5V16.088h-.145l-4.143 10.498a.5.5 0 0 1-.465.317h-1.938a.5.5 0 0 1-.465-.318L92.389 16.04h-.145v10.46a.5.5 0 0 1-.5.5h-3.025a.5.5 0 0 1-.5-.5zM72.583 27a.5.5 0 0 1-.5-.5V9.942a.5.5 0 0 1 .5-.5H83.73a.5.5 0 0 1 .5.5v2.377a.5.5 0 0 1-.494.5l-7.885.088v3.71l7.874-.088a.5.5 0 0 1 .505.5v2.37a.5.5 0 0 1-.494.5l-7.885.09v3.734l7.898-.09a.5.5 0 0 1 .506.5V26.5a.5.5 0 0 1-.5.5z'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

[lang^=th] #serviceHeader .logo-secondary a.ogq {
  width: 181px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='161' height='36' fill='none' viewBox='0 0 161 36'%3e%3cpath fill='%2317191c' d='M32.459 8a10.01 10.01 0 0 1 9.174 6.015.922.922 0 0 1-.845 1.289h-2.614a.93.93 0 0 1-.785-.445c-1.035-1.654-2.86-2.77-4.93-2.77-3.22.001-5.898 2.705-5.899 5.925 0 3.22 2.68 5.899 5.899 5.9 2.49 0 4.625-1.606 5.465-3.82h-5.33a.688.688 0 0 1-.6-1.03l1.19-2.08a.92.92 0 0 1 .8-.465c2.065.005 6.21.02 7.769.025v.005c.355 0 .655.27.685.625.026.275.035.555.035.84 0 5.719-4.85 10.303-10.609 9.968-5.169-.305-9.293-4.604-9.388-9.778C22.37 12.57 26.875 8 32.459 8m22.074 0c3.735 0 7.02 2.06 8.74 5.124a9.96 9.96 0 0 1 1.274 4.89c0 5.719-4.85 10.303-10.608 9.968-5.17-.305-9.294-4.604-9.39-9.778C44.45 12.57 48.95 8 54.534 8M10.374 8c5.52 0 10.014 4.464 10.014 10.014s-4.52 9.983-10.014 9.983a9.977 9.977 0 0 1-9.983-9.983C.39 12.494 4.855 8 10.374 8m45.39 4.22c-3.74-.8-7.13 2.17-7.13 5.794v.005c0 3.219 2.68 5.899 5.9 5.899.53 0 1.044-.075 1.534-.21l-2.674-4.67a.692.692 0 0 1 .6-1.034h2.339c.33 0 .636.175.8.46l1.895 3.31a5.9 5.9 0 0 0 1.22-5.02c-.48-2.25-2.24-4.054-4.484-4.534m-45.39-.13c-3.22 0-5.9 2.704-5.9 5.924s2.68 5.899 5.9 5.9c3.22 0 5.845-2.68 5.845-5.9s-2.625-5.924-5.845-5.924'/%3e%3cpath fill='%23000' d='M115.946 11.723a.5.5 0 0 1-.5-.5v-.988a.5.5 0 0 1 .309-.462l2.398-.99a.5.5 0 0 1 .191-.038h8.669a.5.5 0 0 1 .5.5v1.978a.5.5 0 0 1-.5.5zM116.499 27.44v-5.52h-1.129v-2.684h5.394v4.616h.076q.652 0 1.129-.401.477-.402.727-1.154.276-.753.276-1.757 0-1.354-.476-2.107a2.4 2.4 0 0 0-1.28-1.054q-.802-.3-1.882-.301-1.38 0-2.433.401a10.6 10.6 0 0 0-1.782.803v-3.889q.879-.401 2.158-.727 1.305-.352 3.086-.351 2.559 0 4.215.752 1.656.728 2.459 2.308.803 1.556.803 4.04 0 2.283-.728 3.864-.728 1.556-2.358 2.358-1.63.804-4.316.803zM106.418 27.897q-1.874 0-2.978-.693-1.06-.69-1.528-1.689a.14.14 0 0 0-.129-.083.14.14 0 0 0-.14.14v1.918a.5.5 0 0 1-.5.5h-2.774a.5.5 0 0 1-.5-.5V14.07a.5.5 0 0 1 .5-.5h3.339a.5.5 0 0 1 .5.5v5.79q0 1.515.308 2.465.307.924.873 1.36.59.437 1.412.437.95 0 1.438-.59.513-.591.513-1.977V14.07a.5.5 0 0 1 .5-.5h3.364a.5.5 0 0 1 .5.5v8.537q0 1.67-.539 2.85-.513 1.18-1.566 1.823-1.026.616-2.593.616M89.416 16.139a.5.5 0 0 1-.5-.5v-3.402q0-1.54-.514-2.208-.392-.51-1.145-.63c-.272-.044-.498-.262-.498-.538v-.908a.5.5 0 0 1 .28-.45l2.44-1.197a.5.5 0 0 1 .22-.051h5.854a.5.5 0 0 1 .5.5V8.86a.5.5 0 0 1-.5.5H92.05a.07.07 0 0 0-.066.052.07.07 0 0 0 .032.077q.683.41.956 1.155.309.77.308 2.028v2.966a.5.5 0 0 1-.5.5zm3.325 11.859q-1.31 0-2.156-.385-.848-.411-1.258-1.181t-.411-1.9v-10.46a.5.5 0 0 1 .5-.5h3.364a.5.5 0 0 1 .5.5v9.92q0 .463.18.694.205.205.642.205.205 0 .436-.025c.212-.047.44.083.471.298l.276 1.946a.456.456 0 0 1-.27.495q-.376.15-.836.239a6.4 6.4 0 0 1-1.438.154M72.832 11.723a.5.5 0 0 1-.5-.5v-.988a.5.5 0 0 1 .31-.462l2.397-.99a.5.5 0 0 1 .19-.038h8.67a.5.5 0 0 1 .5.5v1.978a.5.5 0 0 1-.5.5zm8.395-1.771a.5.5 0 0 1-.5-.5V7.55a.5.5 0 0 1 .5-.5h2.671a.5.5 0 0 1 .5.5v1.9a.5.5 0 0 1-.5.5zM78.476 28q-3.261 0-4.827-1.54-1.566-1.567-1.566-4.545 0-.487.026-1.258.032-.503.075-.904a.485.485 0 0 1 .487-.43h5.51a.5.5 0 0 1 .5.5v1.618a.5.5 0 0 1-.5.5h-1.502a.334.334 0 0 0-.334.334q0 .82.23 1.412.232.564.694.847.463.282 1.18.282.798 0 1.336-.36.54-.358.821-1.206.283-.873.283-2.31 0-1.387-.334-2.337-.307-.95-1.104-1.437-.77-.488-2.156-.488a7.7 7.7 0 0 0-1.592.18q-.848.154-1.592.41-.246.09-.468.18c-.352.143-.764-.106-.764-.486v-2.42c0-.186.103-.359.273-.434q.51-.228 1.19-.408a15 15 0 0 1 1.874-.36 15 15 0 0 1 1.952-.128q2.567 0 4.133.924a5.25 5.25 0 0 1 2.31 2.593q.745 1.669.745 3.954 0 2.337-.719 3.98-.72 1.642-2.233 2.49-1.515.846-3.928.847'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

[lang=zh-TW] #serviceHeader .logo-secondary a.ogq {
  width: 161px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='161' height='36' fill='none' viewBox='0 0 161 36'%3e%3cpath fill='%2317191c' d='M32.85 8a10.01 10.01 0 0 1 9.173 6.015.922.922 0 0 1-.844 1.289h-2.614a.93.93 0 0 1-.786-.445c-1.035-1.654-2.86-2.77-4.93-2.77-3.219.001-5.898 2.705-5.898 5.925s2.68 5.899 5.899 5.9c2.49 0 4.624-1.606 5.465-3.82h-5.33a.688.688 0 0 1-.6-1.03l1.19-2.08a.92.92 0 0 1 .8-.465c2.065.005 6.209.02 7.769.025v.005c.355 0 .655.27.685.625q.036.413.034.84c0 5.719-4.849 10.303-10.608 9.968-5.17-.305-9.294-4.604-9.389-9.778C22.761 12.57 27.266 8 32.85 8m22.074 0c3.734 0 7.02 2.06 8.74 5.124a9.96 9.96 0 0 1 1.273 4.89c0 5.719-4.849 10.303-10.608 9.968-5.169-.305-9.293-4.604-9.389-9.778C44.84 12.57 49.34 8 54.924 8m-44.16 0c5.52 0 10.014 4.464 10.014 10.014s-4.52 9.983-10.013 9.983A9.977 9.977 0 0 1 .78 18.014C.781 12.494 5.246 8 10.765 8m45.39 4.22c-3.74-.8-7.129 2.17-7.129 5.794v.005c0 3.219 2.68 5.899 5.899 5.899.53 0 1.045-.075 1.535-.21l-2.675-4.67a.692.692 0 0 1 .6-1.034h2.34c.33 0 .635.175.8.46l1.895 3.31a5.9 5.9 0 0 0 1.22-5.02c-.48-2.25-2.24-4.054-4.485-4.534m-45.39-.13c-3.219 0-5.899 2.704-5.899 5.924s2.68 5.899 5.9 5.9c3.22 0 5.844-2.68 5.844-5.9s-2.625-5.924-5.844-5.924'/%3e%3cpath fill='%23000' d='M106.812 11.724v1.04h6.344v-1.04zm-2.496-1.56h11.466v4.16h-11.466zm1.612 9.074v5.018h8.216v-5.018zm-2.366-1.664h13.104v8.398h-13.104zm5.33 3.744v.858h2.158v-.858zm-1.664-1.3h5.616v3.458h-5.616zm-4.472-4.914h14.794v1.69h-14.794zm-3.718-8.32h22.36v23.53h-3.016V9.358h-16.458v20.956h-2.886zm1.846 20.02h19.006v2.548h-19.006zm7.878-13.442h2.418v5.174h-2.418zM88.57 11.542h7.125v2.834H88.57zM84.464 26.44h8.788v2.808h-8.788zm-1.482-7.956h11.648v11.752h-3.016v-9.022h-5.746v9.126H82.98zM86.933 6.78h3.094v12.95h-3.094zM74.037 23.918l2.912.702a17.3 17.3 0 0 1-1.508 3.198q-.936 1.533-1.976 2.574-.287-.26-.728-.598a22 22 0 0 0-.936-.624q-.468-.312-.806-.494a10.2 10.2 0 0 0 1.794-2.158q.805-1.275 1.248-2.6m3.432 1.014 2.47-1.092a17.5 17.5 0 0 1 1.56 2.184q.728 1.17 1.092 2.08l-2.6 1.274q-.339-.91-1.066-2.158a20 20 0 0 0-1.456-2.288M75.415 14.09v2.418h3.198V14.09zm0 4.706v2.444h3.198v-2.444zm0-9.519v2.499h3.198V9.277zM72.58 6.781h8.996V23.71H72.58z'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

[lang=zh-CN] #serviceHeader .logo-secondary a.ogq {
  width: 161px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='161' height='36' fill='none' viewBox='0 0 161 36'%3e%3cpath fill='%2317191c' d='M32.264 8a10.01 10.01 0 0 1 9.173 6.015.922.922 0 0 1-.844 1.289h-2.615a.93.93 0 0 1-.785-.445c-1.035-1.654-2.86-2.77-4.93-2.77-3.219.001-5.898 2.705-5.898 5.925s2.68 5.899 5.899 5.9c2.49 0 4.625-1.606 5.464-3.82H32.4a.688.688 0 0 1-.6-1.03l1.19-2.08a.92.92 0 0 1 .8-.465c2.065.005 6.209.02 7.769.025v.005c.355 0 .655.27.685.625q.036.413.034.84c0 5.719-4.849 10.303-10.608 9.968-5.17-.305-9.294-4.604-9.389-9.778C22.175 12.57 26.68 8 32.264 8m22.074 0c3.734 0 7.02 2.06 8.74 5.124a9.96 9.96 0 0 1 1.274 4.89c0 5.719-4.85 10.303-10.609 9.968-5.169-.305-9.293-4.604-9.388-9.778C44.255 12.57 48.754 8 54.338 8m-44.16 0c5.52 0 10.014 4.464 10.014 10.014s-4.519 9.983-10.013 9.983a9.977 9.977 0 0 1-9.984-9.983C.195 12.494 4.66 8 10.18 8m45.39 4.22c-3.74-.8-7.128 2.17-7.128 5.794v.005c0 3.219 2.678 5.899 5.898 5.899.53 0 1.045-.075 1.535-.21l-2.675-4.67a.692.692 0 0 1 .6-1.034h2.34c.33 0 .636.175.8.46l1.895 3.31a5.9 5.9 0 0 0 1.22-5.02c-.48-2.25-2.24-4.054-4.485-4.534m-45.39-.13c-3.219 0-5.899 2.704-5.899 5.924s2.68 5.899 5.9 5.9c3.22 0 5.844-2.68 5.844-5.9s-2.625-5.924-5.844-5.924'/%3e%3cpath fill='%23000' d='M107.615 21.357h8.637v2.097h-8.637zM104.52 8.676h14.902v2.121H104.52zm.674 3.145h13.554v1.997h-13.554zm-1.448 3.045h16.475v2.147h-16.475zm3.894 9.711h8.637v2.097h-8.637zm-2.222-6.59h10.684v2.197h-7.913v10.234h-2.771zm10.26 0h2.846v9.56q0 .974-.25 1.548-.225.574-.924.874-.649.3-1.597.374-.95.075-2.272.05a7.4 7.4 0 0 0-.324-1.298 9 9 0 0 0-.475-1.248q.774.05 1.523.05h1.024q.449 0 .449-.4zm-5.267-11.034h2.97v8.637h-2.97zm-10.76 0h2.722v23.44h-2.721zm-2.146 4.943 2.097.274q0 1.024-.15 2.297-.124 1.274-.325 2.521a20 20 0 0 1-.474 2.222l-2.172-.749q.276-.873.475-1.997.2-1.148.35-2.346.15-1.2.199-2.222m4.443-.75 1.848-.773q.424.849.848 1.872.424.999.624 1.698l-1.972.948a16 16 0 0 0-.574-1.797 43 43 0 0 0-.774-1.947M73.39 8.626h20.47v2.546H73.39zm1.174 3.819h18.323v2.371H74.564zm-2.097 3.77h22.167v2.546H72.467zm9.536-9.262h3.02v11.383h-3.02zm.025 10.185 2.596 1.248a20 20 0 0 1-2.321 2.072 26 26 0 0 1-2.746 1.872 34 34 0 0 1-3.02 1.548q-1.55.674-3.096 1.148a7 7 0 0 0-.55-.799q-.324-.45-.698-.873-.35-.45-.674-.75 1.472-.398 2.995-.973a27 27 0 0 0 2.92-1.298q1.4-.723 2.572-1.522 1.198-.799 2.022-1.673m4.319.474q.649 2.472 1.822 4.494a11.9 11.9 0 0 0 2.995 3.444q1.822 1.4 4.369 2.122-.325.326-.699.774-.375.473-.699.974-.324.525-.55.923-2.77-.948-4.717-2.646-1.923-1.721-3.195-4.119-1.248-2.396-2.072-5.441zm5.741 1.498 2.496 1.872q-.949.675-1.972 1.348a55 55 0 0 1-2.022 1.224 46 46 0 0 1-1.872 1.023l-1.872-1.623q.824-.498 1.772-1.148a32 32 0 0 0 1.872-1.348 18 18 0 0 0 1.598-1.348m-17.923 8.488q1.522-.276 3.47-.65 1.971-.4 4.118-.848 2.172-.45 4.294-.924l.275 2.696q-1.948.45-3.97.899-1.995.45-3.869.848-1.847.4-3.42.75zm3.42-5.068 1.972-1.972 1.048.274v7.165h-3.02z'/%3e%3c/svg%3e");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}/*# sourceMappingURL=ogq_market.css.map */