@charset "UTF-8";
/* ====================[[ Font Face ]]==================== */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard-dynamic-subset.css");
@import url("https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@100;200;300;400;500;600;700;800;900&display=swap");
@font-face {
  font-family: "KFAGothic";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../../fonts/KFAGothicBold.woff2) format("woff2");
}
@font-face {
  font-family: "KFAGothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../fonts/KFAGothicRegular.woff2) format("woff2");
}
/* ====================[[ CSS Reset ]]==================== */
* {
  box-sizing: border-box;
}

::before,
::after {
  box-sizing: inherit;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

hr {
  clear: both;
  overflow: visible;
  box-sizing: content-box;
  height: 0;
  margin: 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

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

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: none;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  vertical-align: bottom;
  border-style: none;
}

embed,
object,
iframe {
  vertical-align: bottom;
  border: 0;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  padding: 0;
  text-align: inherit;
  vertical-align: middle;
  color: inherit;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  -webkit-appearance: none;
  appearance: none;
}

[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  appearance: radio;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

option {
  padding: 0;
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  color: inherit;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

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

caption {
  text-align: left;
}

td,
th {
  padding: 0;
  vertical-align: top;
}

th {
  text-align: left;
  font-weight: bold;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* ====================[[ Library ]]==================== */
/**
 * Swiper 6.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 29, 2021
 */
@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;
  list-style: none;
  overflow: hidden;
  padding: 0;
  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-container-pointer-events {
  touch-action: pan-y;
}

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

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

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

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

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

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

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.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-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  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));
}

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

.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-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0 - 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-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev: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-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

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

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

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

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

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

.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: 50%;
  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: 0.2s transform, 0.2s 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: 0.2s transform, 0.2s left;
}

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

.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-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  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;
}

.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 > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

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

.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);
  }
}
.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;
  -webkit-backface-visibility: hidden;
  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-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

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

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

.swiper-container-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

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

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  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-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* ====================[[ Icons ]]==================== */
.icon {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon.history-back {
  width: 3rem;
  height: 3rem;
  background-position: center;
  background-image: url(../images/icon-history-back.svg);
  background-repeat: no-repeat;
  background-size: 1.5rem;
}
.icon.search {
  width: 3rem;
  height: 3rem;
  background-position: center;
  background-image: url(../images/icon-search.svg);
  background-repeat: no-repeat;
  background-size: 2.375rem;
}
.icon.gift {
  width: 3rem;
  height: 3rem;
  background-position: center;
  background-image: url(../images/icon-gift.svg);
  background-repeat: no-repeat;
  background-size: 2.375rem;
}
.icon.clear {
  width: 2.125rem;
  height: 2.125rem;
  background-position: center;
  background-image: url(../images/icon-clear.svg);
  background-repeat: no-repeat;
  background-size: 2.125rem;
}
.icon.minus {
  width: 2.5rem;
  height: 2.5rem;
  background-position: center;
  background-image: url(../images/icon-count-minus.svg);
  background-repeat: no-repeat;
  background-size: 2.5rem;
}
.icon.plus {
  width: 2.5rem;
  height: 2.5rem;
  background-position: center;
  background-image: url(../images/icon-count-plus.svg);
  background-repeat: no-repeat;
  background-size: 2.5rem;
}
.icon.indepth {
  width: 2.5rem;
  height: 2.5rem;
  background-position: center;
  background-image: url(../images/icon-indepth.svg);
  background-repeat: no-repeat;
  background-size: 1rem;
}
.icon.top {
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-image: url(../images/arrow-top.svg);
  background-repeat: no-repeat;
  background-size: 2rem;
}
.icon.prev {
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-image: url(../images/arrow-prev.svg);
  background-repeat: no-repeat;
  background-size: 2rem;
}
.icon.next {
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-image: url(../images/arrow-next.svg);
  background-repeat: no-repeat;
  background-size: 2rem;
}
.icon.toggle-expand {
  width: 2.5rem;
  height: 2.5rem;
  background-position: center;
  background-image: url(../images/icon-indepth.svg);
  background-repeat: no-repeat;
  background-size: 1rem;
  transform: rotate(90deg);
}
li.expanded .icon.toggle-expand {
  transform: rotate(270deg);
}

.icon.check {
  width: 2.5rem;
  height: 2.5rem;
  background-position: center;
  background-image: url(../images/icon-check-off.svg);
  background-repeat: no-repeat;
  background-size: 2.5rem;
}
input[type=checkbox]:checked ~ .icon.check {
  background-image: url(../images/icon-check-on.svg);
}

.icon.delete {
  width: 2.5rem;
  height: 2.5rem;
  background-position: center;
  background-image: url(../images/icon-clear.svg);
  background-repeat: no-repeat;
  background-size: 2.125rem;
}

/* ====================[[ Layout ]]==================== */
i {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

a[href^=tel],
a[href^=mailto] {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
}

html {
  overflow: overlay;
  height: 100%;
}
html body {
  overflow-x: hidden;
  height: 100%;
  line-height: 1.5;
  letter-spacing: -0.05em;
}
html body.scroll-locked .wrapper {
  overflow: hidden;
}
html body * {
  letter-spacing: inherit;
  word-break: keep-all;
  color: inherit;
  /*font-family: "Roboto", "Noto Sans KR", sans-serif;*/
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  line-height: inherit;
  font-weight: 500;
}
html body *::-webkit-scrollbar {
  width: 12px;
  height: 5px;
  background-color: transparent;
}
html body *::-webkit-scrollbar-thumb {
  width: 12px;
  height: 5px;
  transition: 0.25s all;
  border-radius: 2.5px;
  background-color: rgba(0, 0, 0, 0.25);
}
html body *::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
html body *::-webkit-scrollbar-track {
  width: 12px;
  height: 5px;
  border-radius: 2.5px;
  background-color: rgba(0, 0, 0, 0);
}
html body * .font-black {
  color: #000000 !important;
}
html body * .font-primary {
  color: #e6002d !important;
}
html body * .font-secondary {
  color: #11368f !important;
}
html body * .font-gray {
  color: #666666 !important;
}
html body * .font-light-gray {
  color: #999999 !important;
}
html body * .font-point {
  font-family: "KFAGothic", "Roboto", "Noto Sans KR", sans-serif;
}
html body * .font-point * {
  font-family: inherit;
}
html body * .goods-item .goods-img {
  background-size: cover;
}
html body .mo-only {
  display: none !important;
}
html body .text-left {
  text-align: left !important;
}
html body .text-center {
  text-align: center !important;
}
html body .text-right {
  text-align: right !important;
}
html body .no-bg {
  background: 0 !important;
}
html body .no-border {
  border: 0 !important;
}
html body .no-padding {
  padding: 0 !important;
}
html body .no-margin {
  margin: 0 !important;
}
html body .wrapper {
  position: relative;
  overflow-x: hidden;
  overflow-y: overlay;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 2.5rem;
}
html body .wrapper::-webkit-scrollbar {
  width: 12px !important;
}
@media (max-width: 1024px) {
  html body .wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  html body .wrapper > div {
    flex: 0 0 auto;
  }
  html body .wrapper > div.content {
    flex: 1 0 auto;
  }
}
html body .wrapper > * {
  position: relative;
  width: 100%;
  max-width: 82.5rem;
  margin: 0 auto;
}
html body .wrapper.vod-popuped .main-top-visual {
  z-index: 9;
}

/* ====================[[ Component ]]==================== */
/* ====================[[ 상단 배너 ]]==================== */
.top-banner {
  position: relative;
  z-index: 0;
}
.top-banner::before {
  position: absolute;
  z-index: 0;
  left: 50%;
  display: block;
  width: 100vw;
  height: 100%;
  content: "";
  transform: translateX(-50%);
  background-color: #f1eeec;
}
.top-banner .banner-clip {
  position: relative;
  z-index: 1;
  display: block;
}
.top-banner .banner-clip img {
  display: block;
  max-width: 100%;
}
.top-banner .top-banner-action {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 0;
  display: flex;
  transform: translateY(-50%);
  align-items: center;
}
.top-banner .top-banner-action input[type=checkbox] {
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
}
.top-banner .top-banner-action label {
  color: #000000;
  font-size: 0.75rem;
}
.top-banner .top-banner-action .btn-close {
  font-size: 1.2rem;
  margin-left: 1rem;
  vertical-align: middle;
  transform: translateY(2.5px);
}
.top-banner .top-banner-action .btn-close .ic-24-close {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-close.svg);
}
.top-banner .top-banner-action .banner-close {
  border: 1px solid crimson;
  transform: translateY(1px);
  margin-left: 5px;
}

/* ====================[[ 상품 목록 ]]==================== */
.list-top {
  display: flex;
  min-height: 2.5rem;
  margin-bottom: 0.5rem;
  align-items: center;
  justify-content: space-between;
}
.list-top .count {
  color: #666666;
  font-size: 0.875rem;
}
.list-top .count strong {
  color: #000000;
  font-size: 1rem;
}
.list-top .filter {
  min-width: 9.375rem;
}

.goods-list {
  height: 100%;
  max-height: 100%;
}
.goods-list.goods-list:not(.swiper-container) ul {
  flex-wrap: wrap;
}
.goods-list.search-list ~ .search-list {
  margin-top: 3.5rem;
}
.goods-list.search-list .no-item {
  display: flex;
  max-width: 100% !important;
  height: 3.5rem;
  margin-bottom: 3.5rem;
  padding-bottom: 0 !important;
  text-align: center;
  border-radius: 1.75rem;
  background-color: #f6f6f6;
  flex: 1 1 100%;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .goods-list.search-list .no-item {
    height: 3rem;
    font-size: 0.875rem;
  }
}
.goods-list.search-list ul {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.goods-list.search-list ul li {
  max-width: 20%;
  margin: 0;
  padding-right: 0.625rem;
  padding-bottom: 2.5rem;
  padding-left: 0.625rem;
}
@media (max-width: 1024px) {
  .goods-list.search-list ul li {
    max-width: 50% !important;
    padding-right: 0.25rem !important;
    padding-bottom: 1rem !important;
    padding-left: 0.25rem !important;
  }
  .goods-list.search-list ul li.goods-item .goods-info .title {
    font-size: 0.875rem !important;
  }
  .goods-list.search-list ul li.goods-item .goods-info .price {
    line-height: 1;
  }
  .goods-list.search-list ul li.goods-item .goods-info .price .discount-rate {
    font-size: 1.125rem;
    order: 1;
  }
  .goods-list.search-list ul li.goods-item .goods-info .price .discount-rate strong {
    font-size: 1.125rem;
  }
  .goods-list.search-list ul li.goods-item .goods-info .price .calc-price {
    font-size: 0.75rem;
    order: 2;
  }
  .goods-list.search-list ul li.goods-item .goods-info .price .calc-price strong {
    font-size: 1.125rem;
  }
  .goods-list.search-list ul li.goods-item .goods-info .price .origin-price {
    font-size: 0.625rem;
    order: 0;
    flex: 1 1 100%;
  }
  .goods-list.search-list ul li.goods-item .goods-info .price .origin-price strong {
    font-size: 0.875rem;
  }
  .goods-list.search-list ul li.goods-item .goods-info .price .btn-cart {
    order: 4;
  }
}
.goods-list.search-list .btn-list-more {
  position: relative;
  height: 2.5rem;
  margin: 1rem auto;
  padding: 0 1rem;
  border: 1px solid #d8d8d8;
  border-radius: 1.75rem;
  background-color: #ffffff;
  font-size: 0.875rem;
}
.goods-list.search-list .btn-list-more::before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 100vw;
  max-width: 82.5rem;
  height: 1px;
  content: "";
  transform: translate(-50%, -50%);
  background-color: #d8d8d8;
}
.goods-list.search-list .btn-list-more em {
  margin-left: 2.125rem;
  color: #999999;
  font-style: normal;
}
.goods-list.search-list .btn-list-more .icon-16-down {
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../images/icon/ic-16-down.svg);
}
.goods-list ul {
  display: flex;
  width: calc(100% + 1.5rem);
  height: 100%;
  margin-left: -0.75rem;
  align-items: flex-start;
}
.goods-list ul .goods-item {
  position: relative;
  max-width: calc(50% - 1.5rem);
  margin: 0 0.75rem 2.5rem;
  flex: 1 0 50%;
}
.goods-list ul .goods-item .goods-img {
  position: relative;
  padding-top: 100%;
  background-color: #ecf0f2;
  background-position: center;
  background-repeat: no-repeat;
}
.goods-list ul .goods-item .goods-info {
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: 1rem;
  color: #000000;
}
.goods-list ul .goods-item .btn-like {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  align-items: center;
  justify-content: center;
}
.goods-list ul .goods-item .btn-like.on .ic-24-like {
  opacity: 1;
  background-image: url(../images/icon/ic-24-like-sel.svg);
}
.goods-list ul .goods-item .btn-like .ic-24-like {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0.5;
  background-image: url(../images/icon/ic-24-like.svg);
}
.goods-list ul .goods-item .title a {
  font-size: 1.0rem;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  max-height: 3rem;
  text-overflow: ellipsis;
  word-break: keep-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.goods-list ul .goods-item .price {
  display: flex;
  margin-top: 0.55rem;
  line-height: 1.75rem;
  line-height: 1;
  align-items: center;
  flex-wrap: wrap;
}
.goods-list ul .goods-item .price .discount-rate {
  margin-right: 0.25rem;
  vertical-align: middle;
  color: #e6002d;
  font-size: 1.5rem;
}
.goods-list ul .goods-item .price .discount-rate strong {
  font-weight: 500;
}
.goods-list ul .goods-item .price .calc-price {
  margin-right: 0.25rem;
  color: #000000;
  font-size: 1rem;
}
.goods-list ul .goods-item .price .calc-price strong {
  vertical-align: baseline;
  font-size: 1.5rem;
}
.goods-list ul .goods-item .origin-price {
  margin-right: 0.25rem;
  color: #999999;
}
.goods-list ul .goods-item .origin-price strong {
  vertical-align: baseline;
  text-decoration: line-through;
  font-size: 1.25rem;
  font-weight: 400;
  font-style: italic;
}
.goods-list ul .goods-item .price .btn-cart {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  padding: 0;
  flex: 0 0 auto;
}
.goods-list ul .goods-item .price .btn-cart .ic-24-nega-cart {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0.5;
  background-image: url(../../../images/icon/ic-24-cart.svg);
}
/* ====================[[ 티켓 목록 ]]==================== */
.ticket-list ul .ticket {
  position: relative;
  display: flex;
  max-width: 100%;
  padding-left: 1rem;
  border: 0.0625rem solid #d8d8d8;
  flex-wrap: wrap;
  align-items: center;
}
.ticket-list ul .ticket::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1rem;
  height: 100%;
  content: "";
  background-color: #e6002d;
  flex: 0 0 auto;
  align-self: stretch;
}
.ticket-list ul .ticket ~ .ticket {
  margin-top: 1rem;
}
.ticket-list ul .ticket .info {
  display: flex;
  padding: 2.5rem 0;
  flex: 0 1 48.8636363636%;
  align-items: center;
}
.ticket-list ul .ticket dl {
  min-height: 3.75rem;
  padding: 0 4.8484848485%;
  border-right: 0.0625rem solid #d8d8d8;
}
.ticket-list ul .ticket dl.date {
  flex: 0 1 27.9069767442%;
}
.ticket-list ul .ticket dl.time {
  flex: 0 1 23.2558139535%;
}
.ticket-list ul .ticket dl.location {
  flex: 0 1 44.9612403101%;
}
.ticket-list ul .ticket dl.location dd {
  font-size: 1.25rem;
}
.ticket-list ul .ticket dl dt {
  color: #666666;
  font-size: 0.875rem;
  font-weight: normal;
}
.ticket-list ul .ticket dl dd {
  line-height: 2.0625rem;
}
.ticket-list ul .ticket dl dd strong {
  font-size: 1.75rem;
  font-weight: normal;
}
.ticket-list ul .ticket .action {
  display: flex;
  align-self: stretch;
  flex: 0 1 51.1363636364%;
  align-items: stretch;
}
.ticket-list ul .ticket .verses {
  display: flex;
  padding: 0 2.4242424242%;
  flex: 0 1 28.125rem;
  justify-content: flex-start;
  align-items: center;
}
.ticket-list ul .ticket .verses .team {
  display: flex;
  order: 0;
  align-items: center;
}
.ticket-list ul .ticket .verses .team .team-name {
  margin: 0 0.5rem;
  font-size: 1.25rem;
}
.ticket-list ul .ticket .verses .team .team-flag {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 0.5rem;
  border: 0.0625rem solid #d8d8d8;
  border-radius: 50%;
  flex: 0 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.ticket-list ul .ticket .verses .team.home .team-name {
  order: 0;
}
.ticket-list ul .ticket .verses .team.home .team-flag {
  order: 1;
}
.ticket-list ul .ticket .verses .team.away .team-name {
  order: 1;
}
.ticket-list ul .ticket .verses .team.away .team-flag {
  order: 0;
}
.ticket-list ul .ticket .verses .vs {
  margin: 0 0.5rem;
  color: #666666;
  font-size: 1.25rem;
  order: 1;
}
.ticket-list ul .ticket .verses .away {
  order: 2;
}
.ticket-list ul .ticket .btn-reservation {
  display: block;
  min-height: 8.5rem;
  padding: 0;
  text-align: center;
  color: #ffffff;
  background-color: #001a58;
  font-size: 1.25rem;
  flex: 0 1 15rem;
  align-self: stretch;
}
.ticket-list ul .ticket .btn-reservation:disabled {
  pointer-events: none;
  color: #7a8ec1;
  font-weight: normal;
}
.ticket-list ul .ticket .btn-reservation .icon-24-nega-cart {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto 0.25rem;
  background-image: url(../../../images/icon/ic-24-nega-cart.svg);
}
.ticket-list ul .ticket .btn-reservation span {
  flex: 1 1 100%;
}

/* ====================[[ 팝업 ]]==================== */
.popup {
  position: fixed !important;
  z-index: 99;
  top: 50%;
  left: 50%;
  overflow: visible;
  width: 32.5rem;
  max-width: calc(100% - 4rem);
  max-height: 100vh;
  transform: translate(-50%, -50%);
}
.popup.instant-popup {
  z-index: 1;
  width: auto;
}
@media (max-width: 1024px) {
  .popup.instant-popup {
    position: fixed !important;
    z-index: 99;
    top: 50% !important;
    left: 50% !important;
    width: auto;
    max-width: 33.75rem;
    transform: translate(-50%, -50%) !important;
  }
  .popup.instant-popup::before {
    display: block !important;
  }
  .popup.instant-popup .popup-wrapper {
    display: block;
    width: auto !important;
    max-width: calc(100vw - 3rem);
    padding: 0;
  }
  .popup.instant-popup .popup-wrapper .popup-content a img {
    max-width: calc(100vw - 3rem) !important;
  }
}
.popup.instant-popup .popup-wrapper {
  padding: 0;
}
.popup.instant-popup .popup-wrapper .popup-content a {
  display: block;
}
.popup.instant-popup .popup-wrapper .popup-content a img {
  display: block;
  max-width: 100%;
}
.popup.instant-popup .popup-wrapper .popup-footer {
  margin-top: 0;
}
.popup.instant-popup .popup-wrapper .popup-footer .top-banner-action {
  display: flex;
  height: 2.5rem;
  padding: 0 1rem;
  font-size: 0.875rem;
  align-items: center;
}
.popup.instant-popup .popup-wrapper .popup-footer .top-banner-action label {
  display: flex;
  align-items: center;
}
.popup.instant-popup .popup-wrapper .popup-footer .top-banner-action input[type=checkbox] {
  margin-right: 0.5rem;
}
.popup.instant-popup .popup-wrapper .popup-footer .top-banner-action .btn-close {
  margin-left: auto;
}
.popup.absolute {
  position: absolute !important;
  transform: translate(0, 0);
}
.popup.no-bg::before {
  display: none;
}
.popup.full-size {
  width: 35.5rem;
}
.popup.full-size.wide {
  width: 43.875rem;
}
.popup.full-size.wide.fullpage {
  width: 100%;
  position: relative !important;
  z-index: 0;
  top: 80px;
  left: 0;
  transform: none;
}
.popup.full-size.wide.fullpage::before{
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  content: "";
  transform: none;
  background-color: #fff;
}
.popup.full-size.popup-apply-coupon {
  width: 43.75rem;
}
.popup.popup-schedule, .popup.popup-schedule-list {
  position: absolute !important;
  z-index: 1;
  width: 32.5rem;
  max-width: none;
  max-height: none;
  transform: translate(0, 0);
}
@media (max-width: 1024px) {
  .popup.popup-schedule, .popup.popup-schedule-list {
    position: fixed !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    transform: translate(-50%, -50%) !important;
  }
}
.popup.popup-schedule.popup-schedule-list .popup-header, .popup.popup-schedule-list.popup-schedule-list .popup-header {
  margin-bottom: 0;
}
.popup.popup-schedule.popup-schedule-list .popup-content, .popup.popup-schedule-list.popup-schedule-list .popup-content {
  padding: 0;
}
.popup.popup-schedule.popup-schedule-list .popup-content .schedule-list, .popup.popup-schedule-list.popup-schedule-list .popup-content .schedule-list {
  overflow-y: auto;
  max-height: 10.5rem;
}
.popup.popup-schedule.popup-schedule-list .popup-content li, .popup.popup-schedule-list.popup-schedule-list .popup-content li {
  display: flex;
  min-height: 3.5rem;
  padding: 0.5rem 0;
  align-items: center;
}
.popup.popup-schedule.popup-schedule-list .popup-content li span, .popup.popup-schedule-list.popup-schedule-list .popup-content li span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
}
.popup.popup-schedule.popup-schedule-list .popup-content .btn-detail, .popup.popup-schedule-list.popup-schedule-list .popup-content .btn-detail {
  display: flex;
  height: 2rem;
  margin-left: 1rem;
  padding: 0 1rem;
  border: 1px solid #d8d8d8;
  border-radius: 1rem;
  font-size: 0.875rem;
  align-items: center;
}
.popup.popup-schedule .popup-content, .popup.popup-schedule-list .popup-content {
  min-height: 6.25rem;
  font-size: 0.875rem;
  line-height: 1.75;
}
.popup::before {
  position: fixed;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  content: "";
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
}
.popup .popup-wrapper {
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  max-height: calc(100vh - 5rem);
  padding: 1.5rem;
  background-color: #fff;
  box-shadow: 0.3125rem 0.3125rem 0.9375rem 0 rgba(0, 0, 0, 0.3);
  justify-content: flex-start;
  align-items: stretch;
}
.popup .popup-wrapper .popup-header {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  color: #000;
  border-bottom: 0.0625rem solid #000000;
  font-size: 1.25rem;
}
.popup .popup-wrapper .popup-header h2 {
  width: 100%;
  height: auto !important;
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  font-size: 1.25rem !important;
}
.popup .popup-wrapper .popup-header h2.text-left {
  justify-content: flex-start !important;
}
.popup .popup-wrapper .popup-content {
  overflow-y: auto;
  flex: 1 1 auto;
}
.popup .popup-wrapper .popup-content .tabs .tab li {
  flex: 1;
}
.popup .popup-wrapper .popup-content .form-field .input-row .input-title {
  flex: 1 0 6.25rem;
}
.popup .popup-wrapper .popup-content .form-field .input-row .btn-form {
  align-self: center;
}
.popup .popup-wrapper .popup-content .popup-board-detail {
  overflow-y: overlay;
  height: 25.625rem;
  padding: 1rem;
  background-color: #f6f6f6;
  font-size: 1rem;
}
.popup .popup-wrapper .popup-content .popup-board-detail h3 {
  margin-bottom: 0.25rem;
  font-weight: 500;
}
.popup .popup-wrapper .popup-content .coupon-list {
  padding: 0 2rem;
}
.popup .popup-wrapper .popup-content .coupon-list .coupon {
  display: flex;
  border: 0.0625rem solid #d8d8d8;
  align-items: stretch;
}
.popup .popup-wrapper .popup-content .coupon-list .coupon ~ .coupon {
  margin-top: 1rem;
}
.popup .popup-wrapper .popup-content .coupon-list .coupon .flag {
  display: flex;
  max-width: 2rem;
  color: #ffffff;
  background-color: #001a58;
  font-size: 0.75rem;
  font-weight: normal;
  flex: 0 0 2rem;
  align-items: center;
  justify-content: center;
}
.popup .popup-wrapper .popup-content .coupon-list .coupon .flag span {
  transform: rotate(-90deg);
  white-space: nowrap;
}
.popup .popup-wrapper .popup-content .coupon-list .coupon .coupon-info {
  padding: 1rem 1.5rem;
  flex: 1 1 auto;
}
.popup .popup-wrapper .popup-content .coupon-list .coupon .coupon-info .discount {
  margin-bottom: 0.1875rem;
  font-size: 1.5rem;
  font-weight: 500;
}
.popup .popup-wrapper .popup-content .coupon-list .coupon .coupon-info .title {
  font-size: 1rem;
  font-weight: 500;
}
.popup .popup-wrapper .popup-content .coupon-list .coupon .coupon-info .info {
  margin-top: 1rem;
  color: #666666;
  font-size: 0.875rem;
}
.popup .popup-wrapper .popup-content .coupon-list .coupon .coupon-info .info strong {
  display: block;
  color: #000000;
}
.popup .popup-wrapper .popup-content .coupon-list .coupon .btn-download {
  display: flex;
  padding: 0;
  border-left: 0.0625rem solid #d8d8d8;
  flex: 0 0 2.5rem;
  align-items: center;
  justify-content: center;
}
.popup .popup-wrapper .popup-content .coupon-list .coupon .btn-download .icon-24-download {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
  background-image: url(../images/icon/ic-24-download.svg);
}
.popup .popup-wrapper .popup-content .coupon-list .note {
  margin-top: 2rem;
  color: #666666;
  font-size: 0.875rem;
}
.popup .popup-wrapper .popup-content .coupon-list .note ul li {
  display: flex;
  line-height: 1.5714285714;
  flex: 1 1 auto;
}
.popup .popup-wrapper .popup-content .coupon-list .note ul li::before {
  content: "ㆍ";
  flex: 0 0 auto;
}
.popup .popup-wrapper .popup-footer {
  position: relative;
  z-index: 0;
  margin-top: 1.5rem;
}
.popup .popup-wrapper .popup-footer .btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup .popup-wrapper .popup-footer .btn-group button {
  min-width: 11.25rem;
}
.popup .popup-wrapper .popup-footer .btn-group button.btn-wide {
  flex: 1;
}
.popup .popup-wrapper .popup-footer .btn-group button ~ button {
  margin-left: -0.75rem;
}
.popup .popup-wrapper .info-table th,
.popup .popup-wrapper .info-table td {
  font-size: 0.875rem;
}
.popup .popup-result {
  display: flex;
  flex-direction: column;
  padding: 4.5625rem 0;
  text-align: center;
  flex: 1 1 auto;
}
.popup .popup-result .greeting {
  font-weight: 500;
}
.popup .popup-result .greeting .level {
  color: #11368f;
  font-size: 1.5rem;
}
.popup .popup-result .greeting p {
  margin: 1rem auto;
  font-size: 1.5rem;
}
.popup .popup-result p {
  font-size: 0.875rem;
}
.popup .popup-result .result-value {
  margin-top: 2rem;
}
.popup .popup-result .result-value .main-value {
  font-size: 1.5rem;
}
.popup .popup-result .result-value .sub-value {
  margin-top: 0.5rem;
  color: #999999;
  font-size: 0.875rem;
}
.popup .search-form {
  margin-top: 1rem;
}
.popup .search-form form .form-field {
  display: flex;
  border-bottom: 1px solid #000000;
  align-items: center;
}
.popup .search-form form .form-field input {
  background-color: transparent !important;
  flex: 1 1 auto;
}
.popup .search-form form .form-field .btn-delete {
  display: none;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0 !important;
  margin-top: 0;
  margin-left: 1rem;
}
.popup .search-form form .form-field .btn-search {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0 !important;
  margin-top: 0;
  margin-left: 1rem;
}
.popup .search-form form .form-field .icon-24-close {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-close.svg);
}
.popup .search-form form .form-field .icon-24-search {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-search.svg);
}

/* btn top */
.btn-top {
  position: fixed !important;
  z-index: -1;
  right: 8.75%;
  bottom: 5.625rem;
  display: flex;
  width: 3rem !important;
  height: 3rem !important;
  transition: 0.25s all;
  opacity: 0;
  background-color: #000000;
  color: white;
  font-size: 1.6rem;
  align-items: center;
  justify-content: center;
  touch-action: none;
}
.btn-top.show {
  z-index: 10;
  opacity: 1;
  touch-action: auto;
}
.btn-top .ic-24-nega-front {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-nega-front.svg);
}

/* ====================[[ BreadComb ]]==================== */
.breadcomb {
  display: flex;
  margin-bottom: 2.5rem;
  color: #666666;
  font-size: 0.875rem;
  align-items: center;
}
.breadcomb span {
  color: #000000;
}
.breadcomb a {
  padding-right: 0;
  background-position: calc(100% - 0.25rem) center;
  background-image: url(../images/icon/ic-16-next.svg);
  background-repeat: no-repeat;
}

/* ====================[[ 게시판 목록 ]]==================== */
.board-list {
  width: 100%;
  border-top: 0.0625rem solid #000000;
}
.board-list .list-item {
  width: 100%;
}
.board-list .list-item.on {
  background-color: #f6f6f6;
}
.board-list .list-item.on .list-title {
  height: auto;
}
.board-list .list-item.on .list-title .subject .title {
  white-space: normal;
  text-overflow: clip;
}
.board-list .list-item.on .list-title .subject .title p.title-text {
  display: block;
  padding-bottom: 1rem;
  white-space: normal;
  text-overflow: clip;
  border-bottom: 1px solid #d8d8d8;
}
.board-list .list-item.on .list-title .subject .title p:not(.title-text) {
  display: block;
  margin-top: 1rem;
  white-space: normal;
  text-overflow: clip;
}
.board-list .list-item.on .list-title .thumbnail,
.board-list .list-item.on .list-title .reply {
  max-width: calc(100% - 19.5rem);
  margin-top: 1.5rem;
  margin-left: 12rem;
  flex: 1 0 calc(100% - 19.5rem);
  padding-top: 0;
  padding-bottom: 0;
}
.board-list .list-item.on .list-title .thumbnail .img,
.board-list .list-item.on .list-title .reply .img {
  display: none;
}
.board-list .list-item.on .list-title .thumbnail .uploaded-imgs,
.board-list .list-item.on .list-title .reply .uploaded-imgs {
  display: flex;
}
.board-list .list-item.on .list-title .thumbnail.reply,
.board-list .list-item.on .list-title .reply.reply {
  display: block;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: left;
  border-top: 0.0625rem solid #d8d8d8;
  font-size: 0.875rem;
}
.board-list .list-item.on .list-title .thumbnail.reply h4,
.board-list .list-item.on .list-title .reply.reply h4 {
  margin-bottom: 0.25rem;
  color: #2746d5;
  font-weight: 500;
}
.board-list .list-item.on .list-title .thumbnail.reply p,
.board-list .list-item.on .list-title .reply.reply p {
  font-size: 0.875rem;
}
.board-list .list-item .list-title {
  display: flex;
  box-sizing: border-box;
  border-bottom: 0.0625rem solid #d8d8d8;
  align-items: flex-start;
  flex-wrap: wrap;
}
.board-list .list-item .list-title > div {
  display: flex;
  min-height: 5rem;
  padding: 1rem 0;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.board-list .list-item .list-title > .category {
  min-height: 0;
  text-align: left;
  color: #666666;
  font-size: 0.875rem;
  flex: 0 0 10.4375rem;
}
.board-list .list-item .list-title .number {
  display: flex;
  width: 3rem;
  font-size: 0.875rem;
  align-items: center;
  justify-content: center;
  flex: 0 0 3rem;
}
.board-list .list-item .list-title .number span {
  display: block;
  text-align: center;
  border-right: 0.0625rem solid #d8d8d8;
  flex: 1 1 100%;
}
.board-list .list-item .list-title .status {
  display: flex;
  width: 7rem;
  flex: 0 0 7rem;
  align-items: center;
  justify-content: center;
}
.board-list .list-item .list-title .status.complete span {
  color: #ffffff;
  background-color: #001a58;
}
.board-list .list-item .list-title .status span {
  display: flex;
  width: 4rem;
  height: 1.5rem;
  margin: 0 auto;
  color: #001a58;
  border: 0.0625rem solid #001a58;
  border-radius: 0.75rem;
  font-size: 0.75rem;
  font-weight: normal;
  align-items: center;
  justify-content: center;
}
.board-list .list-item .list-title .stars {
  display: flex;
  width: 8rem;
  flex: 0 0 8rem;
  align-items: center;
  justify-content: center;
}
.board-list .list-item .list-title .stars i ~ i {
  margin-left: 0.25rem;
}
.board-list .list-item .list-title .stars .icon-32-grade {
  display: block;
  width: 1rem;
  height: 1rem;
  background-position: center;
  background-image: url(../images/icon/ic-32-grade-none.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.board-list .list-item .list-title .stars .icon-32-grade.on {
  background-image: url(../images/icon/ic-32-grade-sel.svg);
}
.board-list .list-item .list-title .stars .value {
  margin-left: 1.5rem;
  color: #999999;
  font-size: 2rem;
  font-weight: 300;
}
.board-list .list-item .list-title .stars .value strong {
  color: #000000;
  font-weight: 500;
}
.board-list .list-item .list-title .subject {
  max-width: calc(100% - 29.0625rem);
  min-height: 0;
  padding: 1rem;
  text-align: left;
  flex: 1 0 calc(100% - 29.0625rem);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-self: center;
}
.board-list .list-item .list-title .subject .option,
.board-list .list-item .list-title .subject .category {
  margin-bottom: 0.125rem;
  color: #666666;
  font-size: 0.875rem;
  flex: 1 1 100%;
}
.board-list .list-item .list-title .subject .title {
  display: block;
  overflow: hidden;
  margin-top: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000000;
  font-size: 0.875rem;
  flex: 1 1 100%;
  align-self: flex-start;
}
.board-list .list-item .list-title .subject .title p.title-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.board-list .list-item .list-title .subject .title p:not(.title-text) {
  display: none;
  margin-top: 0.5rem;
}
.board-list .list-item .list-title .user {
  width: 5.3125rem;
  color: #999999;
  font-size: 0.875rem;
  flex: 0 0 5.3125rem;
}
.board-list .list-item .list-title .date {
  width: 6.25rem;
  color: #999999;
  font-size: 0.875rem;
  flex: 0 0 6.25rem;
}
.board-list .list-item .list-title .thumbnail {
  width: 6.5rem;
  max-width: 10.7438016529%;
  flex: 0 0 6.5re;
}
.board-list .list-item .list-title .thumbnail .img {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 auto;
  background-position: center;
  background-image: url(../images/img-review-thumnail.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.board-list .list-item .list-title .thumbnail .uploaded-imgs {
  display: none;
  width: 100%;
}
.board-list .list-item .list-title .thumbnail .uploaded-imgs .swiper-wrapper .swiper-slide {
  position: relative;
  margin: 0 0.25rem;
  flex: 0 0 12.5rem;
}
.board-list .list-item .list-title .thumbnail .uploaded-imgs .swiper-wrapper a {
  display: block;
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.board-list .list-item .list-title .reply {
  display: none;
}
.board-list .list-item.no-item {
  padding: 1.75rem;
  text-align: center;
  color: #000000;
}

/* ====================[[ Paging ]]==================== */
.paging {
  display: flex;
  margin-top: 3.75rem;
  line-height: 1.5rem;
  justify-content: center;
  align-items: center;
}
.paging a {
  display: block;
  margin: 0 0.75rem;
  color: #666666;
  font-size: 0.875rem;
}
.paging a.on, .paging a:hover {
  color: #000000;
  font-weight: bold;
}
.paging .btn-front,
.paging .btn-prev,
.paging .btn-next,
.paging .btn-end {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
}
.paging .btn-front i,
.paging .btn-prev i,
.paging .btn-next i,
.paging .btn-end i {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.paging .btn-front.btn-prev,
.paging .btn-prev.btn-prev,
.paging .btn-next.btn-prev,
.paging .btn-end.btn-prev {
  margin-right: 0.75rem;
}
.paging .btn-front.btn-next,
.paging .btn-prev.btn-next,
.paging .btn-next.btn-next,
.paging .btn-end.btn-next {
  margin-left: 0.75rem;
}
.paging .btn-front .icon-arr-front,
.paging .btn-prev .icon-arr-front,
.paging .btn-next .icon-arr-front,
.paging .btn-end .icon-arr-front {
  background-image: url(../images/icon/ic-24-arr-front-dis.svg);
}
.paging .btn-front .icon-arr-front:hover,
.paging .btn-prev .icon-arr-front:hover,
.paging .btn-next .icon-arr-front:hover,
.paging .btn-end .icon-arr-front:hover {
  background-image: url(../images/icon/ic-24-arr-front.svg);
}
.paging .btn-front .icon-arr-prev,
.paging .btn-prev .icon-arr-prev,
.paging .btn-next .icon-arr-prev,
.paging .btn-end .icon-arr-prev {
  background-image: url(../images/icon/ic-24-arr-prev-dis.svg);
}
.paging .btn-front .icon-arr-prev:hover,
.paging .btn-prev .icon-arr-prev:hover,
.paging .btn-next .icon-arr-prev:hover,
.paging .btn-end .icon-arr-prev:hover {
  background-image: url(../../../images/icon/ic-24-arr-prev.svg);
}
.paging .btn-front .icon-arr-next,
.paging .btn-prev .icon-arr-next,
.paging .btn-next .icon-arr-next,
.paging .btn-end .icon-arr-next {
  background-image: url(../images/icon/ic-24-arr-next-dis.svg);
}
.paging .btn-front .icon-arr-next:hover,
.paging .btn-prev .icon-arr-next:hover,
.paging .btn-next .icon-arr-next:hover,
.paging .btn-end .icon-arr-next:hover {
  background-image: url(../../../images/icon/ic-24-arr-next.svg);
}
.paging .btn-front .icon-arr-end,
.paging .btn-prev .icon-arr-end,
.paging .btn-next .icon-arr-end,
.paging .btn-end .icon-arr-end {
  background-image: url(../images/icon/ic-24-arr-end-dis.svg);
}
.paging .btn-front .icon-arr-end:hover,
.paging .btn-prev .icon-arr-end:hover,
.paging .btn-next .icon-arr-end:hover,
.paging .btn-end .icon-arr-end:hover {
  background-image: url(../images/icon/ic-24-arr-end.svg);
}

/* ====================[[ Info 테이블 ]]==================== */
table.info-table {
  width: 100%;
  table-layout: fixed;
  border-top: 0.0625rem solid #000000;
}
table.info-table.auto {
  max-width: 100%;
  table-layout: auto;
}
table.info-table.auto colgroup col {
  min-width: 0 !important;
}
table.info-table.auto th {
  min-width: 5.5rem;
}
table.info-table colgroup col {
  min-width: 120px;
}
table.info-table tbody tr th {
  min-width: 120px;
  height: 3.4375rem;
  padding: 1rem;
  vertical-align: middle;
  color: #666666;
  border-bottom: 0.0625rem solid #d8d8d8;
  font-weight: normal;
}
table.info-table tbody tr td {
  height: 3.4375rem;
  padding: 1rem;
  vertical-align: middle;
  border-bottom: 0.0625rem solid #d8d8d8;
}
table.info-table tbody tr td[colspan] {
  height: auto;
  padding-right: 0;
  padding-left: 0;
}
table.info-table tbody tr td .text-ellipsis {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
table.info-table tbody tr td .input-group.inline .form-component {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 1rem;
  margin-left: 0;
}
table.info-table tbody tr td .input-group.inline label {
  display: flex;
  align-items: center;
}
table.info-table tbody tr td .input-group.inline span {
  display: block;
}
table.info-table tbody tr td .note {
  margin-top: 0.5rem;
  color: #666666;
  font-size: 0.875rem;
  line-height: 1.5714285714;
}
table.info-table tbody tr td .note ul li {
  display: flex;
}
table.info-table tbody tr td .note ul li::before {
  content: "ㆍ";
  flex: 0 0 auto;
}
table.info-table .inner-table {
  width: 100%;
}
table.info-table .inner-table th,
table.info-table .inner-table td {
  text-align: center;
  font-size: 0.875rem;
}
table.info-table .inner-table thead th {
  height: 2.5rem;
  padding: 0.5rem 0;
  background-color: #f6f6f6;
}
table.info-table .inner-table tbody tr:last-child td {
  border-bottom: 0;
}
table.info-table .inner-table tbody tr td {
  height: 3.5rem;
  padding: 0.5rem 0;
}

.info-table:not(table) {
  margin-top: 2rem;
  border-top: 0.125rem solid #000000;
  border-bottom: 0.125rem solid #000000;
}
.info-table:not(table) dl {
  display: flex;
  min-height: 4.375rem;
  padding: 1.5rem 0;
  align-items: center;
}
.info-table:not(table) dl ~ dl {
  border-top: 0.0625rem solid #d8d8d8;
}
.info-table:not(table) dl.option {
  flex-wrap: wrap;
}
.info-table:not(table) dl.option dt ~ dt,
.info-table:not(table) dl.option dd ~ dd {
  margin-top: 0.5rem;
}
.info-table:not(table) dl.option dd {
  flex: 0 1 calc(100% - 6.5625rem);
}
.info-table:not(table) dl.option select {
  width: 100%;
}
.info-table:not(table) dl.selected dt {
  color: #000000;
  font-size: 1rem;
  font-weight: 500;
  flex: 1 1 auto;
}
.info-table:not(table) dl.selected dd {
  display: flex;
  align-items: center;
}
.info-table:not(table) dl.selected dd .option-price {
  margin-left: 1.5rem;
  color: #000000;
  font-weight: 500;
}
.info-table:not(table) dl.selected dd .btn-delete {
  width: 1rem;
  height: 1rem;
  margin-left: 1rem;
  padding: 0;
}
.info-table:not(table) dl.selected dd .btn-delete .icon-16-del {
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../images/icon/ic-16-del.svg);
}
.info-table:not(table) dl dt {
  color: #666666;
  font-size: 0.875rem;
  font-weight: normal;
  flex: 0 1 6.5625rem;
}
.info-table:not(table) dl dd {
  color: #666666;
  font-size: 0.875rem;
}
.change-count {
  display: flex;
  border: 0.0625rem solid #666666;
  align-items: stretch;
}
.change-count input {
  width: 3rem;
  height: 2.125rem;
  text-align: center;
  background-color: #ffffff;
}
.change-count button {
  width: 1.75rem;
  padding: 0;
}
.change-count button.btn-minus {
  border-right: 0.0625rem solid #666666;
}
.change-count button.btn-plus {
  border-left: 0.0625rem solid #666666;
}
.change-count button .icon-16-plus {
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../images/icon/ic-16-plus.svg);
}
.change-count button .icon-16-minus {
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../images/icon/ic-16-minus.svg);
}

/* ====================[[ 검색영역 ]]==================== */
.search-area {
  position: fixed !important;
  z-index: 100 !important;
  top: 0;
  left: 0;
  display: none;
  width: 100vw;
  max-width: 100vw !important;
  padding: 3.75rem;
  border-bottom: 1px solid #d8d8d8;
  background-color: #ffffff;
}
@media (max-width: 1024px) {
  .search-area {
    position: fixed;
    height: 100vh;
    padding: 0;
  }
  .search-area .search-form form .form-field {
    height: 3.5rem !important;
    padding: 0 1rem;
  }
  .search-area .search-form form .form-field .btn-close {
    display: block !important;
  }
  .search-area .search-form form input {
    padding: 0 !important;
  }
  .search-area .recent-search {
    padding: 0 1rem !important;
  }
}
.search-area.show {
  display: flex;
  justify-content: center;
}
.search-area .search-form form {
  width: 30rem;
  max-width: 100%;
  margin: 0 auto;
}
.search-area .search-form form .form-field {
  display: flex;
  height: 3rem;
  border-bottom: 1px solid #000000;
  align-items: center;
}
.search-area .search-form form .form-field button {
  margin-left: 1rem;
}
.search-area .search-form form .form-field .btn-close {
  position: relative;
  top: auto;
  right: auto;
  display: none;
}
.search-area .search-form form input {
  padding: 0 0.5rem;
  flex: 1 1 auto;
}
.search-area .search-form form input::placeholder {
  color: #999999;
}
.search-area .search-form form input::-webkit-search-decoration, .search-area .search-form form input::-webkit-search-cancel-button, .search-area .search-form form input::-webkit-search-results-button, .search-area .search-form form input::-webkit-search-results-decoration {
  display: none;
}
.search-area .search-form .btn-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
}
.search-area .search-form .btn-close.pc-only i {
  font-size: 1.3rem;
  line-height: 1.5rem;
}
.search-area .search-form .icon-24-search {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(/images/icon/ic-24-search.svg);
}
.search-area .recent-search {
  margin-top: 1.5rem;
  padding: 0 0.5rem;
  font-size: 1rem;
}
.search-area .recent-search h3 {
  color: #999999;
}
.search-area .recent-search ul {
  margin-top: 1rem;
}
.search-area .recent-search ul li ~ li {
  margin-top: 0.5rem;
}

.popup.popup-address-list .popup-header {
  margin-bottom: 0;
}
.popup .search-frame {
  min-height: 33rem;
}
@media (max-width: 1024px) {
  .popup .search-frame {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: stretch;
    flex: 1 1 auto;
  }
  .popup .search-frame .search-form {
    margin-top: 0 !important;
  }
  .popup .search-frame .search-form .form-field {
    height: 3.5rem;
  }
  .popup .search-frame .search-result {
    overflow-y: auto;
    height: 100%;
    flex: 1 1 auto;
  }
}
.popup .search-frame .search-form {
  margin-top: 1.5rem;
}
.popup .search-frame .search-tip {
  margin-top: 2.5rem;
  font-size: 1rem;
}
.popup .search-frame .search-tip dl dt {
  font-weight: normal;
}
.popup .search-frame .search-tip .result {
  margin-top: 2.5rem;
  font-size: 0.875rem;
}
.popup .search-frame .search-tip .result dl ~ dl {
  margin-top: 1rem;
}
.popup .search-frame .search-tip .result dl dt {
  font-weight: normal;
}
.popup .search-frame .search-result {
  position: relative;
  overflow-y: auto;
  height: 33rem;
  margin-top: 1.5rem;
}
.popup .search-frame .search-result .result-count {
  position: sticky;
  top: 0;
  display: block;
  background-color: #ffffff;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 1024px) {
  .popup .search-frame .search-result .result-count {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.popup .search-frame .search-result ul li ~ li {
  margin-top: 0.5rem;
}
.popup .search-frame .search-result ul li a {
  display: block;
  padding: 1rem;
  border: 1px solid #d8d8d8;
}
.popup .address-list + .paging {
  margin-top: 1rem;
}
.popup .address-list ul li {
  display: flex;
  padding: 1rem;
  border-bottom: 1px solid #d8d8d8;
  align-items: center;
}
@media (max-width: 1024px) {
  .popup .address-list ul li {
    padding: 0.75rem 0.5rem;
  }
}
.popup .address-list .input-check {
  margin-right: 1rem;
  flex: 0 0 auto;
}
.popup .address-list .info .address-name {
  font-size: 1rem;
  line-height: 1;
}
@media (max-width: 1024px) {
  .popup .address-list .info .address-name {
    font-size: 0.875rem;
  }
}
.popup .address-list .info .address-name span ~ span {
  margin-left: 1rem;
  padding-left: 1rem;
  border-left: 1px solid #d8d8d8;
}
.popup .address-list .info .address {
  margin-top: 1rem;
  color: #666666;
  font-size: 0.875rem;
}
@media (max-width: 1024px) {
  .popup .address-list .info .address {
    margin-top: 0.75rem;
  }
}
.popup .address-list .info .tel {
  color: #666666;
  font-size: 0.875rem;
}
.popup.popup-share .popup-header {
  margin-bottom: 0;
}
.popup.popup-share .share-form {
  padding: 3.375rem;
}
@media (max-width: 1024px) {
  .popup.popup-share .share-form {
    padding: 1.5rem 0;
  }
}
.popup.popup-share .form-field .input-row {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.popup.popup-share .form-field .input-row .input-group {
  justify-content: center;
}
.popup.popup-share .form-field .input-row .input-group input[type=text] {
  max-width: 13.75rem;
}
.popup.popup-share .social-group {
  margin-bottom: 2.75rem;
}
@media (max-width: 1024px) {
  .popup.popup-share .social-group {
    margin-bottom: 0.75rem;
  }
}
.popup.popup-share .social-group ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup.popup-share .social-group ul li {
  margin: 0 1rem;
}
.popup.popup-document .popup-header {
  margin-bottom: 0;
}

/* 서류 목록 */
.document-list h3 {
  height: auto !important;
  border-bottom: 0 !important;
  font-size: 1rem !important;
  margin-top: 1rem !important;
  margin-bottom: 0.5rem !important;
}
.document-list dl {
  display: flex;
  border-bottom: 1px solid #d8d8d8;
}
.document-list dl dt {
  display: flex;
  flex-direction: column;
  font-weight: normal;
  align-items: center;
  justify-content: center;
  flex: 0 1 15.625rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (max-width: 1024px) {
  .document-list dl dt {
    font-size: 0.875rem;
    flex: 0 1 6.75rem;
  }
}
.document-list dl dt img {
  display: block;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 1rem;
  margin-left: auto;
}
@media (max-width: 1024px) {
  .document-list dl dt img {
    width: 2rem;
  }
}
.document-list dl dd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1 1 auto;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.document-list ul li {
  font-size: 0.875rem;
}
.document-list .note {
  color: #666666;
}
.document-list .note li {
  display: flex;
  align-items: flex-start;
}
.document-list .note li::before {
  margin-right: 0.25em;
  content: "-";
}

/* ====================[[ 약관 동의 ]]==================== */
.terms-list label {
  display: flex;
  align-items: center;
}
.terms-list label input[type=checkbox] {
  margin-right: 1rem;
}
.terms-list .agreeAll {
  display: flex;
  height: 3.5rem;
  border-bottom: 1px solid #000000;
  font-size: 1.25rem;
  align-items: center;
}
.terms-list h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.25rem;
  color: #666666;
  font-size: 1rem;
  font-weight: normal;
}
.terms-list .accordion-list ul li.on .accordion-title {
  background-image: url(../images/icon/ic-24-arr-up.svg);
}
.terms-list .accordion-list ul li.on .accordion-content {
  overflow-y: overlay;
  max-height: 12.5rem;
  padding: 1rem 1rem;
  border-bottom: 1px solid #d8d8d8;
}
.terms-list .accordion-list ul .accordion-title {
  display: flex;
  height: 3.5rem;
  cursor: pointer;
  border-bottom: 1px solid #d8d8d8;
  align-items: center;
  background-position: calc(100% - 1rem) center;
  background-image: url(../images/icon/ic-24-arr-down.svg);
  background-repeat: no-repeat;
}
.terms-list .accordion-list ul .accordion-content {
  position: relative;
  overflow: hidden;
  max-height: 0;
  padding: 0 1rem;
  transition: 0.25s all;
  border-bottom: 0;
}
.terms-list .accordion-list ul .accordion-content .terms-area {
  overflow-y: overlay;
  max-height: 100%;
  color: #666666;
  font-size: 0.875rem;
}

@media (max-width: 1024px) {
  /* ====================[[ 상단 배너 ]]==================== */
  .top-banner {
    left: 50%;
    display: flex;
    width: 100vw;
    transform: translateX(-50%);
    align-items: stretch;
    justify-content: center;
  }
  .top-banner .top-banner-action input[type=checkbox] {
    display: none;
  }
  .top-banner .top-banner-action label {
    display: none;
  }
  .top-banner .banner-clip {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .top-banner .banner-clip img {
    max-width: 100%;
    min-height: 2.75rem;
    object-fit: cover;
  }
  /* ====================[[ 상품 목록 ]]==================== */
  .goods-list {
    height: auto;
    max-height: none;
    margin-left: 0;
  }
  .goods-list.goods-list:not(.swiper-container) ul {
    flex-wrap: wrap;
  }
  .goods-list ul {
    display: flex;
    width: calc(100% + 0.5rem);
    height: 100%;
    align-items: flex-start;
  }
  .goods-list ul .goods-item {
    position: relative;
    max-width: calc(50% - 0.5rem);
    margin: 0 0.25rem 1rem;
    flex: 1 0 50%;
  }
  /* ====================[[ Info 테이블 ]]==================== */
  /* ====================[[ 팝업 ]]==================== */
  /* ====================[[ BreadComb ]]==================== */
  /* ====================[[ Paging ]]==================== */
  /* ====================[[ QNA ]]==================== */
  /* 상품문의 Start */
  /* 상품문의 End */
  /* 약관 동의 */
}
@media (max-width: 1024px) and (max-width: 48rem) {
  .goods-list ul .goods-item {
    flex: 1 0 50%;
  }
}
@media (max-width: 1024px) and (max-width: 40rem) {
  .goods-list ul .goods-item {
    flex: 1 0 100%;
  }
  .goods-list ul .goods-item .goods-img {
    min-width: 0 !important;
  }
}
@media (max-width: 1024px) {
  .goods-list ul .goods-item .goods-img {
    position: relative;
    padding-top: 100%;
    background-color: #ecf0f2;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 1024px) {
  .goods-list ul .goods-item .goods-info {
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 1rem;
    color: #000000;
  }
}
@media (max-width: 1024px) {
  .goods-list ul .goods-item .btn-like {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: flex;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    align-items: center;
    justify-content: center;
  }
  .goods-list ul .goods-item .btn-like.on .ic-24-like {
    opacity: 1;
    background-image: url(../images/icon/ic-24-like-sel.svg);
  }
  .goods-list ul .goods-item .btn-like .ic-24-like {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0.5;
    background-image: url(../images/icon/ic-24-like.svg);
  }
}
@media (max-width: 1024px) {
  .goods-list ul .goods-item .title a {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 3rem;
    text-overflow: ellipsis;
    word-break: keep-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 1024px) {
  .goods-list ul .goods-item .price {
    display: flex;
    margin-top: 0.75rem;
    line-height: 1.75rem;
    align-items: center;
    flex-wrap: wrap;
  }
  .goods-list ul .goods-item .price .discount-rate {
    margin-right: 0.25rem;
    color: #e6002d;
    font-size: 1.5rem;
  }
  .goods-list ul .goods-item .price .discount-rate strong {
    font-weight: 500;
  }
  .goods-list ul .goods-item .price .calc-price {
    margin-right: 0.25rem;
    color: #000000;
    font-size: 1rem;
  }
  .goods-list ul .goods-item .price .calc-price strong {
    font-size: 1.5rem;
  }
  .goods-list ul .goods-item .price .origin-price {
    margin-right: 0.25rem;
    color: #999999;
  }
  .goods-list ul .goods-item .price .origin-price strong {
    text-decoration: line-through;
    font-size: 1.25rem;
    font-weight: 400;
    font-style: italic;
  }
  .goods-list ul .goods-item .price .btn-cart {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: auto;
    padding: 0;
    flex: 0 0 auto;
  }
  .goods-list ul .goods-item .price .btn-cart .ic-24-nega-cart {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0.5;
    background-image: url(../../../images/icon/ic-24-cart.svg);
  }
}
@media (max-width: 1024px) {
  table.info-table tbody tr th {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
  table.info-table tbody tr td {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
}
@media (max-width: 1024px) and (max-width: 640px) {
  .popup.full-size {
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
  }
  .popup.full-size .popup-wrapper {
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
  }
  .popup:not(.full-size) .popup-wrapper {
    position: relative;
    left: 50%;
    width: calc(100% - 3rem);
    transform: translateX(-50%);
  }
}
@media (max-width: 1024px) {
  .popup .popup-wrapper .popup-header h2 {
    font-size: 1.25rem;
  }
  .popup .popup-wrapper .popup-content {
    overflow-y: overlay;
  }
  .popup .popup-wrapper .popup-content .popup-board-detail {
    height: 13.5rem;
    font-size: 0.875rem;
  }
  .popup .popup-wrapper .popup-content .coupon-list {
    padding: 0 1.5rem;
  }
  .popup .popup-wrapper .popup-content .coupon-list .coupon .coupon-info {
    padding: 1rem 1rem;
    flex: 1 1 auto;
  }
  .popup .popup-wrapper .popup-content .coupon-list .coupon .coupon-info .discount {
    font-size: 1.25rem;
  }
  .popup .popup-wrapper .popup-content .coupon-list .note {
    margin-top: 1rem;
  }
  .popup .popup-wrapper .popup-footer .btn-group button {
    min-width: 8rem;
    height: 2.5rem;
    padding: 0 1.25rem;
    font-size: 1rem;
  }
  .popup .popup-wrapper .popup-footer .btn-group button .btn-wide {
    flex: 1;
  }
}
@media (max-width: 1024px) {
  .popup .popup-result {
    padding: 1.625rem 0;
  }
  .popup .popup-result .greeting .level {
    font-size: 1rem;
  }
  .popup .popup-result .greeting p {
    margin: 1rem auto;
    font-size: 1rem;
  }
  .popup .popup-result p {
    font-size: 0.875rem;
  }
  .popup .popup-result .result-value {
    margin-top: 1rem;
  }
  .popup .popup-result .result-value .main-value {
    font-size: 1.5rem;
  }
  .popup .popup-result .result-value .sub-value {
    margin-top: 0.5rem;
  }
}
@media (max-width: 1024px) {
  .breadcomb {
    display: none;
  }
}
@media (max-width: 1024px) {
  .paging {
    margin-top: 2.5rem;
  }
}
@media (max-width: 1024px) {
  .qna-list .write-form {
    display: flex;
    margin-bottom: 3.125rem;
    align-items: center;
  }
  .qna-list .write-form .note {
    padding-right: 4rem;
    color: #666666;
    font-size: 0.875rem;
  }
  .qna-list .write-form .btn-weite {
    height: 4.5rem;
    text-align: center;
    border: 1px solid #666666;
    flex: 0 0 7.25rem;
    flex-wrap: wrap;
    padding-top: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
  }
  .qna-list .write-form .btn-weite .icon-24-qna {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto;
    background-image: url(../images/icon/ic-24-qna.svg);
  }
  .qna-list .write-form .btn-weite span {
    flex: 1 1 100%;
  }
  .qna-list .list .list-item.on .thumbnail,
  .qna-list .list .list-item.on .reply {
    max-width: calc(100% - 18.5625rem) !important;
    margin-left: 8rem !important;
    flex: 1 0 calc(100% - 18.5625rem) !important;
  }
  .qna-list .list .list-item.on .subject p,
  .qna-list .list .list-item.on .subject p:not(.title-text) {
    display: block;
    text-overflow: clip;
  }
  .qna-list .list .list-item .list-title .subject {
    max-width: calc(100% - 18.5625rem);
    flex: 1 0 calc(100% - 18.5625rem);
  }
  .qna-list .list .list-item .list-title .subject .title p.title-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .qna-list .list .list-item .list-title .subject .title p:not(.title-text) {
    display: none;
  }
  .qna-list .list .list-item .list-title .subject .icon-16-lock {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    vertical-align: middle;
    background-image: url(../images/icon/ic-16-lock.svg);
  }
}
@media (max-width: 1024px) {
  .terms-list label {
    display: flex;
    align-items: center;
  }
  .terms-list label input[type=checkbox] {
    margin-right: 1rem;
  }
  .terms-list .agreeAll {
    height: 2.5625rem;
    font-size: 1rem;
  }
  .terms-list h3 {
    margin-top: 0.875rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
  }
  .terms-list .accordion-list ul li.on .accordion-title {
    background-image: url(../images/icon/ic-24-arr-up.svg);
  }
  .terms-list .accordion-list ul li.on .accordion-content {
    overflow-y: overlay;
    max-height: 12.5rem;
    padding: 1rem 1rem;
    border-bottom: 1px solid #d8d8d8;
  }
  .terms-list .accordion-list ul .accordion-title {
    height: 3rem;
    font-size: 0.875rem;
    background-position: 100% center;
    background-image: url(../images/icon/ic-24-arr-down.svg);
    background-repeat: no-repeat;
  }
  .terms-list .accordion-list ul .accordion-content {
    position: relative;
    overflow: hidden;
    max-height: 0;
    padding: 0 1rem;
    transition: 0.25s all;
    border-bottom: 0;
  }
  .terms-list .accordion-list ul .accordion-content .terms-area {
    overflow-y: overlay;
    max-height: 100%;
    color: #666666;
    font-size: 0.875rem;
  }
}
/* ====================[[ 스탭 ]]==================== */
.step-progress {
  display: flex;
  min-height: 5.5rem;
  margin-bottom: 2.5rem;
  border: 1px solid #d8d8d8;
  align-items: stretch;
}
@media (max-width: 1024px) {
  .step-progress {
    min-height: auto;
    margin-bottom: 2rem;
  }
}
.step-progress .on {
  color: #ffffff;
  background-color: #001a58;
}
.step-progress .on dt {
  color: #7a8ec1;
}
.step-progress dl {
  position: relative;
  display: flex;
  padding: 1.5rem;
  flex: 1;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .step-progress dl {
    display: block;
    padding: 1rem;
    line-height: 1;
  }
  .step-progress dl > * {
    width: 100%;
    text-align: center;
    flex: 0 0 auto;
  }
  .step-progress dl dd {
    margin-top: 0.25rem;
    font-size: 0.875rem;
  }
}
.step-progress dl ~ dl {
  border-left: 1px solid #d8d8d8;
}
.step-progress dl ~ dl::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  transform: translate(-50%, -50%);
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  background-position: center;
  background-color: #ffffff;
  background-image: url(../images/icon/ic-16-next.svg);
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .step-progress dl ~ dl::before {
    display: none;
  }
}
.step-progress dl dt {
  position: absolute;
  top: 1rem;
  left: 1rem;
  color: #999999;
  font-size: 0.875rem;
  font-weight: normal;
}
@media (max-width: 1024px) {
  .step-progress dl dt {
    position: relative;
    top: auto;
    left: auto;
  }
}
.step-progress dl dd img {
  display: block;
  margin-right: auto;
  margin-bottom: 1rem;
  margin-left: auto;
}
.step-progress + .step-note {
  color: #666666;
  font-size: 0.875rem;
}
.step-progress + .step-note li {
  display: flex;
  align-items: flex-start;
}
.step-progress + .step-note li::before {
  margin-right: 0.25em;
  content: "-";
}
.step-progress + .step-note + .btns-group {
  margin-top: 3.75rem;
  justify-content: center;
  display: flex;
}
@media (max-width: 1024px) {
  .step-progress + .step-note + .btns-group {
    margin-top: 2.5rem;
  }
}
.step-progress + .step-note + .btns-group button {
  flex: 1 1 auto;
  max-width: 18rem;
}
@media (max-width: 1024px) {
  .step-progress + .step-note + .btns-group button {
    max-width: 100%;
  }
}

/* ====================[[ 티켓 목록 ]]==================== */
@media (max-width: 1280px) {
  .ticket-list ul .ticket {
    padding-left: 0;
    border: 0.0625rem solid #d8d8d8;
  }
  .ticket-list ul .ticket::before {
    width: 100%;
    height: 2px;
  }
  .ticket-list ul .ticket ~ .ticket {
    margin-top: 1rem;
  }
  .ticket-list ul .ticket .info {
    padding: 1rem 0;
    flex: 1 1 100%;
  }
  .ticket-list ul .ticket dl {
    min-height: 0;
    border-right: 0;
    font-size: 0.875rem;
  }
  .ticket-list ul .ticket dl.date {
    flex: 0 0 auto;
  }
  .ticket-list ul .ticket dl.date dd {
    font-size: 1.125rem;
  }
  .ticket-list ul .ticket dl.time {
    flex: 0 0 auto;
  }
  .ticket-list ul .ticket dl.location {
    margin-left: auto;
    flex: 0 0 auto;
  }
  .ticket-list ul .ticket dl.location dd {
    font-size: 0.875rem;
  }
  .ticket-list ul .ticket dl dt {
    display: none;
    color: #666666;
    font-size: 0.875rem;
    font-weight: normal;
  }
  .ticket-list ul .ticket dl dd {
    line-height: 2.0625rem;
  }
  .ticket-list ul .ticket dl dd strong {
    font-size: 1.125rem;
    font-weight: normal;
  }
  .ticket-list ul .ticket .action {
    display: flex;
    align-self: stretch;
    flex: 1 1 100%;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .ticket-list ul .ticket .verses {
    display: flex;
    padding: 0 2.4242424242%;
    padding: 1rem 0;
    border-top: 1px solid #d8d8d8;
    flex: 1 1 100%;
    justify-content: center;
    align-items: center;
  }
  .ticket-list ul .ticket .verses .team {
    display: flex;
    flex: 1;
    order: 0;
    align-items: center;
  }
  .ticket-list ul .ticket .verses .team .team-name {
    margin: 0 0.5rem;
    font-size: 1.25rem;
  }
  .ticket-list ul .ticket .verses .team .team-flag {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 0.5rem;
    border: 0.0625rem solid #d8d8d8;
    border-radius: 50%;
    flex: 0 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .ticket-list ul .ticket .verses .team.home {
    justify-content: flex-end;
  }
  .ticket-list ul .ticket .verses .team.home .team-name {
    order: 0;
  }
  .ticket-list ul .ticket .verses .team.home .team-flag {
    order: 1;
  }
  .ticket-list ul .ticket .verses .team.away {
    justify-content: flex-start;
  }
  .ticket-list ul .ticket .verses .team.away .team-name {
    order: 1;
  }
  .ticket-list ul .ticket .verses .team.away .team-flag {
    order: 0;
  }
  .ticket-list ul .ticket .verses .vs {
    margin: 0 0.5rem;
    color: #666666;
    font-size: 1.25rem;
    order: 1;
  }
  .ticket-list ul .ticket .verses .away {
    order: 2;
  }
  .ticket-list ul .ticket .btn-reservation {
    display: block;
    min-height: 3rem;
    padding: 0;
    text-align: center;
    color: #ffffff;
    background-color: #001a58;
    font-size: 1.25rem;
    flex: 1 1 100%;
    align-self: stretch;
  }
  .ticket-list ul .ticket .btn-reservation:disabled {
    pointer-events: none;
    color: #7a8ec1;
    font-weight: normal;
  }
  .ticket-list ul .ticket .btn-reservation .icon-24-nega-cart {
    display: none;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto 0.25rem;
    background-image: url(../../../images/ic-24-nega-cart.svg);
  }
  .ticket-list ul .ticket .btn-reservation span {
    flex: 1 1 100%;
  }
  .ticket-list ul .ticket .btn-reservation span br.pc-only {
    display: none;
  }
  /*  */
}
@media (max-width: 1024px) {
  /* 상품문의 Start */
  .qna-list .write-form {
    margin-bottom: 2.125rem;
  }
  .qna-list .write-form .note {
    display: none;
  }
  .qna-list .write-form .btn-weite {
    display: flex;
    height: 2.5rem;
    margin: 0 auto;
    flex-wrap: nowrap;
    padding-top: 0;
    padding-bottom: 0;
  }
  .qna-list .board-list .list-item {
    position: relative;
  }
  .qna-list .board-list .list-item.on::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100%;
    content: "";
    transform: translate(-50%, -50%);
    background-color: #f6f6f6;
  }
  .qna-list .board-list .list-item.on .reply {
    max-width: 100%;
    padding-top: 1.25rem;
    flex: 1 1 100%;
    margin-top: 1.5rem;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
  }
  .qna-list .board-list .list-item .list-title {
    flex-wrap: wrap;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .qna-list .board-list .list-item .list-title > div {
    width: auto;
    min-width: 0;
    max-width: 100%;
    min-height: auto;
    padding: 0;
    flex: 0 0 auto;
  }
  .qna-list .board-list .list-item .list-title .status {
    margin-right: auto;
    margin-bottom: 0.5rem;
    order: 0;
    flex: 0 0 auto !important;
  }
  .qna-list .board-list .list-item .list-title .status span {
    font-size: 0.75rem;
  }
  .qna-list .board-list .list-item .list-title .subject {
    max-width: 100%;
    flex: 1 1 100%;
    order: 3;
  }
  .qna-list .board-list .list-item .list-title .user {
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
    order: 1;
  }
  .qna-list .board-list .list-item .list-title .date {
    margin-bottom: 0.5rem;
    margin-left: 1rem;
    font-size: 0.75rem;
    order: 2;
  }
  .qna-list .board-list .list-item .list-title .reply {
    order: 4;
  }
  /* 상품문의 End */
}
/* ====================[[ Header ]]==================== */
/* ====================[[ 헤더 ]]==================== */
.header {
  position: relative;
  z-index: 100;
  top: 0;
  width: 100%;
  margin-left: 50%;
  padding: 0 2.5rem;
  background-color: #ffffff;
  /* Header Top */
  /* Header Bottom */
}
.scrolled .header {
  position: sticky !important;
}

.header::before {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 100vw;
  height: 100%;
  margin-left: 50%;
  content: "";
  transform: translateX(-50vw);
  border-bottom: 1px solid #d8d8d8;
  background-color: #ffffff;
}
.header .header-top {
  position: relative;
  z-index: 1;
  display: flex;
  max-width: 87.5rem;
  height: 2.5rem;
  margin: 0 auto;
  align-items: center;
  justify-content: flex-end;
}
.header .header-top .util {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.5714285714;
  align-items: center;
}
.header .header-top .util ul {
  display: flex;
  align-items: center;
}
.header .header-top .util ul li {
  position: relative;
  display: flex;
  color: #666666;
  align-items: center;
  justify-content: center;
}
.header .header-top .util ul li:first-child::before {
  display: none;
}
.header .header-top .util ul li::before {
  display: block;
  width: 1px;
  height: 1rem;
  content: "";
  background-color: #d8d8d8;
}
.header .header-top .util ul li a {
  display: block;
  padding: 0 1rem;
}
.header .header-top .util .actions {
  display: flex;
  align-items: center;
}
.header .header-top .util .actions::before {
  display: block;
  width: 1px;
  height: 1rem;
  content: "";
  background-color: #d8d8d8;
  margin-right: 1rem;
}
.header .header-top .util .actions .btn-lang {
  display: flex;
  color: #666666;
  align-items: center;
}
.header .header-top .util .actions .btn-lang .ic-16-language {
  width: 1rem;
  height: 1rem;
  margin-left: 0.25rem;
  background-image: url(../images/icon/ic-16-lanuage.svg);
}
.header .header-top .util .actions .change-language {
  position: relative;
  margin: 0;
}
.header .header-top .util .actions .change-language:hover ul {
  display: block;
}
.header .header-top .util .actions .change-language ul {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}
.header .header-top .util .actions .btn-sitemap {
  font-size: 1.5rem;
  cursor: pointer;
  transform: translateY(1px);
  margin-top: 2px;
}
.header .header-top .util .actions .btn-sitemap .ic-24-sitemap {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-sitemap.svg);
}
.header .header-bottom {
  position: relative;
  z-index: 10;
  display: flex;
  overflow-y: visible;
  max-width: 87.5rem;
  height: 5.5rem;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
}
.header .header-bottom .logo-header {
  flex: 0 0 auto;
}
.header .header-bottom .gnb {
  position: relative;
  display: flex;
  overflow: visible;
  flex: 1 0 auto;
  align-items: stretch;
  align-self: flex-start;
}
.header .header-bottom .gnb::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  overflow: hidden;
  width: 200vw;
  height: 100%;
  content: "";
  transition: 0.25s max-height;
  transform: translateX(-50%);
  border-bottom: 1px solid #d8d8d8;
  background-color: #ffffff;
}
.header .header-bottom .gnb::after {
  position: absolute;
  z-index: -1;
  top: 5.5rem;
  left: 50%;
  width: 200vw;
  height: 1px;
  content: "";
  transition: 0.25s opacity;
  transform: translateX(-50%);
  opacity: 0;
  border-top: 1px solid #d8d8d8;
}
.header .header-bottom .gnb:hover::after {
  opacity: 1;
}
.header .header-bottom .gnb:hover .depth1 .depth2 {
  max-height: 100vh;
  padding: 1.5rem 0 2.25rem;
}
.header .header-bottom .gnb:hover .depth1 .depth2::before {
  max-height: 100vh;
}
.header .header-bottom .gnb .depth1 {
  position: relative;
  display: flex;
  margin: 0 auto;
  align-items: flex-start;
  justify-content: center;
}
.header .header-bottom .gnb .depth1 > li {
  display: flex;
  flex-direction: column;
  /*margin: 0 3.125rem;*/
  font-size: 1.5rem;
  font-weight: bold;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  width: 172px;
}
.header .header-bottom .gnb .depth1 > li > a {
  display: flex;
  display: flex;
  height: 5.5rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.header .header-bottom .gnb .depth1 > li > a:hover {
  color: #e6002d;
}
.header .header-bottom .gnb .depth1 .depth2 {
  text-align: center;
  color: #313131;
  overflow: hidden;
  height: auto;
  max-height: 0;
  padding: 0;
  transition: 0.25s max-height, 0.25s padding;
  flex: 0 0 auto;
}
.header .header-bottom .gnb .depth1 .depth2 li {
  margin: 0;
  font-family: "Noto Sans KR";
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5rem;
}
.header .header-bottom .gnb .depth1 .depth2 li ~ li {
  margin-top: 1.25rem;
}
.header .header-bottom .gnb .depth1 .depth2 li a {
  word-break: break-word;
}
.header .header-bottom .gnb .depth1 .depth2 li a:hover {
  color: #e6002d;
}
.header .header-bottom .snb {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}
.header .header-bottom .snb a {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 1.5rem;
}
.header .header-bottom .snb a:last-child {
  margin-right: 0;
}
.header .header-bottom .snb a i {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
@media (max-width: 1024px) {
  /* ====================[[ 헤더 ]]==================== */
  .header {
    display: flex;
    align-items: center;
    padding: 0;
    /* Header Bottom */
  }
  .header .header-top {
    margin: 0;
    flex: 0 0 auto;
  }
  .header .header-top .util .greeting {
    display: none;
  }
  .header .header-top .util > ul {
    display: none;
  }
  .header .header-top .util .actions::before {
    display: none;
  }
  .header .header-top .util .actions .btn-lang {
    display: none;
  }
  .header .header-top .util .actions .change-language {
    display: none;
  }
  .header .header-top .util .actions .btn-sitemap {
    margin-left: 0;
  }
  .header .header-top .util .actions .btn-sitemap .ic-24-sitemap {
    background-image: url(../images/icon/ic-24-menu.svg);
  }
  .header .header-bottom {
    height: 3.5rem;
    flex: 1 1 auto;
    margin-right: 0;
    margin-left: 0.5rem;
  }
  .header .header-bottom .logo-header {
    flex: 0 0 5.9375rem;
  }
  .header .header-bottom .gnb {
    position: fixed;
    display: none;
  }
  .header .header-bottom .snb {
    margin-left: auto;
    flex: 1 1 auto;
    justify-content: flex-end;
  }
  .header .header-bottom .snb a {
    margin: 0 0.5rem;
  }
  .header .header-bottom .snb a.btn-mypage {
    /* display: none; */
  }
  .header .header-bottom .snb a.btn-cart {
    order: 1;
  }
  .header .header-bottom .snb a.btn-calendar {
    display: none;
  }
  .header .header-bottom .snb a.btn-search {
    order: 0;
    margin-right: 0.5rem;
  }
}
/* ====================[[ SideMenu ]]==================== */
/* ====================[[ SideMenu ]]==================== */
.side-menu {
  position: absolute !important;
  display: flex !important;
  max-height: 0;
  transition: 0s all;
  opacity: 0;
}
.side-menu .pc-menu {
  position: fixed;
  top: 0 !important;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background-color: #ffffff;
  display: none;
}
.side-menu .pc-menu.on {
  display: block;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.side-menu .pc-menu .pc-menu-inner {
  position: relative;
  display: flex;
  max-width: 87.5rem;
  margin: 0 auto;
  align-items: flex-start;
  padding-top: 4.25rem;
  padding-right: 2.5rem;
  padding-bottom: 4.25rem;
  padding-left: 2.5rem;
}
.side-menu .pc-menu .pc-menu-inner .btn-close {
  position: absolute;
  text-align: center;
}
@media (max-width: 1280px) {
  .side-menu .pc-menu .pc-menu-inner {
    flex-wrap: wrap;
  }
}
@media (max-width: 1280px) {
  .side-menu .pc-menu .pc-menu-inner .category-menu {
    flex: 1 1 100%;
    justify-content: center;
    padding-bottom: 0.75rem;
  }
}
.side-menu .pc-menu .pc-menu-inner .category-menu > ul {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1280px) {
  .side-menu .pc-menu .pc-menu-inner .category-menu > ul {
    justify-content: center;
  }
}
.side-menu .pc-menu .pc-menu-inner .category-menu > ul > li ~ li {
  margin-left: 3.5rem;
}
@media (max-width: 1280px) {
  .side-menu .pc-menu .pc-menu-inner .category-menu > ul > li ~ li {
    margin-left: 2.5rem;
  }
}
.side-menu .pc-menu .pc-menu-inner .category-menu > ul > li > a {
  display: flex;
  min-width: 7.5rem;
  padding: 0 1.5rem 1.625rem;
  text-align: center;
  letter-spacing: normal;
  border-bottom: 1px solid #000000;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  align-items: center;
  justify-content: center;
}
.side-menu .pc-menu .pc-menu-inner .category-menu > ul > li > ul {
  margin-top: 1.75rem;
}
.side-menu .pc-menu .pc-menu-inner .category-menu > ul > li > ul > li ~ li {
  margin-top: 1.25rem;
}
.side-menu .pc-menu .pc-menu-inner .category-menu > ul > li > ul > li > a {
  display: block;
  text-align: center;
  font-size: 1rem;
}
.side-menu .pc-menu .pc-menu-inner .util-menu {
  margin-left: auto;
}
@media (max-width: 1280px) {
  .side-menu .pc-menu .pc-menu-inner .util-menu {
    flex: 1 1 100%;
    justify-content: center;
    padding-bottom: 0.75rem;
  }
}
.side-menu .pc-menu .pc-menu-inner .util-menu > ul {
  display: flex;
  align-items: flex-start;
  text-align: center;
}
@media (max-width: 1280px) {
  .side-menu .pc-menu .pc-menu-inner .util-menu > ul {
    justify-content: center;
  }
}
.side-menu .pc-menu .pc-menu-inner .util-menu > ul > li ~ li {
  margin-left: 2.5rem;
}
@media (max-width: 1280px) {
  .side-menu .pc-menu .pc-menu-inner .util-menu > ul > li ~ li {
    margin-left: 1.5rem;
  }
}
.side-menu .pc-menu .pc-menu-inner .util-menu > ul > li > a {
  display: flex;
  height: 2.5rem;
  border: 1px solid #d8d8d8;
  border-radius: 1.5rem;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem;
  width: 9rem;
  font-size: 1rem;
  position: relative;
}
.side-menu .pc-menu .pc-menu-inner .util-menu > ul > li > a i {
  margin-left: 13px;
  transform: translateY(3px);
  color: #666;
}
.side-menu .pc-menu .pc-menu-inner .util-menu > ul > li > a::after {
  display: block;
  width: 1rem;
  height: 1rem;
  margin-left: 0.25rem;
  content: "";
  background-position: center;
  background-image: url(../images/icon/ic-16-next.svg);
  background-repeat: no-repeat;
}
.side-menu .pc-menu .pc-menu-inner .util-menu > ul > li > ul {
  text-align: center;
  padding-top: 1.5rem;
}
.side-menu .pc-menu .pc-menu-inner .util-menu > ul > li > ul > li ~ li {
  margin-top: 1.25rem;
}
.side-menu .pc-menu .pc-menu-inner .util-menu > ul > li > ul > li ~ li a {
  font-size: 16px;
}
.side-menu .pc-menu .pc-menu-inner .btn-close {
  position: absolute;
  top: 1.3rem;
  right: 2.5rem;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.3rem;
  padding: 0;
}
.side-menu .pc-menu .pc-menu-inner .btn-close i {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-close.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.side-menu .mo-menu {
  display: none;
}
.side-menu.expanded {
  z-index: 100;
  display: flex !important;
  overflow: visible;
  max-height: 100vh;
  transition: 0.25s max-height;
  opacity: 1;
}
@media (max-width: 1024px) {
  /* ====================[[ SideMenu ]]==================== */
  .side-menu {
    position: fixed !important;
    z-index: 999;
    top: 0;
    left: 0;
    display: flex !important;
    display: none;
    overflow-y: overlay;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    transform: translateX(-100%);
    opacity: 1;
    background-color: #ffffff;
  }
  .side-menu.expanded {
    top: 0 !important;
    transition: 0.25s transform;
    transform: translateX(0);
    opacity: 1;
  }
  .side-menu .mo-menu {
    display: flex;
    flex-direction: column;
    height: 100;
    align-items: stretch;
    flex: 1 1 auto;
  }
  .side-menu .pc-menu {
    display: none;
  }
  .side-menu .side-menu-header {
    display: flex;
    height: 6.25rem;
    padding-top: 2.75rem;
    color: #ffffff;
    background-color: #001a58;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
  }
  .side-menu .side-menu-header .profile {
    display: flex;
    margin: 0 1rem;
    font-weight: 500;
    align-items: center;
  }
  .side-menu .side-menu-header .profile .profile-img {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 0.75rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .side-menu .side-menu-header .header-menu {
    display: flex;
    margin: 0 1rem;
    align-items: center;
  }
  .side-menu .side-menu-header .header-menu ul {
    display: flex;
    align-items: center;
  }
  .side-menu .side-menu-header .header-menu ul li {
    font-size: 0.875rem;
    font-weight: 400;
  }
  .side-menu .side-menu-header .header-menu .btn-close {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.5rem;
    flex: 0 0 auto;
  }
  .side-menu .side-menu-header .header-menu .btn-close .icon-24-nega-close {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/icon/ic-24-nega-close.svg);
  }
  .side-menu .side-menu-content {
    display: flex;
    overflow-y: overlay;
    flex-direction: column;
    flex: 1 1 auto;
  }
  .side-menu .side-menu-content .side-menu-group {
    overflow-y: overlay;
    flex: 1 1 auto;
  }
  .side-menu .side-menu-content .side-menu-group > li.has-child.on > a {
    background-position: calc(100% - 1rem) center;
    background-image: url(../images/icon/ic-24-arr-up.svg);
    background-repeat: no-repeat;
  }
  .side-menu .side-menu-content .side-menu-group > li.has-child.on .depth2 {
    overflow-y: overlay;
    max-height: 100vh;
    padding: 0.5rem 0;
  }
  .side-menu .side-menu-content .side-menu-group > li.has-child > a {
    background-position: calc(100% - 1rem) center;
    background-image: url(../images/icon/ic-24-arr-down.svg);
    background-repeat: no-repeat;
  }
  .side-menu .side-menu-content .side-menu-group > li > a {
    display: flex;
    height: 4rem;
    padding: 0 1.5rem;
    border-bottom: 1px solid #d8d8d8;
    flex: 0 0 auto;
    align-items: center;
  }
  .side-menu .side-menu-content .side-menu-group .depth2 {
    overflow: hidden;
    max-height: 0;
    padding: 0;
    transition: 0.25s all;
    background-color: #ecf0f2;
  }
  .side-menu .side-menu-content .side-menu-group .depth2 li a {
    display: flex;
    height: 2.5rem;
    padding: 0 1.5rem;
    align-items: center;
  }
  .side-menu .side-menu-content .side-menu-content-bottom {
    padding: 1.5rem;
    flex: 0 0 auto;
  }
  .side-menu .side-menu-footer {
    display: flex;
    height: 3.5rem;
    background-color: #f6f6f6;
    flex: 0 0 auto;
    align-items: center;
  }
  .side-menu .side-menu-footer .side-menu-footer-menu {
    flex: 1 1 auto;
  }
  .side-menu .side-menu-footer .side-menu-footer-menu ul {
    display: flex;
    align-items: center;
  }
  .side-menu .side-menu-footer .side-menu-footer-menu ul li {
    text-align: center;
    color: #666666;
    font-size: 0.875rem;
    flex: 1;
  }
  .side-menu .side-menu-footer .side-menu-footer-menu ul li ~ li {
    border-left: 1px solid #d8d8d8;
  }
  .side-menu .side-menu-footer .side-menu-footer-menu ul li a {
    text-align: center;
  }
  .side-menu .btn-lang {
    display: flex;
    color: #666666;
    align-items: center;
  }
  .side-menu .btn-lang .ic-16-language {
    width: 1rem;
    height: 1rem;
    margin-left: 0.25rem;
    background-image: url(../images/icon/ic-16-lanuage.svg);
  }
}
/* ====================[[ Main ]]==================== */
/* ====================[[ Main ]]==================== */
/* Main Top Visual */
.main-top-visual {
  position: relative;
  z-index: 1;
  left: 50%;
  width: 100vw !important;
  max-width: none !important;
  transform: translateX(-50%);
}
.main-top-visual .top-visual {
  position: relative;
  z-index: 0;
}
.main-top-visual .top-visual .swiper-wrapper .swiper-slide {
  position: relative;
  width: 100vw;
  padding-top: 47.5%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main-top-visual .top-visual .swiper-wrapper .swiper-slide a {
  position: absolute;
  bottom: 23.6842105263%;
  left: 50%;
  display: block;
  display: flex;
  max-width: 82.5rem;
  margin-left: -32.5rem;
  padding: 0.75rem 1.25rem;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 1.5rem;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-size: cover;
}
@media (max-width: 87.5rem) {
  .main-top-visual .top-visual .swiper-wrapper .swiper-slide a {
    left: 9.0625rem;
    margin-left: 0;
  }
}
.main-top-visual .top-visual .swiper-pagination {
  position: absolute;
  bottom: 11.0526315789%;
  left: 50%;
  display: flex;
  width: 100%;
  max-width: 65rem;
  transform: translateX(-50%);
  align-items: center;
}
@media (max-width: 87.5rem) {
  .main-top-visual .top-visual .swiper-pagination {
    left: 9.0625rem;
    margin-left: 0;
    transform: translateX(0%);
  }
}
.main-top-visual .top-visual .swiper-pagination .swiper-pagination-bullet {
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  margin: 0 0.5rem;
  transition: 0.25s all;
  border: 1px solid #ffffff;
  border-radius: 50%;
  background-color: transparent;
}
.main-top-visual .top-visual .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffffff;
}
.main-top-visual .top-visual .swiper-button-prev {
  left: 2.5rem;
  transform: translateY(-50%);
  color: #ffffff;
  font-weight: 100;
}
.main-top-visual .top-visual .swiper-button-next {
  right: 2.5rem;
  transform: translateY(-50%);
  color: #ffffff;
  font-weight: 100;
}
.main-top-visual .top-visual .swiper-button-prev-disabled,
.main-top-visual .top-visual .swiper-button-next-disabled {
  transition: 0.25s all;
}
.main-top-visual .top-notice {
  position: relative;
  z-index: 1;
  display: flex;
  width: 82.5rem;
  max-width: calc(100% - 5rem);
  height: 6rem;
  padding: 0 3.5rem;
  align-items: center;
  margin-top: -3rem;
  margin-right: auto;
  margin-left: auto;
}
.main-top-visual .top-notice::before {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  display: block;
  width: calc(100% - (6rem * 0.275637));
  height: 100%;
  content: "";
  transform: skewX(-16deg) translateX(-50%);
  transform-origin: center;
  background-color: #ffffff;
}
.main-top-visual .top-notice h2 {
  z-index: 1;
  margin-right: 4rem;
  font-size: 24px;
  font-weight: bold;
}
.main-top-visual .top-notice .swiper-container {
  z-index: 1;
  margin-right: 1rem;
  padding-right: 4rem;
  border-right: 1px solid #d8d8d8;
  flex: 1 1 auto;
}
.main-top-visual .top-notice .swiper-container .swiper-wrapper {
  position: relative;
  z-index: 1;
}
.main-top-visual .top-notice .swiper-container .swiper-slide {
  display: flex;
  background-color: #ffffff;
  align-items: center;
}
.main-top-visual .top-notice .swiper-container .swiper-slide .date {
  margin-right: 1.5rem;
  padding: 0.5rem 1.25rem;
  border: 1px solid #666666;
  border-radius: 1.25rem;
  flex: 0 0 auto;
}
.main-top-visual .top-notice .swiper-container .swiper-slide .subject {
  overflow: hidden;
  padding-right: 2.5rem;
  text-overflow: ellipsis;
  flex: 1 1 auto;
}
.main-top-visual .top-notice .swiper-container .swiper-slide a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main-top-visual .top-notice .swiper-container .swiper-button-prev {
  right: 3.5rem;
  left: auto;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translateY(-50%);
  background-color: #ffffff;
}
.main-top-visual .top-notice .swiper-container .swiper-button-prev .ic-24-arr-prev {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../../../images/icon/ic-24-arr-prev.svg);
}
.main-top-visual .top-notice .swiper-container .swiper-button-next {
  right: 1rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translateY(-50%);
  background-color: #ffffff;
}
.main-top-visual .top-notice .swiper-container .swiper-button-next .ic-24-arr-next {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../../../images/icon/ic-24-arr-next.svg);
}
.main-top-visual .top-notice .swiper-container .swiper-button-prev::after,
.main-top-visual .top-notice .swiper-container .swiper-button-next::after {
  display: none;
}
.main-top-visual .top-notice .btn-more {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
}
.main-top-visual .top-notice .btn-more .ic-24-more {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-more.svg);
}
.main-top-visual ~ .content {
  margin-top: -3rem;
}

/* Vod Popup Area */
.vod-popup-area {
  position: relative;
  z-index: 1;
  right: 50%;
  display: flex;
  float: right;
  overflow: visible;
  margin-top: -135px !important;
  margin-bottom: 3rem;
  transition: 0.25s all;
  transform: translateX(50%);
  text-align: right;
  align-items: flex-end;
  justify-content: flex-start;
}
.vod-popup-area::before {
  position: relative;
  z-index: 1;
  display: block;
  overflow: visible;
  width: 100vw;
  max-width: 82.5rem;
  height: 1px;
  content: "";
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  flex: 0 0 auto;
}
.vod-popup-area::after {
  position: fixed;
  z-index: 0;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  max-width: 0;
  height: 0;
  content: "";
  transform: translate(-50%, -50%);
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
}
.vod-popup-area.expanded {
  position: fixed;
  z-index: 99;
  top: 50%;
  right: 50%;
  bottom: auto;
  width: 100vw;
  max-width: none;
  height: 100vh;
  margin-top: 0 !important;
  margin-bottom: 0;
  transform: translate(50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
}
.vod-popup-area.expanded::after {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  opacity: 1;
}
.vod-popup-area.expanded .vod-frame {
  z-index: 2;
  right: 50%;
  bottom: 50%;
  width: calc(100vw - 5rem);
  max-width: 80.375rem;
  height: auto;
  height: calc((100vw - 5rem) * 0.5627009646);
  max-height: 45.25rem;
  padding-top: 0;
  transform: translate(50%, 50%);
}
.vod-popup-area.expanded .vod-frame .vod-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vod-popup-area .vod-frame {
  position: absolute;
  right: calc(0% + 2.125rem);
  bottom: 0;
  width: 19.4375rem;
  padding-top: calc(19.4375rem * (175 / 311));
  transition: 0.25s width, 0.25s height;
  background-color: rgba(0, 0, 0, 0.3);
}
.vod-popup-area .vod-frame .vod-area {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vod-popup-area .vod-frame .btn-play {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.vod-popup-area .btn-close {
  position: absolute;
  top: 0;
  left: 100%;
  display: flex;
  width: 2rem;
  height: 2rem;
  margin-left: 2px;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  align-items: center;
  justify-content: center;
}
.vod-popup-area .btn-close .ic-24-nega-close {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-nega-close.svg);
}

/* ========== [ Main Content Start ] ========== */
.content {
  width: 100%;
}
.content.main::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  content: "";
  transform: translateX(-50vw);
  border-top: 62.5rem solid #f6f6f6;
  border-right: 113.0208333333rem solid transparent;
}
.content.main .content-section {
  position: relative;
  /* Ticket */
  /* Shop */
  /* Play */
}
.content.main .content-section .section-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
}
.content.main .content-section .section-title {
  margin-bottom: 8.125rem;
  text-align: center;
}
.content.main .content-section .section-title h2 {
  color: #000000;
  font-size: 2.5rem;
  font-weight: bold;
}
.content.main .content-section .section-title h2 + p {
  margin-top: 0.5rem;
}
.content.main .content-section .section-title p {
  color: #666666;
  font-size: 1rem;
}
.content.main .content-section .section-title .btn-more {
  display: none;
}
.content.main .content-section.ticket {
  margin-bottom: 7.5rem;
  padding-top: 10.5rem;
  /* 경기 일정 영역 */
  /* //경기 일정 영역 */
}
.content.main .content-section.ticket .section-bg {
  background-position: right 5.875rem;
  background-image: url(../../../images/main-pattern-01.svg);
  background-repeat: no-repeat;
}
.content.main .content-section.ticket .game-calendar .date-list {
  margin-bottom: 0.5rem;
}
.content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
  display: inline-flex;
  width: auto;
  width: 3rem;
  height: 4.5rem;
  margin: 0 0.375rem;
  text-align: center;
  justify-content: center;
  flex: 0 0 auto;
}
.content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide.month dl dt {
  color: #000000;
  font-size: 1rem;
  font-weight: 600;
}
.content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide.month dl dd {
  font-size: 2rem;
  font-weight: bold;
}
.content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide.date.selected dl dd {
  color: #ffffff;
  border-radius: 50%;
  background-color: #000000;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide.date .games {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide.date .games li i {
  display: block;
  width: 4px;
  height: 4px;
  margin: 0 0.125rem;
  border-radius: 50%;
  background-color: #000000;
}
.content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide dl dt {
  color: #999999;
  font-weight: normal;
}
.content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide dl dd {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.25rem;
  font-weight: bold;
  align-items: center;
  justify-content: center;
}
.content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide dl dd a {
  display: block;
  text-align: center;
}
.content.main .content-section.ticket .game-slide {
  position: relative;
}
.content.main .content-section.ticket .game-slide .swiper-container {
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .stadium-info {
  display: flex;
  flex-direction: column;
  /* height: 9rem; */
  padding: 1em;
  text-align: center;
  color: #ffffff;
  font-size: 1.5rem;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .stadium-info .game-title {
  font-weight: bold;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .stadium-info .location {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .stadium-info .location .ic-24-nega-place {
  display: block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url(../../../images/icon/ic-24-nega-place.svg);
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .stadium-info .location + .tiered-booking-time {
  margin-top: 1em;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .stadium-info .tiered-booking-time {
  font-size: 1.125rem;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info {
  position: relative;
  display: flex;
  padding: 3rem 3.75rem 3.75rem;
  background-color: #001a58;
  justify-content: center;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .team {
  display: flex;
  flex-direction: column;
  width: 17.5rem;
  text-align: center;
  align-items: center;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .team.home {
  order: 0;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .team.away {
  order: 2;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .team .flag {
  display: block;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .team .team-name.big {
  margin-top: 1.5rem;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 500;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .team .team-name.small {
  margin-top: 0.25rem;
  color: rgba(122, 142, 193, 0.5);
  font-size: 1rem;
  font-weight: 400;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .verses {
  display: flex;
  text-align: center;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.5;
  order: 1;
  flex: 0 1 20rem;
  align-items: flex-end;
  justify-content: center;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .schedule {
  position: absolute;
  top: 4rem;
  left: 50%;
  width: 20rem;
  transform: translateX(-50%);
  text-align: center;
  order: 3;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .schedule .date {
  padding: 0.625rem;
  color: #ffffff;
  border-radius: 1.5rem;
  background-color: #11368f;
  font-size: 1.5rem;
  line-height: 1;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .schedule .remaining-time {
  display: flex;
  margin-top: 0.75rem;
  padding-bottom: 1.25rem;
  border-bottom: solid 1px rgba(122, 142, 193, 0.3);
  align-items: flex-start;
  justify-content: center;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .schedule .remaining-time dl {
  display: flex;
  flex-direction: column;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .schedule .remaining-time dl dt {
  color: rgba(122, 142, 193, 0.5);
  font-size: 0.75rem;
  line-height: 1;
  order: 1;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .schedule .remaining-time dl dd {
  color: #7a8ec1;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.125rem;
  order: 0;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .schedule .remaining-time span {
  margin: 0 0.5rem;
  color: #7a8ec1;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-action {
  display: flex;
  margin-top: -2.25rem;
  justify-content: center;
  align-items: center;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-action .btn-reservation {
  position: relative;
  display: inline-flex;
  min-width: 260px;
  height: 4.5rem;
  padding: 0 3rem;
  color: #ffffff;
  font-size: 1.5rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-action .btn-reservation.disabled {
  pointer-events: none;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-action .btn-reservation.disabled::before {
  background-color: #999999;
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-action .btn-reservation::before {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  display: block;
  width: calc(100% - (4.5rem * 0.275637));
  height: 100%;
  content: "";
  transform: skewX(-16deg) translateX(-50%);
  transform-origin: center;
  background-color: #e6002d;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
}
.content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-action .btn-reservation span {
  position: relative;
  z-index: 1;
}
.content.main .content-section.ticket .game-slide .swiper-button-prev,
.content.main .content-section.ticket .game-slide .swiper-button-next {
  top: 50%;
}
.content.main .content-section.ticket .game-slide .swiper-button-prev::after,
.content.main .content-section.ticket .game-slide .swiper-button-next::after {
  display: none;
}
.content.main .content-section.ticket .game-slide .swiper-button-prev i,
.content.main .content-section.ticket .game-slide .swiper-button-next i {
  display: block;
  width: 2rem;
  height: 2rem;
}
.content.main .content-section.ticket .game-slide .swiper-button-prev i.ic-32-arr-prev,
.content.main .content-section.ticket .game-slide .swiper-button-next i.ic-32-arr-prev {
  background-image: url(../../../images/icon/ic-32-arr-prev.svg);
}
.content.main .content-section.ticket .game-slide .swiper-button-prev i.ic-32-arr-next,
.content.main .content-section.ticket .game-slide .swiper-button-next i.ic-32-arr-next {
  background-image: url(/images/icon/ic-32-arr-next.svg);
}
.content.main .content-section.ticket .game-slide .swiper-button-prev {
  left: 0;
  transform: translate(calc(-100% - 0.75rem), -50%);
}
.content.main .content-section.ticket .game-slide .swiper-button-next {
  right: 0;
  transform: translate(calc(100% + 0.75rem), -50%);
}
.content.main .content-section.banner {
  margin: 2.5rem auto;
}
.content.main .content-section.shop {
  position: relative;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
}
.content.main .content-section.shop .section-bg {
  position: absolute;
  z-index: -1;
  top: -3.125rem;
  left: 50%;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
}
.content.main .content-section.shop .section-bg::before {
  position: absolute;
  z-index: -1;
  left: 0;
  display: block;
  width: 100%;
  height: 37.5rem;
  content: "";
  transform: skewY(-29deg);
  background-color: #f6f6f6;
}
.content.main .content-section.shop .section-bg .particle-01 {
  position: absolute;
  top: 10.625rem;
  left: 0;
  display: block;
}
.content.main .content-section.shop .section-title.lined {
  position: relative;
  margin-bottom: 3rem;
  text-align: center;
  flex: 1 1 100%;
}
.content.main .content-section.shop .section-title.lined::before {
  position: relative;
  display: block;
  width: 1px;
  height: 6.25rem;
  margin: 0 auto 5rem;
  content: "";
  background-color: #000000;
}
.content.main .content-section.shop .shop-zone {
  position: relative;
  margin-bottom: 2.5rem;
  padding: 0 2.5rem;
}
.content.main .content-section.shop .shop-zone.wide {
  max-width: 100% !important;
  margin: 2.5rem auto 2.5rem !important;
  border-left: 0 !important;
  flex: 1 0 100% !important;
}
.content.main .content-section.shop .shop-zone .zone-title {
  min-height: 3.125rem;
  margin-bottom: 1.875rem;
}
.content.main .content-section.shop .shop-zone .zone-title h3 {
  font-size: 1.75rem;
  font-weight: 500;
  flex: 1 1 auto;
}
.content.main .content-section.shop .shop-zone.popular {
  flex: 1 1 100%;
}
.content.main .content-section.shop .shop-zone.popular .zone-title {
  display: flex;
  margin-bottom: 2.25rem;
  align-items: center;
}
.content.main .content-section.shop .shop-zone.popular .zone-title .tab {
  flex: 1.3;
  overflow: visible;
}
.content.main .content-section.shop .shop-zone.popular .zone-title .tab ul {
  display: flex;
  gap: 1px;
  align-items: flex-start;
  justify-content: center;
}
.content.main .content-section.shop .shop-zone.popular .zone-title .tab ul li {
  flex: 1;
  margin-top: 4px;
  text-align: center;
  color: #666666;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  width: 10px;
  cursor: pointer;
}
.content.main .content-section.shop .shop-zone.popular .zone-title .tab ul li span {
  padding-right: 4px;
}
.content.main .content-section.shop .shop-zone.popular .zone-title .tab ul li a {
  position: relative;
}
.content.main .content-section.shop .shop-zone.popular .zone-title .tab ul li.on span, .content.main .content-section.shop .shop-zone.popular .zone-title .tab ul li.hover span {
  color: #e6002d;
}
.content.main .content-section.shop .shop-zone.popular .zone-title .tab ul li.on a::before, .content.main .content-section.shop .shop-zone.popular .zone-title .tab ul li.on a::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  display: block;
  width: calc(100% - 0.275637rem);
  height: 100%;
  transform: skewX(-16deg) translateX(-50%);
  transform-origin: center;
  background-color: #e6002d;
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul {
  display: flex;
  width: calc(100% + 1.5rem);
  margin-left: -0.75rem;
  align-items: flex-start;
  flex-wrap: wrap;
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item {
  position: relative;
  max-width: calc(25% - 1.5rem);
  margin: 0 0.75rem 1.5rem;
  flex: 1 0 25%;
  clip-path: polygon(0% 0%, 100% 0%, 100% 81.4661%, 0% 100%);
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item:hover .goods-info {
  transform: translateY(0);
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .goods-img {
  position: relative;
  padding-top: 119.8717948718%;
  background-color: #ecf0f2;
  background-position: center;
  background-repeat: no-repeat;
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .goods-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem 1rem 4.6875rem;
  transition: 0.3s transform;
  transform: translateY(100%);
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.8);
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .flag.rank {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  color: #ffffff;
  background-color: #11368f;
  font-size: 1.25rem;
  font-style: italic;
  align-items: center;
  justify-content: center;
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .btn-like {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  align-items: center;
  justify-content: center;
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .btn-like.on .ic-24-like {
  opacity: 1;
  background-image: url(../images/icon/ic-24-like-sel.svg);
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .btn-like .ic-24-like {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0.5;
  background-image: url(/images/icon/ic-24-like.svg);
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .title a {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  max-height: 3rem;
  text-overflow: ellipsis;
  word-break: keep-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price {
  display: flex;
  margin-top: 0.75rem;
  line-height: 1.75rem;
  align-items: center;
  flex-wrap: wrap;
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .discount-rate {
  margin-right: 0.25rem;
  color: #e6002d;
  font-size: 1.5rem;
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .discount-rate strong {
  font-weight: 500;
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .calc-price {
  margin-right: 0.25rem;
  color: #ffffff;
  font-size: 1rem;
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .calc-price strong {
  font-size: 1.5rem;
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .origin-price {
  margin-right: 0.25rem;
  color: rgba(255, 255, 255, 0.6);
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .origin-price strong {
  text-decoration: line-through;
  font-size: 1.25rem;
  font-weight: 400;
  font-style: italic;
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .btn-cart {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  padding: 0;
  flex: 0 0 auto;
}
.content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .btn-cart .ic-24-nega-cart {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../../../images/icon/ic-24-nega-cart.svg);
}
.content.main .content-section.shop .shop-zone.discount {
  max-width: calc(50% - 1.5rem);
  flex: 1 0 calc(50% - 1.5rem);
}
.content.main .content-section.shop .shop-zone.discount.wide .goods-list {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}
.content.main .content-section.shop .shop-zone.discount.wide .goods-list ul {
  margin-top: 0;
  margin-right: -0.75rem;
  margin-bottom: 0;
  margin-left: -0.75rem;
}
.content.main .content-section.shop .shop-zone.discount.wide .goods-list ul .goods-item {
  max-width: calc(25% - 1.5rem);
  flex: 1 0 calc(25% - 1.5rem);
}
.content.main .content-section.shop .shop-zone.discount.wide .goods-list .swiper-button-prev,
.content.main .content-section.shop .shop-zone.discount.wide .goods-list .swiper-button-next {
  top: 50%;
  margin-top: 0;
}
.content.main .content-section.shop .shop-zone.discount .zone-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.content.main .content-section.shop .shop-zone.discount .zone-title h3 {
  flex: 0 0 auto;
}
.content.main .content-section.shop .shop-zone.discount .zone-title p {
  margin-left: 1rem;
  color: #666666;
  font-size: 1rem;
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul {
  width: 100%;
  margin-left: -0.75rem;
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item {
  position: relative;
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .goods-img {
  position: relative;
  padding-top: 100%;
  background-color: #ecf0f2;
  background-position: center;
  background-repeat: no-repeat;
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .goods-info {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: 1rem;
  color: #000000;
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .btn-like {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  align-items: center;
  justify-content: center;
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .btn-like.on .ic-24-like {
  opacity: 1;
  background-image: url(../images/icon/ic-24-like-sel.svg);
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .btn-like .ic-24-like {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0.5;
  background-image: url(../images/icon/ic-24-like.svg);
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .title a {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  max-height: 3rem;
  text-overflow: ellipsis;
  word-break: keep-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price {
  display: flex;
  line-height: 1;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price .discount-rate {
  margin-top: 0.5rem;
  margin-right: 0.25rem;
  padding: 0.25rem 1rem;
  color: #ffffff;
  border-radius: 1.25rem;
  background-color: #11368f;
  font-size: 1.25rem;
  order: 1;
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price .discount-rate strong {
  font-weight: 500;
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price .calc-price {
  margin-top: 0.5rem;
  margin-right: 0.25rem;
  color: #000000;
  font-size: 1rem;
  order: 2;
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price .calc-price strong {
  font-size: 1.5rem;
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price .origin-price {
  color: #999999;
  font-size: 1.25rem;
  flex: 0 0 100%;
  order: 0;
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price .origin-price strong {
  text-decoration: line-through;
  font-size: 1.25rem;
  font-weight: 400;
  font-style: italic;
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price .btn-cart {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
  margin-left: auto;
  padding: 0;
  order: 3;
  flex: 0 0 auto;
}
.content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price .btn-cart .ic-24-nega-cart {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0.5;
  background-image: url(../../../images/icon/ic-24-cart.svg);
}
.content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-prev,
.content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-next {
  top: 0;
  margin-top: 50%;
  transform: translateY(-50%);
}
.content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-prev::after,
.content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-next::after {
  display: none;
}
.content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-prev i,
.content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-next i {
  width: 2rem;
  height: 2rem;
}
.content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-prev .ic-32-arr-prev {
  background-image: url(../../../images/icon/ic-32-arr-next.svg);
}
.content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-next .ic-32-arr-next {
  background-image: url(/images/icon/ic-32-arr-next.svg);
}
.content.main .content-section.shop .shop-zone.new {
  display: flex;
  overflow-y: auto;
  overflow-y: overlay;
  flex-direction: column;
  max-width: calc(50% + 1.5rem);
  height: 100%;
  max-height: 100%;
  border-left: 1px solid #d8d8d8;
  flex: 1 0 calc(50% + 1.5rem);
}
.content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item {
  max-width: calc(25% - 1.5rem);
  flex: 0 0 25%;
}
.content.main .content-section.shop .shop-zone.new .tabs {
  position: relative;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-y: overlay;
  flex-direction: column;
  height: 100%;
}
.content.main .content-section.shop .shop-zone.new .tabs .tab {
  position: sticky;
  z-index: 1;
  top: 0;
  display: flex;
  background-color: #ffffff;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
}
.content.main .content-section.shop .shop-zone.new .tabs .tab li {
  display: flex;
  min-width: 7.5rem;
  height: 3.125rem;
  padding: 0 1rem;
  text-align: center;
  border-bottom: 4px solid transparent;
  font-size: 1.5rem;
  font-weight: 500;
  justify-content: center;
  align-items: flex-start;
}
.content.main .content-section.shop .shop-zone.new .tabs .tab li.on, .content.main .content-section.shop .shop-zone.new .tabs .tab li:hover {
  color: #e6002d;
  border-bottom-color: #e6002d;
}
.content.main .content-section.shop .shop-zone.new .tabs .tab li ~ li {
  margin-left: 0.5rem;
}
.content.main .content-section.shop .shop-zone.new .tabs .tab li a {
  display: block;
  text-align: center;
}
.content.main .content-section.shop .shop-zone.new .tabs .tab-content {
  position: relative;
  z-index: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-y: overlay;
  height: 71.0714285714vw;
  max-height: 62.1875rem;
  flex: 1 1 auto;
}
.content.main .content-section.shop .shop-zone.popular-shop {
  display: flex;
  width: calc(100% - 5rem);
  max-width: calc(100% - 5rem);
  margin: 0 auto;
  padding: 1.875rem 1.875rem 1.875rem 3rem;
  border: 1px solid #d8d8d8;
  border-radius: 5rem;
  background-color: #ffffff;
  align-items: center;
  flex: 1 1 calc(100% - 5rem);
}
.content.main .content-section.shop .shop-zone.popular-shop .zone-title {
  margin-right: 1.25rem;
  margin-bottom: 0;
  flex: 0 0 auto;
}
.content.main .content-section.shop .shop-zone.popular-shop .zone-title h3 {
  font-size: 1.75rem;
}
.content.main .content-section.shop .shop-zone.popular-shop .shop-list {
  display: flex;
  flex: 1 1 auto;
}
.content.main .content-section.shop .shop-zone.popular-shop .shop-list ul {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
}
.content.main .content-section.shop .shop-zone.popular-shop .shop-list ul li {
  position: relative;
  min-width: 3.5rem;
  max-width: 80px;
  margin: 0.625rem;
  flex: 1 1 5rem;
}
.content.main .content-section.shop .shop-zone.popular-shop .shop-list ul li .shop-img {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.content.main .content-section.shop .shop-zone.popular-shop .shop-list .swiper-button-prev,
.content.main .content-section.shop .shop-zone.popular-shop .shop-list .swiper-button-next {
  display: none;
}
.content.main .content-section.play {
  margin-top: 5.25rem;
}
.content.main .content-section.play .section-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
}
.content.main .content-section.play .section-bg::before {
  position: absolute;
  z-index: -1;
  top: -6.25rem;
  left: 0;
  display: block;
  width: 100%;
  height: 28.125rem;
  content: "";
  transform: skewY(-29deg);
  background-color: #f6f6f6;
}
.content.main .content-section.play .section-bg .particle-01 {
  position: absolute;
  z-index: 1;
  top: -99px;
  right: 0;
  display: block;
}
.content.main .content-section.play .section-bg .particle-02 {
  position: absolute;
  z-index: 1;
  top: 10.375rem;
  left: 0;
  display: block;
}
.content.main .content-section.play .section-title.lined {
  position: relative;
  margin-bottom: 5rem;
  text-align: center;
  flex: 1 1 100%;
}
.content.main .content-section.play .section-title.lined::before {
  position: relative;
  display: block;
  width: 1px;
  height: 6.25rem;
  margin: 0 auto 5rem;
  content: "";
  background-color: #000000;
}
.content.main .content-section.play .play-zone.auction {
  position: relative;
  display: flex;
  min-height: 18.75rem;
  align-items: stretch;
}
.content.main .content-section.play .play-zone.auction::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  display: block;
  width: 100vw;
  height: 100%;
  content: "";
  transform: translateX(-50%);
  background-color: #ecf0f2;
}
.content.main .content-section.play .play-zone.auction .zone-title {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 62.1212121212%;
  flex: 0 0 62.1212121212%;
  align-items: flex-start;
  justify-content: center;
}
.content.main .content-section.play .play-zone.auction .zone-title::before {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 6rem;
  display: block;
  width: 25.7142857143%;
  height: calc(100% + 3.75rem);
  content: "";
  transform: skewX(-16deg) translate(-50%, -50%);
  transform-origin: center;
  background-color: #ccd6da;
}
.content.main .content-section.play .play-zone.auction .zone-title h3 {
  z-index: 1;
  margin-bottom: 2rem;
  font-size: 1.75rem;
  font-weight: 500;
}
.content.main .content-section.play .play-zone.auction .zone-title .remaining {
  z-index: 1;
  display: flex;
  margin-top: 0.3125rem;
  flex-wrap: wrap;
}
.content.main .content-section.play .play-zone.auction .zone-title .remaining h4 {
  z-index: 1;
  display: inline-flex;
  color: #666666;
  font-size: 1rem;
  align-items: center;
}
.content.main .content-section.play .play-zone.auction .zone-title .remaining .flag {
  display: inline-flex;
  margin-left: 0.5rem;
  padding: 0 0.5rem;
  color: #11368f;
  border: 1px solid #11368f;
  background-color: #ffffff;
  font-size: 0.75rem;
}
.content.main .content-section.play .play-zone.auction .zone-title .remaining .time {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.1875;
  flex: 1 1 100%;
}
.content.main .content-section.play .play-zone.auction .zone-title .remaining .date {
  margin-top: 0.75rem;
  flex: 1 1 100%;
}
.content.main .content-section.play .play-zone.auction .zone-title .remaining .date dl {
  display: inline-flex;
  height: 2.5rem;
  padding: 0 1.25rem;
  color: #ffffff;
  border-radius: 20px;
  background-color: #11368f;
  align-items: center;
}
.content.main .content-section.play .play-zone.auction .zone-title .remaining .date dl dt {
  margin-right: 1rem;
  font-size: 1rem;
  font-weight: 400;
  flex: 0 0 auto;
}
.content.main .content-section.play .play-zone.auction .zone-title .remaining .date dl dd {
  text-align: right;
  font-size: 1.25rem;
  font-weight: 500;
  flex: 1 1 auto;
}
.content.main .content-section.play .play-zone.auction .zone-title .auction-img {
  position: absolute;
  top: 50%;
  right: 5.625rem;
  display: block;
  max-height: 100%;
  transform: translateY(-50%);
}
.content.main .content-section.play .play-zone.auction .auction-info {
  display: flex;
  flex-direction: column;
  max-width: 37.8787878788%;
  flex: 0 0 37.8787878788%;
  align-items: flex-start;
  justify-content: center;
}
.content.main .content-section.play .play-zone.auction .auction-info .title {
  font-size: 1.5rem;
}
.content.main .content-section.play .play-zone.auction .auction-info .price {
  margin-top: 1.25rem;
}
.content.main .content-section.play .play-zone.auction .auction-info .price .start dd strong {
  font-size: 1.25rem;
  font-weight: 500;
}
.content.main .content-section.play .play-zone.auction .auction-info .price .current dd strong {
  font-size: 1.5rem;
  font-weight: 500;
}
.content.main .content-section.play .play-zone.auction .auction-info .price dl {
  display: flex;
  line-height: 1.75rem;
  align-items: center;
}
.content.main .content-section.play .play-zone.auction .auction-info .price dl ~ dl {
  margin-top: 0.25rem;
}
.content.main .content-section.play .play-zone.auction .auction-info .price dl dt {
  margin-right: 1.6875rem;
  color: #666666;
  font-size: 1rem;
  font-weight: normal;
}
.content.main .content-section.play .play-zone.auction .auction-info .price dl dd {
  font-size: 1rem;
}
.content.main .content-section.play .play-zone.auction .auction-info .btn-join-auction {
  position: relative;
  z-index: 1;
  width: 12.5rem;
  height: 3.125rem;
  margin-top: 1.5rem;
  text-align: center;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: bold;
}
.content.main .content-section.play .play-zone.auction .auction-info .btn-join-auction::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  display: block;
  width: calc(100% - (3.125rem * 0.275637));
  height: 100%;
  content: "";
  transform: skewX(-16deg) translateX(-50%);
  transform-origin: center;
  background-color: #e6002d;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
}
.content.main .content-section.play .play-zone.event {
  position: relative;
  margin-top: 6.875rem;
}
.content.main .content-section.play .play-zone.event .zone-title {
  position: absolute;
  z-index: 1;
  top: 2.5rem;
  left: 0;
}
.content.main .content-section.play .play-zone.event .zone-title h3 {
  z-index: 1;
  display: flex;
  margin-bottom: 2rem;
  font-size: 1.75rem;
  font-weight: 500;
}
.content.main .content-section.play .play-zone.event .zone-title h3 .btn-more {
  display: flex;
  height: 2.25rem;
  margin-left: 1.5rem;
  padding: 0 1rem;
  border: 1px solid #666666;
  border-radius: 1.25rem;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.4285714286;
  align-items: center;
}
.content.main .content-section.play .play-zone.event .zone-title h3 .ic-24-more {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-more.svg);
}
.content.main .content-section.play .play-zone.event .event-list.swiper-container {
  z-index: 0;
}
.content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-item.swiper-slide {
  display: flex;
  align-items: stretch;
}
.content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-info {
  display: flex;
  flex-direction: column;
  width: 47.2727272727%;
  padding-top: 6.75rem;
  padding-right: 5rem;
  word-break: keep-all;
  align-items: flex-start;
  justify-content: flex-start;
}
.content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-info .title {
  font-size: 1.5rem;
}
.content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-info .date {
  margin-top: 1.5rem;
}
.content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-info .date dt {
  color: #666666;
  font-weight: normal;
}
.content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-info .date dd {
  font-size: 1.25rem;
}
.content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-img {
  position: relative;
  width: 52.7272727273%;
  height: 22.5rem;
  background-position: center;
  background-size: cover;
}
.content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-img a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
}
.content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  display: flex;
  width: 2.6875rem;
  height: 1.875rem;
  opacity: 1;
  color: #000000;
  border: none;
  border-radius: 0;
  background-color: transparent;
  font-size: 1rem;
  align-items: center;
  justify-content: center;
}
.content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-pagination .swiper-pagination-bullet::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  display: block;
  width: calc(100% - (1.875rem * 0.275637));
  height: calc(100% - 1px);
  content: "";
  transform: skewX(-16deg) translateX(-50%);
  transform-origin: center;
  border: 1px solid #666666;
  background-color: #ffffff;
}
.content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-pagination .swiper-pagination-bullet-active, .content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-pagination .swiper-pagination-bullet:hover {
  color: #ffffff;
  font-weight: normal;
}
.content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-pagination .swiper-pagination-bullet-active::before, .content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-pagination .swiper-pagination-bullet:hover::before {
  border: none;
  background-color: #000000;
}
.content.main .content-section.play .play-zone.vote {
  position: relative;
  display: flex;
  margin-top: 5rem;
  padding: 2.5rem 0;
  color: #ffffff;
  align-items: center;
  justify-content: space-between;
}
.content.main .content-section.play .play-zone.vote::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  height: 100%;
  content: "";
  transform: translateX(-50%);
  background-color: #001a58;
}
.content.main .content-section.play .play-zone.vote .zone-title h3 {
  font-size: 1.75rem;
  font-weight: 500;
}
.content.main .content-section.play .play-zone.vote .zone-title p {
  font-size: 1.5rem;
}
.content.main .content-section.play .play-zone.vote .vote-info {
  flex: 0 0 auto;
}
.content.main .content-section.play .play-zone.vote .vote-info .date dt {
  color: #7a8ec1;
  font-size: 1rem;
  font-weight: normal;
}
.content.main .content-section.play .play-zone.vote .vote-info .date dd {
  font-size: 1.25rem;
}
.content.main .content-section.play .play-zone.vote .vote-info .btn-vote {
  position: relative;
  z-index: 1;
  display: flex;
  width: 14.375rem;
  height: 3.125rem;
  margin-top: 1rem;
  font-size: 1.25rem;
  font-weight: bold;
  align-items: center;
  justify-content: center;
}
.content.main .content-section.play .play-zone.vote .vote-info .btn-vote::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  display: block;
  width: calc(100% - (3.125rem * 0.275637));
  height: 100%;
  content: "";
  transform: skewX(-16deg) translateX(-50%);
  transform-origin: center;
  background-color: #e6002d;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
}

/* ========== [ Main Content End ] ========== */
@media (max-width: 1024px) {
  /* ====================[[ Main ]]==================== */
  .main-top-visual .top-visual .swiper-wrapper .swiper-slide a {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: transparent;
    border: none;
    border-radius: 0;
    font-size: 0;
  }
  .main-top-visual .top-visual .swiper-pagination {
    left: 1rem;
    width: auto;
  }
  .main-top-visual .top-visual .swiper-pagination .swiper-pagination-bullet {
    width: 0.375rem;
    height: 0.375rem;
    margin: 0 0.375rem;
  }
  .main-top-visual .top-visual .swiper-button-prev {
    display: none;
  }
  .main-top-visual .top-visual .swiper-button-next {
    display: none;
  }
  .main-top-visual .top-notice {
    max-width: 100%;
    height: 3.5rem;
    margin-top: -1.75rem;
    padding: 0 1.5rem;
  }
  .main-top-visual .top-notice::before {
    width: calc(100% - (3.5rem * 0.275637));
  }
  .main-top-visual .top-notice h2 {
    margin-right: 1rem;
    font-size: 1rem;
  }
  .main-top-visual .top-notice .swiper-container {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
  .main-top-visual .top-notice .swiper-container .swiper-slide .date {
    display: none;
  }
  .main-top-visual .top-notice .swiper-container .swiper-slide .subject {
    padding-right: 0;
    font-size: 0.875rem;
  }
  .main-top-visual .top-notice .swiper-container .swiper-button-prev,
  .main-top-visual .top-notice .swiper-container .swiper-button-next {
    display: none;
  }
  .main-top-visual .top-notice .btn-more {
    display: none;
  }
  /* vod popup area */
  .vod-popup-area,
  .vod-popup-area.expanded {
    position: relative;
    z-index: 1;
    right: auto;
    bottom: auto;
    left: 50%;
    float: none;
    overflow: visible;
    width: 100vw;
    height: 56.1538461538vw;
    margin-top: 0 !important;
    margin-bottom: 2.5rem !important;
    margin-left: 0 !important;
    transform: translate(-50%, 0);
    background-color: rgba(0, 0, 0, 0.3);
  }
  .vod-popup-area.vod-popup-area.expanded,
  .vod-popup-area.expanded.vod-popup-area.expanded {
    position: fixed !important;
    transform: translate(-50%, -50%) !important;
  }
  .vod-popup-area.vod-popup-area.expanded .vod-frame,
  .vod-popup-area.expanded.vod-popup-area.expanded .vod-frame {
    top: 50% !important;
    left: 50% !important;
    bottom: auto !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
    max-width: calc(100vw - 3rem);
  }
  .vod-popup-area .vod-frame,
  .vod-popup-area.expanded .vod-frame {
    position: absolute;
    top: 0;
    right: auto !important;
    width: 100%;
    height: 100%;
    height: 100%;
  }
  .vod-popup-area .vod-frame .btn-play,
  .vod-popup-area.expanded .vod-frame .btn-play {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .vod-popup-area .btn-close,
  .vod-popup-area.expanded .btn-close {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    width: 2rem;
    height: 2rem;
    margin-left: 2px;
    background-color: rgba(0, 0, 0, 0.8);
    align-items: center;
    justify-content: center;
  }
  .vod-popup-area .btn-close .ic-24-nega-close,
  .vod-popup-area.expanded .btn-close .ic-24-nega-close {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/icon/ic-24-nega-close.svg);
  }
  .content {
    /* ========== [ Main Content Start ] ========== */
    /* ========== [ Main Content End ] ========== */
  }
  .content.main::before {
    display: none;
  }
  .content.main .content-section {
    position: relative;
    /* Ticket */
    /* Shop */
    /* Play */
  }
  .content.main .content-section .section-bg {
    display: none;
  }
  .content.main .content-section .section-title {
    margin-bottom: 0.5rem;
    text-align: center;
    line-height: 1;
  }
  .content.main .content-section .section-title h2 {
    color: #000000;
    font-size: 1.625rem;
    font-weight: bold;
  }
  .content.main .content-section .section-title h2 + p {
    margin-top: 0.25rem;
  }
  .content.main .content-section .section-title p {
    color: #666666;
    font-size: 0.875rem;
  }
  .content.main .content-section .section-title .btn-more {
    display: flex;
    width: 1.875rem;
    height: 1.875rem;
    margin-top: 0.25rem;
    margin-left: auto;
    padding: 0;
    border: 1px solid #666666;
    border-radius: 1.25rem;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.4285714286;
    align-items: center;
    justify-content: center;
  }
  .content.main .content-section .section-title .btn-more span {
    display: none;
  }
  .content.main .content-section .section-title .btn-more .ic-24-more {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/icon/ic-24-more.svg);
  }
  .content.main .content-section.ticket {
    margin-bottom: 2.5rem;
    padding-top: 4.25rem;
    /* 경기 일정 영역 */
    /* //경기 일정 영역 */
  }
  .content.main .content-section.ticket .section-bg {
    background-position: right 5.875rem;
    background-image: url(../images/ern-01.svg);
    background-repeat: no-repeat;
  }
  .content.main .content-section.ticket .game-calendar .date-list {
    margin-bottom: 1rem;
  }
  .content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide {
    position: relative;
    display: inline-flex;
    width: auto;
    width: 2.5rem;
    height: 4rem;
    margin: 0 0.375rem;
    padding-top: 0.5rem;
    text-align: center;
    justify-content: center;
    flex: 0 0 auto;
  }
  .content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide.month dl dt {
    color: #000000;
    font-size: 0.75rem;
    font-weight: 600;
  }
  .content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide.month dl dd {
    font-size: 1.75rem;
    font-weight: bold;
  }
  .content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide.date.selected dl dd {
    color: #ffffff;
    border-radius: 50%;
    background-color: #000000;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  }
  .content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide.date .games {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide.date .games li i {
    display: block;
    width: 4px;
    height: 4px;
    margin: 0 0.125rem;
    border-radius: 50%;
    background-color: #000000;
  }
  .content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide dl dt {
    color: #999999;
    font-size: 0.625rem;
    font-weight: normal;
  }
  .content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide dl dd {
    display: flex;
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
    font-weight: bold;
    align-items: center;
    justify-content: center;
  }
  .content.main .content-section.ticket .game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide dl dd a {
    display: block;
    text-align: center;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .stadium-info {
    /* height: 5.875rem; */
    text-align: center;
    color: #ffffff;
    font-size: 1rem;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .stadium-info .game-title {
    font-weight: bold;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .stadium-info .location {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .stadium-info .location .ic-24-nega-place {
    display: block;
    width: 1.625rem;
    height: 1.625rem;
    background-image: url(../../../images/icon/ic-24-nega-place.svg);
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .stadium-info .tiered-booking-time {
    font-size: 0.875rem;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info {
    position: relative;
    padding: 3rem 2.5rem 2.5rem;
    flex-wrap: wrap;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .team {
    display: flex;
    flex-direction: column;
    width: auto;
    text-align: center;
    flex: 1 0 40%;
    align-items: center;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .team.home {
    order: 0;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .team.away {
    order: 2;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .team .flag {
    width: 3.5rem;
    height: 3.5rem;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .team .team-name.big {
    margin-top: 0.5rem;
    font-size: 1.25rem;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .team .team-name.small {
    margin-top: 0.25rem;
    font-size: 0.625rem;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .verses {
    font-size: 1.125rem;
    flex: 0 1 20%;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .schedule {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 15.625rem;
    margin-top: 1rem;
    transform: translateX(0);
    text-align: center;
    flex: 1 1 auto;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .schedule .date {
    padding: 0.3125rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    line-height: 1;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .schedule .remaining-time {
    margin-top: 0.5rem;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .schedule .remaining-time dl dt {
    font-size: 0.625rem;
    line-height: 1;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .schedule .remaining-time dl dd {
    font-size: 1rem;
    line-height: auto;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-info .schedule .remaining-time span {
    margin: 0 0.5rem;
    font-size: 1.5rem;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-action {
    margin-top: -1.5rem;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-action .btn-reservation {
    min-width: 10.3125rem;
    height: 3rem;
    padding: 0 3rem;
    font-size: 1rem;
  }
  .content.main .content-section.ticket .game-slide .swiper-container .swiper-wrapper .swiper-slide .game-action .btn-reservation::before {
    width: calc(100% - (3rem * 0.275637));
  }
  .content.main .content-section.ticket .game-slide .swiper-button-prev,
  .content.main .content-section.ticket .game-slide .swiper-button-next {
    top: 50%;
    width: 1.5rem;
    height: 1.5rem;
  }
  .content.main .content-section.ticket .game-slide .swiper-button-prev::after,
  .content.main .content-section.ticket .game-slide .swiper-button-next::after {
    display: none;
  }
  .content.main .content-section.ticket .game-slide .swiper-button-prev i,
  .content.main .content-section.ticket .game-slide .swiper-button-next i {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .content.main .content-section.ticket .game-slide .swiper-button-prev i.ic-32-arr-prev,
  .content.main .content-section.ticket .game-slide .swiper-button-next i.ic-32-arr-prev {
    background-image: url(../../../images/icon/ic-24-nega-arr-prev.svg);
  }
  .content.main .content-section.ticket .game-slide .swiper-button-prev i.ic-32-arr-next,
  .content.main .content-section.ticket .game-slide .swiper-button-next i.ic-32-arr-next {
    background-image: url(../../../images/icon/ic-24-nega-arr-next.svg);
  }
  .content.main .content-section.ticket .game-slide .swiper-button-prev {
    left: 0.5rem;
    transform: translate(0, 0);
  }
  .content.main .content-section.ticket .game-slide .swiper-button-next {
    right: 0.5rem;
    transform: translate(0, 0);
  }
  .content.main .content-section.banner {
    margin: 2.5rem auto;
  }
  .content.main .content-section.shop {
    position: relative;
    display: flex;
    width: calc(100% + 0.5rem);
    margin-left: -0.25rem;
  }
  .content.main .content-section.shop .section-title.lined {
    margin-bottom: 2.5rem;
  }
  .content.main .content-section.shop .section-title.lined::before {
    height: 4.5rem;
    margin: 0 auto 2.5rem;
  }
  .content.main .content-section.shop .shop-zone {
    position: relative;
    margin-bottom: 2.5rem;
    padding: 0;
  }
  .content.main .content-section.shop .shop-zone.wide, .content.main .content-section.shop .shop-zone:not(.wide) {
    max-width: 100% !important;
    margin: 0.5rem auto 0.5rem !important;
    border-left: 0 !important;
    flex: 1 0 100% !important;
  }
  .content.main .content-section.shop .shop-zone .zone-title {
    min-height: 0;
    margin-bottom: 1rem;
  }
  .content.main .content-section.shop .shop-zone .zone-title h3 {
    font-size: 1.25rem;
    font-weight: 500;
    flex: 1 1 100%;
  }
  .content.main .content-section.shop .shop-zone.popular {
    flex: 1 1 100%;
  }
  .content.main .content-section.shop .shop-zone.popular .zone-title {
    position: relative;
    display: flex;
    margin-bottom: 1.25rem;
    align-items: center;
    flex-wrap: wrap;
  }
  .content.main .content-section.shop .shop-zone.popular .zone-title h3 {
    margin-right: 1rem;
    flex: 1 1 auto;
  }
  .content.main .content-section.shop .shop-zone.popular .zone-title .tab {
    position: relative;
    overflow: visible;
    max-width: 100vw;
    margin-top: 0.75rem;
    flex: 0 1 auto;
  }
  .content.main .content-section.shop .shop-zone.popular .zone-title .tab ul {
    justify-content: flex-start;
  }
  .content.main .content-section.shop .shop-zone.popular .zone-title .tab ul li {
    width: 4.5rem;
    margin-top: 4px;
  }
  .content.main .content-section.shop .shop-zone.popular .zone-title .tab ul li a {
    font-size: 0.875rem;
  }
  .content.main .content-section.shop .shop-zone.popular .zone-title .tab ul li a i {
    width: 4.5rem;
    height: 3rem;
  }
  .content.main .content-section.shop .shop-zone.popular .zone-title .tab ul li a i::before {
    width: calc(100% - (3rem * 0.275637));
  }
  .content.main .content-section.shop .shop-zone.popular .zone-title .tab ul li a span {
    display: block;
    margin-top: 0.25rem;
    transition: 0.25s all;
    text-align: center;
  }
  .content.main .content-section.shop .shop-zone.popular .goods-list {
    position: relative;
    overflow-x: hidden;
    width: 100%;
  }
  .content.main .content-section.shop .shop-zone.popular .goods-list ul {
    display: flex;
    width: 100%;
    margin-left: 0;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item {
    position: relative;
    max-width: calc(25% - 0.5rem);
    margin: 0 0.25rem 1rem;
    flex: 1 0 25%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item {
    max-width: calc(50% - 0.5rem);
    flex: 1 0 50%;
  }
}
@media (max-width: 1024px) and (max-width: 640px) {
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item {
    max-width: calc(50% - 0.5rem);
    flex: 1 0 50%;
  }
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .goods-img {
    min-width: 0 !important;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item:hover .goods-info {
    transform: translateY(0);
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .goods-img {
    position: relative;
    min-width: 10.9375rem;
    padding-top: 119.8717948718%;
    background-color: #ecf0f2;
    clip-path: polygon(0% 0%, 100% 0%, 100% 81.4661%, 0% 100%);
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .goods-info {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 0.5rem;
    padding: 0;
    transition: 0.3s transform;
    transform: translateY(0);
    color: #000000;
    background-color: transparent;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .flag.rank {
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1rem;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .btn-like {
    top: 0.75rem;
    right: 0.75rem;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .title {
    font-size: 0.875rem;
  }
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .title a {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 3rem;
    text-overflow: ellipsis;
    word-break: keep-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price {
    display: flex;
    margin-top: 0.5rem;
    line-height: 1;
    align-items: center;
    flex-wrap: wrap;
  }
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .discount-rate {
    margin-right: 0.25rem;
    font-size: 1.125rem;
    order: 1;
  }
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .discount-rate strong {
    font-weight: 500;
  }
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .calc-price {
    margin-right: 0.25rem;
    color: #000000;
    font-size: 0.75rem;
    order: 2;
  }
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .calc-price strong {
    font-size: 1.125rem;
  }
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .origin-price {
    margin-right: 0.25rem;
    color: #666666;
    font-size: 0.625rem;
    order: 0;
    flex: 1 1 100%;
  }
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .origin-price strong {
    font-size: 0.875rem;
    font-weight: 400;
  }
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .btn-cart {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.75rem;
    margin-left: auto;
    padding: 0;
    order: 3;
    flex: 0 0 auto;
  }
  .content.main .content-section.shop .shop-zone.popular .goods-list ul .goods-item .price .btn-cart .ic-24-nega-cart {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0.5;
    background-image: url(../../../images/icon/ic-24-cart.svg);
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.discount {
    max-width: calc(50% - 1.5rem);
    flex: 1 0 calc(50% - 1.5rem);
  }
  .content.main .content-section.shop .shop-zone.discount.wide .goods-list, .content.main .content-section.shop .shop-zone.discount:not(.wide) .goods-list {
    margin-right: 0;
    margin-left: 0;
  }
  .content.main .content-section.shop .shop-zone.discount.wide .goods-list ul, .content.main .content-section.shop .shop-zone.discount:not(.wide) .goods-list ul {
    width: 100%;
    margin: 0 auto;
  }
  .content.main .content-section.shop .shop-zone.discount.wide .goods-list ul .goods-item, .content.main .content-section.shop .shop-zone.discount:not(.wide) .goods-list ul .goods-item {
    max-width: calc(50% - 0.5rem);
    margin: 0 0.25rem;
    padding: 0 0;
    flex: 1 0 50%;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .content.main .content-section.shop .shop-zone.discount.wide .goods-list ul .goods-item, .content.main .content-section.shop .shop-zone.discount:not(.wide) .goods-list ul .goods-item {
    flex: 1 0 50%;
  }
}
@media (max-width: 1024px) and (max-width: 640px) {
  .content.main .content-section.shop .shop-zone.discount.wide .goods-list ul .goods-item, .content.main .content-section.shop .shop-zone.discount:not(.wide) .goods-list ul .goods-item {
    flex: 1 0 100%;
  }
  .content.main .content-section.shop .shop-zone.discount.wide .goods-list ul .goods-item .goods-img, .content.main .content-section.shop .shop-zone.discount:not(.wide) .goods-list ul .goods-item .goods-img {
    min-width: 0 !important;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.discount.wide .goods-list .swiper-button-prev,
  .content.main .content-section.shop .shop-zone.discount.wide .goods-list .swiper-button-next, .content.main .content-section.shop .shop-zone.discount:not(.wide) .goods-list .swiper-button-prev,
  .content.main .content-section.shop .shop-zone.discount:not(.wide) .goods-list .swiper-button-next {
    top: 50%;
    margin-top: 0;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.discount .zone-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .content.main .content-section.shop .shop-zone.discount .zone-title h3 {
    margin-right: 1rem;
    flex: 0 0 auto;
  }
  .content.main .content-section.shop .shop-zone.discount .zone-title p {
    margin-left: 0;
    color: #666666;
    font-size: 0.875rem;
    flex: 0 1 auto;
  }
}
@media (max-width: 1024px) and (max-width: 640px) {
  .content.main .content-section.shop .shop-zone.discount .zone-title p {
    flex: 0 1 100%;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
  }
  .content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .goods-info {
    margin-top: 0.5rem;
  }
  .content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .btn-like {
    top: 0.75rem;
    right: 0.75rem;
    padding: 0;
  }
  .content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price {
    display: flex;
    margin-top: 1rem;
    line-height: 1;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price .discount-rate {
    padding: 0.25rem 0.8125rem;
    font-size: 1rem;
    line-height: 1;
    order: 1;
  }
  .content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price .calc-price {
    margin-top: 0.5rem;
    margin-right: 0.25rem;
    color: #000000;
    font-size: 0.875rem;
    order: 2;
  }
  .content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price .calc-price strong {
    font-size: 1.375rem;
  }
  .content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price .origin-price {
    font-size: 1rem;
  }
  .content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price .origin-price strong {
    font-size: 1.375rem;
  }
  .content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price .btn-cart {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
    margin-left: auto;
    padding: 0;
    order: 3;
    flex: 0 0 auto;
  }
  .content.main .content-section.shop .shop-zone.discount .goods-list ul .goods-item .price .btn-cart .ic-24-nega-cart {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0.5;
    background-image: url(../../../images/icon/ic-24-cart.svg);
  }
  .content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-prev,
  .content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-next {
    top: 0;
    margin-top: 50%;
    transform: translateY(-50%);
  }
  .content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-prev::after,
  .content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-next::after {
    display: none;
  }
  .content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-prev i,
  .content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-next i {
    width: 2rem;
    height: 2rem;
  }
  .content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-prev .ic-32-arr-prev {
    background-image: url(../../../images/ic-32-arr-prev.svg);
  }
  .content.main .content-section.shop .shop-zone.discount .goods-list .swiper-button-next .ic-32-arr-next {
    background-image: url(/images/icon/ic-32-arr-next.svg);
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.new {
    display: block;
    max-width: calc(50% + 1.5rem);
    height: 100%;
    max-height: 100%;
    margin-top: 3.125rem !important;
    border-left: 1px solid #d8d8d8;
    flex: 1 0 calc(50% + 1.5rem);
  }
  .content.main .content-section.shop .shop-zone.new.wide .goods-list, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list {
    position: relative;
    overflow-x: hidden;
    width: 100%;
  }
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul {
    display: flex;
    width: 100%;
    margin-left: 0;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item {
    position: relative;
    max-width: calc(25% - 0.5rem);
    margin: 0 0.25rem 1rem;
    flex: 1 0 25%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item {
    max-width: calc(50% - 0.5rem);
    flex: 1 0 50%;
  }
}
@media (max-width: 1024px) and (max-width: 640px) {
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item {
    max-width: calc(50% - 0.5rem);
    flex: 1 0 50%;
  }
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .goods-img, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .goods-img {
    min-width: 0 !important;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item:hover .goods-info, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item:hover .goods-info {
    transform: translateY(0);
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .goods-img, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .goods-img {
    position: relative;
    min-width: 10.9375rem;
    padding-top: 100%;
    background-color: #ecf0f2;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .goods-info, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .goods-info {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 0.5rem;
    padding: 0;
    transition: 0.3s transform;
    transform: translateY(0);
    color: #000000;
    background-color: transparent;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .flag.rank, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .flag.rank {
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1rem;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .btn-like, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .btn-like {
    top: 0.75rem;
    right: 0.75rem;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .title, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .title {
    font-size: 0.875rem;
  }
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .title a, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .title a {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 3rem;
    text-overflow: ellipsis;
    word-break: keep-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .price, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .price {
    display: flex;
    margin-top: 0.5rem;
    line-height: 1;
    align-items: center;
    flex-wrap: wrap;
  }
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .price .discount-rate, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .price .discount-rate {
    margin-right: 0.25rem;
    font-size: 1.125rem;
    order: 1;
  }
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .price .discount-rate strong, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .price .discount-rate strong {
    font-weight: 500;
  }
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .price .calc-price, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .price .calc-price {
    margin-right: 0.25rem;
    color: #000000;
    font-size: 0.75rem;
    order: 2;
  }
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .price .calc-price strong, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .price .calc-price strong {
    font-size: 1.125rem;
  }
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .price .origin-price, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .price .origin-price {
    margin-right: 0.25rem;
    color: #666666;
    font-size: 0.625rem;
    order: 0;
    flex: 1 1 100%;
  }
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .price .origin-price strong, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .price .origin-price strong {
    font-size: 0.875rem;
    font-weight: 400;
  }
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .price .btn-cart, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .price .btn-cart {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.75rem;
    margin-left: auto;
    padding: 0;
    order: 3;
    flex: 0 0 auto;
  }
  .content.main .content-section.shop .shop-zone.new.wide .goods-list ul .goods-item .price .btn-cart .ic-24-nega-cart, .content.main .content-section.shop .shop-zone.new:not(.wide) .goods-list ul .goods-item .price .btn-cart .ic-24-nega-cart {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0.5;
    background-image: url(../../../images/icon/ic-24-cart.svg);
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.new .tabs {
    position: relative;
    display: block;
    height: auto;
  }
  .content.main .content-section.shop .shop-zone.new .tabs .tab {
    position: relative;
    display: flex;
    margin-bottom: 1rem;
    background-color: #ffffff;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-start;
  }
  .content.main .content-section.shop .shop-zone.new .tabs .tab li {
    display: flex;
    min-width: 7.5rem;
    height: 2.8125rem;
    margin-bottom: 0 !important;
    padding: 0 1rem;
    text-align: center;
    border-bottom: 4px solid transparent;
    font-size: 1.125rem;
    align-items: center;
    justify-content: center;
  }
  .content.main .content-section.shop .shop-zone.new .tabs .tab li.on, .content.main .content-section.shop .shop-zone.new .tabs .tab li:hover {
    color: #e6002d;
    border-bottom-color: #e6002d;
  }
  .content.main .content-section.shop .shop-zone.new .tabs .tab li ~ li {
    margin-left: 0.5rem;
  }
  .content.main .content-section.shop .shop-zone.new .tabs .tab li a {
    display: block;
    text-align: center;
  }
  .content.main .content-section.shop .shop-zone.new .tabs .tab-content {
    position: relative;
    z-index: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;
    max-width: 100%;
    height: auto;
    max-height: none;
    flex: 1 1 auto;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.new .goods-list {
    height: auto;
    max-height: none;
    margin-left: 0;
  }
  .content.main .content-section.shop .shop-zone.new .goods-list ul {
    display: flex;
    width: calc(100% + 0.5rem);
    height: 100%;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item {
    position: relative;
    max-width: calc(50% - 0.5rem);
    margin: 0 0.25rem 1rem;
    flex: 1 0 50%;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item {
    flex: 1 0 50%;
  }
}
@media (max-width: 1024px) and (max-width: 640px) {
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item {
    flex: 1 0 100%;
  }
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .goods-img {
    min-width: 0 !important;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .goods-img {
    position: relative;
    padding-top: 100%;
    background-color: #ecf0f2;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .goods-info {
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 1rem;
    color: #000000;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .btn-like {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: flex;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    align-items: center;
    justify-content: center;
  }
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .btn-like.on .ic-24-like {
    opacity: 1;
    background-image: url(../images/icon/ic-24-like-sel.svg);
  }
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .btn-like .ic-24-like {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0.5;
    background-image: url(../images/icon/ic-24-like.svg);
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .title a {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 3rem;
    text-overflow: ellipsis;
    word-break: keep-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .price {
    display: flex;
    margin-top: 0.75rem;
    line-height: 1.75rem;
    align-items: center;
    flex-wrap: wrap;
  }
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .price .discount-rate {
    margin-right: 0.25rem;
    color: #e6002d;
    font-size: 1.5rem;
  }
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .price .discount-rate strong {
    font-weight: 500;
  }
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .price .calc-price {
    margin-right: 0.25rem;
    color: #000000;
    font-size: 1rem;
  }
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .price .calc-price strong {
    font-size: 1.5rem;
  }
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .price .origin-price {
    margin-right: 0.25rem;
    color: #999999;
  }
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .price .origin-price strong {
    text-decoration: line-through;
    font-size: 1.25rem;
    font-weight: 400;
    font-style: italic;
  }
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .price .btn-cart {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: auto;
    padding: 0;
    flex: 0 0 auto;
  }
  .content.main .content-section.shop .shop-zone.new .goods-list ul .goods-item .price .btn-cart .ic-24-nega-cart {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0.5;
    background-image: url(../../../images/icon/ic-24-cart.svg);
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.shop .shop-zone.popular-shop {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: #ffffff;
    flex-wrap: wrap;
    align-items: center;
    flex: 1 1 100%;
  }
  .content.main .content-section.shop .shop-zone.popular-shop .zone-title {
    margin-right: 0;
    margin-bottom: 0.75rem;
    flex: 1 1 100%;
  }
  .content.main .content-section.shop .shop-zone.popular-shop .zone-title h3 {
    font-size: 1.25rem;
  }
  .content.main .content-section.shop .shop-zone.popular-shop .shop-list {
    display: flex;
    overflow: hidden;
    padding: 0.625rem 2.75rem;
    border: 1px solid #d8d8d8;
    border-radius: 5rem;
    box-shadow: inset 0 0 1.25rem #ffffff;
    flex: 1 1 100%;
    flex: 1 1 auto;
  }
  .content.main .content-section.shop .shop-zone.popular-shop .shop-list::before, .content.main .content-section.shop .shop-zone.popular-shop .shop-list::after {
    position: absolute;
    z-index: 2;
    top: 0;
    display: block;
    width: 2.75rem;
    height: 100%;
    content: "";
    background-color: #ffffff;
  }
  .content.main .content-section.shop .shop-zone.popular-shop .shop-list::before {
    left: 0;
  }
  .content.main .content-section.shop .shop-zone.popular-shop .shop-list::after {
    right: 0;
  }
  .content.main .content-section.shop .shop-zone.popular-shop .shop-list ul {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-start;
  }
  .content.main .content-section.shop .shop-zone.popular-shop .shop-list ul li {
    position: relative;
    min-width: 3.5rem;
    max-width: 80px;
    margin: 0.625rem 0.5rem;
    flex: 1 1 5rem;
  }
  .content.main .content-section.shop .shop-zone.popular-shop .shop-list ul li .shop-img {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .content.main .content-section.shop .shop-zone.popular-shop .shop-list .swiper-button-prev,
  .content.main .content-section.shop .shop-zone.popular-shop .shop-list .swiper-button-next {
    display: flex;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
  }
  .content.main .content-section.shop .shop-zone.popular-shop .shop-list .swiper-button-prev::after,
  .content.main .content-section.shop .shop-zone.popular-shop .shop-list .swiper-button-next::after {
    display: none;
  }
  .content.main .content-section.shop .shop-zone.popular-shop .shop-list .swiper-button-prev i,
  .content.main .content-section.shop .shop-zone.popular-shop .shop-list .swiper-button-next i {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .content.main .content-section.shop .shop-zone.popular-shop .shop-list .swiper-button-prev .ic-24-arr-prev {
    background-image: url(../../../images/icon/ic-24-arr-prev.svg);
  }
  .content.main .content-section.shop .shop-zone.popular-shop .shop-list .swiper-button-next .ic-24-arr-next {
    background-image: url(../../../images/icon/ic-24-arr-next.svg);
  }
}
@media (max-width: 1024px) {
  .content.main .content-section.play {
    margin-top: 2.5rem;
  }
  .content.main .content-section.play .section-title.lined {
    position: relative;
    margin-bottom: 2.5rem;
    text-align: center;
    flex: 1 1 100%;
  }
  .content.main .content-section.play .section-title.lined::before {
    position: relative;
    display: block;
    width: 1px;
    height: 4.5rem;
    margin: 0 auto 2.5rem;
    content: "";
    background-color: #000000;
  }
  .content.main .content-section.play .play-zone.auction {
    position: relative;
    display: flex;
    min-height: 0;
    padding: 1rem;
    background-color: #ecf0f2;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .content.main .content-section.play .play-zone.auction::before {
    display: none;
  }
  .content.main .content-section.play .play-zone.auction .zone-title {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    padding-top: 40px;
    flex: 0 0 100%;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .content.main .content-section.play .play-zone.auction .zone-title::before {
    position: absolute;
    z-index: 0;
    right: -0.625rem;
    bottom: 0;
    display: block;
    width: calc(9.5625rem - (9.5625rem * 0.275637));
    max-width: 9.625rem;
    height: calc(100% - 0.5rem);
    margin-top: 2.625rem;
    content: "";
    transform: skewX(-16deg) translate(-50%, -50%);
    transform-origin: center;
    background-color: #ccd6da;
  }
  .content.main .content-section.play .play-zone.auction .zone-title h3 {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    font-size: 1.25rem;
    flex: 1 1 100%;
  }
  .content.main .content-section.play .play-zone.auction .zone-title .remaining {
    z-index: 1;
    margin-top: 0.3125rem;
  }
  .content.main .content-section.play .play-zone.auction .zone-title .remaining h4 {
    font-size: 0.875rem;
    order: 0;
    align-items: center;
  }
  .content.main .content-section.play .play-zone.auction .zone-title .remaining .flag {
    margin-top: 0.5rem;
    margin-left: 0;
    padding: 0 0.5rem;
    font-size: 0.75rem;
    order: 4;
  }
  .content.main .content-section.play .play-zone.auction .zone-title .remaining .time {
    margin-top: 0.25rem;
    font-size: 1.75rem;
    order: 1;
  }
  .content.main .content-section.play .play-zone.auction .zone-title .remaining .date {
    margin-top: 0.5rem;
    order: 2;
  }
  .content.main .content-section.play .play-zone.auction .zone-title .remaining .date dl {
    display: inline-flex;
    height: 1.5rem;
    padding: 0 0.75rem;
    color: #ffffff;
    border-radius: 20px;
    background-color: #11368f;
    align-items: center;
  }
  .content.main .content-section.play .play-zone.auction .zone-title .remaining .date dl dt {
    margin-right: 0.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    flex: 0 0 auto;
  }
  .content.main .content-section.play .play-zone.auction .zone-title .remaining .date dl dd {
    text-align: right;
    font-size: 0.875rem;
    font-weight: 500;
    flex: 1 1 auto;
  }
  .content.main .content-section.play .play-zone.auction .zone-title .auction-img {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    max-height: 6.25rem;
    margin-top: 2.62rem;
    transform: translateY(-50%);
  }
  .content.main .content-section.play .play-zone.auction .auction-info {
    display: flex;
    flex-direction: row;
    max-width: 100%;
    margin-top: 3.25rem;
    flex-wrap: wrap;
    flex: 0 0 100%;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .content.main .content-section.play .play-zone.auction .auction-info .title {
    font-size: 1rem;
    flex: 1 1 100%;
  }
  .content.main .content-section.play .play-zone.auction .auction-info .price {
    margin-top: 1.25rem;
    margin-right: 1rem;
    flex: 0 0 auto;
  }
  .content.main .content-section.play .play-zone.auction .auction-info .price .start dd {
    font-size: 0.875rem;
  }
  .content.main .content-section.play .play-zone.auction .auction-info .price .start dd strong {
    font-size: 1rem;
  }
  .content.main .content-section.play .play-zone.auction .auction-info .price .current dd {
    font-size: 0.875rem;
  }
  .content.main .content-section.play .play-zone.auction .auction-info .price .current dd strong {
    font-size: 1.25rem;
  }
  .content.main .content-section.play .play-zone.auction .auction-info .price dl {
    display: flex;
    line-height: 1.5rem;
    align-items: center;
  }
  .content.main .content-section.play .play-zone.auction .auction-info .price dl ~ dl {
    margin-top: 0.25rem;
  }
  .content.main .content-section.play .play-zone.auction .auction-info .price dl dt {
    margin-right: 0.5rem;
    color: #666666;
    font-size: 0.875rem;
    font-weight: normal;
  }
  .content.main .content-section.play .play-zone.auction .auction-info .price dl dd {
    font-size: 1rem;
  }
  .content.main .content-section.play .play-zone.auction .auction-info .btn-join-auction {
    width: 10rem;
    height: 2.5rem;
    margin-top: 1.25rem;
    margin-left: auto;
    font-size: 1.25rem;
    align-self: flex-end;
    flex: 0 0 auto;
  }
  .content.main .content-section.play .play-zone.auction .auction-info .btn-join-auction::before {
    width: calc(100% - (2.5rem * 0.275637));
  }
  .content.main .content-section.play .play-zone.event {
    position: relative;
    margin-top: 1.5rem;
  }
  .content.main .content-section.play .play-zone.event .zone-title {
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 1rem;
  }
  .content.main .content-section.play .play-zone.event .zone-title h3 {
    z-index: 1;
    display: flex;
    margin-bottom: 2rem;
    font-size: 1.75rem;
    font-weight: 500;
    align-items: center;
  }
  .content.main .content-section.play .play-zone.event .zone-title h3 .btn-more {
    display: flex;
    width: 1.875rem;
    height: 1.875rem;
    margin-left: auto;
    padding: 0;
    border-radius: 1.25rem;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.4285714286;
    align-items: center;
    justify-content: center;
  }
  .content.main .content-section.play .play-zone.event .zone-title h3 .btn-more span {
    display: none;
  }
  .content.main .content-section.play .play-zone.event .event-list.swiper-container {
    position: relative;
    z-index: 0;
    padding-bottom: 0.625rem;
  }
  .content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper {
    align-items: flex-start;
  }
  .content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-item.swiper-slide {
    position: relative;
    display: block;
    height: auto !important;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-info {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 1rem 1rem;
    word-break: keep-all;
    flex: 1 1 100%;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-info .title {
    font-size: 1.5rem;
  }
  .content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-info .date {
    margin-top: 1.5rem;
  }
  .content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-info .date dt {
    color: #666666;
    font-weight: normal;
  }
  .content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-info .date dd {
    font-size: 1.25rem;
  }
  .content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-img {
    position: relative;
    width: 100%;
    height: 51.6759776536vw;
    flex: 1 1 100%;
    background-position: center;
    background-size: cover;
  }
  .content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-wrapper .event-img a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-pagination {
    display: none;
  }
  .content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-progress {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ebebeb;
  }
  .content.main .content-section.play .play-zone.event .event-list.swiper-container .swiper-progress .progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    transition: 0.25s all;
    background-color: #000000;
  }
  .content.main .content-section.play .play-zone.vote {
    position: relative;
    display: flex;
    margin-top: 1.5rem;
    padding: 1rem 1rem 1.5rem;
    color: #ffffff;
    background-color: #001a58;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .content.main .content-section.play .play-zone.vote::before {
    display: none;
  }
  .content.main .content-section.play .play-zone.vote .zone-title {
    flex: 1 1 100%;
  }
  .content.main .content-section.play .play-zone.vote .zone-title h3 {
    font-size: 1.25rem;
  }
  .content.main .content-section.play .play-zone.vote .zone-title p {
    margin-top: 1rem;
    font-size: 1rem;
  }
  .content.main .content-section.play .play-zone.vote .vote-info {
    display: flex;
    margin-top: 0.75rem;
    flex: 1 1 100%;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .content.main .content-section.play .play-zone.vote .vote-info .date {
    margin-right: 1rem;
    flex: 1 1 auto;
  }
  .content.main .content-section.play .play-zone.vote .vote-info .date dt {
    font-size: 0.875rem;
  }
  .content.main .content-section.play .play-zone.vote .vote-info .date dd {
    font-size: 1rem;
  }
  .content.main .content-section.play .play-zone.vote .vote-info .btn-vote {
    width: 10rem;
    height: 2.5rem;
    margin-top: 1rem;
    margin-left: auto;
    font-size: 1rem;
    flex: 0 0 auto;
  }
  .content.main .content-section.play .play-zone.vote .vote-info .btn-vote::before {
    width: calc(100% - (2.5rem * 0.275637));
  }
}
/* ====================[[ Sub ]]==================== */
.content {
  position: relative;
}
.content.login, .content.join, .content.sub, .content.search {
  /* ========== [ 로그인 ] ========== */
  /* ========== [ 회원가입 ] ========== */
  /* ========== [ Shop ] ========== */
  /* ========== [ Ticket ] ========== */
  /* ========== [ 공지사항 / 고객센터 ] ========== */
  /* ========== [ 마이페이지 / 장바구니 ] ========== */
  /* ========== [ 판매자센터 ] ========== */
  /* ========== [ Play ] ========== */
  min-height: 51.5vw;
  /* Sub Common */
}
.content.login form > h3, .content.join form > h3, .content.sub form > h3, .content.search form > h3 {
  display: flex;
  height: 3.5rem;
  border-bottom: 1px solid #000000;
  align-items: center;
}
.content.login form > .input-group, .content.join form > .input-group, .content.sub form > .input-group, .content.search form > .input-group {
  margin-top: 1rem;
  font-size: 0.875rem;
}
.content.login form > .btns-group, .content.join form > .btns-group, .content.sub form > .btns-group, .content.search form > .btns-group {
  display: flex;
  margin-top: 3.75rem;
  align-items: center;
  justify-content: center;
}
@media (max-width: 64rem) {
  .content.login form > .btns-group, .content.join form > .btns-group, .content.sub form > .btns-group, .content.search form > .btns-group {
    margin-top: 2.5rem;
  }
}
.content.login form > .btns-group button, .content.join form > .btns-group button, .content.sub form > .btns-group button, .content.search form > .btns-group button {
  flex: 0 1 18rem;
}
@media (max-width: 64rem) {
  .content.login form > .btns-group button, .content.join form > .btns-group button, .content.sub form > .btns-group button, .content.search form > .btns-group button {
    height: 2.5rem;
    padding: 0 1rem;
    font-size: 1rem;
    flex: 0 1 8.125rem;
  }
}
.content.login form > .btns-group button ~ button, .content.join form > .btns-group button ~ button, .content.sub form > .btns-group button ~ button, .content.search form > .btns-group button ~ button {
  margin-left: -0.75rem;
}
.content.login form button[type=submit], .content.join form button[type=submit], .content.sub form button[type=submit], .content.search form button[type=submit] {
  width: 100%;
  margin-top: 2rem;
}
@media (max-width: 64rem) {
  .content.login form button[type=submit], .content.join form button[type=submit], .content.sub form button[type=submit], .content.search form button[type=submit] {
    margin-top: 1.5rem;
  }
}
.content.login form .spacer, .content.join form .spacer, .content.sub form .spacer, .content.search form .spacer {
  margin: 0 0.5rem;
  align-self: center;
}
.content.login input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.content.login select, .content.join input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.content.join select, .content.sub input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.content.sub select, .content.search input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.content.search select {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 2.5rem;
  padding: 0 1rem;
  background-color: #f6f6f6;
  font-size: 0.875rem;
  appearance: none;
  flex: 1 1 auto;
}
.content.login input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-ms-clear, .content.login input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-ms-reveal,
.content.login select::-ms-clear,
.content.login select::-ms-reveal, .content.join input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-ms-clear, .content.join input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-ms-reveal,
.content.join select::-ms-clear,
.content.join select::-ms-reveal, .content.sub input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-ms-clear, .content.sub input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-ms-reveal,
.content.sub select::-ms-clear,
.content.sub select::-ms-reveal, .content.search input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-ms-clear, .content.search input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-ms-reveal,
.content.search select::-ms-clear,
.content.search select::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.content.login input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-decoration, .content.login input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-cancel-button, .content.login input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-results-button, .content.login input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-results-decoration,
.content.login select::-webkit-search-decoration,
.content.login select::-webkit-search-cancel-button,
.content.login select::-webkit-search-results-button,
.content.login select::-webkit-search-results-decoration, .content.join input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-decoration, .content.join input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-cancel-button, .content.join input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-results-button, .content.join input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-results-decoration,
.content.join select::-webkit-search-decoration,
.content.join select::-webkit-search-cancel-button,
.content.join select::-webkit-search-results-button,
.content.join select::-webkit-search-results-decoration, .content.sub input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-decoration, .content.sub input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-cancel-button, .content.sub input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-results-button, .content.sub input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-results-decoration,
.content.sub select::-webkit-search-decoration,
.content.sub select::-webkit-search-cancel-button,
.content.sub select::-webkit-search-results-button,
.content.sub select::-webkit-search-results-decoration, .content.search input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-decoration, .content.search input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-cancel-button, .content.search input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-results-button, .content.search input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-search-results-decoration,
.content.search select::-webkit-search-decoration,
.content.search select::-webkit-search-cancel-button,
.content.search select::-webkit-search-results-button,
.content.search select::-webkit-search-results-decoration {
  display: none;
}
.content.login input:not([type=checkbox]):not([type=radio]):not([type=hidden])::placeholder, .content.login input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not(select):read-only,
.content.login select::placeholder,
.content.login select:not(select):read-only, .content.join input:not([type=checkbox]):not([type=radio]):not([type=hidden])::placeholder, .content.join input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not(select):read-only,
.content.join select::placeholder,
.content.join select:not(select):read-only, .content.sub input:not([type=checkbox]):not([type=radio]):not([type=hidden])::placeholder, .content.sub input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not(select):read-only,
.content.sub select::placeholder,
.content.sub select:not(select):read-only, .content.search input:not([type=checkbox]):not([type=radio]):not([type=hidden])::placeholder, .content.search input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not(select):read-only,
.content.search select::placeholder,
.content.search select:not(select):read-only {
  color: #999999;
}
.content.login input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-outer-spin-button, .content.login input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-inner-spin-button,
.content.login select::-webkit-outer-spin-button,
.content.login select::-webkit-inner-spin-button, .content.join input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-outer-spin-button, .content.join input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-inner-spin-button,
.content.join select::-webkit-outer-spin-button,
.content.join select::-webkit-inner-spin-button, .content.sub input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-outer-spin-button, .content.sub input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-inner-spin-button,
.content.sub select::-webkit-outer-spin-button,
.content.sub select::-webkit-inner-spin-button, .content.search input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-outer-spin-button, .content.search input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-inner-spin-button,
.content.search select::-webkit-outer-spin-button,
.content.search select::-webkit-inner-spin-button {
  display: none;
  appearance: none;
}
.content.login input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-calendar-picker-indicator,
.content.login select::-webkit-calendar-picker-indicator, .content.join input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-calendar-picker-indicator,
.content.join select::-webkit-calendar-picker-indicator, .content.sub input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-calendar-picker-indicator,
.content.sub select::-webkit-calendar-picker-indicator, .content.search input:not([type=checkbox]):not([type=radio]):not([type=hidden])::-webkit-calendar-picker-indicator,
.content.search select::-webkit-calendar-picker-indicator {
  opacity: 1;
  width: 1.5rem;
  height: 1.5rem;
  background-position: center;
  background-image: url(../images/icon/ic-24-calender.svg);
  background-repeat: no-repeat;
}
.content.login input:not([type=checkbox]):not([type=radio]):not([type=hidden])[type=date],
.content.login select[type=date], .content.join input:not([type=checkbox]):not([type=radio]):not([type=hidden])[type=date],
.content.join select[type=date], .content.sub input:not([type=checkbox]):not([type=radio]):not([type=hidden])[type=date],
.content.sub select[type=date], .content.search input:not([type=checkbox]):not([type=radio]):not([type=hidden])[type=date],
.content.search select[type=date] {
  appearance: auto;
  min-width: 9.375rem;
}
.content.login select, .content.join select, .content.sub select, .content.search select {
  width: auto;
  min-width: 9.375rem;
  padding-right: 2.5rem;
  color: #000000;
  flex: 1 0 auto;
  background-position: calc(100% - 0.5rem) center;
  background-image: url(../images/icon/ic-24-arr-down.svg);
  background-repeat: no-repeat;
  text-overflow: ellipsis;
  overflow: hidden;
}
.content.login textarea, .content.join textarea, .content.sub textarea, .content.search textarea {
  width: 100%;
  padding: 1rem;
  resize: none;
  background-color: #f6f6f6;
  font-size: 0.875rem;
  appearance: none;
}
.content.login textarea::placeholder, .content.login textarea:read-only, .content.join textarea::placeholder, .content.join textarea:read-only, .content.sub textarea::placeholder, .content.sub textarea:read-only, .content.search textarea::placeholder, .content.search textarea:read-only {
  color: #999999;
}
.content.login input[type=checkbox],
.content.login input[type=radio], .content.join input[type=checkbox],
.content.join input[type=radio], .content.sub input[type=checkbox],
.content.sub input[type=radio], .content.search input[type=checkbox],
.content.search input[type=radio] {
  display: inline-block;
  vertical-align: middle;
  appearance: none;
}
.content.login input[type=checkbox][type=radio],
.content.login input[type=radio][type=radio], .content.join input[type=checkbox][type=radio],
.content.join input[type=radio][type=radio], .content.sub input[type=checkbox][type=radio],
.content.sub input[type=radio][type=radio], .content.search input[type=checkbox][type=radio],
.content.search input[type=radio][type=radio] {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  background-position: center;
  background-image: url(../images/icon/component-16-radio-none.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.content.login input[type=checkbox][type=radio]:checked,
.content.login input[type=radio][type=radio]:checked, .content.join input[type=checkbox][type=radio]:checked,
.content.join input[type=radio][type=radio]:checked, .content.sub input[type=checkbox][type=radio]:checked,
.content.sub input[type=radio][type=radio]:checked, .content.search input[type=checkbox][type=radio]:checked,
.content.search input[type=radio][type=radio]:checked {
  background-image: url(../images/icon/component-16-radio-sel.svg);
}
.content.login input[type=checkbox][type=radio] + span,
.content.login input[type=radio][type=radio] + span, .content.join input[type=checkbox][type=radio] + span,
.content.join input[type=radio][type=radio] + span, .content.sub input[type=checkbox][type=radio] + span,
.content.sub input[type=radio][type=radio] + span, .content.search input[type=checkbox][type=radio] + span,
.content.search input[type=radio][type=radio] + span {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
}
.content.login input[type=checkbox][type=checkbox],
.content.login input[type=radio][type=checkbox], .content.join input[type=checkbox][type=checkbox],
.content.join input[type=radio][type=checkbox], .content.sub input[type=checkbox][type=checkbox],
.content.sub input[type=radio][type=checkbox], .content.search input[type=checkbox][type=checkbox],
.content.search input[type=radio][type=checkbox] {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  background-position: center;
  background-image: url(../images/icon/component-16-checkbox-none.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.content.login input[type=checkbox][type=checkbox]:checked,
.content.login input[type=radio][type=checkbox]:checked, .content.join input[type=checkbox][type=checkbox]:checked,
.content.join input[type=radio][type=checkbox]:checked, .content.sub input[type=checkbox][type=checkbox]:checked,
.content.sub input[type=radio][type=checkbox]:checked, .content.search input[type=checkbox][type=checkbox]:checked,
.content.search input[type=radio][type=checkbox]:checked {
  background-image: url(../images/icon/component-16-checkbox-sel.svg);
}
.content.login input[type=checkbox][type=checkbox] + span,
.content.login input[type=radio][type=checkbox] + span, .content.join input[type=checkbox][type=checkbox] + span,
.content.join input[type=radio][type=checkbox] + span, .content.sub input[type=checkbox][type=checkbox] + span,
.content.sub input[type=radio][type=checkbox] + span, .content.search input[type=checkbox][type=checkbox] + span,
.content.search input[type=radio][type=checkbox] + span {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
}
.content.login input[type=checkbox][type=checkbox] + span em,
.content.login input[type=radio][type=checkbox] + span em, .content.join input[type=checkbox][type=checkbox] + span em,
.content.join input[type=radio][type=checkbox] + span em, .content.sub input[type=checkbox][type=checkbox] + span em,
.content.sub input[type=radio][type=checkbox] + span em, .content.search input[type=checkbox][type=checkbox] + span em,
.content.search input[type=radio][type=checkbox] + span em {
  margin-left: 0.25rem;
  color: #666666;
  font-style: normal;
}
.content.login .input-row ~ .input-row, .content.join .input-row ~ .input-row, .content.sub .input-row ~ .input-row, .content.search .input-row ~ .input-row {
  margin-top: 0.5rem;
}
.content.login .input-row .input-note, .content.join .input-row .input-note, .content.sub .input-row .input-note, .content.search .input-row .input-note {
  color: #666666;
  font-size: 0.875rem;
}
.content.login .form-field > .form-note, .content.join .form-field > .form-note, .content.sub .form-field > .form-note, .content.search .form-field > .form-note {
  padding: 1rem 0;
}
@media (max-width: 64rem) {
  .content.login .form-field > .form-note, .content.join .form-field > .form-note, .content.sub .form-field > .form-note, .content.search .form-field > .form-note {
    padding: 0.75rem 0;
    font-size: 0.875rem;
  }
}
.content.login .form-field .input-row, .content.join .form-field .input-row, .content.sub .form-field .input-row, .content.search .form-field .input-row {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
}
@media (max-width: 640px) {
  .content.login .form-field .input-row, .content.join .form-field .input-row, .content.sub .form-field .input-row, .content.search .form-field .input-row {
    padding: 0.75rem 0 !important;
    flex-wrap: wrap;
  }
  .content.login .form-field .input-row .input-title, .content.join .form-field .input-row .input-title, .content.sub .form-field .input-row .input-title, .content.search .form-field .input-row .input-title {
    max-width: none !important;
    margin-bottom: 0.25rem;
    flex: 1 1 100% !important;
  }
  .content.login .form-field .input-row .input-group, .content.join .form-field .input-row .input-group, .content.sub .form-field .input-row .input-group, .content.search .form-field .input-row .input-group {
    position: relative;
    max-width: none !important;
    margin-left: 0;
  }
  .content.login .form-field .input-row .input-group:first-child, .content.join .form-field .input-row .input-group:first-child, .content.sub .form-field .input-row .input-group:first-child, .content.search .form-field .input-row .input-group:first-child {
    margin-left: 0;
  }
  .content.login .form-field .input-row .input-group:last-child, .content.join .form-field .input-row .input-group:last-child, .content.sub .form-field .input-row .input-group:last-child, .content.search .form-field .input-row .input-group:last-child {
    margin-right: 0;
  }
  .content.login .form-field .input-row .input-group input:not([type=checkbox]):not([type=radio]),
  .content.login .form-field .input-row .input-group select,
  .content.login .form-field .input-row .input-group textarea, .content.join .form-field .input-row .input-group input:not([type=checkbox]):not([type=radio]),
  .content.join .form-field .input-row .input-group select,
  .content.join .form-field .input-row .input-group textarea, .content.sub .form-field .input-row .input-group input:not([type=checkbox]):not([type=radio]),
  .content.sub .form-field .input-row .input-group select,
  .content.sub .form-field .input-row .input-group textarea, .content.search .form-field .input-row .input-group input:not([type=checkbox]):not([type=radio]),
  .content.search .form-field .input-row .input-group select,
  .content.search .form-field .input-row .input-group textarea {
    max-width: none !important;
  }
}
.content.login .form-field .input-row.no-border, .content.join .form-field .input-row.no-border, .content.sub .form-field .input-row.no-border, .content.search .form-field .input-row.no-border {
  border: 0 !important;
}
.content.login .form-field .input-row.half, .content.join .form-field .input-row.half, .content.sub .form-field .input-row.half, .content.search .form-field .input-row.half {
  justify-content: flex-start;
}
.content.login .form-field .input-row.half .input-title, .content.join .form-field .input-row.half .input-title, .content.sub .form-field .input-row.half .input-title, .content.search .form-field .input-row.half .input-title {
  flex: 0 0 8.75rem;
}
.content.login .form-field .input-row.half .input-group, .content.join .form-field .input-row.half .input-group, .content.sub .form-field .input-row.half .input-group, .content.search .form-field .input-row.half .input-group {
  max-width: 25rem;
}
.content.login .form-field .input-row + .input-row, .content.join .form-field .input-row + .input-row, .content.sub .form-field .input-row + .input-row, .content.search .form-field .input-row + .input-row {
  margin-top: 8px;
}
.content.login .form-field .input-row > *, .content.join .form-field .input-row > *, .content.sub .form-field .input-row > *, .content.search .form-field .input-row > * {
  margin: 0 0.25rem;
}
.content.login .form-field .input-row > *:first-child, .content.join .form-field .input-row > *:first-child, .content.sub .form-field .input-row > *:first-child, .content.search .form-field .input-row > *:first-child {
  margin-left: 0;
}
.content.login .form-field .input-row > *:last-child, .content.join .form-field .input-row > *:last-child, .content.sub .form-field .input-row > *:last-child, .content.search .form-field .input-row > *:last-child {
  margin-right: 0;
}
.content.login .form-field .input-row .input-title, .content.join .form-field .input-row .input-title, .content.sub .form-field .input-row .input-title, .content.search .form-field .input-row .input-title {
  flex: 1 0 8.75rem;
}
.popup .input-title .input-title {
  flex: 1 0 5.75rem;
}

@media (max-width: 1024px) {
  .content.login .form-field .input-row .input-title.require::before, .content.join .form-field .input-row .input-title.require::before, .content.sub .form-field .input-row .input-title.require::before, .content.search .form-field .input-row .input-title.require::before {
    display: none !important;
  }
  .content.login .form-field .input-row .input-title.require::after, .content.join .form-field .input-row .input-title.require::after, .content.sub .form-field .input-row .input-title.require::after, .content.search .form-field .input-row .input-title.require::after {
    display: inline-block;
    margin-left: 0.25em;
    content: "*";
    color: #ff0000;
  }
}
.content.login .form-field .input-row .input-title.require::before, .content.join .form-field .input-row .input-title.require::before, .content.sub .form-field .input-row .input-title.require::before, .content.search .form-field .input-row .input-title.require::before {
  display: inline-block;
  margin-right: 0.25em;
  content: "*";
  color: #ff0000;
}
.content.login .form-field .input-row label, .content.join .form-field .input-row label, .content.sub .form-field .input-row label, .content.search .form-field .input-row label {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
.content.login .form-field .input-group, .content.join .form-field .input-group, .content.sub .form-field .input-group, .content.search .form-field .input-group {
  position: relative;
  display: flex;
  flex: 1 1 100%;
}
.content.login .form-field .input-group.has-note, .content.join .form-field .input-group.has-note, .content.sub .form-field .input-group.has-note, .content.search .form-field .input-group.has-note {
  flex-wrap: wrap;
}
.content.login .form-field .input-group.has-note label, .content.join .form-field .input-group.has-note label, .content.sub .form-field .input-group.has-note label, .content.search .form-field .input-group.has-note label {
  flex: 1 1 100%;
}
.content.login .form-field .input-group.has-note .input-note, .content.join .form-field .input-group.has-note .input-note, .content.sub .form-field .input-group.has-note .input-note, .content.search .form-field .input-group.has-note .input-note {
  display: block;
  margin-top: 0.25rem;
  padding-left: 1.5rem;
  color: #666666;
  font-size: 0.875rem;
  flex: 1 1 100%;
}
.content.login .form-field .input-group.radio-group, .content.login .form-field .input-group.check-group, .content.join .form-field .input-group.radio-group, .content.join .form-field .input-group.check-group, .content.sub .form-field .input-group.radio-group, .content.sub .form-field .input-group.check-group, .content.search .form-field .input-group.radio-group, .content.search .form-field .input-group.check-group {
  flex-wrap: wrap;
}
.content.login .form-field .input-group.radio-group.inline .form-component, .content.login .form-field .input-group.check-group.inline .form-component, .content.join .form-field .input-group.radio-group.inline .form-component, .content.join .form-field .input-group.check-group.inline .form-component, .content.sub .form-field .input-group.radio-group.inline .form-component, .content.sub .form-field .input-group.check-group.inline .form-component, .content.search .form-field .input-group.radio-group.inline .form-component, .content.search .form-field .input-group.check-group.inline .form-component {
  margin-right: 2rem;
  flex: 0 0 auto;
}
.content.login .form-field .input-group.radio-group label, .content.login .form-field .input-group.check-group label, .content.join .form-field .input-group.radio-group label, .content.join .form-field .input-group.check-group label, .content.sub .form-field .input-group.radio-group label, .content.sub .form-field .input-group.check-group label, .content.search .form-field .input-group.radio-group label, .content.search .form-field .input-group.check-group label {
  display: inline-flex;
  align-items: center;
}
.content.login .form-field .input-group.radio-group label span, .content.login .form-field .input-group.check-group label span, .content.join .form-field .input-group.radio-group label span, .content.join .form-field .input-group.check-group label span, .content.sub .form-field .input-group.radio-group label span, .content.sub .form-field .input-group.check-group label span, .content.search .form-field .input-group.radio-group label span, .content.search .form-field .input-group.check-group label span {
  display: block;
}
.content.login .form-field .input-group.radio-group .input-note, .content.login .form-field .input-group.check-group .input-note, .content.join .form-field .input-group.radio-group .input-note, .content.join .form-field .input-group.check-group .input-note, .content.sub .form-field .input-group.radio-group .input-note, .content.sub .form-field .input-group.check-group .input-note, .content.search .form-field .input-group.radio-group .input-note, .content.search .form-field .input-group.check-group .input-note {
  flex: 1 1 100%;
}
.content.login .form-field .input-group.tel, .content.join .form-field .input-group.tel, .content.sub .form-field .input-group.tel, .content.search .form-field .input-group.tel {
  flex-wrap: wrap;
  align-items: center;
}
.content.login .form-field .input-group.tel input[type=tel], .content.join .form-field .input-group.tel input[type=tel], .content.sub .form-field .input-group.tel input[type=tel], .content.search .form-field .input-group.tel input[type=tel] {
  flex: 0 1 calc(100% - 8.125rem);
}
.content.login .form-field .input-group.tel input[type=text], .content.join .form-field .input-group.tel input[type=text], .content.sub .form-field .input-group.tel input[type=text], .content.search .form-field .input-group.tel input[type=text] {
  margin-top: 0.5rem !important;
}
.content.login .form-field .input-group.address .zipcode, .content.join .form-field .input-group.address .zipcode, .content.sub .form-field .input-group.address .zipcode, .content.search .form-field .input-group.address .zipcode {
  max-width: calc(100% - 6.25rem - 0.5rem);
  flex: 1 1 calc(100% - 6.25rem - 0.5rem);
}
.content.login .form-field .input-group.address .zipcode ~ input[type=text], .content.join .form-field .input-group.address .zipcode ~ input[type=text], .content.sub .form-field .input-group.address .zipcode ~ input[type=text], .content.search .form-field .input-group.address .zipcode ~ input[type=text] {
  margin-top: 0.5rem;
}
.content.login .form-field .input-group.address .btn-form, .content.join .form-field .input-group.address .btn-form, .content.sub .form-field .input-group.address .btn-form, .content.search .form-field .input-group.address .btn-form {
  width: 5.25rem;
  margin-right: 0.5rem;
  margin-left: auto;
  padding: 0;
  flex: 0 0 5.25rem;
}
.content.login .form-field .input-group.address label, .content.join .form-field .input-group.address label, .content.sub .form-field .input-group.address label, .content.search .form-field .input-group.address label {
  display: inline-flex;
  flex: initial;
  margin-left: 0.25rem;
  margin-right: 1.25rem;
}
.content.login .form-field .input-group.address label input[type=checkbox] + span,
.content.login .form-field .input-group.address label input[type=radio] + span, .content.join .form-field .input-group.address label input[type=checkbox] + span,
.content.join .form-field .input-group.address label input[type=radio] + span, .content.sub .form-field .input-group.address label input[type=checkbox] + span,
.content.sub .form-field .input-group.address label input[type=radio] + span, .content.search .form-field .input-group.address label input[type=checkbox] + span,
.content.search .form-field .input-group.address label input[type=radio] + span {
  font-size: 0.875rem;
}
.content.login .form-field .input-group.birth select, .content.join .form-field .input-group.birth select, .content.sub .form-field .input-group.birth select, .content.search .form-field .input-group.birth select {
  min-width: 0;
}
.content.login .form-field .input-group.wrap, .content.join .form-field .input-group.wrap, .content.sub .form-field .input-group.wrap, .content.search .form-field .input-group.wrap {
  flex-wrap: wrap;
}
.content.login .form-field .input-group.wrap .wide, .content.join .form-field .input-group.wrap .wide, .content.sub .form-field .input-group.wrap .wide, .content.search .form-field .input-group.wrap .wide {
  flex: 1 1 100%;
  margin-right: auto !important;
  margin-left: auto !important;
}
@media (max-width: 1024px) {
  .content.login .form-field .input-group.wrap .wide.pc-only ~ .wide, .content.join .form-field .input-group.wrap .wide.pc-only ~ .wide, .content.sub .form-field .input-group.wrap .wide.pc-only ~ .wide, .content.search .form-field .input-group.wrap .wide.pc-only ~ .wide {
    margin-top: 0;
  }
}
.content.login .form-field .input-group.wrap .wide select, .content.join .form-field .input-group.wrap .wide select, .content.sub .form-field .input-group.wrap .wide select, .content.search .form-field .input-group.wrap .wide select {
  margin: 0;
}
.content.login .form-field .input-group.wrap .wide ~ .wide, .content.join .form-field .input-group.wrap .wide ~ .wide, .content.sub .form-field .input-group.wrap .wide ~ .wide, .content.search .form-field .input-group.wrap .wide ~ .wide {
  margin-top: 0.5rem;
}
.content.login .form-field .input-group input:not([type=checkbox]):not([type=radio]),
.content.login .form-field .input-group select, .content.join .form-field .input-group input:not([type=checkbox]):not([type=radio]),
.content.join .form-field .input-group select, .content.sub .form-field .input-group input:not([type=checkbox]):not([type=radio]),
.content.sub .form-field .input-group select, .content.search .form-field .input-group input:not([type=checkbox]):not([type=radio]),
.content.search .form-field .input-group select {
  margin: 0 0.25rem;
}
.content.login .form-field .input-group .note, .content.join .form-field .input-group .note, .content.sub .form-field .input-group .note, .content.search .form-field .input-group .note {
  position: absolute;
  top: 50%;
  right: 0;
  margin: 0 1rem;
  transform: translateY(-50%);
  font-size: 0.875rem;
}
.content.login .form-field .input-group .form-component, .content.join .form-field .input-group .form-component, .content.sub .form-field .input-group .form-component, .content.search .form-field .input-group .form-component {
  flex: 1 0 11.25rem;
}
@media (max-width: 1024px) {
  .content.login .form-field .input-group .form-component, .content.join .form-field .input-group .form-component, .content.sub .form-field .input-group .form-component, .content.search .form-field .input-group .form-component {
    flex: 1 0 auto;
  }
}
.content.login .form-note, .content.join .form-note, .content.sub .form-note, .content.search .form-note {
  padding: 1rem;
  word-break: keep-all;
  font-size: 0.875rem;
}
@media (max-width: 1024px) {
  .content.login .form-note, .content.join .form-note, .content.sub .form-note, .content.search .form-note {
    padding-right: 0;
    padding-left: 0;
  }
}
.content.login button, .content.join button, .content.sub button, .content.search button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 2.5rem;
}
.content.login button.disabled, .content.join button.disabled, .content.sub button.disabled, .content.search button.disabled {
  touch-action: none;
}
.content.login button.disabled::before, .content.join button.disabled::before, .content.sub button.disabled::before, .content.search button.disabled::before {
  background-color: #999999;
}
.content.login button.btn-red::before, .content.join button.btn-red::before, .content.sub button.btn-red::before, .content.search button.btn-red::before {
  background-color: #e6002d;
}
.content.login button.btn-dark-blue::before, .content.join button.btn-dark-blue::before, .content.sub button.btn-dark-blue::before, .content.search button.btn-dark-blue::before {
  background-color: #001a58;
}
.content.login button.btn-size-big, .content.join button.btn-size-big, .content.sub button.btn-size-big, .content.search button.btn-size-big {
  height: 4.5rem;
  font-size: 1.25rem;
}
.content.login button.btn-size-big::before, .content.join button.btn-size-big::before, .content.sub button.btn-size-big::before, .content.search button.btn-size-big::before {
  width: calc(100% - (4.5rem * 0.275637));
}
.content.login button.btn-size-normal, .content.join button.btn-size-normal, .content.sub button.btn-size-normal, .content.search button.btn-size-normal {
  height: 3.5rem;
  font-size: 1rem;
}
.content.login button.btn-size-normal::before, .content.join button.btn-size-normal::before, .content.sub button.btn-size-normal::before, .content.search button.btn-size-normal::before {
  width: calc(100% - (3.5rem * 0.275637));
}
.content.login button.btn-size-small, .content.join button.btn-size-small, .content.sub button.btn-size-small, .content.search button.btn-size-small {
  height: 2.5rem;
  font-size: 0.875rem;
}
.content.login button.btn-size-small::before, .content.join button.btn-size-small::before, .content.sub button.btn-size-small::before, .content.search button.btn-size-small::before {
  width: calc(100% - (2.5rem * 0.275637));
}
.content.login button.bg-skew::before, .content.join button.bg-skew::before, .content.sub button.bg-skew::before, .content.search button.bg-skew::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  display: block;
  height: 100%;
  content: "";
  transform: skewX(-16deg) translateX(-50%);
  transform-origin: center;
}
.content.login button.btn-action, .content.join button.btn-action, .content.sub button.btn-action, .content.search button.btn-action {
  color: #ffffff;
  font-weight: 500;
}
.content.login.login, .content.join.login, .content.sub.login, .content.search.login {
  /* Login Start */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  /* Login End */
}
.content.login.login .content-section, .content.join.login .content-section, .content.sub.login .content-section, .content.search.login .content-section {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  max-width: 26.125rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.content.login.login .content-section .section-title, .content.join.login .content-section .section-title, .content.sub.login .content-section .section-title, .content.search.login .content-section .section-title {
  margin-bottom: 2.5rem;
  text-align: center;
  border-bottom: 1px solid #000000;
  font-size: 2.5rem;
  line-height: 1.475;
}
.content.login.login .content-section > p, .content.join.login .content-section > p, .content.sub.login .content-section > p, .content.search.login .content-section > p {
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 1rem;
}
.content.login.login .content-section .login-form, .content.join.login .content-section .login-form, .content.sub.login .content-section .login-form, .content.search.login .content-section .login-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.content.login.login .content-section .login-menu, .content.join.login .content-section .login-menu, .content.sub.login .content-section .login-menu, .content.search.login .content-section .login-menu {
  margin-top: 1.5rem;
}
.content.login.login .content-section .login-menu ul, .content.join.login .content-section .login-menu ul, .content.sub.login .content-section .login-menu ul, .content.search.login .content-section .login-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content.login.login .content-section .login-menu ul li, .content.join.login .content-section .login-menu ul li, .content.sub.login .content-section .login-menu ul li, .content.search.login .content-section .login-menu ul li {
  padding: 0 1rem;
  color: #666666;
  font-size: 0.875rem;
  line-height: 1;
}
.content.login.login .content-section .login-menu ul li ~ li, .content.join.login .content-section .login-menu ul li ~ li, .content.sub.login .content-section .login-menu ul li ~ li, .content.search.login .content-section .login-menu ul li ~ li {
  border-left: 1px solid #d8d8d8;
}
.content.login.login .content-section .btns-group, .content.join.login .content-section .btns-group, .content.sub.login .content-section .btns-group, .content.search.login .content-section .btns-group {
  display: flex;
  flex-wrap: wrap;
}
.content.login.login .content-section .btns-group button, .content.join.login .content-section .btns-group button, .content.sub.login .content-section .btns-group button, .content.search.login .content-section .btns-group button {
  margin: 0.5rem 0;
}
.content.login.login .content-section .btns-group button.btn-full, .content.join.login .content-section .btns-group button.btn-full, .content.sub.login .content-section .btns-group button.btn-full, .content.search.login .content-section .btns-group button.btn-full {
  flex: 1 1 100%;
}
@media (max-width: 1024px) {
  .content.login.login, .content.join.login, .content.sub.login, .content.search.login {
    /* Login Start */
    /* Login End */
  }
  .content.login.login .content-section, .content.join.login .content-section, .content.sub.login .content-section, .content.search.login .content-section {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem;
  }
  .content.login.login .content-section .section-title, .content.join.login .content-section .section-title, .content.sub.login .content-section .section-title, .content.search.login .content-section .section-title {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #000000;
    font-size: 1.5rem;
    line-height: 0.6666666667;
  }
  .content.login.login .content-section .login-menu, .content.join.login .content-section .login-menu, .content.sub.login .content-section .login-menu, .content.search.login .content-section .login-menu {
    margin-top: 1.5rem;
  }
  .content.login.login .content-section .login-menu ul, .content.join.login .content-section .login-menu ul, .content.sub.login .content-section .login-menu ul, .content.search.login .content-section .login-menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .content.login.login .content-section .login-menu ul li, .content.join.login .content-section .login-menu ul li, .content.sub.login .content-section .login-menu ul li, .content.search.login .content-section .login-menu ul li {
    padding: 0 1rem;
    color: #666666;
    font-size: 0.875rem;
    line-height: 1;
  }
  .content.login.login .content-section .login-menu ul li ~ li, .content.join.login .content-section .login-menu ul li ~ li, .content.sub.login .content-section .login-menu ul li ~ li, .content.search.login .content-section .login-menu ul li ~ li {
    border-left: 1px solid #d8d8d8;
  }
}
.content.login.join, .content.join.join, .content.sub.join, .content.search.join {
  /* join Start */
  padding-top: 5rem;
  padding-bottom: 7.5rem;
  /* join End */
}
.content.login.join .content-section, .content.join.join .content-section, .content.sub.join .content-section, .content.search.join .content-section {
  max-width: 46.125rem;
  margin: 0 auto;
}
.content.login.join .content-section h2, .content.join.join .content-section h2, .content.sub.join .content-section h2, .content.search.join .content-section h2 {
  margin-bottom: 2.5rem;
  text-align: center;
  font-size: 2rem;
}
.content.login.join .content-section > h3, .content.join.join .content-section > h3, .content.sub.join .content-section > h3, .content.search.join .content-section > h3 {
  display: flex;
  height: 3.5rem;
  border-bottom: 1px solid #000000;
  font-size: 1.25rem;
  font-weight: normal;
  align-items: center;
}
@media (max-width: 1024px) {
  .content.login.join, .content.join.join, .content.sub.join, .content.search.join {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
  }
  .content.login.join .content-section, .content.join.join .content-section, .content.sub.join .content-section, .content.search.join .content-section {
    max-width: 46.125rem;
    margin: 0 auto;
  }
  .content.login.join .content-section h2, .content.join.join .content-section h2, .content.sub.join .content-section h2, .content.search.join .content-section h2 {
    margin-bottom: 1.125rem;
    font-size: 1.5rem;
  }
  .content.login.join .content-section > h3, .content.join.join .content-section > h3, .content.sub.join .content-section > h3, .content.search.join .content-section > h3 {
    display: flex;
    height: 3.5rem;
    border-bottom: 1px solid #000000;
    font-size: 1.25rem;
    font-weight: normal;
    align-items: center;
  }
}
.content.login .change-count, .content.join .change-count, .content.sub .change-count, .content.search .change-count {
  display: flex;
  border: 1px solid #666666;
  align-items: stretch;
}
.content.login .change-count input, .content.join .change-count input, .content.sub .change-count input, .content.search .change-count input {
  width: 3rem !important;
  height: 2.125rem;
  text-align: center;
  background-color: #ffffff;
}
.content.login .change-count button, .content.join .change-count button, .content.sub .change-count button, .content.search .change-count button {
  width: 1.75rem;
  padding: 0;
}
.content.login .change-count button.btn-minus, .content.join .change-count button.btn-minus, .content.sub .change-count button.btn-minus, .content.search .change-count button.btn-minus {
  border-right: 1px solid #666666;
}
.content.login .change-count button.btn-plus, .content.join .change-count button.btn-plus, .content.sub .change-count button.btn-plus, .content.search .change-count button.btn-plus {
  border-left: 1px solid #666666;
}
.content.login .change-count button .icon-16-plus, .content.join .change-count button .icon-16-plus, .content.sub .change-count button .icon-16-plus, .content.search .change-count button .icon-16-plus {
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../images/icon/ic-16-plus.svg);
}
.content.login .change-count button .icon-16-minus, .content.join .change-count button .icon-16-minus, .content.sub .change-count button .icon-16-minus, .content.search .change-count button .icon-16-minus {
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../images/icon/ic-16-minus.svg);
}
.content.login.shop, .content.join.shop, .content.sub.shop, .content.search.shop {
  max-width: 82.5rem;
  padding-bottom: 0;
  /* 반품/교환 End */
  /* 상세설명 Start */
  /* 상세설명 End */
  /* 리뷰 Start */
  /* 리뷰 End */
  /* 반품/교환 Start */
  /* 상품 목록 */
  /* 셀러 상단 */
}
.content.login.shop .shop-detail-top, .content.join.shop .shop-detail-top, .content.sub.shop .shop-detail-top, .content.search.shop .shop-detail-top {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-right: -2rem;
  margin-left: -2rem;
}
.content.login.shop .shop-detail-top .goods-info, .content.join.shop .shop-detail-top .goods-info, .content.sub.shop .shop-detail-top .goods-info, .content.search.shop .shop-detail-top .goods-info {
  max-width: calc(50% - 4rem);
  margin: 0 2rem;
  flex: 0 1 50%;
}
.content.login.shop .shop-detail-top .goods-info .shop-name, .content.join.shop .shop-detail-top .goods-info .shop-name, .content.sub.shop .shop-detail-top .goods-info .shop-name, .content.search.shop .shop-detail-top .goods-info .shop-name {
  margin-bottom: 0.75rem;
  color: #666666;
}
.content.login.shop .shop-detail-top .goods-info .goods-title, .content.join.shop .shop-detail-top .goods-info .goods-title, .content.sub.shop .shop-detail-top .goods-info .goods-title, .content.search.shop .shop-detail-top .goods-info .goods-title {
  margin-bottom: 2.25rem;
  word-break: keep-all;
  font-size: 1.25rem;
  font-weight: 500;
}
.content.login.shop .shop-detail-top .goods-info .price, .content.join.shop .shop-detail-top .goods-info .price, .content.sub.shop .shop-detail-top .goods-info .price, .content.search.shop .shop-detail-top .goods-info .price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.content.login.shop .shop-detail-top .goods-info .price .origin, .content.join.shop .shop-detail-top .goods-info .price .origin, .content.sub.shop .shop-detail-top .goods-info .price .origin, .content.search.shop .shop-detail-top .goods-info .price .origin {
  text-decoration: line-through;
  color: #999999;
  flex: 0 1 100%;
}
.content.login.shop .shop-detail-top .goods-info .price .origin strong, .content.join.shop .shop-detail-top .goods-info .price .origin strong, .content.sub.shop .shop-detail-top .goods-info .price .origin strong, .content.search.shop .shop-detail-top .goods-info .price .origin strong {
  font-size: 1.25rem;
  font-weight: normal;
  font-style: italic;
}
.content.login.shop .shop-detail-top .goods-info .price .discount-rate, .content.join.shop .shop-detail-top .goods-info .price .discount-rate, .content.sub.shop .shop-detail-top .goods-info .price .discount-rate, .content.search.shop .shop-detail-top .goods-info .price .discount-rate {
  margin-right: 0.25rem;
  font-size: 1.5rem;
  font-weight: bold;
}
.content.login.shop .shop-detail-top .goods-info .price .calc-price, .content.join.shop .shop-detail-top .goods-info .price .calc-price, .content.sub.shop .shop-detail-top .goods-info .price .calc-price, .content.search.shop .shop-detail-top .goods-info .price .calc-price {
  font-size: 1.25rem;
  font-weight: 500;
}
.content.login.shop .shop-detail-top .goods-info .price .calc-price strong, .content.join.shop .shop-detail-top .goods-info .price .calc-price strong, .content.sub.shop .shop-detail-top .goods-info .price .calc-price strong, .content.search.shop .shop-detail-top .goods-info .price .calc-price strong {
  font-size: 1.5rem;
  font-weight: bold;
}
.content.login.shop .shop-detail-top .goods-info .price .btn-coupon, .content.join.shop .shop-detail-top .goods-info .price .btn-coupon, .content.sub.shop .shop-detail-top .goods-info .price .btn-coupon, .content.search.shop .shop-detail-top .goods-info .price .btn-coupon {
  height: 2rem;
  margin-left: 1rem;
  padding: 0 1rem;
  border: 1px solid #666666;
  border-radius: 1rem;
}
.content.login.shop .shop-detail-top .goods-info .price .btn-coupon .icon-24-download, .content.join.shop .shop-detail-top .goods-info .price .btn-coupon .icon-24-download, .content.sub.shop .shop-detail-top .goods-info .price .btn-coupon .icon-24-download, .content.search.shop .shop-detail-top .goods-info .price .btn-coupon .icon-24-download {
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 0.5rem;
  background-image: url(../images/icon/ic-24-download.svg);
}
.content.login.shop .shop-detail-top .goods-info .info-table, .content.join.shop .shop-detail-top .goods-info .info-table, .content.sub.shop .shop-detail-top .goods-info .info-table, .content.search.shop .shop-detail-top .goods-info .info-table {
  margin-top: 2rem;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
}
.content.login.shop .shop-detail-top .goods-info .info-table dl, .content.join.shop .shop-detail-top .goods-info .info-table dl, .content.sub.shop .shop-detail-top .goods-info .info-table dl, .content.search.shop .shop-detail-top .goods-info .info-table dl {
  display: flex;
  min-height: 4.375rem;
  padding: 1.5rem 0;
  align-items: center;
}
.content.login.shop .shop-detail-top .goods-info .info-table dl ~ dl, .content.join.shop .shop-detail-top .goods-info .info-table dl ~ dl, .content.sub.shop .shop-detail-top .goods-info .info-table dl ~ dl, .content.search.shop .shop-detail-top .goods-info .info-table dl ~ dl {
  border-top: 1px solid #d8d8d8;
}
.content.login.shop .shop-detail-top .goods-info .info-table dl.option, .content.join.shop .shop-detail-top .goods-info .info-table dl.option, .content.sub.shop .shop-detail-top .goods-info .info-table dl.option, .content.search.shop .shop-detail-top .goods-info .info-table dl.option {
  flex-wrap: wrap;
}
.content.login.shop .shop-detail-top .goods-info .info-table dl.option dt ~ dt,
.content.login.shop .shop-detail-top .goods-info .info-table dl.option dd ~ dd, .content.join.shop .shop-detail-top .goods-info .info-table dl.option dt ~ dt,
.content.join.shop .shop-detail-top .goods-info .info-table dl.option dd ~ dd, .content.sub.shop .shop-detail-top .goods-info .info-table dl.option dt ~ dt,
.content.sub.shop .shop-detail-top .goods-info .info-table dl.option dd ~ dd, .content.search.shop .shop-detail-top .goods-info .info-table dl.option dt ~ dt,
.content.search.shop .shop-detail-top .goods-info .info-table dl.option dd ~ dd {
  margin-top: 0.5rem;
}
.content.login.shop .shop-detail-top .goods-info .info-table dl.option dd, .content.join.shop .shop-detail-top .goods-info .info-table dl.option dd, .content.sub.shop .shop-detail-top .goods-info .info-table dl.option dd, .content.search.shop .shop-detail-top .goods-info .info-table dl.option dd {
  flex: 0 1 calc(100% - 6.5625rem);
}
.content.login.shop .shop-detail-top .goods-info .info-table dl.option select, .content.join.shop .shop-detail-top .goods-info .info-table dl.option select, .content.sub.shop .shop-detail-top .goods-info .info-table dl.option select, .content.search.shop .shop-detail-top .goods-info .info-table dl.option select {
  width: 100%;
}
.content.login.shop .shop-detail-top .goods-info .info-table dl.selected dt, .content.join.shop .shop-detail-top .goods-info .info-table dl.selected dt, .content.sub.shop .shop-detail-top .goods-info .info-table dl.selected dt, .content.search.shop .shop-detail-top .goods-info .info-table dl.selected dt {
  color: #000000;
  font-size: 1rem;
  font-weight: 500;
  flex: 1 1 auto;
}
.content.login.shop .shop-detail-top .goods-info .info-table dl.selected dd, .content.join.shop .shop-detail-top .goods-info .info-table dl.selected dd, .content.sub.shop .shop-detail-top .goods-info .info-table dl.selected dd, .content.search.shop .shop-detail-top .goods-info .info-table dl.selected dd {
  display: flex;
  align-items: center;
}
.content.login.shop .shop-detail-top .goods-info .info-table dl.selected dd .option-price, .content.join.shop .shop-detail-top .goods-info .info-table dl.selected dd .option-price, .content.sub.shop .shop-detail-top .goods-info .info-table dl.selected dd .option-price, .content.search.shop .shop-detail-top .goods-info .info-table dl.selected dd .option-price {
  margin-left: 1.5rem;
  color: #000000;
  font-weight: 500;
}
.content.login.shop .shop-detail-top .goods-info .info-table dl.selected dd .btn-delete, .content.join.shop .shop-detail-top .goods-info .info-table dl.selected dd .btn-delete, .content.sub.shop .shop-detail-top .goods-info .info-table dl.selected dd .btn-delete, .content.search.shop .shop-detail-top .goods-info .info-table dl.selected dd .btn-delete {
  width: 1rem;
  height: 1rem;
  margin-left: 1rem;
  padding: 0;
}
.content.login.shop .shop-detail-top .goods-info .info-table dl.selected dd .btn-delete .icon-16-del, .content.join.shop .shop-detail-top .goods-info .info-table dl.selected dd .btn-delete .icon-16-del, .content.sub.shop .shop-detail-top .goods-info .info-table dl.selected dd .btn-delete .icon-16-del, .content.search.shop .shop-detail-top .goods-info .info-table dl.selected dd .btn-delete .icon-16-del {
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../images/icon/ic-16-del.svg);
}
.content.login.shop .shop-detail-top .goods-info .info-table dl dt, .content.join.shop .shop-detail-top .goods-info .info-table dl dt, .content.sub.shop .shop-detail-top .goods-info .info-table dl dt, .content.search.shop .shop-detail-top .goods-info .info-table dl dt {
  color: #666666;
  font-size: 0.875rem;
  font-weight: normal;
  flex: 0 1 6.5625rem;
}
.content.login.shop .shop-detail-top .goods-info .info-table dl dd, .content.join.shop .shop-detail-top .goods-info .info-table dl dd, .content.sub.shop .shop-detail-top .goods-info .info-table dl dd, .content.search.shop .shop-detail-top .goods-info .info-table dl dd {
  color: #666666;
  font-size: 0.875rem;
}
.content.login.shop .shop-detail-top .goods-info .total-price dl, .content.join.shop .shop-detail-top .goods-info .total-price dl, .content.sub.shop .shop-detail-top .goods-info .total-price dl, .content.search.shop .shop-detail-top .goods-info .total-price dl {
  display: flex;
  padding: 1.25rem 0;
  align-items: center;
  justify-content: space-between;
}
.content.login.shop .shop-detail-top .goods-info .total-price dl dt, .content.join.shop .shop-detail-top .goods-info .total-price dl dt, .content.sub.shop .shop-detail-top .goods-info .total-price dl dt, .content.search.shop .shop-detail-top .goods-info .total-price dl dt {
  color: #000000;
  font-size: 1rem;
  font-weight: 500;
}
.content.login.shop .shop-detail-top .goods-info .total-price dl dd, .content.join.shop .shop-detail-top .goods-info .total-price dl dd, .content.sub.shop .shop-detail-top .goods-info .total-price dl dd, .content.search.shop .shop-detail-top .goods-info .total-price dl dd {
  font-size: 1.25rem;
  font-weight: 500;
}
.content.login.shop .shop-detail-top .goods-info .total-price dl dd strong, .content.join.shop .shop-detail-top .goods-info .total-price dl dd strong, .content.sub.shop .shop-detail-top .goods-info .total-price dl dd strong, .content.search.shop .shop-detail-top .goods-info .total-price dl dd strong {
  font-size: 1.5rem;
}
.content.login.shop .shop-detail-top .goods-info .btns-group, .content.join.shop .shop-detail-top .goods-info .btns-group, .content.sub.shop .shop-detail-top .goods-info .btns-group, .content.search.shop .shop-detail-top .goods-info .btns-group {
  display: flex;
  align-items: center;
}
.content.login.shop .shop-detail-top .goods-info .btns-group button, .content.join.shop .shop-detail-top .goods-info .btns-group button, .content.sub.shop .shop-detail-top .goods-info .btns-group button, .content.search.shop .shop-detail-top .goods-info .btns-group button {
  height: 3.5rem;
}
.content.login.shop .shop-detail-top .goods-info .btns-group button.wide, .content.join.shop .shop-detail-top .goods-info .btns-group button.wide, .content.sub.shop .shop-detail-top .goods-info .btns-group button.wide, .content.search.shop .shop-detail-top .goods-info .btns-group button.wide {
  flex: 1 1 100%;
}
.content.login.shop .shop-detail-top .goods-info .btns-group button::before, .content.join.shop .shop-detail-top .goods-info .btns-group button::before, .content.sub.shop .shop-detail-top .goods-info .btns-group button::before, .content.search.shop .shop-detail-top .goods-info .btns-group button::before {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
}
.content.login.shop .shop-detail-top .goods-info .btns-group .icon-btns, .content.join.shop .shop-detail-top .goods-info .btns-group .icon-btns, .content.sub.shop .shop-detail-top .goods-info .btns-group .icon-btns, .content.search.shop .shop-detail-top .goods-info .btns-group .icon-btns {
  display: flex;
  margin-left: -0.25rem;
  flex: 0 1 auto;
  align-items: center;
}
.content.login.shop .shop-detail-top .goods-info .btns-group .icon-btns button, .content.join.shop .shop-detail-top .goods-info .btns-group .icon-btns button, .content.sub.shop .shop-detail-top .goods-info .btns-group .icon-btns button, .content.search.shop .shop-detail-top .goods-info .btns-group .icon-btns button {
  width: 7.1875rem;
  flex: 1 1 7.1875rem;
}
.content.login.shop .shop-detail-top .goods-info .btns-group .icon-btns button ~ button, .content.join.shop .shop-detail-top .goods-info .btns-group .icon-btns button ~ button, .content.sub.shop .shop-detail-top .goods-info .btns-group .icon-btns button ~ button, .content.search.shop .shop-detail-top .goods-info .btns-group .icon-btns button ~ button {
  margin-left: -0.75rem;
}
.content.login.shop .shop-detail-top .goods-info .btns-group .icon-btns button .icon-24-nega-share, .content.join.shop .shop-detail-top .goods-info .btns-group .icon-btns button .icon-24-nega-share, .content.sub.shop .shop-detail-top .goods-info .btns-group .icon-btns button .icon-24-nega-share, .content.search.shop .shop-detail-top .goods-info .btns-group .icon-btns button .icon-24-nega-share {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-nega-share.svg);
}
.content.login.shop .shop-detail-top .goods-info .btns-group .icon-btns button .icon-24-nega-like, .content.join.shop .shop-detail-top .goods-info .btns-group .icon-btns button .icon-24-nega-like, .content.sub.shop .shop-detail-top .goods-info .btns-group .icon-btns button .icon-24-nega-like, .content.search.shop .shop-detail-top .goods-info .btns-group .icon-btns button .icon-24-nega-like {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-nega-like.svg);
}
.content.login.shop .shop-detail-top .good-thumbnails, .content.join.shop .shop-detail-top .good-thumbnails, .content.sub.shop .shop-detail-top .good-thumbnails, .content.search.shop .shop-detail-top .good-thumbnails {
  position: relative;
  max-width: calc(50% - 4rem);
  margin: 0 2rem;
  flex: 0 1 50%;
}
.content.login.shop .shop-detail-top .good-thumbnails .big-slider, .content.join.shop .shop-detail-top .good-thumbnails .big-slider, .content.sub.shop .shop-detail-top .good-thumbnails .big-slider, .content.search.shop .shop-detail-top .good-thumbnails .big-slider {
  position: relative;
  width: 100%;
}
.content.login.shop .shop-detail-top .good-thumbnails .big-slider .swiper-wrapper .swiper-slide, .content.join.shop .shop-detail-top .good-thumbnails .big-slider .swiper-wrapper .swiper-slide, .content.sub.shop .shop-detail-top .good-thumbnails .big-slider .swiper-wrapper .swiper-slide, .content.search.shop .shop-detail-top .good-thumbnails .big-slider .swiper-wrapper .swiper-slide {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background-position: center;
  background-color: #ecf0f2;
  background-repeat: no-repeat;
  background-size: contain;
}
.content.login.shop .shop-detail-top .good-thumbnails .thumb-slider, .content.join.shop .shop-detail-top .good-thumbnails .thumb-slider, .content.sub.shop .shop-detail-top .good-thumbnails .thumb-slider, .content.search.shop .shop-detail-top .good-thumbnails .thumb-slider {
  display: flex;
  margin: 1rem 0;
  align-items: center;
  justify-content: center;
}
.content.login.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper, .content.join.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper, .content.sub.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper, .content.search.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper {
  display: inline-flex;
  width: auto;
}
.content.login.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper .swiper-slide, .content.join.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper .swiper-slide, .content.sub.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper .swiper-slide, .content.search.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper .swiper-slide {
  width: 4.25rem;
  height: 4.25rem;
  margin: 0 0.25rem;
  background-position: center;
  background-color: #ecf0f2;
  background-size: contain;
}
.content.login.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper .swiper-slide.swiper-slide-thumb-active, .content.join.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper .swiper-slide.swiper-slide-thumb-active, .content.sub.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper .swiper-slide.swiper-slide-thumb-active, .content.search.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  border: 1px solid #000000;
}
.content.login.shop .related-goods, .content.join.shop .related-goods, .content.sub.shop .related-goods, .content.search.shop .related-goods {
  margin-top: 5.5rem;
}
.content.login.shop .related-goods h2, .content.join.shop .related-goods h2, .content.sub.shop .related-goods h2, .content.search.shop .related-goods h2 {
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
}
.content.login.shop .related-goods .swiper-wrapper, .content.join.shop .related-goods .swiper-wrapper, .content.sub.shop .related-goods .swiper-wrapper, .content.search.shop .related-goods .swiper-wrapper {
  width: auto;
  margin-right: -0.4375rem;
  margin-left: -0.4375rem;
}
.content.login.shop .related-goods .swiper-wrapper .goods-item, .content.join.shop .related-goods .swiper-wrapper .goods-item, .content.sub.shop .related-goods .swiper-wrapper .goods-item, .content.search.shop .related-goods .swiper-wrapper .goods-item {
  padding: 0 0.4375rem;
  flex: 0 0 16.6666666667%;
}
.content.login.shop .related-goods .swiper-wrapper .goods-item .goods-img, .content.join.shop .related-goods .swiper-wrapper .goods-item .goods-img, .content.sub.shop .related-goods .swiper-wrapper .goods-item .goods-img, .content.search.shop .related-goods .swiper-wrapper .goods-item .goods-img {
  position: relative;
  padding-top: 100%;
  background-position: center;
  background-color: #ecf0f2;
  background-size: contain;
  background-repeat: no-repeat;
}
.content.login.shop .related-goods .swiper-wrapper .goods-item .goods-img a, .content.join.shop .related-goods .swiper-wrapper .goods-item .goods-img a, .content.sub.shop .related-goods .swiper-wrapper .goods-item .goods-img a, .content.search.shop .related-goods .swiper-wrapper .goods-item .goods-img a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content.login.shop .related-goods .swiper-wrapper .goods-item .goods-title, .content.join.shop .related-goods .swiper-wrapper .goods-item .goods-title, .content.sub.shop .related-goods .swiper-wrapper .goods-item .goods-title, .content.search.shop .related-goods .swiper-wrapper .goods-item .goods-title {
  margin-top: 0.6875rem;
}
.content.login.shop .related-goods .swiper-wrapper .goods-item .goods-title a, .content.join.shop .related-goods .swiper-wrapper .goods-item .goods-title a, .content.sub.shop .related-goods .swiper-wrapper .goods-item .goods-title a, .content.search.shop .related-goods .swiper-wrapper .goods-item .goods-title a {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.content.login.shop .related-goods .swiper-wrapper .goods-item .price, .content.join.shop .related-goods .swiper-wrapper .goods-item .price, .content.sub.shop .related-goods .swiper-wrapper .goods-item .price, .content.search.shop .related-goods .swiper-wrapper .goods-item .price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.content.login.shop .related-goods .swiper-wrapper .goods-item .price .discount-rate, .content.join.shop .related-goods .swiper-wrapper .goods-item .price .discount-rate, .content.sub.shop .related-goods .swiper-wrapper .goods-item .price .discount-rate, .content.search.shop .related-goods .swiper-wrapper .goods-item .price .discount-rate {
  margin-right: 0.25rem;
  font-size: 1.25rem;
  font-weight: 500;
}
.content.login.shop .related-goods .swiper-wrapper .goods-item .price .calc-price, .content.join.shop .related-goods .swiper-wrapper .goods-item .price .calc-price, .content.sub.shop .related-goods .swiper-wrapper .goods-item .price .calc-price, .content.search.shop .related-goods .swiper-wrapper .goods-item .price .calc-price {
  margin-right: 0.25rem;
  font-size: 0.875rem;
}
.content.login.shop .related-goods .swiper-wrapper .goods-item .price .calc-price strong, .content.join.shop .related-goods .swiper-wrapper .goods-item .price .calc-price strong, .content.sub.shop .related-goods .swiper-wrapper .goods-item .price .calc-price strong, .content.search.shop .related-goods .swiper-wrapper .goods-item .price .calc-price strong {
  font-size: 1.25rem;
  font-weight: 500;
}
.content.login.shop .related-goods .swiper-wrapper .goods-item .price .origin-price, .content.join.shop .related-goods .swiper-wrapper .goods-item .price .origin-price, .content.sub.shop .related-goods .swiper-wrapper .goods-item .price .origin-price, .content.search.shop .related-goods .swiper-wrapper .goods-item .price .origin-price {
  margin-right: 0.25rem;
  text-decoration: line-through;
  color: #666666;
  font-size: 1rem;
}
.content.login.shop .related-goods .swiper-wrapper .goods-item .price .origin-price strong, .content.join.shop .related-goods .swiper-wrapper .goods-item .price .origin-price strong, .content.sub.shop .related-goods .swiper-wrapper .goods-item .price .origin-price strong, .content.search.shop .related-goods .swiper-wrapper .goods-item .price .origin-price strong {
  font-weight: normal;
}
.content.login.shop .shop-detail-content-row, .content.join.shop .shop-detail-content-row, .content.sub.shop .shop-detail-content-row, .content.search.shop .shop-detail-content-row {
  display: flex;
  align-items: stretch;
  margin-right: -1rem;
  margin-left: -1rem;
}
.content.login.shop .shop-detail-content-row .content-group, .content.join.shop .shop-detail-content-row .content-group, .content.sub.shop .shop-detail-content-row .content-group, .content.search.shop .shop-detail-content-row .content-group {
  max-width: calc(100% - 20rem - 4rem);
  margin: 0 1rem;
  padding-top: 3rem;
  padding-bottom: 7.5rem;
  flex: 1 1 calc(100% - 20rem);
}
.content.login.shop .shop-detail-content-row .content-options, .content.join.shop .shop-detail-content-row .content-options, .content.sub.shop .shop-detail-content-row .content-options, .content.search.shop .shop-detail-content-row .content-options {
  position: relative;
  margin: 0 1rem;
  border-right: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  flex: 1 0 20rem;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info, .content.join.shop .shop-detail-content-row .content-options .goods-info, .content.sub.shop .shop-detail-content-row .content-options .goods-info, .content.search.shop .shop-detail-content-row .content-options .goods-info {
  max-width: calc(50% - 4rem);
  margin: 0 2rem;
  flex: 0 1 50%;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .shop-name, .content.join.shop .shop-detail-content-row .content-options .goods-info .shop-name, .content.sub.shop .shop-detail-content-row .content-options .goods-info .shop-name, .content.search.shop .shop-detail-content-row .content-options .goods-info .shop-name {
  margin-bottom: 0.75rem;
  color: #666666;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .goods-title, .content.join.shop .shop-detail-content-row .content-options .goods-info .goods-title, .content.sub.shop .shop-detail-content-row .content-options .goods-info .goods-title, .content.search.shop .shop-detail-content-row .content-options .goods-info .goods-title {
  margin-bottom: 2.25rem;
  word-break: keep-all;
  font-size: 1.25rem;
  font-weight: 500;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .price, .content.join.shop .shop-detail-content-row .content-options .goods-info .price, .content.sub.shop .shop-detail-content-row .content-options .goods-info .price, .content.search.shop .shop-detail-content-row .content-options .goods-info .price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .price .origin, .content.join.shop .shop-detail-content-row .content-options .goods-info .price .origin, .content.sub.shop .shop-detail-content-row .content-options .goods-info .price .origin, .content.search.shop .shop-detail-content-row .content-options .goods-info .price .origin {
  text-decoration: line-through;
  color: #999999;
  flex: 0 1 100%;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .price .origin strong, .content.join.shop .shop-detail-content-row .content-options .goods-info .price .origin strong, .content.sub.shop .shop-detail-content-row .content-options .goods-info .price .origin strong, .content.search.shop .shop-detail-content-row .content-options .goods-info .price .origin strong {
  font-size: 1.25rem;
  font-weight: normal;
  font-style: italic;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .price .discount-rate, .content.join.shop .shop-detail-content-row .content-options .goods-info .price .discount-rate, .content.sub.shop .shop-detail-content-row .content-options .goods-info .price .discount-rate, .content.search.shop .shop-detail-content-row .content-options .goods-info .price .discount-rate {
  margin-right: 0.25rem;
  font-size: 1.5rem;
  font-weight: bold;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .price .calc-price, .content.join.shop .shop-detail-content-row .content-options .goods-info .price .calc-price, .content.sub.shop .shop-detail-content-row .content-options .goods-info .price .calc-price, .content.search.shop .shop-detail-content-row .content-options .goods-info .price .calc-price {
  font-size: 1.25rem;
  font-weight: 500;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .price .calc-price strong, .content.join.shop .shop-detail-content-row .content-options .goods-info .price .calc-price strong, .content.sub.shop .shop-detail-content-row .content-options .goods-info .price .calc-price strong, .content.search.shop .shop-detail-content-row .content-options .goods-info .price .calc-price strong {
  font-size: 1.5rem;
  font-weight: bold;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .price .btn-coupon, .content.join.shop .shop-detail-content-row .content-options .goods-info .price .btn-coupon, .content.sub.shop .shop-detail-content-row .content-options .goods-info .price .btn-coupon, .content.search.shop .shop-detail-content-row .content-options .goods-info .price .btn-coupon {
  height: 2rem;
  margin-left: 1rem;
  padding: 0 1rem;
  border: 1px solid #666666;
  border-radius: 1rem;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .price .btn-coupon .icon-24-download, .content.join.shop .shop-detail-content-row .content-options .goods-info .price .btn-coupon .icon-24-download, .content.sub.shop .shop-detail-content-row .content-options .goods-info .price .btn-coupon .icon-24-download, .content.search.shop .shop-detail-content-row .content-options .goods-info .price .btn-coupon .icon-24-download {
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 0.5rem;
  background-image: url(../images/icon/ic-24-download.svg);
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table {
  margin-top: 2rem;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl {
  display: flex;
  min-height: 4.375rem;
  padding: 1.5rem 0;
  align-items: center;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl ~ dl, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl ~ dl, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl ~ dl, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl ~ dl {
  border-top: 1px solid #d8d8d8;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option {
  flex-wrap: wrap;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option dt ~ dt,
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option dd ~ dd, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option dt ~ dt,
.content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option dd ~ dd, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option dt ~ dt,
.content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option dd ~ dd, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option dt ~ dt,
.content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option dd ~ dd {
  margin-top: 0.5rem;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option dd, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option dd, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option dd, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option dd {
  flex: 0 1 calc(100% - 6.5625rem);
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option select, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option select, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option select, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl.option select {
  width: 100%;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dt, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dt, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dt, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dt {
  color: #000000;
  font-size: 1rem;
  font-weight: 500;
  flex: 1 1 auto;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd {
  display: flex;
  align-items: center;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .option-price, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .option-price, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .option-price, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .option-price {
  margin-left: 1.5rem;
  color: #000000;
  font-weight: 500;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .btn-delete, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .btn-delete, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .btn-delete, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .btn-delete {
  width: 1rem;
  height: 1rem;
  margin-left: 1rem;
  padding: 0;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .btn-delete .icon-16-del, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .btn-delete .icon-16-del, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .btn-delete .icon-16-del, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .btn-delete .icon-16-del {
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../images/icon/ic-16-del.svg);
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl dt, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl dt, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl dt, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl dt {
  color: #666666;
  font-size: 0.875rem;
  font-weight: normal;
  flex: 0 1 6.5625rem;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl dd, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl dd, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl dd, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl dd {
  color: #666666;
  font-size: 0.875rem;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .total-price dl, .content.join.shop .shop-detail-content-row .content-options .goods-info .total-price dl, .content.sub.shop .shop-detail-content-row .content-options .goods-info .total-price dl, .content.search.shop .shop-detail-content-row .content-options .goods-info .total-price dl {
  display: flex;
  padding: 1.25rem 0;
  align-items: center;
  justify-content: space-between;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .total-price dl dt, .content.join.shop .shop-detail-content-row .content-options .goods-info .total-price dl dt, .content.sub.shop .shop-detail-content-row .content-options .goods-info .total-price dl dt, .content.search.shop .shop-detail-content-row .content-options .goods-info .total-price dl dt {
  color: #000000;
  font-size: 1rem;
  font-weight: 500;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .total-price dl dd, .content.join.shop .shop-detail-content-row .content-options .goods-info .total-price dl dd, .content.sub.shop .shop-detail-content-row .content-options .goods-info .total-price dl dd, .content.search.shop .shop-detail-content-row .content-options .goods-info .total-price dl dd {
  font-size: 1.25rem;
  font-weight: 500;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .total-price dl dd strong, .content.join.shop .shop-detail-content-row .content-options .goods-info .total-price dl dd strong, .content.sub.shop .shop-detail-content-row .content-options .goods-info .total-price dl dd strong, .content.search.shop .shop-detail-content-row .content-options .goods-info .total-price dl dd strong {
  font-size: 1.5rem;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .btns-group, .content.join.shop .shop-detail-content-row .content-options .goods-info .btns-group, .content.sub.shop .shop-detail-content-row .content-options .goods-info .btns-group, .content.search.shop .shop-detail-content-row .content-options .goods-info .btns-group {
  display: flex;
  align-items: center;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .btns-group button, .content.join.shop .shop-detail-content-row .content-options .goods-info .btns-group button, .content.sub.shop .shop-detail-content-row .content-options .goods-info .btns-group button, .content.search.shop .shop-detail-content-row .content-options .goods-info .btns-group button {
  height: 3.5rem;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .btns-group button.wide, .content.join.shop .shop-detail-content-row .content-options .goods-info .btns-group button.wide, .content.sub.shop .shop-detail-content-row .content-options .goods-info .btns-group button.wide, .content.search.shop .shop-detail-content-row .content-options .goods-info .btns-group button.wide {
  flex: 1 1 100%;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .btns-group button::before, .content.join.shop .shop-detail-content-row .content-options .goods-info .btns-group button::before, .content.sub.shop .shop-detail-content-row .content-options .goods-info .btns-group button::before, .content.search.shop .shop-detail-content-row .content-options .goods-info .btns-group button::before {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns, .content.join.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns, .content.sub.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns, .content.search.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns {
  display: flex;
  margin-left: -0.25rem;
  flex: 0 1 auto;
  align-items: center;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button, .content.join.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button, .content.sub.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button, .content.search.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button {
  width: 7.1875rem;
  flex: 1 1 7.1875rem;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button ~ button, .content.join.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button ~ button, .content.sub.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button ~ button, .content.search.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button ~ button {
  margin-left: -0.75rem;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button .icon-24-nega-share, .content.join.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button .icon-24-nega-share, .content.sub.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button .icon-24-nega-share, .content.search.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button .icon-24-nega-share {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-nega-share.svg);
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button .icon-24-nega-like, .content.join.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button .icon-24-nega-like, .content.sub.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button .icon-24-nega-like, .content.search.shop .shop-detail-content-row .content-options .goods-info .btns-group .icon-btns button .icon-24-nega-like {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-nega-like.svg);
}
.content.login.shop .shop-detail-content-row .content-options .goods-info, .content.join.shop .shop-detail-content-row .content-options .goods-info, .content.sub.shop .shop-detail-content-row .content-options .goods-info, .content.search.shop .shop-detail-content-row .content-options .goods-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table {
  margin-top: 0;
  border-top: none;
  border-bottom: 2px solid #000000;
  flex: 0 0 auto;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl {
  padding: 1.5rem 1rem;
  flex-wrap: wrap;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dt, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dt, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dt, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dt {
  margin-bottom: 1rem;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd {
  flex: 1 1 auto;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .option-price, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .option-price, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .option-price, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .option-price {
  margin-left: auto;
  text-align: right;
  flex: 1 1 auto;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .btn-delete, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .btn-delete, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .btn-delete, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table dl.selected dd .btn-delete {
  flex: 0 0 auto;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .total-price, .content.join.shop .shop-detail-content-row .content-options .goods-info .total-price, .content.sub.shop .shop-detail-content-row .content-options .goods-info .total-price, .content.search.shop .shop-detail-content-row .content-options .goods-info .total-price {
  margin-top: auto;
  border-top: 1px solid #d8d8d8;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .total-price dl, .content.join.shop .shop-detail-content-row .content-options .goods-info .total-price dl, .content.sub.shop .shop-detail-content-row .content-options .goods-info .total-price dl, .content.search.shop .shop-detail-content-row .content-options .goods-info .total-price dl {
  padding: 1.25rem 1rem;
}
.content.login.shop .shop-detail-content-row .content-options .goods-info .btns-group, .content.join.shop .shop-detail-content-row .content-options .goods-info .btns-group, .content.sub.shop .shop-detail-content-row .content-options .goods-info .btns-group, .content.search.shop .shop-detail-content-row .content-options .goods-info .btns-group {
  padding: 1rem;
  flex-wrap: wrap;
}
.content.login.shop .goods-detail-info img, .content.join.shop .goods-detail-info img, .content.sub.shop .goods-detail-info img, .content.search.shop .goods-detail-info img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.content.login.shop .review-list, .content.join.shop .review-list, .content.sub.shop .review-list, .content.search.shop .review-list {
  position: relative;
  width: 100%;
}
.content.login.shop .review-list .review-score, .content.join.shop .review-list .review-score, .content.sub.shop .review-list .review-score, .content.search.shop .review-list .review-score {
  display: flex;
  margin-bottom: 3rem;
  align-items: stretch;
}
.content.login.shop .review-list .review-score .score, .content.join.shop .review-list .review-score .score, .content.sub.shop .review-list .review-score .score, .content.search.shop .review-list .review-score .score {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
}
.content.login.shop .review-list .review-score .score h3, .content.join.shop .review-list .review-score .score h3, .content.sub.shop .review-list .review-score .score h3, .content.search.shop .review-list .review-score .score h3 {
  margin-right: 1rem;
  font-size: 1.25rem;
}
.content.login.shop .review-list .review-score .score p, .content.join.shop .review-list .review-score .score p, .content.sub.shop .review-list .review-score .score p, .content.search.shop .review-list .review-score .score p {
  color: #666666;
  font-size: 0.875rem;
}
.content.login.shop .review-list .review-score .score .stars, .content.join.shop .review-list .review-score .score .stars, .content.sub.shop .review-list .review-score .score .stars, .content.search.shop .review-list .review-score .score .stars {
  display: flex;
  align-items: center;
  flex: 1 1 100%;
}
.content.login.shop .review-list .review-score .score .stars i ~ i, .content.join.shop .review-list .review-score .score .stars i ~ i, .content.sub.shop .review-list .review-score .score .stars i ~ i, .content.search.shop .review-list .review-score .score .stars i ~ i {
  margin-left: 0.25rem;
}
.content.login.shop .review-list .review-score .score .stars .icon-32-grade, .content.join.shop .review-list .review-score .score .stars .icon-32-grade, .content.sub.shop .review-list .review-score .score .stars .icon-32-grade, .content.search.shop .review-list .review-score .score .stars .icon-32-grade {
  display: block;
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-image: url(../images/icon/ic-32-grade-none.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.content.login.shop .review-list .review-score .score .stars .icon-32-grade.on, .content.join.shop .review-list .review-score .score .stars .icon-32-grade.on, .content.sub.shop .review-list .review-score .score .stars .icon-32-grade.on, .content.search.shop .review-list .review-score .score .stars .icon-32-grade.on {
  background-image: url(../images/icon/ic-32-grade-sel.svg);
}
.content.login.shop .review-list .review-score .score .stars .value, .content.join.shop .review-list .review-score .score .stars .value, .content.sub.shop .review-list .review-score .score .stars .value, .content.search.shop .review-list .review-score .score .stars .value {
  margin-left: 1.5rem;
  color: #999999;
  font-size: 2rem;
  font-weight: 300;
}
.content.login.shop .review-list .review-score .score .stars .value strong, .content.join.shop .review-list .review-score .score .stars .value strong, .content.sub.shop .review-list .review-score .score .stars .value strong, .content.search.shop .review-list .review-score .score .stars .value strong {
  color: #000000;
  font-weight: 500;
}
.content.login.shop .review-list .review-score .count, .content.join.shop .review-list .review-score .count, .content.sub.shop .review-list .review-score .count, .content.search.shop .review-list .review-score .count {
  padding: 0 2.5rem;
  border-left: 1px solid #d8d8d8;
  flex: 0 0 auto;
}
.content.login.shop .review-list .review-score .count dl, .content.join.shop .review-list .review-score .count dl, .content.sub.shop .review-list .review-score .count dl, .content.search.shop .review-list .review-score .count dl {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.content.login.shop .review-list .review-score .count dl dt, .content.join.shop .review-list .review-score .count dl dt, .content.sub.shop .review-list .review-score .count dl dt, .content.search.shop .review-list .review-score .count dl dt {
  color: #666666;
  font-size: 0.875rem;
  font-weight: normal;
}
.content.login.shop .review-list .review-score .count dl dd, .content.join.shop .review-list .review-score .count dl dd, .content.sub.shop .review-list .review-score .count dl dd, .content.search.shop .review-list .review-score .count dl dd {
  font-size: 2rem;
}
.content.login.shop .review-list .review-score .count dl dd strong, .content.join.shop .review-list .review-score .count dl dd strong, .content.sub.shop .review-list .review-score .count dl dd strong, .content.search.shop .review-list .review-score .count dl dd strong {
  font-weight: 500;
}
.content.login.shop .refund-rulls h3, .content.join.shop .refund-rulls h3, .content.sub.shop .refund-rulls h3, .content.search.shop .refund-rulls h3 {
  margin-top: 2.1875rem;
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
}
.content.login.shop .refund-rulls .rull-note, .content.join.shop .refund-rulls .rull-note, .content.sub.shop .refund-rulls .rull-note, .content.search.shop .refund-rulls .rull-note {
  margin-top: 1rem;
  color: #666666;
  font-size: 0.875rem;
}
.content.login.shop .refund-rulls .rull-note h4, .content.join.shop .refund-rulls .rull-note h4, .content.sub.shop .refund-rulls .rull-note h4, .content.search.shop .refund-rulls .rull-note h4 {
  color: #000000;
  font-size: 0.875rem;
  font-weight: 500;
}
.content.login.shop .refund-rulls .rull-note ul li, .content.join.shop .refund-rulls .rull-note ul li, .content.sub.shop .refund-rulls .rull-note ul li, .content.search.shop .refund-rulls .rull-note ul li {
  display: flex;
  align-items: flex-start;
}
.content.login.shop .refund-rulls .rull-note ul li::before, .content.join.shop .refund-rulls .rull-note ul li::before, .content.sub.shop .refund-rulls .rull-note ul li::before, .content.search.shop .refund-rulls .rull-note ul li::before {
  margin-right: 0.25em;
  content: "ㆍ";
  text-decoration: none;
}
.content.login.shop .refund-rulls .rull-note ul li.font-primary span, .content.join.shop .refund-rulls .rull-note ul li.font-primary span, .content.sub.shop .refund-rulls .rull-note ul li.font-primary span, .content.search.shop .refund-rulls .rull-note ul li.font-primary span {
  text-decoration: underline;
}
.content.login.shop .refund-rulls .rull-note ul li.font-primary::before, .content.join.shop .refund-rulls .rull-note ul li.font-primary::before, .content.sub.shop .refund-rulls .rull-note ul li.font-primary::before, .content.search.shop .refund-rulls .rull-note ul li.font-primary::before {
  text-decoration: none;
}
.content.login.shop .refund-rulls ~ .btn-more, .content.join.shop .refund-rulls ~ .btn-more, .content.sub.shop .refund-rulls ~ .btn-more, .content.search.shop .refund-rulls ~ .btn-more {
  display: none;
}
.content.login.shop .shop-category-list > ul, .content.join.shop .shop-category-list > ul, .content.sub.shop .shop-category-list > ul, .content.search.shop .shop-category-list > ul {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}
.content.login.shop .shop-category-list .goods-item, .content.join.shop .shop-category-list .goods-item, .content.sub.shop .shop-category-list .goods-item, .content.search.shop .shop-category-list .goods-item {
  max-width: calc(25% - 1.5rem);
  flex: 1 0 25%;
}
.content.login.shop .seller-top, .content.join.shop .seller-top, .content.sub.shop .seller-top, .content.search.shop .seller-top {
  z-index: 1;
  width: 100%;
  max-width: calc(100vw - 5rem);
  text-align: center;
  flex: 1 1 100%;
  margin-bottom: 2.5rem !important;
}
.content.login.shop .seller-top .seller-title, .content.join.shop .seller-top .seller-title, .content.sub.shop .seller-top .seller-title, .content.search.shop .seller-top .seller-title {
  position: relative;
  margin-bottom: 1rem;
}
.content.login.shop .seller-top .seller-title h2, .content.join.shop .seller-top .seller-title h2, .content.sub.shop .seller-top .seller-title h2, .content.search.shop .seller-top .seller-title h2 {
  display: flex;
  font-size: 1.5rem;
  font-weight: 500;
  align-items: center;
  justify-content: center;
}
.content.login.shop .seller-top .seller-title h2 .btn-like, .content.join.shop .seller-top .seller-title h2 .btn-like, .content.sub.shop .seller-top .seller-title h2 .btn-like, .content.search.shop .seller-top .seller-title h2 .btn-like {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 1rem;
  padding: 0;
}
.content.login.shop .seller-top .seller-title h2 .btn-like.on .icon-like, .content.join.shop .seller-top .seller-title h2 .btn-like.on .icon-like, .content.sub.shop .seller-top .seller-title h2 .btn-like.on .icon-like, .content.search.shop .seller-top .seller-title h2 .btn-like.on .icon-like {
  background-image: url(../images/icon/ic-24-like-sel.svg);
}
.content.login.shop .seller-top .seller-title h2 .btn-like .icon-like, .content.join.shop .seller-top .seller-title h2 .btn-like .icon-like, .content.sub.shop .seller-top .seller-title h2 .btn-like .icon-like, .content.search.shop .seller-top .seller-title h2 .btn-like .icon-like {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-like.svg);
}
.content.login.shop .seller-top .seller-title .btn-seller-info, .content.join.shop .seller-top .seller-title .btn-seller-info, .content.sub.shop .seller-top .seller-title .btn-seller-info, .content.search.shop .seller-top .seller-title .btn-seller-info {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0;
  transform: translateY(-50%);
  color: #666666;
  font-size: 0.875rem;
}
.content.login.shop .seller-top .seller-title .btn-seller-info .icon-16-down, .content.join.shop .seller-top .seller-title .btn-seller-info .icon-16-down, .content.sub.shop .seller-top .seller-title .btn-seller-info .icon-16-down, .content.search.shop .seller-top .seller-title .btn-seller-info .icon-16-down {
  display: block;
  width: 1rem;
  height: 1rem;
  margin-left: 0.25rem;
  background-image: url(../images/icon/ic-16-down.svg);
}
.content.login.shop .seller-top .seller-title .seller-info-table, .content.join.shop .seller-top .seller-title .seller-info-table, .content.sub.shop .seller-top .seller-title .seller-info-table, .content.search.shop .seller-top .seller-title .seller-info-table {
  position: absolute;
  z-index: 1;
  top: 100%;
  right: 0;
  width: 21.25rem;
  padding: 1.25rem 1rem;
  text-align: left;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  font-size: 0.875rem;
}
.content.login.shop .seller-top .seller-title .seller-info-table table, .content.join.shop .seller-top .seller-title .seller-info-table table, .content.sub.shop .seller-top .seller-title .seller-info-table table, .content.search.shop .seller-top .seller-title .seller-info-table table {
  table-layout: fixed;
  color: #666666;
}
.content.login.shop .seller-top .seller-title .seller-info-table tbody tr th, .content.join.shop .seller-top .seller-title .seller-info-table tbody tr th, .content.sub.shop .seller-top .seller-title .seller-info-table tbody tr th, .content.search.shop .seller-top .seller-title .seller-info-table tbody tr th {
  font-weight: normal;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.content.login.shop .seller-top .seller-title .seller-info-table tbody tr td, .content.join.shop .seller-top .seller-title .seller-info-table tbody tr td, .content.sub.shop .seller-top .seller-title .seller-info-table tbody tr td, .content.search.shop .seller-top .seller-title .seller-info-table tbody tr td {
  word-break: keep-all;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.content.login.shop .seller-top .seller-title .seller-info-table .btn-close, .content.join.shop .seller-top .seller-title .seller-info-table .btn-close, .content.sub.shop .seller-top .seller-title .seller-info-table .btn-close, .content.search.shop .seller-top .seller-title .seller-info-table .btn-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 1rem;
  height: 1rem;
  padding: 0;
}
.content.login.shop .seller-top .seller-title .seller-info-table .btn-close .icon-16-close, .content.join.shop .seller-top .seller-title .seller-info-table .btn-close .icon-16-close, .content.sub.shop .seller-top .seller-title .seller-info-table .btn-close .icon-16-close, .content.search.shop .seller-top .seller-title .seller-info-table .btn-close .icon-16-close {
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../images/icon/ic-16-close.svg);
}
.content.login.shop .seller-top .shop-top-visual.swiper-container, .content.join.shop .seller-top .shop-top-visual.swiper-container, .content.sub.shop .seller-top .shop-top-visual.swiper-container, .content.search.shop .seller-top .shop-top-visual.swiper-container {
  position: relative;
  z-index: 0;
  overflow: visible;
  max-width: 82.5rem;
}
.content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-wrapper .swiper-slide, .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-wrapper .swiper-slide, .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-wrapper .swiper-slide, .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-wrapper .swiper-slide {
  height: 25rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev,
.content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next, .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev,
.content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next, .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev,
.content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next, .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev,
.content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next {
  width: 2rem;
  height: 2rem;
  padding: 0;
  color: #000000;
}
.content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev::after,
.content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next::after, .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev::after,
.content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next::after, .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev::after,
.content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next::after, .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev::after,
.content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next::after {
  margin: 0 auto;
  font-size: 2rem;
  font-weight: bold;
}
.content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev, .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev, .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev, .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev {
  left: 0;
  transform: translate(calc(-100% - 0.75rem), -50%);
}
.content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next, .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next, .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next, .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next {
  right: 0;
  transform: translate(calc(100% + 0.75rem), -50%);
}
.content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination, .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination, .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination, .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}
.content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination .swiper-pagination-bullet, .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination .swiper-pagination-bullet, .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination .swiper-pagination-bullet, .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.375rem;
  background-color: #ffffff;
}
.content.login.shop .shop-row, .content.join.shop .shop-row, .content.sub.shop .shop-row, .content.search.shop .shop-row {
  display: flex;
  padding-bottom: 7.5rem;
  flex-wrap: wrap;
  margin-right: -1.625rem;
  margin-left: -1.625rem;
}
.content.login.shop .shop-row .col, .content.join.shop .shop-row .col, .content.sub.shop .shop-row .col, .content.search.shop .shop-row .col {
  margin: 0 1.625rem;
}
.content.login.shop .shop-row .col.shop-left-menu, .content.join.shop .shop-row .col.shop-left-menu, .content.sub.shop .shop-row .col.shop-left-menu, .content.search.shop .shop-row .col.shop-left-menu {
  flex: 0 0 11.5rem;
}
.content.login.shop .shop-row .col.shop-category-list, .content.join.shop .shop-row .col.shop-category-list, .content.sub.shop .shop-row .col.shop-category-list, .content.search.shop .shop-row .col.shop-category-list {
  flex: 0 0 calc(100% - 18rem);
}
.content.login.shop .shop-row .col.shop-category-list ul .goods-item, .content.join.shop .shop-row .col.shop-category-list ul .goods-item, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item, .content.search.shop .shop-row .col.shop-category-list ul .goods-item {
  max-width: calc(25% - 1.25rem);
  margin-right: 0.625rem;
  margin-left: 0.625rem;
}
.content.login.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .title a, .content.join.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .title a, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .title a, .content.search.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .title a {
  font-size: 1rem;
}
.content.login.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .discount-rate, .content.join.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .discount-rate, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .discount-rate, .content.search.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .discount-rate {
  font-size: 1.25rem;
}
.content.login.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price, .content.join.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price, .content.search.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price {
  font-size: 0.875rem;
}
.content.login.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price strong, .content.join.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price strong, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price strong, .content.search.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price strong {
  font-size: 1.25rem;
}
.content.login.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price, .content.join.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price, .content.search.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price {
  font-size: 0.875rem;
}
.content.login.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price strong, .content.join.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price strong, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price strong, .content.search.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price strong {
  font-size: 1rem;
}
.content.login.shop .shop-row .shop-left-menu, .content.join.shop .shop-row .shop-left-menu, .content.sub.shop .shop-row .shop-left-menu, .content.search.shop .shop-row .shop-left-menu {
  margin-top: 3rem;
  padding: 1rem 0;
  border-top: 2px solid #000000;
}
.content.login.shop .shop-row .shop-left-menu.disabled, .content.join.shop .shop-row .shop-left-menu.disabled, .content.sub.shop .shop-row .shop-left-menu.disabled, .content.search.shop .shop-row .shop-left-menu.disabled {
  display: block;
}
.content.login.shop .shop-row .shop-left-menu.disabled .swiper-wrapper, .content.join.shop .shop-row .shop-left-menu.disabled .swiper-wrapper, .content.sub.shop .shop-row .shop-left-menu.disabled .swiper-wrapper, .content.search.shop .shop-row .shop-left-menu.disabled .swiper-wrapper {
  display: block;
}
.content.login.shop .shop-row .shop-left-menu.disabled .swiper-wrapper .swiper-slide, .content.join.shop .shop-row .shop-left-menu.disabled .swiper-wrapper .swiper-slide, .content.sub.shop .shop-row .shop-left-menu.disabled .swiper-wrapper .swiper-slide, .content.search.shop .shop-row .shop-left-menu.disabled .swiper-wrapper .swiper-slide {
  height: auto;
}
.content.login.shop .shop-row .shop-left-menu .depth1, .content.join.shop .shop-row .shop-left-menu .depth1, .content.sub.shop .shop-row .shop-left-menu .depth1, .content.search.shop .shop-row .shop-left-menu .depth1 {
  font-size: 1rem;
}
.content.login.shop .shop-row .shop-left-menu .depth1 > li.expanded.has-child > a, .content.join.shop .shop-row .shop-left-menu .depth1 > li.expanded.has-child > a, .content.sub.shop .shop-row .shop-left-menu .depth1 > li.expanded.has-child > a, .content.search.shop .shop-row .shop-left-menu .depth1 > li.expanded.has-child > a {
  background-image: url(../images/icon/ic-16-minus.svg);
}
.content.login.shop .shop-row .shop-left-menu .depth1 > li.has-child > a, .content.join.shop .shop-row .shop-left-menu .depth1 > li.has-child > a, .content.sub.shop .shop-row .shop-left-menu .depth1 > li.has-child > a, .content.search.shop .shop-row .shop-left-menu .depth1 > li.has-child > a {
  background-position: right center;
  background-image: url(../images/icon/ic-16-plus.svg);
  background-repeat: no-repeat;
}
.content.login.shop .shop-row .shop-left-menu .depth1 li a, .content.join.shop .shop-row .shop-left-menu .depth1 li a, .content.sub.shop .shop-row .shop-left-menu .depth1 li a, .content.search.shop .shop-row .shop-left-menu .depth1 li a {
  display: block;
}
.content.login.shop .shop-row .shop-left-menu .depth1 li ~ li, .content.join.shop .shop-row .shop-left-menu .depth1 li ~ li, .content.sub.shop .shop-row .shop-left-menu .depth1 li ~ li, .content.search.shop .shop-row .shop-left-menu .depth1 li ~ li {
  margin-top: 1rem;
}
.content.login.shop .shop-row .shop-left-menu .depth1 li.on > a, .content.join.shop .shop-row .shop-left-menu .depth1 li.on > a, .content.sub.shop .shop-row .shop-left-menu .depth1 li.on > a, .content.search.shop .shop-row .shop-left-menu .depth1 li.on > a {
  color: #ff0000;
}
.content.login.shop .shop-row .shop-left-menu .depth1 li.expanded .depth2, .content.join.shop .shop-row .shop-left-menu .depth1 li.expanded .depth2, .content.sub.shop .shop-row .shop-left-menu .depth1 li.expanded .depth2, .content.search.shop .shop-row .shop-left-menu .depth1 li.expanded .depth2 {
  display: block;
}
.content.login.shop .shop-row .shop-left-menu .depth1 .depth2, .content.join.shop .shop-row .shop-left-menu .depth1 .depth2, .content.sub.shop .shop-row .shop-left-menu .depth1 .depth2, .content.search.shop .shop-row .shop-left-menu .depth1 .depth2 {
  display: none;
  margin-left: 0.5rem;
  padding: 0.375rem 0;
  color: #666666;
  font-size: 0.875rem;
}
.content.login.shop .shop-row .shop-left-menu .depth1 .depth2 li ~ li, .content.join.shop .shop-row .shop-left-menu .depth1 .depth2 li ~ li, .content.sub.shop .shop-row .shop-left-menu .depth1 .depth2 li ~ li, .content.search.shop .shop-row .shop-left-menu .depth1 .depth2 li ~ li {
  margin-top: 0.4375rem;
}
.content.login.shop .shop-row .shop-left-menu .depth1 .depth2 li.on > a, .content.join.shop .shop-row .shop-left-menu .depth1 .depth2 li.on > a, .content.sub.shop .shop-row .shop-left-menu .depth1 .depth2 li.on > a, .content.search.shop .shop-row .shop-left-menu .depth1 .depth2 li.on > a {
  text-decoration: underline;
}
.content.login.shop .shop-row .shop-left-menu .depth1 .depth2 li a:hover, .content.join.shop .shop-row .shop-left-menu .depth1 .depth2 li a:hover, .content.sub.shop .shop-row .shop-left-menu .depth1 .depth2 li a:hover, .content.search.shop .shop-row .shop-left-menu .depth1 .depth2 li a:hover {
  text-decoration: underline;
}
.content.login.shop .shop-row .shop-left-menu .sel-depth2, .content.join.shop .shop-row .shop-left-menu .sel-depth2, .content.sub.shop .shop-row .shop-left-menu .sel-depth2, .content.search.shop .shop-row .shop-left-menu .sel-depth2 {
  display: none;
}
.content.login.shop .shop-row .paging, .content.join.shop .shop-row .paging, .content.sub.shop .shop-row .paging, .content.search.shop .shop-row .paging {
  margin-top: 1.5rem;
}
.content.login.cart, .content.join.cart, .content.sub.cart, .content.search.cart {
  max-width: 82.5rem;
  padding-top: 5rem;
  padding-bottom: 7.5rem;
}
.content.login.cart h2, .content.join.cart h2, .content.sub.cart h2, .content.search.cart h2 {
  display: flex;
  height: 3.5rem;
  margin-bottom: 2.5rem;
  font-size: 2rem;
  align-items: center;
  justify-content: center;
}
.content.login.cart h3.title, .content.join.cart h3.title, .content.sub.cart h3.title, .content.search.cart h3.title {
  border-bottom: 0;
  font-size: 1.25rem;
}
@media (max-width: 1024px) {
  .content.login.cart h3.title, .content.join.cart h3.title, .content.sub.cart h3.title, .content.search.cart h3.title {
    height: 2.5rem;
    font-size: 1rem;
  }
}
.content.login.cart h3.title ~ .title, .content.join.cart h3.title ~ .title, .content.sub.cart h3.title ~ .title, .content.search.cart h3.title ~ .title {
  margin-top: 2.5rem;
}
.content.login.cart .cart-row, .content.join.cart .cart-row, .content.sub.cart .cart-row, .content.search.cart .cart-row {
  display: flex;
  align-items: flex-start;
  margin-right: -1rem;
  margin-left: -1rem;
}
.content.login.cart .cart-row .content-group, .content.join.cart .cart-row .content-group, .content.sub.cart .cart-row .content-group, .content.search.cart .cart-row .content-group {
  margin: 0 1rem;
  flex: 1 1 auto;
}
.content.login.cart .cart-row .content-options, .content.join.cart .cart-row .content-options, .content.sub.cart .cart-row .content-options, .content.search.cart .cart-row .content-options {
  max-width: 100%;
  margin: 0 1rem;
  flex: 0 0 20rem;
}
.content.login.cart .input-check, .content.join.cart .input-check, .content.sub.cart .input-check, .content.search.cart .input-check {
  display: flex;
  flex: 0 0 3rem;
  align-items: center;
  justify-content: center;
}
.content.login.cart .cart-list, .content.join.cart .cart-list, .content.sub.cart .cart-list, .content.search.cart .cart-list {
  border-top: 1px solid #000000;
}
.content.login.cart .cart-list .list-header, .content.join.cart .cart-list .list-header, .content.sub.cart .cart-list .list-header, .content.search.cart .cart-list .list-header {
  display: flex;
  height: 4rem;
  border-bottom: 1px solid #d8d8d8;
  align-items: center;
}
.content.login.cart .cart-list .list-header .input-check, .content.join.cart .cart-list .list-header .input-check, .content.sub.cart .cart-list .list-header .input-check, .content.search.cart .cart-list .list-header .input-check {
  border-right: 1px solid #d8d8d8;
}
.content.login.cart .cart-list .list-header .btn-del, .content.join.cart .cart-list .list-header .btn-del, .content.sub.cart .cart-list .list-header .btn-del, .content.search.cart .cart-list .list-header .btn-del {
  width: 5rem;
  height: 2rem;
  margin-left: 1rem;
  padding: 0;
  border: 1px solid #d8d8d8;
  border-radius: 1rem;
  font-size: 0.875rem;
}
.content.login.cart .cart-list .list-notice, .content.join.cart .cart-list .list-notice, .content.sub.cart .cart-list .list-notice, .content.search.cart .cart-list .list-notice {
  margin: 1rem 0;
  text-align: right;
  color: #666666;
  font-size: 0.875rem;
}
.content.login.cart .cart-list .list-notice strong, .content.join.cart .cart-list .list-notice strong, .content.sub.cart .cart-list .list-notice strong, .content.search.cart .cart-list .list-notice strong {
  color: #000000;
}
.content.login.cart .list-group .no-item, .content.join.cart .list-group .no-item, .content.sub.cart .list-group .no-item, .content.search.cart .list-group .no-item {
  padding: 4.25rem;
  text-align: center;
  color: #666666;
}
.content.login.cart .list-item, .content.join.cart .list-item, .content.sub.cart .list-item, .content.search.cart .list-item {
  position: relative;
  display: flex;
  padding: 1.75rem 0;
  border-bottom: 1px solid #d8d8d8;
  align-items: center;
}
.content.login.cart .list-item .item-thumbnail, .content.join.cart .list-item .item-thumbnail, .content.sub.cart .list-item .item-thumbnail, .content.search.cart .list-item .item-thumbnail {
  flex: 0 0 6rem;
  margin-right: 1rem;
}
.content.login.cart .list-item .item-thumbnail .img, .content.join.cart .list-item .item-thumbnail .img, .content.sub.cart .list-item .item-thumbnail .img, .content.search.cart .list-item .item-thumbnail .img {
  width: 6rem;
  height: 6rem;
  background-position: center;
  background-color: #f6f6f6;
  background-repeat: no-repeat;
  background-size: contain;
}
.content.login.cart .list-item .item-info, .content.join.cart .list-item .item-info, .content.sub.cart .list-item .item-info, .content.search.cart .list-item .item-info {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
}
.content.login.cart .list-item .item-info .item-title, .content.join.cart .list-item .item-info .item-title, .content.sub.cart .list-item .item-info .item-title, .content.search.cart .list-item .item-info .item-title {
  flex: 1 1 100%;
}
.content.login.cart .list-item .item-info .item-title ~ .item-option, .content.join.cart .list-item .item-info .item-title ~ .item-option, .content.sub.cart .list-item .item-info .item-title ~ .item-option, .content.search.cart .list-item .item-info .item-title ~ .item-option {
  display: flex;
  margin-top: 0.5rem;
  flex-wrap: wrap;
  flex: 1 1 100%;
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}
.content.login.cart .list-item .item-info .item-title ~ .item-option span, .content.join.cart .list-item .item-info .item-title ~ .item-option span, .content.sub.cart .list-item .item-info .item-title ~ .item-option span, .content.search.cart .list-item .item-info .item-title ~ .item-option span {
  color: #666666;
  font-size: 0.875rem;
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}
.content.login.cart .list-item .item-info .item-title ~ .item-option select, .content.join.cart .list-item .item-info .item-title ~ .item-option select, .content.sub.cart .list-item .item-info .item-title ~ .item-option select, .content.search.cart .list-item .item-info .item-title ~ .item-option select {
  min-width: 8.5rem;
  margin: 0.25rem;
  flex: 0 0 auto;
}
.content.login.cart .list-item .item-count, .content.join.cart .list-item .item-count, .content.sub.cart .list-item .item-count, .content.search.cart .list-item .item-count {
  display: block;
  margin: 0 1rem;
  text-align: center;
  flex: 0 0 9.375rem;
}
.content.login.cart .list-item .item-count .input-group.change-count, .content.join.cart .list-item .item-count .input-group.change-count, .content.sub.cart .list-item .item-count .input-group.change-count, .content.search.cart .list-item .item-count .input-group.change-count {
  display: inline-flex;
  width: auto;
  height: 2.125rem;
  flex: 0 0 auto;
}
.content.login.cart .list-item .item-count input, .content.join.cart .list-item .item-count input, .content.sub.cart .list-item .item-count input, .content.search.cart .list-item .item-count input {
  width: 3rem !important;
  min-width: 0 !important;
  height: 100% !important;
  background-color: #ffffff !important;
  flex: 0 0 3rem;
}
.content.login.cart .list-item .price, .content.join.cart .list-item .price, .content.sub.cart .list-item .price, .content.search.cart .list-item .price {
  padding: 0 1.875rem;
  text-align: right;
  flex: 0 0 9.375rem;
}
.content.login.cart .list-item .price strong, .content.join.cart .list-item .price strong, .content.sub.cart .list-item .price strong, .content.search.cart .list-item .price strong {
  font-size: 1.25rem;
}
.content.login.cart .list-item .btn-del, .content.join.cart .list-item .btn-del, .content.sub.cart .list-item .btn-del, .content.search.cart .list-item .btn-del {
  position: absolute;
  top: 1.75rem;
  right: 1rem;
  padding: 0;
}
.content.login.cart .list-item .btn-del .icon-16-del, .content.join.cart .list-item .btn-del .icon-16-del, .content.sub.cart .list-item .btn-del .icon-16-del, .content.search.cart .list-item .btn-del .icon-16-del {
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../images/icon/ic-16-del.svg);
}
.content.login.cart .seller-total, .content.join.cart .seller-total, .content.sub.cart .seller-total, .content.search.cart .seller-total {
  display: flex;
  padding: 1rem;
  border-bottom: 1px solid #d8d8d8;
  background-color: #f6f6f6;
  align-items: center;
}
.content.login.cart .seller-total h3, .content.join.cart .seller-total h3, .content.sub.cart .seller-total h3, .content.search.cart .seller-total h3 {
  font-size: 0.875rem;
  font-weight: normal;
  flex: 1;
  align-self: center;
}
.content.login.cart .seller-total .spacer, .content.join.cart .seller-total .spacer, .content.sub.cart .seller-total .spacer, .content.search.cart .seller-total .spacer {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  margin: 1rem;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  background-color: #ffffff;
  align-self: center;
  justify-content: center;
  align-items: center;
}
.content.login.cart .seller-total .spacer i, .content.join.cart .seller-total .spacer i, .content.sub.cart .seller-total .spacer i, .content.search.cart .seller-total .spacer i {
  display: block;
  width: 1rem;
  height: 1rem;
  opacity: 0.4;
}
.content.login.cart .seller-total .spacer .icon-16-total, .content.join.cart .seller-total .spacer .icon-16-total, .content.sub.cart .seller-total .spacer .icon-16-total, .content.search.cart .seller-total .spacer .icon-16-total {
  opacity: 1;
  background-image: url(../images/icon/ic-16-total.svg);
}
.content.login.cart .seller-total .spacer .icon-16-minus, .content.join.cart .seller-total .spacer .icon-16-minus, .content.sub.cart .seller-total .spacer .icon-16-minus, .content.search.cart .seller-total .spacer .icon-16-minus {
  background-image: url(../images/icon/ic-16-minus.svg);
}
.content.login.cart .seller-total .spacer .icon-16-plus, .content.join.cart .seller-total .spacer .icon-16-plus, .content.sub.cart .seller-total .spacer .icon-16-plus, .content.search.cart .seller-total .spacer .icon-16-plus {
  background-image: url(../images/icon/ic-16-plus.svg);
}
.content.login.cart .seller-total dl, .content.join.cart .seller-total dl, .content.sub.cart .seller-total dl, .content.search.cart .seller-total dl {
  text-align: center;
  flex: 1;
}
.content.login.cart .seller-total dl dt, .content.join.cart .seller-total dl dt, .content.sub.cart .seller-total dl dt, .content.search.cart .seller-total dl dt {
  color: #999999;
  font-size: 0.875rem;
  font-weight: normal;
}
.content.login.cart .seller-total dl dd, .content.join.cart .seller-total dl dd, .content.sub.cart .seller-total dl dd, .content.search.cart .seller-total dl dd {
  margin-top: 0.5rem;
  font-size: 1rem;
}
.content.login.cart .goods-info, .content.join.cart .goods-info, .content.sub.cart .goods-info, .content.search.cart .goods-info {
  border: 1px solid #d8d8d8;
}
.content.login.cart .goods-info .goods-info-title, .content.join.cart .goods-info .goods-info-title, .content.sub.cart .goods-info .goods-info-title, .content.search.cart .goods-info .goods-info-title {
  display: flex;
  height: 3.5rem;
  padding: 0 1rem;
  background-color: #f6f6f6;
  align-items: center;
}
.content.login.cart .goods-info .info-table, .content.join.cart .goods-info .info-table, .content.sub.cart .goods-info .info-table, .content.search.cart .goods-info .info-table {
  border-top: 0;
  margin-top: 0;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}
.content.login.cart .goods-info .info-table dl, .content.join.cart .goods-info .info-table dl, .content.sub.cart .goods-info .info-table dl, .content.search.cart .goods-info .info-table dl {
  min-height: 3.125rem;
  padding: 0 1rem;
}
.content.login.cart .goods-info .info-table dt,
.content.login.cart .goods-info .info-table dd, .content.join.cart .goods-info .info-table dt,
.content.join.cart .goods-info .info-table dd, .content.sub.cart .goods-info .info-table dt,
.content.sub.cart .goods-info .info-table dd, .content.search.cart .goods-info .info-table dt,
.content.search.cart .goods-info .info-table dd {
  display: flex;
  align-items: center;
}
.content.login.cart .goods-info .info-table dt, .content.join.cart .goods-info .info-table dt, .content.sub.cart .goods-info .info-table dt, .content.search.cart .goods-info .info-table dt {
  margin-right: auto;
}
.content.login.cart .goods-info .info-table dd, .content.join.cart .goods-info .info-table dd, .content.sub.cart .goods-info .info-table dd, .content.search.cart .goods-info .info-table dd {
  margin-left: auto;
  text-align: right;
  color: #000000;
  justify-self: flex-end;
  flex: 0 1 auto;
}
.content.login.cart .goods-info .total-price, .content.join.cart .goods-info .total-price, .content.sub.cart .goods-info .total-price, .content.search.cart .goods-info .total-price {
  padding: 1rem;
}
.content.login.cart .goods-info .total-price dl, .content.join.cart .goods-info .total-price dl, .content.sub.cart .goods-info .total-price dl, .content.search.cart .goods-info .total-price dl {
  display: flex;
  padding: 0 1rem;
  align-items: center;
  justify-content: space-between;
}
.content.login.cart .goods-info .total-price dl dt, .content.join.cart .goods-info .total-price dl dt, .content.sub.cart .goods-info .total-price dl dt, .content.search.cart .goods-info .total-price dl dt {
  font-weight: 500;
}
.content.login.cart .goods-info .total-price dl dd, .content.join.cart .goods-info .total-price dl dd, .content.sub.cart .goods-info .total-price dl dd, .content.search.cart .goods-info .total-price dl dd {
  font-size: 1.25rem;
}
.content.login.cart .goods-info .total-price dl dd strong, .content.join.cart .goods-info .total-price dl dd strong, .content.sub.cart .goods-info .total-price dl dd strong, .content.search.cart .goods-info .total-price dl dd strong {
  font-size: 1.5rem;
}
.content.login.cart .goods-info .total-price dl.point, .content.join.cart .goods-info .total-price dl.point, .content.sub.cart .goods-info .total-price dl.point, .content.search.cart .goods-info .total-price dl.point {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #d8d8d8;
}
.content.login.cart .goods-info .total-price dl.point dt,
.content.login.cart .goods-info .total-price dl.point dd, .content.join.cart .goods-info .total-price dl.point dt,
.content.join.cart .goods-info .total-price dl.point dd, .content.sub.cart .goods-info .total-price dl.point dt,
.content.sub.cart .goods-info .total-price dl.point dd, .content.search.cart .goods-info .total-price dl.point dt,
.content.search.cart .goods-info .total-price dl.point dd {
  color: #999999;
  font-size: 0.875rem;
}
.content.login.cart .goods-info .input-group, .content.join.cart .goods-info .input-group, .content.sub.cart .goods-info .input-group, .content.search.cart .goods-info .input-group {
  margin-top: 1.5rem;
}
.content.login.cart .goods-info .input-group label, .content.join.cart .goods-info .input-group label, .content.sub.cart .goods-info .input-group label, .content.search.cart .goods-info .input-group label {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.375rem;
  align-items: flex-start;
}
.content.login.cart .goods-info .input-group label input[type=checkbox], .content.join.cart .goods-info .input-group label input[type=checkbox], .content.sub.cart .goods-info .input-group label input[type=checkbox], .content.search.cart .goods-info .input-group label input[type=checkbox] {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.content.login.cart .goods-info .input-group label span, .content.join.cart .goods-info .input-group label span, .content.sub.cart .goods-info .input-group label span, .content.search.cart .goods-info .input-group label span {
  word-break: keep-all;
  margin-top: 0;
  margin-bottom: 0;
}
.content.login.cart .btns-group, .content.join.cart .btns-group, .content.sub.cart .btns-group, .content.search.cart .btns-group {
  display: flex;
  padding: 1rem;
  align-items: center;
}
.content.login.cart .btns-group button, .content.join.cart .btns-group button, .content.sub.cart .btns-group button, .content.search.cart .btns-group button {
  flex: 1;
}
.content.login.cart .form-field, .content.join.cart .form-field, .content.sub.cart .form-field, .content.search.cart .form-field {
  border-top: 1px solid #000000;
}
.content.login.cart .form-field .input-title, .content.join.cart .form-field .input-title, .content.sub.cart .form-field .input-title, .content.search.cart .form-field .input-title {
  max-width: 12.5rem;
}
.content.login.cart .form-field .input-group, .content.join.cart .form-field .input-group, .content.sub.cart .form-field .input-group, .content.search.cart .form-field .input-group {
  max-width: 25rem;
}
@media (max-width: 576px) {
  .content.login.cart .form-field .input-group, .content.join.cart .form-field .input-group, .content.sub.cart .form-field .input-group, .content.search.cart .form-field .input-group {
    max-width: 100%;
  }
}
.content.login.cart .form-field .input-group.half, .content.join.cart .form-field .input-group.half, .content.sub.cart .form-field .input-group.half, .content.search.cart .form-field .input-group.half {
  max-width: 18.75rem;
}
@media (max-width: 576px) {
  .content.login.cart .form-field .input-group.half, .content.join.cart .form-field .input-group.half, .content.sub.cart .form-field .input-group.half, .content.search.cart .form-field .input-group.half {
    max-width: 100%;
  }
}
.content.login.cart .form-field .btn-form, .content.join.cart .form-field .btn-form, .content.sub.cart .form-field .btn-form, .content.search.cart .form-field .btn-form {
  min-width: 5.25rem;
  max-width: 7.1875rem !important;
  margin-left: auto;
}
.content.login.cart .form-field .input-note, .content.join.cart .form-field .input-note, .content.sub.cart .form-field .input-note, .content.search.cart .form-field .input-note {
  color: #000000;
}
@media (max-width: 576px) {
  .content.login.cart .form-field .input-note, .content.join.cart .form-field .input-note, .content.sub.cart .form-field .input-note, .content.search.cart .form-field .input-note {
    margin-top: 0.5rem;
  }
}
.content.login.cart .popup-apply-coupon .coupon-list, .content.join.cart .popup-apply-coupon .coupon-list, .content.sub.cart .popup-apply-coupon .coupon-list, .content.search.cart .popup-apply-coupon .coupon-list {
  padding: 0;
  border-top: 0;
}
.content.login.cart .popup-apply-coupon .coupon-list h3, .content.join.cart .popup-apply-coupon .coupon-list h3, .content.sub.cart .popup-apply-coupon .coupon-list h3, .content.search.cart .popup-apply-coupon .coupon-list h3 {
  display: flex;
  height: 2.5rem;
  font-size: 0.875rem;
  align-items: center;
}
.content.login.cart .popup-apply-coupon .coupon-list h3 ~ h3, .content.join.cart .popup-apply-coupon .coupon-list h3 ~ h3, .content.sub.cart .popup-apply-coupon .coupon-list h3 ~ h3, .content.search.cart .popup-apply-coupon .coupon-list h3 ~ h3 {
  margin-top: 2.5rem;
}
@media (max-width: 1024px) {
  .content.login.cart .popup-apply-coupon .coupon-list h3 ~ h3, .content.join.cart .popup-apply-coupon .coupon-list h3 ~ h3, .content.sub.cart .popup-apply-coupon .coupon-list h3 ~ h3, .content.search.cart .popup-apply-coupon .coupon-list h3 ~ h3 {
    margin-top: 1.5rem;
  }
}
.content.login.cart .popup-apply-coupon .coupon-list .list-group, .content.join.cart .popup-apply-coupon .coupon-list .list-group, .content.sub.cart .popup-apply-coupon .coupon-list .list-group, .content.search.cart .popup-apply-coupon .coupon-list .list-group {
  border-top: 1px solid #000000;
}
.content.login.cart .popup-apply-coupon .list-header, .content.join.cart .popup-apply-coupon .list-header, .content.sub.cart .popup-apply-coupon .list-header, .content.search.cart .popup-apply-coupon .list-header {
  height: auto !important;
  padding: 0 !important;
}
.content.login.cart .popup-apply-coupon .list-header dl, .content.join.cart .popup-apply-coupon .list-header dl, .content.sub.cart .popup-apply-coupon .list-header dl, .content.search.cart .popup-apply-coupon .list-header dl {
  display: flex;
  height: 2.5rem;
  padding: 0 1rem;
  background-color: #f6f6f6;
  font-size: 0.875rem;
  flex: 1 1 100%;
  align-items: center;
}
.content.login.cart .popup-apply-coupon .list-header dl dt, .content.join.cart .popup-apply-coupon .list-header dl dt, .content.sub.cart .popup-apply-coupon .list-header dl dt, .content.search.cart .popup-apply-coupon .list-header dl dt {
  font-weight: 500;
}
.content.login.cart .popup-apply-coupon .list-header dl dd, .content.join.cart .popup-apply-coupon .list-header dl dd, .content.sub.cart .popup-apply-coupon .list-header dl dd, .content.search.cart .popup-apply-coupon .list-header dl dd {
  margin-left: 0.5rem;
  color: #666666;
  font-weight: normal;
}
.content.login.cart .popup-apply-coupon .no-item, .content.join.cart .popup-apply-coupon .no-item, .content.sub.cart .popup-apply-coupon .no-item, .content.search.cart .popup-apply-coupon .no-item {
  padding: 2.125rem;
  font-size: 0.875rem;
}
.content.login.cart .popup-apply-coupon .list-item, .content.join.cart .popup-apply-coupon .list-item, .content.sub.cart .popup-apply-coupon .list-item, .content.search.cart .popup-apply-coupon .list-item {
  flex-wrap: wrap;
  padding-top: 0;
  padding-bottom: 0;
}
.content.login.cart .popup-apply-coupon .list-item .text, .content.join.cart .popup-apply-coupon .list-item .text, .content.sub.cart .popup-apply-coupon .list-item .text, .content.search.cart .popup-apply-coupon .list-item .text {
  display: flex;
  min-height: 3.5625rem;
  border-bottom: 1px solid #d8d8d8;
  align-items: center;
  flex: 1 1 100%;
}
.content.login.cart .popup-apply-coupon .list-item .item-info .item-title, .content.join.cart .popup-apply-coupon .list-item .item-info .item-title, .content.sub.cart .popup-apply-coupon .list-item .item-info .item-title, .content.search.cart .popup-apply-coupon .list-item .item-info .item-title {
  padding: 1rem;
  font-size: 0.875rem;
}
.content.login.cart .popup-apply-coupon .list-item .item-info .item-title + .item-title, .content.join.cart .popup-apply-coupon .list-item .item-info .item-title + .item-title, .content.sub.cart .popup-apply-coupon .list-item .item-info .item-title + .item-title, .content.search.cart .popup-apply-coupon .list-item .item-info .item-title + .item-title {
  border-top: 1px solid #d8d8d8;
}
.content.login.cart .popup-apply-coupon .list-item .price, .content.join.cart .popup-apply-coupon .list-item .price, .content.sub.cart .popup-apply-coupon .list-item .price, .content.search.cart .popup-apply-coupon .list-item .price {
  margin-left: 2rem;
  padding: 0 1rem;
  font-size: 0.875rem;
}
.content.login.cart .popup-apply-coupon .list-item .price strong, .content.join.cart .popup-apply-coupon .list-item .price strong, .content.sub.cart .popup-apply-coupon .list-item .price strong, .content.search.cart .popup-apply-coupon .list-item .price strong {
  font-size: 0.875rem;
  font-weight: normal;
}
.content.login.cart .popup-apply-coupon .coupons, .content.join.cart .popup-apply-coupon .coupons, .content.sub.cart .popup-apply-coupon .coupons, .content.search.cart .popup-apply-coupon .coupons {
  padding: 1rem 1rem;
}
.content.login.cart .popup-apply-coupon .coupons label, .content.join.cart .popup-apply-coupon .coupons label, .content.sub.cart .popup-apply-coupon .coupons label, .content.search.cart .popup-apply-coupon .coupons label {
  display: flex;
  font-size: 0.875rem;
  align-items: center;
}
.content.login.cart .popup-apply-coupon .coupons label input[type=radio] + span, .content.join.cart .popup-apply-coupon .coupons label input[type=radio] + span, .content.sub.cart .popup-apply-coupon .coupons label input[type=radio] + span, .content.search.cart .popup-apply-coupon .coupons label input[type=radio] + span {
  color: #666666;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.content.login.cart .popup-apply-coupon .coupons label input[type=radio]:checked + span, .content.join.cart .popup-apply-coupon .coupons label input[type=radio]:checked + span, .content.sub.cart .popup-apply-coupon .coupons label input[type=radio]:checked + span, .content.search.cart .popup-apply-coupon .coupons label input[type=radio]:checked + span {
  color: #000000;
}
.content.login.cart .popup-apply-coupon .seller-total, .content.join.cart .popup-apply-coupon .seller-total, .content.sub.cart .popup-apply-coupon .seller-total, .content.search.cart .popup-apply-coupon .seller-total {
  margin-top: 2rem;
  text-align: center;
  border-bottom: 0;
}
@media (max-width: 1024px) {
  .content.login.cart .popup-apply-coupon .seller-total, .content.join.cart .popup-apply-coupon .seller-total, .content.sub.cart .popup-apply-coupon .seller-total, .content.search.cart .popup-apply-coupon .seller-total {
    margin-top: 1.5rem;
  }
}
@media (max-width: 1024px) {
  .content.login.shop, .content.join.shop, .content.sub.shop, .content.search.shop {
    padding-top: 0;
    /* 상세설명 Start */
    /* 상세설명 End */
    /* 리뷰 Start */
    /* 리뷰 End */
    /* 반품/교환 Start */
    /* 셀러 상단 */
    /* 상품 목록 */
  }
  .content.login.shop .shop-detail-top, .content.join.shop .shop-detail-top, .content.sub.shop .shop-detail-top, .content.search.shop .shop-detail-top {
    margin: 0;
    flex-wrap: wrap;
  }
  .content.login.shop .shop-detail-top .good-thumbnails, .content.join.shop .shop-detail-top .good-thumbnails, .content.sub.shop .shop-detail-top .good-thumbnails, .content.search.shop .shop-detail-top .good-thumbnails {
    max-width: calc(100% + 2rem);
    flex: 1 1 100%;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .content.login.shop .shop-detail-top .good-thumbnails .thumb-slider, .content.join.shop .shop-detail-top .good-thumbnails .thumb-slider, .content.sub.shop .shop-detail-top .good-thumbnails .thumb-slider, .content.search.shop .shop-detail-top .good-thumbnails .thumb-slider {
    margin: 0.5rem;
    justify-content: flex-start;
  }
  .content.login.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper .swiper-slide, .content.join.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper .swiper-slide, .content.sub.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper .swiper-slide, .content.search.shop .shop-detail-top .good-thumbnails .thumb-slider .swiper-wrapper .swiper-slide {
    width: 7.125rem;
    height: 7.125rem;
  }
  .content.login.shop .shop-detail-top .goods-info, .content.join.shop .shop-detail-top .goods-info, .content.sub.shop .shop-detail-top .goods-info, .content.search.shop .shop-detail-top .goods-info {
    max-width: 100%;
    margin: 0;
    margin-top: 1rem;
    flex: 1 1 100%;
  }
  .content.login.shop .shop-detail-top .goods-info .shop-name, .content.join.shop .shop-detail-top .goods-info .shop-name, .content.sub.shop .shop-detail-top .goods-info .shop-name, .content.search.shop .shop-detail-top .goods-info .shop-name {
    margin-bottom: 0.5rem;
    font-size: 1rem;
  }
  .content.login.shop .shop-detail-top .goods-info .goods-title, .content.join.shop .shop-detail-top .goods-info .goods-title, .content.sub.shop .shop-detail-top .goods-info .goods-title, .content.search.shop .shop-detail-top .goods-info .goods-title {
    margin-bottom: 1rem;
    font-size: 1rem;
  }
  .content.login.shop .shop-detail-top .goods-info .price .origin, .content.join.shop .shop-detail-top .goods-info .price .origin, .content.sub.shop .shop-detail-top .goods-info .price .origin, .content.search.shop .shop-detail-top .goods-info .price .origin {
    font-size: 0.875rem;
  }
  .content.login.shop .shop-detail-top .goods-info .price .origin strong, .content.join.shop .shop-detail-top .goods-info .price .origin strong, .content.sub.shop .shop-detail-top .goods-info .price .origin strong, .content.search.shop .shop-detail-top .goods-info .price .origin strong {
    font-size: 1rem;
  }
  .content.login.shop .shop-detail-top .goods-info .price .discount-rate.font-primary, .content.join.shop .shop-detail-top .goods-info .price .discount-rate.font-primary, .content.sub.shop .shop-detail-top .goods-info .price .discount-rate.font-primary, .content.search.shop .shop-detail-top .goods-info .price .discount-rate.font-primary {
    font-size: 1.5rem;
  }
  .content.login.shop .shop-detail-top .goods-info .price .calc-price, .content.join.shop .shop-detail-top .goods-info .price .calc-price, .content.sub.shop .shop-detail-top .goods-info .price .calc-price, .content.search.shop .shop-detail-top .goods-info .price .calc-price {
    font-size: 1.25rem;
  }
  .content.login.shop .shop-detail-top .goods-info .price .calc-price strong, .content.join.shop .shop-detail-top .goods-info .price .calc-price strong, .content.sub.shop .shop-detail-top .goods-info .price .calc-price strong, .content.search.shop .shop-detail-top .goods-info .price .calc-price strong {
    font-size: 1.5rem;
  }
  .content.login.shop .shop-detail-top .goods-info .price .btn-coupon span, .content.join.shop .shop-detail-top .goods-info .price .btn-coupon span, .content.sub.shop .shop-detail-top .goods-info .price .btn-coupon span, .content.search.shop .shop-detail-top .goods-info .price .btn-coupon span {
    font-size: 0.875rem;
  }
  .content.login.shop .shop-detail-top .goods-info .info-table dl, .content.join.shop .shop-detail-top .goods-info .info-table dl, .content.sub.shop .shop-detail-top .goods-info .info-table dl, .content.search.shop .shop-detail-top .goods-info .info-table dl {
    min-height: 4.25rem;
  }
  .content.login.shop .shop-detail-top .goods-info .info-table dl dt, .content.join.shop .shop-detail-top .goods-info .info-table dl dt, .content.sub.shop .shop-detail-top .goods-info .info-table dl dt, .content.search.shop .shop-detail-top .goods-info .info-table dl dt {
    flex: 0 1 5.25rem;
  }
  .content.login.shop .shop-detail-top .goods-info .info-table dl.selected, .content.join.shop .shop-detail-top .goods-info .info-table dl.selected, .content.sub.shop .shop-detail-top .goods-info .info-table dl.selected, .content.search.shop .shop-detail-top .goods-info .info-table dl.selected {
    flex-wrap: wrap;
  }
  .content.login.shop .shop-detail-top .goods-info .info-table dl.selected dt, .content.join.shop .shop-detail-top .goods-info .info-table dl.selected dt, .content.sub.shop .shop-detail-top .goods-info .info-table dl.selected dt, .content.search.shop .shop-detail-top .goods-info .info-table dl.selected dt {
    margin-bottom: 0.75rem;
    flex: 1 1 100%;
  }
  .content.login.shop .shop-detail-top .goods-info .info-table dl.selected dd, .content.join.shop .shop-detail-top .goods-info .info-table dl.selected dd, .content.sub.shop .shop-detail-top .goods-info .info-table dl.selected dd, .content.search.shop .shop-detail-top .goods-info .info-table dl.selected dd {
    flex: 1 1 100%;
  }
  .content.login.shop .shop-detail-top .goods-info .info-table dl.selected dd .option-price, .content.join.shop .shop-detail-top .goods-info .info-table dl.selected dd .option-price, .content.sub.shop .shop-detail-top .goods-info .info-table dl.selected dd .option-price, .content.search.shop .shop-detail-top .goods-info .info-table dl.selected dd .option-price {
    text-align: right;
    flex: 1 1 auto;
  }
  .content.login.shop .shop-detail-top .goods-info .btns-group .icon-btns button, .content.join.shop .shop-detail-top .goods-info .btns-group .icon-btns button, .content.sub.shop .shop-detail-top .goods-info .btns-group .icon-btns button, .content.search.shop .shop-detail-top .goods-info .btns-group .icon-btns button {
    width: 4.5rem;
    padding: 0 1rem;
  }
  .content.login.shop .related-goods .swiper-wrapper .goods-item, .content.join.shop .related-goods .swiper-wrapper .goods-item, .content.sub.shop .related-goods .swiper-wrapper .goods-item, .content.search.shop .related-goods .swiper-wrapper .goods-item {
    flex: 0 0 7rem;
  }
  .content.login.shop .related-goods .swiper-wrapper .goods-item .goods-title, .content.join.shop .related-goods .swiper-wrapper .goods-item .goods-title, .content.sub.shop .related-goods .swiper-wrapper .goods-item .goods-title, .content.search.shop .related-goods .swiper-wrapper .goods-item .goods-title {
    font-size: 0.875rem;
  }
  .content.login.shop .related-goods .swiper-wrapper .goods-item .price .discount-rate, .content.join.shop .related-goods .swiper-wrapper .goods-item .price .discount-rate, .content.sub.shop .related-goods .swiper-wrapper .goods-item .price .discount-rate, .content.search.shop .related-goods .swiper-wrapper .goods-item .price .discount-rate {
    font-size: 1rem;
    order: 1;
  }
  .content.login.shop .related-goods .swiper-wrapper .goods-item .price .calc-price, .content.join.shop .related-goods .swiper-wrapper .goods-item .price .calc-price, .content.sub.shop .related-goods .swiper-wrapper .goods-item .price .calc-price, .content.search.shop .related-goods .swiper-wrapper .goods-item .price .calc-price {
    font-size: 0.75rem;
    order: 2;
  }
  .content.login.shop .related-goods .swiper-wrapper .goods-item .price .calc-price strong, .content.join.shop .related-goods .swiper-wrapper .goods-item .price .calc-price strong, .content.sub.shop .related-goods .swiper-wrapper .goods-item .price .calc-price strong, .content.search.shop .related-goods .swiper-wrapper .goods-item .price .calc-price strong {
    font-size: 1rem;
  }
  .content.login.shop .related-goods .swiper-wrapper .goods-item .price .origin-price, .content.join.shop .related-goods .swiper-wrapper .goods-item .price .origin-price, .content.sub.shop .related-goods .swiper-wrapper .goods-item .price .origin-price, .content.search.shop .related-goods .swiper-wrapper .goods-item .price .origin-price {
    margin-top: 0.5rem;
    font-size: 0.625rem;
    flex: 1 1 100%;
    order: 0;
  }
  .content.login.shop .related-goods .swiper-wrapper .goods-item .price .origin-price strong, .content.join.shop .related-goods .swiper-wrapper .goods-item .price .origin-price strong, .content.sub.shop .related-goods .swiper-wrapper .goods-item .price .origin-price strong, .content.search.shop .related-goods .swiper-wrapper .goods-item .price .origin-price strong {
    font-size: 0.875rem;
  }
  .content.login.shop .shop-detail .tab, .content.join.shop .shop-detail .tab, .content.sub.shop .shop-detail .tab, .content.search.shop .shop-detail .tab {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .content.login.shop .shop-detail .tab li, .content.join.shop .shop-detail .tab li, .content.sub.shop .shop-detail .tab li, .content.search.shop .shop-detail .tab li {
    height: 3rem;
  }
  .content.login.shop .shop-detail .tab li a, .content.join.shop .shop-detail .tab li a, .content.sub.shop .shop-detail .tab li a, .content.search.shop .shop-detail .tab li a {
    font-size: 1rem;
  }
  .content.login.shop .shop-detail-content-row, .content.join.shop .shop-detail-content-row, .content.sub.shop .shop-detail-content-row, .content.search.shop .shop-detail-content-row {
    position: relative;
    margin: 0;
    flex-wrap: wrap;
  }
  .content.login.shop .shop-detail-content-row .content-group, .content.join.shop .shop-detail-content-row .content-group, .content.sub.shop .shop-detail-content-row .content-group, .content.search.shop .shop-detail-content-row .content-group {
    max-width: 100%;
    margin: 0;
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
    flex: 1 1 100%;
  }
  .content.login.shop .shop-detail-content-row .content-options, .content.join.shop .shop-detail-content-row .content-options, .content.sub.shop .shop-detail-content-row .content-options, .content.search.shop .shop-detail-content-row .content-options {
    position: fixed;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    border: 0;
    background-color: #ffffff;
    flex: 1 1 100%;
  }
  .content.login.shop .shop-detail-content-row .content-options .goods-info .info-table, .content.join.shop .shop-detail-content-row .content-options .goods-info .info-table, .content.sub.shop .shop-detail-content-row .content-options .goods-info .info-table, .content.search.shop .shop-detail-content-row .content-options .goods-info .info-table {
    display: none;
  }
  .content.login.shop .shop-detail-content-row .content-options .goods-info .total-price, .content.join.shop .shop-detail-content-row .content-options .goods-info .total-price, .content.sub.shop .shop-detail-content-row .content-options .goods-info .total-price, .content.search.shop .shop-detail-content-row .content-options .goods-info .total-price {
    display: none;
  }
  .content.login.shop .review-list .review-score, .content.join.shop .review-list .review-score, .content.sub.shop .review-list .review-score, .content.search.shop .review-list .review-score {
    margin-bottom: 1.5rem;
    text-align: center;
  }
  .content.login.shop .review-list .review-score .score, .content.join.shop .review-list .review-score .score, .content.sub.shop .review-list .review-score .score, .content.search.shop .review-list .review-score .score {
    justify-content: center;
  }
  .content.login.shop .review-list .review-score .score h3, .content.join.shop .review-list .review-score .score h3, .content.sub.shop .review-list .review-score .score h3, .content.search.shop .review-list .review-score .score h3 {
    font-size: 1rem;
  }
  .content.login.shop .review-list .review-score .score p, .content.join.shop .review-list .review-score .score p, .content.sub.shop .review-list .review-score .score p, .content.search.shop .review-list .review-score .score p {
    display: none;
  }
  .content.login.shop .review-list .review-score .score .stars, .content.join.shop .review-list .review-score .score .stars, .content.sub.shop .review-list .review-score .score .stars, .content.search.shop .review-list .review-score .score .stars {
    margin: 0 auto;
    justify-content: center;
  }
  .content.login.shop .review-list .review-score .score .stars .icon-32-grade, .content.join.shop .review-list .review-score .score .stars .icon-32-grade, .content.sub.shop .review-list .review-score .score .stars .icon-32-grade, .content.search.shop .review-list .review-score .score .stars .icon-32-grade {
    width: 1.25rem;
    height: 1.25rem;
  }
  .content.login.shop .review-list .review-score .score .stars .value, .content.join.shop .review-list .review-score .score .stars .value, .content.sub.shop .review-list .review-score .score .stars .value, .content.search.shop .review-list .review-score .score .stars .value {
    margin-left: 1rem;
    font-size: 1.5rem;
  }
  .content.login.shop .review-list .review-score .count, .content.join.shop .review-list .review-score .count, .content.sub.shop .review-list .review-score .count, .content.search.shop .review-list .review-score .count {
    display: none;
  }
  .content.login.shop .review-list .board-list .list-item, .content.join.shop .review-list .board-list .list-item, .content.sub.shop .review-list .board-list .list-item, .content.search.shop .review-list .board-list .list-item {
    position: relative;
  }
  .content.login.shop .review-list .board-list .list-item.on::before, .content.join.shop .review-list .board-list .list-item.on::before, .content.sub.shop .review-list .board-list .list-item.on::before, .content.search.shop .review-list .board-list .list-item.on::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100%;
    content: "";
    transform: translate(-50%, -50%);
    background-color: #f6f6f6;
  }
  .content.login.shop .review-list .board-list .list-item.on .list-title .thumbnail, .content.join.shop .review-list .board-list .list-item.on .list-title .thumbnail, .content.sub.shop .review-list .board-list .list-item.on .list-title .thumbnail, .content.search.shop .review-list .board-list .list-item.on .list-title .thumbnail {
    min-width: 0;
    max-width: 100%;
    flex: 1 1 100%;
    margin-top: 1rem;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
  }
  .content.login.shop .review-list .board-list .list-item.on .list-title .thumbnail .uploaded-imgs .swiper-wrapper .swiper-slide, .content.join.shop .review-list .board-list .list-item.on .list-title .thumbnail .uploaded-imgs .swiper-wrapper .swiper-slide, .content.sub.shop .review-list .board-list .list-item.on .list-title .thumbnail .uploaded-imgs .swiper-wrapper .swiper-slide, .content.search.shop .review-list .board-list .list-item.on .list-title .thumbnail .uploaded-imgs .swiper-wrapper .swiper-slide {
    max-width: 22.375rem;
    flex: 0 0 100%;
  }
  .content.login.shop .review-list .board-list .list-item.on .list-title .subject, .content.join.shop .review-list .board-list .list-item.on .list-title .subject, .content.sub.shop .review-list .board-list .list-item.on .list-title .subject, .content.search.shop .review-list .board-list .list-item.on .list-title .subject {
    max-width: 100%;
  }
  .content.login.shop .review-list .board-list .list-item.on .list-title .subject .title p,
  .content.login.shop .review-list .board-list .list-item.on .list-title .subject .title p:not(.title-text), .content.join.shop .review-list .board-list .list-item.on .list-title .subject .title p,
  .content.join.shop .review-list .board-list .list-item.on .list-title .subject .title p:not(.title-text), .content.sub.shop .review-list .board-list .list-item.on .list-title .subject .title p,
  .content.sub.shop .review-list .board-list .list-item.on .list-title .subject .title p:not(.title-text), .content.search.shop .review-list .board-list .list-item.on .list-title .subject .title p,
  .content.search.shop .review-list .board-list .list-item.on .list-title .subject .title p:not(.title-text) {
    display: block;
    text-overflow: clip;
  }
  .content.login.shop .review-list .board-list .list-item.on .list-title .reply, .content.join.shop .review-list .board-list .list-item.on .list-title .reply, .content.sub.shop .review-list .board-list .list-item.on .list-title .reply, .content.search.shop .review-list .board-list .list-item.on .list-title .reply {
    max-width: 100%;
    padding-top: 1.25rem;
    flex: 1 1 100%;
    margin-top: 1.5rem;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
  }
  .content.login.shop .review-list .board-list .list-item .list-title, .content.join.shop .review-list .board-list .list-item .list-title, .content.sub.shop .review-list .board-list .list-item .list-title, .content.search.shop .review-list .board-list .list-item .list-title {
    padding: 1rem 0;
    flex-wrap: wrap;
  }
  .content.login.shop .review-list .board-list .list-item .list-title > div, .content.join.shop .review-list .board-list .list-item .list-title > div, .content.sub.shop .review-list .board-list .list-item .list-title > div, .content.search.shop .review-list .board-list .list-item .list-title > div {
    min-height: 0;
    padding: 0;
  }
  .content.login.shop .review-list .board-list .list-item .list-title .number, .content.join.shop .review-list .board-list .list-item .list-title .number, .content.sub.shop .review-list .board-list .list-item .list-title .number, .content.search.shop .review-list .board-list .list-item .list-title .number {
    display: none;
  }
  .content.login.shop .review-list .board-list .list-item .list-title .stars, .content.join.shop .review-list .board-list .list-item .list-title .stars, .content.sub.shop .review-list .board-list .list-item .list-title .stars, .content.search.shop .review-list .board-list .list-item .list-title .stars {
    width: auto;
    min-width: 0;
    max-width: none;
    margin-right: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    order: 0;
    flex: 0 0 auto;
  }
  .content.login.shop .review-list .board-list .list-item .list-title .stars i, .content.join.shop .review-list .board-list .list-item .list-title .stars i, .content.sub.shop .review-list .board-list .list-item .list-title .stars i, .content.search.shop .review-list .board-list .list-item .list-title .stars i {
    width: 0.75rem;
    height: 0.75rem;
  }
  .content.login.shop .review-list .board-list .list-item .list-title .stars i ~ i, .content.join.shop .review-list .board-list .list-item .list-title .stars i ~ i, .content.sub.shop .review-list .board-list .list-item .list-title .stars i ~ i, .content.search.shop .review-list .board-list .list-item .list-title .stars i ~ i {
    margin-left: 0.125rem;
  }
  .content.login.shop .review-list .board-list .list-item .list-title .subject, .content.join.shop .review-list .board-list .list-item .list-title .subject, .content.sub.shop .review-list .board-list .list-item .list-title .subject, .content.search.shop .review-list .board-list .list-item .list-title .subject {
    max-width: calc(100% - 4.5rem);
    padding-left: 0;
    order: 3;
    flex: 1 1 calc(100% - 4.5rem);
  }
  .content.login.shop .review-list .board-list .list-item .list-title .subject .title p.title-text, .content.join.shop .review-list .board-list .list-item .list-title .subject .title p.title-text, .content.sub.shop .review-list .board-list .list-item .list-title .subject .title p.title-text, .content.search.shop .review-list .board-list .list-item .list-title .subject .title p.title-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .content.login.shop .review-list .board-list .list-item .list-title .subject .title p:not(.title-text), .content.join.shop .review-list .board-list .list-item .list-title .subject .title p:not(.title-text), .content.sub.shop .review-list .board-list .list-item .list-title .subject .title p:not(.title-text), .content.search.shop .review-list .board-list .list-item .list-title .subject .title p:not(.title-text) {
    display: none;
  }
  .content.login.shop .review-list .board-list .list-item .list-title .user, .content.join.shop .review-list .board-list .list-item .list-title .user, .content.sub.shop .review-list .board-list .list-item .list-title .user, .content.search.shop .review-list .board-list .list-item .list-title .user {
    width: auto;
    min-width: 0;
    max-width: none;
    margin-right: 1rem;
    margin-bottom: 1rem;
    padding: 0;
    font-size: 0.75rem;
    order: 1;
    flex: 0 0 auto;
  }
  .content.login.shop .review-list .board-list .list-item .list-title .date, .content.join.shop .review-list .board-list .list-item .list-title .date, .content.sub.shop .review-list .board-list .list-item .list-title .date, .content.search.shop .review-list .board-list .list-item .list-title .date {
    width: auto;
    min-width: 0;
    max-width: none;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    flex: 0 0 auto;
    order: 2;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .content.login.shop .review-list .board-list .list-item .list-title .thumbnail, .content.join.shop .review-list .board-list .list-item .list-title .thumbnail, .content.sub.shop .review-list .board-list .list-item .list-title .thumbnail, .content.search.shop .review-list .board-list .list-item .list-title .thumbnail {
    min-height: 0;
    max-height: none;
    margin-left: 2rem;
    order: 4;
    flex: 0 0 2.5rem;
  }
  .content.login.shop .review-list .board-list .list-item .list-title .thumbnail .img, .content.join.shop .review-list .board-list .list-item .list-title .thumbnail .img, .content.sub.shop .review-list .board-list .list-item .list-title .thumbnail .img, .content.search.shop .review-list .board-list .list-item .list-title .thumbnail .img {
    width: 2.5rem;
    height: 2.5rem;
  }
  .content.login.shop .review-list .board-list .list-item .list-title .reply, .content.join.shop .review-list .board-list .list-item .list-title .reply, .content.sub.shop .review-list .board-list .list-item .list-title .reply, .content.search.shop .review-list .board-list .list-item .list-title .reply {
    order: 5;
  }
  .content.login.shop .refund-rulls, .content.join.shop .refund-rulls, .content.sub.shop .refund-rulls, .content.search.shop .refund-rulls {
    overflow-y: hidden;
    max-height: 70vh;
  }
  .content.login.shop .refund-rulls.expanded, .content.join.shop .refund-rulls.expanded, .content.sub.shop .refund-rulls.expanded, .content.search.shop .refund-rulls.expanded {
    max-height: none;
  }
  .content.login.shop .refund-rulls h3, .content.join.shop .refund-rulls h3, .content.sub.shop .refund-rulls h3, .content.search.shop .refund-rulls h3 {
    margin-bottom: 0.5rem;
    font-size: 1rem;
  }
  .content.login.shop .refund-rulls h3:first-child, .content.join.shop .refund-rulls h3:first-child, .content.sub.shop .refund-rulls h3:first-child, .content.search.shop .refund-rulls h3:first-child {
    margin-top: 0;
  }
  .content.login.shop .refund-rulls.expanded ~ .btn-more, .content.join.shop .refund-rulls.expanded ~ .btn-more, .content.sub.shop .refund-rulls.expanded ~ .btn-more, .content.search.shop .refund-rulls.expanded ~ .btn-more {
    display: none;
  }
  .content.login.shop .refund-rulls ~ .btn-more, .content.join.shop .refund-rulls ~ .btn-more, .content.sub.shop .refund-rulls ~ .btn-more, .content.search.shop .refund-rulls ~ .btn-more {
    display: flex;
    margin: 0 auto;
    margin-top: 40px;
    padding: 0.3125rem 2rem;
    border: 1px solid #666666;
    border-radius: 1.75rem;
    font-size: 0.875rem;
    align-items: center;
    justify-content: center;
  }
  .content.login.shop .refund-rulls ~ .btn-more span, .content.join.shop .refund-rulls ~ .btn-more span, .content.sub.shop .refund-rulls ~ .btn-more span, .content.search.shop .refund-rulls ~ .btn-more span {
    flex: 0 0 auto;
  }
  .content.login.shop .refund-rulls ~ .btn-more .icon-16-down, .content.join.shop .refund-rulls ~ .btn-more .icon-16-down, .content.sub.shop .refund-rulls ~ .btn-more .icon-16-down, .content.search.shop .refund-rulls ~ .btn-more .icon-16-down {
    display: block;
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
    background-image: url(../images/icon/ic-16-down.svg);
  }
  .content.login.shop .seller-top, .content.join.shop .seller-top, .content.sub.shop .seller-top, .content.search.shop .seller-top {
    z-index: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
    text-align: center;
    order: 1;
    align-items: stretch;
  }
  .content.login.shop .seller-top .seller-title, .content.join.shop .seller-top .seller-title, .content.sub.shop .seller-top .seller-title, .content.search.shop .seller-top .seller-title {
    position: relative;
    display: flex;
    height: 3rem;
    margin-bottom: 0;
    order: 1;
    align-items: center;
    justify-content: center;
  }
  .content.login.shop .seller-top .seller-title h2, .content.join.shop .seller-top .seller-title h2, .content.sub.shop .seller-top .seller-title h2, .content.search.shop .seller-top .seller-title h2 {
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    align-items: center;
    justify-content: center;
  }
  .content.login.shop .seller-top .seller-title h2 .btn-like, .content.join.shop .seller-top .seller-title h2 .btn-like, .content.sub.shop .seller-top .seller-title h2 .btn-like, .content.search.shop .seller-top .seller-title h2 .btn-like {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.25rem;
    padding: 0;
  }
  .content.login.shop .seller-top .seller-title h2 .btn-like.on .icon-like, .content.join.shop .seller-top .seller-title h2 .btn-like.on .icon-like, .content.sub.shop .seller-top .seller-title h2 .btn-like.on .icon-like, .content.search.shop .seller-top .seller-title h2 .btn-like.on .icon-like {
    background-image: url(../images/icon/ic-24-like-sel.svg);
  }
  .content.login.shop .seller-top .seller-title h2 .btn-like .icon-like, .content.join.shop .seller-top .seller-title h2 .btn-like .icon-like, .content.sub.shop .seller-top .seller-title h2 .btn-like .icon-like, .content.search.shop .seller-top .seller-title h2 .btn-like .icon-like {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/icon/ic-24-like.svg);
  }
  .content.login.shop .seller-top .seller-title .btn-seller-info, .content.join.shop .seller-top .seller-title .btn-seller-info, .content.sub.shop .seller-top .seller-title .btn-seller-info, .content.search.shop .seller-top .seller-title .btn-seller-info {
    position: absolute;
    top: 50%;
    right: 0;
    display: none;
    padding: 0;
    transform: translateY(-50%);
    color: #666666;
    font-size: 0.875rem;
  }
  .content.login.shop .seller-top .seller-title .btn-seller-info .icon-16-down, .content.join.shop .seller-top .seller-title .btn-seller-info .icon-16-down, .content.sub.shop .seller-top .seller-title .btn-seller-info .icon-16-down, .content.search.shop .seller-top .seller-title .btn-seller-info .icon-16-down {
    display: block;
    width: 1rem;
    height: 1rem;
    margin-left: 0.25rem;
    background-image: url(../images/icon/ic-16-down.svg);
  }
  .content.login.shop .seller-top .seller-title .seller-info-table, .content.join.shop .seller-top .seller-title .seller-info-table, .content.sub.shop .seller-top .seller-title .seller-info-table, .content.search.shop .seller-top .seller-title .seller-info-table {
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0;
    width: 21.25rem;
    padding: 1.25rem 1rem;
    text-align: left;
    border: 1px solid #d8d8d8;
    background-color: #ffffff;
    font-size: 0.875rem;
  }
  .content.login.shop .seller-top .seller-title .seller-info-table table, .content.join.shop .seller-top .seller-title .seller-info-table table, .content.sub.shop .seller-top .seller-title .seller-info-table table, .content.search.shop .seller-top .seller-title .seller-info-table table {
    table-layout: fixed;
    color: #666666;
  }
  .content.login.shop .seller-top .seller-title .seller-info-table tbody tr th, .content.join.shop .seller-top .seller-title .seller-info-table tbody tr th, .content.sub.shop .seller-top .seller-title .seller-info-table tbody tr th, .content.search.shop .seller-top .seller-title .seller-info-table tbody tr th {
    font-weight: normal;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .content.login.shop .seller-top .seller-title .seller-info-table tbody tr td, .content.join.shop .seller-top .seller-title .seller-info-table tbody tr td, .content.sub.shop .seller-top .seller-title .seller-info-table tbody tr td, .content.search.shop .seller-top .seller-title .seller-info-table tbody tr td {
    word-break: keep-all;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .content.login.shop .seller-top .seller-title .seller-info-table .btn-close, .content.join.shop .seller-top .seller-title .seller-info-table .btn-close, .content.sub.shop .seller-top .seller-title .seller-info-table .btn-close, .content.search.shop .seller-top .seller-title .seller-info-table .btn-close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 1rem;
    height: 1rem;
    padding: 0;
  }
  .content.login.shop .seller-top .seller-title .seller-info-table .btn-close .icon-16-close, .content.join.shop .seller-top .seller-title .seller-info-table .btn-close .icon-16-close, .content.sub.shop .seller-top .seller-title .seller-info-table .btn-close .icon-16-close, .content.search.shop .seller-top .seller-title .seller-info-table .btn-close .icon-16-close {
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: url(../images/icon/ic-16-close.svg);
  }
  .content.login.shop .seller-top .shop-top-visual.swiper-container, .content.join.shop .seller-top .shop-top-visual.swiper-container, .content.sub.shop .seller-top .shop-top-visual.swiper-container, .content.search.shop .seller-top .shop-top-visual.swiper-container {
    width: auto;
    max-width: 100vw;
    order: 0;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-wrapper .swiper-slide, .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-wrapper .swiper-slide, .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-wrapper .swiper-slide, .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-wrapper .swiper-slide {
    height: 41.0256410256vw;
  }
  .content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev,
  .content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next, .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev,
  .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next, .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev,
  .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next, .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev,
  .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next {
    width: 2rem;
    height: 2rem;
    padding: 0;
    color: #ffffff;
  }
  .content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev::after,
  .content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next::after, .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev::after,
  .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next::after, .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev::after,
  .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next::after, .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev::after,
  .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next::after {
    margin: 0 auto;
    font-size: 1rem;
    font-weight: bold;
  }
  .content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev, .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev, .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev, .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-button-prev {
    left: 0;
    transform: translate(0, -50%);
  }
  .content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next, .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next, .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next, .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-button-next {
    right: 0;
    transform: translate(0, -50%);
  }
  .content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination, .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination, .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination, .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .content.login.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination .swiper-pagination-bullet, .content.join.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination .swiper-pagination-bullet, .content.sub.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination .swiper-pagination-bullet, .content.search.shop .seller-top .shop-top-visual.swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 0.25rem;
    background-color: #ffffff;
  }
  .content.login.shop .shop-row, .content.join.shop .shop-row, .content.sub.shop .shop-row, .content.search.shop .shop-row {
    display: flex;
    flex-direction: column;
    padding-bottom: 7.5rem;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
  }
  .content.login.shop .shop-row .col, .content.join.shop .shop-row .col, .content.sub.shop .shop-row .col, .content.search.shop .shop-row .col {
    max-width: 100%;
    margin: 0;
    flex: 1 1 100%;
  }
  .content.login.shop .shop-row .col.shop-left-menu, .content.join.shop .shop-row .col.shop-left-menu, .content.sub.shop .shop-row .col.shop-left-menu, .content.search.shop .shop-row .col.shop-left-menu {
    order: 0;
    flex: 0 0 auto;
  }
  .content.login.shop .shop-row .col.shop-category-list, .content.join.shop .shop-row .col.shop-category-list, .content.sub.shop .shop-row .col.shop-category-list, .content.search.shop .shop-row .col.shop-category-list {
    order: 2;
    flex: 1 1 100%;
  }
  .content.login.shop .shop-row .col.shop-category-list .list-top, .content.join.shop .shop-row .col.shop-category-list .list-top, .content.sub.shop .shop-row .col.shop-category-list .list-top, .content.search.shop .shop-row .col.shop-category-list .list-top {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .content.login.shop .shop-row .col.shop-category-list ul, .content.join.shop .shop-row .col.shop-category-list ul, .content.sub.shop .shop-row .col.shop-category-list ul, .content.search.shop .shop-row .col.shop-category-list ul {
    width: auto;
    margin-right: -0.625rem;
    margin-left: -0.625rem;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .content.login.shop .shop-row .col.shop-category-list ul, .content.join.shop .shop-row .col.shop-category-list ul, .content.sub.shop .shop-row .col.shop-category-list ul, .content.search.shop .shop-row .col.shop-category-list ul {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
}
@media (max-width: 1024px) {
  .content.login.shop .shop-row .col.shop-category-list ul .goods-item, .content.join.shop .shop-row .col.shop-category-list ul .goods-item, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item, .content.search.shop .shop-row .col.shop-category-list ul .goods-item {
    max-width: calc(33.3333% - 1.25rem);
    flex: 1 0 33.3333%;
    margin-right: 0.625rem;
    margin-left: 0.625rem;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .content.login.shop .shop-row .col.shop-category-list ul .goods-item, .content.join.shop .shop-row .col.shop-category-list ul .goods-item, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item, .content.search.shop .shop-row .col.shop-category-list ul .goods-item {
    max-width: calc(50% - 0.5rem);
    flex: 1 0 50%;
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
}
@media (max-width: 1024px) {
  .content.login.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .title a, .content.join.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .title a, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .title a, .content.search.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .title a {
    font-size: 0.875rem;
  }
  .content.login.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price, .content.join.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price, .content.search.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price {
    line-height: 1;
  }
  .content.login.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .discount-rate, .content.join.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .discount-rate, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .discount-rate, .content.search.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .discount-rate {
    font-size: 1.125rem;
    order: 1;
  }
  .content.login.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price, .content.join.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price, .content.search.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price {
    font-size: 0.75rem;
    order: 2;
  }
  .content.login.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price strong, .content.join.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price strong, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price strong, .content.search.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .calc-price strong {
    font-size: 1.125rem;
  }
  .content.login.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price, .content.join.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price, .content.search.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price {
    font-size: 0.875rem;
    font-size: 0.625rem;
    order: 0;
    flex: 1 1 100%;
  }
  .content.login.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price strong, .content.join.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price strong, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price strong, .content.search.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .origin-price strong {
    font-size: 0.875rem;
  }
  .content.login.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .btn-cart, .content.join.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .btn-cart, .content.sub.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .btn-cart, .content.search.shop .shop-row .col.shop-category-list ul .goods-item .goods-info .price .btn-cart {
    order: 3;
  }
}
@media (max-width: 1024px) {
  .content.login.shop .shop-row .shop-left-menu, .content.join.shop .shop-row .shop-left-menu, .content.sub.shop .shop-row .shop-left-menu, .content.search.shop .shop-row .shop-left-menu {
    position: relative;
    overflow: visible;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
  }
  .content.login.shop .shop-row .shop-left-menu::before, .content.join.shop .shop-row .shop-left-menu::before, .content.sub.shop .shop-row .shop-left-menu::before, .content.search.shop .shop-row .shop-left-menu::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 100vw;
    height: 3rem;
    content: "";
    transform: translateX(-50%);
    background-color: #001a58;
  }
  .content.login.shop .shop-row .shop-left-menu:not(.swiper-initialized), .content.join.shop .shop-row .shop-left-menu:not(.swiper-initialized), .content.sub.shop .shop-row .shop-left-menu:not(.swiper-initialized), .content.search.shop .shop-row .shop-left-menu:not(.swiper-initialized) {
    display: block;
  }
  .content.login.shop .shop-row .shop-left-menu:not(.swiper-initialized) .swiper-wrapper, .content.join.shop .shop-row .shop-left-menu:not(.swiper-initialized) .swiper-wrapper, .content.sub.shop .shop-row .shop-left-menu:not(.swiper-initialized) .swiper-wrapper, .content.search.shop .shop-row .shop-left-menu:not(.swiper-initialized) .swiper-wrapper {
    display: block;
  }
  .content.login.shop .shop-row .shop-left-menu:not(.swiper-initialized) .swiper-wrapper .swiper-slide, .content.join.shop .shop-row .shop-left-menu:not(.swiper-initialized) .swiper-wrapper .swiper-slide, .content.sub.shop .shop-row .shop-left-menu:not(.swiper-initialized) .swiper-wrapper .swiper-slide, .content.search.shop .shop-row .shop-left-menu:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    height: auto;
  }
  .content.login.shop .shop-row .shop-left-menu .depth1, .content.join.shop .shop-row .shop-left-menu .depth1, .content.sub.shop .shop-row .shop-left-menu .depth1, .content.search.shop .shop-row .shop-left-menu .depth1 {
    height: 3rem;
    font-size: 1rem;
  }
  .content.login.shop .shop-row .shop-left-menu .depth1 > li, .content.join.shop .shop-row .shop-left-menu .depth1 > li, .content.sub.shop .shop-row .shop-left-menu .depth1 > li, .content.search.shop .shop-row .shop-left-menu .depth1 > li {
    display: flex;
    width: auto;
    height: 3rem;
    padding: 0 1.5rem;
    color: #ffffff;
    align-items: center;
    justify-content: center !important;
  }
  .content.login.shop .shop-row .shop-left-menu .depth1 > li.expanded.has-child > a, .content.join.shop .shop-row .shop-left-menu .depth1 > li.expanded.has-child > a, .content.sub.shop .shop-row .shop-left-menu .depth1 > li.expanded.has-child > a, .content.search.shop .shop-row .shop-left-menu .depth1 > li.expanded.has-child > a {
    background-image: none;
  }
  .content.login.shop .shop-row .shop-left-menu .depth1 > li.has-child > a, .content.join.shop .shop-row .shop-left-menu .depth1 > li.has-child > a, .content.sub.shop .shop-row .shop-left-menu .depth1 > li.has-child > a, .content.search.shop .shop-row .shop-left-menu .depth1 > li.has-child > a {
    background-position: right center;
    background-image: none;
    background-repeat: no-repeat;
  }
  .content.login.shop .shop-row .shop-left-menu .depth1 li a, .content.join.shop .shop-row .shop-left-menu .depth1 li a, .content.sub.shop .shop-row .shop-left-menu .depth1 li a, .content.search.shop .shop-row .shop-left-menu .depth1 li a {
    display: block;
  }
  .content.login.shop .shop-row .shop-left-menu .depth1 li ~ li, .content.join.shop .shop-row .shop-left-menu .depth1 li ~ li, .content.sub.shop .shop-row .shop-left-menu .depth1 li ~ li, .content.search.shop .shop-row .shop-left-menu .depth1 li ~ li {
    margin-top: 0;
  }
  .content.login.shop .shop-row .shop-left-menu .depth1 li.on > a, .content.join.shop .shop-row .shop-left-menu .depth1 li.on > a, .content.sub.shop .shop-row .shop-left-menu .depth1 li.on > a, .content.search.shop .shop-row .shop-left-menu .depth1 li.on > a {
    color: #ffffff;
  }
  .content.login.shop .shop-row .shop-left-menu .depth1 li.active, .content.join.shop .shop-row .shop-left-menu .depth1 li.active, .content.sub.shop .shop-row .shop-left-menu .depth1 li.active, .content.search.shop .shop-row .shop-left-menu .depth1 li.active {
    position: relative;
  }
  .content.login.shop .shop-row .shop-left-menu .depth1 li.active::before, .content.join.shop .shop-row .shop-left-menu .depth1 li.active::before, .content.sub.shop .shop-row .shop-left-menu .depth1 li.active::before, .content.search.shop .shop-row .shop-left-menu .depth1 li.active::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    display: block;
    width: calc(100% - (3.5rem * 0.275637));
    height: 3.5rem;
    content: "";
    transform: skewX(-16deg) translateX(-50%);
    transform-origin: center;
    background-color: #e6002d;
  }
  .content.login.shop .shop-row .shop-left-menu .depth1 li.expanded .depth2, .content.join.shop .shop-row .shop-left-menu .depth1 li.expanded .depth2, .content.sub.shop .shop-row .shop-left-menu .depth1 li.expanded .depth2, .content.search.shop .shop-row .shop-left-menu .depth1 li.expanded .depth2 {
    display: none;
  }
  .content.login.shop .shop-row .shop-left-menu .depth1 .depth2, .content.join.shop .shop-row .shop-left-menu .depth1 .depth2, .content.sub.shop .shop-row .shop-left-menu .depth1 .depth2, .content.search.shop .shop-row .shop-left-menu .depth1 .depth2 {
    display: none;
    margin-left: 0.5rem;
    padding: 0.375rem 0;
    color: #666666;
    font-size: 0.875rem;
  }
  .content.login.shop .shop-row .shop-left-menu .depth1 .depth2 li ~ li, .content.join.shop .shop-row .shop-left-menu .depth1 .depth2 li ~ li, .content.sub.shop .shop-row .shop-left-menu .depth1 .depth2 li ~ li, .content.search.shop .shop-row .shop-left-menu .depth1 .depth2 li ~ li {
    margin-top: 0.4375rem;
  }
  .content.login.shop .shop-row .shop-left-menu .depth1 .depth2 li.on > a, .content.join.shop .shop-row .shop-left-menu .depth1 .depth2 li.on > a, .content.sub.shop .shop-row .shop-left-menu .depth1 .depth2 li.on > a, .content.search.shop .shop-row .shop-left-menu .depth1 .depth2 li.on > a {
    text-decoration: none;
  }
  .content.login.shop .shop-row .shop-left-menu .depth1 .depth2 li a:hover, .content.join.shop .shop-row .shop-left-menu .depth1 .depth2 li a:hover, .content.sub.shop .shop-row .shop-left-menu .depth1 .depth2 li a:hover, .content.search.shop .shop-row .shop-left-menu .depth1 .depth2 li a:hover {
    text-decoration: none;
  }
  .content.login.shop .shop-row .shop-left-menu .sel-depth2, .content.join.shop .shop-row .shop-left-menu .sel-depth2, .content.sub.shop .shop-row .shop-left-menu .sel-depth2, .content.search.shop .shop-row .shop-left-menu .sel-depth2 {
    display: block;
    padding: 1rem;
    border-bottom: 1px solid #d8d8d8;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .content.login.shop .shop-row .shop-left-menu .sel-depth2 select, .content.join.shop .shop-row .shop-left-menu .sel-depth2 select, .content.sub.shop .shop-row .shop-left-menu .sel-depth2 select, .content.search.shop .shop-row .shop-left-menu .sel-depth2 select {
    width: 100%;
    border: 1px solid #666666;
    border-radius: 1.25rem;
    background-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  .content.login.shop .shop-row .paging, .content.join.shop .shop-row .paging, .content.sub.shop .shop-row .paging, .content.search.shop .shop-row .paging {
    margin-top: 1.5rem;
  }
}
@media (max-width: 1024px) {
  .content.login.cart, .content.join.cart, .content.sub.cart, .content.search.cart {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
  }
  .content.login.cart h2, .content.join.cart h2, .content.sub.cart h2, .content.search.cart h2 {
    height: 2.25rem;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
  }
  .content.login.cart .cart-row, .content.join.cart .cart-row, .content.sub.cart .cart-row, .content.search.cart .cart-row {
    flex-wrap: wrap;
  }
  .content.login.cart .cart-row .content-options, .content.join.cart .cart-row .content-options, .content.sub.cart .cart-row .content-options, .content.search.cart .cart-row .content-options {
    margin-top: 2.5rem;
    flex: 1 1 100%;
  }
  .content.login.cart .cart-list .list-header, .content.join.cart .cart-list .list-header, .content.sub.cart .cart-list .list-header, .content.search.cart .cart-list .list-header {
    height: 3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .content.login.cart .cart-list .list-header .input-check, .content.join.cart .cart-list .list-header .input-check, .content.sub.cart .cart-list .list-header .input-check, .content.search.cart .cart-list .list-header .input-check {
    border-right: 0;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .content.login.cart .cart-list .list-notice, .content.join.cart .cart-list .list-notice, .content.sub.cart .cart-list .list-notice, .content.search.cart .cart-list .list-notice {
    text-align: center;
    font-size: 0.875rem;
  }
  .content.login.cart .list-group .no-item, .content.join.cart .list-group .no-item, .content.sub.cart .list-group .no-item, .content.search.cart .list-group .no-item {
    padding: 2.125rem;
    font-size: 0.875rem;
  }
  .content.login.cart .list-item, .content.join.cart .list-item, .content.sub.cart .list-item, .content.search.cart .list-item {
    flex-wrap: wrap;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .content.login.cart .list-item .input-check, .content.join.cart .list-item .input-check, .content.sub.cart .list-item .input-check, .content.search.cart .list-item .input-check {
    margin-bottom: 0.75rem;
    padding: 0 0.5rem;
    justify-content: flex-start;
    flex: 1 1 100%;
    align-items: center;
  }
  .content.login.cart .list-item .item-thumbnail, .content.join.cart .list-item .item-thumbnail, .content.sub.cart .list-item .item-thumbnail, .content.search.cart .list-item .item-thumbnail {
    flex: 0 0 4.5rem;
    align-self: flex-start;
  }
  .content.login.cart .list-item .item-thumbnail .img, .content.join.cart .list-item .item-thumbnail .img, .content.sub.cart .list-item .item-thumbnail .img, .content.search.cart .list-item .item-thumbnail .img {
    width: 4.5rem;
    height: 4.5rem;
  }
  .content.login.cart .list-item .item-info, .content.join.cart .list-item .item-info, .content.sub.cart .list-item .item-info, .content.search.cart .list-item .item-info {
    flex: 1 1 calc(100% - 5.5rem);
  }
  .content.login.cart .list-item .item-info .item-title, .content.join.cart .list-item .item-info .item-title, .content.sub.cart .list-item .item-info .item-title, .content.search.cart .list-item .item-info .item-title {
    font-size: 0.875rem;
  }
  .content.login.cart .list-item .item-info .item-title ~ .item-option select, .content.join.cart .list-item .item-info .item-title ~ .item-option select, .content.sub.cart .list-item .item-info .item-title ~ .item-option select, .content.search.cart .list-item .item-info .item-title ~ .item-option select {
    flex: 1 1 100%;
  }
  .content.login.cart .list-item .item-count, .content.join.cart .list-item .item-count, .content.sub.cart .list-item .item-count, .content.search.cart .list-item .item-count {
    justify-self: flex-end;
    margin-top: 0.5rem;
    margin-left: 5.5rem;
  }
  .content.login.cart .list-item .price, .content.join.cart .list-item .price, .content.sub.cart .list-item .price, .content.search.cart .list-item .price {
    margin-left: auto;
    padding: 0 1rem;
    font-size: 0.875rem;
  }
  .content.login.cart .list-item .price strong, .content.join.cart .list-item .price strong, .content.sub.cart .list-item .price strong, .content.search.cart .list-item .price strong {
    font-size: 1.125rem;
  }
  .content.login.cart .list-item .btn-del, .content.join.cart .list-item .btn-del, .content.sub.cart .list-item .btn-del, .content.search.cart .list-item .btn-del {
    top: 0.75rem;
    right: 0;
  }
  .content.login.cart .seller-total, .content.join.cart .seller-total, .content.sub.cart .seller-total, .content.search.cart .seller-total {
    display: block;
    padding: 0.5rem 1rem;
    text-align: right;
  }
  .content.login.cart .seller-total h3, .content.join.cart .seller-total h3, .content.sub.cart .seller-total h3, .content.search.cart .seller-total h3 {
    display: block;
    margin-bottom: 0.25rem;
    text-align: left;
    font-size: 0.75rem;
  }
  .content.login.cart .seller-total .spacer, .content.join.cart .seller-total .spacer, .content.sub.cart .seller-total .spacer, .content.search.cart .seller-total .spacer {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    border: 0;
    background-color: transparent;
  }
  .content.login.cart .seller-total .spacer i, .content.join.cart .seller-total .spacer i, .content.sub.cart .seller-total .spacer i, .content.search.cart .seller-total .spacer i {
    display: none;
  }
  .content.login.cart .seller-total .spacer.minus::before, .content.join.cart .seller-total .spacer.minus::before, .content.sub.cart .seller-total .spacer.minus::before, .content.search.cart .seller-total .spacer.minus::before {
    content: "-";
  }
  .content.login.cart .seller-total .spacer.plus::before, .content.join.cart .seller-total .spacer.plus::before, .content.sub.cart .seller-total .spacer.plus::before, .content.search.cart .seller-total .spacer.plus::before {
    content: "+";
  }
  .content.login.cart .seller-total .spacer.equal::before, .content.join.cart .seller-total .spacer.equal::before, .content.sub.cart .seller-total .spacer.equal::before, .content.search.cart .seller-total .spacer.equal::before {
    content: "=";
  }
  .content.login.cart .seller-total dl, .content.join.cart .seller-total dl, .content.sub.cart .seller-total dl, .content.search.cart .seller-total dl {
    display: inline-block;
    height: auto;
    line-height: 1;
  }
  .content.login.cart .seller-total dl dt,
  .content.login.cart .seller-total dl dd, .content.join.cart .seller-total dl dt,
  .content.join.cart .seller-total dl dd, .content.sub.cart .seller-total dl dt,
  .content.sub.cart .seller-total dl dd, .content.search.cart .seller-total dl dt,
  .content.search.cart .seller-total dl dd {
    display: inline-block;
    height: auto;
    margin: 0;
    color: #000000;
    font-size: 0.75rem;
  }
  .content.login.cart .seller-total dl.total, .content.join.cart .seller-total dl.total, .content.sub.cart .seller-total dl.total, .content.search.cart .seller-total dl.total {
    display: block;
    text-align: right;
  }
  .content.login.cart .goods-info .goods-info-title strong, .content.join.cart .goods-info .goods-info-title strong, .content.sub.cart .goods-info .goods-info-title strong, .content.search.cart .goods-info .goods-info-title strong {
    font-size: 1rem;
  }
  .content.login.cart .goods-info .info-table dt,
  .content.login.cart .goods-info .info-table dd, .content.join.cart .goods-info .info-table dt,
  .content.join.cart .goods-info .info-table dd, .content.sub.cart .goods-info .info-table dt,
  .content.sub.cart .goods-info .info-table dd, .content.search.cart .goods-info .info-table dt,
  .content.search.cart .goods-info .info-table dd {
    font-size: 0.875rem;
  }
  .content.login.cart .goods-info .total-price dl dt, .content.join.cart .goods-info .total-price dl dt, .content.sub.cart .goods-info .total-price dl dt, .content.search.cart .goods-info .total-price dl dt {
    font-size: 1rem;
  }
}
.content.login.ticket, .content.login.calendar, .content.join.ticket, .content.join.calendar, .content.sub.ticket, .content.sub.calendar, .content.search.ticket, .content.search.calendar {
  max-width: 82.5rem;
}
.content.login.ticket::before, .content.login.calendar::before, .content.join.ticket::before, .content.join.calendar::before, .content.sub.ticket::before, .content.sub.calendar::before, .content.search.ticket::before, .content.search.calendar::before {
  position: fixed;
  z-index: -1;
  top: 21rem;
  left: 0;
  display: block;
  width: 12.0625rem;
  height: 10.9375rem;
  content: "";
  background-position: left center;
  background-image: url(../images/sub-pattern-01.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.content.login.ticket.calendar, .content.login.calendar.calendar, .content.join.ticket.calendar, .content.join.calendar.calendar, .content.sub.ticket.calendar, .content.sub.calendar.calendar, .content.search.ticket.calendar, .content.search.calendar.calendar {
  padding-top: 5.25rem;
  padding-bottom: 5.25rem;
}
.content.login.ticket.calendar::before, .content.login.calendar.calendar::before, .content.join.ticket.calendar::before, .content.join.calendar.calendar::before, .content.sub.ticket.calendar::before, .content.sub.calendar.calendar::before, .content.search.ticket.calendar::before, .content.search.calendar.calendar::before {
  display: none;
}
.content.login.ticket.calendar h2, .content.login.calendar.calendar h2, .content.join.ticket.calendar h2, .content.join.calendar.calendar h2, .content.sub.ticket.calendar h2, .content.sub.calendar.calendar h2, .content.search.ticket.calendar h2, .content.search.calendar.calendar h2 {
  text-align: center;
  font-size: 2rem;
}
.content.login.ticket.calendar .calendar-body, .content.login.calendar.calendar .calendar-body, .content.join.ticket.calendar .calendar-body, .content.join.calendar.calendar .calendar-body, .content.sub.ticket.calendar .calendar-body, .content.sub.calendar.calendar .calendar-body, .content.search.ticket.calendar .calendar-body, .content.search.calendar.calendar .calendar-body {
  margin-top: 2.8125rem;
}
.content.login.ticket.calendar .calendar-body .calendar-top, .content.login.calendar.calendar .calendar-body .calendar-top, .content.join.ticket.calendar .calendar-body .calendar-top, .content.join.calendar.calendar .calendar-body .calendar-top, .content.sub.ticket.calendar .calendar-body .calendar-top, .content.sub.calendar.calendar .calendar-body .calendar-top, .content.search.ticket.calendar .calendar-body .calendar-top, .content.search.calendar.calendar .calendar-body .calendar-top {
  display: flex;
  margin-bottom: 1rem;
  align-items: center;
  justify-content: space-between;
}
.content.login.ticket.calendar .calendar-body .calendar-top .sel-month, .content.login.calendar.calendar .calendar-body .calendar-top .sel-month, .content.join.ticket.calendar .calendar-body .calendar-top .sel-month, .content.join.calendar.calendar .calendar-body .calendar-top .sel-month, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-month, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-month, .content.search.ticket.calendar .calendar-body .calendar-top .sel-month, .content.search.calendar.calendar .calendar-body .calendar-top .sel-month {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.content.login.ticket.calendar .calendar-body .calendar-top .sel-month h3, .content.login.calendar.calendar .calendar-body .calendar-top .sel-month h3, .content.join.ticket.calendar .calendar-body .calendar-top .sel-month h3, .content.join.calendar.calendar .calendar-body .calendar-top .sel-month h3, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-month h3, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-month h3, .content.search.ticket.calendar .calendar-body .calendar-top .sel-month h3, .content.search.calendar.calendar .calendar-body .calendar-top .sel-month h3 {
  margin: 0 0.5rem;
  font-size: 32px;
  font-weight: 500;
}
.content.login.ticket.calendar .calendar-body .calendar-top .sel-month button, .content.login.calendar.calendar .calendar-body .calendar-top .sel-month button, .content.join.ticket.calendar .calendar-body .calendar-top .sel-month button, .content.join.calendar.calendar .calendar-body .calendar-top .sel-month button, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-month button, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-month button, .content.search.ticket.calendar .calendar-body .calendar-top .sel-month button, .content.search.calendar.calendar .calendar-body .calendar-top .sel-month button {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
}
.content.login.ticket.calendar .calendar-body .calendar-top .sel-month button i, .content.login.calendar.calendar .calendar-body .calendar-top .sel-month button i, .content.join.ticket.calendar .calendar-body .calendar-top .sel-month button i, .content.join.calendar.calendar .calendar-body .calendar-top .sel-month button i, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-month button i, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-month button i, .content.search.ticket.calendar .calendar-body .calendar-top .sel-month button i, .content.search.calendar.calendar .calendar-body .calendar-top .sel-month button i {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.content.login.ticket.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-prev, .content.login.calendar.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-prev, .content.join.ticket.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-prev, .content.join.calendar.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-prev, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-prev, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-prev, .content.search.ticket.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-prev, .content.search.calendar.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-prev {
  background-image: url(../../../images/icon/ic-24-arr-prev.svg);
}
.content.login.ticket.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-next, .content.login.calendar.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-next, .content.join.ticket.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-next, .content.join.calendar.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-next, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-next, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-next, .content.search.ticket.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-next, .content.search.calendar.calendar .calendar-body .calendar-top .sel-month .icon-24-arr-next {
  background-image: url(../../../images/icon/ic-24-arr-next.svg);
}
.content.login.ticket.calendar .calendar-body .calendar-top .sel-type, .content.login.calendar.calendar .calendar-body .calendar-top .sel-type, .content.join.ticket.calendar .calendar-body .calendar-top .sel-type, .content.join.calendar.calendar .calendar-body .calendar-top .sel-type, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-type, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-type, .content.search.ticket.calendar .calendar-body .calendar-top .sel-type, .content.search.calendar.calendar .calendar-body .calendar-top .sel-type {
  position: relative;
  overflow: hidden;
  height: 2.5rem;
  flex: 0 0 13.125rem;
}
.content.login.ticket.calendar .calendar-body .calendar-top .sel-type::after, .content.login.calendar.calendar .calendar-body .calendar-top .sel-type::after, .content.join.ticket.calendar .calendar-body .calendar-top .sel-type::after, .content.join.calendar.calendar .calendar-body .calendar-top .sel-type::after, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-type::after, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-type::after, .content.search.ticket.calendar .calendar-body .calendar-top .sel-type::after, .content.search.calendar.calendar .calendar-body .calendar-top .sel-type::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  content: "";
  background-position: center;
  background-image: url(../images/icon/ic-24-arr-down.svg);
  background-repeat: no-repeat;
}
.content.login.ticket.calendar .calendar-body .calendar-top .sel-type:hover, .content.login.ticket.calendar .calendar-body .calendar-top .sel-type.expanded, .content.login.calendar.calendar .calendar-body .calendar-top .sel-type:hover, .content.login.calendar.calendar .calendar-body .calendar-top .sel-type.expanded, .content.join.ticket.calendar .calendar-body .calendar-top .sel-type:hover, .content.join.ticket.calendar .calendar-body .calendar-top .sel-type.expanded, .content.join.calendar.calendar .calendar-body .calendar-top .sel-type:hover, .content.join.calendar.calendar .calendar-body .calendar-top .sel-type.expanded, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-type:hover, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-type.expanded, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-type:hover, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-type.expanded, .content.search.ticket.calendar .calendar-body .calendar-top .sel-type:hover, .content.search.ticket.calendar .calendar-body .calendar-top .sel-type.expanded, .content.search.calendar.calendar .calendar-body .calendar-top .sel-type:hover, .content.search.calendar.calendar .calendar-body .calendar-top .sel-type.expanded {
  overflow: visible;
}
.content.login.ticket.calendar .calendar-body .calendar-top .sel-type:hover::after, .content.login.ticket.calendar .calendar-body .calendar-top .sel-type.expanded::after, .content.login.calendar.calendar .calendar-body .calendar-top .sel-type:hover::after, .content.login.calendar.calendar .calendar-body .calendar-top .sel-type.expanded::after, .content.join.ticket.calendar .calendar-body .calendar-top .sel-type:hover::after, .content.join.ticket.calendar .calendar-body .calendar-top .sel-type.expanded::after, .content.join.calendar.calendar .calendar-body .calendar-top .sel-type:hover::after, .content.join.calendar.calendar .calendar-body .calendar-top .sel-type.expanded::after, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-type:hover::after, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-type.expanded::after, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-type:hover::after, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-type.expanded::after, .content.search.ticket.calendar .calendar-body .calendar-top .sel-type:hover::after, .content.search.ticket.calendar .calendar-body .calendar-top .sel-type.expanded::after, .content.search.calendar.calendar .calendar-body .calendar-top .sel-type:hover::after, .content.search.calendar.calendar .calendar-body .calendar-top .sel-type.expanded::after {
  background-image: url(../images/icon/ic-24-arr-up.svg);
}
.content.login.ticket.calendar .calendar-body .calendar-top .sel-type ul, .content.login.calendar.calendar .calendar-body .calendar-top .sel-type ul, .content.join.ticket.calendar .calendar-body .calendar-top .sel-type ul, .content.join.calendar.calendar .calendar-body .calendar-top .sel-type ul, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-type ul, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-type ul, .content.search.ticket.calendar .calendar-body .calendar-top .sel-type ul, .content.search.calendar.calendar .calendar-body .calendar-top .sel-type ul {
  background-color: #f6f6f6;
}
.content.login.ticket.calendar .calendar-body .calendar-top .sel-type li, .content.login.calendar.calendar .calendar-body .calendar-top .sel-type li, .content.join.ticket.calendar .calendar-body .calendar-top .sel-type li, .content.join.calendar.calendar .calendar-body .calendar-top .sel-type li, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-type li, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-type li, .content.search.ticket.calendar .calendar-body .calendar-top .sel-type li, .content.search.calendar.calendar .calendar-body .calendar-top .sel-type li {
  display: flex;
  height: 2.5rem;
  padding: 0 1rem;
  align-items: center;
}
.content.login.ticket.calendar .calendar-body .calendar-top .sel-type li label, .content.login.calendar.calendar .calendar-body .calendar-top .sel-type li label, .content.join.ticket.calendar .calendar-body .calendar-top .sel-type li label, .content.join.calendar.calendar .calendar-body .calendar-top .sel-type li label, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-type li label, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-type li label, .content.search.ticket.calendar .calendar-body .calendar-top .sel-type li label, .content.search.calendar.calendar .calendar-body .calendar-top .sel-type li label {
  font-size: 0.875rem;
  flex: 1 1 100%;
}
.content.login.ticket.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox] + span, .content.login.calendar.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox] + span, .content.join.ticket.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox] + span, .content.join.calendar.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox] + span, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox] + span, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox] + span, .content.search.ticket.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox] + span, .content.search.calendar.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox] + span {
  color: #666666;
}
.content.login.ticket.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox]:checked + span, .content.login.calendar.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox]:checked + span, .content.join.ticket.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox]:checked + span, .content.join.calendar.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox]:checked + span, .content.sub.ticket.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox]:checked + span, .content.sub.calendar.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox]:checked + span, .content.search.ticket.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox]:checked + span, .content.search.calendar.calendar .calendar-body .calendar-top .sel-type li label input[type=checkbox]:checked + span {
  color: #000000;
}
.content.login.ticket.calendar .calendar-body .calendar-header, .content.login.calendar.calendar .calendar-body .calendar-header, .content.join.ticket.calendar .calendar-body .calendar-header, .content.join.calendar.calendar .calendar-body .calendar-header, .content.sub.ticket.calendar .calendar-body .calendar-header, .content.sub.calendar.calendar .calendar-body .calendar-header, .content.search.ticket.calendar .calendar-body .calendar-header, .content.search.calendar.calendar .calendar-body .calendar-header {
  display: flex;
  height: 2rem;
  align-items: stretch;
  margin-right: -0.75rem;
  margin-bottom: 1rem;
  margin-left: -0.75rem;
}
.content.login.ticket.calendar .calendar-body .calendar-header .day, .content.login.calendar.calendar .calendar-body .calendar-header .day, .content.join.ticket.calendar .calendar-body .calendar-header .day, .content.join.calendar.calendar .calendar-body .calendar-header .day, .content.sub.ticket.calendar .calendar-body .calendar-header .day, .content.sub.calendar.calendar .calendar-body .calendar-header .day, .content.search.ticket.calendar .calendar-body .calendar-header .day, .content.search.calendar.calendar .calendar-body .calendar-header .day {
  display: flex;
  max-width: calc(14.2857142857% - 1.5rem);
  height: 2rem;
  color: #666666;
  font-size: 0.875rem;
  align-items: center;
  flex: 1 1 calc(14.2857142857% - 1.5rem);
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}
@media (max-width: 1024px) {
  .content.login.ticket.calendar .calendar-body .calendar-header .day, .content.login.calendar.calendar .calendar-body .calendar-header .day, .content.join.ticket.calendar .calendar-body .calendar-header .day, .content.join.calendar.calendar .calendar-body .calendar-header .day, .content.sub.ticket.calendar .calendar-body .calendar-header .day, .content.sub.calendar.calendar .calendar-body .calendar-header .day, .content.search.ticket.calendar .calendar-body .calendar-header .day, .content.search.calendar.calendar .calendar-body .calendar-header .day {
    height: 1.5rem;
    font-size: 0.75rem;
  }
}
.content.login.ticket.calendar .calendar-body .calendar-content, .content.login.calendar.calendar .calendar-body .calendar-content, .content.join.ticket.calendar .calendar-body .calendar-content, .content.join.calendar.calendar .calendar-body .calendar-content, .content.sub.ticket.calendar .calendar-body .calendar-content, .content.sub.calendar.calendar .calendar-body .calendar-content, .content.search.ticket.calendar .calendar-body .calendar-content, .content.search.calendar.calendar .calendar-body .calendar-content {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}
@media (max-width: 1024px) {
  .content.login.ticket.calendar .calendar-body .calendar-content, .content.login.calendar.calendar .calendar-body .calendar-content, .content.join.ticket.calendar .calendar-body .calendar-content, .content.join.calendar.calendar .calendar-body .calendar-content, .content.sub.ticket.calendar .calendar-body .calendar-content, .content.sub.calendar.calendar .calendar-body .calendar-content, .content.search.ticket.calendar .calendar-body .calendar-content, .content.search.calendar.calendar .calendar-body .calendar-content {
    margin-right: -0.15625rem;
    margin-left: -0.15625rem;
  }
}
.content.login.ticket.calendar .calendar-body .calendar-content .day, .content.login.calendar.calendar .calendar-body .calendar-content .day, .content.join.ticket.calendar .calendar-body .calendar-content .day, .content.join.calendar.calendar .calendar-body .calendar-content .day, .content.sub.ticket.calendar .calendar-body .calendar-content .day, .content.sub.calendar.calendar .calendar-body .calendar-content .day, .content.search.ticket.calendar .calendar-body .calendar-content .day, .content.search.calendar.calendar .calendar-body .calendar-content .day {
  max-width: calc(14.2857142857% - 1.5rem);
  min-height: 10.9375rem;
  border-top: 1px solid #000000;
  flex: 1 1 calc(14.2857142857% - 1.5rem);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-right: 0.75rem;
  margin-bottom: 1.5rem;
  margin-left: 0.75rem;
}
@media (max-width: 1024px) {
  .content.login.ticket.calendar .calendar-body .calendar-content .day, .content.login.calendar.calendar .calendar-body .calendar-content .day, .content.join.ticket.calendar .calendar-body .calendar-content .day, .content.join.calendar.calendar .calendar-body .calendar-content .day, .content.sub.ticket.calendar .calendar-body .calendar-content .day, .content.sub.calendar.calendar .calendar-body .calendar-content .day, .content.search.ticket.calendar .calendar-body .calendar-content .day, .content.search.calendar.calendar .calendar-body .calendar-content .day {
    flex: 1 1 calc(14.2857142857% - 0.3125rem);
    max-width: calc(14.2857142857% - 0.3125rem);
    min-height: 10.3125rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    margin-right: 0.15625rem;
    margin-bottom: 1rem;
    margin-left: 0.15625rem;
  }
}
.content.login.ticket.calendar .calendar-body .calendar-content .day.other-month, .content.login.calendar.calendar .calendar-body .calendar-content .day.other-month, .content.join.ticket.calendar .calendar-body .calendar-content .day.other-month, .content.join.calendar.calendar .calendar-body .calendar-content .day.other-month, .content.sub.ticket.calendar .calendar-body .calendar-content .day.other-month, .content.sub.calendar.calendar .calendar-body .calendar-content .day.other-month, .content.search.ticket.calendar .calendar-body .calendar-content .day.other-month, .content.search.calendar.calendar .calendar-body .calendar-content .day.other-month {
  color: #d8d8d8;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day.other-month *, .content.login.calendar.calendar .calendar-body .calendar-content .day.other-month *, .content.join.ticket.calendar .calendar-body .calendar-content .day.other-month *, .content.join.calendar.calendar .calendar-body .calendar-content .day.other-month *, .content.sub.ticket.calendar .calendar-body .calendar-content .day.other-month *, .content.sub.calendar.calendar .calendar-body .calendar-content .day.other-month *, .content.search.ticket.calendar .calendar-body .calendar-content .day.other-month *, .content.search.calendar.calendar .calendar-body .calendar-content .day.other-month * {
  color: #d8d8d8;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day .date, .content.login.calendar.calendar .calendar-body .calendar-content .day .date, .content.join.ticket.calendar .calendar-body .calendar-content .day .date, .content.join.calendar.calendar .calendar-body .calendar-content .day .date, .content.sub.ticket.calendar .calendar-body .calendar-content .day .date, .content.sub.calendar.calendar .calendar-body .calendar-content .day .date, .content.search.ticket.calendar .calendar-body .calendar-content .day .date, .content.search.calendar.calendar .calendar-body .calendar-content .day .date {
  display: flex;
  height: 2rem;
  font-size: 1.5rem;
  align-items: center;
}
@media (max-width: 1024px) {
  .content.login.ticket.calendar .calendar-body .calendar-content .day .date, .content.login.calendar.calendar .calendar-body .calendar-content .day .date, .content.join.ticket.calendar .calendar-body .calendar-content .day .date, .content.join.calendar.calendar .calendar-body .calendar-content .day .date, .content.sub.ticket.calendar .calendar-body .calendar-content .day .date, .content.sub.calendar.calendar .calendar-body .calendar-content .day .date, .content.search.ticket.calendar .calendar-body .calendar-content .day .date, .content.search.calendar.calendar .calendar-body .calendar-content .day .date {
    height: 1.5rem;
    font-size: 1rem;
  }
}
.content.login.ticket.calendar .calendar-body .calendar-content .day .date.week-end, .content.login.calendar.calendar .calendar-body .calendar-content .day .date.week-end, .content.join.ticket.calendar .calendar-body .calendar-content .day .date.week-end, .content.join.calendar.calendar .calendar-body .calendar-content .day .date.week-end, .content.sub.ticket.calendar .calendar-body .calendar-content .day .date.week-end, .content.sub.calendar.calendar .calendar-body .calendar-content .day .date.week-end, .content.search.ticket.calendar .calendar-body .calendar-content .day .date.week-end, .content.search.calendar.calendar .calendar-body .calendar-content .day .date.week-end {
  color: #ff0000;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day .date .btn-play, .content.login.calendar.calendar .calendar-body .calendar-content .day .date .btn-play, .content.join.ticket.calendar .calendar-body .calendar-content .day .date .btn-play, .content.join.calendar.calendar .calendar-body .calendar-content .day .date .btn-play, .content.sub.ticket.calendar .calendar-body .calendar-content .day .date .btn-play, .content.sub.calendar.calendar .calendar-body .calendar-content .day .date .btn-play, .content.search.ticket.calendar .calendar-body .calendar-content .day .date .btn-play, .content.search.calendar.calendar .calendar-body .calendar-content .day .date .btn-play {
  margin-left: auto;
  padding: 0;
}
@media (max-width: 1024px) {
  .content.login.ticket.calendar .calendar-body .calendar-content .day .date .btn-play, .content.login.calendar.calendar .calendar-body .calendar-content .day .date .btn-play, .content.join.ticket.calendar .calendar-body .calendar-content .day .date .btn-play, .content.join.calendar.calendar .calendar-body .calendar-content .day .date .btn-play, .content.sub.ticket.calendar .calendar-body .calendar-content .day .date .btn-play, .content.sub.calendar.calendar .calendar-body .calendar-content .day .date .btn-play, .content.search.ticket.calendar .calendar-body .calendar-content .day .date .btn-play, .content.search.calendar.calendar .calendar-body .calendar-content .day .date .btn-play {
    display: none;
  }
}
.content.login.ticket.calendar .calendar-body .calendar-content .day .schedule-list, .content.login.calendar.calendar .calendar-body .calendar-content .day .schedule-list, .content.join.ticket.calendar .calendar-body .calendar-content .day .schedule-list, .content.join.calendar.calendar .calendar-body .calendar-content .day .schedule-list, .content.sub.ticket.calendar .calendar-body .calendar-content .day .schedule-list, .content.sub.calendar.calendar .calendar-body .calendar-content .day .schedule-list, .content.search.ticket.calendar .calendar-body .calendar-content .day .schedule-list, .content.search.calendar.calendar .calendar-body .calendar-content .day .schedule-list {
  margin-top: 0.75rem;
}
@media (max-width: 1024px) {
  .content.login.ticket.calendar .calendar-body .calendar-content .day .schedule-list, .content.login.calendar.calendar .calendar-body .calendar-content .day .schedule-list, .content.join.ticket.calendar .calendar-body .calendar-content .day .schedule-list, .content.join.calendar.calendar .calendar-body .calendar-content .day .schedule-list, .content.sub.ticket.calendar .calendar-body .calendar-content .day .schedule-list, .content.sub.calendar.calendar .calendar-body .calendar-content .day .schedule-list, .content.search.ticket.calendar .calendar-body .calendar-content .day .schedule-list, .content.search.calendar.calendar .calendar-body .calendar-content .day .schedule-list {
    margin-top: 0.25rem;
  }
}
.content.login.ticket.calendar .calendar-body .calendar-content .day dl, .content.login.calendar.calendar .calendar-body .calendar-content .day dl, .content.join.ticket.calendar .calendar-body .calendar-content .day dl, .content.join.calendar.calendar .calendar-body .calendar-content .day dl, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl, .content.search.ticket.calendar .calendar-body .calendar-content .day dl, .content.search.calendar.calendar .calendar-body .calendar-content .day dl {
  position: relative;
  display: flex;
  height: 1.25rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  align-items: flex-start;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day dl ~ dl, .content.login.calendar.calendar .calendar-body .calendar-content .day dl ~ dl, .content.join.ticket.calendar .calendar-body .calendar-content .day dl ~ dl, .content.join.calendar.calendar .calendar-body .calendar-content .day dl ~ dl, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl ~ dl, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl ~ dl, .content.search.ticket.calendar .calendar-body .calendar-content .day dl ~ dl, .content.search.calendar.calendar .calendar-body .calendar-content .day dl ~ dl {
  margin-top: 0.25rem;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt, .content.login.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt, .content.join.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt, .content.join.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt, .content.search.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt, .content.search.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt {
  color: #389cca;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt::before, .content.login.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt::before, .content.join.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt::before, .content.join.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt::before, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt::before, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt::before, .content.search.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt::before, .content.search.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-1 dt::before {
  background-color: #389cca;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt, .content.login.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt, .content.join.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt, .content.join.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt, .content.search.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt, .content.search.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt {
  color: #1a48b7;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt::before, .content.login.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt::before, .content.join.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt::before, .content.join.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt::before, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt::before, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt::before, .content.search.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt::before, .content.search.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-2 dt::before {
  background-color: #1a48b7;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt, .content.login.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt, .content.join.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt, .content.join.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt, .content.search.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt, .content.search.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt {
  color: #ed7354;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt::before, .content.login.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt::before, .content.join.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt::before, .content.join.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt::before, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt::before, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt::before, .content.search.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt::before, .content.search.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-3 dt::before {
  background-color: #ed7354;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt, .content.login.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt, .content.join.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt, .content.join.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt, .content.search.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt, .content.search.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt {
  color: #0dad49;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt::before, .content.login.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt::before, .content.join.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt::before, .content.join.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt::before, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt::before, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt::before, .content.search.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt::before, .content.search.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-4 dt::before {
  background-color: #0dad49;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt, .content.login.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt, .content.join.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt, .content.join.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt, .content.search.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt, .content.search.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt {
  color: #e2a64b;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt::before, .content.login.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt::before, .content.join.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt::before, .content.join.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt::before, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt::before, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt::before, .content.search.ticket.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt::before, .content.search.calendar.calendar .calendar-body .calendar-content .day dl.schedule-type-5 dt::before {
  background-color: #e2a64b;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day dl dt, .content.login.calendar.calendar .calendar-body .calendar-content .day dl dt, .content.join.ticket.calendar .calendar-body .calendar-content .day dl dt, .content.join.calendar.calendar .calendar-body .calendar-content .day dl dt, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl dt, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl dt, .content.search.ticket.calendar .calendar-body .calendar-content .day dl dt, .content.search.calendar.calendar .calendar-body .calendar-content .day dl dt {
  display: flex;
  height: 1.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  align-items: center;
  flex: 0 0 3.25rem;
}
@media (max-width: 1024px) {
  .content.login.ticket.calendar .calendar-body .calendar-content .day dl dt, .content.login.calendar.calendar .calendar-body .calendar-content .day dl dt, .content.join.ticket.calendar .calendar-body .calendar-content .day dl dt, .content.join.calendar.calendar .calendar-body .calendar-content .day dl dt, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl dt, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl dt, .content.search.ticket.calendar .calendar-body .calendar-content .day dl dt, .content.search.calendar.calendar .calendar-body .calendar-content .day dl dt {
    flex: 0 0 auto;
  }
}
.content.login.ticket.calendar .calendar-body .calendar-content .day dl dt::before, .content.login.calendar.calendar .calendar-body .calendar-content .day dl dt::before, .content.join.ticket.calendar .calendar-body .calendar-content .day dl dt::before, .content.join.calendar.calendar .calendar-body .calendar-content .day dl dt::before, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl dt::before, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl dt::before, .content.search.ticket.calendar .calendar-body .calendar-content .day dl dt::before, .content.search.calendar.calendar .calendar-body .calendar-content .day dl dt::before {
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  margin-right: 0.25rem;
  content: "";
  border-radius: 50%;
  flex: 0 0 auto;
}
.content.login.ticket.calendar .calendar-body .calendar-content .day dl dd, .content.login.calendar.calendar .calendar-body .calendar-content .day dl dd, .content.join.ticket.calendar .calendar-body .calendar-content .day dl dd, .content.join.calendar.calendar .calendar-body .calendar-content .day dl dd, .content.sub.ticket.calendar .calendar-body .calendar-content .day dl dd, .content.sub.calendar.calendar .calendar-body .calendar-content .day dl dd, .content.search.ticket.calendar .calendar-body .calendar-content .day dl dd, .content.search.calendar.calendar .calendar-body .calendar-content .day dl dd {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content.login.ticket .ticket-top .top-visual, .content.login.calendar .ticket-top .top-visual, .content.join.ticket .ticket-top .top-visual, .content.join.calendar .ticket-top .top-visual, .content.sub.ticket .ticket-top .top-visual, .content.sub.calendar .ticket-top .top-visual, .content.search.ticket .ticket-top .top-visual, .content.search.calendar .ticket-top .top-visual {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 30rem;
  padding: 3.5rem;
  color: #ffffff;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.content.login.ticket .ticket-top .top-visual .visual-title, .content.login.calendar .ticket-top .top-visual .visual-title, .content.join.ticket .ticket-top .top-visual .visual-title, .content.join.calendar .ticket-top .top-visual .visual-title, .content.sub.ticket .ticket-top .top-visual .visual-title, .content.sub.calendar .ticket-top .top-visual .visual-title, .content.search.ticket .ticket-top .top-visual .visual-title, .content.search.calendar .ticket-top .top-visual .visual-title {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.4791666667;
}
.content.login.ticket .ticket-top .top-visual p, .content.login.calendar .ticket-top .top-visual p, .content.join.ticket .ticket-top .top-visual p, .content.join.calendar .ticket-top .top-visual p, .content.sub.ticket .ticket-top .top-visual p, .content.sub.calendar .ticket-top .top-visual p, .content.search.ticket .ticket-top .top-visual p, .content.search.calendar .ticket-top .top-visual p {
  font-size: 1.5rem;
  font-weight: 300;
}
.content.login.ticket .ticket-top .top-visual .btn-share, .content.login.calendar .ticket-top .top-visual .btn-share, .content.join.ticket .ticket-top .top-visual .btn-share, .content.join.calendar .ticket-top .top-visual .btn-share, .content.sub.ticket .ticket-top .top-visual .btn-share, .content.sub.calendar .ticket-top .top-visual .btn-share, .content.search.ticket .ticket-top .top-visual .btn-share, .content.search.calendar .ticket-top .top-visual .btn-share {
  position: absolute;
  bottom: 3.5rem;
  left: 3.5rem;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
}
.content.login.ticket .ticket-top .top-visual .btn-share .icon-24-nega-share, .content.login.calendar .ticket-top .top-visual .btn-share .icon-24-nega-share, .content.join.ticket .ticket-top .top-visual .btn-share .icon-24-nega-share, .content.join.calendar .ticket-top .top-visual .btn-share .icon-24-nega-share, .content.sub.ticket .ticket-top .top-visual .btn-share .icon-24-nega-share, .content.sub.calendar .ticket-top .top-visual .btn-share .icon-24-nega-share, .content.search.ticket .ticket-top .top-visual .btn-share .icon-24-nega-share, .content.search.calendar .ticket-top .top-visual .btn-share .icon-24-nega-share {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-nega-share.svg);
}
.content.login.ticket .tab-content, .content.login.calendar .tab-content, .content.join.ticket .tab-content, .content.join.calendar .tab-content, .content.sub.ticket .tab-content, .content.sub.calendar .tab-content, .content.search.ticket .tab-content, .content.search.calendar .tab-content {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.content.login.ticket .stadium-map img, .content.login.calendar .stadium-map img, .content.join.ticket .stadium-map img, .content.join.calendar .stadium-map img, .content.sub.ticket .stadium-map img, .content.sub.calendar .stadium-map img, .content.search.ticket .stadium-map img, .content.search.calendar .stadium-map img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .content.login.ticket, .content.login.calendar, .content.join.ticket, .content.join.calendar, .content.sub.ticket, .content.sub.calendar, .content.search.ticket, .content.search.calendar {
    padding-top: 0;
  }
  .content.login.ticket::before, .content.login.calendar::before, .content.join.ticket::before, .content.join.calendar::before, .content.sub.ticket::before, .content.sub.calendar::before, .content.search.ticket::before, .content.search.calendar::before {
    display: none;
  }
  .content.login.ticket .ticket-top, .content.login.calendar .ticket-top, .content.join.ticket .ticket-top, .content.join.calendar .ticket-top, .content.sub.ticket .ticket-top, .content.sub.calendar .ticket-top, .content.search.ticket .ticket-top, .content.search.calendar .ticket-top {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .content.login.ticket .ticket-top .top-visual, .content.login.calendar .ticket-top .top-visual, .content.join.ticket .ticket-top .top-visual, .content.join.calendar .ticket-top .top-visual, .content.sub.ticket .ticket-top .top-visual, .content.sub.calendar .ticket-top .top-visual, .content.search.ticket .ticket-top .top-visual, .content.search.calendar .ticket-top .top-visual {
    height: 16rem;
    padding: 1rem;
  }
  .content.login.ticket .ticket-top .top-visual .visual-title, .content.login.calendar .ticket-top .top-visual .visual-title, .content.join.ticket .ticket-top .top-visual .visual-title, .content.join.calendar .ticket-top .top-visual .visual-title, .content.sub.ticket .ticket-top .top-visual .visual-title, .content.sub.calendar .ticket-top .top-visual .visual-title, .content.search.ticket .ticket-top .top-visual .visual-title, .content.search.calendar .ticket-top .top-visual .visual-title {
    font-size: 2rem;
  }
  .content.login.ticket .ticket-top .top-visual p, .content.login.calendar .ticket-top .top-visual p, .content.join.ticket .ticket-top .top-visual p, .content.join.calendar .ticket-top .top-visual p, .content.sub.ticket .ticket-top .top-visual p, .content.sub.calendar .ticket-top .top-visual p, .content.search.ticket .ticket-top .top-visual p, .content.search.calendar .ticket-top .top-visual p {
    font-size: 1rem;
  }
  .content.login.ticket .ticket-top .top-visual .btn-share, .content.login.calendar .ticket-top .top-visual .btn-share, .content.join.ticket .ticket-top .top-visual .btn-share, .content.join.calendar .ticket-top .top-visual .btn-share, .content.sub.ticket .ticket-top .top-visual .btn-share, .content.sub.calendar .ticket-top .top-visual .btn-share, .content.search.ticket .ticket-top .top-visual .btn-share, .content.search.calendar .ticket-top .top-visual .btn-share {
    bottom: 1rem;
    left: 1rem;
  }
  .content.login.ticket .tab-content, .content.login.calendar .tab-content, .content.join.ticket .tab-content, .content.join.calendar .tab-content, .content.sub.ticket .tab-content, .content.sub.calendar .tab-content, .content.search.ticket .tab-content, .content.search.calendar .tab-content {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.content.login.community, .content.login.service-center, .content.join.community, .content.join.service-center, .content.sub.community, .content.sub.service-center, .content.search.community, .content.search.service-center {
  max-width: 82.5rem;
  padding-bottom: 7.5rem;
}
.content.login.community.service-center h2, .content.login.service-center.service-center h2, .content.join.community.service-center h2, .content.join.service-center.service-center h2, .content.sub.community.service-center h2, .content.sub.service-center.service-center h2, .content.search.community.service-center h2, .content.search.service-center.service-center h2 {
  border-bottom: 0;
}
.content.login.community.service-center .board-list, .content.login.service-center.service-center .board-list, .content.join.community.service-center .board-list, .content.join.service-center.service-center .board-list, .content.sub.community.service-center .board-list, .content.sub.service-center.service-center .board-list, .content.search.community.service-center .board-list, .content.search.service-center.service-center .board-list {
  margin-top: 0;
  border-top: 0;
}
.content.login.community.service-center .board-list .list-item > div, .content.login.service-center.service-center .board-list .list-item > div, .content.join.community.service-center .board-list .list-item > div, .content.join.service-center.service-center .board-list .list-item > div, .content.sub.community.service-center .board-list .list-item > div, .content.sub.service-center.service-center .board-list .list-item > div, .content.search.community.service-center .board-list .list-item > div, .content.search.service-center.service-center .board-list .list-item > div {
  min-height: 0;
}
.content.login.community.service-center .board-list .list-item .list-title > div, .content.login.service-center.service-center .board-list .list-item .list-title > div, .content.join.community.service-center .board-list .list-item .list-title > div, .content.join.service-center.service-center .board-list .list-item .list-title > div, .content.sub.community.service-center .board-list .list-item .list-title > div, .content.sub.service-center.service-center .board-list .list-item .list-title > div, .content.search.community.service-center .board-list .list-item .list-title > div, .content.search.service-center.service-center .board-list .list-item .list-title > div {
  min-height: 0;
}
.content.login.community.service-center .board-list .list-item .list-title .subject, .content.login.service-center.service-center .board-list .list-item .list-title .subject, .content.join.community.service-center .board-list .list-item .list-title .subject, .content.join.service-center.service-center .board-list .list-item .list-title .subject, .content.sub.community.service-center .board-list .list-item .list-title .subject, .content.sub.service-center.service-center .board-list .list-item .list-title .subject, .content.search.community.service-center .board-list .list-item .list-title .subject, .content.search.service-center.service-center .board-list .list-item .list-title .subject {
  max-width: none;
  flex: 1 1 auto;
}
.content.login.community h2, .content.login.service-center h2, .content.join.community h2, .content.join.service-center h2, .content.sub.community h2, .content.sub.service-center h2, .content.search.community h2, .content.search.service-center h2 {
  margin-bottom: 3rem;
  text-align: center;
  font-size: 2.5rem;
}
.content.login.community h3, .content.login.service-center h3, .content.join.community h3, .content.join.service-center h3, .content.sub.community h3, .content.sub.service-center h3, .content.search.community h3, .content.search.service-center h3 {
  display: flex;
  height: 3.5rem;
  border-bottom: 1px solid #000000;
  font-size: 1.25rem;
  align-items: center;
}
.content.login.community h3.no-margin, .content.login.service-center h3.no-margin, .content.join.community h3.no-margin, .content.join.service-center h3.no-margin, .content.sub.community h3.no-margin, .content.sub.service-center h3.no-margin, .content.search.community h3.no-margin, .content.search.service-center h3.no-margin {
  margin-bottom: 0;
}
.content.login.community h3 + div, .content.login.service-center h3 + div, .content.join.community h3 + div, .content.join.service-center h3 + div, .content.sub.community h3 + div, .content.sub.service-center h3 + div, .content.search.community h3 + div, .content.search.service-center h3 + div {
  margin-top: 2.5rem;
}
.content.login.community h3 + div.form-field, .content.login.service-center h3 + div.form-field, .content.join.community h3 + div.form-field, .content.join.service-center h3 + div.form-field, .content.sub.community h3 + div.form-field, .content.sub.service-center h3 + div.form-field, .content.search.community h3 + div.form-field, .content.search.service-center h3 + div.form-field {
  margin-top: 0;
}
.content.login.community h3 select, .content.login.service-center h3 select, .content.join.community h3 select, .content.join.service-center h3 select, .content.sub.community h3 select, .content.sub.service-center h3 select, .content.search.community h3 select, .content.search.service-center h3 select {
  min-width: 13.125rem;
  margin-left: auto;
  flex: 0 0 auto;
}
.content.login.community h3 span, .content.login.service-center h3 span, .content.join.community h3 span, .content.join.service-center h3 span, .content.sub.community h3 span, .content.sub.service-center h3 span, .content.search.community h3 span, .content.search.service-center h3 span {
  margin-left: 0.5rem;
  color: #666666;
  font-size: 0.875rem;
}
.content.login.community h3 ~ h3, .content.login.service-center h3 ~ h3, .content.join.community h3 ~ h3, .content.join.service-center h3 ~ h3, .content.sub.community h3 ~ h3, .content.sub.service-center h3 ~ h3, .content.search.community h3 ~ h3, .content.search.service-center h3 ~ h3 {
  margin-top: 2.5rem;
}
.content.login.community .list-top, .content.login.service-center .list-top, .content.join.community .list-top, .content.join.service-center .list-top, .content.sub.community .list-top, .content.sub.service-center .list-top, .content.search.community .list-top, .content.search.service-center .list-top {
  width: 100%;
}
.content.login.community .list-top .filter, .content.login.service-center .list-top .filter, .content.join.community .list-top .filter, .content.join.service-center .list-top .filter, .content.sub.community .list-top .filter, .content.sub.service-center .list-top .filter, .content.search.community .list-top .filter, .content.search.service-center .list-top .filter {
  margin-left: auto;
  justify-self: flex-end;
}
.content.login.community .board-list.notice .list-item, .content.login.service-center .board-list.notice .list-item, .content.join.community .board-list.notice .list-item, .content.join.service-center .board-list.notice .list-item, .content.sub.community .board-list.notice .list-item, .content.sub.service-center .board-list.notice .list-item, .content.search.community .board-list.notice .list-item, .content.search.service-center .board-list.notice .list-item {
  display: flex;
  height: 3.5rem;
  border-bottom: 1px solid #d8d8d8;
  align-items: center;
}
.content.login.community .board-list.notice .list-item .category, .content.login.service-center .board-list.notice .list-item .category, .content.join.community .board-list.notice .list-item .category, .content.join.service-center .board-list.notice .list-item .category, .content.sub.community .board-list.notice .list-item .category, .content.sub.service-center .board-list.notice .list-item .category, .content.search.community .board-list.notice .list-item .category, .content.search.service-center .board-list.notice .list-item .category {
  padding: 0 1rem;
  color: #666666;
  font-size: 0.875rem;
  flex: 0 0 6.5625rem;
}
.content.login.community .board-list.notice .list-item .subject, .content.login.service-center .board-list.notice .list-item .subject, .content.join.community .board-list.notice .list-item .subject, .content.join.service-center .board-list.notice .list-item .subject, .content.sub.community .board-list.notice .list-item .subject, .content.sub.service-center .board-list.notice .list-item .subject, .content.search.community .board-list.notice .list-item .subject, .content.search.service-center .board-list.notice .list-item .subject {
  padding: 0 1rem;
  flex: 1 1 auto;
}
.content.login.community .board-list.notice .list-item .subject a, .content.login.service-center .board-list.notice .list-item .subject a, .content.join.community .board-list.notice .list-item .subject a, .content.join.service-center .board-list.notice .list-item .subject a, .content.sub.community .board-list.notice .list-item .subject a, .content.sub.service-center .board-list.notice .list-item .subject a, .content.search.community .board-list.notice .list-item .subject a, .content.search.service-center .board-list.notice .list-item .subject a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content.login.community .board-list.notice .list-item .date, .content.login.service-center .board-list.notice .list-item .date, .content.join.community .board-list.notice .list-item .date, .content.join.service-center .board-list.notice .list-item .date, .content.sub.community .board-list.notice .list-item .date, .content.sub.service-center .board-list.notice .list-item .date, .content.search.community .board-list.notice .list-item .date, .content.search.service-center .board-list.notice .list-item .date {
  color: #999999;
  font-size: 0.875rem;
  flex: 0 0 6.5625rem;
}
.content.login.community .board-detail, .content.login.service-center .board-detail, .content.join.community .board-detail, .content.join.service-center .board-detail, .content.sub.community .board-detail, .content.sub.service-center .board-detail, .content.search.community .board-detail, .content.search.service-center .board-detail {
  border-top: 1px solid #000000;
}
.content.login.community .board-detail .detail-top, .content.login.service-center .board-detail .detail-top, .content.join.community .board-detail .detail-top, .content.join.service-center .board-detail .detail-top, .content.sub.community .board-detail .detail-top, .content.sub.service-center .board-detail .detail-top, .content.search.community .board-detail .detail-top, .content.search.service-center .board-detail .detail-top {
  display: flex;
  min-height: 3.5rem;
  border-bottom: 1px solid #d8d8d8;
  align-items: center;
}
.content.login.community .board-detail .detail-top > div, .content.login.service-center .board-detail .detail-top > div, .content.join.community .board-detail .detail-top > div, .content.join.service-center .board-detail .detail-top > div, .content.sub.community .board-detail .detail-top > div, .content.sub.service-center .board-detail .detail-top > div, .content.search.community .board-detail .detail-top > div, .content.search.service-center .board-detail .detail-top > div {
  padding: 0 1rem;
}
.content.login.community .board-detail .detail-top .category, .content.login.service-center .board-detail .detail-top .category, .content.join.community .board-detail .detail-top .category, .content.join.service-center .board-detail .detail-top .category, .content.sub.community .board-detail .detail-top .category, .content.sub.service-center .board-detail .detail-top .category, .content.search.community .board-detail .detail-top .category, .content.search.service-center .board-detail .detail-top .category {
  color: #666666;
  font-size: 0.875rem;
  flex: 0 0 6.5625rem;
}
.content.login.community .board-detail .detail-top .subject, .content.login.service-center .board-detail .detail-top .subject, .content.join.community .board-detail .detail-top .subject, .content.join.service-center .board-detail .detail-top .subject, .content.sub.community .board-detail .detail-top .subject, .content.sub.service-center .board-detail .detail-top .subject, .content.search.community .board-detail .detail-top .subject, .content.search.service-center .board-detail .detail-top .subject {
  font-size: 0.875rem;
  flex: 1 1 auto;
}
.content.login.community .board-detail .detail-top .date, .content.login.service-center .board-detail .detail-top .date, .content.join.community .board-detail .detail-top .date, .content.join.service-center .board-detail .detail-top .date, .content.sub.community .board-detail .detail-top .date, .content.sub.service-center .board-detail .detail-top .date, .content.search.community .board-detail .detail-top .date, .content.search.service-center .board-detail .detail-top .date {
  color: #999999;
  flex: 0 0 6.5625rem;
}
.content.login.community .board-detail .detail-content, .content.login.service-center .board-detail .detail-content, .content.join.community .board-detail .detail-content, .content.join.service-center .board-detail .detail-content, .content.sub.community .board-detail .detail-content, .content.sub.service-center .board-detail .detail-content, .content.search.community .board-detail .detail-content, .content.search.service-center .board-detail .detail-content {
  padding: 1rem;
  border-bottom: 1px solid #d8d8d8;
  background-color: #f6f6f6;
  margin-right: -1rem;
  margin-left: -1rem;
}
.content.login.community .board-detail .detail-bottom-action ul li, .content.login.service-center .board-detail .detail-bottom-action ul li, .content.join.community .board-detail .detail-bottom-action ul li, .content.join.service-center .board-detail .detail-bottom-action ul li, .content.sub.community .board-detail .detail-bottom-action ul li, .content.sub.service-center .board-detail .detail-bottom-action ul li, .content.search.community .board-detail .detail-bottom-action ul li, .content.search.service-center .board-detail .detail-bottom-action ul li {
  display: flex;
  height: 3.5rem;
  border-bottom: 1px solid #d8d8d8;
  align-items: center;
}
.content.login.community .board-detail .detail-bottom-action ul li > div, .content.login.service-center .board-detail .detail-bottom-action ul li > div, .content.join.community .board-detail .detail-bottom-action ul li > div, .content.join.service-center .board-detail .detail-bottom-action ul li > div, .content.sub.community .board-detail .detail-bottom-action ul li > div, .content.sub.service-center .board-detail .detail-bottom-action ul li > div, .content.search.community .board-detail .detail-bottom-action ul li > div, .content.search.service-center .board-detail .detail-bottom-action ul li > div {
  padding: 0 1rem;
}
.content.login.community .board-detail .detail-bottom-action ul .type, .content.login.service-center .board-detail .detail-bottom-action ul .type, .content.join.community .board-detail .detail-bottom-action ul .type, .content.join.service-center .board-detail .detail-bottom-action ul .type, .content.sub.community .board-detail .detail-bottom-action ul .type, .content.sub.service-center .board-detail .detail-bottom-action ul .type, .content.search.community .board-detail .detail-bottom-action ul .type, .content.search.service-center .board-detail .detail-bottom-action ul .type {
  color: #001a58;
  font-size: 0.875rem;
  flex: 0 0 7rem;
}
.content.login.community .board-detail .detail-bottom-action ul .subject, .content.login.service-center .board-detail .detail-bottom-action ul .subject, .content.join.community .board-detail .detail-bottom-action ul .subject, .content.join.service-center .board-detail .detail-bottom-action ul .subject, .content.sub.community .board-detail .detail-bottom-action ul .subject, .content.sub.service-center .board-detail .detail-bottom-action ul .subject, .content.search.community .board-detail .detail-bottom-action ul .subject, .content.search.service-center .board-detail .detail-bottom-action ul .subject {
  flex: 1 1 auto;
}
.content.login.community .board-detail .detail-bottom-action ul .subject a, .content.login.service-center .board-detail .detail-bottom-action ul .subject a, .content.join.community .board-detail .detail-bottom-action ul .subject a, .content.join.service-center .board-detail .detail-bottom-action ul .subject a, .content.sub.community .board-detail .detail-bottom-action ul .subject a, .content.sub.service-center .board-detail .detail-bottom-action ul .subject a, .content.search.community .board-detail .detail-bottom-action ul .subject a, .content.search.service-center .board-detail .detail-bottom-action ul .subject a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content.login.community .board-detail .detail-bottom-action ul .date, .content.login.service-center .board-detail .detail-bottom-action ul .date, .content.join.community .board-detail .detail-bottom-action ul .date, .content.join.service-center .board-detail .detail-bottom-action ul .date, .content.sub.community .board-detail .detail-bottom-action ul .date, .content.sub.service-center .board-detail .detail-bottom-action ul .date, .content.search.community .board-detail .detail-bottom-action ul .date, .content.search.service-center .board-detail .detail-bottom-action ul .date {
  color: #999999;
  font-size: 0.875rem;
}
.content.login.community .board-detail .btns-group, .content.login.service-center .board-detail .btns-group, .content.join.community .board-detail .btns-group, .content.join.service-center .board-detail .btns-group, .content.sub.community .board-detail .btns-group, .content.sub.service-center .board-detail .btns-group, .content.search.community .board-detail .btns-group, .content.search.service-center .board-detail .btns-group {
  display: flex;
  margin-top: 2.5rem;
  align-items: center;
  justify-content: center;
}
.content.login.community .board-detail .btns-group button, .content.login.service-center .board-detail .btns-group button, .content.join.community .board-detail .btns-group button, .content.join.service-center .board-detail .btns-group button, .content.sub.community .board-detail .btns-group button, .content.sub.service-center .board-detail .btns-group button, .content.search.community .board-detail .btns-group button, .content.search.service-center .board-detail .btns-group button {
  margin: 0 0.5rem;
  flex: 0 0 8rem;
}
.content.login.community .service-center-top, .content.login.service-center .service-center-top, .content.join.community .service-center-top, .content.join.service-center .service-center-top, .content.sub.community .service-center-top, .content.sub.service-center .service-center-top, .content.search.community .service-center-top, .content.search.service-center .service-center-top {
  display: flex;
  margin-bottom: 5rem;
  align-items: stretch;
}
.content.login.community .service-center-top .service-center-search, .content.login.service-center .service-center-top .service-center-search, .content.join.community .service-center-top .service-center-search, .content.join.service-center .service-center-top .service-center-search, .content.sub.community .service-center-top .service-center-search, .content.sub.service-center .service-center-top .service-center-search, .content.search.community .service-center-top .service-center-search, .content.search.service-center .service-center-top .service-center-search {
  padding: 1.25rem 3.5rem;
  border: 1px solid #000000;
  flex: 0 1 54.0625rem;
}
.content.login.community .service-center-top .service-center-search form .search-form, .content.login.service-center .service-center-top .service-center-search form .search-form, .content.join.community .service-center-top .service-center-search form .search-form, .content.join.service-center .service-center-top .service-center-search form .search-form, .content.sub.community .service-center-top .service-center-search form .search-form, .content.sub.service-center .service-center-top .service-center-search form .search-form, .content.search.community .service-center-top .service-center-search form .search-form, .content.search.service-center .service-center-top .service-center-search form .search-form {
  display: flex;
  border-bottom: 2px solid #000000;
  align-items: center;
}
.content.login.community .service-center-top .service-center-search form .note, .content.login.service-center .service-center-top .service-center-search form .note, .content.join.community .service-center-top .service-center-search form .note, .content.join.service-center .service-center-top .service-center-search form .note, .content.sub.community .service-center-top .service-center-search form .note, .content.sub.service-center .service-center-top .service-center-search form .note, .content.search.community .service-center-top .service-center-search form .note, .content.search.service-center .service-center-top .service-center-search form .note {
  margin-top: 1rem;
  color: #666666;
  font-size: 0.875rem;
}
.content.login.community .service-center-top .service-center-search form input, .content.login.service-center .service-center-top .service-center-search form input, .content.join.community .service-center-top .service-center-search form input, .content.join.service-center .service-center-top .service-center-search form input, .content.sub.community .service-center-top .service-center-search form input, .content.sub.service-center .service-center-top .service-center-search form input, .content.search.community .service-center-top .service-center-search form input, .content.search.service-center .service-center-top .service-center-search form input {
  background-color: #ffffff;
}
.content.login.community .service-center-top .service-center-search form .btn-search, .content.login.service-center .service-center-top .service-center-search form .btn-search, .content.join.community .service-center-top .service-center-search form .btn-search, .content.join.service-center .service-center-top .service-center-search form .btn-search, .content.sub.community .service-center-top .service-center-search form .btn-search, .content.sub.service-center .service-center-top .service-center-search form .btn-search, .content.search.community .service-center-top .service-center-search form .btn-search, .content.search.service-center .service-center-top .service-center-search form .btn-search {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
}
.content.login.community .service-center-top .service-center-search form .btn-search .icon-24-search, .content.login.service-center .service-center-top .service-center-search form .btn-search .icon-24-search, .content.join.community .service-center-top .service-center-search form .btn-search .icon-24-search, .content.join.service-center .service-center-top .service-center-search form .btn-search .icon-24-search, .content.sub.community .service-center-top .service-center-search form .btn-search .icon-24-search, .content.sub.service-center .service-center-top .service-center-search form .btn-search .icon-24-search, .content.search.community .service-center-top .service-center-search form .btn-search .icon-24-search, .content.search.service-center .service-center-top .service-center-search form .btn-search .icon-24-search {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-search.svg);
}
.content.login.community .service-center-top .service-center-tel, .content.login.service-center .service-center-top .service-center-tel, .content.join.community .service-center-top .service-center-tel, .content.join.service-center .service-center-top .service-center-tel, .content.sub.community .service-center-top .service-center-tel, .content.sub.service-center .service-center-top .service-center-tel, .content.search.community .service-center-top .service-center-tel, .content.search.service-center .service-center-top .service-center-tel {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  text-align: center;
  color: #ffffff;
  background-color: #001a58;
  flex: 0 1 28.4375rem;
  align-items: center;
  justify-content: center;
}
.content.login.community .service-center-top .service-center-tel dl dt, .content.login.service-center .service-center-top .service-center-tel dl dt, .content.join.community .service-center-top .service-center-tel dl dt, .content.join.service-center .service-center-top .service-center-tel dl dt, .content.sub.community .service-center-top .service-center-tel dl dt, .content.sub.service-center .service-center-top .service-center-tel dl dt, .content.search.community .service-center-top .service-center-tel dl dt, .content.search.service-center .service-center-top .service-center-tel dl dt {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
}
.content.login.community .service-center-top .service-center-tel dl dd, .content.login.service-center .service-center-top .service-center-tel dl dd, .content.join.community .service-center-top .service-center-tel dl dd, .content.join.service-center .service-center-top .service-center-tel dl dd, .content.sub.community .service-center-top .service-center-tel dl dd, .content.sub.service-center .service-center-top .service-center-tel dl dd, .content.search.community .service-center-top .service-center-tel dl dd, .content.search.service-center .service-center-top .service-center-tel dl dd {
  font-size: 2.5rem;
  line-height: 1.175;
}
.content.login.community .service-center-top .service-center-tel .info, .content.login.service-center .service-center-top .service-center-tel .info, .content.join.community .service-center-top .service-center-tel .info, .content.join.service-center .service-center-top .service-center-tel .info, .content.sub.community .service-center-top .service-center-tel .info, .content.sub.service-center .service-center-top .service-center-tel .info, .content.search.community .service-center-top .service-center-tel .info, .content.search.service-center .service-center-top .service-center-tel .info {
  margin-top: 0.25rem;
  color: #7a8ec1;
  font-size: 0.875rem;
}
@media (max-width: 1024px) {
  .content.login.community, .content.login.service-center, .content.join.community, .content.join.service-center, .content.sub.community, .content.sub.service-center, .content.search.community, .content.search.service-center {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
  }
  .content.login.community h2, .content.login.service-center h2, .content.join.community h2, .content.join.service-center h2, .content.sub.community h2, .content.sub.service-center h2, .content.search.community h2, .content.search.service-center h2 {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
  }
  .content.login.community .list-top .filter, .content.login.service-center .list-top .filter, .content.join.community .list-top .filter, .content.join.service-center .list-top .filter, .content.sub.community .list-top .filter, .content.sub.service-center .list-top .filter, .content.search.community .list-top .filter, .content.search.service-center .list-top .filter {
    flex: 1 1 100%;
  }
  .content.login.community .list-top .filter select, .content.login.service-center .list-top .filter select, .content.join.community .list-top .filter select, .content.join.service-center .list-top .filter select, .content.sub.community .list-top .filter select, .content.sub.service-center .list-top .filter select, .content.search.community .list-top .filter select, .content.search.service-center .list-top .filter select {
    width: 100%;
  }
  .content.login.community .board-list.notice .list-item, .content.login.service-center .board-list.notice .list-item, .content.join.community .board-list.notice .list-item, .content.join.service-center .board-list.notice .list-item, .content.sub.community .board-list.notice .list-item, .content.sub.service-center .board-list.notice .list-item, .content.search.community .board-list.notice .list-item, .content.search.service-center .board-list.notice .list-item {
    height: auto;
    padding: 0.5rem 0;
    flex-wrap: wrap;
  }
  .content.login.community .board-list.notice .list-item .category, .content.login.service-center .board-list.notice .list-item .category, .content.join.community .board-list.notice .list-item .category, .content.join.service-center .board-list.notice .list-item .category, .content.sub.community .board-list.notice .list-item .category, .content.sub.service-center .board-list.notice .list-item .category, .content.search.community .board-list.notice .list-item .category, .content.search.service-center .board-list.notice .list-item .category {
    margin-bottom: 0.5rem;
    padding: 0;
    order: 0;
    flex: 0 0 auto;
  }
  .content.login.community .board-list.notice .list-item .subject, .content.login.service-center .board-list.notice .list-item .subject, .content.join.community .board-list.notice .list-item .subject, .content.join.service-center .board-list.notice .list-item .subject, .content.sub.community .board-list.notice .list-item .subject, .content.sub.service-center .board-list.notice .list-item .subject, .content.search.community .board-list.notice .list-item .subject, .content.search.service-center .board-list.notice .list-item .subject {
    padding: 0;
    order: 2;
    flex: 1 1 100%;
  }
  .content.login.community .board-list.notice .list-item .date, .content.login.service-center .board-list.notice .list-item .date, .content.join.community .board-list.notice .list-item .date, .content.join.service-center .board-list.notice .list-item .date, .content.sub.community .board-list.notice .list-item .date, .content.sub.service-center .board-list.notice .list-item .date, .content.search.community .board-list.notice .list-item .date, .content.search.service-center .board-list.notice .list-item .date {
    margin-bottom: 0.5rem;
    margin-left: auto;
    padding: 0;
    flex: 0 0 auto;
    order: 1;
  }
  .content.login.community .board-detail .detail-top, .content.login.service-center .board-detail .detail-top, .content.join.community .board-detail .detail-top, .content.join.service-center .board-detail .detail-top, .content.sub.community .board-detail .detail-top, .content.sub.service-center .board-detail .detail-top, .content.search.community .board-detail .detail-top, .content.search.service-center .board-detail .detail-top {
    padding: 0.5rem 0;
    flex-wrap: wrap;
  }
  .content.login.community .board-detail .detail-top > div, .content.login.service-center .board-detail .detail-top > div, .content.join.community .board-detail .detail-top > div, .content.join.service-center .board-detail .detail-top > div, .content.sub.community .board-detail .detail-top > div, .content.sub.service-center .board-detail .detail-top > div, .content.search.community .board-detail .detail-top > div, .content.search.service-center .board-detail .detail-top > div {
    padding: 0;
  }
  .content.login.community .board-detail .detail-top .category, .content.login.service-center .board-detail .detail-top .category, .content.join.community .board-detail .detail-top .category, .content.join.service-center .board-detail .detail-top .category, .content.sub.community .board-detail .detail-top .category, .content.sub.service-center .board-detail .detail-top .category, .content.search.community .board-detail .detail-top .category, .content.search.service-center .board-detail .detail-top .category {
    margin-bottom: 0.5rem;
    order: 0;
  }
  .content.login.community .board-detail .detail-top .subject, .content.login.service-center .board-detail .detail-top .subject, .content.join.community .board-detail .detail-top .subject, .content.join.service-center .board-detail .detail-top .subject, .content.sub.community .board-detail .detail-top .subject, .content.sub.service-center .board-detail .detail-top .subject, .content.search.community .board-detail .detail-top .subject, .content.search.service-center .board-detail .detail-top .subject {
    order: 2;
    flex: 1 1 100%;
  }
  .content.login.community .board-detail .detail-top .date, .content.login.service-center .board-detail .detail-top .date, .content.join.community .board-detail .detail-top .date, .content.join.service-center .board-detail .detail-top .date, .content.sub.community .board-detail .detail-top .date, .content.sub.service-center .board-detail .detail-top .date, .content.search.community .board-detail .detail-top .date, .content.search.service-center .board-detail .detail-top .date {
    margin-bottom: 0.5rem;
    margin-left: auto;
    order: 1;
  }
  .content.login.community .board-detail .detail-content, .content.login.service-center .board-detail .detail-content, .content.join.community .board-detail .detail-content, .content.join.service-center .board-detail .detail-content, .content.sub.community .board-detail .detail-content, .content.sub.service-center .board-detail .detail-content, .content.search.community .board-detail .detail-content, .content.search.service-center .board-detail .detail-content {
    font-size: 0.875rem;
  }
  .content.login.community .board-detail .detail-bottom-action ul .subject, .content.login.service-center .board-detail .detail-bottom-action ul .subject, .content.join.community .board-detail .detail-bottom-action ul .subject, .content.join.service-center .board-detail .detail-bottom-action ul .subject, .content.sub.community .board-detail .detail-bottom-action ul .subject, .content.sub.service-center .board-detail .detail-bottom-action ul .subject, .content.search.community .board-detail .detail-bottom-action ul .subject, .content.search.service-center .board-detail .detail-bottom-action ul .subject {
    font-size: 0.875rem;
  }
  .content.login.community .service-center-top, .content.login.service-center .service-center-top, .content.join.community .service-center-top, .content.join.service-center .service-center-top, .content.sub.community .service-center-top, .content.sub.service-center .service-center-top, .content.search.community .service-center-top, .content.search.service-center .service-center-top {
    flex-wrap: wrap;
    flex: 1 1 100%;
    margin-top: -1.5rem;
    margin-right: -1rem;
    margin-left: -1rem;
    margin-bottom: 1.5rem;
  }
  .content.login.community .service-center-top .service-center-search, .content.login.service-center .service-center-top .service-center-search, .content.join.community .service-center-top .service-center-search, .content.join.service-center .service-center-top .service-center-search, .content.sub.community .service-center-top .service-center-search, .content.sub.service-center .service-center-top .service-center-search, .content.search.community .service-center-top .service-center-search, .content.search.service-center .service-center-top .service-center-search {
    padding: 1rem;
    border: 0;
    order: 1;
    flex: 1 1 100%;
  }
  .content.login.community .service-center-top .service-center-search form .note, .content.login.service-center .service-center-top .service-center-search form .note, .content.join.community .service-center-top .service-center-search form .note, .content.join.service-center .service-center-top .service-center-search form .note, .content.sub.community .service-center-top .service-center-search form .note, .content.sub.service-center .service-center-top .service-center-search form .note, .content.search.community .service-center-top .service-center-search form .note, .content.search.service-center .service-center-top .service-center-search form .note {
    font-size: 0.75rem;
  }
  .content.login.community .service-center-top .service-center-tel, .content.login.service-center .service-center-top .service-center-tel, .content.join.community .service-center-top .service-center-tel, .content.join.service-center .service-center-top .service-center-tel, .content.sub.community .service-center-top .service-center-tel, .content.sub.service-center .service-center-top .service-center-tel, .content.search.community .service-center-top .service-center-tel, .content.search.service-center .service-center-top .service-center-tel {
    order: 0;
    flex: 1 1 100%;
    padding: 1rem;
  }
  .content.login.community .service-center-top .service-center-tel dl dt, .content.login.service-center .service-center-top .service-center-tel dl dt, .content.join.community .service-center-top .service-center-tel dl dt, .content.join.service-center .service-center-top .service-center-tel dl dt, .content.sub.community .service-center-top .service-center-tel dl dt, .content.sub.service-center .service-center-top .service-center-tel dl dt, .content.search.community .service-center-top .service-center-tel dl dt, .content.search.service-center .service-center-top .service-center-tel dl dt {
    font-size: 1rem;
  }
  .content.login.community .service-center-top .service-center-tel dl dd, .content.login.service-center .service-center-top .service-center-tel dl dd, .content.join.community .service-center-top .service-center-tel dl dd, .content.join.service-center .service-center-top .service-center-tel dl dd, .content.sub.community .service-center-top .service-center-tel dl dd, .content.sub.service-center .service-center-top .service-center-tel dl dd, .content.search.community .service-center-top .service-center-tel dl dd, .content.search.service-center .service-center-top .service-center-tel dl dd {
    font-size: 2rem;
  }
  .content.login.community.service-center h3 select, .content.login.service-center.service-center h3 select, .content.join.community.service-center h3 select, .content.join.service-center.service-center h3 select, .content.sub.community.service-center h3 select, .content.sub.service-center.service-center h3 select, .content.search.community.service-center h3 select, .content.search.service-center.service-center h3 select {
    flex: 1 1 100%;
  }
  .content.login.community.service-center .board-list .list-item, .content.login.service-center.service-center .board-list .list-item, .content.join.community.service-center .board-list .list-item, .content.join.service-center.service-center .board-list .list-item, .content.sub.community.service-center .board-list .list-item, .content.sub.service-center.service-center .board-list .list-item, .content.search.community.service-center .board-list .list-item, .content.search.service-center.service-center .board-list .list-item {
    position: relative;
    padding: 0.5rem 0;
  }
  .content.login.community.service-center .board-list .list-item.no-item, .content.login.service-center.service-center .board-list .list-item.no-item, .content.join.community.service-center .board-list .list-item.no-item, .content.join.service-center.service-center .board-list .list-item.no-item, .content.sub.community.service-center .board-list .list-item.no-item, .content.sub.service-center.service-center .board-list .list-item.no-item, .content.search.community.service-center .board-list .list-item.no-item, .content.search.service-center.service-center .board-list .list-item.no-item {
    padding: 1.5rem 0;
  }
  .content.login.community.service-center .board-list .list-item.on, .content.login.service-center.service-center .board-list .list-item.on, .content.join.community.service-center .board-list .list-item.on, .content.join.service-center.service-center .board-list .list-item.on, .content.sub.community.service-center .board-list .list-item.on, .content.sub.service-center.service-center .board-list .list-item.on, .content.search.community.service-center .board-list .list-item.on, .content.search.service-center.service-center .board-list .list-item.on {
    padding-bottom: 0;
  }
  .content.login.community.service-center .board-list .list-item.on::before, .content.login.service-center.service-center .board-list .list-item.on::before, .content.join.community.service-center .board-list .list-item.on::before, .content.join.service-center.service-center .board-list .list-item.on::before, .content.sub.community.service-center .board-list .list-item.on::before, .content.sub.service-center.service-center .board-list .list-item.on::before, .content.search.community.service-center .board-list .list-item.on::before, .content.search.service-center.service-center .board-list .list-item.on::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    content: "";
    transform: translateX(-50%);
    background-color: #f6f6f6;
  }
  .content.login.community.service-center .board-list .list-item.on .list-title .subject .title p:not(.title-text), .content.login.service-center.service-center .board-list .list-item.on .list-title .subject .title p:not(.title-text), .content.join.community.service-center .board-list .list-item.on .list-title .subject .title p:not(.title-text), .content.join.service-center.service-center .board-list .list-item.on .list-title .subject .title p:not(.title-text), .content.sub.community.service-center .board-list .list-item.on .list-title .subject .title p:not(.title-text), .content.sub.service-center.service-center .board-list .list-item.on .list-title .subject .title p:not(.title-text), .content.search.community.service-center .board-list .list-item.on .list-title .subject .title p:not(.title-text), .content.search.service-center.service-center .board-list .list-item.on .list-title .subject .title p:not(.title-text) {
    padding-bottom: 1rem;
  }
  .content.login.community.service-center .board-list .list-item .list-title, .content.login.service-center.service-center .board-list .list-item .list-title, .content.join.community.service-center .board-list .list-item .list-title, .content.join.service-center.service-center .board-list .list-item .list-title, .content.sub.community.service-center .board-list .list-item .list-title, .content.sub.service-center.service-center .board-list .list-item .list-title, .content.search.community.service-center .board-list .list-item .list-title, .content.search.service-center.service-center .board-list .list-item .list-title {
    flex-wrap: wrap;
  }
  .content.login.community.service-center .board-list .list-item .list-title .category, .content.login.service-center.service-center .board-list .list-item .list-title .category, .content.join.community.service-center .board-list .list-item .list-title .category, .content.join.service-center.service-center .board-list .list-item .list-title .category, .content.sub.community.service-center .board-list .list-item .list-title .category, .content.sub.service-center.service-center .board-list .list-item .list-title .category, .content.search.community.service-center .board-list .list-item .list-title .category, .content.search.service-center.service-center .board-list .list-item .list-title .category {
    padding: 0;
    margin-bottom: 0.5rem;
    text-align: left;
    flex: 1 1 100%;
    justify-content: flex-start;
  }
  .content.login.community.service-center .board-list .list-item .list-title .subject, .content.login.service-center.service-center .board-list .list-item .list-title .subject, .content.join.community.service-center .board-list .list-item .list-title .subject, .content.join.service-center.service-center .board-list .list-item .list-title .subject, .content.sub.community.service-center .board-list .list-item .list-title .subject, .content.sub.service-center.service-center .board-list .list-item .list-title .subject, .content.search.community.service-center .board-list .list-item .list-title .subject, .content.search.service-center.service-center .board-list .list-item .list-title .subject {
    padding: 0;
    flex: 1 1 100%;
  }
  .content.login.community.service-center .board-list .list-item .list-title .subject .title-text, .content.login.service-center.service-center .board-list .list-item .list-title .subject .title-text, .content.join.community.service-center .board-list .list-item .list-title .subject .title-text, .content.join.service-center.service-center .board-list .list-item .list-title .subject .title-text, .content.sub.community.service-center .board-list .list-item .list-title .subject .title-text, .content.sub.service-center.service-center .board-list .list-item .list-title .subject .title-text, .content.search.community.service-center .board-list .list-item .list-title .subject .title-text, .content.search.service-center.service-center .board-list .list-item .list-title .subject .title-text {
    padding-bottom: 0.5rem;
  }
  .content.login.community.service-center .board-list .list-item .list-title .subject .title-text ~ p, .content.login.service-center.service-center .board-list .list-item .list-title .subject .title-text ~ p, .content.join.community.service-center .board-list .list-item .list-title .subject .title-text ~ p, .content.join.service-center.service-center .board-list .list-item .list-title .subject .title-text ~ p, .content.sub.community.service-center .board-list .list-item .list-title .subject .title-text ~ p, .content.sub.service-center.service-center .board-list .list-item .list-title .subject .title-text ~ p, .content.search.community.service-center .board-list .list-item .list-title .subject .title-text ~ p, .content.search.service-center.service-center .board-list .list-item .list-title .subject .title-text ~ p {
    margin-top: 0.5rem;
    padding: 0.5rem 0;
    border: 0;
  }
}
.content.login.mypage, .content.join.mypage, .content.sub.mypage, .content.search.mypage {
  max-width: 82.5rem;
  padding-bottom: 7.5rem;
  /* 진행중인 주문 */
  /* 주문 목록 */
  /* 주문결제정보 */
  /* 배송지 정보 */
  /* 포인트 */
  /* 등급 */
  /* 쿠폰 입력 */
  /* 관심상품목록 */
  /* 문의내역 */
  /* 배송지 목록 */
  /* 회원정보관리 */
  /* 판매자센터 */
}
.profile.change-password .profile-form {
  border-bottom: 1px solid #d8d8d8;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.profile.change-password .profile-form .input-row {
  width: 100%;
  max-width: 36.125rem;
  border-bottom: 0 !important;
  margin-right: auto;
  margin-left: auto;
}
.profile.change-password .profile-form .input-row .input-title {
  flex: 1 0 6.25rem;
}

.profile .border-bottom {
  border-bottom: 1px solid #000000;
}

.profile .padding-bottom {
  padding-bottom: 1rem;
}

.content.login.mypage h2, .content.join.mypage h2, .content.sub.mypage h2, .content.search.mypage h2 {
  display: flex;
  height: 3.5rem;
  border-bottom: 2px solid #000000;
  font-size: 1.5rem;
  font-weight: 500;
  align-items: center;
}
.content.login.mypage h2.text-center, .content.join.mypage h2.text-center, .content.sub.mypage h2.text-center, .content.search.mypage h2.text-center {
  justify-content: center !important;
}
.content.login.mypage h2.no-border, .content.join.mypage h2.no-border, .content.sub.mypage h2.no-border, .content.search.mypage h2.no-border {
  border: 0;
}
.content.login.mypage h3, .content.join.mypage h3, .content.sub.mypage h3, .content.search.mypage h3 {
  display: flex;
  height: 3.5rem;
  border-bottom: 1px solid #000000;
  font-size: 1.25rem;
  align-items: center;
}
.content.login.mypage h3.no-margin, .content.join.mypage h3.no-margin, .content.sub.mypage h3.no-margin, .content.search.mypage h3.no-margin {
  margin-bottom: 0;
}
.content.login.mypage h3 + div, .content.join.mypage h3 + div, .content.sub.mypage h3 + div, .content.search.mypage h3 + div {
  margin-top: 2.5rem;
}
.content.login.mypage h3 + div.form-field, .content.join.mypage h3 + div.form-field, .content.sub.mypage h3 + div.form-field, .content.search.mypage h3 + div.form-field {
  margin-top: 0;
}
.content.login.mypage h3 span, .content.join.mypage h3 span, .content.sub.mypage h3 span, .content.search.mypage h3 span {
  margin-left: 0.5rem;
  color: #666666;
  font-size: 0.875rem;
  font-weight: normal;
}
.content.login.mypage h3 ~ h3, div + .content.login.mypage h3, .content.join.mypage h3 ~ h3, div + .content.join.mypage h3, .content.sub.mypage h3 ~ h3, div + .content.sub.mypage h3, .content.search.mypage h3 ~ h3, div + .content.search.mypage h3 {
  margin-top: 2.5rem;
}
.content.login.mypage .order-result, .content.join.mypage .order-result, .content.sub.mypage .order-result, .content.search.mypage .order-result {
  padding: 1rem;
  text-align: center;
  color: #ffffff;
  background-color: #001a58;
  font-size: 1.5rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 1024px) {
  .content.login.mypage .order-result, .content.join.mypage .order-result, .content.sub.mypage .order-result, .content.search.mypage .order-result {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
.content.login.mypage .tabs .tab, .content.join.mypage .tabs .tab, .content.sub.mypage .tabs .tab, .content.search.mypage .tabs .tab {
  margin-bottom: 2.5rem;
}
.content.login.mypage .mypage-row, .content.join.mypage .mypage-row, .content.sub.mypage .mypage-row, .content.search.mypage .mypage-row {
  display: flex;
  align-items: flex-start;
  margin-right: -1.625rem;
  margin-left: -1.625rem;
}
.content.login.mypage .mypage-row .col, .content.join.mypage .mypage-row .col, .content.sub.mypage .mypage-row .col, .content.search.mypage .mypage-row .col {
  margin: 0 1.625rem;
}
.content.login.mypage .mypage-row .col.mypage-side-menu, .content.join.mypage .mypage-row .col.mypage-side-menu, .content.sub.mypage .mypage-row .col.mypage-side-menu, .content.search.mypage .mypage-row .col.mypage-side-menu {
  flex: 0 0 11.5rem;
}
.content.login.mypage .mypage-row .col.mypage-content, .content.join.mypage .mypage-row .col.mypage-content, .content.sub.mypage .mypage-row .col.mypage-content, .content.search.mypage .mypage-row .col.mypage-content {
  flex: 1 1 auto;
}
.content.login.mypage .mypage-row .col.mypage-content.coupon .tabs .tab, .content.join.mypage .mypage-row .col.mypage-content.coupon .tabs .tab, .content.sub.mypage .mypage-row .col.mypage-content.coupon .tabs .tab, .content.search.mypage .mypage-row .col.mypage-content.coupon .tabs .tab {
  margin-bottom: 0;
}
.content.login.mypage .mypage-row .col.mypage-content.coupon .tabs .board .board-list, .content.join.mypage .mypage-row .col.mypage-content.coupon .tabs .board .board-list, .content.sub.mypage .mypage-row .col.mypage-content.coupon .tabs .board .board-list, .content.search.mypage .mypage-row .col.mypage-content.coupon .tabs .board .board-list {
  border-top: 0;
}
.content.login.mypage .mypage-side-menu ul, .content.join.mypage .mypage-side-menu ul, .content.sub.mypage .mypage-side-menu ul, .content.search.mypage .mypage-side-menu ul {
  padding: 1rem 0;
}
.content.login.mypage .mypage-side-menu ul li, .content.join.mypage .mypage-side-menu ul li, .content.sub.mypage .mypage-side-menu ul li, .content.search.mypage .mypage-side-menu ul li {
  font-size: 1rem;
}
.content.login.mypage .mypage-side-menu ul li.on, .content.join.mypage .mypage-side-menu ul li.on, .content.sub.mypage .mypage-side-menu ul li.on, .content.search.mypage .mypage-side-menu ul li.on {
  color: #ff0000;
}
.content.login.mypage .mypage-side-menu ul li ~ li, .content.join.mypage .mypage-side-menu ul li ~ li, .content.sub.mypage .mypage-side-menu ul li ~ li, .content.search.mypage .mypage-side-menu ul li ~ li {
  margin-top: 1rem;
}
.content.login.mypage .mypage-main-top, .content.join.mypage .mypage-main-top, .content.sub.mypage .mypage-main-top, .content.search.mypage .mypage-main-top {
  margin-bottom: 2.5rem;
  padding: 1.5rem 2.5rem;
  color: #ffffff;
  background-color: #001a58;
}
.content.login.mypage .mypage-main-top .user-info, .content.join.mypage .mypage-main-top .user-info, .content.sub.mypage .mypage-main-top .user-info, .content.search.mypage .mypage-main-top .user-info {
  display: flex;
  height: 56px;
  align-items: center;
}
.content.login.mypage .mypage-main-top .user-info .user, .content.join.mypage .mypage-main-top .user-info .user, .content.sub.mypage .mypage-main-top .user-info .user, .content.search.mypage .mypage-main-top .user-info .user {
  font-size: 1rem;
}
.content.login.mypage .mypage-main-top .user-info .user strong, .content.join.mypage .mypage-main-top .user-info .user strong, .content.sub.mypage .mypage-main-top .user-info .user strong, .content.search.mypage .mypage-main-top .user-info .user strong {
  font-size: 1.25rem;
  font-weight: 500;
}
.content.login.mypage .mypage-main-top .user-info .user strong.tier, .content.join.mypage .mypage-main-top .user-info .user strong.tier, .content.sub.mypage .mypage-main-top .user-info .user strong.tier, .content.search.mypage .mypage-main-top .user-info .user strong.tier {
  margin-right: 1.5rem;
}
.content.login.mypage .mypage-main-top .user-info .btn-coupon, .content.join.mypage .mypage-main-top .user-info .btn-coupon, .content.sub.mypage .mypage-main-top .user-info .btn-coupon, .content.search.mypage .mypage-main-top .user-info .btn-coupon {
  height: 2rem;
  margin-left: 1rem;
  padding: 0 1rem;
  border: 1px solid #ffffff;
  border-radius: 1rem;
  align-items: center;
}
.content.login.mypage .mypage-main-top .user-info .btn-coupon .icon-24-nega-download, .content.join.mypage .mypage-main-top .user-info .btn-coupon .icon-24-nega-download, .content.sub.mypage .mypage-main-top .user-info .btn-coupon .icon-24-nega-download, .content.search.mypage .mypage-main-top .user-info .btn-coupon .icon-24-nega-download {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.5rem;
  background-image: url(../images/icon/ic-24-nega-download.svg);
}
.content.login.mypage .mypage-main-top .info-detail, .content.join.mypage .mypage-main-top .info-detail, .content.sub.mypage .mypage-main-top .info-detail, .content.search.mypage .mypage-main-top .info-detail {
  display: flex;
  width: 100%;
  margin-top: 2rem;
  align-items: flex-start;
}
.content.login.mypage .mypage-main-top .info-detail dl, .content.join.mypage .mypage-main-top .info-detail dl, .content.sub.mypage .mypage-main-top .info-detail dl, .content.search.mypage .mypage-main-top .info-detail dl {
  position: relative;
  text-align: center;
  flex: 1;
}
.content.login.mypage .mypage-main-top .info-detail dl ~ dl, .content.join.mypage .mypage-main-top .info-detail dl ~ dl, .content.sub.mypage .mypage-main-top .info-detail dl ~ dl, .content.search.mypage .mypage-main-top .info-detail dl ~ dl {
  border-left: 1px solid rgba(122, 142, 193, 0.3);
}
.content.login.mypage .mypage-main-top .info-detail dl dt, .content.join.mypage .mypage-main-top .info-detail dl dt, .content.sub.mypage .mypage-main-top .info-detail dl dt, .content.search.mypage .mypage-main-top .info-detail dl dt {
  margin-bottom: 0.75rem;
  color: #7a8ec1;
  font-size: 0.875rem;
  font-weight: normal;
}
.content.login.mypage .mypage-main-top .info-detail dl dd, .content.join.mypage .mypage-main-top .info-detail dl dd, .content.sub.mypage .mypage-main-top .info-detail dl dd, .content.search.mypage .mypage-main-top .info-detail dl dd {
  vertical-align: baseline;
  font-size: 1rem;
}
.content.login.mypage .mypage-main-top .info-detail dl .value, .content.join.mypage .mypage-main-top .info-detail dl .value, .content.sub.mypage .mypage-main-top .info-detail dl .value, .content.search.mypage .mypage-main-top .info-detail dl .value {
  margin: 0 0.5rem;
  font-size: 2rem;
  font-weight: 500;
}
.content.login.mypage .order-step .step, .content.join.mypage .order-step .step, .content.sub.mypage .order-step .step, .content.search.mypage .order-step .step {
  display: flex;
  width: 100%;
  margin-bottom: 2.5rem;
  align-items: center;
}
.content.login.mypage .order-step .step dl, .content.join.mypage .order-step .step dl, .content.sub.mypage .order-step .step dl, .content.search.mypage .order-step .step dl {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 8.5rem;
  height: 8.5rem;
  text-align: center;
  border-radius: 50%;
  background-color: #f6f6f6;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}
.content.login.mypage .order-step .step dl dt, .content.join.mypage .order-step .step dl dt, .content.sub.mypage .order-step .step dl dt, .content.search.mypage .order-step .step dl dt {
  font-size: 1rem;
  font-weight: normal;
}
.content.login.mypage .order-step .step dl dd, .content.join.mypage .order-step .step dl dd, .content.sub.mypage .order-step .step dl dd, .content.search.mypage .order-step .step dl dd {
  font-size: 2rem;
  font-weight: 500;
}
.content.login.mypage .order-step .step .icon-32-arr-next, .content.join.mypage .order-step .step .icon-32-arr-next, .content.sub.mypage .order-step .step .icon-32-arr-next, .content.search.mypage .order-step .step .icon-32-arr-next {
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 0 auto;
  flex: 0 0 auto;
  background-image: url(../images/icon/ic-32-arr-next.svg);
}
@media (max-width: 1280px) {
  .content.login.mypage .order-list .mo-only, .content.join.mypage .order-list .mo-only, .content.sub.mypage .order-list .mo-only, .content.search.mypage .order-list .mo-only {
    display: inline-block !important;
  }
  .content.login.mypage .order-list .item-header, .content.join.mypage .order-list .item-header, .content.sub.mypage .order-list .item-header, .content.search.mypage .order-list .item-header {
    display: none !important;
  }
}
.content.login.mypage .order-list ul.grouped, .content.join.mypage .order-list ul.grouped, .content.sub.mypage .order-list ul.grouped, .content.search.mypage .order-list ul.grouped {
  position: relative;
}
.content.login.mypage .order-list ul.grouped .order-item .action-item, .content.join.mypage .order-list ul.grouped .order-item .action-item, .content.sub.mypage .order-list ul.grouped .order-item .action-item, .content.search.mypage .order-list ul.grouped .order-item .action-item {
  order: 9;
}
.content.login.mypage .order-list ul.grouped .order-item:first-child .shipping-price,
.content.login.mypage .order-list ul.grouped .order-item:first-child .seller-info, .content.join.mypage .order-list ul.grouped .order-item:first-child .shipping-price,
.content.join.mypage .order-list ul.grouped .order-item:first-child .seller-info, .content.sub.mypage .order-list ul.grouped .order-item:first-child .shipping-price,
.content.sub.mypage .order-list ul.grouped .order-item:first-child .seller-info, .content.search.mypage .order-list ul.grouped .order-item:first-child .shipping-price,
.content.search.mypage .order-list ul.grouped .order-item:first-child .seller-info {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8.5rem;
  height: 100%;
  border-bottom: 1px solid #d8d8d8;
}
.content.login.mypage .order-list ul.grouped .order-item:first-child .shipping-price.shipping-price,
.content.login.mypage .order-list ul.grouped .order-item:first-child .seller-info.shipping-price, .content.join.mypage .order-list ul.grouped .order-item:first-child .shipping-price.shipping-price,
.content.join.mypage .order-list ul.grouped .order-item:first-child .seller-info.shipping-price, .content.sub.mypage .order-list ul.grouped .order-item:first-child .shipping-price.shipping-price,
.content.sub.mypage .order-list ul.grouped .order-item:first-child .seller-info.shipping-price, .content.search.mypage .order-list ul.grouped .order-item:first-child .shipping-price.shipping-price,
.content.search.mypage .order-list ul.grouped .order-item:first-child .seller-info.shipping-price {
  right: 19.5rem;
  background-color: #ffffff;
}
.content.login.mypage .order-list ul.grouped .order-item:first-child .shipping-price.seller-info,
.content.login.mypage .order-list ul.grouped .order-item:first-child .seller-info.seller-info, .content.join.mypage .order-list ul.grouped .order-item:first-child .shipping-price.seller-info,
.content.join.mypage .order-list ul.grouped .order-item:first-child .seller-info.seller-info, .content.sub.mypage .order-list ul.grouped .order-item:first-child .shipping-price.seller-info,
.content.sub.mypage .order-list ul.grouped .order-item:first-child .seller-info.seller-info, .content.search.mypage .order-list ul.grouped .order-item:first-child .shipping-price.seller-info,
.content.search.mypage .order-list ul.grouped .order-item:first-child .seller-info.seller-info {
  right: 11rem;
}
.content.login.mypage .order-list ul.grouped .order-item:not(:first-child) .shipping-price,
.content.login.mypage .order-list ul.grouped .order-item:not(:first-child) .seller-info, .content.join.mypage .order-list ul.grouped .order-item:not(:first-child) .shipping-price,
.content.join.mypage .order-list ul.grouped .order-item:not(:first-child) .seller-info, .content.sub.mypage .order-list ul.grouped .order-item:not(:first-child) .shipping-price,
.content.sub.mypage .order-list ul.grouped .order-item:not(:first-child) .seller-info, .content.search.mypage .order-list ul.grouped .order-item:not(:first-child) .shipping-price,
.content.search.mypage .order-list ul.grouped .order-item:not(:first-child) .seller-info {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.content.login.mypage .order-list ul.grouped .goods-info, .content.join.mypage .order-list ul.grouped .goods-info, .content.sub.mypage .order-list ul.grouped .goods-info, .content.search.mypage .order-list ul.grouped .goods-info {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.content.login.mypage .order-list ul.grouped .price, .content.join.mypage .order-list ul.grouped .price, .content.sub.mypage .order-list ul.grouped .price, .content.search.mypage .order-list ul.grouped .price {
  order: 1;
  margin-right: 17rem;
}
.content.login.mypage .order-list ul.grouped .item-action, .content.join.mypage .order-list ul.grouped .item-action, .content.sub.mypage .order-list ul.grouped .item-action, .content.search.mypage .order-list ul.grouped .item-action {
  order: 9;
}
@media (max-width: 1280px) {
  .content.login.mypage .order-list ul.grouped .order-item:first-child .item-content, .content.join.mypage .order-list ul.grouped .order-item:first-child .item-content, .content.sub.mypage .order-list ul.grouped .order-item:first-child .item-content, .content.search.mypage .order-list ul.grouped .order-item:first-child .item-content {
    flex-wrap: wrap;
  }
  .content.login.mypage .order-list ul.grouped .order-item:first-child .shipping-price,
  .content.login.mypage .order-list ul.grouped .order-item:first-child .seller-info, .content.join.mypage .order-list ul.grouped .order-item:first-child .shipping-price,
  .content.join.mypage .order-list ul.grouped .order-item:first-child .seller-info, .content.sub.mypage .order-list ul.grouped .order-item:first-child .shipping-price,
  .content.sub.mypage .order-list ul.grouped .order-item:first-child .seller-info, .content.search.mypage .order-list ul.grouped .order-item:first-child .shipping-price,
  .content.search.mypage .order-list ul.grouped .order-item:first-child .seller-info {
    position: relative;
    flex: 1 1 100%;
  }
  .content.login.mypage .order-list ul.grouped .order-item:first-child .shipping-price.shipping-price,
  .content.login.mypage .order-list ul.grouped .order-item:first-child .seller-info.shipping-price, .content.join.mypage .order-list ul.grouped .order-item:first-child .shipping-price.shipping-price,
  .content.join.mypage .order-list ul.grouped .order-item:first-child .seller-info.shipping-price, .content.sub.mypage .order-list ul.grouped .order-item:first-child .shipping-price.shipping-price,
  .content.sub.mypage .order-list ul.grouped .order-item:first-child .seller-info.shipping-price, .content.search.mypage .order-list ul.grouped .order-item:first-child .shipping-price.shipping-price,
  .content.search.mypage .order-list ul.grouped .order-item:first-child .seller-info.shipping-price {
    right: auto;
    padding: 0.5rem 1rem;
    background-color: #f6f6f6;
    font-size: 0.75rem;
    order: 1;
    flex: 1 1 100%;
    justify-content: flex-end;
  }
  .content.login.mypage .order-list ul.grouped .order-item:first-child .shipping-price.seller-info,
  .content.login.mypage .order-list ul.grouped .order-item:first-child .seller-info.seller-info, .content.join.mypage .order-list ul.grouped .order-item:first-child .shipping-price.seller-info,
  .content.join.mypage .order-list ul.grouped .order-item:first-child .seller-info.seller-info, .content.sub.mypage .order-list ul.grouped .order-item:first-child .shipping-price.seller-info,
  .content.sub.mypage .order-list ul.grouped .order-item:first-child .seller-info.seller-info, .content.search.mypage .order-list ul.grouped .order-item:first-child .shipping-price.seller-info,
  .content.search.mypage .order-list ul.grouped .order-item:first-child .seller-info.seller-info {
    right: auto;
    border-top: 1px solid #d8d8d8;
    border-bottom: 0;
    order: 0;
  }
  .content.login.mypage .order-list ul.grouped .item-content, .content.join.mypage .order-list ul.grouped .item-content, .content.sub.mypage .order-list ul.grouped .item-content, .content.search.mypage .order-list ul.grouped .item-content {
    flex-wrap: wrap;
  }
  .content.login.mypage .order-list ul.grouped .goods-info, .content.join.mypage .order-list ul.grouped .goods-info, .content.sub.mypage .order-list ul.grouped .goods-info, .content.search.mypage .order-list ul.grouped .goods-info {
    order: 2;
    flex-wrap: wrap;
  }
  .content.login.mypage .order-list ul.grouped .goods-info .price, .content.join.mypage .order-list ul.grouped .goods-info .price, .content.sub.mypage .order-list ul.grouped .goods-info .price, .content.search.mypage .order-list ul.grouped .goods-info .price {
    flex: 0 0 8.5rem;
    margin-top: 0 !important;
    justify-content: center;
  }
  .content.login.mypage .order-list ul.grouped .seller-info, .content.join.mypage .order-list ul.grouped .seller-info, .content.sub.mypage .order-list ul.grouped .seller-info, .content.search.mypage .order-list ul.grouped .seller-info {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0.5rem 1rem !important;
  }
  .content.login.mypage .order-list ul.grouped .seller-info .tel, .content.join.mypage .order-list ul.grouped .seller-info .tel, .content.sub.mypage .order-list ul.grouped .seller-info .tel, .content.search.mypage .order-list ul.grouped .seller-info .tel {
    margin-left: auto;
  }
  .content.login.mypage .order-list ul.grouped .seller-info .btn-inquiry, .content.join.mypage .order-list ul.grouped .seller-info .btn-inquiry, .content.sub.mypage .order-list ul.grouped .seller-info .btn-inquiry, .content.search.mypage .order-list ul.grouped .seller-info .btn-inquiry {
    margin-top: 0;
    margin-left: 0.5rem;
  }
  .content.login.mypage .order-list ul.grouped .price, .content.join.mypage .order-list ul.grouped .price, .content.sub.mypage .order-list ul.grouped .price, .content.search.mypage .order-list ul.grouped .price {
    order: 9;
    position: relative;
    padding: 0.5rem !important;
    margin-right: 0 !important;
    text-align: right;
    line-height: 1.5rem;
    height: auto;
    justify-content: flex-end;
    padding: 0.5rem;
    flex: 1 1 100%;
    margin-top: -3rem;
    font-size: 0.875rem;
  }
}
@media (max-width: 1280px) and (max-width: 1024px) {
  .content.login.mypage .order-list ul.grouped .price, .content.join.mypage .order-list ul.grouped .price, .content.sub.mypage .order-list ul.grouped .price, .content.search.mypage .order-list ul.grouped .price {
    margin-top: -2.75rem;
  }
}
@media (max-width: 1280px) {
  .content.login.mypage .order-list ul.grouped .item-action, .content.join.mypage .order-list ul.grouped .item-action, .content.sub.mypage .order-list ul.grouped .item-action, .content.search.mypage .order-list ul.grouped .item-action {
    margin-left: 0;
    flex: 1 1 100%;
    flex-direction: row;
  }
  .content.login.mypage .order-list ul.grouped .item-action button, .content.join.mypage .order-list ul.grouped .item-action button, .content.sub.mypage .order-list ul.grouped .item-action button, .content.search.mypage .order-list ul.grouped .item-action button {
    flex: 0 1 10.9375rem;
    max-width: 10.9375rem;
  }
  .content.login.mypage .order-list ul.grouped .item-action .status, .content.join.mypage .order-list ul.grouped .item-action .status, .content.sub.mypage .order-list ul.grouped .item-action .status, .content.search.mypage .order-list ul.grouped .item-action .status {
    display: none;
    flex: 1 1 100%;
  }
}
@media (max-width: 1280px) {
  .content.login.mypage .order-list ul:not(.grouped) .goods-info, .content.join.mypage .order-list ul:not(.grouped) .goods-info, .content.sub.mypage .order-list ul:not(.grouped) .goods-info, .content.search.mypage .order-list ul:not(.grouped) .goods-info {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .content.login.mypage .order-list ul:not(.grouped) .price, .content.join.mypage .order-list ul:not(.grouped) .price, .content.sub.mypage .order-list ul:not(.grouped) .price, .content.search.mypage .order-list ul:not(.grouped) .price {
    order: 1;
    position: relative;
    padding: 0.5rem !important;
    margin-right: 0 !important;
    text-align: right;
    line-height: 1.5rem;
    height: auto;
    justify-content: flex-end;
    padding: 0.5rem;
    flex: 1 1 100%;
    margin-top: -3.5rem;
  }
}
@media (max-width: 1280px) and (max-width: 1024px) {
  .content.login.mypage .order-list ul:not(.grouped) .price, .content.join.mypage .order-list ul:not(.grouped) .price, .content.sub.mypage .order-list ul:not(.grouped) .price, .content.search.mypage .order-list ul:not(.grouped) .price {
    font-size: 0.875rem;
  }
}
.content.login.mypage .order-list.order-complete ul.grouped .order-item:not(:first-child) .price, .content.join.mypage .order-list.order-complete ul.grouped .order-item:not(:first-child) .price, .content.sub.mypage .order-list.order-complete ul.grouped .order-item:not(:first-child) .price, .content.search.mypage .order-list.order-complete ul.grouped .order-item:not(:first-child) .price {
  position: relative;
  margin-right: 17rem;
  opacity: 1;
}
@media (max-width: 1024px) {
  .content.login.mypage .order-list.order-complete ul.grouped .order-item:not(:first-child) .price, .content.join.mypage .order-list.order-complete ul.grouped .order-item:not(:first-child) .price, .content.sub.mypage .order-list.order-complete ul.grouped .order-item:not(:first-child) .price, .content.search.mypage .order-list.order-complete ul.grouped .order-item:not(:first-child) .price {
    position: relative;
    margin-top: 0;
    margin-right: 0;
    margin-left: 5.5rem;
    text-align: left;
    font-size: 0.875rem;
    order: 3;
    justify-content: flex-start;
  }
}
.content.login.mypage .order-list.order-complete ul.grouped .order-item:not(:first-child) .shipping-price, .content.join.mypage .order-list.order-complete ul.grouped .order-item:not(:first-child) .shipping-price, .content.sub.mypage .order-list.order-complete ul.grouped .order-item:not(:first-child) .shipping-price, .content.search.mypage .order-list.order-complete ul.grouped .order-item:not(:first-child) .shipping-price {
  position: absolute;
  opacity: 0;
}
.content.login.mypage .order-list.order-complete ul.grouped .order-item:first-child .seller-info, .content.join.mypage .order-list.order-complete ul.grouped .order-item:first-child .seller-info, .content.sub.mypage .order-list.order-complete ul.grouped .order-item:first-child .seller-info, .content.search.mypage .order-list.order-complete ul.grouped .order-item:first-child .seller-info {
  right: 0;
}
.content.login.mypage .order-list.order-complete ul.grouped .order-item:first-child .shipping-price, .content.join.mypage .order-list.order-complete ul.grouped .order-item:first-child .shipping-price, .content.sub.mypage .order-list.order-complete ul.grouped .order-item:first-child .shipping-price, .content.search.mypage .order-list.order-complete ul.grouped .order-item:first-child .shipping-price {
  right: 8.5rem;
}
.content.login.mypage .order-list.order-complete ul.grouped .order-item:first-child .price, .content.join.mypage .order-list.order-complete ul.grouped .order-item:first-child .price, .content.sub.mypage .order-list.order-complete ul.grouped .order-item:first-child .price, .content.search.mypage .order-list.order-complete ul.grouped .order-item:first-child .price {
  margin-right: 17rem;
}
@media (max-width: 1024px) {
  .content.login.mypage .order-list.order-complete ul.grouped .order-item:first-child .price, .content.join.mypage .order-list.order-complete ul.grouped .order-item:first-child .price, .content.sub.mypage .order-list.order-complete ul.grouped .order-item:first-child .price, .content.search.mypage .order-list.order-complete ul.grouped .order-item:first-child .price {
    position: relative;
    margin-top: 0;
    margin-right: 0;
    margin-left: 5.5rem;
    text-align: left;
    font-size: 0.875rem;
    order: 3;
    justify-content: flex-start;
  }
}
@media (max-width: 1024px) {
  .content.login.mypage .order-list.order-complete ul.grouped .order-item .option, .content.join.mypage .order-list.order-complete ul.grouped .order-item .option, .content.sub.mypage .order-list.order-complete ul.grouped .order-item .option, .content.search.mypage .order-list.order-complete ul.grouped .order-item .option {
    margin-top: 0;
    border-top: 0;
  }
}
@media (max-width: 1024px) {
  .content.login.mypage .order-list.order-complete ul.grouped .order-item .price, .content.join.mypage .order-list.order-complete ul.grouped .order-item .price, .content.sub.mypage .order-list.order-complete ul.grouped .order-item .price, .content.search.mypage .order-list.order-complete ul.grouped .order-item .price {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #d8d8d8;
  }
}
@media (max-width: 1024px) {
  .content.login.mypage .order-list.order-complete ul.grouped .order-item .item-content, .content.join.mypage .order-list.order-complete ul.grouped .order-item .item-content, .content.sub.mypage .order-list.order-complete ul.grouped .order-item .item-content, .content.search.mypage .order-list.order-complete ul.grouped .order-item .item-content {
    padding-bottom: 1rem;
  }
}
.content.login.mypage .list-top, .content.join.mypage .list-top, .content.sub.mypage .list-top, .content.search.mypage .list-top {
  display: flex;
  flex-wrap: wrap;
}
.content.login.mypage .list-top .filter, .content.join.mypage .list-top .filter, .content.sub.mypage .list-top .filter, .content.search.mypage .list-top .filter {
  display: flex;
  padding: 0.75rem 0;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  flex: 1 1 100%;
  align-items: center;
}
.content.login.mypage .list-top .filter .range-btns, .content.join.mypage .list-top .filter .range-btns, .content.sub.mypage .list-top .filter .range-btns, .content.search.mypage .list-top .filter .range-btns {
  display: flex;
  margin-right: 1.5rem;
  align-items: center;
  flex: 0 0 auto;
}
.content.login.mypage .list-top .filter .range-btns button, .content.join.mypage .list-top .filter .range-btns button, .content.sub.mypage .list-top .filter .range-btns button, .content.search.mypage .list-top .filter .range-btns button {
  position: relative;
  z-index: 0;
  width: 4rem;
  height: 2.5rem;
  padding: 0 0.5rem;
  color: #666666;
  border: 1px solid #d8d8d8;
  font-size: 0.875rem;
}
.content.login.mypage .list-top .filter .range-btns button ~ button, .content.join.mypage .list-top .filter .range-btns button ~ button, .content.sub.mypage .list-top .filter .range-btns button ~ button, .content.search.mypage .list-top .filter .range-btns button ~ button {
  margin-left: -1px;
}
.content.login.mypage .list-top .filter .range-btns button.on, .content.login.mypage .list-top .filter .range-btns button:hover, .content.join.mypage .list-top .filter .range-btns button.on, .content.join.mypage .list-top .filter .range-btns button:hover, .content.sub.mypage .list-top .filter .range-btns button.on, .content.sub.mypage .list-top .filter .range-btns button:hover, .content.search.mypage .list-top .filter .range-btns button.on, .content.search.mypage .list-top .filter .range-btns button:hover {
  z-index: 1;
  color: #ff0000;
  border-color: #ff0000;
}
.content.login.mypage .list-top .filter .date-range, .content.join.mypage .list-top .filter .date-range, .content.sub.mypage .list-top .filter .date-range, .content.search.mypage .list-top .filter .date-range {
  display: flex;
  align-items: center;
}
.content.login.mypage .list-top .filter .date-range input[type=date], .content.join.mypage .list-top .filter .date-range input[type=date], .content.sub.mypage .list-top .filter .date-range input[type=date], .content.search.mypage .list-top .filter .date-range input[type=date] {
  appearance: none;
}
.content.login.mypage .list-top .filter .date-range span, .content.join.mypage .list-top .filter .date-range span, .content.sub.mypage .list-top .filter .date-range span, .content.search.mypage .list-top .filter .date-range span {
  margin: 0 0.5rem;
}
.content.login.mypage .list-top .filter .btn-search, .content.join.mypage .list-top .filter .btn-search, .content.sub.mypage .list-top .filter .btn-search, .content.search.mypage .list-top .filter .btn-search {
  width: 6rem;
  height: 2.5rem;
  margin-left: auto;
  padding: 0;
  color: #ffffff;
  background-color: #001a58;
}
.content.login.mypage .list-top .filter .btn-search .icon-24-nega-search, .content.join.mypage .list-top .filter .btn-search .icon-24-nega-search, .content.sub.mypage .list-top .filter .btn-search .icon-24-nega-search, .content.search.mypage .list-top .filter .btn-search .icon-24-nega-search {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.25rem;
  background-position: center;
  background-image: url(../images/icon/ic-24-nega-search.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.content.login.mypage .list-top .filter ~ .sort, .content.join.mypage .list-top .filter ~ .sort, .content.sub.mypage .list-top .filter ~ .sort, .content.search.mypage .list-top .filter ~ .sort {
  margin-top: 2.5rem;
}
.content.login.mypage .list-top .sort, .content.join.mypage .list-top .sort, .content.sub.mypage .list-top .sort, .content.search.mypage .list-top .sort {
  margin-left: auto;
}
.content.login.mypage .oeder-detail-top, .content.join.mypage .oeder-detail-top, .content.sub.mypage .oeder-detail-top, .content.search.mypage .oeder-detail-top {
  display: flex;
  margin-bottom: 2.5rem;
  padding: 1rem;
  background-color: #f6f6f6;
  align-items: center;
}
.content.login.mypage .oeder-detail-top .order-time, .content.join.mypage .oeder-detail-top .order-time, .content.sub.mypage .oeder-detail-top .order-time, .content.search.mypage .oeder-detail-top .order-time {
  margin-right: 2rem;
}
.content.login.mypage .oeder-detail-top .order-number dl, .content.join.mypage .oeder-detail-top .order-number dl, .content.sub.mypage .oeder-detail-top .order-number dl, .content.search.mypage .oeder-detail-top .order-number dl {
  display: flex;
  align-items: center;
}
.content.login.mypage .oeder-detail-top .order-number dl dt, .content.join.mypage .oeder-detail-top .order-number dl dt, .content.sub.mypage .oeder-detail-top .order-number dl dt, .content.search.mypage .oeder-detail-top .order-number dl dt {
  margin-right: 0.25rem;
  font-weight: normal;
}
.content.login.mypage .list-group, .content.join.mypage .list-group, .content.sub.mypage .list-group, .content.search.mypage .list-group {
  border-top: 1px solid #000000;
}
.content.login.mypage .list-group.no-item, .content.join.mypage .list-group.no-item, .content.sub.mypage .list-group.no-item, .content.search.mypage .list-group.no-item {
  text-align: center;
  color: #666666;
  border-top: 1px solid #d8d8d8;
  padding-top: 4.25rem;
  padding-bottom: 4.25rem;
}
.content.login.mypage .list-group .group-title, .content.join.mypage .list-group .group-title, .content.sub.mypage .list-group .group-title, .content.search.mypage .list-group .group-title {
  display: flex;
  height: 3rem;
  border-bottom: 1px solid #d8d8d8;
  font-size: 0.875rem;
  align-items: center;
}
.content.login.mypage .list-group .time, .content.join.mypage .list-group .time, .content.sub.mypage .list-group .time, .content.search.mypage .list-group .time {
  margin-right: 2rem;
  color: #666666;
}
.content.login.mypage .list-group .order-number, .content.join.mypage .list-group .order-number, .content.sub.mypage .list-group .order-number, .content.search.mypage .list-group .order-number {
  display: flex;
  align-items: center;
}
.content.login.mypage .list-group .order-number dd, .content.join.mypage .list-group .order-number dd, .content.sub.mypage .list-group .order-number dd, .content.search.mypage .list-group .order-number dd {
  margin-left: 0.25rem;
}
.content.login.mypage .list-group .order-number dd a, .content.join.mypage .list-group .order-number dd a, .content.sub.mypage .list-group .order-number dd a, .content.search.mypage .list-group .order-number dd a {
  display: block;
  padding-right: 1rem;
  background-position: right center;
  background-image: url(../images/icon/ic-16-next.svg);
  background-repeat: no-repeat;
}
.content.login.mypage .order-item,
.content.login.mypage .item-header, .content.join.mypage .order-item,
.content.join.mypage .item-header, .content.sub.mypage .order-item,
.content.sub.mypage .item-header, .content.search.mypage .order-item,
.content.search.mypage .item-header {
  border-bottom: 1px solid #d8d8d8;
}
.content.login.mypage .order-item.item-header,
.content.login.mypage .item-header.item-header, .content.join.mypage .order-item.item-header,
.content.join.mypage .item-header.item-header, .content.sub.mypage .order-item.item-header,
.content.sub.mypage .item-header.item-header, .content.search.mypage .order-item.item-header,
.content.search.mypage .item-header.item-header {
  display: flex;
  height: 3rem;
  border-top: 1px solid #d8d8d8;
  align-items: center;
}
.content.login.mypage .order-item.item-header > div,
.content.login.mypage .item-header.item-header > div, .content.join.mypage .order-item.item-header > div,
.content.join.mypage .item-header.item-header > div, .content.sub.mypage .order-item.item-header > div,
.content.sub.mypage .item-header.item-header > div, .content.search.mypage .order-item.item-header > div,
.content.search.mypage .item-header.item-header > div {
  padding: 0 1rem;
  background-color: #ffffff;
  font-size: 0.875rem;
}
.content.login.mypage .order-item.item-header .goods-info,
.content.login.mypage .item-header.item-header .goods-info, .content.join.mypage .order-item.item-header .goods-info,
.content.join.mypage .item-header.item-header .goods-info, .content.sub.mypage .order-item.item-header .goods-info,
.content.sub.mypage .item-header.item-header .goods-info, .content.search.mypage .order-item.item-header .goods-info,
.content.search.mypage .item-header.item-header .goods-info {
  text-align: center;
  justify-content: center;
}
.content.login.mypage .order-item .item-content,
.content.login.mypage .item-header .item-content, .content.join.mypage .order-item .item-content,
.content.join.mypage .item-header .item-content, .content.sub.mypage .order-item .item-content,
.content.sub.mypage .item-header .item-content, .content.search.mypage .order-item .item-content,
.content.search.mypage .item-header .item-content {
  display: flex;
}
.content.login.mypage .order-item .item-content > div:not(.item-action),
.content.login.mypage .item-header .item-content > div:not(.item-action), .content.join.mypage .order-item .item-content > div:not(.item-action),
.content.join.mypage .item-header .item-content > div:not(.item-action), .content.sub.mypage .order-item .item-content > div:not(.item-action),
.content.sub.mypage .item-header .item-content > div:not(.item-action), .content.search.mypage .order-item .item-content > div:not(.item-action),
.content.search.mypage .item-header .item-content > div:not(.item-action) {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.content.login.mypage .order-item .goods-info,
.content.login.mypage .item-header .goods-info, .content.join.mypage .order-item .goods-info,
.content.join.mypage .item-header .goods-info, .content.sub.mypage .order-item .goods-info,
.content.sub.mypage .item-header .goods-info, .content.search.mypage .order-item .goods-info,
.content.search.mypage .item-header .goods-info {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}
.content.login.mypage .order-item .goods-info .goods-thumbnail,
.content.login.mypage .item-header .goods-info .goods-thumbnail, .content.join.mypage .order-item .goods-info .goods-thumbnail,
.content.join.mypage .item-header .goods-info .goods-thumbnail, .content.sub.mypage .order-item .goods-info .goods-thumbnail,
.content.sub.mypage .item-header .goods-info .goods-thumbnail, .content.search.mypage .order-item .goods-info .goods-thumbnail,
.content.search.mypage .item-header .goods-info .goods-thumbnail {
  display: block;
  flex: 0 0 auto;
  margin-right: 1rem;
  margin-left: 1rem;
}
.content.login.mypage .order-item .goods-info .goods-thumbnail .img,
.content.login.mypage .item-header .goods-info .goods-thumbnail .img, .content.join.mypage .order-item .goods-info .goods-thumbnail .img,
.content.join.mypage .item-header .goods-info .goods-thumbnail .img, .content.sub.mypage .order-item .goods-info .goods-thumbnail .img,
.content.sub.mypage .item-header .goods-info .goods-thumbnail .img, .content.search.mypage .order-item .goods-info .goods-thumbnail .img,
.content.search.mypage .item-header .goods-info .goods-thumbnail .img {
  width: 6rem;
  height: 6rem;
  background-position: center;
  background-clip: border-box;
  background-color: #ecf0f2;
  background-size: contain;
  background-repeat: no-repeat;
}
.content.login.mypage .order-item .goods-info .info,
.content.login.mypage .item-header .goods-info .info, .content.join.mypage .order-item .goods-info .info,
.content.join.mypage .item-header .goods-info .info, .content.sub.mypage .order-item .goods-info .info,
.content.sub.mypage .item-header .goods-info .info, .content.search.mypage .order-item .goods-info .info,
.content.search.mypage .item-header .goods-info .info {
  flex: 1 1 auto;
}
.content.login.mypage .order-item .goods-info .info .title,
.content.login.mypage .item-header .goods-info .info .title, .content.join.mypage .order-item .goods-info .info .title,
.content.join.mypage .item-header .goods-info .info .title, .content.sub.mypage .order-item .goods-info .info .title,
.content.sub.mypage .item-header .goods-info .info .title, .content.search.mypage .order-item .goods-info .info .title,
.content.search.mypage .item-header .goods-info .info .title {
  font-size: 1rem;
}
.content.login.mypage .order-item .goods-info .info .model-code,
.content.login.mypage .item-header .goods-info .info .model-code, .content.join.mypage .order-item .goods-info .info .model-code,
.content.join.mypage .item-header .goods-info .info .model-code, .content.sub.mypage .order-item .goods-info .info .model-code,
.content.sub.mypage .item-header .goods-info .info .model-code, .content.search.mypage .order-item .goods-info .info .model-code,
.content.search.mypage .item-header .goods-info .info .model-code {
  margin-top: 0.25rem;
  color: #666666;
  font-size: 0.875rem;
}
.content.login.mypage .order-item .goods-info .info .model-code + .option,
.content.login.mypage .item-header .goods-info .info .model-code + .option, .content.join.mypage .order-item .goods-info .info .model-code + .option,
.content.join.mypage .item-header .goods-info .info .model-code + .option, .content.sub.mypage .order-item .goods-info .info .model-code + .option,
.content.sub.mypage .item-header .goods-info .info .model-code + .option, .content.search.mypage .order-item .goods-info .info .model-code + .option,
.content.search.mypage .item-header .goods-info .info .model-code + .option {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #f6f6f6;
}
.content.login.mypage .order-item .goods-info .option,
.content.login.mypage .item-header .goods-info .option, .content.join.mypage .order-item .goods-info .option,
.content.join.mypage .item-header .goods-info .option, .content.sub.mypage .order-item .goods-info .option,
.content.sub.mypage .item-header .goods-info .option, .content.search.mypage .order-item .goods-info .option,
.content.search.mypage .item-header .goods-info .option {
  margin-top: 0.25rem;
  color: #666666;
  font-size: 0.875rem;
  line-height: 1;
}
.content.login.mypage .order-item .goods-info .option ~ .status,
.content.login.mypage .item-header .goods-info .option ~ .status, .content.join.mypage .order-item .goods-info .option ~ .status,
.content.join.mypage .item-header .goods-info .option ~ .status, .content.sub.mypage .order-item .goods-info .option ~ .status,
.content.sub.mypage .item-header .goods-info .option ~ .status, .content.search.mypage .order-item .goods-info .option ~ .status,
.content.search.mypage .item-header .goods-info .option ~ .status {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #f6f6f6;
}
.content.login.mypage .order-item .goods-info .option ul,
.content.login.mypage .item-header .goods-info .option ul, .content.join.mypage .order-item .goods-info .option ul,
.content.join.mypage .item-header .goods-info .option ul, .content.sub.mypage .order-item .goods-info .option ul,
.content.sub.mypage .item-header .goods-info .option ul, .content.search.mypage .order-item .goods-info .option ul,
.content.search.mypage .item-header .goods-info .option ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.content.login.mypage .order-item .goods-info .option ul li,
.content.login.mypage .item-header .goods-info .option ul li, .content.join.mypage .order-item .goods-info .option ul li,
.content.join.mypage .item-header .goods-info .option ul li, .content.sub.mypage .order-item .goods-info .option ul li,
.content.sub.mypage .item-header .goods-info .option ul li, .content.search.mypage .order-item .goods-info .option ul li,
.content.search.mypage .item-header .goods-info .option ul li {
  margin-right: 1rem;
}
.content.login.mypage .order-item .goods-info .option ul li ~ li,
.content.login.mypage .item-header .goods-info .option ul li ~ li, .content.join.mypage .order-item .goods-info .option ul li ~ li,
.content.join.mypage .item-header .goods-info .option ul li ~ li, .content.sub.mypage .order-item .goods-info .option ul li ~ li,
.content.sub.mypage .item-header .goods-info .option ul li ~ li, .content.search.mypage .order-item .goods-info .option ul li ~ li,
.content.search.mypage .item-header .goods-info .option ul li ~ li {
  padding-left: 1rem;
  border-left: 1px solid #d8d8d8;
}
.content.login.mypage .order-item .status,
.content.login.mypage .item-header .status, .content.join.mypage .order-item .status,
.content.join.mypage .item-header .status, .content.sub.mypage .order-item .status,
.content.sub.mypage .item-header .status, .content.search.mypage .order-item .status,
.content.search.mypage .item-header .status {
  display: flex;
  font-size: 0.875rem;
  align-items: center;
}
.content.login.mypage .order-item .btn-link,
.content.login.mypage .item-header .btn-link, .content.join.mypage .order-item .btn-link,
.content.join.mypage .item-header .btn-link, .content.sub.mypage .order-item .btn-link,
.content.sub.mypage .item-header .btn-link, .content.search.mypage .order-item .btn-link,
.content.search.mypage .item-header .btn-link {
  height: 1.5rem;
  margin-left: 0.5rem;
  padding: 0 0.5rem;
  color: #666666;
  border: 1px solid #666666;
  border-radius: 0.75rem;
  font-size: 0.75rem;
}
.content.login.mypage .order-item .price,
.content.login.mypage .order-item .shipping-price,
.content.login.mypage .item-header .price,
.content.login.mypage .item-header .shipping-price, .content.join.mypage .order-item .price,
.content.join.mypage .order-item .shipping-price,
.content.join.mypage .item-header .price,
.content.join.mypage .item-header .shipping-price, .content.sub.mypage .order-item .price,
.content.sub.mypage .order-item .shipping-price,
.content.sub.mypage .item-header .price,
.content.sub.mypage .item-header .shipping-price, .content.search.mypage .order-item .price,
.content.search.mypage .order-item .shipping-price,
.content.search.mypage .item-header .price,
.content.search.mypage .item-header .shipping-price {
  display: flex;
  padding: 1rem;
  flex: 0 0 8.5rem;
  align-items: center;
  justify-content: center;
}
.content.login.mypage .order-item .seller-info,
.content.login.mypage .item-header .seller-info, .content.join.mypage .order-item .seller-info,
.content.join.mypage .item-header .seller-info, .content.sub.mypage .order-item .seller-info,
.content.sub.mypage .item-header .seller-info, .content.search.mypage .order-item .seller-info,
.content.search.mypage .item-header .seller-info {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background-color: #f6f6f6;
  font-size: 0.875rem;
  flex: 0 0 8.5rem;
  align-items: center;
  justify-content: center;
}
.content.login.mypage .order-item .seller-info .tel,
.content.login.mypage .item-header .seller-info .tel, .content.join.mypage .order-item .seller-info .tel,
.content.join.mypage .item-header .seller-info .tel, .content.sub.mypage .order-item .seller-info .tel,
.content.sub.mypage .item-header .seller-info .tel, .content.search.mypage .order-item .seller-info .tel,
.content.search.mypage .item-header .seller-info .tel {
  color: #666666;
}
.content.login.mypage .order-item .seller-info .btn-inquiry,
.content.login.mypage .item-header .seller-info .btn-inquiry, .content.join.mypage .order-item .seller-info .btn-inquiry,
.content.join.mypage .item-header .seller-info .btn-inquiry, .content.sub.mypage .order-item .seller-info .btn-inquiry,
.content.sub.mypage .item-header .seller-info .btn-inquiry, .content.search.mypage .order-item .seller-info .btn-inquiry,
.content.search.mypage .item-header .seller-info .btn-inquiry {
  height: 1.5rem;
  margin-top: 0.25rem;
  padding: 0 0.5rem;
  color: #999999;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  font-size: 0.75rem;
}
.content.login.mypage .order-item .item-action,
.content.login.mypage .item-header .item-action, .content.join.mypage .order-item .item-action,
.content.join.mypage .item-header .item-action, .content.sub.mypage .order-item .item-action,
.content.sub.mypage .item-header .item-action, .content.search.mypage .order-item .item-action,
.content.search.mypage .item-header .item-action {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  flex: 0 0 11rem;
  align-items: center;
  justify-content: center;
}
.content.login.mypage .order-item .item-action .status,
.content.login.mypage .item-header .item-action .status, .content.join.mypage .order-item .item-action .status,
.content.join.mypage .item-header .item-action .status, .content.sub.mypage .order-item .item-action .status,
.content.sub.mypage .item-header .item-action .status, .content.search.mypage .order-item .item-action .status,
.content.search.mypage .item-header .item-action .status {
  margin-bottom: 0.5rem;
}
.content.login.mypage .order-item .item-action .btn-action,
.content.login.mypage .item-header .item-action .btn-action, .content.join.mypage .order-item .item-action .btn-action,
.content.join.mypage .item-header .item-action .btn-action, .content.sub.mypage .order-item .item-action .btn-action,
.content.sub.mypage .item-header .item-action .btn-action, .content.search.mypage .order-item .item-action .btn-action,
.content.search.mypage .item-header .item-action .btn-action {
  width: 100%;
  height: 2rem;
  min-height: 2rem;
  max-height: 2rem;
  margin: 0.25rem;
  padding: 0;
  color: #000000;
  border: 1px solid #d8d8d8;
  border-radius: 1rem;
  font-size: 0.875rem;
  flex: 1 1 100%;
}
.content.login.mypage .order-payment-info, .content.join.mypage .order-payment-info, .content.sub.mypage .order-payment-info, .content.search.mypage .order-payment-info {
  display: flex;
  margin-top: 0 !important;
  border: 1px solid #000000;
  border-top: 0;
  align-items: stretch;
}
.content.login.mypage .order-payment-info > div, .content.join.mypage .order-payment-info > div, .content.sub.mypage .order-payment-info > div, .content.search.mypage .order-payment-info > div {
  background-color: #f6f6f6;
  flex: 1;
}
.content.login.mypage .order-payment-info > div ~ div, .content.join.mypage .order-payment-info > div ~ div, .content.sub.mypage .order-payment-info > div ~ div, .content.search.mypage .order-payment-info > div ~ div {
  border-left: 1px solid #d8d8d8;
}
.content.login.mypage .order-payment-info > div .sum-value, .content.join.mypage .order-payment-info > div .sum-value, .content.sub.mypage .order-payment-info > div .sum-value, .content.search.mypage .order-payment-info > div .sum-value {
  display: flex;
  padding: 1.25rem 1.5rem;
  background-color: #ffffff;
  font-size: 1rem;
  align-items: center;
  justify-content: space-between;
}
.content.login.mypage .order-payment-info > div .sum-value dt, .content.join.mypage .order-payment-info > div .sum-value dt, .content.sub.mypage .order-payment-info > div .sum-value dt, .content.search.mypage .order-payment-info > div .sum-value dt {
  font-weight: 500;
}
.content.login.mypage .order-payment-info > div .sum-value .value, .content.join.mypage .order-payment-info > div .sum-value .value, .content.sub.mypage .order-payment-info > div .sum-value .value, .content.search.mypage .order-payment-info > div .sum-value .value {
  font-size: 1.5rem;
  font-weight: 500;
}
.content.login.mypage .order-payment-info > div .value-detail,
.content.login.mypage .order-payment-info > div .payment-info, .content.join.mypage .order-payment-info > div .value-detail,
.content.join.mypage .order-payment-info > div .payment-info, .content.sub.mypage .order-payment-info > div .value-detail,
.content.sub.mypage .order-payment-info > div .payment-info, .content.search.mypage .order-payment-info > div .value-detail,
.content.search.mypage .order-payment-info > div .payment-info {
  margin: 1.25rem 1.5rem;
}
.content.login.mypage .order-payment-info > div .value-detail dl,
.content.login.mypage .order-payment-info > div .payment-info dl, .content.join.mypage .order-payment-info > div .value-detail dl,
.content.join.mypage .order-payment-info > div .payment-info dl, .content.sub.mypage .order-payment-info > div .value-detail dl,
.content.sub.mypage .order-payment-info > div .payment-info dl, .content.search.mypage .order-payment-info > div .value-detail dl,
.content.search.mypage .order-payment-info > div .payment-info dl {
  display: flex;
  color: #666666;
  font-size: 0.875rem;
  align-items: center;
  justify-content: space-between;
}
.content.login.mypage .order-payment-info > div .value-detail dl ~ dl,
.content.login.mypage .order-payment-info > div .payment-info dl ~ dl, .content.join.mypage .order-payment-info > div .value-detail dl ~ dl,
.content.join.mypage .order-payment-info > div .payment-info dl ~ dl, .content.sub.mypage .order-payment-info > div .value-detail dl ~ dl,
.content.sub.mypage .order-payment-info > div .payment-info dl ~ dl, .content.search.mypage .order-payment-info > div .value-detail dl ~ dl,
.content.search.mypage .order-payment-info > div .payment-info dl ~ dl {
  margin-top: 0.75rem;
}
.content.login.mypage .order-payment-info > div .value-detail dl dt,
.content.login.mypage .order-payment-info > div .payment-info dl dt, .content.join.mypage .order-payment-info > div .value-detail dl dt,
.content.join.mypage .order-payment-info > div .payment-info dl dt, .content.sub.mypage .order-payment-info > div .value-detail dl dt,
.content.sub.mypage .order-payment-info > div .payment-info dl dt, .content.search.mypage .order-payment-info > div .value-detail dl dt,
.content.search.mypage .order-payment-info > div .payment-info dl dt {
  font-weight: normal;
}
.content.login.mypage .order-payment-info > div .value-detail.payment-info,
.content.login.mypage .order-payment-info > div .payment-info.payment-info, .content.join.mypage .order-payment-info > div .value-detail.payment-info,
.content.join.mypage .order-payment-info > div .payment-info.payment-info, .content.sub.mypage .order-payment-info > div .value-detail.payment-info,
.content.sub.mypage .order-payment-info > div .payment-info.payment-info, .content.search.mypage .order-payment-info > div .value-detail.payment-info,
.content.search.mypage .order-payment-info > div .payment-info.payment-info {
  padding-top: 1.25rem;
  border-top: 1px solid #d8d8d8;
}
.content.login.mypage .order-payment-info .total-value .sum-value, .content.join.mypage .order-payment-info .total-value .sum-value, .content.sub.mypage .order-payment-info .total-value .sum-value, .content.search.mypage .order-payment-info .total-value .sum-value {
  color: #ff0000;
}
.content.login.mypage .shipment-info, .content.join.mypage .shipment-info, .content.sub.mypage .shipment-info, .content.search.mypage .shipment-info {
  border-top: none;
}
.content.login.mypage .point-status, .content.join.mypage .point-status, .content.sub.mypage .point-status, .content.search.mypage .point-status {
  display: flex;
  margin-top: 0;
  margin-bottom: 2.5rem;
  text-align: center;
  align-items: flex-start;
}
.content.login.mypage .point-status dl, .content.join.mypage .point-status dl, .content.sub.mypage .point-status dl, .content.search.mypage .point-status dl {
  flex: 1;
}
.content.login.mypage .point-status dl dt, .content.join.mypage .point-status dl dt, .content.sub.mypage .point-status dl dt, .content.search.mypage .point-status dl dt {
  display: flex;
  height: 3rem;
  border-bottom: 1px solid #d8d8d8;
  font-size: 0.875rem;
  justify-content: center;
  align-items: center;
}
.content.login.mypage .point-status dl dd, .content.join.mypage .point-status dl dd, .content.sub.mypage .point-status dl dd, .content.search.mypage .point-status dl dd {
  display: flex;
  height: 3.5rem;
  border-bottom: 1px solid #d8d8d8;
  font-size: 1rem;
  justify-content: center;
  align-items: center;
}
.content.login.mypage .board .list-top, .content.join.mypage .board .list-top, .content.sub.mypage .board .list-top, .content.search.mypage .board .list-top {
  display: flex;
  margin-bottom: 1rem;
  align-items: center;
  justify-content: space-between;
}
.content.login.mypage .board .list-top .sel-length, .content.join.mypage .board .list-top .sel-length, .content.sub.mypage .board .list-top .sel-length, .content.search.mypage .board .list-top .sel-length {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
}
.content.login.mypage .board .list-top .sel-length label, .content.join.mypage .board .list-top .sel-length label, .content.sub.mypage .board .list-top .sel-length label, .content.search.mypage .board .list-top .sel-length label {
  display: inline-flex;
  margin-right: 1.5rem;
  align-items: center;
}
.content.login.mypage .board .list-top .sel-length label span, .content.join.mypage .board .list-top .sel-length label span, .content.sub.mypage .board .list-top .sel-length label span, .content.search.mypage .board .list-top .sel-length label span {
  display: block;
}
.content.login.mypage .board .list-top .filter, .content.join.mypage .board .list-top .filter, .content.sub.mypage .board .list-top .filter, .content.search.mypage .board .list-top .filter {
  padding: 0;
  border: 0;
  flex: 0 0 auto;
}
.content.login.mypage .board-list.point .list-header,
.content.login.mypage .board-list.coupon .list-header, .content.join.mypage .board-list.point .list-header,
.content.join.mypage .board-list.coupon .list-header, .content.sub.mypage .board-list.point .list-header,
.content.sub.mypage .board-list.coupon .list-header, .content.search.mypage .board-list.point .list-header,
.content.search.mypage .board-list.coupon .list-header {
  display: flex;
  height: 3rem;
  text-align: center;
  border-bottom: 1px solid #d8d8d8;
  font-size: 0.875rem;
  align-items: center;
}
.content.login.mypage .board-list.point .list-item,
.content.login.mypage .board-list.coupon .list-item, .content.join.mypage .board-list.point .list-item,
.content.join.mypage .board-list.coupon .list-item, .content.sub.mypage .board-list.point .list-item,
.content.sub.mypage .board-list.coupon .list-item, .content.search.mypage .board-list.point .list-item,
.content.search.mypage .board-list.coupon .list-item {
  display: flex;
  height: 3.5rem;
  border-bottom: 1px solid #d8d8d8;
  align-items: center;
}
.content.login.mypage .board-list.point.point .create-date,
.content.login.mypage .board-list.coupon.point .create-date, .content.join.mypage .board-list.point.point .create-date,
.content.join.mypage .board-list.coupon.point .create-date, .content.sub.mypage .board-list.point.point .create-date,
.content.sub.mypage .board-list.coupon.point .create-date, .content.search.mypage .board-list.point.point .create-date,
.content.search.mypage .board-list.coupon.point .create-date {
  text-align: center;
  flex: 1 0 10.3125rem;
}
.content.login.mypage .board-list.point.point .category,
.content.login.mypage .board-list.coupon.point .category, .content.join.mypage .board-list.point.point .category,
.content.join.mypage .board-list.coupon.point .category, .content.sub.mypage .board-list.point.point .category,
.content.sub.mypage .board-list.coupon.point .category, .content.search.mypage .board-list.point.point .category,
.content.search.mypage .board-list.coupon.point .category {
  flex: 1 0 7.5rem;
}
.content.login.mypage .board-list.point.point .category .flag,
.content.login.mypage .board-list.coupon.point .category .flag, .content.join.mypage .board-list.point.point .category .flag,
.content.join.mypage .board-list.coupon.point .category .flag, .content.sub.mypage .board-list.point.point .category .flag,
.content.sub.mypage .board-list.coupon.point .category .flag, .content.search.mypage .board-list.point.point .category .flag,
.content.search.mypage .board-list.coupon.point .category .flag {
  display: flex;
  width: 4rem;
  height: 1.5rem;
  margin: 0 auto;
  text-align: center;
  color: #001a58;
  border: 1px solid #001a58;
  border-radius: 0.75rem;
  font-size: 0.75rem;
  align-items: center;
  justify-content: center;
}
.content.login.mypage .board-list.point.point .category .flag.used,
.content.login.mypage .board-list.coupon.point .category .flag.used, .content.join.mypage .board-list.point.point .category .flag.used,
.content.join.mypage .board-list.coupon.point .category .flag.used, .content.sub.mypage .board-list.point.point .category .flag.used,
.content.sub.mypage .board-list.coupon.point .category .flag.used, .content.search.mypage .board-list.point.point .category .flag.used,
.content.search.mypage .board-list.coupon.point .category .flag.used {
  color: #ffffff;
  background-color: #001a58;
}
.content.login.mypage .board-list.point.point .subject,
.content.login.mypage .board-list.coupon.point .subject, .content.join.mypage .board-list.point.point .subject,
.content.join.mypage .board-list.coupon.point .subject, .content.sub.mypage .board-list.point.point .subject,
.content.sub.mypage .board-list.coupon.point .subject, .content.search.mypage .board-list.point.point .subject,
.content.search.mypage .board-list.coupon.point .subject {
  display: block;
  overflow: hidden;
  padding: 0 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1 0 30.25rem;
}
.content.login.mypage .board-list.point.point .point,
.content.login.mypage .board-list.coupon.point .point, .content.join.mypage .board-list.point.point .point,
.content.join.mypage .board-list.coupon.point .point, .content.sub.mypage .board-list.point.point .point,
.content.sub.mypage .board-list.coupon.point .point, .content.search.mypage .board-list.point.point .point,
.content.search.mypage .board-list.coupon.point .point {
  text-align: center;
  flex: 1 0 8.5rem;
}
.content.login.mypage .board-list.point.point .remaning-date,
.content.login.mypage .board-list.coupon.point .remaning-date, .content.join.mypage .board-list.point.point .remaning-date,
.content.join.mypage .board-list.coupon.point .remaning-date, .content.sub.mypage .board-list.point.point .remaning-date,
.content.sub.mypage .board-list.coupon.point .remaning-date, .content.search.mypage .board-list.point.point .remaning-date,
.content.search.mypage .board-list.coupon.point .remaning-date {
  text-align: center;
  flex: 1 0 11.1875rem;
}
.content.login.mypage .board-list.point.coupon .coupon-name,
.content.login.mypage .board-list.coupon.coupon .coupon-name, .content.join.mypage .board-list.point.coupon .coupon-name,
.content.join.mypage .board-list.coupon.coupon .coupon-name, .content.sub.mypage .board-list.point.coupon .coupon-name,
.content.sub.mypage .board-list.coupon.coupon .coupon-name, .content.search.mypage .board-list.point.coupon .coupon-name,
.content.search.mypage .board-list.coupon.coupon .coupon-name {
  text-align: left;
  flex: 1 0 22.5rem;
}
.content.login.mypage .board-list.point.coupon .discount-info,
.content.login.mypage .board-list.coupon.coupon .discount-info, .content.join.mypage .board-list.point.coupon .discount-info,
.content.join.mypage .board-list.coupon.coupon .discount-info, .content.sub.mypage .board-list.point.coupon .discount-info,
.content.sub.mypage .board-list.coupon.coupon .discount-info, .content.search.mypage .board-list.point.coupon .discount-info,
.content.search.mypage .board-list.coupon.coupon .discount-info {
  text-align: left;
  flex: 1 0 19.0625rem;
}
.content.login.mypage .board-list.point.coupon .condition,
.content.login.mypage .board-list.coupon.coupon .condition, .content.join.mypage .board-list.point.coupon .condition,
.content.join.mypage .board-list.coupon.coupon .condition, .content.sub.mypage .board-list.point.coupon .condition,
.content.sub.mypage .board-list.coupon.coupon .condition, .content.search.mypage .board-list.point.coupon .condition,
.content.search.mypage .board-list.coupon.coupon .condition {
  text-align: center;
  flex: 1 0 15rem;
}
.content.login.mypage .board-list.point.coupon .remaining-date,
.content.login.mypage .board-list.coupon.coupon .remaining-date, .content.join.mypage .board-list.point.coupon .remaining-date,
.content.join.mypage .board-list.coupon.coupon .remaining-date, .content.sub.mypage .board-list.point.coupon .remaining-date,
.content.sub.mypage .board-list.coupon.coupon .remaining-date, .content.search.mypage .board-list.point.coupon .remaining-date,
.content.search.mypage .board-list.coupon.coupon .remaining-date {
  text-align: center;
  flex: 1 0 11.25rem;
}
.content.login.mypage .board-list.point .no-item,
.content.login.mypage .board-list.coupon .no-item, .content.join.mypage .board-list.point .no-item,
.content.join.mypage .board-list.coupon .no-item, .content.sub.mypage .board-list.point .no-item,
.content.sub.mypage .board-list.coupon .no-item, .content.search.mypage .board-list.point .no-item,
.content.search.mypage .board-list.coupon .no-item {
  padding: 4.25rem 0;
  text-align: center;
  color: #666666;
  border-bottom: 0;
  flex: 1 1 100%;
  justify-content: center;
}
.content.login.mypage .tier-status, .content.join.mypage .tier-status, .content.sub.mypage .tier-status, .content.search.mypage .tier-status {
  margin-top: 0;
  padding: 1.5rem 1rem;
  border-bottom: 1px solid #d8d8d8;
}
.content.login.mypage .list.tier-list, .content.join.mypage .list.tier-list, .content.sub.mypage .list.tier-list, .content.search.mypage .list.tier-list {
  margin-top: 0;
}
.content.login.mypage .list.tier-list ul .list-item, .content.join.mypage .list.tier-list ul .list-item, .content.sub.mypage .list.tier-list ul .list-item, .content.search.mypage .list.tier-list ul .list-item {
  display: flex;
  min-height: 7.5rem;
  border-bottom: 1px solid #d8d8d8;
  align-items: center;
}
.content.login.mypage .list.tier-list ul .list-item > div, .content.join.mypage .list.tier-list ul .list-item > div, .content.sub.mypage .list.tier-list ul .list-item > div, .content.search.mypage .list.tier-list ul .list-item > div {
  padding: 20px 1rem;
  text-align: center;
}
.content.login.mypage .list.tier-list ul .list-item .tier-name, .content.join.mypage .list.tier-list ul .list-item .tier-name, .content.sub.mypage .list.tier-list ul .list-item .tier-name, .content.search.mypage .list.tier-list ul .list-item .tier-name {
  color: #001a58;
  font-weight: 500;
  flex: 1 0 8rem;
}
.content.login.mypage .list.tier-list ul .list-item .condition, .content.join.mypage .list.tier-list ul .list-item .condition, .content.sub.mypage .list.tier-list ul .list-item .condition, .content.search.mypage .list.tier-list ul .list-item .condition {
  flex: 1 0 20.5rem;
}
.content.login.mypage .list.tier-list ul .list-item .tier-info, .content.join.mypage .list.tier-list ul .list-item .tier-info, .content.sub.mypage .list.tier-list ul .list-item .tier-info, .content.search.mypage .list.tier-list ul .list-item .tier-info {
  text-align: left;
  flex: 1 0 25.25rem;
}
.content.login.mypage .list.tier-list ul .list-item .coupon, .content.join.mypage .list.tier-list ul .list-item .coupon, .content.sub.mypage .list.tier-list ul .list-item .coupon, .content.search.mypage .list.tier-list ul .list-item .coupon {
  flex: 1 0 14rem;
}
.content.login.mypage .list.tier-list ul .list-item .coupon dl, .content.join.mypage .list.tier-list ul .list-item .coupon dl, .content.sub.mypage .list.tier-list ul .list-item .coupon dl, .content.search.mypage .list.tier-list ul .list-item .coupon dl {
  display: flex;
  width: 7.5rem;
  height: 3.5rem;
  margin: 0 auto;
  align-items: center;
  background-image: url(../images/img-coupon.svg);
}
.content.login.mypage .list.tier-list ul .list-item .coupon dl dt, .content.join.mypage .list.tier-list ul .list-item .coupon dl dt, .content.sub.mypage .list.tier-list ul .list-item .coupon dl dt, .content.search.mypage .list.tier-list ul .list-item .coupon dl dt {
  color: #ff0000;
  font-size: 20px;
  font-weight: 500;
  flex: 1 0 4.5rem;
}
.content.login.mypage .list.tier-list ul .list-item .coupon dl dd, .content.join.mypage .list.tier-list ul .list-item .coupon dl dd, .content.sub.mypage .list.tier-list ul .list-item .coupon dl dd, .content.search.mypage .list.tier-list ul .list-item .coupon dl dd {
  font-size: 0.875rem;
  flex: 1 0 3rem;
}
.content.login.mypage .coupon-regist, .content.join.mypage .coupon-regist, .content.sub.mypage .coupon-regist, .content.search.mypage .coupon-regist {
  margin-top: 0;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #d8d8d8;
}
.content.login.mypage .coupon-regist .input-group, .content.join.mypage .coupon-regist .input-group, .content.sub.mypage .coupon-regist .input-group, .content.search.mypage .coupon-regist .input-group {
  display: flex;
  padding: 1.25rem 1rem;
  align-items: center;
}
.content.login.mypage .coupon-regist .input-group label, .content.join.mypage .coupon-regist .input-group label, .content.sub.mypage .coupon-regist .input-group label, .content.search.mypage .coupon-regist .input-group label {
  margin-right: 1rem;
  flex: 0 0 auto;
}
.content.login.mypage .coupon-regist .input-group input, .content.join.mypage .coupon-regist .input-group input, .content.sub.mypage .coupon-regist .input-group input, .content.search.mypage .coupon-regist .input-group input {
  max-width: 25rem;
  flex: 1 0 25rem;
}
.content.login.mypage .coupon-regist .input-group .btn-regist, .content.join.mypage .coupon-regist .input-group .btn-regist, .content.sub.mypage .coupon-regist .input-group .btn-regist, .content.search.mypage .coupon-regist .input-group .btn-regist {
  display: flex;
  height: 2rem;
  margin-left: 1rem;
  padding: 0 1rem;
  border: 1px solid #d8d8d8;
  border-radius: 1rem;
  font-size: 0.875rem;
  align-items: center;
  justify-content: center;
}
.content.login.mypage .coupon .form-field .order-item .goods-info, .content.join.mypage .coupon .form-field .order-item .goods-info, .content.sub.mypage .coupon .form-field .order-item .goods-info, .content.search.mypage .coupon .form-field .order-item .goods-info {
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}
.content.login.mypage .coupon .form-field .order-item .goods-info .goods-thumbnail .img, .content.join.mypage .coupon .form-field .order-item .goods-info .goods-thumbnail .img, .content.sub.mypage .coupon .form-field .order-item .goods-info .goods-thumbnail .img, .content.search.mypage .coupon .form-field .order-item .goods-info .goods-thumbnail .img {
  width: 4.5rem;
  height: 4.5rem;
}
.content.login.mypage .coupon .form-field .order-item .goods-info .info .title, .content.join.mypage .coupon .form-field .order-item .goods-info .info .title, .content.sub.mypage .coupon .form-field .order-item .goods-info .info .title, .content.search.mypage .coupon .form-field .order-item .goods-info .info .title {
  font-size: 1rem;
}
.content.login.mypage .coupon .form-field .order-item .goods-info .info .option, .content.join.mypage .coupon .form-field .order-item .goods-info .info .option, .content.sub.mypage .coupon .form-field .order-item .goods-info .info .option, .content.search.mypage .coupon .form-field .order-item .goods-info .info .option {
  font-size: 0.875rem;
}
.content.login.mypage .coupon .form-field .edit-review-score .score, .content.join.mypage .coupon .form-field .edit-review-score .score, .content.sub.mypage .coupon .form-field .edit-review-score .score, .content.search.mypage .coupon .form-field .edit-review-score .score {
  display: flex;
  padding: 1.25rem 1rem;
  border-bottom: 1px solid #d8d8d8;
  align-items: center;
}
.content.login.mypage .coupon .form-field .edit-review-score .score .title, .content.join.mypage .coupon .form-field .edit-review-score .score .title, .content.sub.mypage .coupon .form-field .edit-review-score .score .title, .content.search.mypage .coupon .form-field .edit-review-score .score .title {
  font-size: 1.125rem;
  font-weight: 500;
}
.content.login.mypage .coupon .form-field .edit-review-score .score p, .content.join.mypage .coupon .form-field .edit-review-score .score p, .content.sub.mypage .coupon .form-field .edit-review-score .score p, .content.search.mypage .coupon .form-field .edit-review-score .score p {
  margin-left: auto;
  color: #666666;
  font-size: 0.875rem;
}
.content.login.mypage .coupon .form-field .edit-review-score .score .stars, .content.join.mypage .coupon .form-field .edit-review-score .score .stars, .content.sub.mypage .coupon .form-field .edit-review-score .score .stars, .content.search.mypage .coupon .form-field .edit-review-score .score .stars {
  display: flex;
  margin-left: 1rem;
  align-items: center;
}
.content.login.mypage .coupon .form-field .edit-review-score .score .stars button, .content.join.mypage .coupon .form-field .edit-review-score .score .stars button, .content.sub.mypage .coupon .form-field .edit-review-score .score .stars button, .content.search.mypage .coupon .form-field .edit-review-score .score .stars button {
  width: 2rem;
  height: 2rem;
  padding: 0;
}
.content.login.mypage .coupon .form-field .edit-review-score .score .stars button ~ button, .content.join.mypage .coupon .form-field .edit-review-score .score .stars button ~ button, .content.sub.mypage .coupon .form-field .edit-review-score .score .stars button ~ button, .content.search.mypage .coupon .form-field .edit-review-score .score .stars button ~ button {
  margin-left: 0.25rem;
}
.content.login.mypage .coupon .form-field .edit-review-score .score .stars button.on .icon-32-grade, .content.join.mypage .coupon .form-field .edit-review-score .score .stars button.on .icon-32-grade, .content.sub.mypage .coupon .form-field .edit-review-score .score .stars button.on .icon-32-grade, .content.search.mypage .coupon .form-field .edit-review-score .score .stars button.on .icon-32-grade {
  background-image: url(../images/icon/ic-32-grade-sel.svg);
}
.content.login.mypage .coupon .form-field .edit-review-score .score .stars button .icon-32-grade, .content.join.mypage .coupon .form-field .edit-review-score .score .stars button .icon-32-grade, .content.sub.mypage .coupon .form-field .edit-review-score .score .stars button .icon-32-grade, .content.search.mypage .coupon .form-field .edit-review-score .score .stars button .icon-32-grade {
  display: block;
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/ic-32-grade-none.svg);
}
.content.login.mypage .review-thumbnail, .content.join.mypage .review-thumbnail, .content.sub.mypage .review-thumbnail, .content.search.mypage .review-thumbnail {
  display: flex;
  padding: 1.25rem 1rem;
  border-bottom: 1px solid #d8d8d8;
  flex-wrap: wrap;
}
.content.login.mypage .review-thumbnail.reject .thumbnail, .content.join.mypage .review-thumbnail.reject .thumbnail, .content.sub.mypage .review-thumbnail.reject .thumbnail, .content.search.mypage .review-thumbnail.reject .thumbnail {
  width: 6rem;
  height: 6rem;
}
.content.login.mypage .review-thumbnail .thumbnail, .content.join.mypage .review-thumbnail .thumbnail, .content.sub.mypage .review-thumbnail .thumbnail, .content.search.mypage .review-thumbnail .thumbnail {
  position: relative;
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 0.5rem;
  background-position: center;
  background-color: #303033;
  background-repeat: no-repeat;
  background-size: cover;
}
.content.login.mypage .review-thumbnail .thumbnail.added .btn-add, .content.join.mypage .review-thumbnail .thumbnail.added .btn-add, .content.sub.mypage .review-thumbnail .thumbnail.added .btn-add, .content.search.mypage .review-thumbnail .thumbnail.added .btn-add {
  display: none;
}
.content.login.mypage .review-thumbnail .thumbnail.added .btn-del, .content.join.mypage .review-thumbnail .thumbnail.added .btn-del, .content.sub.mypage .review-thumbnail .thumbnail.added .btn-del, .content.search.mypage .review-thumbnail .thumbnail.added .btn-del {
  display: block;
}
.content.login.mypage .review-thumbnail .thumbnail input[type=file], .content.join.mypage .review-thumbnail .thumbnail input[type=file], .content.sub.mypage .review-thumbnail .thumbnail input[type=file], .content.search.mypage .review-thumbnail .thumbnail input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}
.content.login.mypage .review-thumbnail .thumbnail .btn-add, .content.join.mypage .review-thumbnail .thumbnail .btn-add, .content.sub.mypage .review-thumbnail .thumbnail .btn-add, .content.search.mypage .review-thumbnail .thumbnail .btn-add {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
.content.login.mypage .review-thumbnail .thumbnail .btn-add .icon-24-nega-more, .content.join.mypage .review-thumbnail .thumbnail .btn-add .icon-24-nega-more, .content.sub.mypage .review-thumbnail .thumbnail .btn-add .icon-24-nega-more, .content.search.mypage .review-thumbnail .thumbnail .btn-add .icon-24-nega-more {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon/ic-24-nega-more.svg);
  background-size: contain;
}
.content.login.mypage .review-thumbnail .thumbnail .btn-del, .content.join.mypage .review-thumbnail .thumbnail .btn-del, .content.sub.mypage .review-thumbnail .thumbnail .btn-del, .content.search.mypage .review-thumbnail .thumbnail .btn-del {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 1rem;
  height: 1rem;
  padding: 0;
}
.content.login.mypage .review-thumbnail .thumbnail .btn-del .icon-16-color-del, .content.join.mypage .review-thumbnail .thumbnail .btn-del .icon-16-color-del, .content.sub.mypage .review-thumbnail .thumbnail .btn-del .icon-16-color-del, .content.search.mypage .review-thumbnail .thumbnail .btn-del .icon-16-color-del {
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../images/icon/ic-16-color-del.svg);
  background-size: contain;
}
.content.login.mypage .review-thumbnail .info, .content.join.mypage .review-thumbnail .info, .content.sub.mypage .review-thumbnail .info, .content.search.mypage .review-thumbnail .info {
  margin-top: 0.75rem;
  color: #666666;
  font-size: 0.875rem;
  flex: 1 1 100%;
}
.content.login.mypage .review-thumbnail .info ul li, .content.join.mypage .review-thumbnail .info ul li, .content.sub.mypage .review-thumbnail .info ul li, .content.search.mypage .review-thumbnail .info ul li {
  display: flex;
}
.content.login.mypage .review-thumbnail .info ul li::before, .content.join.mypage .review-thumbnail .info ul li::before, .content.sub.mypage .review-thumbnail .info ul li::before, .content.search.mypage .review-thumbnail .info ul li::before {
  content: "ㆍ";
}
.content.login.mypage .goods-list,
.content.login.mypage .address-list, .content.join.mypage .goods-list,
.content.join.mypage .address-list, .content.sub.mypage .goods-list,
.content.sub.mypage .address-list, .content.search.mypage .goods-list,
.content.search.mypage .address-list {
  margin-top: 0;
}
.content.login.mypage .goods-list > ul,
.content.login.mypage .address-list > ul, .content.join.mypage .goods-list > ul,
.content.join.mypage .address-list > ul, .content.sub.mypage .goods-list > ul,
.content.sub.mypage .address-list > ul, .content.search.mypage .goods-list > ul,
.content.search.mypage .address-list > ul {
  width: auto;
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.content.login.mypage .goods-list .list-top,
.content.login.mypage .address-list .list-top, .content.join.mypage .goods-list .list-top,
.content.join.mypage .address-list .list-top, .content.sub.mypage .goods-list .list-top,
.content.sub.mypage .address-list .list-top, .content.search.mypage .goods-list .list-top,
.content.search.mypage .address-list .list-top {
  height: 3.75rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #d8d8d8;
}
.content.login.mypage .goods-list .list-top .list-action,
.content.login.mypage .address-list .list-top .list-action, .content.join.mypage .goods-list .list-top .list-action,
.content.join.mypage .address-list .list-top .list-action, .content.sub.mypage .goods-list .list-top .list-action,
.content.sub.mypage .address-list .list-top .list-action, .content.search.mypage .goods-list .list-top .list-action,
.content.search.mypage .address-list .list-top .list-action {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
.content.login.mypage .goods-list .list-top .list-action .input-check,
.content.login.mypage .address-list .list-top .list-action .input-check, .content.join.mypage .goods-list .list-top .list-action .input-check,
.content.join.mypage .address-list .list-top .list-action .input-check, .content.sub.mypage .goods-list .list-top .list-action .input-check,
.content.sub.mypage .address-list .list-top .list-action .input-check, .content.search.mypage .goods-list .list-top .list-action .input-check,
.content.search.mypage .address-list .list-top .list-action .input-check {
  padding-right: 1rem;
  border-right: 1px solid #d8d8d8;
  margin-right: 1rem;
  margin-left: 1rem;
}
.content.login.mypage .goods-list .list-top .list-action .input-check input,
.content.login.mypage .address-list .list-top .list-action .input-check input, .content.join.mypage .goods-list .list-top .list-action .input-check input,
.content.join.mypage .address-list .list-top .list-action .input-check input, .content.sub.mypage .goods-list .list-top .list-action .input-check input,
.content.sub.mypage .address-list .list-top .list-action .input-check input, .content.search.mypage .goods-list .list-top .list-action .input-check input,
.content.search.mypage .address-list .list-top .list-action .input-check input {
  display: block;
}
.content.login.mypage .goods-list .list-top .list-action .btn-del,
.content.login.mypage .goods-list .list-top .list-action .btn-add,
.content.login.mypage .address-list .list-top .list-action .btn-del,
.content.login.mypage .address-list .list-top .list-action .btn-add, .content.join.mypage .goods-list .list-top .list-action .btn-del,
.content.join.mypage .goods-list .list-top .list-action .btn-add,
.content.join.mypage .address-list .list-top .list-action .btn-del,
.content.join.mypage .address-list .list-top .list-action .btn-add, .content.sub.mypage .goods-list .list-top .list-action .btn-del,
.content.sub.mypage .goods-list .list-top .list-action .btn-add,
.content.sub.mypage .address-list .list-top .list-action .btn-del,
.content.sub.mypage .address-list .list-top .list-action .btn-add, .content.search.mypage .goods-list .list-top .list-action .btn-del,
.content.search.mypage .goods-list .list-top .list-action .btn-add,
.content.search.mypage .address-list .list-top .list-action .btn-del,
.content.search.mypage .address-list .list-top .list-action .btn-add {
  width: 5rem;
  height: 2rem;
  padding: 0 1rem;
  border: 1px solid #d8d8d8;
  border-radius: 1rem;
  font-size: 14px;
}
.content.login.mypage .goods-list .list-top .list-action .btn-add,
.content.login.mypage .address-list .list-top .list-action .btn-add, .content.join.mypage .goods-list .list-top .list-action .btn-add,
.content.join.mypage .address-list .list-top .list-action .btn-add, .content.sub.mypage .goods-list .list-top .list-action .btn-add,
.content.sub.mypage .address-list .list-top .list-action .btn-add, .content.search.mypage .goods-list .list-top .list-action .btn-add,
.content.search.mypage .address-list .list-top .list-action .btn-add {
  width: auto;
  margin-left: auto;
}
.content.login.mypage .goods-list .no-item,
.content.login.mypage .address-list .no-item, .content.join.mypage .goods-list .no-item,
.content.join.mypage .address-list .no-item, .content.sub.mypage .goods-list .no-item,
.content.sub.mypage .address-list .no-item, .content.search.mypage .goods-list .no-item,
.content.search.mypage .address-list .no-item {
  max-width: 100% !important;
  padding: 4.25rem 0;
  text-align: center;
  color: #666666;
  font-size: 0.875rem;
  flex: 1 1 100% !important;
}
.content.login.mypage .goods-list .goods-item,
.content.login.mypage .address-list .goods-item, .content.join.mypage .goods-list .goods-item,
.content.join.mypage .address-list .goods-item, .content.sub.mypage .goods-list .goods-item,
.content.sub.mypage .address-list .goods-item, .content.search.mypage .goods-list .goods-item,
.content.search.mypage .address-list .goods-item {
  max-width: calc(25% - 1.25rem);
  margin: 0;
  flex: 1 0 25%;
  margin-right: 0.625rem;
  margin-bottom: 2.5rem;
  margin-left: 0.625rem;
}
.content.login.mypage .goods-list .goods-item.sold-out .goods-img span,
.content.login.mypage .address-list .goods-item.sold-out .goods-img span, .content.join.mypage .goods-list .goods-item.sold-out .goods-img span,
.content.join.mypage .address-list .goods-item.sold-out .goods-img span, .content.sub.mypage .goods-list .goods-item.sold-out .goods-img span,
.content.sub.mypage .address-list .goods-item.sold-out .goods-img span, .content.search.mypage .goods-list .goods-item.sold-out .goods-img span,
.content.search.mypage .address-list .goods-item.sold-out .goods-img span {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 1rem;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  align-items: flex-end;
  justify-content: center;
}
.content.login.mypage .goods-list .goods-item .item-check,
.content.login.mypage .address-list .goods-item .item-check, .content.join.mypage .goods-list .goods-item .item-check,
.content.join.mypage .address-list .goods-item .item-check, .content.sub.mypage .goods-list .goods-item .item-check,
.content.sub.mypage .address-list .goods-item .item-check, .content.search.mypage .goods-list .goods-item .item-check,
.content.search.mypage .address-list .goods-item .item-check {
  position: absolute;
  top: 0;
  left: 0;
}
.content.login.mypage .goods-list .goods-item .item-check input,
.content.login.mypage .address-list .goods-item .item-check input, .content.join.mypage .goods-list .goods-item .item-check input,
.content.join.mypage .address-list .goods-item .item-check input, .content.sub.mypage .goods-list .goods-item .item-check input,
.content.sub.mypage .address-list .goods-item .item-check input, .content.search.mypage .goods-list .goods-item .item-check input,
.content.search.mypage .address-list .goods-item .item-check input {
  display: block;
}
.content.login.mypage .goods-list .goods-item .goods-info .title,
.content.login.mypage .address-list .goods-item .goods-info .title, .content.join.mypage .goods-list .goods-item .goods-info .title,
.content.join.mypage .address-list .goods-item .goods-info .title, .content.sub.mypage .goods-list .goods-item .goods-info .title,
.content.sub.mypage .address-list .goods-item .goods-info .title, .content.search.mypage .goods-list .goods-item .goods-info .title,
.content.search.mypage .address-list .goods-item .goods-info .title {
  font-size: 0.875rem;
}
.content.login.mypage .goods-list .goods-item .goods-info .price .discount-rate,
.content.login.mypage .address-list .goods-item .goods-info .price .discount-rate, .content.join.mypage .goods-list .goods-item .goods-info .price .discount-rate,
.content.join.mypage .address-list .goods-item .goods-info .price .discount-rate, .content.sub.mypage .goods-list .goods-item .goods-info .price .discount-rate,
.content.sub.mypage .address-list .goods-item .goods-info .price .discount-rate, .content.search.mypage .goods-list .goods-item .goods-info .price .discount-rate,
.content.search.mypage .address-list .goods-item .goods-info .price .discount-rate {
  font-size: 1.25rem;
}
.content.login.mypage .goods-list .goods-item .goods-info .price .calc-price,
.content.login.mypage .address-list .goods-item .goods-info .price .calc-price, .content.join.mypage .goods-list .goods-item .goods-info .price .calc-price,
.content.join.mypage .address-list .goods-item .goods-info .price .calc-price, .content.sub.mypage .goods-list .goods-item .goods-info .price .calc-price,
.content.sub.mypage .address-list .goods-item .goods-info .price .calc-price, .content.search.mypage .goods-list .goods-item .goods-info .price .calc-price,
.content.search.mypage .address-list .goods-item .goods-info .price .calc-price {
  font-size: 0.875rem;
}
.content.login.mypage .goods-list .goods-item .goods-info .price .calc-price strong,
.content.login.mypage .address-list .goods-item .goods-info .price .calc-price strong, .content.join.mypage .goods-list .goods-item .goods-info .price .calc-price strong,
.content.join.mypage .address-list .goods-item .goods-info .price .calc-price strong, .content.sub.mypage .goods-list .goods-item .goods-info .price .calc-price strong,
.content.sub.mypage .address-list .goods-item .goods-info .price .calc-price strong, .content.search.mypage .goods-list .goods-item .goods-info .price .calc-price strong,
.content.search.mypage .address-list .goods-item .goods-info .price .calc-price strong {
  font-size: 1.25rem;
}
.content.login.mypage .goods-list .goods-item .goods-info .price .origin-price,
.content.login.mypage .address-list .goods-item .goods-info .price .origin-price, .content.join.mypage .goods-list .goods-item .goods-info .price .origin-price,
.content.join.mypage .address-list .goods-item .goods-info .price .origin-price, .content.sub.mypage .goods-list .goods-item .goods-info .price .origin-price,
.content.sub.mypage .address-list .goods-item .goods-info .price .origin-price, .content.search.mypage .goods-list .goods-item .goods-info .price .origin-price,
.content.search.mypage .address-list .goods-item .goods-info .price .origin-price {
  font-size: 0.875rem;
}
.content.login.mypage .goods-list .goods-item .goods-info .price .origin-price strong,
.content.login.mypage .address-list .goods-item .goods-info .price .origin-price strong, .content.join.mypage .goods-list .goods-item .goods-info .price .origin-price strong,
.content.join.mypage .address-list .goods-item .goods-info .price .origin-price strong, .content.sub.mypage .goods-list .goods-item .goods-info .price .origin-price strong,
.content.sub.mypage .address-list .goods-item .goods-info .price .origin-price strong, .content.search.mypage .goods-list .goods-item .goods-info .price .origin-price strong,
.content.search.mypage .address-list .goods-item .goods-info .price .origin-price strong {
  font-size: 1rem;
}
.content.login.mypage .qna-list .list-top, .content.join.mypage .qna-list .list-top, .content.sub.mypage .qna-list .list-top, .content.search.mypage .qna-list .list-top {
  align-items: center;
}
.content.login.mypage .qna-list .list-top .filter, .content.join.mypage .qna-list .list-top .filter, .content.sub.mypage .qna-list .list-top .filter, .content.search.mypage .qna-list .list-top .filter {
  margin-bottom: 2.5rem;
}
.content.login.mypage .qna-list .list-top .sel-length, .content.join.mypage .qna-list .list-top .sel-length, .content.sub.mypage .qna-list .list-top .sel-length, .content.search.mypage .qna-list .list-top .sel-length {
  display: flex;
  align-items: center;
}
.content.login.mypage .qna-list .list-top .sel-length .input-group, .content.join.mypage .qna-list .list-top .sel-length .input-group, .content.sub.mypage .qna-list .list-top .sel-length .input-group, .content.search.mypage .qna-list .list-top .sel-length .input-group {
  display: flex;
  align-items: center;
}
.content.login.mypage .qna-list .list-top .sel-length label, .content.join.mypage .qna-list .list-top .sel-length label, .content.sub.mypage .qna-list .list-top .sel-length label, .content.search.mypage .qna-list .list-top .sel-length label {
  display: flex;
  margin-right: 1rem;
  align-items: center;
}
.content.login.mypage .qna-list .list-top .sort, .content.join.mypage .qna-list .list-top .sort, .content.sub.mypage .qna-list .list-top .sort, .content.search.mypage .qna-list .list-top .sort {
  margin: 0;
}
.content.login.mypage .qna-list .list-item.no-item, .content.join.mypage .qna-list .list-item.no-item, .content.sub.mypage .qna-list .list-item.no-item, .content.search.mypage .qna-list .list-item.no-item {
  padding: 0;
}
.content.login.mypage .qna-list .list-item.no-item p, .content.join.mypage .qna-list .list-item.no-item p, .content.sub.mypage .qna-list .list-item.no-item p, .content.search.mypage .qna-list .list-item.no-item p {
  color: #666666;
  font-size: 0.875rem;
  padding-top: 4.25rem;
  padding-bottom: 4.25rem;
}
.content.login.mypage .qna-list .list-item .list-title .subject, .content.join.mypage .qna-list .list-item .list-title .subject, .content.sub.mypage .qna-list .list-item .list-title .subject, .content.search.mypage .qna-list .list-item .list-title .subject {
  max-width: calc(100% - 13.5rem);
  flex: 1 1 auto;
}
.content.login.mypage .qna-list .list-item .list-title .goods, .content.join.mypage .qna-list .list-item .list-title .goods, .content.sub.mypage .qna-list .list-item .list-title .goods, .content.search.mypage .qna-list .list-item .list-title .goods {
  color: #666666;
}
.content.login.mypage .qna-list .list-item .list-title .status, .content.join.mypage .qna-list .list-item .list-title .status, .content.sub.mypage .qna-list .list-item .list-title .status, .content.search.mypage .qna-list .list-item .list-title .status {
  flex: 0 0 7rem;
}
.content.login.mypage .qna-list .list-item .list-title .date, .content.join.mypage .qna-list .list-item .list-title .date, .content.sub.mypage .qna-list .list-item .list-title .date, .content.search.mypage .qna-list .list-item .list-title .date {
  flex: 0 0 6.5rem;
}
.content.login.mypage .qna-list .list-item .list-title .reply, .content.join.mypage .qna-list .list-item .list-title .reply, .content.sub.mypage .qna-list .list-item .list-title .reply, .content.search.mypage .qna-list .list-item .list-title .reply {
  max-width: calc(100% - 15.5rem);
  margin-left: 8rem;
}
.content.login.mypage .qna-list .list-item .list-title .reply.no-answer, .content.join.mypage .qna-list .list-item .list-title .reply.no-answer, .content.sub.mypage .qna-list .list-item .list-title .reply.no-answer, .content.search.mypage .qna-list .list-item .list-title .reply.no-answer {
  color: #666666;
}
.content.login.mypage .address-list ul, .content.join.mypage .address-list ul, .content.sub.mypage .address-list ul, .content.search.mypage .address-list ul {
  margin-right: 0;
  margin-left: 0;
}
.content.login.mypage .address-list .address-item, .content.join.mypage .address-list .address-item, .content.sub.mypage .address-list .address-item, .content.search.mypage .address-list .address-item {
  display: flex;
  padding: 1rem 0;
  border-bottom: 1px solid #d8d8d8;
}
.content.login.mypage .address-list .address-item .input-check, .content.join.mypage .address-list .address-item .input-check, .content.sub.mypage .address-list .address-item .input-check, .content.search.mypage .address-list .address-item .input-check {
  display: flex;
  padding: 0 1rem;
  flex: 0 0 auto;
  align-items: center;
}
.content.login.mypage .address-list .address-item .input-check input[type=checkbox], .content.join.mypage .address-list .address-item .input-check input[type=checkbox], .content.sub.mypage .address-list .address-item .input-check input[type=checkbox], .content.search.mypage .address-list .address-item .input-check input[type=checkbox] {
  display: block;
}
.content.login.mypage .address-list .address-item .address-info, .content.join.mypage .address-list .address-item .address-info, .content.sub.mypage .address-list .address-item .address-info, .content.search.mypage .address-list .address-item .address-info {
  flex: 1 1 auto;
}
.content.login.mypage .address-list .address-item .address-info .address-name, .content.join.mypage .address-list .address-item .address-info .address-name, .content.sub.mypage .address-list .address-item .address-info .address-name, .content.search.mypage .address-list .address-item .address-info .address-name {
  display: flex;
  margin-bottom: 1rem;
  line-height: 1;
  align-items: center;
}
.content.login.mypage .address-list .address-item .address-info .address-name dl, .content.join.mypage .address-list .address-item .address-info .address-name dl, .content.sub.mypage .address-list .address-item .address-info .address-name dl, .content.search.mypage .address-list .address-item .address-info .address-name dl {
  display: flex;
  align-items: center;
}
.content.login.mypage .address-list .address-item .address-info .address-name dl dt, .content.join.mypage .address-list .address-item .address-info .address-name dl dt, .content.sub.mypage .address-list .address-item .address-info .address-name dl dt, .content.search.mypage .address-list .address-item .address-info .address-name dl dt {
  margin-right: 1rem;
  font-weight: normal;
}
.content.login.mypage .address-list .address-item .address-info .address-name dl dd, .content.join.mypage .address-list .address-item .address-info .address-name dl dd, .content.sub.mypage .address-list .address-item .address-info .address-name dl dd, .content.search.mypage .address-list .address-item .address-info .address-name dl dd {
  padding: 0 1rem;
  border-left: 1px solid #d8d8d8;
}
.content.login.mypage .address-list .address-item .address-info .address-name .flag.default, .content.join.mypage .address-list .address-item .address-info .address-name .flag.default, .content.sub.mypage .address-list .address-item .address-info .address-name .flag.default, .content.search.mypage .address-list .address-item .address-info .address-name .flag.default {
  display: flex;
  height: 1.5rem;
  padding: 0 0.5rem;
  color: #ffffff;
  background-color: #d8d8d8;
  font-size: 0.75rem;
  align-items: center;
}
.content.login.mypage .address-list .address-item .address-info .address,
.content.login.mypage .address-list .address-item .address-info .tel, .content.join.mypage .address-list .address-item .address-info .address,
.content.join.mypage .address-list .address-item .address-info .tel, .content.sub.mypage .address-list .address-item .address-info .address,
.content.sub.mypage .address-list .address-item .address-info .tel, .content.search.mypage .address-list .address-item .address-info .address,
.content.search.mypage .address-list .address-item .address-info .tel {
  color: #666666;
  font-size: 0.875rem;
}
.content.login.mypage .address-list .address-item .action, .content.join.mypage .address-list .address-item .action, .content.sub.mypage .address-list .address-item .action, .content.search.mypage .address-list .address-item .action {
  display: flex;
  padding: 0 1rem;
  flex: 0 0 auto;
  align-items: center;
}
.content.login.mypage .address-list .address-item .action .btn-edit, .content.join.mypage .address-list .address-item .action .btn-edit, .content.sub.mypage .address-list .address-item .action .btn-edit, .content.search.mypage .address-list .address-item .action .btn-edit {
  width: auto;
  height: 2rem;
  padding: 0 1rem;
  border: 1px solid #d8d8d8;
  border-radius: 1rem;
  font-size: 0.875rem;
}
@media (max-width: 1024px) {
  .content.login.mypage .address-list .address-item .action .btn-edit, .content.join.mypage .address-list .address-item .action .btn-edit, .content.sub.mypage .address-list .address-item .action .btn-edit, .content.search.mypage .address-list .address-item .action .btn-edit {
    align-self: flex-start;
  }
}
.content.login.mypage .profile-menu ul, .content.join.mypage .profile-menu ul, .content.sub.mypage .profile-menu ul, .content.search.mypage .profile-menu ul {
  display: flex;
  border: 1px solid #d8d8d8;
  align-items: stretch;
}
.content.login.mypage .profile-menu ul li, .content.join.mypage .profile-menu ul li, .content.sub.mypage .profile-menu ul li, .content.search.mypage .profile-menu ul li {
  display: flex;
  flex-direction: column;
  padding: 2.5rem 1rem;
  align-items: center;
  flex: 1;
  justify-content: center;
}
.content.login.mypage .profile-menu ul li ~ li, .content.join.mypage .profile-menu ul li ~ li, .content.sub.mypage .profile-menu ul li ~ li, .content.search.mypage .profile-menu ul li ~ li {
  border-left: 1px solid #d8d8d8;
}
.content.login.mypage .profile-menu ul li button, .content.join.mypage .profile-menu ul li button, .content.sub.mypage .profile-menu ul li button, .content.search.mypage .profile-menu ul li button {
  width: 9.25rem;
  height: 2rem;
  padding: 0;
  border: 1px solid #d8d8d8;
  border-radius: 1rem;
  font-size: 0.875rem;
}
.content.login.mypage .profile-menu ul li p, .content.join.mypage .profile-menu ul li p, .content.sub.mypage .profile-menu ul li p, .content.search.mypage .profile-menu ul li p {
  margin-top: 1rem;
  text-align: center;
  word-break: keep-all;
  color: #666666;
  font-size: 0.875rem;
}
.content.login.mypage .check-password, .content.join.mypage .check-password, .content.sub.mypage .check-password, .content.search.mypage .check-password {
  padding-bottom: 3rem;
  border-bottom: 1px solid #d8d8d8;
}
.content.login.mypage .check-password .form-field, .content.join.mypage .check-password .form-field, .content.sub.mypage .check-password .form-field, .content.search.mypage .check-password .form-field {
  width: 100%;
  max-width: 29.0625rem;
  margin-right: auto;
  margin-left: auto;
}
.content.login.mypage .check-password .form-field p, .content.join.mypage .check-password .form-field p, .content.sub.mypage .check-password .form-field p, .content.search.mypage .check-password .form-field p {
  margin-top: 1rem;
  color: #666666;
  font-size: 0.875rem;
}
.content.login.mypage .check-password .form-field p + input, .content.join.mypage .check-password .form-field p + input, .content.sub.mypage .check-password .form-field p + input, .content.search.mypage .check-password .form-field p + input {
  margin-top: 2rem;
}
.content.login.mypage .check-password .form-field input, .content.join.mypage .check-password .form-field input, .content.sub.mypage .check-password .form-field input, .content.search.mypage .check-password .form-field input {
  margin-top: 0.5rem;
}
.content.login.mypage .withdrawal h3, .content.join.mypage .withdrawal h3, .content.sub.mypage .withdrawal h3, .content.search.mypage .withdrawal h3 {
  margin-bottom: 1.5rem;
}
.content.login.mypage .withdrawal h4, .content.join.mypage .withdrawal h4, .content.sub.mypage .withdrawal h4, .content.search.mypage .withdrawal h4 {
  margin-bottom: 1rem;
  font-size: 1rem;
}
.content.login.mypage .withdrawal h4 ~ h4, .content.join.mypage .withdrawal h4 ~ h4, .content.sub.mypage .withdrawal h4 ~ h4, .content.search.mypage .withdrawal h4 ~ h4 {
  margin-top: 1.5rem;
}
.content.login.mypage .withdrawal .withdrawal-text, .content.join.mypage .withdrawal .withdrawal-text, .content.sub.mypage .withdrawal .withdrawal-text, .content.search.mypage .withdrawal .withdrawal-text {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #d8d8d8;
}
.content.login.mypage .withdrawal .withdrawal-text ul li, .content.join.mypage .withdrawal .withdrawal-text ul li, .content.sub.mypage .withdrawal .withdrawal-text ul li, .content.search.mypage .withdrawal .withdrawal-text ul li {
  display: flex;
  font-size: 0.875rem;
  align-items: flex-start;
}
.content.login.mypage .withdrawal .withdrawal-text ul li::before, .content.join.mypage .withdrawal .withdrawal-text ul li::before, .content.sub.mypage .withdrawal .withdrawal-text ul li::before, .content.search.mypage .withdrawal .withdrawal-text ul li::before {
  margin-right: 0.25em;
  content: "· ";
}
.content.login.mypage .withdrawal .withdrawal-text dl ~ dl, .content.join.mypage .withdrawal .withdrawal-text dl ~ dl, .content.sub.mypage .withdrawal .withdrawal-text dl ~ dl, .content.search.mypage .withdrawal .withdrawal-text dl ~ dl {
  margin-top: 1rem;
}
.content.login.mypage .withdrawal .withdrawal-text dl dt, .content.join.mypage .withdrawal .withdrawal-text dl dt, .content.sub.mypage .withdrawal .withdrawal-text dl dt, .content.search.mypage .withdrawal .withdrawal-text dl dt {
  color: #ff0000;
  font-size: 0.875rem;
  font-weight: normal;
}
.content.login.mypage .withdrawal .withdrawal-text dl dd, .content.join.mypage .withdrawal .withdrawal-text dl dd, .content.sub.mypage .withdrawal .withdrawal-text dl dd, .content.search.mypage .withdrawal .withdrawal-text dl dd {
  color: #666666;
  font-size: 0.875rem;
}
.content.login.mypage .withdrawal .input-group label, .content.join.mypage .withdrawal .input-group label, .content.sub.mypage .withdrawal .input-group label, .content.search.mypage .withdrawal .input-group label {
  display: flex;
  align-items: flex-start;
}
.content.login.mypage .withdrawal .input-group label span, .content.join.mypage .withdrawal .input-group label span, .content.sub.mypage .withdrawal .input-group label span, .content.search.mypage .withdrawal .input-group label span {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.5rem;
}
.content.login.mypage .withdrawal .input-group label span em, .content.join.mypage .withdrawal .input-group label span em, .content.sub.mypage .withdrawal .input-group label span em, .content.search.mypage .withdrawal .input-group label span em {
  font-size: 0.875rem;
}
.content.login.mypage .withdrawal .input-group label input[type=checkbox], .content.join.mypage .withdrawal .input-group label input[type=checkbox], .content.sub.mypage .withdrawal .input-group label input[type=checkbox], .content.search.mypage .withdrawal .input-group label input[type=checkbox] {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.content.login.mypage.seller-center, .content.join.mypage.seller-center, .content.sub.mypage.seller-center, .content.search.mypage.seller-center {
  padding-top: 5.25rem;
}
@media (max-width: 1024px) {
  .content.login.mypage.seller-center, .content.join.mypage.seller-center, .content.sub.mypage.seller-center, .content.search.mypage.seller-center {
    padding-top: 1.5rem;
  }
}
.content.login.mypage.seller-center h2, .content.join.mypage.seller-center h2, .content.sub.mypage.seller-center h2, .content.search.mypage.seller-center h2 {
  margin-bottom: 2.5rem;
}
@media (max-width: 1024px) {
  .content.login.mypage.seller-center h2, .content.join.mypage.seller-center h2, .content.sub.mypage.seller-center h2, .content.search.mypage.seller-center h2 {
    margin-bottom: 1.5rem;
  }
}
.content.login.mypage.seller-center .mypage-side-menu, .content.join.mypage.seller-center .mypage-side-menu, .content.sub.mypage.seller-center .mypage-side-menu, .content.search.mypage.seller-center .mypage-side-menu {
  border-top: 1px solid #000000;
}
.content.login.mypage.seller-center .seller-center-menu p, .content.join.mypage.seller-center .seller-center-menu p, .content.sub.mypage.seller-center .seller-center-menu p, .content.search.mypage.seller-center .seller-center-menu p {
  margin-bottom: 1.5rem;
  word-break: keep-all;
}
@media (max-width: 1024px) {
  .content.login.mypage.seller-center .seller-center-menu p, .content.join.mypage.seller-center .seller-center-menu p, .content.sub.mypage.seller-center .seller-center-menu p, .content.search.mypage.seller-center .seller-center-menu p {
    margin-bottom: 1rem;
    font-size: 0.875rem;
  }
}
.content.login.mypage.seller-center .seller-center-menu ul, .content.join.mypage.seller-center .seller-center-menu ul, .content.sub.mypage.seller-center .seller-center-menu ul, .content.search.mypage.seller-center .seller-center-menu ul {
  display: flex;
  border: 1px solid #d8d8d8;
  align-items: stretch;
}
@media (max-width: 1024px) {
  .content.login.mypage.seller-center .seller-center-menu ul, .content.join.mypage.seller-center .seller-center-menu ul, .content.sub.mypage.seller-center .seller-center-menu ul, .content.search.mypage.seller-center .seller-center-menu ul {
    flex-wrap: wrap;
  }
}
.content.login.mypage.seller-center .seller-center-menu ul li, .content.join.mypage.seller-center .seller-center-menu ul li, .content.sub.mypage.seller-center .seller-center-menu ul li, .content.search.mypage.seller-center .seller-center-menu ul li {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  flex: 1;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .content.login.mypage.seller-center .seller-center-menu ul li, .content.join.mypage.seller-center .seller-center-menu ul li, .content.sub.mypage.seller-center .seller-center-menu ul li, .content.search.mypage.seller-center .seller-center-menu ul li {
    max-width: 50%;
    padding: 1.375rem;
    flex: 1 1 50%;
  }
  .content.login.mypage.seller-center .seller-center-menu ul li:nth-child(even), .content.join.mypage.seller-center .seller-center-menu ul li:nth-child(even), .content.sub.mypage.seller-center .seller-center-menu ul li:nth-child(even), .content.search.mypage.seller-center .seller-center-menu ul li:nth-child(even) {
    border-left: 1px solid #d8d8d8;
  }
  .content.login.mypage.seller-center .seller-center-menu ul li:not(:nth-child(even)), .content.join.mypage.seller-center .seller-center-menu ul li:not(:nth-child(even)), .content.sub.mypage.seller-center .seller-center-menu ul li:not(:nth-child(even)), .content.search.mypage.seller-center .seller-center-menu ul li:not(:nth-child(even)) {
    border-left: 0;
  }
  .content.login.mypage.seller-center .seller-center-menu ul li:nth-child(2) ~ li, .content.join.mypage.seller-center .seller-center-menu ul li:nth-child(2) ~ li, .content.sub.mypage.seller-center .seller-center-menu ul li:nth-child(2) ~ li, .content.search.mypage.seller-center .seller-center-menu ul li:nth-child(2) ~ li {
    border-top: 1px solid #d8d8d8;
  }
}
.content.login.mypage.seller-center .seller-center-menu ul li ~ li, .content.join.mypage.seller-center .seller-center-menu ul li ~ li, .content.sub.mypage.seller-center .seller-center-menu ul li ~ li, .content.search.mypage.seller-center .seller-center-menu ul li ~ li {
  border-left: 1px solid #d8d8d8;
}
.content.login.mypage.seller-center .seller-center-menu ul li img, .content.join.mypage.seller-center .seller-center-menu ul li img, .content.sub.mypage.seller-center .seller-center-menu ul li img, .content.search.mypage.seller-center .seller-center-menu ul li img {
  display: block;
  margin: 0 auto 1rem;
}
@media (max-width: 1024px) {
  .content.login.mypage.seller-center .seller-center-menu ul li img, .content.join.mypage.seller-center .seller-center-menu ul li img, .content.sub.mypage.seller-center .seller-center-menu ul li img, .content.search.mypage.seller-center .seller-center-menu ul li img {
    width: 2rem;
  }
}
.content.login.mypage.seller-center .seller-center-menu ul li button, .content.join.mypage.seller-center .seller-center-menu ul li button, .content.sub.mypage.seller-center .seller-center-menu ul li button, .content.search.mypage.seller-center .seller-center-menu ul li button {
  width: 8.25rem;
  max-width: 100%;
  height: 2rem;
  padding: 0;
  border: 1px solid #d8d8d8;
  border-radius: 1rem;
  font-size: 0.875rem;
}
.content.login.mypage.seller-center .seller-center-menu .info, .content.join.mypage.seller-center .seller-center-menu .info, .content.sub.mypage.seller-center .seller-center-menu .info, .content.search.mypage.seller-center .seller-center-menu .info {
  margin-top: 1rem;
  color: #666666;
  font-size: 0.875rem;
}
.content.login.mypage.seller-center .seller-regist-info, .content.join.mypage.seller-center .seller-regist-info, .content.sub.mypage.seller-center .seller-regist-info, .content.search.mypage.seller-center .seller-regist-info {
  background-color: #f6f6f6;
  text-align: center;
  padding: 1.5rem;
}
@media (max-width: 1024px) {
  .content.login.mypage.seller-center .seller-regist-info, .content.join.mypage.seller-center .seller-regist-info, .content.sub.mypage.seller-center .seller-regist-info, .content.search.mypage.seller-center .seller-regist-info {
    padding: 1rem;
  }
}
.content.login.mypage.seller-center .seller-regist-info img, .content.join.mypage.seller-center .seller-regist-info img, .content.sub.mypage.seller-center .seller-regist-info img, .content.search.mypage.seller-center .seller-regist-info img {
  display: block;
  margin: 0 auto 1.5rem;
}
@media (max-width: 1024px) {
  .content.login.mypage.seller-center .seller-regist-info img, .content.join.mypage.seller-center .seller-regist-info img, .content.sub.mypage.seller-center .seller-regist-info img, .content.search.mypage.seller-center .seller-regist-info img {
    width: 2rem;
    margin-bottom: 0.5rem;
  }
}
.content.login.mypage.seller-center .seller-regist-info h3, .content.join.mypage.seller-center .seller-regist-info h3, .content.sub.mypage.seller-center .seller-regist-info h3, .content.search.mypage.seller-center .seller-regist-info h3 {
  border: 0;
  font-size: 1rem;
  justify-content: center;
  height: auto;
  margin-top: 0;
}
@media (max-width: 1024px) {
  .content.login.mypage.seller-center .seller-regist-info h3, .content.join.mypage.seller-center .seller-regist-info h3, .content.sub.mypage.seller-center .seller-regist-info h3, .content.search.mypage.seller-center .seller-regist-info h3 {
    font-size: 0.875rem;
  }
}
.content.login.mypage.seller-center .seller-regist-info p, .content.join.mypage.seller-center .seller-regist-info p, .content.sub.mypage.seller-center .seller-regist-info p, .content.search.mypage.seller-center .seller-regist-info p {
  color: #666666;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 1024px) {
  .content.login.mypage.seller-center .seller-regist-info p, .content.join.mypage.seller-center .seller-regist-info p, .content.sub.mypage.seller-center .seller-regist-info p, .content.search.mypage.seller-center .seller-regist-info p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
  }
}
.content.login.mypage.seller-center .seller-regist-info dl, .content.join.mypage.seller-center .seller-regist-info dl, .content.sub.mypage.seller-center .seller-regist-info dl, .content.search.mypage.seller-center .seller-regist-info dl {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #666666;
}
@media (max-width: 1024px) {
  .content.login.mypage.seller-center .seller-regist-info dl, .content.join.mypage.seller-center .seller-regist-info dl, .content.sub.mypage.seller-center .seller-regist-info dl, .content.search.mypage.seller-center .seller-regist-info dl {
    font-size: 0.875rem;
  }
}
.content.login.mypage.seller-center .seller-regist-info dl dt, .content.join.mypage.seller-center .seller-regist-info dl dt, .content.sub.mypage.seller-center .seller-regist-info dl dt, .content.search.mypage.seller-center .seller-regist-info dl dt {
  font-weight: normal;
}
.content.login.mypage.seller-center .seller-regist-complete h3, .content.join.mypage.seller-center .seller-regist-complete h3, .content.sub.mypage.seller-center .seller-regist-complete h3, .content.search.mypage.seller-center .seller-regist-complete h3 {
  font-size: 1rem;
  justify-content: center;
  margin-top: 0;
  border: 0;
  height: auto;
}
@media (max-width: 1024px) {
  .content.login.mypage.seller-center .seller-regist-complete h3, .content.join.mypage.seller-center .seller-regist-complete h3, .content.sub.mypage.seller-center .seller-regist-complete h3, .content.search.mypage.seller-center .seller-regist-complete h3 {
    font-size: 0.875rem;
  }
}
.content.login.mypage.seller-center .seller-regist-complete p, .content.join.mypage.seller-center .seller-regist-complete p, .content.sub.mypage.seller-center .seller-regist-complete p, .content.search.mypage.seller-center .seller-regist-complete p {
  color: #666666;
  text-align: center;
  margin: 1rem;
}
@media (max-width: 1024px) {
  .content.login.mypage.seller-center .seller-regist-complete p, .content.join.mypage.seller-center .seller-regist-complete p, .content.sub.mypage.seller-center .seller-regist-complete p, .content.search.mypage.seller-center .seller-regist-complete p {
    margin: 0.75rem;
    font-size: 0.875rem;
  }
}
.content.login.mypage .trading-guide h3, .content.join.mypage .trading-guide h3, .content.sub.mypage .trading-guide h3, .content.search.mypage .trading-guide h3 {
  margin-top: 0;
}
.content.login.mypage .trading-guide h3:not(:first-child), .content.join.mypage .trading-guide h3:not(:first-child), .content.sub.mypage .trading-guide h3:not(:first-child), .content.search.mypage .trading-guide h3:not(:first-child) {
  margin-top: 3rem;
}
@media (max-width: 1024px) {
  .content.login.mypage .trading-guide h3:not(:first-child), .content.join.mypage .trading-guide h3:not(:first-child), .content.sub.mypage .trading-guide h3:not(:first-child), .content.search.mypage .trading-guide h3:not(:first-child) {
    margin-top: 2rem;
  }
}
.content.login.mypage .trading-guide p, .content.join.mypage .trading-guide p, .content.sub.mypage .trading-guide p, .content.search.mypage .trading-guide p {
  margin-top: 1rem;
}
@media (max-width: 1024px) {
  .content.login.mypage .trading-guide p, .content.join.mypage .trading-guide p, .content.sub.mypage .trading-guide p, .content.search.mypage .trading-guide p {
    margin-top: 0.75rem;
    font-size: 0.875rem;
  }
}
.content.login.mypage .trading-guide p.note, .content.join.mypage .trading-guide p.note, .content.sub.mypage .trading-guide p.note, .content.search.mypage .trading-guide p.note {
  color: #666666;
  font-size: 0.875rem;
}
.content.login.mypage .trading-guide .step-progress, .content.join.mypage .trading-guide .step-progress, .content.sub.mypage .trading-guide .step-progress, .content.search.mypage .trading-guide .step-progress {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 1024px) {
  .content.login.mypage .trading-guide .step-progress, .content.join.mypage .trading-guide .step-progress, .content.sub.mypage .trading-guide .step-progress, .content.search.mypage .trading-guide .step-progress {
    margin-top: 0.75rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
  }
}
@media (max-width: 1024px) {
  .content.login.mypage .trading-guide .step-progress dl, .content.join.mypage .trading-guide .step-progress dl, .content.sub.mypage .trading-guide .step-progress dl, .content.search.mypage .trading-guide .step-progress dl {
    flex: 1 1 100%;
  }
  .content.login.mypage .trading-guide .step-progress dl ~ dl, .content.join.mypage .trading-guide .step-progress dl ~ dl, .content.sub.mypage .trading-guide .step-progress dl ~ dl, .content.search.mypage .trading-guide .step-progress dl ~ dl {
    border-top: 1px solid #d8d8d8;
  }
}
.content.login.mypage .btns-group, .content.join.mypage .btns-group, .content.sub.mypage .btns-group, .content.search.mypage .btns-group {
  display: flex;
  margin-top: 3.75rem;
  align-items: center;
  justify-content: center;
}
@media (max-width: 64rem) {
  .content.login.mypage .btns-group, .content.join.mypage .btns-group, .content.sub.mypage .btns-group, .content.search.mypage .btns-group {
    margin-top: 2.5rem;
  }
}
.content.login.mypage .btns-group button, .content.join.mypage .btns-group button, .content.sub.mypage .btns-group button, .content.search.mypage .btns-group button {
  flex: 0 1 18rem;
}
@media (max-width: 64rem) {
  .content.login.mypage .btns-group button, .content.join.mypage .btns-group button, .content.sub.mypage .btns-group button, .content.search.mypage .btns-group button {
    height: 2.5rem;
    padding: 0 1rem;
    font-size: 1rem;
    flex: 0 1 8.125rem;
  }
}
.content.login.mypage .btns-group button ~ button, .content.join.mypage .btns-group button ~ button, .content.sub.mypage .btns-group button ~ button, .content.search.mypage .btns-group button ~ button {
  margin-left: -0.75rem;
}
@media (max-width: 1024px) {
  .content.login.mypage, .content.join.mypage, .content.sub.mypage, .content.search.mypage {
    padding-top: 1rem;
    padding-bottom: 2.5rem;
    /* 진행중인 주문 */
    /* 주문 목록 */
    /* 배송지 정보 */
    /* 포인트 */
    /* 등급 */
    /* 쿠폰 입력 */
    /* 관심상품목록 */
    /* 문의내역 */
    /* 배송지 목록 */
    /* 회원정보관리 */
  }
  .profile.change-password .profile-form {
    padding-top: 0;
    padding-bottom: 0;
  }
  .profile.change-password .profile-form .input-row .input-title {
    flex: 1 1 100%;
  }
  .content.login.mypage h3, .content.join.mypage h3, .content.sub.mypage h3, .content.search.mypage h3 {
    height: 2.5rem;
    font-size: 1rem;
  }
  .content.login.mypage h3 + div, .content.join.mypage h3 + div, .content.sub.mypage h3 + div, .content.search.mypage h3 + div {
    margin-top: 1rem;
  }
  .content.login.mypage h3 span, .content.join.mypage h3 span, .content.sub.mypage h3 span, .content.search.mypage h3 span {
    font-size: 0.75rem;
  }
  .content.login.mypage .tabs, .content.join.mypage .tabs, .content.sub.mypage .tabs, .content.search.mypage .tabs {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .content.login.mypage .tabs .tab, .content.join.mypage .tabs .tab, .content.sub.mypage .tabs .tab, .content.search.mypage .tabs .tab {
    margin-bottom: 1rem;
  }
  .content.login.mypage .tabs .tab li, .content.join.mypage .tabs .tab li, .content.sub.mypage .tabs .tab li, .content.search.mypage .tabs .tab li {
    flex: 1;
  }
  .content.login.mypage .tabs .tab-content, .content.join.mypage .tabs .tab-content, .content.sub.mypage .tabs .tab-content, .content.search.mypage .tabs .tab-content {
    padding: 0 1rem;
  }
  .content.login.mypage .mypage-row, .content.join.mypage .mypage-row, .content.sub.mypage .mypage-row, .content.search.mypage .mypage-row {
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
  }
  .content.login.mypage .mypage-row .col.mypage-side-menu, .content.join.mypage .mypage-row .col.mypage-side-menu, .content.sub.mypage .mypage-row .col.mypage-side-menu, .content.search.mypage .mypage-row .col.mypage-side-menu {
    order: 1;
    flex: 1 1 100%;
  }
  .content.login.mypage .mypage-row .col.mypage-content, .content.join.mypage .mypage-row .col.mypage-content, .content.sub.mypage .mypage-row .col.mypage-content, .content.search.mypage .mypage-row .col.mypage-content {
    margin: 0 0;
    order: 0;
    flex: 1 1 100%;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-status.order-status h3, .content.login.mypage .mypage-row .col.mypage-content.qna.order-status h3, .content.join.mypage .mypage-row .col.mypage-content.order-status.order-status h3, .content.join.mypage .mypage-row .col.mypage-content.qna.order-status h3, .content.sub.mypage .mypage-row .col.mypage-content.order-status.order-status h3, .content.sub.mypage .mypage-row .col.mypage-content.qna.order-status h3, .content.search.mypage .mypage-row .col.mypage-content.order-status.order-status h3, .content.search.mypage .mypage-row .col.mypage-content.qna.order-status h3 {
    border: 0;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-status .tabs, .content.login.mypage .mypage-row .col.mypage-content.qna .tabs, .content.join.mypage .mypage-row .col.mypage-content.order-status .tabs, .content.join.mypage .mypage-row .col.mypage-content.qna .tabs, .content.sub.mypage .mypage-row .col.mypage-content.order-status .tabs, .content.sub.mypage .mypage-row .col.mypage-content.qna .tabs, .content.search.mypage .mypage-row .col.mypage-content.order-status .tabs, .content.search.mypage .mypage-row .col.mypage-content.qna .tabs {
    margin-top: 0;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top,
  .content.login.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top, .content.login.mypage .mypage-row .col.mypage-content.qna .order-list .list-top,
  .content.login.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top, .content.join.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top,
  .content.join.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top, .content.join.mypage .mypage-row .col.mypage-content.qna .order-list .list-top,
  .content.join.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top, .content.sub.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top,
  .content.sub.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top, .content.sub.mypage .mypage-row .col.mypage-content.qna .order-list .list-top,
  .content.sub.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top, .content.search.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top,
  .content.search.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top, .content.search.mypage .mypage-row .col.mypage-content.qna .order-list .list-top,
  .content.search.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top {
    flex-wrap: wrap;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter,
  .content.login.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter, .content.login.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter,
  .content.login.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter, .content.join.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter,
  .content.join.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter, .content.join.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter,
  .content.join.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter, .content.sub.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter,
  .content.sub.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter, .content.sub.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter,
  .content.sub.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter, .content.search.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter,
  .content.search.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter, .content.search.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter,
  .content.search.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter {
    padding: 1rem;
    border: 1px solid #d8d8d8;
    flex-wrap: wrap;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .range-btns,
  .content.login.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .range-btns, .content.login.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .range-btns,
  .content.login.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .range-btns, .content.join.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .range-btns,
  .content.join.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .range-btns, .content.join.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .range-btns,
  .content.join.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .range-btns, .content.sub.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .range-btns,
  .content.sub.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .range-btns, .content.sub.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .range-btns,
  .content.sub.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .range-btns, .content.search.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .range-btns,
  .content.search.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .range-btns, .content.search.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .range-btns,
  .content.search.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .range-btns {
    margin-right: 0;
    margin-bottom: 0.5rem;
    flex: 1 1 100%;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .range-btns button,
  .content.login.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .range-btns button, .content.login.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .range-btns button,
  .content.login.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .range-btns button, .content.join.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .range-btns button,
  .content.join.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .range-btns button, .content.join.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .range-btns button,
  .content.join.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .range-btns button, .content.sub.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .range-btns button,
  .content.sub.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .range-btns button, .content.sub.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .range-btns button,
  .content.sub.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .range-btns button, .content.search.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .range-btns button,
  .content.search.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .range-btns button, .content.search.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .range-btns button,
  .content.search.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .range-btns button {
    flex: 1;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .date-range,
  .content.login.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .date-range, .content.login.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .date-range,
  .content.login.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .date-range, .content.join.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .date-range,
  .content.join.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .date-range, .content.join.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .date-range,
  .content.join.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .date-range, .content.sub.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .date-range,
  .content.sub.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .date-range, .content.sub.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .date-range,
  .content.sub.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .date-range, .content.search.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .date-range,
  .content.search.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .date-range, .content.search.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .date-range,
  .content.search.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .date-range {
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
    flex: 1 1 100%;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .date-range input,
  .content.login.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .date-range input, .content.login.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .date-range input,
  .content.login.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .date-range input, .content.join.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .date-range input,
  .content.join.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .date-range input, .content.join.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .date-range input,
  .content.join.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .date-range input, .content.sub.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .date-range input,
  .content.sub.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .date-range input, .content.sub.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .date-range input,
  .content.sub.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .date-range input, .content.search.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .date-range input,
  .content.search.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .date-range input, .content.search.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .date-range input,
  .content.search.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .date-range input {
    max-width: calc(50% - 0.6875rem);
    flex: 1 1 calc(50% - 0.6875rem);
    flex: 1;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .date-range span,
  .content.login.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .date-range span, .content.login.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .date-range span,
  .content.login.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .date-range span, .content.join.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .date-range span,
  .content.join.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .date-range span, .content.join.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .date-range span,
  .content.join.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .date-range span, .content.sub.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .date-range span,
  .content.sub.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .date-range span, .content.sub.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .date-range span,
  .content.sub.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .date-range span, .content.search.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .date-range span,
  .content.search.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .date-range span, .content.search.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .date-range span,
  .content.search.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .date-range span {
    min-width: 1.375rem;
    margin: 0;
    text-align: center;
    flex: 0 0 1.375rem;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .btn-search,
  .content.login.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .btn-search, .content.login.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .btn-search,
  .content.login.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .btn-search, .content.join.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .btn-search,
  .content.join.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .btn-search, .content.join.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .btn-search,
  .content.join.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .btn-search, .content.sub.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .btn-search,
  .content.sub.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .btn-search, .content.sub.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .btn-search,
  .content.sub.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .btn-search, .content.search.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .filter .btn-search,
  .content.search.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .filter .btn-search, .content.search.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .filter .btn-search,
  .content.search.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .filter .btn-search {
    flex: 1 1 100%;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .sort,
  .content.login.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .sort, .content.login.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .sort,
  .content.login.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .sort, .content.join.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .sort,
  .content.join.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .sort, .content.join.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .sort,
  .content.join.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .sort, .content.sub.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .sort,
  .content.sub.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .sort, .content.sub.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .sort,
  .content.sub.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .sort, .content.search.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .sort,
  .content.search.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .sort, .content.search.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .sort,
  .content.search.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .sort {
    margin-top: 1.5rem;
    flex: 1 1 100%;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .sort select,
  .content.login.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .sort select, .content.login.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .sort select,
  .content.login.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .sort select, .content.join.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .sort select,
  .content.join.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .sort select, .content.join.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .sort select,
  .content.join.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .sort select, .content.sub.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .sort select,
  .content.sub.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .sort select, .content.sub.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .sort select,
  .content.sub.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .sort select, .content.search.mypage .mypage-row .col.mypage-content.order-status .order-list .list-top .sort select,
  .content.search.mypage .mypage-row .col.mypage-content.order-status .qna-list .list-top .sort select, .content.search.mypage .mypage-row .col.mypage-content.qna .order-list .list-top .sort select,
  .content.search.mypage .mypage-row .col.mypage-content.qna .qna-list .list-top .sort select {
    width: 100%;
    flex: 1 1 100%;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info, .content.join.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info, .content.sub.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info, .content.search.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info {
    flex-wrap: wrap;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info .info .model-code, .content.join.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info .info .model-code, .content.sub.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info .info .model-code, .content.search.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info .info .model-code {
    color: #999999;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info .info .option, .content.join.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info .info .option, .content.sub.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info .info .option, .content.search.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info .info .option {
    padding-top: 0;
    border: 0;
  }
  .content.login.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info .price, .content.join.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info .price, .content.sub.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info .price, .content.search.mypage .mypage-row .col.mypage-content.order-cancel .order-list .order-item .goods-info .price {
    margin-top: 0.5rem !important;
    margin-left: 5.5rem;
    padding-top: 0.5rem;
    text-align: left;
    border-top: 1px solid #f6f6f6;
    font-size: 0.875rem;
    justify-content: flex-start;
    flex: 1 1 100%;
  }
  .content.login.mypage .mypage-side-menu, .content.join.mypage .mypage-side-menu, .content.sub.mypage .mypage-side-menu, .content.search.mypage .mypage-side-menu {
    flex: 1 1 100%;
    margin-top: 2.5rem !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .content.login.mypage .mypage-side-menu h2, .content.join.mypage .mypage-side-menu h2, .content.sub.mypage .mypage-side-menu h2, .content.search.mypage .mypage-side-menu h2 {
    height: 2.5rem;
    margin-bottom: 0;
    font-size: 1rem;
  }
  .content.login.mypage .mypage-side-menu ul, .content.join.mypage .mypage-side-menu ul, .content.sub.mypage .mypage-side-menu ul, .content.search.mypage .mypage-side-menu ul {
    padding-top: 0;
    padding-bottom: 0;
  }
  .content.login.mypage .mypage-side-menu ul li, .content.join.mypage .mypage-side-menu ul li, .content.sub.mypage .mypage-side-menu ul li, .content.search.mypage .mypage-side-menu ul li {
    display: flex;
    height: 3.125rem;
    padding: 0 1rem;
    border-bottom: 1px solid #d8d8d8;
    font-size: 0.875rem;
    align-items: center;
  }
  .content.login.mypage .mypage-side-menu ul li ~ li, .content.join.mypage .mypage-side-menu ul li ~ li, .content.sub.mypage .mypage-side-menu ul li ~ li, .content.search.mypage .mypage-side-menu ul li ~ li {
    margin-top: 0;
  }
  .content.login.mypage .mypage-side-menu ul li a, .content.join.mypage .mypage-side-menu ul li a, .content.sub.mypage .mypage-side-menu ul li a, .content.search.mypage .mypage-side-menu ul li a {
    display: block;
  }
  .content.login.mypage .mypage-main-top, .content.join.mypage .mypage-main-top, .content.sub.mypage .mypage-main-top, .content.search.mypage .mypage-main-top {
    padding: 0;
    margin-top: -1rem;
    margin-right: -1rem;
    margin-bottom: 1rem;
    margin-left: -1rem;
  }
  .content.login.mypage .mypage-main-top .user-info, .content.join.mypage .mypage-main-top .user-info, .content.sub.mypage .mypage-main-top .user-info, .content.search.mypage .mypage-main-top .user-info {
    height: auto;
    margin: 0;
    padding: 1rem;
    flex-wrap: wrap;
  }
  .content.login.mypage .mypage-main-top .user-info .btn-coupon, .content.join.mypage .mypage-main-top .user-info .btn-coupon, .content.sub.mypage .mypage-main-top .user-info .btn-coupon, .content.search.mypage .mypage-main-top .user-info .btn-coupon {
    height: 4rem;
    margin-left: auto;
    padding: 0.5rem 1rem;
    flex-wrap: wrap;
  }
  .content.login.mypage .mypage-main-top .user-info .btn-coupon span, .content.join.mypage .mypage-main-top .user-info .btn-coupon span, .content.sub.mypage .mypage-main-top .user-info .btn-coupon span, .content.search.mypage .mypage-main-top .user-info .btn-coupon span {
    text-align: center;
    order: 1;
    flex: 1 1 100%;
  }
  .content.login.mypage .mypage-main-top .user-info .btn-coupon .icon-24-nega-download, .content.join.mypage .mypage-main-top .user-info .btn-coupon .icon-24-nega-download, .content.sub.mypage .mypage-main-top .user-info .btn-coupon .icon-24-nega-download, .content.search.mypage .mypage-main-top .user-info .btn-coupon .icon-24-nega-download {
    order: 0;
  }
  .content.login.mypage .mypage-main-top .info-detail, .content.join.mypage .mypage-main-top .info-detail, .content.sub.mypage .mypage-main-top .info-detail, .content.search.mypage .mypage-main-top .info-detail {
    width: auto;
    border-top: 1px solid rgba(122, 142, 193, 0.3);
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
  }
  .content.login.mypage .mypage-main-top .info-detail dl, .content.join.mypage .mypage-main-top .info-detail dl, .content.sub.mypage .mypage-main-top .info-detail dl, .content.search.mypage .mypage-main-top .info-detail dl {
    display: flex;
    padding: 1rem;
    border-bottom: 1px solid rgba(122, 142, 193, 0.3);
    flex: 1 1 50%;
    align-items: center;
    justify-content: space-between;
  }
  .content.login.mypage .mypage-main-top .info-detail dl dt, .content.join.mypage .mypage-main-top .info-detail dl dt, .content.sub.mypage .mypage-main-top .info-detail dl dt, .content.search.mypage .mypage-main-top .info-detail dl dt {
    margin-bottom: 0;
    font-size: 0.75rem;
  }
  .content.login.mypage .mypage-main-top .info-detail dl dd, .content.join.mypage .mypage-main-top .info-detail dl dd, .content.sub.mypage .mypage-main-top .info-detail dl dd, .content.search.mypage .mypage-main-top .info-detail dl dd {
    font-size: 0.75rem;
  }
  .content.login.mypage .mypage-main-top .info-detail dl .value, .content.join.mypage .mypage-main-top .info-detail dl .value, .content.sub.mypage .mypage-main-top .info-detail dl .value, .content.search.mypage .mypage-main-top .info-detail dl .value {
    font-size: 1.5rem;
  }
  .content.login.mypage .order-step .step, .content.join.mypage .order-step .step, .content.sub.mypage .order-step .step, .content.search.mypage .order-step .step {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .content.login.mypage .order-step .step dl, .content.join.mypage .order-step .step dl, .content.sub.mypage .order-step .step dl, .content.search.mypage .order-step .step dl {
    width: auto;
    height: auto;
    background-color: transparent;
    flex: 1 1 auto;
  }
  .content.login.mypage .order-step .step dl dt, .content.join.mypage .order-step .step dl dt, .content.sub.mypage .order-step .step dl dt, .content.search.mypage .order-step .step dl dt {
    margin-bottom: 0.5rem;
    font-size: 0.625rem;
  }
  .content.login.mypage .order-step .step dl dd, .content.join.mypage .order-step .step dl dd, .content.sub.mypage .order-step .step dl dd, .content.search.mypage .order-step .step dl dd {
    font-size: 1.25rem;
  }
  .content.login.mypage .order-step .step .icon-32-arr-next, .content.join.mypage .order-step .step .icon-32-arr-next, .content.sub.mypage .order-step .step .icon-32-arr-next, .content.search.mypage .order-step .step .icon-32-arr-next {
    width: 1rem;
    height: 1rem;
    margin: 0 0.375rem;
  }
  .content.login.mypage .list-top .sel-length, .content.join.mypage .list-top .sel-length, .content.sub.mypage .list-top .sel-length, .content.search.mypage .list-top .sel-length {
    flex: 1 1 100%;
  }
  .content.login.mypage .list-top .sel-length select, .content.join.mypage .list-top .sel-length select, .content.sub.mypage .list-top .sel-length select, .content.search.mypage .list-top .sel-length select {
    width: 100%;
  }
  .content.login.mypage .list-top .sel-length ~ .sort, .content.join.mypage .list-top .sel-length ~ .sort, .content.sub.mypage .list-top .sel-length ~ .sort, .content.search.mypage .list-top .sel-length ~ .sort {
    margin-top: 0.5rem !important;
  }
  .content.login.mypage .oeder-detail-top, .content.join.mypage .oeder-detail-top, .content.sub.mypage .oeder-detail-top, .content.search.mypage .oeder-detail-top {
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    flex-wrap: wrap;
  }
  .content.login.mypage .oeder-detail-top .order-time, .content.join.mypage .oeder-detail-top .order-time, .content.sub.mypage .oeder-detail-top .order-time, .content.search.mypage .oeder-detail-top .order-time {
    color: #666666;
    font-size: 0.875rem;
    flex: 1 1 100%;
    order: 1;
  }
  .content.login.mypage .oeder-detail-top .order-number, .content.join.mypage .oeder-detail-top .order-number, .content.sub.mypage .oeder-detail-top .order-number, .content.search.mypage .oeder-detail-top .order-number {
    order: 0;
    flex: 1 1 100%;
  }
  .content.login.mypage .oeder-detail-top .order-number dl, .content.join.mypage .oeder-detail-top .order-number dl, .content.sub.mypage .oeder-detail-top .order-number dl, .content.search.mypage .oeder-detail-top .order-number dl {
    font-size: 0.875rem;
  }
  .content.login.mypage .order-payment-info, .content.join.mypage .order-payment-info, .content.sub.mypage .order-payment-info, .content.search.mypage .order-payment-info {
    flex-wrap: wrap;
    border-right: 0;
    border-bottom: 1px solid #d8d8d8;
    border-left: 0;
  }
  .content.login.mypage .order-payment-info > div, .content.join.mypage .order-payment-info > div, .content.sub.mypage .order-payment-info > div, .content.search.mypage .order-payment-info > div {
    background-color: transparent;
    flex: 1 1 100%;
  }
  .content.login.mypage .order-payment-info > div ~ div, .content.join.mypage .order-payment-info > div ~ div, .content.sub.mypage .order-payment-info > div ~ div, .content.search.mypage .order-payment-info > div ~ div {
    border-top: 1px solid #d8d8d8;
    border-left: 0;
  }
  .content.login.mypage .order-payment-info > div > div, .content.join.mypage .order-payment-info > div > div, .content.sub.mypage .order-payment-info > div > div, .content.search.mypage .order-payment-info > div > div {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .content.login.mypage .order-payment-info > div .sum-value, .content.join.mypage .order-payment-info > div .sum-value, .content.sub.mypage .order-payment-info > div .sum-value, .content.search.mypage .order-payment-info > div .sum-value {
    padding: 0.75rem 1rem;
  }
  .content.login.mypage .order-payment-info > div .sum-value dt,
  .content.login.mypage .order-payment-info > div .sum-value dd, .content.join.mypage .order-payment-info > div .sum-value dt,
  .content.join.mypage .order-payment-info > div .sum-value dd, .content.sub.mypage .order-payment-info > div .sum-value dt,
  .content.sub.mypage .order-payment-info > div .sum-value dd, .content.search.mypage .order-payment-info > div .sum-value dt,
  .content.search.mypage .order-payment-info > div .sum-value dd {
    font-size: 0.875rem;
  }
  .content.login.mypage .order-payment-info > div .sum-value .value, .content.join.mypage .order-payment-info > div .sum-value .value, .content.sub.mypage .order-payment-info > div .sum-value .value, .content.search.mypage .order-payment-info > div .sum-value .value {
    font-size: 1.125rem;
  }
  .content.login.mypage .order-payment-info > div .value-detail,
  .content.login.mypage .order-payment-info > div .payment-info, .content.join.mypage .order-payment-info > div .value-detail,
  .content.join.mypage .order-payment-info > div .payment-info, .content.sub.mypage .order-payment-info > div .value-detail,
  .content.sub.mypage .order-payment-info > div .payment-info, .content.search.mypage .order-payment-info > div .value-detail,
  .content.search.mypage .order-payment-info > div .payment-info {
    margin: 0;
    padding: 0 1rem;
  }
  .content.login.mypage .order-payment-info > div .value-detail dl,
  .content.login.mypage .order-payment-info > div .payment-info dl, .content.join.mypage .order-payment-info > div .value-detail dl,
  .content.join.mypage .order-payment-info > div .payment-info dl, .content.sub.mypage .order-payment-info > div .value-detail dl,
  .content.sub.mypage .order-payment-info > div .payment-info dl, .content.search.mypage .order-payment-info > div .value-detail dl,
  .content.search.mypage .order-payment-info > div .payment-info dl {
    height: 2.5rem;
  }
  .content.login.mypage .order-payment-info > div .value-detail dl ~ dl,
  .content.login.mypage .order-payment-info > div .payment-info dl ~ dl, .content.join.mypage .order-payment-info > div .value-detail dl ~ dl,
  .content.join.mypage .order-payment-info > div .payment-info dl ~ dl, .content.sub.mypage .order-payment-info > div .value-detail dl ~ dl,
  .content.sub.mypage .order-payment-info > div .payment-info dl ~ dl, .content.search.mypage .order-payment-info > div .value-detail dl ~ dl,
  .content.search.mypage .order-payment-info > div .payment-info dl ~ dl {
    margin-top: 0;
  }
  .content.login.mypage .order-payment-info > div .value-detail.payment-info,
  .content.login.mypage .order-payment-info > div .payment-info.payment-info, .content.join.mypage .order-payment-info > div .value-detail.payment-info,
  .content.join.mypage .order-payment-info > div .payment-info.payment-info, .content.sub.mypage .order-payment-info > div .value-detail.payment-info,
  .content.sub.mypage .order-payment-info > div .payment-info.payment-info, .content.search.mypage .order-payment-info > div .value-detail.payment-info,
  .content.search.mypage .order-payment-info > div .payment-info.payment-info {
    padding-top: 0;
  }
  .content.login.mypage .order-payment-info .origin-value .value-detail margin, .content.join.mypage .order-payment-info .origin-value .value-detail margin, .content.sub.mypage .order-payment-info .origin-value .value-detail margin, .content.search.mypage .order-payment-info .origin-value .value-detail margin {
    right: 0 !important;
    left: 0 !important;
  }
  .content.login.mypage .order-payment-info .discount-value .value-detail margin, .content.join.mypage .order-payment-info .discount-value .value-detail margin, .content.sub.mypage .order-payment-info .discount-value .value-detail margin, .content.search.mypage .order-payment-info .discount-value .value-detail margin {
    right: 0 !important;
    left: 0 !important;
  }
  .content.login.mypage .order-payment-info .total-value .value-detail margin, .content.join.mypage .order-payment-info .total-value .value-detail margin, .content.sub.mypage .order-payment-info .total-value .value-detail margin, .content.search.mypage .order-payment-info .total-value .value-detail margin {
    right: 0 !important;
    left: 0 !important;
  }
  .content.login.mypage .order-payment-info .total-value .payment-info margin, .content.join.mypage .order-payment-info .total-value .payment-info margin, .content.sub.mypage .order-payment-info .total-value .payment-info margin, .content.search.mypage .order-payment-info .total-value .payment-info margin {
    right: 0 !important;
    left: 0 !important;
  }
  .content.login.mypage .point-status, .content.join.mypage .point-status, .content.sub.mypage .point-status, .content.search.mypage .point-status {
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
  }
  .content.login.mypage .point-status dl, .content.join.mypage .point-status dl, .content.sub.mypage .point-status dl, .content.search.mypage .point-status dl {
    display: flex;
    height: 2.5rem;
    padding: 0 1rem;
    border-bottom: 1px solid #d8d8d8;
    flex: 1 1 100%;
    align-items: center;
  }
  .content.login.mypage .point-status dl dt, .content.join.mypage .point-status dl dt, .content.sub.mypage .point-status dl dt, .content.search.mypage .point-status dl dt {
    border: 0;
    font-size: 0.875rem;
  }
  .content.login.mypage .point-status dl dd, .content.join.mypage .point-status dl dd, .content.sub.mypage .point-status dl dd, .content.search.mypage .point-status dl dd {
    margin-left: auto;
    border: 0;
    font-size: 0.875rem;
  }
  .content.login.mypage .board .list-top .sel-length, .content.join.mypage .board .list-top .sel-length, .content.sub.mypage .board .list-top .sel-length, .content.search.mypage .board .list-top .sel-length {
    flex: 1 1 100%;
  }
  .content.login.mypage .board .list-top .sel-length select, .content.join.mypage .board .list-top .sel-length select, .content.sub.mypage .board .list-top .sel-length select, .content.search.mypage .board .list-top .sel-length select {
    width: 100%;
  }
  .content.login.mypage .board .list-top .filter, .content.join.mypage .board .list-top .filter, .content.sub.mypage .board .list-top .filter, .content.search.mypage .board .list-top .filter {
    flex: 1 1 100%;
  }
  .content.login.mypage .board-list.point .list-header,
  .content.login.mypage .board-list.coupon .list-header, .content.join.mypage .board-list.point .list-header,
  .content.join.mypage .board-list.coupon .list-header, .content.sub.mypage .board-list.point .list-header,
  .content.sub.mypage .board-list.coupon .list-header, .content.search.mypage .board-list.point .list-header,
  .content.search.mypage .board-list.coupon .list-header {
    display: none;
  }
  .content.login.mypage .board-list.point .list-item,
  .content.login.mypage .board-list.coupon .list-item, .content.join.mypage .board-list.point .list-item,
  .content.join.mypage .board-list.coupon .list-item, .content.sub.mypage .board-list.point .list-item,
  .content.sub.mypage .board-list.coupon .list-item, .content.search.mypage .board-list.point .list-item,
  .content.search.mypage .board-list.coupon .list-item {
    height: auto;
    padding: 0.75rem 0;
    flex-wrap: wrap;
  }
  .content.login.mypage .board-list.point.point .create-date,
  .content.login.mypage .board-list.coupon.point .create-date, .content.join.mypage .board-list.point.point .create-date,
  .content.join.mypage .board-list.coupon.point .create-date, .content.sub.mypage .board-list.point.point .create-date,
  .content.sub.mypage .board-list.coupon.point .create-date, .content.search.mypage .board-list.point.point .create-date,
  .content.search.mypage .board-list.coupon.point .create-date {
    margin-top: 0.75rem;
    text-align: left;
    font-size: 0.75rem;
    order: 2;
    flex: 1 1 100%;
  }
  .content.login.mypage .board-list.point.point .category,
  .content.login.mypage .board-list.coupon.point .category, .content.join.mypage .board-list.point.point .category,
  .content.join.mypage .board-list.coupon.point .category, .content.sub.mypage .board-list.point.point .category,
  .content.sub.mypage .board-list.coupon.point .category, .content.search.mypage .board-list.point.point .category,
  .content.search.mypage .board-list.coupon.point .category {
    order: 0;
    flex: 0 0 auto;
  }
  .content.login.mypage .board-list.point.point .category .flag,
  .content.login.mypage .board-list.coupon.point .category .flag, .content.join.mypage .board-list.point.point .category .flag,
  .content.join.mypage .board-list.coupon.point .category .flag, .content.sub.mypage .board-list.point.point .category .flag,
  .content.sub.mypage .board-list.coupon.point .category .flag, .content.search.mypage .board-list.point.point .category .flag,
  .content.search.mypage .board-list.coupon.point .category .flag {
    font-size: 0.75rem;
  }
  .content.login.mypage .board-list.point.point .subject,
  .content.login.mypage .board-list.coupon.point .subject, .content.join.mypage .board-list.point.point .subject,
  .content.join.mypage .board-list.coupon.point .subject, .content.sub.mypage .board-list.point.point .subject,
  .content.sub.mypage .board-list.coupon.point .subject, .content.search.mypage .board-list.point.point .subject,
  .content.search.mypage .board-list.coupon.point .subject {
    padding: 0;
    font-size: 0.875rem;
    order: 3;
    flex: 0 0 auto;
  }
  .content.login.mypage .board-list.point.point .point,
  .content.login.mypage .board-list.coupon.point .point, .content.join.mypage .board-list.point.point .point,
  .content.join.mypage .board-list.coupon.point .point, .content.sub.mypage .board-list.point.point .point,
  .content.sub.mypage .board-list.coupon.point .point, .content.search.mypage .board-list.point.point .point,
  .content.search.mypage .board-list.coupon.point .point {
    margin-left: auto;
    font-size: 0.875rem;
    order: 4;
    flex: 0 0 auto;
  }
  .content.login.mypage .board-list.point.point .remaning-date,
  .content.login.mypage .board-list.coupon.point .remaning-date, .content.join.mypage .board-list.point.point .remaning-date,
  .content.join.mypage .board-list.coupon.point .remaning-date, .content.sub.mypage .board-list.point.point .remaning-date,
  .content.sub.mypage .board-list.coupon.point .remaning-date, .content.search.mypage .board-list.point.point .remaning-date,
  .content.search.mypage .board-list.coupon.point .remaning-date {
    margin-left: auto;
    color: #999999;
    font-size: 0.75rem;
    order: 1;
    flex: 0 0 auto;
  }
  .content.login.mypage .board-list.point.coupon .coupon-name,
  .content.login.mypage .board-list.coupon.coupon .coupon-name, .content.join.mypage .board-list.point.coupon .coupon-name,
  .content.join.mypage .board-list.coupon.coupon .coupon-name, .content.sub.mypage .board-list.point.coupon .coupon-name,
  .content.sub.mypage .board-list.coupon.coupon .coupon-name, .content.search.mypage .board-list.point.coupon .coupon-name,
  .content.search.mypage .board-list.coupon.coupon .coupon-name {
    max-width: calc(100% - 7.5rem);
    font-size: 0.875rem;
    order: 0;
    flex: 0 0 auto;
  }
  .content.login.mypage .board-list.point.coupon .discount-info,
  .content.login.mypage .board-list.coupon.coupon .discount-info, .content.join.mypage .board-list.point.coupon .discount-info,
  .content.join.mypage .board-list.coupon.coupon .discount-info, .content.sub.mypage .board-list.point.coupon .discount-info,
  .content.sub.mypage .board-list.coupon.coupon .discount-info, .content.search.mypage .board-list.point.coupon .discount-info,
  .content.search.mypage .board-list.coupon.coupon .discount-info {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    order: 2;
    flex: 1 1 100%;
  }
  .content.login.mypage .board-list.point.coupon .condition,
  .content.login.mypage .board-list.coupon.coupon .condition, .content.join.mypage .board-list.point.coupon .condition,
  .content.join.mypage .board-list.coupon.coupon .condition, .content.sub.mypage .board-list.point.coupon .condition,
  .content.sub.mypage .board-list.coupon.coupon .condition, .content.search.mypage .board-list.point.coupon .condition,
  .content.search.mypage .board-list.coupon.coupon .condition {
    text-align: left;
    color: #666666;
    font-size: 0.875rem;
    flex: 1 1 100%;
    order: 3;
  }
  .content.login.mypage .board-list.point.coupon .remaining-date,
  .content.login.mypage .board-list.coupon.coupon .remaining-date, .content.join.mypage .board-list.point.coupon .remaining-date,
  .content.join.mypage .board-list.coupon.coupon .remaining-date, .content.sub.mypage .board-list.point.coupon .remaining-date,
  .content.sub.mypage .board-list.coupon.coupon .remaining-date, .content.search.mypage .board-list.point.coupon .remaining-date,
  .content.search.mypage .board-list.coupon.coupon .remaining-date {
    margin-left: auto;
    color: #999999;
    font-size: 0.75rem;
    flex: 0 0 auto;
    order: 1;
  }
  .content.login.mypage .board-list.point .no-item,
  .content.login.mypage .board-list.coupon .no-item, .content.join.mypage .board-list.point .no-item,
  .content.join.mypage .board-list.coupon .no-item, .content.sub.mypage .board-list.point .no-item,
  .content.sub.mypage .board-list.coupon .no-item, .content.search.mypage .board-list.point .no-item,
  .content.search.mypage .board-list.coupon .no-item {
    padding: 2.125rem 0;
    font-size: 0.875rem;
  }
  .content.login.mypage .tier-status, .content.join.mypage .tier-status, .content.sub.mypage .tier-status, .content.search.mypage .tier-status {
    padding: 1.5rem 0;
  }
  .content.login.mypage .list.tier-list ul .list-item, .content.join.mypage .list.tier-list ul .list-item, .content.sub.mypage .list.tier-list ul .list-item, .content.search.mypage .list.tier-list ul .list-item {
    padding: 1rem;
    flex-wrap: wrap;
  }
  .content.login.mypage .list.tier-list ul .list-item > div, .content.join.mypage .list.tier-list ul .list-item > div, .content.sub.mypage .list.tier-list ul .list-item > div, .content.search.mypage .list.tier-list ul .list-item > div {
    padding: 0;
  }
  .content.login.mypage .list.tier-list ul .list-item .tier-name, .content.join.mypage .list.tier-list ul .list-item .tier-name, .content.sub.mypage .list.tier-list ul .list-item .tier-name, .content.search.mypage .list.tier-list ul .list-item .tier-name {
    font-size: 0.875rem;
    flex: 0 0 auto;
  }
  .content.login.mypage .list.tier-list ul .list-item .condition, .content.join.mypage .list.tier-list ul .list-item .condition, .content.sub.mypage .list.tier-list ul .list-item .condition, .content.search.mypage .list.tier-list ul .list-item .condition {
    margin-left: auto;
    font-size: 0.875rem;
    flex: 0 0 auto;
  }
  .content.login.mypage .list.tier-list ul .list-item .tier-info, .content.join.mypage .list.tier-list ul .list-item .tier-info, .content.sub.mypage .list.tier-list ul .list-item .tier-info, .content.search.mypage .list.tier-list ul .list-item .tier-info {
    margin-top: 0.5rem;
    color: #666666;
    font-size: 0.875rem;
    flex: 1 1 100%;
  }
  .content.login.mypage .list.tier-list ul .list-item .coupon, .content.join.mypage .list.tier-list ul .list-item .coupon, .content.sub.mypage .list.tier-list ul .list-item .coupon, .content.search.mypage .list.tier-list ul .list-item .coupon {
    margin-top: 1rem;
  }
  .content.login.mypage .list.tier-list ul .list-item .coupon dl, .content.join.mypage .list.tier-list ul .list-item .coupon dl, .content.sub.mypage .list.tier-list ul .list-item .coupon dl, .content.search.mypage .list.tier-list ul .list-item .coupon dl {
    margin: 0;
    justify-content: flex-start;
  }
  .content.login.mypage .coupon-regist, .content.join.mypage .coupon-regist, .content.sub.mypage .coupon-regist, .content.search.mypage .coupon-regist {
    margin-bottom: 1rem;
  }
  .content.login.mypage .coupon-regist .input-group, .content.join.mypage .coupon-regist .input-group, .content.sub.mypage .coupon-regist .input-group, .content.search.mypage .coupon-regist .input-group {
    padding-right: 0;
    padding-left: 0;
  }
  .content.login.mypage .coupon-regist .input-group label, .content.join.mypage .coupon-regist .input-group label, .content.sub.mypage .coupon-regist .input-group label, .content.search.mypage .coupon-regist .input-group label {
    display: none;
  }
  .content.login.mypage .coupon-regist .input-group input, .content.join.mypage .coupon-regist .input-group input, .content.sub.mypage .coupon-regist .input-group input, .content.search.mypage .coupon-regist .input-group input {
    flex: 1 1 auto;
  }
  .content.login.mypage .coupon-regist .input-group .btn-regist, .content.join.mypage .coupon-regist .input-group .btn-regist, .content.sub.mypage .coupon-regist .input-group .btn-regist, .content.search.mypage .coupon-regist .input-group .btn-regist {
    flex: 0 0 auto;
  }
  .content.login.mypage .coupon .form-field .order-item .goods-info, .content.join.mypage .coupon .form-field .order-item .goods-info, .content.sub.mypage .coupon .form-field .order-item .goods-info, .content.search.mypage .coupon .form-field .order-item .goods-info {
    padding: 0.5rem 0;
  }
  .content.login.mypage .coupon .form-field .order-item .goods-info .goods-thumbnail .img, .content.join.mypage .coupon .form-field .order-item .goods-info .goods-thumbnail .img, .content.sub.mypage .coupon .form-field .order-item .goods-info .goods-thumbnail .img, .content.search.mypage .coupon .form-field .order-item .goods-info .goods-thumbnail .img {
    width: 3.5rem;
    height: 3.5rem;
  }
  .content.login.mypage .coupon .form-field .order-item .goods-info .info .title, .content.join.mypage .coupon .form-field .order-item .goods-info .info .title, .content.sub.mypage .coupon .form-field .order-item .goods-info .info .title, .content.search.mypage .coupon .form-field .order-item .goods-info .info .title {
    font-size: 0.875rem;
  }
  .content.login.mypage .coupon .form-field .order-item .goods-info .info .option, .content.join.mypage .coupon .form-field .order-item .goods-info .info .option, .content.sub.mypage .coupon .form-field .order-item .goods-info .info .option, .content.search.mypage .coupon .form-field .order-item .goods-info .info .option {
    font-size: 0.875rem;
  }
  .content.login.mypage .coupon .form-field .edit-review-score .score, .content.join.mypage .coupon .form-field .edit-review-score .score, .content.sub.mypage .coupon .form-field .edit-review-score .score, .content.search.mypage .coupon .form-field .edit-review-score .score {
    padding: 1rem;
    flex-wrap: wrap;
  }
  .content.login.mypage .coupon .form-field .edit-review-score .score .title, .content.join.mypage .coupon .form-field .edit-review-score .score .title, .content.sub.mypage .coupon .form-field .edit-review-score .score .title, .content.search.mypage .coupon .form-field .edit-review-score .score .title {
    font-size: 1rem;
    flex: 0 0 auto;
    order: 0;
  }
  .content.login.mypage .coupon .form-field .edit-review-score .score p, .content.join.mypage .coupon .form-field .edit-review-score .score p, .content.sub.mypage .coupon .form-field .edit-review-score .score p, .content.search.mypage .coupon .form-field .edit-review-score .score p {
    margin-top: 0.25rem;
    text-align: right;
    font-size: 0.75rem;
    order: 2;
    flex: 1 1 100%;
  }
  .content.login.mypage .coupon .form-field .edit-review-score .score .stars, .content.join.mypage .coupon .form-field .edit-review-score .score .stars, .content.sub.mypage .coupon .form-field .edit-review-score .score .stars, .content.search.mypage .coupon .form-field .edit-review-score .score .stars {
    margin-left: auto;
    order: 1;
    flex: 0 0 auto;
  }
  .content.login.mypage .coupon .form-field .edit-review-score .score .stars button, .content.join.mypage .coupon .form-field .edit-review-score .score .stars button, .content.sub.mypage .coupon .form-field .edit-review-score .score .stars button, .content.search.mypage .coupon .form-field .edit-review-score .score .stars button {
    width: 1.25rem;
    height: 1.25rem;
  }
  .content.login.mypage .coupon .form-field .edit-review-score .score .stars button .icon-32-grade, .content.join.mypage .coupon .form-field .edit-review-score .score .stars button .icon-32-grade, .content.sub.mypage .coupon .form-field .edit-review-score .score .stars button .icon-32-grade, .content.search.mypage .coupon .form-field .edit-review-score .score .stars button .icon-32-grade {
    width: 1.25rem;
    height: 1.25rem;
  }
  .content.login.mypage .coupon .no-option, .content.join.mypage .coupon .no-option, .content.sub.mypage .coupon .no-option, .content.search.mypage .coupon .no-option {
    margin-top: 1rem;
  }
  .content.login.mypage .review-thumbnail, .content.join.mypage .review-thumbnail, .content.sub.mypage .review-thumbnail, .content.search.mypage .review-thumbnail {
    padding-right: 0;
    padding-left: 0;
  }
  .content.login.mypage .review-thumbnail.reject .thumbnail, .content.join.mypage .review-thumbnail.reject .thumbnail, .content.sub.mypage .review-thumbnail.reject .thumbnail, .content.search.mypage .review-thumbnail.reject .thumbnail {
    width: 3.5rem;
    height: 3.5rem;
  }
  .content.login.mypage .review-thumbnail .info, .content.join.mypage .review-thumbnail .info, .content.sub.mypage .review-thumbnail .info, .content.search.mypage .review-thumbnail .info {
    font-size: 0.875rem;
  }
  .content.login.mypage .goods-list > ul,
  .content.login.mypage .address-list > ul, .content.join.mypage .goods-list > ul,
  .content.join.mypage .address-list > ul, .content.sub.mypage .goods-list > ul,
  .content.sub.mypage .address-list > ul, .content.search.mypage .goods-list > ul,
  .content.search.mypage .address-list > ul {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .content.login.mypage .goods-list.address-list > ul,
  .content.login.mypage .address-list.address-list > ul, .content.join.mypage .goods-list.address-list > ul,
  .content.join.mypage .address-list.address-list > ul, .content.sub.mypage .goods-list.address-list > ul,
  .content.sub.mypage .address-list.address-list > ul, .content.search.mypage .goods-list.address-list > ul,
  .content.search.mypage .address-list.address-list > ul {
    margin-right: 0;
    margin-left: 0;
  }
  .content.login.mypage .goods-list .list-top,
  .content.login.mypage .address-list .list-top, .content.join.mypage .goods-list .list-top,
  .content.join.mypage .address-list .list-top, .content.sub.mypage .goods-list .list-top,
  .content.sub.mypage .address-list .list-top, .content.search.mypage .goods-list .list-top,
  .content.search.mypage .address-list .list-top {
    margin-bottom: 1rem;
  }
  .content.login.mypage .goods-list .no-item,
  .content.login.mypage .address-list .no-item, .content.join.mypage .goods-list .no-item,
  .content.join.mypage .address-list .no-item, .content.sub.mypage .goods-list .no-item,
  .content.sub.mypage .address-list .no-item, .content.search.mypage .goods-list .no-item,
  .content.search.mypage .address-list .no-item {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem;
  }
  .content.login.mypage .goods-list .goods-item,
  .content.login.mypage .address-list .goods-item, .content.join.mypage .goods-list .goods-item,
  .content.join.mypage .address-list .goods-item, .content.sub.mypage .goods-list .goods-item,
  .content.sub.mypage .address-list .goods-item, .content.search.mypage .goods-list .goods-item,
  .content.search.mypage .address-list .goods-item {
    max-width: calc(50% - 0.5rem);
    flex: 1 0 50%;
    margin-right: 0.25rem;
    margin-bottom: 1rem;
    margin-left: 0.25rem;
  }
  .content.login.mypage .goods-list .goods-item.sold-out .goods-img span,
  .content.login.mypage .address-list .goods-item.sold-out .goods-img span, .content.join.mypage .goods-list .goods-item.sold-out .goods-img span,
  .content.join.mypage .address-list .goods-item.sold-out .goods-img span, .content.sub.mypage .goods-list .goods-item.sold-out .goods-img span,
  .content.sub.mypage .address-list .goods-item.sold-out .goods-img span, .content.search.mypage .goods-list .goods-item.sold-out .goods-img span,
  .content.search.mypage .address-list .goods-item.sold-out .goods-img span {
    padding: 0.75rem;
    font-size: 0.875rem;
  }
  .content.login.mypage .goods-list .goods-item .goods-info .price,
  .content.login.mypage .address-list .goods-item .goods-info .price, .content.join.mypage .goods-list .goods-item .goods-info .price,
  .content.join.mypage .address-list .goods-item .goods-info .price, .content.sub.mypage .goods-list .goods-item .goods-info .price,
  .content.sub.mypage .address-list .goods-item .goods-info .price, .content.search.mypage .goods-list .goods-item .goods-info .price,
  .content.search.mypage .address-list .goods-item .goods-info .price {
    display: flex;
    line-height: 1;
    flex-wrap: wrap;
  }
  .content.login.mypage .goods-list .goods-item .goods-info .price .discount-rate,
  .content.login.mypage .address-list .goods-item .goods-info .price .discount-rate, .content.join.mypage .goods-list .goods-item .goods-info .price .discount-rate,
  .content.join.mypage .address-list .goods-item .goods-info .price .discount-rate, .content.sub.mypage .goods-list .goods-item .goods-info .price .discount-rate,
  .content.sub.mypage .address-list .goods-item .goods-info .price .discount-rate, .content.search.mypage .goods-list .goods-item .goods-info .price .discount-rate,
  .content.search.mypage .address-list .goods-item .goods-info .price .discount-rate {
    font-size: 1.125rem;
    order: 1;
  }
  .content.login.mypage .goods-list .goods-item .goods-info .price .calc-price,
  .content.login.mypage .address-list .goods-item .goods-info .price .calc-price, .content.join.mypage .goods-list .goods-item .goods-info .price .calc-price,
  .content.join.mypage .address-list .goods-item .goods-info .price .calc-price, .content.sub.mypage .goods-list .goods-item .goods-info .price .calc-price,
  .content.sub.mypage .address-list .goods-item .goods-info .price .calc-price, .content.search.mypage .goods-list .goods-item .goods-info .price .calc-price,
  .content.search.mypage .address-list .goods-item .goods-info .price .calc-price {
    font-size: 0.75rem;
    order: 2;
  }
  .content.login.mypage .goods-list .goods-item .goods-info .price .calc-price strong,
  .content.login.mypage .address-list .goods-item .goods-info .price .calc-price strong, .content.join.mypage .goods-list .goods-item .goods-info .price .calc-price strong,
  .content.join.mypage .address-list .goods-item .goods-info .price .calc-price strong, .content.sub.mypage .goods-list .goods-item .goods-info .price .calc-price strong,
  .content.sub.mypage .address-list .goods-item .goods-info .price .calc-price strong, .content.search.mypage .goods-list .goods-item .goods-info .price .calc-price strong,
  .content.search.mypage .address-list .goods-item .goods-info .price .calc-price strong {
    font-size: 1.125rem;
  }
  .content.login.mypage .goods-list .goods-item .goods-info .price .origin-price,
  .content.login.mypage .address-list .goods-item .goods-info .price .origin-price, .content.join.mypage .goods-list .goods-item .goods-info .price .origin-price,
  .content.join.mypage .address-list .goods-item .goods-info .price .origin-price, .content.sub.mypage .goods-list .goods-item .goods-info .price .origin-price,
  .content.sub.mypage .address-list .goods-item .goods-info .price .origin-price, .content.search.mypage .goods-list .goods-item .goods-info .price .origin-price,
  .content.search.mypage .address-list .goods-item .goods-info .price .origin-price {
    font-size: 0.625rem;
    order: 0;
    flex: 1 1 100%;
  }
  .content.login.mypage .goods-list .goods-item .goods-info .price .origin-price strong,
  .content.login.mypage .address-list .goods-item .goods-info .price .origin-price strong, .content.join.mypage .goods-list .goods-item .goods-info .price .origin-price strong,
  .content.join.mypage .address-list .goods-item .goods-info .price .origin-price strong, .content.sub.mypage .goods-list .goods-item .goods-info .price .origin-price strong,
  .content.sub.mypage .address-list .goods-item .goods-info .price .origin-price strong, .content.search.mypage .goods-list .goods-item .goods-info .price .origin-price strong,
  .content.search.mypage .address-list .goods-item .goods-info .price .origin-price strong {
    font-size: 0.875rem;
  }
  .content.login.mypage .goods-list .goods-item .goods-info .price .btn-cart,
  .content.login.mypage .address-list .goods-item .goods-info .price .btn-cart, .content.join.mypage .goods-list .goods-item .goods-info .price .btn-cart,
  .content.join.mypage .address-list .goods-item .goods-info .price .btn-cart, .content.sub.mypage .goods-list .goods-item .goods-info .price .btn-cart,
  .content.sub.mypage .address-list .goods-item .goods-info .price .btn-cart, .content.search.mypage .goods-list .goods-item .goods-info .price .btn-cart,
  .content.search.mypage .address-list .goods-item .goods-info .price .btn-cart {
    order: 3;
  }
  .content.login.mypage .qna-list .list-item.no-item p, .content.join.mypage .qna-list .list-item.no-item p, .content.sub.mypage .qna-list .list-item.no-item p, .content.search.mypage .qna-list .list-item.no-item p {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem;
  }
  .content.login.mypage .qna-list .list-item .list-title .subject, .content.join.mypage .qna-list .list-item .list-title .subject, .content.sub.mypage .qna-list .list-item .list-title .subject, .content.search.mypage .qna-list .list-item .list-title .subject {
    max-width: 100% !important;
    margin-top: 0.5rem;
    flex: 1 1 100% !important;
  }
  .content.login.mypage .qna-list .list-item .list-title .status, .content.join.mypage .qna-list .list-item .list-title .status, .content.sub.mypage .qna-list .list-item .list-title .status, .content.search.mypage .qna-list .list-item .list-title .status {
    flex: 0 0 7rem;
  }
  .content.login.mypage .qna-list .list-item .list-title .date, .content.join.mypage .qna-list .list-item .list-title .date, .content.sub.mypage .qna-list .list-item .list-title .date, .content.search.mypage .qna-list .list-item .list-title .date {
    flex: 0 0 6.5rem;
  }
  .content.login.mypage .qna-list .list-item .list-title .reply, .content.join.mypage .qna-list .list-item .list-title .reply, .content.sub.mypage .qna-list .list-item .list-title .reply, .content.search.mypage .qna-list .list-item .list-title .reply {
    max-width: 100% !important;
    margin-left: 0 !important;
    flex: 1 1 100% !important;
  }
  .content.login.mypage .address-list ul, .content.join.mypage .address-list ul, .content.sub.mypage .address-list ul, .content.search.mypage .address-list ul {
    margin-right: 0;
    margin-left: 0;
  }
  .content.login.mypage .address-list .address-item .address-info .address-name, .content.join.mypage .address-list .address-item .address-info .address-name, .content.sub.mypage .address-list .address-item .address-info .address-name, .content.search.mypage .address-list .address-item .address-info .address-name {
    height: 2rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
  }
  .content.login.mypage .profile-menu ul, .content.join.mypage .profile-menu ul, .content.sub.mypage .profile-menu ul, .content.search.mypage .profile-menu ul {
    flex-direction: column;
  }
  .content.login.mypage .profile-menu ul li, .content.join.mypage .profile-menu ul li, .content.sub.mypage .profile-menu ul li, .content.search.mypage .profile-menu ul li {
    padding: 1rem;
    flex: 1 0 5.9375rem;
  }
  .content.login.mypage .profile-menu ul li ~ li, .content.join.mypage .profile-menu ul li ~ li, .content.sub.mypage .profile-menu ul li ~ li, .content.search.mypage .profile-menu ul li ~ li {
    border-top: 1px solid #d8d8d8;
    border-left: 0;
  }
  .content.login.mypage .profile-menu ul li p, .content.join.mypage .profile-menu ul li p, .content.sub.mypage .profile-menu ul li p, .content.search.mypage .profile-menu ul li p {
    margin-top: 0.5rem;
  }
  .content.login.mypage .check-password, .content.join.mypage .check-password, .content.sub.mypage .check-password, .content.search.mypage .check-password {
    padding-bottom: 1rem;
  }
  .content.login.mypage .check-password .form-field p + input, .content.join.mypage .check-password .form-field p + input, .content.sub.mypage .check-password .form-field p + input, .content.search.mypage .check-password .form-field p + input {
    margin-top: 1.5rem;
  }
  .content.login.mypage .withdrawal h4, .content.join.mypage .withdrawal h4, .content.sub.mypage .withdrawal h4, .content.search.mypage .withdrawal h4 {
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
  }
  .content.login.mypage .withdrawal h4 ~ h4, .content.join.mypage .withdrawal h4 ~ h4, .content.sub.mypage .withdrawal h4 ~ h4, .content.search.mypage .withdrawal h4 ~ h4 {
    margin-top: 1rem;
  }
  .content.login.mypage .withdrawal .withdrawal-text dl ~ dl, .content.join.mypage .withdrawal .withdrawal-text dl ~ dl, .content.sub.mypage .withdrawal .withdrawal-text dl ~ dl, .content.search.mypage .withdrawal .withdrawal-text dl ~ dl {
    margin-top: 0.5rem;
  }
  .content.login.mypage .withdrawal .input-group label span, .content.join.mypage .withdrawal .input-group label span, .content.sub.mypage .withdrawal .input-group label span, .content.search.mypage .withdrawal .input-group label span {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 1280px) {
  .content.login.mypage .list-group, .content.join.mypage .list-group, .content.sub.mypage .list-group, .content.search.mypage .list-group {
    height: auto;
  }
  .content.login.mypage .list-group.no-item, .content.join.mypage .list-group.no-item, .content.sub.mypage .list-group.no-item, .content.search.mypage .list-group.no-item {
    padding: 2.125rem 0;
    font-size: 0.875rem;
  }
  .content.login.mypage .list-group .group-title, .content.join.mypage .list-group .group-title, .content.sub.mypage .list-group .group-title, .content.search.mypage .list-group .group-title {
    height: auto;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .content.login.mypage .list-group .time, .content.join.mypage .list-group .time, .content.sub.mypage .list-group .time, .content.search.mypage .list-group .time {
    margin-right: 0.75rem;
    font-size: 0.75rem;
  }
  .content.login.mypage .list-group .order-number, .content.join.mypage .list-group .order-number, .content.sub.mypage .list-group .order-number, .content.search.mypage .list-group .order-number {
    font-size: 0.75rem;
  }
  .content.login.mypage .order-item.item-header,
  .content.login.mypage .item-header.item-header, .content.join.mypage .order-item.item-header,
  .content.join.mypage .item-header.item-header, .content.sub.mypage .order-item.item-header,
  .content.sub.mypage .item-header.item-header, .content.search.mypage .order-item.item-header,
  .content.search.mypage .item-header.item-header {
    display: none;
  }
  .content.login.mypage .order-item .item-content,
  .content.login.mypage .item-header .item-content, .content.join.mypage .order-item .item-content,
  .content.join.mypage .item-header .item-content, .content.sub.mypage .order-item .item-content,
  .content.sub.mypage .item-header .item-content, .content.search.mypage .order-item .item-content,
  .content.search.mypage .item-header .item-content {
    flex-wrap: wrap;
  }
  .content.login.mypage .order-item .item-content > div,
  .content.login.mypage .item-header .item-content > div, .content.join.mypage .order-item .item-content > div,
  .content.join.mypage .item-header .item-content > div, .content.sub.mypage .order-item .item-content > div,
  .content.sub.mypage .item-header .item-content > div, .content.search.mypage .order-item .item-content > div,
  .content.search.mypage .item-header .item-content > div {
    padding-top: 1rem;
    padding-right: 0;
    padding-bottom: 1rem;
    padding-left: 0;
  }
  .content.login.mypage .order-item .goods-info,
  .content.login.mypage .item-header .goods-info, .content.join.mypage .order-item .goods-info,
  .content.join.mypage .item-header .goods-info, .content.sub.mypage .order-item .goods-info,
  .content.sub.mypage .item-header .goods-info, .content.search.mypage .order-item .goods-info,
  .content.search.mypage .item-header .goods-info {
    order: 1;
  }
  .content.login.mypage .order-item .goods-info .goods-thumbnail,
  .content.login.mypage .item-header .goods-info .goods-thumbnail, .content.join.mypage .order-item .goods-info .goods-thumbnail,
  .content.join.mypage .item-header .goods-info .goods-thumbnail, .content.sub.mypage .order-item .goods-info .goods-thumbnail,
  .content.sub.mypage .item-header .goods-info .goods-thumbnail, .content.search.mypage .order-item .goods-info .goods-thumbnail,
  .content.search.mypage .item-header .goods-info .goods-thumbnail {
    margin-right: 1rem;
    margin-left: 0;
  }
  .content.login.mypage .order-item .goods-info .goods-thumbnail .img,
  .content.login.mypage .item-header .goods-info .goods-thumbnail .img, .content.join.mypage .order-item .goods-info .goods-thumbnail .img,
  .content.join.mypage .item-header .goods-info .goods-thumbnail .img, .content.sub.mypage .order-item .goods-info .goods-thumbnail .img,
  .content.sub.mypage .item-header .goods-info .goods-thumbnail .img, .content.search.mypage .order-item .goods-info .goods-thumbnail .img,
  .content.search.mypage .item-header .goods-info .goods-thumbnail .img {
    width: 4.5rem;
    height: 4.5rem;
  }
  .content.login.mypage .order-item .goods-info .info .title,
  .content.login.mypage .item-header .goods-info .info .title, .content.join.mypage .order-item .goods-info .info .title,
  .content.join.mypage .item-header .goods-info .info .title, .content.sub.mypage .order-item .goods-info .info .title,
  .content.sub.mypage .item-header .goods-info .info .title, .content.search.mypage .order-item .goods-info .info .title,
  .content.search.mypage .item-header .goods-info .info .title {
    font-size: 0.875rem;
  }
  .content.login.mypage .order-item .goods-info .info .model-code,
  .content.login.mypage .item-header .goods-info .info .model-code, .content.join.mypage .order-item .goods-info .info .model-code,
  .content.join.mypage .item-header .goods-info .info .model-code, .content.sub.mypage .order-item .goods-info .info .model-code,
  .content.sub.mypage .item-header .goods-info .info .model-code, .content.search.mypage .order-item .goods-info .info .model-code,
  .content.search.mypage .item-header .goods-info .info .model-code {
    font-size: 0.875rem;
  }
  .content.login.mypage .order-item .goods-info .option,
  .content.login.mypage .item-header .goods-info .option, .content.join.mypage .order-item .goods-info .option,
  .content.join.mypage .item-header .goods-info .option, .content.sub.mypage .order-item .goods-info .option,
  .content.sub.mypage .item-header .goods-info .option, .content.search.mypage .order-item .goods-info .option,
  .content.search.mypage .item-header .goods-info .option {
    font-size: 0.875rem;
  }
  .content.login.mypage .order-item .status,
  .content.login.mypage .item-header .status, .content.join.mypage .order-item .status,
  .content.join.mypage .item-header .status, .content.sub.mypage .order-item .status,
  .content.sub.mypage .item-header .status, .content.search.mypage .order-item .status,
  .content.search.mypage .item-header .status {
    font-size: 0.875rem;
  }
  .content.login.mypage .order-item .btn-link,
  .content.login.mypage .item-header .btn-link, .content.join.mypage .order-item .btn-link,
  .content.join.mypage .item-header .btn-link, .content.sub.mypage .order-item .btn-link,
  .content.sub.mypage .item-header .btn-link, .content.search.mypage .order-item .btn-link,
  .content.search.mypage .item-header .btn-link {
    font-size: 0.75rem;
  }
  .content.login.mypage .order-item .price,
  .content.login.mypage .order-item .shipping-price,
  .content.login.mypage .item-header .price,
  .content.login.mypage .item-header .shipping-price, .content.join.mypage .order-item .price,
  .content.join.mypage .order-item .shipping-price,
  .content.join.mypage .item-header .price,
  .content.join.mypage .item-header .shipping-price, .content.sub.mypage .order-item .price,
  .content.sub.mypage .order-item .shipping-price,
  .content.sub.mypage .item-header .price,
  .content.sub.mypage .item-header .shipping-price, .content.search.mypage .order-item .price,
  .content.search.mypage .order-item .shipping-price,
  .content.search.mypage .item-header .price,
  .content.search.mypage .item-header .shipping-price {
    order: 1;
  }
  .content.login.mypage .order-item .price.price,
  .content.login.mypage .order-item .shipping-price.price,
  .content.login.mypage .item-header .price.price,
  .content.login.mypage .item-header .shipping-price.price, .content.join.mypage .order-item .price.price,
  .content.join.mypage .order-item .shipping-price.price,
  .content.join.mypage .item-header .price.price,
  .content.join.mypage .item-header .shipping-price.price, .content.sub.mypage .order-item .price.price,
  .content.sub.mypage .order-item .shipping-price.price,
  .content.sub.mypage .item-header .price.price,
  .content.sub.mypage .item-header .shipping-price.price, .content.search.mypage .order-item .price.price,
  .content.search.mypage .order-item .shipping-price.price,
  .content.search.mypage .item-header .price.price,
  .content.search.mypage .item-header .shipping-price.price {
    position: absolute;
    height: auto;
    margin-top: -3.5rem;
    margin-bottom: 0;
    padding: 0;
    text-align: right;
    align-self: center;
    justify-self: flex-end;
    flex: 1 1 100%;
    justify-content: flex-end;
  }
  .content.login.mypage .order-item .seller-info,
  .content.login.mypage .item-header .seller-info, .content.join.mypage .order-item .seller-info,
  .content.join.mypage .item-header .seller-info, .content.sub.mypage .order-item .seller-info,
  .content.sub.mypage .item-header .seller-info, .content.search.mypage .order-item .seller-info,
  .content.search.mypage .item-header .seller-info {
    display: flex;
    flex-direction: row;
    height: auto;
    padding: 0.5rem 1rem !important;
    font-size: 0.75rem;
    order: 0;
    flex: 1 1 100%;
    align-items: center;
  }
  .content.login.mypage .order-item .seller-info .seller-name,
  .content.login.mypage .item-header .seller-info .seller-name, .content.join.mypage .order-item .seller-info .seller-name,
  .content.join.mypage .item-header .seller-info .seller-name, .content.sub.mypage .order-item .seller-info .seller-name,
  .content.sub.mypage .item-header .seller-info .seller-name, .content.search.mypage .order-item .seller-info .seller-name,
  .content.search.mypage .item-header .seller-info .seller-name {
    margin-bottom: 0;
  }
  .content.login.mypage .order-item .seller-info .tel,
  .content.login.mypage .item-header .seller-info .tel, .content.join.mypage .order-item .seller-info .tel,
  .content.join.mypage .item-header .seller-info .tel, .content.sub.mypage .order-item .seller-info .tel,
  .content.sub.mypage .item-header .seller-info .tel, .content.search.mypage .order-item .seller-info .tel,
  .content.search.mypage .item-header .seller-info .tel {
    margin-bottom: 0;
    margin-left: auto;
  }
  .content.login.mypage .order-item .seller-info .btn-inquiry,
  .content.login.mypage .item-header .seller-info .btn-inquiry, .content.join.mypage .order-item .seller-info .btn-inquiry,
  .content.join.mypage .item-header .seller-info .btn-inquiry, .content.sub.mypage .order-item .seller-info .btn-inquiry,
  .content.sub.mypage .item-header .seller-info .btn-inquiry, .content.search.mypage .order-item .seller-info .btn-inquiry,
  .content.search.mypage .item-header .seller-info .btn-inquiry {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0.5rem;
  }
  .content.login.mypage .order-item .item-action,
  .content.login.mypage .item-header .item-action, .content.join.mypage .order-item .item-action,
  .content.join.mypage .item-header .item-action, .content.sub.mypage .order-item .item-action,
  .content.sub.mypage .item-header .item-action, .content.search.mypage .order-item .item-action,
  .content.search.mypage .item-header .item-action {
    display: flex;
    flex-direction: row;
    margin-top: 0;
    margin-bottom: 0;
    order: 3;
    flex-wrap: nowrap;
    flex: 1 1 100%;
    padding-top: 0 !important;
    padding-bottom: 1rem !important;
  }
  .content.login.mypage .order-item .item-action button,
  .content.login.mypage .item-header .item-action button, .content.join.mypage .order-item .item-action button,
  .content.join.mypage .item-header .item-action button, .content.sub.mypage .order-item .item-action button,
  .content.sub.mypage .item-header .item-action button, .content.search.mypage .order-item .item-action button,
  .content.search.mypage .item-header .item-action button {
    font-size: 0.875rem;
    flex: 1;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
.content.login .tabs .tab, .content.join .tabs .tab, .content.sub .tabs .tab, .content.search .tabs .tab {
  display: flex;
  border-bottom: 1px solid #000000;
  background-color: #f6f6f6;
  justify-content: flex-start;
}
.content.login .tabs .tab.bg-wide, .content.join .tabs .tab.bg-wide, .content.sub .tabs .tab.bg-wide, .content.search .tabs .tab.bg-wide {
  position: relative;
}
.content.login .tabs .tab.bg-wide::before, .content.join .tabs .tab.bg-wide::before, .content.sub .tabs .tab.bg-wide::before, .content.search .tabs .tab.bg-wide::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  display: block;
  width: 100vw;
  height: calc(100% + 1px);
  content: "";
  transform: translateX(-50%);
  border-bottom: 1px solid #000000;
  background-color: #f6f6f6;
}
.content.login .tabs .tab li, .content.join .tabs .tab li, .content.sub .tabs .tab li, .content.search .tabs .tab li {
  display: flex;
  height: 3.5rem;
  color: #666666;
  background-color: #f6f6f6;
  flex: 0 1 12.5rem;
  align-items: center;
  justify-content: center;
}
.content.login .tabs .tab li.on, .content.login .tabs .tab li:hover, .content.join .tabs .tab li.on, .content.join .tabs .tab li:hover, .content.sub .tabs .tab li.on, .content.sub .tabs .tab li:hover, .content.search .tabs .tab li.on, .content.search .tabs .tab li:hover {
  color: #ffffff;
  background-color: #000000;
}
.content.login .tabs .tab li a, .content.join .tabs .tab li a, .content.sub .tabs .tab li a, .content.search .tabs .tab li a {
  display: block;
  text-align: center;
}
.content.login .form-field .input-row, .content.join .form-field .input-row, .content.sub .form-field .input-row, .content.search .form-field .input-row {
  min-height: 3.5rem;
  padding: 0.625rem 1rem;
  border-bottom: 1px solid #d8d8d8;
}
.content.login .form-field .input-row ~ .input-row, .content.join .form-field .input-row ~ .input-row, .content.sub .form-field .input-row ~ .input-row, .content.search .form-field .input-row ~ .input-row {
  margin-top: 0;
}
.content.login .form-field .input-row .input-title, .content.join .form-field .input-row .input-title, .content.sub .form-field .input-row .input-title, .content.search .form-field .input-row .input-title {
  color: #666666;
  font-size: 0.875rem;
  font-weight: normal;
}
.content.login .form-field .input-row .btn-form, .content.join .form-field .input-row .btn-form, .content.sub .form-field .input-row .btn-form, .content.search .form-field .input-row .btn-form {
  max-width: 9.75rem;
  height: 2rem;
  padding: 0 16px;
  border: 1px solid #d8d8d8;
  border-radius: 1rem;
  font-size: 0.875rem;
  align-self: center;
  flex: 1 0 auto;
  margin: auto;
}
.content.login .sub-detail-notice, .content.join .sub-detail-notice, .content.sub .sub-detail-notice, .content.search .sub-detail-notice {
  margin: 3rem 0;
  padding: 1.5rem;
  background-color: #f6f6f6;
}
.content.login .sub-detail-notice h3, .content.join .sub-detail-notice h3, .content.sub .sub-detail-notice h3, .content.search .sub-detail-notice h3 {
  margin-bottom: 0.25rem;
  font-weight: 500;
}
.content.sub {
  padding: 2.5rem 0;
}
.content.search {
  max-width: 82.5rem;
  min-height: 51.5vw;
}
@media (max-width: 1024px) {
  .content.search {
    padding-top: 0 !important;
  }
}
@media (max-width: 1024px) and (orientation: portrait) {
  .content.search {
    min-height: 133.3333333333vw;
  }
}
@media (max-width: 1024px) {
  .content.search .search-top .search-form {
    max-width: calc(100vw - 2rem) !important;
  }
  .content.search .search-top .search-form form .form-field {
    height: 3.5rem !important;
    padding: 0 1rem !important;
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
}
@media (max-width: 1024px) {
  .content.search .search-result {
    margin-top: 1.5rem !important;
    font-size: 1rem !important;
  }
}
.content.search .search-top .search-form {
  width: 30rem;
  max-width: 100vw;
  margin: 0 auto;
}
.content.search .search-top .search-form form .form-field {
  display: flex;
  height: 3rem;
  border-bottom: 1px solid #000000;
  align-items: center;
}
.content.search .search-top .search-form form .form-field .btn-close {
  display: none;
}
.content.search .search-top .search-form form input {
  padding: 0 0.5rem !important;
  background-color: transparent !important;
}
.content.search .search-top .search-form button {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  margin-top: 0 !important;
  margin-left: 1rem;
}
.content.search .search-top .search-form button i {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.content.search .search-top .search-form .icon-24-search {
  background: url(../images/icon/ic-24-search.svg);
}
.content.search .search-top .search-form .icon-24-close {
  background: url(../images/icon/ic-16-close.svg);
}
.content.search .search-top .search-result {
  margin-top: 4.8125rem;
  margin-bottom: 1.25rem;
  text-align: center;
  font-size: 2rem;
}
.content.search .search-top .search-result strong {
  font-weight: 500;
}
.content.search .search-top .search-result.no-result {
  font-size: 1rem;
}

@media (max-width: 1024px) {
  html body .mo-only {
    display: block !important;
  }
  .content .tabs .tab.bg-wide {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .content.sub {
    padding: 2.5rem 0;
  }
  .content.sub .sub-detail-notice {
    margin: 1.5rem 0;
    padding: 1rem;
    font-size: 0.875rem;
  }
}
/* ====================[[ Footer ]]==================== */
/* ====================[[ Footer ]]==================== */
.footer {
  position: absolute;
  padding: 0 2.5rem;
}
.footer::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  display: block;
  width: 100vw;
  height: 100%;
  content: "";
  transform: translateX(-50%);
  border-top: 1px solid #d8d8d8;
  background-color: #f6f6f6;
}
.footer .footer-top {
  display: flex;
  padding: 3.75rem 0;
  align-items: flex-start;
}
.footer .footer-top .footer-logo {
  padding-right: 2.5rem;
  flex: 0 1 12.5rem;
}
.footer .footer-top .footer-logo img {
  display: block;
  max-width: 100%;
}
.footer .footer-top .footer-info {
  color: #666666;
  font-size: 14px;
  flex: 0 1 41.875rem;
}
.footer .footer-top .footer-info dl {
  display: flex;
}
.footer .footer-top .footer-info dl ~ dl {
  margin-top: 0.25rem;
}
.footer .footer-top .footer-info dl dt {
  font-weight: normal;
}
.footer .footer-top .footer-info .copyright {
  font-weight: 500;
}
.footer .footer-top .contact {
  flex: 0 1 30.625rem;
}
.footer .footer-top .contact h3 {
  margin-bottom: 1.875rem;
  font-size: 1.25rem;
  font-weight: bold;
}
.footer .footer-top .contact .tel {
  display: block;
  font-weight: 500;
}
.footer .footer-top .contact .email {
  display: block;
  color: #666666;
  margin-bottom: 1.875rem;
}
.footer .footer-bottom {
  position: relative;
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: space-between;
}
.footer .footer-bottom::before {
  position: absolute;
  z-index: -1;
  left: 50%;
  display: block;
  width: 100vw;
  height: 100%;
  content: "";
  transform: translateX(-50%);
  border-top: 1px solid #dcdcdc;
}
.footer .footer-bottom .footer-menu ul {
  display: flex;
  align-items: center;
}
.footer .footer-bottom .footer-menu li {
  color: #666666;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.footer .footer-bottom .footer-menu li ~ li {
  border-left: 1px solid #d8d8d8;
}
.footer .footer-bottom .footer-menu li a {
  display: block;
  padding: 0 1.75rem;
  text-align: center;
}
.footer .footer-bottom .family-sites select {
  width: 12.5rem;
  height: 2.5rem;
  padding: 0 1rem;
  cursor: pointer;
  color: #666666;
  border: 1px solid #bababa;
  border-radius: 0.25rem;
  font-size: 0.875rem;
}

@media (max-width: 1024px) {
  /* ====================[[ Footer ]]==================== */
  .footer {
    width: 100%;
    margin-top: 2.5rem !important;
    padding: 0;
    flex-wrap: wrap;
  }
  .footer .footer-top {
    display: flex;
    padding: 1.5rem 0 2rem;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .footer .footer-top .footer-logo {
    display: none;
  }
  .footer .footer-top .footer-info {
    color: #666666;
    font-size: 0.75rem;
    order: 1;
    flex: 1 1 100%;
    flex: 0 1 41.875rem;
  }
  .footer .footer-top .footer-info dl {
    display: flex;
  }
  .footer .footer-top .footer-info dl ~ dl {
    margin-top: 0.25rem;
  }
  .footer .footer-top .footer-info dl dt {
    font-weight: normal;
  }
  .footer .footer-top .footer-info .copyright {
    color: #000000;
    font-weight: 500;
  }
  .footer .footer-top .contact {
    margin-bottom: 2rem;
    font-size: 0.875rem;
    flex: 1 1 100%;
    order: 0;
  }
  .footer .footer-top .contact h3 {
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: bold;
  }
  .footer .footer-top .contact .tel {
    display: block;
    font-weight: 500;
  }
  .footer .footer-top .contact .email {
    display: block;
    color: #666666;
  }
  .footer .footer-bottom {
    position: relative;
    display: flex;
    height: auto;
    align-items: center;
    justify-content: space-between;
  }
  .footer .footer-bottom::before {
    position: absolute;
    z-index: -1;
    left: 50%;
    display: block;
    width: 100vw;
    height: 100%;
    content: "";
    transform: translateX(-50%);
    border-top: 0;
  }
  .footer .footer-bottom .footer-menu {
    padding-bottom: 2rem;
  }
  .footer .footer-bottom .footer-menu ul {
    display: flex;
    margin-left: -1rem;
    align-items: center;
  }
  .footer .footer-bottom .footer-menu li {
    color: #666666;
    font-size: 0.75rem;
    line-height: 1;
  }
  .footer .footer-bottom .footer-menu li ~ li {
    border-left: 1px solid #d8d8d8;
  }
  .footer .footer-bottom .footer-menu li a {
    display: block;
    padding: 0 1rem;
    text-align: center;
  }
  .footer .footer-bottom .family-sites {
    display: none;
  }
}
/* ====================[[ Responsive ]]==================== */
@media (max-width: 1024px) {
  .pc-only {
    display: none !important;
  }
}
@media (max-width: 1024px) and (max-width: 360px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  html body .wrapper {
    padding: 0 1rem;
  }
}
@media (max-width: 684px) {
  .side-menu .pc-menu.on {
    display: none !important;
  }
}

/*# sourceMappingURL=kfa_style.css.map */
.subBanner3 {
  padding: 0;
  margin: 0;
  max-width: 90px;pointer-events: none;
}

.slide_wrapper3,
.slide_wrapper4 {
  position: relative;
  width: 184px;
  height: 123px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 1rem;
}
.slide_wrapper4 {
  margin-top: 2rem;
}
.slide_wrapper3 ul,
.slide_wrapper4 ul {
  margin-top: 0px;
}

#slideposit1 {
  position: absolute;
  top: 200px;
  left: -200px;
}

#slideposit2 {
  position: absolute;
  top: 200px;
  left: 860px;
}

.slides3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 184px;
  height: 123px;
  padding: 0;
  margin: 0;
}

.slides3.animated3 {
  transition: 0.5s ease-out !important;
}

.slides3, .slides3 a {
  width: 184px;
  height: 123px;
  float: left;
  padding: 0;
  margin: 0;
  transition: all 0.1s linear;
}
.slides3 img {
  height: 123px; /* 이미지의 높이를 100%로 설정하여 부모 요소에 맞게 조정 */
  width: 100%;
  object-fit: cover;
  pointer-events: auto;
  transition: all 0.1s linear;
}

#middleBannerList{
    width: 50%;
    margin-bottom: 6.5rem;
  }
  .main #middleBannerList{
    width: 100% !important;
  }
@media (max-width: 1600px) {
  #middleBannerList{
      width: 70%;
      margin-bottom: 3.2rem;
    }
  }
@media (max-width: 840px) {
  #middleBannerList{
      width: 100%;
      margin-bottom: 3.2rem;
    }
}
@media (max-width: 1024px) {
  .subBanner3 {
    display: none !important;
  }
}
@media (max-width: 400px) {
  .content.login.shop .shop-row .shop-left-menu .depth1, .content.join.shop .shop-row .shop-left-menu .depth1, .content.sub.shop .shop-row .shop-left-menu .depth1, .content.search.shop .shop-row .shop-left-menu .depth1 {
      font-size: 0.75rem;
    }
}

.webGameSlide {
    font-family: 'KFAGothicTTF', 'Noto Serif KR', 'Noto Sans KR', 'verdana', 'gulim', 'dotum';
}
.webGameSlide .btn_wrap {display:flex; vertical-align:middle; width:100%; margin-top:-30px; flex-direction:row; flex-wrap:nowrap; justify-content:center;}
.webGameSlide .btn_book {display:inline-block; vertical-align:middle; box-sizing:border-box; width:auto; height:60px; padding:15px 50px; border-radius:30px; background:#f0008c; font-size:20px; font-weight:400; color:#ffffff; line-height:32px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all; z-index:5;}

.cmt_role {display:flex; vertical-align:middle; box-sizing:border-box; padding:30px 20px 50px; background-color:#001A58; flex-direction:column; flex-wrap:nowrap; justify-content:center; column-gap:17px; align-items: center}
.cmt_role .cmtr_nation {display:inline-block; vertical-align:middle; width:75px; min-width:58px; margin:40px 20px 10px 20px;}
.cmt_role .cmtr_nation img {display:inline-block; vertical-align:middle; float:left; width:100%; height: 65px; object-fit: cover;}
.cmt_role .cmtr_nation p {display:inline-block; vertical-align:middle; float:left; width:100%; margin-top:3px; font-size:13px; font-weight:700; color:#ffffff; line-height:25px; letter-spacing:-0.5px; text-align:center;}
.cmt_role .cmtr_date {display:flex; vertical-align:middle; flex-direction:column; flex-wrap:nowrap; align-items:center;}
.cmt_role .cmtr_date .time {display:flex; vertical-align:middle; box-sizing:border-box; min-width:150px; height:25px; padding:0 15px; border:#ffffff solid 1px; border-radius:30px; font-size:12px; font-weight:400; color:#ffffff; letter-spacing:-0.5px; justify-content: center; align-items:center;}
.cmt_role .cmtr_date .time span {display:inline-block; vertical-align:middle; float:left;}
.cmt_role .cmtr_date .time b {display:inline-block; vertical-align:middle; float:left;}
.cmt_role .cmtr_date .verse {display:inline-block; vertical-align:middle; width:100%; margin-top:25px; font-size:18px; font-weight:700; color:#ffffff; line-height:30px; letter-spacing:-0.5px; text-align:center;}
.cmt_role .cmtr_date .date {display:inline-block; vertical-align:middle; font-size:12px; font-weight:400; color:#ffffff; line-height:25px; letter-spacing:-0.5px;}
.cmt_role .cmtr_date .date span {display:inline-block; vertical-align:middle; float:left;}
.cmt_role .cmtr_date .date b {display:inline-block; vertical-align:middle; float:left; padding:0 8px;}
.cmt_role .cmtr_date .days {display:inline-block; vertical-align:middle; border-top:#ffffff solid 1px; font-size:12px; font-weight:400; color:#ffffff; line-height:25px; letter-spacing:-0.5px; opacity:0.5;}
.cmt_role .cmtr_date .days span {display:inline-block; vertical-align:middle; float:left; width:35px; text-align:center;}

#videoBannerList{
  position:absolute;
  right: 0;
  top: 16%;
}