@charset "UTF-8";
.text-primary-10 {
  color: #ff7b55 !important;
}

.bg-primary-10 {
  background-color: #ff7b55 !important;
}

.text-primary-50 {
  color: #ff7c56 !important;
}

.bg-primary-50 {
  background-color: #ff7c56 !important;
}

.text-primary-100 {
  color: #ff5b2c !important;
}

.bg-primary-100 {
  background-color: #ff5b2c !important;
}

.text-primary-200 {
  color: #f1754e !important;
}

.bg-primary-200 {
  background-color: #f1754e !important;
}

.text-primary-300 {
  color: #e34e23 !important;
}

.bg-primary-300 {
  background-color: #e34e23 !important;
}

.text-sub-100 {
  /*color: #5d2dfc !important;*/
}

.bg-sub-100 {
  background-color: #5d2dfc !important;
}

.text-red-100 {
  color: #ff0000 !important;
}

.bg-red-100 {
  background-color: #ff0000 !important;
}

.text-dark-50 {
  color: #000 !important;
}

.bg-dark-50 {
  background-color: #000 !important;
}

.text-dark-100 {
  color: #111 !important;
}

.bg-dark-100 {
  background-color: #111 !important;
}

.text-dark-200 {
  color: #222 !important;
}

.bg-dark-200 {
  background-color: #222 !important;
}

.text-dark-300 {
  color: #333 !important;
}

.bg-dark-300 {
  background-color: #333 !important;
}

.text-dark-400 {
  color: #444 !important;
}

.bg-dark-400 {
  background-color: #444 !important;
}

.text-dark-500 {
  color: #555 !important;
}

.bg-dark-500 {
  background-color: #555 !important;
}

.text-dark-600 {
  color: #666 !important;
}

.bg-dark-600 {
  background-color: #666 !important;
}

.text-dark-900 {
  color: #999 !important;
}

.bg-dark-900 {
  background-color: #999 !important;
}

.text-white-100 {
  color: #f5f5f5 !important;
}

.bg-white-100 {
  background-color: #f5f5f5 !important;
}

.text-white-200 {
  color: #efefef !important;
}

.bg-white-200 {
  background-color: #efefef !important;
}

.text-white-300 {
  color: #e8e8e8 !important;
}

.bg-white-300 {
  background-color: #e8e8e8 !important;
}

.text-white-400 {
  color: #d8d8d8 !important;
}

.bg-white-400 {
  background-color: #d8d8d8 !important;
}

.text-white-500 {
  color: #f8f8f8 !important;
}

.bg-white-500 {
  background-color: #f8f8f8 !important;
}

.text-white-600 {
  color: #e0e0e0 !important;
}

.bg-white-600 {
  background-color: #e0e0e0 !important;
}

.text-green-100 {
  color: #89dd00 !important;
}

.bg-green-100 {
  background-color: #89dd00 !important;
}

.text-green-200 {
  color: #a9f7ea !important;
}

.bg-green-200 {
  background-color: #a9f7ea !important;
}

.text-green-300 {
  color: #00ddb8 !important;
}

.bg-green-300 {
  background-color: #00ddb8 !important;
}

.text-green-400 {
  color: #29c9d2 !important;
}

.bg-green-400 {
  background-color: #29c9d2 !important;
}

.text-violet-100 {
  color: #819eff !important;
}

.bg-violet-100 {
  background-color: #819eff !important;
}

.text-violet-200 {
  color: #5f30fc !important;
}

.bg-violet-200 {
  background-color: #5f30fc !important;
}

.text-violet-300 {
  color: #5d2dfc !important;
}

.bg-violet-300 {
  background-color: #5d2dfc !important;
}

.text-violet-400 {
  color: #e53aa9 !important;
}

.bg-violet-400 {
  background-color: #e53aa9 !important;
}

.text-yellow-100 {
  color: #ffdf9f !important;
}

.bg-yellow-100 {
  background-color: #ffdf9f !important;
}

.text-yellow-200 {
  color: #f6de38 !important;
}

.bg-yellow-200 {
  background-color: #f6de38 !important;
}

.text-yellow-300 {
  color: #ffe403 !important;
}

.bg-yellow-300 {
  background-color: #ffe403 !important;
}

.text-brown-100 {
  color: #faf6ec !important;
}

.bg-brown-100 {
  background-color: #faf6ec !important;
}

.text-brown-200 {
  color: #f7f1ef !important;
}

.bg-brown-200 {
  background-color: #f7f1ef !important;
}

.text-brown-300 {
  color: #fae7dd !important;
}

.bg-brown-300 {
  background-color: #fae7dd !important;
}

.text-brown-400 {
  color: #f1c8b9 !important;
}

.bg-brown-400 {
  background-color: #f1c8b9 !important;
}

.text-brown-500 {
  color: #ffcbba !important;
}

.bg-brown-500 {
  background-color: #ffcbba !important;
}

.text-brown-600 {
  color: #ffd1c0 !important;
}

.bg-brown-600 {
  background-color: #ffd1c0 !important;
}

.text-brown-800 {
  color: #361f1e !important;
}

.bg-brown-800 {
  background-color: #361f1e !important;
}

.text-brown-900 {
  color: #3d2222 !important;
}

.bg-brown-900 {
  background-color: #3d2222 !important;
}

.text-gray-100 {
  color: #eee !important;
}

.bg-gray-100 {
  background-color: #eee !important;
}

.text-gray-200 {
  color: #e7e7e7 !important;
}

.bg-gray-200 {
  background-color: #e7e7e7 !important;
}

.text-gray-300 {
  color: #e2e2e2 !important;
}

.bg-gray-300 {
  background-color: #e2e2e2 !important;
}

.text-gray-400 {
  color: #dedede !important;
}

.bg-gray-400 {
  background-color: #dedede !important;
}

.text-gray-500 {
  color: #d9d9d9 !important;
}

.bg-gray-500 {
  background-color: #d9d9d9 !important;
}

.text-gray-600 {
  color: #ddd !important;
}

.bg-gray-600 {
  background-color: #ddd !important;
}

.text-gray-700 {
  color: #ccc !important;
}

.bg-gray-700 {
  background-color: #ccc !important;
}

.text-gray-800 {
  color: #bebebe !important;
}

.bg-gray-800 {
  background-color: #bebebe !important;
}

.text-gray-900 {
  color: #bbb !important;
}

.bg-gray-900 {
  background-color: #bbb !important;
}

.text-gray-1000 {
  color: #929292 !important;
}

.bg-gray-1000 {
  background-color: #929292 !important;
}

@font-face {
  font-family: 'SpoqaHanSansNeo';
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/SpoqaHanSansNeo-Thin.eot");
  src: url("./fonts/SpoqaHanSansNeo-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/SpoqaHanSansNeo-Thin.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Thin.woff2") format("woff2");
}

@font-face {
  font-family: 'SpoqaHanSansNeo';
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/SpoqaHanSansNeo-Light.eot");
  src: url("./fonts/SpoqaHanSansNeo-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/SpoqaHanSansNeo-Light.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Light.woff2") format("woff2");
}

@font-face {
  font-family: 'SpoqaHanSansNeo';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/SpoqaHanSansNeo-Regular.eot");
  src: url("./fonts/SpoqaHanSansNeo-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SpoqaHanSansNeo-Regular.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2");
}

@font-face {
  font-family: 'SpoqaHanSansNeo';
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/SpoqaHanSansNeo-Medium.eot");
  src: url("./fonts/SpoqaHanSansNeo-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/SpoqaHanSansNeo-Medium.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Medium.woff2") format("woff2");
}

@font-face {
  font-family: 'SpoqaHanSansNeo';
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/SpoqaHanSansNeo-Bold.eot");
  src: url("../fonts/SpoqaHanSansNeo-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SpoqaHanSansNeo-Bold.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2");
}

@font-face {
  font-family: 'SpoqaHanSansNeo';
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/Lexend-Thin.eot");
  src: url("./fonts/Lexend-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Lexend-Thin.woff") format("woff");
  unicode-range: U+0041-005A, U+0061-007A;
}

@font-face {
  font-family: 'SpoqaHanSansNeo';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Lexend-Regular.eot");
  src: url("./fonts/Lexend-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Lexend-Regular.woff") format("woff");
  unicode-range: U+0041-005A, U+0061-007A;
}

@font-face {
  font-family: 'SpoqaHanSansNeo';
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/Lexend-Medium.eot");
  src: url("./fonts/Lexend-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Lexend-Medium.woff") format("woff");
  unicode-range: U+0041-005A, U+0061-007A;
}

@font-face {
  font-family: 'SpoqaHanSansNeo';
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/Lexend-Bold.eot");
  src: url("../fonts/Lexend-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Lexend-Bold.woff") format("woff");
  unicode-range: U+0041-005A, U+0061-007A;
}

/* override */
@font-face {
  font-family: 'SpoqaHanSansNeo--override';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/SpoqaHanSansNeo-Regular.eot");
  src: url("../fonts/SpoqaHanSansNeo-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SpoqaHanSansNeo-Regular.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2");
}

/* --------------------------------------------------------------------------------
        # COMMONET
        # 초기화 및 LAYOUT
    -----------------------------------------------------------------------------------
        RESET
    --------------------------------------------------------------------------------- */
html,
body,
div,
span,
object,
iframe,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
summary,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
form,
fieldset,
legend,
input,
label,
button,
textarea,
select,
textarea,
input,
data,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
time,
mark,
audio,
video,
a {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  vertical-align: top;
  width: 100%;
}

strong,
b {
  font-weight: 700;
}

html {
  font-size: 62.5%;
  height: 100%;
}

html,
body {
  width: 100%;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

body {
  background: #fff;
  line-height: 1.5;
  color: #222;
  word-wrap: break-word;
  word-break: normal;
  word-break: keep-all;
  -webkit-test-size-adjust: 100%;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}

body,
select,
input,
button,
textarea,
button,
pre {
  font-size: 1.2rem;
  font-family: 'SpoqaHanSansNeo', 'Mulgun Gothic', -apple-system, BlinkMacSystemfont, AppleSDGothicNeo-Regular, sans-serif;
}

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

blockquote,
q {
  quotes: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

cite,
em,
dfn,
address {
  font-style: normal;
}

fieldset,
iframe {
  border: 0 none;
}

fieldset {
  min-width: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

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

img,
fieldset,
iframe {
  border: 0 none;
}

/*img, */
video,
audio,
object,
embed,
iframe {
  max-width: 100%;
}

legend:not([class]),
caption {
  /*position:absolute;*/
  overflow: hidden;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem 0 0 -0.1rem;
  font-size: 0.1rem;
  opacity: 0;
  white-space: nowrap;
}

legend:not([class]) {
  position: absolute;
}

i,
em,
address {
  font-style: normal;
}

input,
select,
textarea {
  border: 0.1rem solid #cfcfcf;
  color: #121517;
  border-radius: 0;
  /*-webkit-appearance:none;-moz-appearance:none;appearance:none;*/
}

label,
button {
  cursor: pointer;
}

button {
  cursor: pointer;
  padding: 0;
  background: none;
  border: 0 none;
}

button:disabled {
  cursor: auto;
}

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

textarea {
  border: 0.1rem solid #dadada;
  resize: vertical;
}

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

input[type='radio'],
input[type='checkbox'],
input[type='tel'],
input[type='number'] {
  border: 0 none;
  vertical-align: middle;
}

input[type='number'] {
  -moz-appearace: textfield;
}

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

input[type='file']::-webkit-file-upload-button {
  cursor: pointer;
}

input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

table {
  width: 100%;
  empty-cells: show;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

table th {
  font-weight: normal;
}

mark {
  background: none;
}

sup {
  vertical-align: top;
}

a {
  color: inherit;
}

a:link,
a:hover {
  text-decoration: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
  background-color: transparent;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.hide {
  overflow: hidden;
  position: absolute;
  left: -0.1rem;
  top: -0.1rem;
  width: 0.1rem;
  height: 0.1rem;
  opacity: 0;
}

.none {
  display: none !important;
  margin: 0 !important;
}

[role='button'] {
  cursor: pointer;
}

@-webkit-keyframes dialog-in {
  from {
    -webkit-transform: translateY(200px);
            transform: translateY(200px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes dialog-in {
  from {
    -webkit-transform: translateY(200px);
            transform: translateY(200px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}

@-webkit-keyframes dialog-out {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
  }
}

@keyframes dialog-out {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.va-baseline {
  vertical-align: baseline !important;
}

.va-top {
  vertical-align: top !important;
}

.va-middle {
  vertical-align: middle !important;
}

.va-bottom {
  vertical-align: bottom !important;
}

.va-text-bottom {
  vertical-align: text-bottom !important;
}

.va-text-top {
  vertical-align: text-top !important;
}

.f-left {
  float: left !important;
}

.f-right {
  float: right !important;
}

.f-none {
  float: none !important;
}

.o-auto {
  overflow: auto !important;
}

.o-hidden {
  overflow: hidden !important;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.bs {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(17, 17, 17, 0.15) !important;
          box-shadow: 0 0.5rem 1rem rgba(17, 17, 17, 0.15) !important;
}

.bs-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(17, 17, 17, 0.075) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(17, 17, 17, 0.075) !important;
}

.bs-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(17, 17, 17, 0.175) !important;
          box-shadow: 0 1rem 3rem rgba(17, 17, 17, 0.175) !important;
}

.bs-none {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.p-static {
  position: static !important;
}

.p-relative {
  position: relative !important;
}

.p-absolute {
  position: absolute !important;
}

.p-fixed {
  position: fixed !important;
}

.p-sticky {
  position: sticky !important;
}

.border-2 {
  border: 2px solid #111 !important;
}

.border-1 {
  border: 1px solid #ddd !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-1 {
  border-top: 1px solid #ddd !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-1 {
  border-right: 1px solid #ddd !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-1 {
  border-bottom: 1px solid #ddd !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-1 {
  border-left: 1px solid #ddd !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-color-white {
  border-color: #fff !important;
}

.border-color-black {
  border-color: #111 !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-50 {
  width: 50% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.flex-fill {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}

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

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important;
}

.jc-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.jc-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.jc-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.jc-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.jc-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.ai-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.ai-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.ai-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.ai-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.ai-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.ac-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}

.ac-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}

.ac-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

.ac-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}

.ac-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.ac-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}

.as-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}

.as-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

.as-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

.as-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

.as-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}

.as-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.8rem !important;
}

.m-2 {
  margin: 1.6rem !important;
}

.m-3 {
  margin: 2.4rem !important;
}

.m-4 {
  margin: 3.2rem !important;
}

.m-5 {
  margin: 4rem !important;
}

.m-6 {
  margin: 4.8rem !important;
}

.m-7 {
  margin: 5.6rem !important;
}

.m-8 {
  margin: 6.4rem !important;
}

.m-9 {
  margin: 7.2rem !important;
}

.m-10 {
  margin: 8rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.8rem !important;
  margin-left: 0.8rem !important;
}

.mx-2 {
  margin-right: 1.6rem !important;
  margin-left: 1.6rem !important;
}

.mx-3 {
  margin-right: 2.4rem !important;
  margin-left: 2.4rem !important;
}

.mx-4 {
  margin-right: 3.2rem !important;
  margin-left: 3.2rem !important;
}

.mx-5 {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}

.mx-6 {
  margin-right: 4.8rem !important;
  margin-left: 4.8rem !important;
}

.mx-7 {
  margin-right: 5.6rem !important;
  margin-left: 5.6rem !important;
}

.mx-8 {
  margin-right: 6.4rem !important;
  margin-left: 6.4rem !important;
}

.mx-9 {
  margin-right: 7.2rem !important;
  margin-left: 7.2rem !important;
}

.mx-10 {
  margin-right: 8rem !important;
  margin-left: 8rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.8rem !important;
  margin-bottom: 0.8rem !important;
}

.my-2 {
  margin-top: 1.6rem !important;
  margin-bottom: 1.6rem !important;
}

.my-3 {
  margin-top: 2.4rem !important;
  margin-bottom: 2.4rem !important;
}

.my-4 {
  margin-top: 3.2rem !important;
  margin-bottom: 3.2rem !important;
}

.my-5 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.my-6 {
  margin-top: 4.8rem !important;
  margin-bottom: 4.8rem !important;
}

.my-7 {
  margin-top: 5.6rem !important;
  margin-bottom: 5.6rem !important;
}

.my-8 {
  margin-top: 6.4rem !important;
  margin-bottom: 6.4rem !important;
}

.my-9 {
  margin-top: 7.2rem !important;
  margin-bottom: 7.2rem !important;
}

.my-10 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

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

.mt-1 {
  margin-top: 0.8rem !important;
}

.mt-2 {
  margin-top: 1.6rem !important;
}

.mt-3 {
  margin-top: 2.4rem !important;
}

.mt-4 {
  margin-top: 3.2rem !important;
}

.mt-5 {
  margin-top: 4rem !important;
}

.mt-6 {
  margin-top: 4.8rem !important;
}

.mt-7 {
  margin-top: 5.6rem !important;
}

.mt-8 {
  margin-top: 6.4rem !important;
}

.mt-9 {
  margin-top: 7.2rem !important;
}

.mt-10 {
  margin-top: 8rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

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

.mr-1 {
  margin-right: 0.8rem !important;
}

.mr-2 {
  margin-right: 1.6rem !important;
}

.mr-3 {
  margin-right: 2.4rem !important;
}

.mr-4 {
  margin-right: 3.2rem !important;
}

.mr-5 {
  margin-right: 4rem !important;
}

.mr-6 {
  margin-right: 4.8rem !important;
}

.mr-7 {
  margin-right: 5.6rem !important;
}

.mr-8 {
  margin-right: 6.4rem !important;
}

.mr-9 {
  margin-right: 7.2rem !important;
}

.mr-10 {
  margin-right: 8rem !important;
}

.mr-auto {
  margin-right: auto !important;
}

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

.mb-1 {
  margin-bottom: 0.8rem !important;
}

.mb-2 {
  margin-bottom: 1.6rem !important;
}

.mb-3 {
  margin-bottom: 2.4rem !important;
}

.mb-4 {
  margin-bottom: 3.2rem !important;
}

.mb-5 {
  margin-bottom: 4rem !important;
}

.mb-6 {
  margin-bottom: 4.8rem !important;
}

.mb-7 {
  margin-bottom: 5.6rem !important;
}

.mb-8 {
  margin-bottom: 6.4rem !important;
}

.mb-9 {
  margin-bottom: 7.2rem !important;
}

.mb-10 {
  margin-bottom: 8rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

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

.ml-1 {
  margin-left: 0.8rem !important;
}

.ml-2 {
  margin-left: 1.6rem !important;
}

.ml-3 {
  margin-left: 2.4rem !important;
}

.ml-4 {
  margin-left: 3.2rem !important;
}

.ml-5 {
  margin-left: 4rem !important;
}

.ml-6 {
  margin-left: 4.8rem !important;
}

.ml-7 {
  margin-left: 5.6rem !important;
}

.ml-8 {
  margin-left: 6.4rem !important;
}

.ml-9 {
  margin-left: 7.2rem !important;
}

.ml-10 {
  margin-left: 8rem !important;
}

.ml-auto {
  margin-left: auto !important;
}

.m-n1 {
  margin: -0.8rem !important;
}

.m-n2 {
  margin: -1.6rem !important;
}

.m-n3 {
  margin: -2.4rem !important;
}

.m-n4 {
  margin: -3.2rem !important;
}

.m-n5 {
  margin: -4rem !important;
}

.m-n6 {
  margin: -4.8rem !important;
}

.m-n7 {
  margin: -5.6rem !important;
}

.m-n8 {
  margin: -6.4rem !important;
}

.m-n9 {
  margin: -7.2rem !important;
}

.m-n10 {
  margin: -8rem !important;
}

.mx-n1 {
  margin-right: -0.8rem !important;
  margin-left: -0.8rem !important;
}

.mx-n2 {
  margin-right: -1.6rem !important;
  margin-left: -1.6rem !important;
}

.mx-n3 {
  margin-right: -2.4rem !important;
  margin-left: -2.4rem !important;
}

.mx-n4 {
  margin-right: -3.2rem !important;
  margin-left: -3.2rem !important;
}

.mx-n5 {
  margin-right: -4rem !important;
  margin-left: -4rem !important;
}

.mx-n6 {
  margin-right: -4.8rem !important;
  margin-left: -4.8rem !important;
}

.mx-n7 {
  margin-right: -5.6rem !important;
  margin-left: -5.6rem !important;
}

.mx-n8 {
  margin-right: -6.4rem !important;
  margin-left: -6.4rem !important;
}

.mx-n9 {
  margin-right: -7.2rem !important;
  margin-left: -7.2rem !important;
}

.mx-n10 {
  margin-right: -8rem !important;
  margin-left: -8rem !important;
}

.my-n1 {
  margin-top: -0.8rem !important;
  margin-bottom: -0.8rem !important;
}

.my-n2 {
  margin-top: -1.6rem !important;
  margin-bottom: -1.6rem !important;
}

.my-n3 {
  margin-top: -2.4rem !important;
  margin-bottom: -2.4rem !important;
}

.my-n4 {
  margin-top: -3.2rem !important;
  margin-bottom: -3.2rem !important;
}

.my-n5 {
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}

.my-n6 {
  margin-top: -4.8rem !important;
  margin-bottom: -4.8rem !important;
}

.my-n7 {
  margin-top: -5.6rem !important;
  margin-bottom: -5.6rem !important;
}

.my-n8 {
  margin-top: -6.4rem !important;
  margin-bottom: -6.4rem !important;
}

.my-n9 {
  margin-top: -7.2rem !important;
  margin-bottom: -7.2rem !important;
}

.my-n10 {
  margin-top: -8rem !important;
  margin-bottom: -8rem !important;
}

.mt-n1 {
  margin-top: -0.8rem !important;
}

.mt-n2 {
  margin-top: -1.6rem !important;
}

.mt-n3 {
  margin-top: -2.4rem !important;
}

.mt-n4 {
  margin-top: -3.2rem !important;
}

.mt-n5 {
  margin-top: -4rem !important;
}

.mt-n6 {
  margin-top: -4.8rem !important;
}

.mt-n7 {
  margin-top: -5.6rem !important;
}

.mt-n8 {
  margin-top: -6.4rem !important;
}

.mt-n9 {
  margin-top: -7.2rem !important;
}

.mt-n10 {
  margin-top: -8rem !important;
}

.mr-n1 {
  margin-right: -0.8rem !important;
}

.mr-n2 {
  margin-right: -1.6rem !important;
}

.mr-n3 {
  margin-right: -2.4rem !important;
}

.mr-n4 {
  margin-right: -3.2rem !important;
}

.mr-n5 {
  margin-right: -4rem !important;
}

.mr-n6 {
  margin-right: -4.8rem !important;
}

.mr-n7 {
  margin-right: -5.6rem !important;
}

.mr-n8 {
  margin-right: -6.4rem !important;
}

.mr-n9 {
  margin-right: -7.2rem !important;
}

.mr-n10 {
  margin-right: -8rem !important;
}

.mb-n1 {
  margin-bottom: -0.8rem !important;
}

.mb-n2 {
  margin-bottom: -1.6rem !important;
}

.mb-n3 {
  margin-bottom: -2.4rem !important;
}

.mb-n4 {
  margin-bottom: -3.2rem !important;
}

.mb-n5 {
  margin-bottom: -4rem !important;
}

.mb-n6 {
  margin-bottom: -4.8rem !important;
}

.mb-n7 {
  margin-bottom: -5.6rem !important;
}

.mb-n8 {
  margin-bottom: -6.4rem !important;
}

.mb-n9 {
  margin-bottom: -7.2rem !important;
}

.mb-n10 {
  margin-bottom: -8rem !important;
}

.ml-n1 {
  margin-left: -0.8rem !important;
}

.ml-n2 {
  margin-left: -1.6rem !important;
}

.ml-n3 {
  margin-left: -2.4rem !important;
}

.ml-n4 {
  margin-left: -3.2rem !important;
}

.ml-n5 {
  margin-left: -4rem !important;
}

.ml-n6 {
  margin-left: -4.8rem !important;
}

.ml-n7 {
  margin-left: -5.6rem !important;
}

.ml-n8 {
  margin-left: -6.4rem !important;
}

.ml-n9 {
  margin-left: -7.2rem !important;
}

.ml-n10 {
  margin-left: -8rem !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.8rem !important;
}

.p-2 {
  padding: 1.6rem !important;
}

.p-3 {
  padding: 2.4rem !important;
}

.p-4 {
  padding: 3.2rem !important;
}

.p-5 {
  padding: 4rem !important;
}

.p-6 {
  padding: 4.8rem !important;
}

.p-7 {
  padding: 5.6rem !important;
}

.p-8 {
  padding: 6.4rem !important;
}

.p-9 {
  padding: 7.2rem !important;
}

.p-10 {
  padding: 8rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.8rem !important;
  padding-left: 0.8rem !important;
}

.px-2 {
  padding-right: 1.6rem !important;
  padding-left: 1.6rem !important;
}

.px-3 {
  padding-right: 2.4rem !important;
  padding-left: 2.4rem !important;
}

.px-4 {
  padding-right: 3.2rem !important;
  padding-left: 3.2rem !important;
}

.px-5 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}

.px-6 {
  padding-right: 4.8rem !important;
  padding-left: 4.8rem !important;
}

.px-7 {
  padding-right: 5.6rem !important;
  padding-left: 5.6rem !important;
}

.px-8 {
  padding-right: 6.4rem !important;
  padding-left: 6.4rem !important;
}

.px-9 {
  padding-right: 7.2rem !important;
  padding-left: 7.2rem !important;
}

.px-10 {
  padding-right: 8rem !important;
  padding-left: 8rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}

.py-2 {
  padding-top: 1.6rem !important;
  padding-bottom: 1.6rem !important;
}

.py-3 {
  padding-top: 2.4rem !important;
  padding-bottom: 2.4rem !important;
}

.py-4 {
  padding-top: 3.2rem !important;
  padding-bottom: 3.2rem !important;
}

.py-5 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-6 {
  padding-top: 4.8rem !important;
  padding-bottom: 4.8rem !important;
}

.py-7 {
  padding-top: 5.6rem !important;
  padding-bottom: 5.6rem !important;
}

.py-8 {
  padding-top: 6.4rem !important;
  padding-bottom: 6.4rem !important;
}

.py-9 {
  padding-top: 7.2rem !important;
  padding-bottom: 7.2rem !important;
}

.py-10 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

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

.pt-1 {
  padding-top: 0.8rem !important;
}

.pt-2 {
  padding-top: 1.6rem !important;
}

.pt-3 {
  padding-top: 2.4rem !important;
}

.pt-4 {
  padding-top: 3.2rem !important;
}

.pt-5 {
  padding-top: 4rem !important;
}

.pt-6 {
  padding-top: 4.8rem !important;
}

.pt-7 {
  padding-top: 5.6rem !important;
}

.pt-8 {
  padding-top: 6.4rem !important;
}

.pt-9 {
  padding-top: 7.2rem !important;
}

.pt-10 {
  padding-top: 8rem !important;
}

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

.pr-1 {
  padding-right: 0.8rem !important;
}

.pr-2 {
  padding-right: 1.6rem !important;
}

.pr-3 {
  padding-right: 2.4rem !important;
}

.pr-4 {
  padding-right: 3.2rem !important;
}

.pr-5 {
  padding-right: 4rem !important;
}

.pr-6 {
  padding-right: 4.8rem !important;
}

.pr-7 {
  padding-right: 5.6rem !important;
}

.pr-8 {
  padding-right: 6.4rem !important;
}

.pr-9 {
  padding-right: 7.2rem !important;
}

.pr-10 {
  padding-right: 8rem !important;
}

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

.pb-1 {
  padding-bottom: 0.8rem !important;
}

.pb-2 {
  padding-bottom: 1.6rem !important;
}

.pb-3 {
  padding-bottom: 2.4rem !important;
}

.pb-4 {
  padding-bottom: 3.2rem !important;
}

.pb-5 {
  padding-bottom: 4rem !important;
}

.pb-6 {
  padding-bottom: 4.8rem !important;
}

.pb-7 {
  padding-bottom: 5.6rem !important;
}

.pb-8 {
  padding-bottom: 6.4rem !important;
}

.pb-9 {
  padding-bottom: 7.2rem !important;
}

.pb-10 {
  padding-bottom: 8rem !important;
}

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

.pl-1 {
  padding-left: 0.8rem !important;
}

.pl-2 {
  padding-left: 1.6rem !important;
}

.pl-3 {
  padding-left: 2.4rem !important;
}

.pl-4 {
  padding-left: 3.2rem !important;
}

.pl-5 {
  padding-left: 4rem !important;
}

.pl-6 {
  padding-left: 4.8rem !important;
}

.pl-7 {
  padding-left: 5.6rem !important;
}

.pl-8 {
  padding-left: 6.4rem !important;
}

.pl-9 {
  padding-left: 7.2rem !important;
}

.pl-10 {
  padding-left: 8rem !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.ft-100 {
  font-weight: 100 !important;
}

.ft-300 {
  font-weight: 300 !important;
}

.ft-400 {
  font-weight: 400 !important;
}

.ft-500 {
  font-weight: 500 !important;
}

.ft-700 {
  font-weight: 700 !important;
}

.text-0 {
  font-size: 0 !important;
}

.text-1 {
  font-size: 1.2rem !important;
}

.text-2 {
  font-size: 1.4rem !important;
}

.text-3 {
  font-size: 1.6rem !important;
}

.text-4 {
  font-size: 1.8rem !important;
}

.text-5 {
  font-size: 2rem !important;
}

.text-6 {
  font-size: 2.2rem !important;
}

.text-7 {
  font-size: 2.4rem !important;
}

.text-8 {
  font-size: 2.6rem !important;
}

.text-9 {
  font-size: 2.8rem !important;
}

.text-10 {
  font-size: 3rem !important;
}

.lh-0 {
  line-height: 0 !important;
}

.lh-1 {
  line-height: 1.2rem !important;
}

.lh-2 {
  line-height: 1.4rem !important;
}

.lh-3 {
  line-height: 1.6rem !important;
}

.lh-4 {
  line-height: 1.8rem !important;
}

.lh-5 {
  line-height: 2rem !important;
}

.lh-6 {
  line-height: 2.2rem !important;
}

.lh-7 {
  line-height: 2.4rem !important;
}

.lh-8 {
  line-height: 2.6rem !important;
}

.lh-9 {
  line-height: 2.8rem !important;
}

.lh-10 {
  line-height: 3rem !important;
}

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

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

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

.text-break {
  word-wrap: break-word !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-none {
  text-decoration: none !important;
}

.text-underline {
  text-decoration: underline !important;
}

.text-line-through {
  text-decoration: line-through !important;
}

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

[data-touch='zoom'].start {
  -webkit-animation: zoomIn 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
          animation: zoomIn 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
}

[data-touch='zoom'].end {
  -webkit-animation: zoomOut 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
          animation: zoomOut 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
}

@-webkit-keyframes zoomIn {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
  }
}

@keyframes zoomIn {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
  }
}

@-webkit-keyframes zoomOut {
  from {
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoomOut {
  from {
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.form .form-field::after {
  display: block;
  clear: both;
  content: "";
}

.form .form-field > .text {
  display: block;
}

.form .form-field > .text + .input,
.form .form-field > .text + .textarea-form,
.form .form-field > .text + .input-wrap,
.form .form-field > .text + .select {
  margin-top: 1rem;
}

.form .form-field + .form-field {
  margin-top: 2.5rem;
}

.form .form-field .btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  height: 7.2rem;
}

.form .form-field .btn-area .btn {
  margin-right: 1.3rem;
  font-size: 1.2rem;
}

.form .form-field .btn-area .btn:last-child {
  margin-right: 0;
}

.form .form-field .select {
  width: 100%;
  margin-top: 0.8rem;
}

.form .form-field .text {
  font-weight: bold;
}

.form .form-field--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form .form-field--row .text {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.form .form-field__column {
  vertical-align: top;
  line-height: 1;
  margin-top: 0.8rem;
  margin-right: -1.5rem;
}

.form .form-field__column::after {
  display: block;
  clear: both;
  content: "";
}

.form .form-field__column .select {
  width: calc(50% - 1.5rem);
  margin-right: 1.5rem;
  float: left;
}

.form .form-field__column .label {
  width: 100%;
  margin-right: -1.5rem;
}

.form .form-field__column .label label {
  margin-top: 1.7rem;
  width: calc(50% - 1.5rem);
  float: left;
}

.text-info + .form-info {
  margin-top: 3rem;
}

.form-info-field {
  margin-top: 1.5rem;
}

.form-info-field > .btn--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0.9rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.form-info-field:first-child {
  margin-top: 0;
}

.form--review {
  margin: 2rem 0 0;
}

.form--review ~ .label {
  margin: 2.8rem 0 2.5rem;
}

.form--qna {
  position: relative;
  padding: 2rem 0 0;
  margin: 0 0 2.5rem;
}

.form--qna::before {
  content: '';
  position: absolute;
  top: 0;
  left: -2rem;
  right: -2rem;
  height: 1px;
  background: #ddd;
}

.search-form {
  height: 4.4rem;
  position: relative;
  width: 100%;
}

.search-form__input {
  width: inherit;
  height: 100%;
  border-radius: 0.4rem;
  border: 0.1rem solid #ddd;
  padding: 0 1.2rem 0 4.2rem;
  font-size: 1.3rem;
  color: #ccc;
  background-color: #fff;
  outline: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.search-form__input:focus {
  border-color: #ff5b2c;
  font-weight: bold;
  font-size: 1.4rem;
  color: #222;
}

.search-form__input::-webkit-input-placeholder {
  color: #999;
}

.search-form__input::-moz-placeholder {
  color: #999;
}

.search-form__input:-ms-input-placeholder {
  color: #999;
}

.search-form__input::-ms-input-placeholder {
  color: #999;
}

.search-form__input::placeholder {
  color: #999;
}

.search-form__button {
  position: absolute;
  top: 0.9rem;
  left: 1.2rem;
}

.search-form--type2 {
  height: 3.2rem;
  position: relative;
  width: 100%;
}

.search-form--type2 .search-form__input {
  width: inherit;
  height: 100%;
  border-radius: 0.4rem;
  padding: 0 4rem 0 1.5rem;
  font-size: 1.2rem;
  background-color: #fff;
  outline: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.search-form--type2 .search-form__input:focus {
  border-color: inherit;
  font-weight: bold;
}

.search-form--type2 .search-form__button {
  position: absolute;
  top: 0.4rem;
  right: 1.2rem;
  left: auto;
}

.search-form--type2.search-form--primary .search-form__input {
  border: 0.2rem solid #ff5b2c;
  color: #ff5b2c;
}

.search-form--type2.search-form--primary .search-form__input::-webkit-input-placeholder {
  color: #ff5b2c;
}

.search-form--type2.search-form--primary .search-form__input::-moz-placeholder {
  color: #ff5b2c;
}

.search-form--type2.search-form--primary .search-form__input:-ms-input-placeholder {
  color: #ff5b2c;
}

.search-form--type2.search-form--primary .search-form__input::-ms-input-placeholder {
  color: #ff5b2c;
}

.search-form--type2.search-form--primary .search-form__input::placeholder {
  color: #ff5b2c;
}

.search-form--type2.search-form--white .search-form__input {
  border: 0.2rem solid #fff;
  color: #fff;
  background-color: transparent;
}

.search-form--type2.search-form--white .search-form__input::-webkit-input-placeholder {
  color: #fff;
}

.search-form--type2.search-form--white .search-form__input::-moz-placeholder {
  color: #fff;
}

.search-form--type2.search-form--white .search-form__input:-ms-input-placeholder {
  color: #fff;
}

.search-form--type2.search-form--white .search-form__input::-ms-input-placeholder {
  color: #fff;
}

.search-form--type2.search-form--white .search-form__input::placeholder {
  color: #fff;
}

.point-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.point-area {
  width: 100%;
  position: relative;
}

.point-area .input {
  padding-left: 3.6rem;
  color: #ff5b2c !important;
  font-size: 1.4rem;
  font-weight: bold;
}

.point-area .icon {
  position: absolute;
  left: 1.2rem;
  top: calc(50% - 0.8rem);
}

.point-area + .btn {
  margin-left: 0.7rem;
  min-width: 9rem;
}

.form-count {
  background-color: #fff;
  border-radius: 0.4rem;
  border: 0.1rem solid #ccc;
  overflow: hidden;
}

.form-count__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2rem 1.8rem 1.8rem 2.1rem;
  border-bottom: 0.1rem solid #eee;
}

.form-count__list:last-child {
  border-bottom: 0;
}

.form-count__text {
  display: block;
  line-height: 1.4rem;
  font-size: 1.2rem;
  margin-top: 0.7rem;
}

.form-count__price {
  margin-top: 0.4rem;
}

.form-count__depth {
  background-color: #f8f8f8;
  padding: 2.4rem 1.8rem 1.8rem 2.1rem;
  border-bottom: 0.1rem solid #eee;
}

.form-count__depth:last-child {
  border-bottom: 0;
}

.form-count__depth .form-count__list {
  border-bottom: 0;
  padding: 0;
}

.form-count__depth .form-count__list + .form-count__list {
  margin-top: 2rem;
}

.input {
  width: 100%;
  height: 3.9rem;
  padding: 0 1.4rem;
  border: 0.1rem solid #ccc;
  border-radius: 0.4rem;
  font-size: 1.3rem;
  outline: 0;
  color: #222;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

.input:focus {
  border-color: #ff5b2c;
  color: #222;
}

.input::-webkit-input-placeholder {
  color: #999;
}

.input::-moz-placeholder {
  color: #999;
}

.input:-ms-input-placeholder {
  color: #999;
}

.input::-ms-input-placeholder {
  color: #999;
}

.input::placeholder {
  color: #999;
}

.input--round {
  height: 4.6rem;
}

.input--md {
  font-size: 1.3rem;
  height: 4.4rem;
  padding: 0 1.6rem;
  border-radius: 0.8rem;
}

.input--xmd {
  font-size: 1.4rem;
  height: 4.4rem;
  padding: 0 1.6rem;
  border-radius: 0.8rem;
  font-weight: bold;
}

.input--xmd::-webkit-input-placeholder {
  font-weight: normal;
}

.input--xmd::-moz-placeholder {
  font-weight: normal;
}

.input--xmd:-ms-input-placeholder {
  font-weight: normal;
}

.input--xmd::-ms-input-placeholder {
  font-weight: normal;
}

.input--xmd::placeholder {
  font-weight: normal;
}

.input--gray {
  background-color: #bebebe;
}

.input-wrap {
  position: relative;
  width: 100%;
}

.input-wrap + .input-wrap {
  margin: 1rem 0 0 0;
}

.input-wrap--type1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-wrap--type1 .input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.input-wrap--type1 .input + .btn {
  margin: 0 0 0 1rem;
}

.input-wrap--type1 .btn {
  min-width: auto;
  padding: 0 1.4rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.input-wrap--type2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-wrap--type2 .input,
.input-wrap--type2 .select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.input-wrap--type2 .input + .select,
.input-wrap--type2 .select + .input,
.input-wrap--type2 .select + .select,
.input-wrap--type2 .input + .input {
  margin: 0 0 0 2rem;
}

.input-wrap--password .input {
  padding: 0 4rem 0 1.6rem;
}

.input-wrap--password .icon {
  display: block;
  position: absolute;
  top: 1rem;
  right: 1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  overflow: hidden;
  font-size: 1px;
  color: transparent;
}

.input-wrap--password .icon--eye {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("../images/icon/icon-eye-hidden.svg");
  background-size: 100% auto;
}

.input-wrap--password .icon.is-active {
  background-image: url("../images/icon/icon-eye.svg");
  background-size: 100% auto;
}

input[type='checkbox'],
input[type='radio'] {
  overflow: hidden;
  position: absolute;
  left: -0.1rem;
  top: -0.1rem;
  width: 0.1rem;
  height: 0.1rem;
  opacity: 0;
}

.label {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
}

.label-group {
  padding: 2rem 2rem 3rem 2rem;
}

.label-group .label--btn {
  margin-right: -2rem;
  margin-bottom: -0.7rem;
}

.label-group .label--btn label {
  margin-bottom: 0.7rem;
}

.label__link {
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-left: 0.6rem;
  font-weight: 500;
}

.label__link + .icon--text-arrow {
  position: relative;
}

.label input[type='checkbox'] + span:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon//icon-basic-checkbox.svg) no-repeat;
  background-size: 100% auto;
  margin-right: 0.7rem;
}

.label input[type='checkbox']:checked + span:before {
  background: url(../images/icon//icon-basic-checked.svg) no-repeat;
  background-size: 100% auto;
}

.label input[type='checkbox'] + span {
  font-weight: 400;
  line-height: 1.8rem;
  display: inline-block;
  font-size: 1.2rem;
  height: 1.6rem;
  vertical-align: top;
  color: #222;
}

.label input[type='radio'] + span:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon//icon-basic-radio.svg) no-repeat;
  background-size: 100% auto;
  margin-right: 0.7rem;
}

.label input[type='radio']:checked + span:before {
  background: url(../images/icon//icon-basic-radioed.svg) no-repeat;
  background-size: 100% auto;
}

.label input[type='radio'] + span {
  line-height: 1.6rem;
  display: inline-block;
  font-weight: 400;
  font-size: 1.2rem;
  height: 1.6rem;
  vertical-align: top;
  color: #222;
}

.label--simple label {
  margin: 0 !important;
  overflow: hidden;
  width: 1.6rem;
}

.label--simple input[type='checkbox'] + span,
.label--simple input[type='radio'] + span {
  font-size: 0px;
  height: auto;
  color: transparent;
}

.label--simple input[type='checkbox'] + span:before,
.label--simple input[type='radio'] + span:before {
  margin-right: 0;
}

.label.label--md input[type='checkbox'] + span:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon//icon-basic-checkbox.svg) no-repeat;
  background-size: 2.4rem 2.4rem;
}

.label.label--md input[type='checkbox']:checked + span:before {
  background: url(../images/icon//icon-basic-checked.svg) no-repeat;
  background-size: 2.4rem 2.4rem;
}

.label.label--md input[type='checkbox'] + span {
  font-weight: 500;
  line-height: 2.2rem;
  display: inline-block;
  font-size: 1.8rem;
  height: 2.4rem;
  vertical-align: top;
  color: #222;
}

.label.label--md input[type='radio'] + span:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon//icon-basic-radio.svg) no-repeat;
  background-size: 2.4rem 2.4rem;
}

.label.label--md input[type='radio']:checked + span:before {
  background: url(../images/icon//icon-basic-radioed.svg) no-repeat;
  background-size: 2.4rem 2.4rem;
}

.label.label--md input[type='radio'] + span {
  line-height: 2.2rem;
  display: inline-block;
  font-weight: 500;
  font-size: 1.8rem;
  height: 2.4rem;
  vertical-align: top;
  color: #222;
}

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

.label label + label {
  margin-right: 0.7rem;
}

.label label:first-child {
  margin-right: 0.7rem;
}

.label label:last-child {
  margin-right: 0;
}

.label label.coupon__label {
  width: 100%;
  margin-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  margin-right: 0;
}

.label label.coupon__label input {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.label label.coupon__label input + span:before {
  margin-right: 1.7rem;
}

.label label.coupon__label:first-child {
  margin-top: 0;
}

.label label.coupon__label.coupon--none {
  margin-top: 2.5rem;
}

.label.label--round {
  margin-right: -0.8rem;
  margin-bottom: -0.8rem;
}

.label.label--round label {
  position: relative;
  min-width: 5.7rem;
  height: auto;
  margin-bottom: 0.8rem;
}

.label.label--round label input[type='checkbox'] + span:before,
.label.label--round label input[type='radio'] + span:before {
  display: none;
}

.label.label--round label input[type='checkbox'] + span,
.label.label--round label input[type='radio'] + span {
  display: block;
  font-size: 1.1rem;
  font-weight: bold;
  padding: 0.1rem 1.2rem;
  height: 3rem;
  line-height: 2.8rem;
  border-radius: 1.6rem;
  overflow: hidden;
  background: #fff;
  border: 0.1rem solid #ccc;
  border-radius: 3.2rem;
  position: relative;
  background: none;
  text-align: center;
}

.label.label--round label input[type='checkbox']:checked + span,
.label.label--round label input[type='radio']:checked + span {
  color: #fff;
  background-color: #222;
  border-color: #222;
}

.label.label--round label input[type='checkbox']:checked + span:before,
.label.label--round label input[type='radio']:checked + span:before {
  background-image: none;
}

.label.label--round label input[type='checkbox']:checked:disabled + span,
.label.label--round label input[type='radio']:checked:disabled + span {
  color: #fff;
}

.label.label--round label input[type='checkbox']:disabled + span,
.label.label--round label input[type='radio']:disabled + span {
  color: #ccc;
}

.label.label--round label + label {
  margin-right: 1rem;
}

.label.label--btn input[type='checkbox'] + span:before,
.label.label--btn input[type='radio'] + span:before {
  display: none;
}

.label.label--btn .label--ti input[type='checkbox'] + span::after,
.label.label--btn .label--ti input[type='radio'] + span::after {
  content: '';
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  position: relative;
  vertical-align: top;
  border-radius: 50%;
  left: 0.4rem;
  top: 1.2rem;
}

.label.label--btn .label--ti input[type='checkbox']:checked + span:after,
.label.label--btn .label--ti input[type='radio']:checked + span:after {
  background-color: #fff;
}

.label.label--btn .label--ti input[type='checkbox']:checked:disabled + span,
.label.label--btn .label--ti input[type='radio']:checked:disabled + span {
  color: #fff;
}

.label.label--btn .label--ti input[type='checkbox']:checked:disabled + span:after,
.label.label--btn .label--ti input[type='radio']:checked:disabled + span:after {
  background-color: #fff;
}

.label.label--btn .label--ti input[type='checkbox']:disabled + span,
.label.label--btn .label--ti input[type='radio']:disabled + span {
  color: #ccc;
}

.label.label--btn .label--ti input[type='checkbox']:disabled + span:after,
.label.label--btn .label--ti input[type='radio']:disabled + span:after {
  background-color: #ccc;
}

.label.label--btn .label--ti input[type='checkbox'] + span,
.label.label--btn .label--ti input[type='radio'] + span {
  color: #ff5b2c;
}

.label.label--btn .label--ti input[type='checkbox'] + span::after,
.label.label--btn .label--ti input[type='radio'] + span::after {
  background-color: #ff5b2c;
}

.label.label--btn .label--ti input[type='checkbox'].label--sub1 input[type='checkbox'] + span,
.label.label--btn .label--ti input[type='checkbox'].label--sub1 input[type='radio'] + span,
.label.label--btn .label--ti input[type='radio'].label--sub1 input[type='checkbox'] + span,
.label.label--btn .label--ti input[type='radio'].label--sub1 input[type='radio'] + span {
  color: #5d2dfc;
}

.label.label--btn .label--ti input[type='checkbox'].label--sub1 input[type='checkbox'] + span::after,
.label.label--btn .label--ti input[type='checkbox'].label--sub1 input[type='radio'] + span::after,
.label.label--btn .label--ti input[type='radio'].label--sub1 input[type='checkbox'] + span::after,
.label.label--btn .label--ti input[type='radio'].label--sub1 input[type='radio'] + span::after {
  background-color: #5d2dfc;
}

.label.label--btn .label--ti input[type='checkbox'].label--sub1 input[type='checkbox']:checked,
.label.label--btn .label--ti input[type='checkbox'].label--sub1 input[type='radio']:checked,
.label.label--btn .label--ti input[type='radio'].label--sub1 input[type='checkbox']:checked,
.label.label--btn .label--ti input[type='radio'].label--sub1 input[type='radio']:checked {
  background-color: #5d2dfc;
  border-color: #5d2dfc;
  color: #fff;
}

.label.label--btn .label--ti input[type='checkbox'].label--sub1 input[type='checkbox']:checked + span,
.label.label--btn .label--ti input[type='checkbox'].label--sub1 input[type='radio']:checked + span,
.label.label--btn .label--ti input[type='radio'].label--sub1 input[type='checkbox']:checked + span,
.label.label--btn .label--ti input[type='radio'].label--sub1 input[type='radio']:checked + span {
  color: #fff;
}

.label.label--btn .label--ti input[type='checkbox'].label--dark input[type='checkbox']:checked + span:after,
.label.label--btn .label--ti input[type='checkbox'].label--dark input[type='radio']:checked + span:after,
.label.label--btn .label--ti input[type='radio'].label--dark input[type='checkbox']:checked + span:after,
.label.label--btn .label--ti input[type='radio'].label--dark input[type='radio']:checked + span:after {
  background-color: #fff;
}

.label.label--btn .label--ti input[type='checkbox'].label--dark input[type='checkbox']:checked:disabled + span,
.label.label--btn .label--ti input[type='checkbox'].label--dark input[type='radio']:checked:disabled + span,
.label.label--btn .label--ti input[type='radio'].label--dark input[type='checkbox']:checked:disabled + span,
.label.label--btn .label--ti input[type='radio'].label--dark input[type='radio']:checked:disabled + span {
  color: #fff;
}

.label.label--btn .label--ti input[type='checkbox'].label--dark input[type='checkbox']:checked:disabled + span:after,
.label.label--btn .label--ti input[type='checkbox'].label--dark input[type='radio']:checked:disabled + span:after,
.label.label--btn .label--ti input[type='radio'].label--dark input[type='checkbox']:checked:disabled + span:after,
.label.label--btn .label--ti input[type='radio'].label--dark input[type='radio']:checked:disabled + span:after {
  background-color: #fff;
}

.label.label--btn .label--ti input[type='checkbox'].label--dark input[type='checkbox']:disabled + span,
.label.label--btn .label--ti input[type='checkbox'].label--dark input[type='radio']:disabled + span,
.label.label--btn .label--ti input[type='radio'].label--dark input[type='checkbox']:disabled + span,
.label.label--btn .label--ti input[type='radio'].label--dark input[type='radio']:disabled + span {
  color: #ccc;
}

.label.label--btn .label--ti input[type='checkbox'].label--dark input[type='checkbox']:disabled + span:after,
.label.label--btn .label--ti input[type='checkbox'].label--dark input[type='radio']:disabled + span:after,
.label.label--btn .label--ti input[type='radio'].label--dark input[type='checkbox']:disabled + span:after,
.label.label--btn .label--ti input[type='radio'].label--dark input[type='radio']:disabled + span:after {
  background-color: #ccc;
}

.label.label--btn .label--ti input[type='checkbox'].label--dark input[type='checkbox'] + span,
.label.label--btn .label--ti input[type='checkbox'].label--dark input[type='radio'] + span,
.label.label--btn .label--ti input[type='radio'].label--dark input[type='checkbox'] + span,
.label.label--btn .label--ti input[type='radio'].label--dark input[type='radio'] + span {
  color: #222;
}

.label.label--btn .label--ti input[type='checkbox'].label--dark input[type='checkbox'] + span::after,
.label.label--btn .label--ti input[type='checkbox'].label--dark input[type='radio'] + span::after,
.label.label--btn .label--ti input[type='radio'].label--dark input[type='checkbox'] + span::after,
.label.label--btn .label--ti input[type='radio'].label--dark input[type='radio'] + span::after {
  background-color: #222;
}

.label.label--btn label {
  position: relative;
  height: auto;
}

.label.label--btn label input[type='checkbox'] + span,
.label.label--btn label input[type='radio'] + span {
  border: 0.1rem solid #ccc;
  border-radius: 0.6rem;
  position: relative;
  min-width: 7.5rem;
  height: 3.6rem;
  background-image: none;
  background-color: #fff;
  font-weight: 500;
  color: #222;
  font-size: 1.2rem;
  border-radius: 0.4rem;
  text-align: center;
  line-height: 3.4rem;
  padding: 0 1.8rem;
}

.label.label--btn label input[type='checkbox']:checked + span,
.label.label--btn label input[type='radio']:checked + span {
  background-color: #ff5b2c;
  border-color: #ff5b2c;
  color: #fff;
  background-image: none;
  font-weight: 700;
}

.label.label--btn label input[type='checkbox']:checked + span:disabled,
.label.label--btn label input[type='radio']:checked + span:disabled {
  color: #fff;
}

.label.label--btn label input[type='checkbox']:disabled + span,
.label.label--btn label input[type='radio']:disabled + span {
  color: #ccc;
}

.label.label--btn .label--dark input[type='checkbox'],
.label.label--btn .label--dark input[type='radio'] {
  border: 0.1rem solid #ccc;
  border-radius: 0.6rem;
}

.label.label--btn .label--dark input[type='checkbox'] + span,
.label.label--btn .label--dark input[type='radio'] + span {
  color: #222;
}

.label.label--btn .label--dark input[type='checkbox'] + span:after,
.label.label--btn .label--dark input[type='radio'] + span:after {
  background-color: #222;
}

.label.label--btn .label--dark input[type='checkbox']:checked + span,
.label.label--btn .label--dark input[type='radio']:checked + span {
  background-color: #222;
  border-color: #222;
  color: #fff;
}

.label.label--btn .label--sub1 input[type='checkbox'] + span,
.label.label--btn .label--sub1 input[type='radio'] + span {
  color: #5d2dfc;
}

.label.label--btn .label--sub1 input[type='checkbox'] + span::after,
.label.label--btn .label--sub1 input[type='radio'] + span::after {
  background-color: #5d2dfc;
}

.label.label--btn .label--sub1 input[type='checkbox']:checked + span,
.label.label--btn .label--sub1 input[type='radio']:checked + span {
  background-color: #5d2dfc;
  border-color: #5d2dfc;
  color: #fff;
}

.label.label--btn.label--md label input[type='radio'] + span,
.label.label--btn.label--md label input[type='checkbox'] + span {
  min-width: 10.2rem;
}

.label--vertical {
  display: block;
  margin: 2.5rem 0 0 0;
}

.label--vertical .label__item label {
  display: block;
}

.label--vertical .label__item + .label__item {
  margin: 1.6rem 0 0 0;
}

.label--horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.4rem !important;
}

.label--horizontal-col4 label {
  margin: 0.4rem !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(25% - 0.8rem);
          flex: 0 1 calc(25% - 0.8rem);
}

.label--switch label {
  position: relative;
  display: inline-block;
  width: 6.6rem;
  height: 3rem;
}

.label--switch label input[type='checkbox'] {
  opacity: 0;
  width: 0;
  height: 0;
}

.label--switch label input[type='checkbox']:checked + span {
  background: #ff7b55;
}

.label--switch label input[type='checkbox']:checked + span:before {
  background: #fff;
  -webkit-transform: translateX(36px);
          transform: translateX(36px);
  border: 0.1rem solid #ff7b55;
}

.label--switch label input[type='checkbox'] + span {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d8d8d8;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 1.5rem;
  height: 3rem;
}

.label--switch label input[type='checkbox'] + span:before {
  position: absolute;
  content: '';
  height: 3rem;
  width: 3rem;
  left: -0.1rem;
  bottom: -0.1rem;
  background: #fff;
  border: 0.1rem solid #d8d8d8;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
  margin-right: 0;
}

.label.label--like input[type='checkbox']:checked + span:before {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-basic-liked.svg) no-repeat;
  background-size: 100% auto;
}

.label.label--like input[type='checkbox'] + span {
  height: 2.4rem;
  width: 2.4rem;
  overflow: hidden;
  font-size: 0.1rem;
}

.label.label--like input[type='checkbox'] + span:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-basic-like.svg) no-repeat;
  background-size: 100% auto;
  margin-right: 0;
}

.select {
  position: relative;
  z-index: 10;
}

.select.expanded {
  z-index: 20;
}

.select__btn:before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0.6rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.select__btn[aria-expanded='true'] {
  border-color: #ff5b2c;
}

.select__btn[aria-expanded='true'] + .select__list {
  display: block;
}

.select__btn > div:first-child {
  display: none;
}

.select__btn > div[data-select='text'] {
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #222;
  font-size: 1.3rem;
  font-weight: bold;
}

.select__btn > div[data-select='text']:empty::before {
  color: #222;
  opacity: 1;
}

.select__btn > div[data-select='text']:before {
  display: block;
  width: 100%;
  opacity: 0;
  content: attr(data-empty);
}

.select__list {
  display: none;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  min-width: 100%;
  margin: 0;
  background: #fff;
}

.select__option {
  background-color: #fff;
  overflow: auto;
}

.select--basic .select__btn {
  position: relative;
  display: block;
  padding: 0 4rem 0 1.6rem;
  height: 4.4rem;
  color: #222;
  line-height: 4.2rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0.7rem;
  border: 0.1rem solid #ddd;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  z-index: 100;
}

.select--basic .select__btn:focus {
  border: 0.1rem solid #ff5b2c;
}

.select--basic .select__btn:after {
  content: '';
  display: block;
  position: absolute;
  right: 1.5rem;
  top: calc(50% - 1.1rem);
  width: 2.5rem;
  height: 2.5rem;
  background: url(../images/icon//icon-select-arrow.png) no-repeat;
  background-size: 2.5rem 2.5rem;
}

.select--basic .select__btn > div[data-select='text']:before {
  margin: 0 0 -4.2rem;
}

.select--basic .select__list {
  top: calc(100% - 0.4rem);
}

.select--basic .select__option {
  border: 0.1rem solid #ddd;
  border-radius: 0.6rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select--basic .select__option button {
  width: 100%;
  display: block;
  border-bottom: 0.1rem solid #ddd;
  color: #222;
  font-size: 1.3rem;
  padding: 0 1.6rem;
  height: 4.4rem;
  text-align: left;
}

.select--basic .select__option button:first-child {
  padding-top: 0.4rem;
}

.select--basic .select__option button:last-child {
  border-bottom: 0;
}

.select--sort {
  display: inline-block;
  min-width: 9.7rem;
}

.select--sort .select__btn {
  position: relative;
  display: block;
  height: 1.8rem;
  padding: 0 1.6rem 0 0;
  line-height: 1.8rem;
  color: #666;
  font-size: 1rem;
  overflow: hidden;
  background-color: #fff;
}

.select--sort .select__btn:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 1px;
  width: 1.1rem;
  height: 0.9rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icon/icon-sort.svg) no-repeat;
  background-size: 100% auto;
}

.select--sort .select__btn > div[data-select='text'] {
  text-align: right;
  font-size: 1rem;
  color: #666;
  font-weight: normal;
}

.select--sort .select__btn > div[data-select='text']:before {
  margin: 0 0 -1.8rem;
  color: #666;
}

.select--sort .select__list {
  top: 2.7rem;
  min-width: 100%;
  border: 1px solid #222222;
  padding: 0.4rem 1.4rem;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.24);
}

.select--sort .select__option button {
  width: 100%;
  display: block;
  padding: 1rem 0;
  font-size: 1.3rem;
  border: 0;
  line-height: 1.6rem;
  text-align: center;
  color: #222222;
}

.select--sort .select__option button + button {
  border-top: 1px solid #eee;
}

.select--sort .select__option button:hover {
  font-weight: 700;
}

.textarea {
  display: block;
  border: 0.1rem solid #ccc;
  outline: 0;
  border-radius: 0.4rem;
  background-color: #fff;
  width: 100%;
  color: #222;
  font-size: 1.3rem;
  padding: 1.4rem;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  line-height: 1.4rem;
  resize: none;
}

.modal .textarea textarea {
  font-size: 1.1rem;
  padding: 1.5rem;
  border-radius: 0.4rem;
}

.textarea-form {
  display: block;
  width: 100%;
}

.textarea-form::after {
  display: block;
  clear: both;
  content: "";
}

.textarea__side {
  float: right;
  color: #999;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: -2.1rem 0 0 0;
}

.textarea:focus {
  border-color: #ff5b2c;
  color: #222;
}

.textarea::-webkit-input-placeholder {
  color: #999;
}

.textarea::-moz-placeholder {
  color: #999;
}

.textarea:-ms-input-placeholder {
  color: #999;
}

.textarea::-ms-input-placeholder {
  color: #999;
}

.textarea::placeholder {
  color: #999;
}

.textarea--gray {
  background-color: #bebebe;
  font-size: 1.4rem;
}

.btn {
  display: inline-block;
  text-align: center;
  border-radius: 0.7rem;
  height: 4.4rem;
  border: 0.1rem solid transparent;
  padding: 0 1.2rem;
  font-weight: 500;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 1.4rem;
}

.btn:focus {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  margin: 3rem 0 -8rem;
}

.btn-area.btn-col3 .btn--icon + .btn--xmd {
  margin-left: 1rem;
}

.btn-area.btn-col3 .btn--xmd {
  width: 100%;
  margin-left: 0.5rem;
}

.btn-area.btn-col2 .btn--xmd {
  width: 50%;
}

.btn-area.btn-col2 .btn--xmd:nth-child(2) {
  margin-left: 0.5rem;
}

.btn-area.btn-col2 .btn--xmd.w-30 + .btn--xmd {
  width: 70%;
}

.btn-area.btn-row {
  display: block;
  margin: 0;
}

.btn-area.btn-row .btn {
  width: 100%;
  display: block;
}

.btn-area.btn-row .btn + .btn {
  margin: 0.8rem 0 0 0;
}

.btn-area.btn-row.btn-area--share {
  margin: 3.4rem 0 1.7rem;
}

.btn-area.btn-row.btn-area--share .btn + .btn {
  margin: 1.2rem 0 0;
}

.btn-area__text {
  min-width: 11.8rem;
  margin-right: 1.2rem;
  margin-left: 1rem;
}

.btn-area--type1::before {
  content: '';
  position: absolute;
  top: -0.8rem;
  left: 0;
  width: 100%;
  height: 0.8rem;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
  background: linear-gradient(to bottom, transparent, #fff);
}

.btn-area--type2 {
  padding: 1.4rem 1.5rem !important;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
}

.btn-area[data-btn-fixed] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  height: 7.2rem;
  margin: 0;
  padding: 0 1.5rem;
}

.btn--tab {
  min-width: 19rem;
  height: 6rem;
  font-size: 1.8rem;
  border-radius: 0;
  color: #e7e7e7;
}

.btn--tab.is-active {
  color: #fff;
  font-weight: bold;
  background-color: #222;
}

.btn--ssm {
  height: 1.3rem;
  padding: 0 0.4rem;
  font-size: 0.9rem;
}

.btn--ssm.btn--with {
  line-height: 0.9;
}

.btn--ssm.btn--with > span + .icon {
  top: 0.1rem;
  position: relative;
  margin-right: 0;
}

.btn--sm {
  height: 2rem;
  padding: 0 0.8rem;
  font-size: 0.8rem;
  font-weight: bold;
  border-radius: 0.7rem;
}

.btn--sm.btn--round {
  border-radius: 1.3rem;
}

.btn--xsm {
  height: 2.5rem;
  padding: 0 0.8rem;
  font-size: 1.1rem;
  font-weight: bold;
  border-radius: 0.7rem;
}

.btn--xsm.btn--round {
  border-radius: 1.3rem;
}

.btn--md {
  height: 3rem;
  padding: 0 1.2rem;
  font-size: 1.1rem;
  font-weight: bold;
  border-radius: 0.7rem;
}

.btn--md.btn--round {
  border-radius: 1.5rem;
}

.btn--xmd {
  height: 4.4rem;
  padding: 0 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  border-radius: 0.7rem;
}

.btn--xmd.btn--round {
  border-radius: 2.2rem;
}

.btn--lg {
  height: 5rem;
  padding: 0 1.4rem;
  border-radius: 0.7rem;
  font-size: 1.4rem;
  font-weight: 500;
}

.btn--lg.btn--round {
  border-radius: 2.5rem;
}

.btn--xlg {
  height: 6.5rem;
  padding: 0 1.8rem;
  font-size: 1.8rem;
  border-radius: 0.7rem;
  font-weight: 500;
}

.btn--xlg.btn--round {
  border-radius: 3.5rem;
}

.btn--brn {
  border-radius: 0;
}

.btn--text {
  padding: 0;
  height: auto;
  min-width: auto;
  font-weight: normal;
  border-radius: 0;
  border: 0;
  color: #222;
}

.btn--text.btn--lg {
  font-weight: 500;
  font-size: 2.4rem;
}

.btn--text-under {
  text-decoration: underline;
}

.btn--primary {
  background-color: #ff5b2c;
  color: #fff;
}

.btn--primary:active {
  background-color: #ff5b2c;
}

.btn--primary:disabled {
  background-color: #ccc;
}

.btn--primary.btn--round {
  background-color: #fff;
  border-color: #ff5b2c;
  color: #ff5b2c;
}

.btn--dark {
  background-color: #222;
  color: #fff;
}

.btn--dark:active {
  background-color: #222;
}

.btn--dark:disabled {
  background-color: #ccc;
}

.btn--gray {
  background-color: #ccc;
  color: #fff;
}

.btn--gray:active {
  background-color: #ccc;
}

.btn--gray:disabled {
  background-color: #ccc;
}

.btn--graydarken {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.btn--light {
  background-color: #fff;
  color: #222;
  border-color: #ccc;
}

.btn--light:active {
  background-color: #fff;
}

.btn--light:disabled {
  background-color: #ccc;
}

.btn--lightdarken {
  background-color: #eee;
  color: #222;
}

.btn--light > span {
  color: #666;
}

.btn--yellow {
  background-color: #f6de38;
  color: #361f1e;
  border-color: #f6de38;
}

.btn--yellow:active {
  background-color: #f6de38;
}

.btn--yellow:disabled {
  background-color: #ccc;
}

.btn--bgn {
  background-color: transparent;
  border: 0.1rem solid #222;
}

.btn--bgn.btn--dark {
  color: #222;
}

.btn--with {
  padding: 0.1rem 1.2rem;
}

.btn--with .icon {
  position: relative;
  margin-right: 0.5rem;
}

.btn--with .icon.icon--hipass {
  top: 0.5rem;
  margin-right: 0;
}

.btn--with .icon.icon--map-white {
  top: 0.1rem;
  margin-right: 0;
}

.btn--with span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 0.1rem;
}

.btn--count {
  min-width: 2.8rem;
  height: 1.5rem;
  padding: 0.2rem 0.3rem;
  border-radius: 0.8rem;
  background-color: rgba(0, 0, 0, 0.56);
}

.btn--count .btn__info {
  display: inline-block;
  vertical-align: top;
  font-size: 0.9rem;
  color: #fff;
  line-height: 0.9;
}

.btn--play, .btn--stop {
  min-width: 4.5rem;
}

.btn--icon {
  position: relative;
  display: inline-block;
  border: 0;
  padding: 0;
  height: auto;
  border-radius: 0;
}

.btn--icon .icon--new,
.btn--icon .icon--new-white,
.btn--icon .icon--new-primary {
  position: absolute;
  right: 0;
  top: 0;
}

.btn--filter {
  position: relative;
}

.btn--filter.is-active > .icon--filter {
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/icon/icon-filter-active.svg") no-repeat;
  background-size: 100% 100%;
}

.btn--filter .num {
  display: inline-block;
  position: absolute;
  right: -0.2rem;
  top: -0.2rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  font-size: 0.9rem;
  text-align: left;
  padding: 0 0 0 0.2rem;
  background-color: #ff5b2c;
  color: #fff;
  letter-spacing: -0.1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.btn--filter .num:empty {
  display: none;
}

.btn--round2 {
  position: relative;
  height: 9rem;
  line-height: 9rem;
  padding: 0 8rem;
  border-radius: 0.8rem;
  background-color: #fff;
  font-size: 2rem;
}

.btn--round2::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 3rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.btn--round2.btn--c1::before {
  background: #ffcbba;
}

.btn--round2.btn--c2::before {
  background: #ffdf9f;
}

.btn--round2.btn--c3::before {
  background: #a9f7ea;
}

.btn--round2 .icon {
  position: absolute;
  top: 50%;
  right: 3rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.btn--menu {
  position: relative;
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  background: #fff;
  overflow: hidden;
  padding: 0 0 0 3.2rem;
  border-radius: 0;
  font-size: 1px;
  color: transparent;
  border: 0;
}

.btn--menu::before, .btn--menu::after,
.btn--menu span::before {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 100%;
  background: #222;
}

.btn--menu::before {
  top: 0.9rem;
}

.btn--menu::after {
  top: 2.1rem;
}

.btn--menu span::before {
  bottom: 1.5rem;
}

.btn--more {
  display: inline-block;
  color: #eee;
  font-size: 1.5rem;
  line-height: 2.8rem;
  height: auto;
  text-decoration: underline !important;
}

a.btn--text {
  font-size: 1rem;
  position: relative;
}

a.btn--text.is-noti:after {
  width: 0.4rem;
  height: 0.4rem;
  background-color: #ff5b2c;
  content: '';
  position: absolute;
  right: -1rem;
  border-radius: 50%;
  top: 0;
}

a.btn--text-under > em {
  text-decoration: underline;
}

a.btn--text > em {
  color: #666;
}

a.btn--text > em + .icon {
  position: relative;
  top: 0.1rem;
  margin-left: 0.6rem;
}

a.btn--text > em + .icon--map-gray,
a.btn--text > em + .icon--text-arrow,
a.btn--text > em + .icon--new,
a.btn--text > em + .icon--new-primary {
  margin-left: 0;
}

a.btn--text > em + .icon--text-arrow {
  top: 0;
  position: relative;
}

a.btn--text-sm em {
  font-size: 1.1rem;
  font-weight: normal;
}

a.btn--text-sm em + .icon {
  margin-right: 0;
  position: relative;
  top: 0.1rem;
}

a.btn--text-md > .icon {
  margin-right: 1rem;
  position: relative;
  top: -0.1rem;
}

a.btn--text-md em {
  font-size: 1.3rem;
  font-weight: 500;
}

a.btn--text-md em + .icon {
  margin-right: 0;
}

a.btn--text-lg > .icon {
  margin-right: 0.9rem;
  position: relative;
  top: -0.1rem;
}

a.btn--text-lg em {
  font-size: 1.5rem;
  font-weight: 500;
  color: #222;
}

a.btn--text-lg em + .icon {
  margin-right: 0;
}

/* --------------------------------------------------------------------------------
      PAGING:[class*="pagination"]
  ----------------------------------------------------------------------------------- */
.pagination {
  position: relative;
  margin: 6rem 0 0;
  text-align: center;
}

.pagination a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 2.2rem;
  height: 2.4rem;
  margin: 0 1.2rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #e7e7e7;
  text-align: center;
}

.pagination a[aria-current='page'] {
  font-weight: 700;
  color: #111;
}

.pagination a[aria-current='page']::before {
  content: '';
  position: absolute;
  bottom: -0.3rem;
  left: 0;
  width: 2.2rem;
  height: 0.3rem;
  background: #111;
}

.pagination--first, .pagination--prev, .pagination--next, .pagination--last {
  font-size: 0.1rem;
  overflow: hidden;
  padding: 0 0 0 2.4rem;
}

.pagination--first::before, .pagination--prev::before, .pagination--next::before, .pagination--last::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.pagination--first::before {
  background: url("../images/icon/icon-pagination2.png") no-repeat;
}

.pagination--prev::before {
  background: url("../images/icon/icon-pagination1.png") no-repeat;
}

.pagination--next::before {
  background: url("../images/icon/icon-pagination1.png") no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.pagination--last::before {
  background: url("../images/icon/icon-pagination2.png") no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.pagination--sm {
  margin: 1.4rem 0;
}

.pagination--sm a {
  font-size: 1.4rem;
  color: #555;
  width: 2rem;
  margin: 0 0.4rem;
}

.pagination--sm a[aria-current='page']::before {
  width: 1.8rem;
  left: 0.3rem;
}

.pagination--sm .pagination--prev::before {
  background: url("../images/icon/icon-pagination3.png") no-repeat;
}

.pagination--sm .pagination--next::before {
  background: url("../images/icon/icon-pagination3.png") no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* --------------------------------------------------------------------------------
      COUNT:[class*="count"]
  ----------------------------------------------------------------------------------- */
.count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.count__number {
  min-width: 3.4rem;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
}

.count__number.is-focus {
  color: #ff5b2c;
}

.btn-text-area {
  margin: 2.5rem 0 0;
  display: block;
  text-align: center;
  padding: 0;
}

.btn-text-area__item {
  display: inline-block;
}

.btn-text-area__item .btn {
  font-size: 1.3rem;
}

.btn-text-area__item + .btn-text-area__item::before {
  content: '';
  display: inline-block;
  background: #999;
  width: 1px;
  height: 1rem;
  margin: 0 1rem;
}

[data-autoset='accordion'] .expand:not(.expanded) {
  display: none;
}

[data-autoset='accordion'] .expanding {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition: height 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}

[data-autoset='accordion'] [data-toggle='con'].expanded {
  display: block;
}

.accordion__head {
  position: relative;
}

.accordion__btn {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.accordion.accordion--type1 .accordion__list:first-child .label-group {
  padding: 2rem;
}

.accordion.accordion--type1 .accordion__list:last-child .label-group {
  border-bottom: 0.1rem solid #ddd;
}

.accordion.accordion--type1 .accordion__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.9rem 6rem 2rem 2rem;
  border-bottom: 0.1rem solid #eee;
}

.accordion.accordion--type1 .accordion__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}

.accordion.accordion--type1 .accordion__title > .icon {
  position: relative;
}

.accordion.accordion--type1 .accordion__text {
  font-weight: bold;
  margin-left: 0.9rem;
  font-size: 1.5rem;
}

.accordion.accordion--type1 .accordion__btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.accordion.accordion--type1 .accordion__btn:after {
  content: '';
  position: absolute;
  right: 2rem;
  top: calc(50% - 0.8rem);
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon/icon-acc-arrow.svg) no-repeat;
  background-size: 100% auto;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.accordion.accordion--type1 .accordion__btn[aria-expanded='true']:after {
  content: '';
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  background: url(../images/icon/icon-acc-arrow.svg) no-repeat;
  background-size: 100% auto;
}

.accordion.accordion--type1 .accordion__content {
  background-color: #f8f8f8;
}

.accordion.accordion--type2 {
  width: 100%;
}

.accordion.accordion--type2 .accordion__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.accordion.accordion--type2 .accordion__title .accordion__price {
  display: block;
}

.accordion.accordion--type2 .accordion__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.accordion.accordion--type2 .accordion__info .icon--acc-arrow2 {
  margin-left: 0.4rem;
}

.accordion.accordion--type2 .accordion__btn {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.accordion.accordion--type2 .text-info__item {
  margin-top: 0.8rem;
}

.accordion.accordion--type2 .text-info__item > ul > li {
  display: block;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0;
  font-size: 0;
  height: 2rem;
}

.accordion.accordion--type2 .text-info__item > ul > li::after {
  display: block;
  clear: both;
  content: "";
}

.accordion.accordion--type2 .text-info__item > ul > li span:first-child {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.accordion.accordion--type2 .text-info__item > ul > li span:last-child {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  width: 50%;
  margin-top: 0;
  padding-left: 0;
}

.stamp-event ~ .accordion--type3 {
  margin: 4.2rem -2rem 0;
}

.accordion.accordion--type3 .accordion__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.9rem 2rem 1.7rem;
  border-top: 0.1rem solid #ddd;
  border-bottom: 0.1rem solid #ddd;
}

.accordion.accordion--type3 .accordion__text {
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: bold;
}

.accordion.accordion--type3 .accordion__content {
  background-color: #f8f8f8;
}

.accordion.accordion--type3 .accordion__btn:after {
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 2rem;
  background: url(../images/icon/icon-acc-arrow.svg) no-repeat;
  background-size: 100% auto;
}

.tabs--type1 > .tabs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #dddddd;
}

.tabs--type1 > .tabs__list > .tabs__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #fff;
}

.tabs--type1 > .tabs__list > .tabs__item > a {
  position: relative;
  display: block;
  padding: 0.4rem 1rem 1rem;
  font-size: 1.4rem;
  text-align: center;
  color: #999;
  line-height: 1;
  font-weight: 500;
}

.tabs--type1 > .tabs__list > .tabs__item > a[aria-selected='true'] {
  color: #222;
  font-weight: 700;
}

.tabs--type1 > .tabs__list > .tabs__item > a[aria-selected='true']::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 0.3rem;
  background: #ff5b2c;
}

.tabs--type2 .tabs__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.1rem solid #ddd;
  background-color: #fff;
}

.tabs--type2 .tabs__head > .tabs__list {
  background: none;
  border-bottom: 0;
}

.tabs--type2 .tabs__head > .tabs__list + .btn {
  margin: 0 2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.tabs--type2 .tabs__list {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0 1rem;
  border-bottom: 1px solid #dddddd;
  background-color: #fff;
}

.tabs--type2 .tabs__list::-webkit-scrollbar {
  display: none;
}

.tabs--type2 .tabs__list > .tabs__item {
  display: inline-block;
  margin: 0 1rem 0 0;
  vertical-align: top;
}

.tabs--type2 .tabs__list > .tabs__item > a {
  display: block;
  padding: 1.9rem 1rem 1.8rem;
  color: #999;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1;
}

.tabs--type2 .tabs__list > .tabs__item > a[aria-selected='true'] {
  color: #ff5b2c;
  font-weight: 700;
}

.tabs--region {
  position: relative;
  padding: 0 0 0 10.5rem;
}

.tabs--region .tabs__list {
  padding: 1rem 0;
  border-bottom: 0;
}

.tabs--region .tabs__list .tabs__item {
  margin: 1rem 0;
  text-align: center;
}

.tabs--region .tabs__list .tabs__item > a {
  display: inline-block;
  text-align: center;
  color: #222;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 3rem;
  width: 6.5rem;
}

.tabs--region .tabs__list .tabs__item > a[aria-selected='true'] {
  color: #fff;
  border-radius: 1.6rem;
  background: #222;
}

.tabs--region .tabs__list,
.tabs--region .tabs__panel {
  top: 8.9rem;
  bottom: 7.2rem;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
}

.tabs--region .tabs__list {
  left: 0;
  width: 10.5rem;
}

.tabs--region .tabs__panel {
  right: 0;
  width: calc(100% - 10.5rem);
  background: #f8f8f8;
}

.station .tabs--region .tabs__list,
.station .tabs--region .tabs__panel {
  top: 14rem;
}

.tabs[data-tab-sticky]:not([data-autoset='tab']) {
  position: sticky;
  position: -webkit-sticky;
  top: 6rem;
  z-index: 52;
}

.tabs[data-tab-sticky][data-autoset='tab'] > .tabs__list,
.tabs[data-tab-sticky][data-autoset='tab'] .tabs__head {
  position: sticky;
  position: -webkit-sticky;
  top: 6rem;
  z-index: 52;
}

[role='tabpanel'] {
  display: none;
  padding: 2rem;
}

[role='tabpanel'].is-active {
  display: block;
}

[role='tabpanel'] .tabs {
  margin: -2rem;
}

.step {
  width: 100%;
  margin: 2rem auto 3rem;
}

.step--basic {
  text-align: center;
  line-height: 1;
}

.step--basic .step__list {
  width: 4.6rem;
}

.step__list {
  position: relative;
  width: 100%;
  display: inline-block;
  font-size: 0;
}

.step__list::before {
  content: '';
  position: absolute;
  top: 0.3rem;
  left: 0;
  right: 0;
  height: 0.1rem;
  background: #111;
}

.step__item {
  display: inline-block;
  position: relative;
  width: 2.3rem;
  height: 0.7rem;
}

.step__item:last-child {
  width: 0;
}

.step__item em {
  position: absolute;
  top: 2rem;
  left: -3rem;
  width: 6rem;
  text-align: center;
}

.step__item::after {
  content: '';
  position: absolute;
  left: -3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  border: 1px solid #111;
  background: #fff;
}

.step__item[aria-current='step']::after {
  background: #ff5b2c;
}

.step__item[aria-current='step'] em {
  color: #ff5b2c;
  font-weight: bold;
}

.hasDatepicker {
  padding: 0 6rem 0 2rem;
  background: url("../images/icon/icon-calendar.svg") no-repeat 0 0;
  background-position: right 1.6rem top 50%;
  background-size: 2.4rem 2.4rem;
}

.ui-datepicker {
  position: absolute;
  right: 2rem !important;
  left: auto !important;
  top: 100%;
  width: 26.5rem;
  background-color: #fff;
  z-index: 10 !important;
  border: 0.1rem solid #222;
  display: none;
}

.ui-datepicker-prev, .ui-datepicker-next {
  display: none;
}

.ui-datepicker-year, .ui-datepicker-month {
  border: 0;
  border-bottom: 0.1rem solid;
  border-right: 0.1rem solid;
  width: 50%;
  height: 5.5rem;
  font-size: 1.8rem;
  padding: 0 3.6rem 0 1.8rem;
  font-weight: bold;
  background: url("../images/icon/icon-calendar-arrow.svg") no-repeat 0 0;
  background-size: 2.3rem 2.3rem;
  background-position: right 0.8rem top 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.ui-datepicker-year option, .ui-datepicker-month option {
  font-size: 1.6rem;
  padding: 0;
}

.ui-datepicker-month {
  border-right: 0;
}

.ui-datepicker-calendar {
  margin: 2rem 1.5rem 0.8rem;
  width: calc(100% - 30px);
}

.ui-datepicker-calendar thead th {
  height: 3.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: #e7e7e7;
}

.ui-datepicker-calendar tbody tr td {
  font-size: 1.2rem;
  text-align: center;
  height: 3.5rem;
}

.ui-state-active {
  border-radius: 50%;
  height: 3.5rem;
  width: 3.5rem;
  background-color: #111;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.heading {
  font-weight: 700;
  color: #111;
  line-height: 1;
}

.heading--1 {
  margin: 3rem 0 1rem;
  font-size: 1.6rem;
}

.heading--2 {
  font-size: 1.5rem;
}

.heading--3 {
  font-size: 1.4rem;
}

.heading--4 {
  margin: 3.5rem 0 1.2rem;
  font-size: 1.3rem;
}

.heading--5 {
  font-size: 1.2rem;
}

.heading strong {
  color: #ff5b2c;
}

.heading-wrap {
  position: relative;
}

.heading-wrap:not(.d-flex) .heading__side,
.heading-wrap:not(.d-flex) .side {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.heading-wrap.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.heading--reservation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 2rem 1.4rem;
  border-top: 0.1rem solid #ddd;
  border-bottom: 0.1rem solid #ddd;
}

.heading--reservation .heading__copy {
  font-size: 1.1rem;
  color: #ff5b2c;
  min-width: 3.7rem;
}

.heading--reservation .heading__text {
  font-size: 1.2rem;
  color: #666;
}

.heading--subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.heading--subtitle .heading__copy {
  font-size: 1.2rem;
}

.heading--subtitle .heading__text {
  font-weight: 500;
  font-size: 1rem;
  color: #5d2dfc;
}

.heading--subtitle .heading__text:only-child {
  font-size: 1.1rem;
  color: #999;
}

.heading--subtitle .heading__text:only-child > strong {
  color: #666;
}

.heading--subtitle + .form-count {
  margin-top: 1.5rem;
}

.heading--subtitle + fieldset {
  margin-top: 1rem;
}

.heading--subtitle + fieldset + .heading {
  margin-top: 2.5rem;
}

.label + .heading--1 {
  margin-top: 2rem;
}

.icon {
  display: inline-block;
  vertical-align: top;
}

.icon--kakao {
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/icon-kakao.svg) no-repeat;
  background-size: 100% auto;
}

.icon--kakao-sm {
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/icon/icon-kakao-sm.svg) no-repeat;
  background-size: 100% auto;
}

.icon--mail {
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/icon-mail.svg) no-repeat;
  background-size: 100% auto;
}

.icon--mail-sm {
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/icon/icon-mail-sm.svg) no-repeat;
  background-size: 100% auto;
}

.icon--apple {
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/icon-apple.svg) no-repeat;
  background-size: 100% auto;
}

.icon--apple-sm {
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/icon/icon-apple-sm.svg) no-repeat;
  background-size: 100% auto;
}

.icon--google {
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/icon-google.svg) no-repeat;
  background-size: 100% auto;
}

.icon--message {
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/icon-message.svg) no-repeat;
  background-size: 100% auto;
}

.icon--noti {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-noti.svg) no-repeat;
  background-size: 100% auto;
}

.icon--noti + .icon--new:before {
  background-color: #fff;
}

.icon--noti-black {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-noti-black.svg) no-repeat;
  background-size: 100% auto;
  position: relative;
  top: 0.1rem;
}

.icon--noti-black + .icon--new:before {
  background-color: #fff;
}

.icon--noti-primary {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-noti-primary.svg) no-repeat;
  background-size: 100% auto;
}

.icon--noti-primary + .icon--new:before {
  background-color: #ff5b2c;
}

.icon--play {
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/icon/icon-play.png) no-repeat;
  background-size: 100% auto;
}

.icon--stop {
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/icon/icon-stop.png) no-repeat;
  background-size: 100% auto;
}

.icon--more {
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/icon/icon-more.png) no-repeat;
  background-size: 100% auto;
}

.icon--info-gray {
  width: 0.7rem;
  height: 0.7rem;
  background: url(../images/icon/icon-info-gray.png) no-repeat;
  background-size: 100% auto;
}

.icon--info-light {
  width: 0.7rem;
  height: 0.7rem;
  background: url(../images/icon/icon-info-light.png) no-repeat;
  background-size: 100% auto;
}

.icon--info-light-md {
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/icon/icon-info-light-md.png) no-repeat;
  background-size: 100% auto;
}

.icon--map-gray {
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/icon/icon-map-gray.png) no-repeat;
  background-size: 100% auto;
}

.icon--map-white {
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/icon/icon-map-white.svg) no-repeat;
  background-size: 100% auto;
}

.icon--map-black {
  width: 2.2rem;
  height: 2.2rem;
  background: url(../images/icon/icon-map-black.svg) no-repeat;
  background-size: 100% auto;
}

.icon--location {
  width: 2.2rem;
  height: 2.2rem;
  background: url(../images/icon/icon-location.svg) no-repeat;
  background-size: 100% auto;
}

.icon--shop {
  width: 2.1rem;
  height: 2.1rem;
  background: url(../images/icon/icon-shop.svg) no-repeat;
  background-size: 100% auto;
}

.icon--pin {
  width: 2.1rem;
  height: 2.1rem;
  background: url(../images/icon/icon-pin.svg) no-repeat;
  background-size: 100% auto;
}

.icon--subway {
  width: 2.1rem;
  height: 2.1rem;
  background: url(../images/icon/icon-subway.svg) no-repeat;
  background-size: 100% auto;
}

.icon--remove {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-remove.png) no-repeat;
  background-size: 100% auto;
}

.icon--remove-gray {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-remove-gray.svg) no-repeat;
  background-size: 100% auto;
}

.icon--basic-map {
  width: 3.6rem;
  height: 3.6rem;
  background: url(../images/icon/icon-basic-map.png) no-repeat;
  background-size: 100% auto;
}

.icon--hipass {
  width: 4.5rem;
  height: 1.1rem;
  background: url(../images/icon/icon-hipass-sm.svg) no-repeat;
  background-size: 100% auto;
}

.icon--basic-like {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-basic-like.svg) no-repeat;
  background-size: 100% auto;
}

.icon--basic-share {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-basic-share.png) no-repeat;
  background-size: 100% auto;
}

.icon--text-arrow {
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/icon/icon-text-arrow.png) no-repeat;
  background-size: 100% auto;
}

.icon--arrow {
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon/icon-arrow.svg) no-repeat;
  background-size: 100% auto;
}

.icon--point-white {
  width: 1.7rem;
  height: 1.7rem;
  background: url(../images/icon/icon-point-white.png) no-repeat;
  background-size: 100% auto;
}

.icon--point-primary {
  width: 1.7rem;
  height: 1.8rem;
  background: url(../images/icon/icon-point-primary.png) no-repeat;
  background-size: 100% auto;
}

.icon--point-primary-sm {
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon/icon-point-primary.png) no-repeat;
  background-size: 100% auto;
}

.icon--point-primary-ssm {
  width: 1.3rem;
  height: 1.4rem;
  background: url(../images/icon/icon-point-primary.png) no-repeat;
  background-size: 100% auto;
}

.icon--point-primary-md {
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/icon-point-primary.png) no-repeat;
  background-size: 100% auto;
}

.icon--coupon-primary-sm {
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon/icon-coupon.png) no-repeat;
  background-size: 100% auto;
}

.icon--download {
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon/icon-download.svg) no-repeat;
  background-size: 100% auto;
}

.icon--download-gray {
  width: 2.3rem;
  height: 2.3rem;
  background: url(../images/icon/icon-download-gray.svg) no-repeat;
  background-size: 100% auto;
}

.icon--success {
  width: 2.3rem;
  height: 2.3rem;
  background: url(../images/icon/icon-success.svg) no-repeat;
  background-size: 100% auto;
}

.icon--search {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-search.svg) no-repeat;
  background-size: 100% auto;
}

.icon--search-primary {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-input-search-primary.svg) no-repeat;
  background-size: 100% auto;
}

.icon--search-white {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-input-search-white.svg) no-repeat;
  background-size: 100% auto;
}

.icon--input-search {
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/icon/icon-input-search.svg) no-repeat;
  background-size: 100% auto;
}

.icon--filter {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-filter.svg) no-repeat;
  background-size: 100% auto;
}

.icon--setting-black {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-setting-black.svg) no-repeat;
  background-size: 100% auto;
}

.icon--delete-black {
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/icon/icon-delete-black.svg) no-repeat;
  background-size: 100% auto;
}

.icon--delete-gray {
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/icon/icon-delete-gray.svg) no-repeat;
  background-size: 100% auto;
}

.icon--mypage-hipass {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-mypage-hipass.svg) no-repeat;
  background-size: 100% auto;
}

.icon--mypage-review {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-mypage-review.svg) no-repeat;
  background-size: 100% auto;
}

.icon--mypage-shop {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-mypage-shop.svg) no-repeat;
  background-size: 100% auto;
}

.icon--mypage-stamp {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-mypage-stamp.svg) no-repeat;
  background-size: 100% auto;
}

.icon--mypage-event {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-mypage-event.svg) no-repeat;
  background-size: 100% auto;
}

.icon--mypage-friend {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-mypage-friend.svg) no-repeat;
  background-size: 100% auto;
}

.icon--back {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-back.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon--share {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-share.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon--home {
  width: 1.8rem;
  height: 1.9rem;
  background: url(../images/icon/icon-home.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon--new {
  position: relative;
  overflow: hidden;
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  padding: 0 0 0 0.4rem;
  margin: 0 0 0 0.2rem;
  font-size: 0.1rem !important;
  color: transparent;
}

.icon--new::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #ff5b2c;
}

.icon--plus {
  width: 3.4rem;
  height: 3.4rem;
  background: url(../images/icon/icon-plus.png) no-repeat;
  background-size: 100% auto;
}

.icon--minus {
  width: 3.4rem;
  height: 3.4rem;
  background: url(../images/icon/icon-minus.png) no-repeat;
  background-size: 100% auto;
}

.icon--course {
  width: 2.1rem;
  height: 2.1rem;
  background: url(../images/icon/icon-course.png) no-repeat;
  background-size: 100% auto;
}

.icon--reservation {
  width: 2.1rem;
  height: 2.1rem;
  background: url(../images/icon/icon-reservation.png) no-repeat;
  background-size: 100% auto;
}

.icon--time {
  width: 2.1rem;
  height: 2.1rem;
  background: url(../images/icon/icon-time.png) no-repeat;
  background-size: 100% auto;
}

.icon--sch {
  width: 2.1rem;
  height: 2.1rem;
  background: url(../images/icon/icon-sch.png) no-repeat;
  background-size: 100% auto;
}

.icon--acc-arrow2 {
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/icon/icon-acc-arrow2.png) no-repeat;
  background-size: 100% auto;
}

.icon--near {
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/icon/icon-near.svg) no-repeat;
  background-size: 100% auto;
}

.icon--star {
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/icon/icon-star.svg) no-repeat;
  background-size: 100% auto;
}

.icon--like {
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/icon/icon-like.svg) no-repeat;
  background-size: 100% auto;
}

.icon--distance {
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/icon/icon-distance.svg) no-repeat;
  background-size: 100% auto;
}

.icon--list {
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/icon/icon-list.svg) no-repeat;
  background-size: 100% auto;
}

.icon--edit {
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/icon-edit.svg) no-repeat;
  background-size: 100% auto;
}

.icon--coupon-arrow {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-basic-arrow.svg) no-repeat;
  background-size: 100% auto;
}

.icon--coupon-arrow-disabled {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-basic-arrow-disabled.svg) no-repeat;
  background-size: 100% auto;
}

.icon--stamp {
  width: 1.9rem;
  height: 1.9rem;
  background: url(../images/icon/icon-stamp.png) no-repeat;
  background-size: 100% auto;
}

.icon-user {
  width: 2.4rem;
  height: 2.4rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(../images/content/random-profile-01.png);
}

.icon-user--user1 {
  background-image: url("../images/content/random-profile-01.png");
}

.icon-user--user2 {
  background-image: url("../images/content/random-profile-02.png");
}

.icon-user--user3 {
  background-image: url("../images/content/random-profile-03.png");
}

.icon-user--user4 {
  background-image: url("../images/content/random-profile-04.png");
}

.icon-user--user5 {
  background-image: url("../images/content/random-profile-05.png");
}

.icon-user--user6 {
  background-image: url("../images/content/random-profile-06.png");
}

.icon-user--user7 {
  background-image: url("../images/content/random-profile-07.png");
}

.icon-user--user8 {
  background-image: url("../images/content/random-profile-08.png");
}

.icon-user--user9 {
  background-image: url("../images/content/random-profile-09.png");
}

.icon-user--user10 {
  background-image: url("../images/content/random-profile-10.png");
}

.icon-user--user11 {
  background-image: url("../images/content/random-profile-11.png");
}

.icon-user--user12 {
  background-image: url("../images/content/random-profile-12.png");
}

.icon-user--user13 {
  background-image: url("../images/content/random-profile-13.png");
}

.icon-user--user14 {
  background-image: url("../images/content/random-profile-14.png");
}

.icon-user--user15 {
  background-image: url("../images/content/random-profile-15.png");
}

.icon-user--user16 {
  background-image: url("../images/content/random-profile-16.png");
}

.icon-user--user17 {
  background-image: url("../images/content/random-profile-17.png");
}

.icon-user--user18 {
  background-image: url("../images/content/random-profile-18.png");
}

.icon-user--user19 {
  background-image: url("../images/content/random-profile-19.png");
}

.icon-user--user20 {
  background-image: url("../images/content/random-profile-20.png");
}

.icon-user--user21 {
  background-image: url("../images/content/random-profile-21.png");
}

.icon-user--user22 {
  background-image: url("../images/content/random-profile-22.png");
}

.icon-user--user23 {
  background-image: url("../images/content/random-profile-23.png");
}

.icon-user--user24 {
  background-image: url("../images/content/random-profile-24.png");
}

.text {
  color: #222;
  font-size: 1.2rem;
}

.text--ssm {
  font-size: 1rem !important;
}

.text--sm {
  font-size: 1.1rem !important;
}

.text--xsm {
  font-size: 1.2rem !important;
}

.text--md {
  font-size: 1.3rem !important;
}

.text--xmd {
  font-size: 1.4rem !important;
}

.text--lg {
  font-size: 1.5rem !important;
}

.text--xlg {
  font-size: 1.6rem !important;
}

.text--lit {
  color: #ccc !important;
  text-decoration: line-through;
}

.text--unit.text--sm > em {
  font-size: 0.9rem;
}

.text--unit.text--xsm > em {
  font-size: 0.9rem;
}

.text--unit.text--md > em {
  font-size: 0.9rem;
}

.text--unit.text--lg > em {
  font-size: 0.9rem;
}

.text--unit + .text--unit {
  margin-left: 0.6rem;
}

.text--path {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1.4rem;
}

.text--path:before {
  margin-right: 0.4rem;
  content: '';
  position: relative;
  display: inline-block;
  top: 0.2rem;
  vertical-align: top;
  width: 0.4rem;
  height: 0.5rem;
  background: url(../images/icon/icon-path.png) no-repeat;
  background-size: 100% auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.text--path + .text--unit {
  padding-left: 1rem;
  margin-top: 0.4rem;
}

.text-info {
  border: 0.1rem solid #ddd;
}

.text-info + .text-info {
  margin-top: 2rem;
}

.text-info .icon--text-arrow {
  position: relative;
  top: 0.1rem;
}

.text-info .text-info__title {
  height: 4.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0 1.5rem;
  background-color: #f8f8f8;
}

.text-info .text-info__depth + .text-info__depth {
  margin-top: 0;
}

.text-info .text-info__description {
  padding: 2rem 1.7rem 2rem 1.5rem;
}

.text-info .text-info__description ul li {
  margin-top: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.text-info .text-info__description ul li:first-child {
  margin-top: 0;
}

.text-info .text-info__description ul li.text-info__link {
  margin-top: 2rem;
  height: 5.4rem;
  border-top: 0.1rem solid #eee;
}

.text-info .text-info__description ul li.text-info__link > a {
  width: 100%;
  height: 100%;
  display: block;
  padding-top: 2rem;
}

.text-info .text-info__description ul li.text-info__link > a + .text {
  height: 100%;
  padding-top: 2rem;
}

.text-info .text-info__description ul li.text-info__link:last-child {
  margin-bottom: -2rem;
}

.text-info .text-info__description ul li.text-info__link + .text-info__link {
  margin-top: 0;
}

.text-info .text-info__foot ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.text-info--type2 .text-info__description ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 0.6rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.text-info--type2 .text-info__description ul li:first-child {
  margin-top: 0;
}

.text-info--type2 .text-info__description ul li .text {
  display: block;
}

.text-info--type2 .text-info__description ul li .text:first-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 5rem;
}

.text-info--type2 .text-info__description ul li .text:nth-child(2) {
  margin-left: 1.7rem;
}

.text-info--type3 .text-info__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.text-info--type3 .text-info__title .text--unit {
  font-size: 2.1rem;
}

.text-info--type3 .text-info__title .text--unit > em {
  font-size: 1.2rem;
}

.text-info--type4 .text-info__title {
  height: auto;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 400;
}

.text-info--type4 .text-info__title .badges {
  top: 0.4rem;
  position: relative;
  margin-right: 1rem;
  height: 1.7rem;
}

.text-info--type4 .text-info__btn {
  margin-top: 2rem;
}

.text-info--type4 .text-info__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.text-info--type4 .text-info__right .btn {
  top: -0.2rem;
  position: relative;
}

.text-info--type4 .text-info__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.text-info--type4 .text-info__img + .text-info__item {
  margin-left: 1.5rem;
}

.text-info--type4 .text-info__item {
  width: 100%;
}

.text-info--type4 .text-info__item ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.text-info--type4 .text-info__item ul li .text {
  word-break: break-word;
}

.text-info--type4 .text-info__item ul li .text:first-child {
  min-width: 5rem;
}

.text-info--dark {
  border: 0.1rem solid #222;
}

.text-info--dark .text-info__title {
  background-color: #222;
}

.text-info--dark .text-info__title .text {
  color: #fff;
}

.text-list .text-list__item {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #666;
}

.text-list--bullet1 .text-list__item {
  position: relative;
  padding: 0 0 0 1rem;
}

.text-list--bullet1 .text-list__item::before {
  content: '';
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background: #666;
}

.text-list--bullet1 .text-list__item + .text-list__item {
  margin: 0.2rem 0 0;
}

.text-list--sm .text-list__item {
  font-size: 1.1rem;
}

.text-list--horizontal::after {
  display: block;
  clear: both;
  content: "";
}

.text-list--horizontal .text-list__item {
  float: left;
  width: 50%;
}

.text-validation {
  display: block;
  margin: 0.6rem 0 0 0;
  color: #ff5b2c;
  font-size: 1rem;
}

dl.text-list .text-list__title {
  margin: 0 0 0.6rem 0;
  font-weight: 700;
  font-size: 1.2rem;
  color: #222;
}

dl.text-list--md .text-list__title {
  margin: 0 0 0.8rem 0;
  font-size: 1.5rem;
}

.mes-result {
  margin: 2.5rem 0 0.8rem 0;
  padding: 0 2rem;
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #222;
}

.mes-result strong {
  font-weight: 700;
  color: #ff5b2c;
}

.mes-result--date p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222;
  font-weight: bold;
}

.mes-result--date p:before {
  content: '';
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #222;
  margin-right: 0.6rem;
}

.mes-result--nodata {
  position: relative;
  margin: 14rem 0;
  padding-top: 3.6rem;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500;
  color: rgba(34, 34, 34, 0.66);
}

.mes-result--nodata::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/icon/icon-nodata.svg") no-repeat 0 0;
  background-size: 100% auto;
}

.mes-result--confirm {
  position: relative;
  margin: 3.5rem 0 4.5rem;
  padding-top: 3.6rem;
  text-align: center;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #666;
}

.mes-result--confirm::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/icon/icon-confirm.svg") no-repeat 0 0;
  background-size: 100% auto;
}

.mes-result--confirm p + p {
  margin: 0.5rem 0 0 0;
  font-weight: normal;
  color: #999;
}

.mes-result--complete {
  position: relative;
  margin: 2.8rem 0 2.5rem;
  padding-top: 4.8rem;
  text-align: center;
}

.mes-result--complete::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 3.6rem;
  height: 3.6rem;
  background: url("../images/icon/icon-check.svg") no-repeat 0 0;
  background-size: 100% auto;
}

.mes-result--complete p {
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #666;
}

.mes-result--complete p:first-child {
  font-weight: 700;
  font-size: 1.6rem;
  color: #ff5b2c;
}

.mes-result--complete p + p {
  margin: 0.5rem 0 0 0;
}

.mes-result--lg.mes-result--complete {
  margin: 11.3rem 0;
  padding: 5.4rem 0 0 0;
}

.mes-result--lg.mes-result--complete p:first-child {
  font-size: 2rem;
  line-height: 2.5rem margin;
}

.mes-result--lg.mes-result--complete p + p {
  margin: 1rem 0 0 0;
}

.mes-text {
  margin: 7.2rem 0 6rem;
  line-height: 2rem;
  font-size: 1.4rem;
  text-align: center;
  color: #222;
}

.tabs__panel .mes-result--confirm:first-child {
  margin-top: 1.5rem;
}

.badges {
  display: inline-block;
  border-radius: 0.4rem;
  color: #fff;
  vertical-align: top;
  font-weight: 500;
}

.badges--sm {
  font-size: 0.9rem;
  line-height: 0.9rem;
  padding: 0.3rem 0.5rem 0.2rem;
}

.badges--lg {
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.4rem 0.7rem 0.3rem;
}

.badges--xlg {
  font-size: 1.1rem;
  line-height: 1.1rem;
  font-weight: 700;
  padding: 0.6rem 0.7rem 0.5rem;
}

.badges.badges--c1 {
  background: #ff5b2c;
}

.badges.badges--c2 {
  background: #e53aa9;
}

.badges.badges--c3 {
  background: #00ddb8;
}

.badges.badges--c4 {
  background: #89dd00;
}

.badges.badges--c5 {
  color: #5d2dfc;
  border: 0.1rem solid #5d2dfc;
}

.badges.badges--c5.badges--sm {
  padding-top: 0.2rem;
  padding-bottom: 0.1rem;
}

.badges.badges--c5.badges--lg {
  padding-top: 0.3rem;
  padding-bottom: 0.2rem;
}

.badges.badges--c5.badges--xlg {
  padding-top: 0.5rem;
  padding-bottom: 0.4rem;
}

.badges.badges--c6 {
  color: #ff5b2c;
  border: 1px solid #ff5b2c;
  background-color: #fff;
}

.badges.badges--c6.badges--sm {
  padding-top: 0.2rem;
  padding-bottom: 0.1rem;
}

.badges.badges--c6.badges--lg {
  padding-top: 0.3rem;
  padding-bottom: 0.2rem;
}

.badges.badges--c6.badges--xlg {
  padding-top: 0.5rem;
  padding-bottom: 0.4rem;
}

.badges.badges--c7 {
  background: #ff5b2c;
}

.badges.badges--c8 {
  background: #29c9d2;
}

.badges.badges--c9 {
  background: #222222;
}

.badges.badges--c10 {
  background: #999999;
}
.badges.badges--c11 {
  background: #5d2dfc;
}

.badges.badges--hipass span {
  display: inline-block;
  min-width: 5.3rem;
  font-size: 1px;
  color: transparent;
  background-image: url("../images/icon/icon-hipass-sm.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 1.1rem;
  vertical-align: top;
  height: 100%;
}

.badges.badges--hipass.badges--xlg span {
  background-size: auto 1.2rem;
}

.badges-type2 {
  display: inline-block;
  position: relative;
  height: 2rem;
  padding: 0.5rem 0.8rem 0;
  border-radius: 0.4rem 0.4rem 0.4rem 0;
  line-height: 1;
  font-size: 1.1rem;
}

.badges-type2::before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0px;
  height: 0px;
  border-top: 0.6rem solid #ff5b2c;
  border-right: 0.6rem solid transparent;
}

.badges-type2.c1 {
  background: #ff5b2c;
  color: #fff;
  z-index:1;
}

.list-group__anchor {
  position: relative;
  display: block;
  font-size: 1.3rem;
  font-weight: 500;
  color: #222;
  padding: 1.2rem 0;
  line-height: 1;
}

.list-group__anchor em {
  color: #ff5b2c;
}

.list-group__anchor .list-group__info {
  color: #ff5b2c;
  font-weight: 700;
  display: inline-block;
  padding: 0 0 0 2rem;
}

.list-group__anchor .list-group__info::before {
  content: '';
  position: absolute;
  top: 1rem;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon/icon-alliance.svg") no-repeat 0 0;
  background-size: 100% auto;
}

.list-group__anchor--arrow .list-group__sub1 {
  margin-top: 0.8rem;
}

.list-group__anchor--arrow::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 2.4rem;
  height: 2.4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../images/icon/icon-text-arrow.png") no-repeat 0 0;
  background-size: 100% auto;
}

.list-group__item {
  position: relative;
  border-bottom: 1px solid #eee;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-group__item .list-group__anchor {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.list-group__title {
  display: block;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.6rem;
}

.list-group__sub1 {
  display: block;
  margin: 0.5rem 0 0 0;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666;
}

.list-group__sub2 {
  display: block;
  margin: 1rem 0 0 0;
  font-size: 1rem;
  color: #999;
}

.list-group__text {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.4rem;
}

.list-group--border-less .list-group__item {
  margin: 2.4rem 0;
  border: 0;
}

.list-group--border-less .list-group__item:first-child {
  margin-top: 0;
}

.list-group--border-less .list-group__anchor {
  padding: 0.4rem 3rem 0.4rem 0;
  line-height: 1.6rem;
}

.list-group--border-less .list-group__anchor::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 2.4rem;
  height: 2.4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../images/icon/icon-text-arrow.png") no-repeat 0 0;
  background-size: 100% auto;
}

.list-group--box {
  border-top: 0.1rem solid #ddd;
}

.list-group--box .list-group__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.6rem 2rem;
  min-height: 6rem;
}

.list-group--box .list-group__item > .list-group__anchor {
  margin: -1.6rem -2rem;
  padding: 1.6rem 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.list-group--box .list-group__item > .list-group__anchor--arrow {
  padding-right: 6rem;
}

.list-group--box .list-group__item .icon + .list-group__text {
  margin: 0 0 0 0.8rem;
}

.list-group--box .list-group__anchor {
  padding: 0;
}

.list-group--box .list-group__side {
  position: relative;
  margin-left: 2rem;
}

.list-group--box .btn {
  position: relative;
}

.list-group--menu + .list-group--menu {
  margin-top: 4rem;
}

.list-group--menu .list-group__title {
  font-size: 1.2rem;
  line-height: 2.5rem;
  font-weight: bold;
  color: #ccc;
  padding-bottom: 0.8rem;
  border-bottom: 0.1rem solid #ddd;
}

.list-group--menu .list-group__title + .list-group {
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid #ddd;
}

.list-group--menu .list-group__title + .list-group .list-group__item {
  padding: 0;
  border-bottom: 0;
}

.list-group--menu .list-group__title + .list-group .list-group__anchor {
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.4rem 0 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list-group--menu .list-group__title + .list-group .list-group__side {
  position: relative;
  top: 0;
  right: 0;
  -webkit-transform: none;
          transform: none;
}

.list-group--menu .list-group__title + .list-group .list-group__side > .btn--xsm + span {
  font-size: 1.1rem;
  min-width: 8.5rem;
  text-align: right;
  display: inline-block;
}

.list-group--menu .list-group__anchor {
  padding: 1.8rem 0;
}

.list-group--menu .icon + .list-group__text {
  margin-left: 0.9rem;
}

.list-group--menu .list-group__side {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

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

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

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

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

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

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

.swiper-button-prev,
.swiper-button-next {
  display: inline-block;
  width: 4rem;
  height: 4rem;
}

.swiper-button-prev::before,
.swiper-button-next::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/icon/icon_swiper_btn.png");
}

.swiper-button-prev.swiper-button-disabled::before,
.swiper-button-next.swiper-button-disabled::before {
  background: url("../images/icon/icon_swiper_btn_disabled.png");
}

.swiper-button-prev {
  right: 5rem;
}

.swiper-button-prev::before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.swiper-button-prev.swiper-button-disabled::before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.swiper-button-next {
  right: 0;
}

.swiper-button-next.swiper-button-disabled::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  background: #e6e0de;
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 5;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 124px);
}

.swiper-scrollbar-drag {
  height: 100%;
  width: calc(100% - 113px);
  position: relative;
  background: #222;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
  cursor: pointer;
}

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

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

.swiper-pagination-bullets {
  position: relative;
  display: block;
  width: 100%;
  margin: 1.6rem 0 0;
  text-align: center;
  font-size: 0;
}

.swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  background: #111;
  border-radius: 100%;
  display: inline-block;
  margin: 0 0.3rem;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ff5b2c;
}

.swiper-notification {
  overflow: hidden;
  position: absolute;
  left: -0.1rem;
  top: -0.1rem;
  width: 0.1rem;
  height: 0.1rem;
  opacity: 0;
}

.search-result {
  position: relative;
  margin: 2.7rem 0 0 0;
}

.search-result--nodata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(var(--vh, 1vh) * 100 - 10.4rem);
}

.search-result--nodata .mes-result {
  margin: 0;
}

.search-word {
  position: relative;
}

.search-word + .search-word {
  margin-top: 6.2rem;
}

.search-word__title {
  display: block;
  margin: 0 0 2rem;
  color: #999;
  font-size: 1rem;
  font-weight: 700;
}

.search-word__item {
  position: relative;
  margin: 1.6rem 0 0 0;
  padding: 0 3rem 0 0;
  font-size: 1.3rem;
  line-height: 2.1rem;
  color: #222;
}

.search-word__item .btn--icon[aria-label='삭제'] {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.search-word__item .btn--text > em {
  color: #222;
}

.search-word__anchor {
  display: inline-block;
  position: relative;
  font-weight: 500;
}

.search-word__anchor .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
}

.search-word__side {
  position: absolute;
  top: 0;
  right: 0;
}

.search-word__side .btn--text {
  line-height: 1;
  font-size: 1.1rem;
  vertical-align: top;
}

.search-word__list--recommend .search-word__item {
  margin-top: 2rem;
  padding-right: 0;
}

.store-list__btn {
  position: absolute;
  right: 1rem;
  top: 1.2rem;
  z-index: 1;
}

.store-list__item {
  position: relative;
}

.store-list__item .badges-type2 {
  display: inline-block;
  font-weight: 700;
}

.store-list__item .badges-type2 + .store-list__img {
  margin-top: -1rem;
}

.store-list__item .store-ad {
  top: 1.4rem;
  right: 1rem;
}

.store-list__item .store-ad .btn {
  color: #ddd;
  background-color: rgba(0, 0, 0, 0.5);
  border: 0;
  line-height: 1.1rem;
}

.store-list__item .store-ad .con {
  top: 2rem;
  border: 1px solid #ccc;
  color: #666;
}

.store-list__anchor {
  display: block;
  height: 100%;
  position: relative;
  background: #fff;
}

.store-list__img {
  overflow: hidden;
}

.store-list__img img {
  width: 100%;
}

.store-list__con {
  padding: 1.7rem 2rem 4.7rem;
  overflow: hidden;
}

.store-list__label {
  margin: -0.2rem;
  font-size: 0;
  line-height: 1;
}

.store-list__label:empty + .store-list__title {
  margin-top: 0;
}

.store-list__label .badges {
  margin: 0.2rem;
}

.store-list__title {
  display: block;
  margin: 0.8rem 0;
  font-size: 1.6rem;
  line-height: 2rem;
}

.store-list__info {
  margin: 1.6rem 0 0;
}

.store-list__text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0.8rem 2rem;
  font-size: 1rem;
  line-height: 1.4rem;
  color: #666;
  color: #000;
  background: #f8f8f8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.store-list__num {
    z-index:5;
  position: absolute;
  top: 0;
  left: 2rem;
  width: 2.5rem;
  height: 3rem;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  line-height: 3rem;
  font-weight: 700;
  background: url("../images/content/bg-badge.png") no-repeat 0 0;
  background-size: 2.5rem 3rem;
}

.store-list--card {
  margin: 2rem 0 0;
}

.store-list--card .store-list__item + .store-list__item {
  margin: 2rem 0 0 0;
}

.store-list--card .store-list__anchor {
  min-height: 21.8rem;
}

.store-list--card .store-list__img {
  min-height: 16rem;
  background: #ddd;
  position:relative;
}

.store-list--card .store-list__img img {
  width: 100%;
}

.store-list--card .store-list__img:empty {
  border: 1px solid #dddddd;
}

.store-list--card .store-list__con {
  position: relative;
  border: 1px solid #dddddd;
  border-top: 0;
}

.store-list--vertical {
  border-top: 1px solid #eee;
  margin: 0 -2rem;
}

.store-list--vertical .store-list__item {
  border: 0;
  border-bottom: 1px solid #eee;
}

.store-list--vertical .store-list__anchor {
  min-height: 19rem;
  padding: 2rem 2rem 5rem 14.5rem;
}

.store-list--vertical .store-list__con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  min-height: 12rem;
}

.store-list--vertical .store-list__img {
  position: absolute;
  top: 2rem;
  left: 2rem;
  width: 11rem;
  height: 12rem;
}

.store-list--vertical .store-list__title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin: 0.6rem 0;
}

.store-list--vertical .store-list__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.store-list--vertical .info-price {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
}

.store-list--vertical .info-price__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.store-list--vertical .info-price__title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
}

.store-list--vertical .info-price__con {
  margin: 0;
  padding: 0 0 0 0.4rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  text-align: right;
}

.store-list--vertical .info-price__text1 {
  font-size: 0.9rem;
}

.store-list--vertical .info-price__text2 {
  margin-top: 0.2rem;
  font-size: 1.4rem;
  height: 1.4rem;
  overflow: hidden;
}

.store-list--vertical .info-price__text2 em {
  margin-right: 0.2rem;
  font-size: 0.9rem;
  font-weight: 700;
}

.store-list.swiper-container-initialized.store-list--card {
  overflow: hidden;
  margin-top: 0;
  padding: 1rem 0 0;
}

.store-list.swiper-container-initialized.store-list--card .store-list__inner {
  margin: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.store-list.swiper-container-initialized.store-list--card .store-list__item {
  margin: 0;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
}

.store-list.swiper-container-initialized.store-list--card .store-list__anchor {
  position: static;
}

.store-list.swiper-container-initialized.store-list--card .store-list__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.store-list.swiper-container-initialized.store-list--card .store-list__con {
  height: 22rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 4.5rem;
}

.store-list.swiper-container-initialized.store-list--card .store-list__img {
  margin-top: 0 !important;
}

.store-list.swiper-container-initialized.store-list--card .badges-type2 {
  position: absolute;
  top: -1rem;
  left: -1px;
  z-index: 1;
}

.store-list.swiper-container-initialized.store-list--card .info-price__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.store-list.swiper-container-initialized.store-list--card .info-price__text2 {
  height: 1.5rem;
  overflow: hidden;
}

.store-list__badges {
  margin: 0.6rem 0 0 0;
}

.store-ad {
  position: absolute;
  z-index: 10;
  line-height: 1;
}

.store-ad .btn {
  height: auto;
  border-radius: 0.5rem;
  border: 1px solid #cccccc;
  padding: 0.2rem 1.6rem 0 0.4rem;
  font-size: 0.9rem;
  color: #666;
  font-weight: 500;
  line-height: 0.9rem;
  background: url("../images/icon/icon-info-xsm2.svg") no-repeat 90% 50%;
  background-size: 0.9rem auto;
}

.store-ad .con {
  position: absolute;
  top: 2rem;
  right: 0;
  width: 11rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  padding: 0.4rem 0.6rem;
  font-size: 0.9rem;
  font-weight: normal;
  background: #fff;
  line-height: 1.2rem;
  white-space: normal;
  color: #666;
}

.store-util {
  line-height: 0.9rem;
}

.store-util__item {
  display: inline-block;
  vertical-align: top;
}

.store-util__item + .store-util__item {
  margin: 0 0 0 0.7rem;
}

.store-util .store-util__text {
  font-size: 0.9rem;
  color: #555;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 0.2rem;
}

.info-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.info-price__item {
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 0.5rem);
          flex: 0 0 calc(50% - 0.5rem);
}

.info-price__item:only-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.info-price__title {
  display: block;
  font-weight: 500;
  line-height: 1.2rem;
  font-size: 1rem;
}

.info-price__con {
  margin: 0.5rem 0 0 0;
  line-height: 1.2rem;
}

.info-price__text1 {
  display: block;
  font-size: 1rem;
  color: #bbb;
  text-decoration: line-through;
  line-height: 1;
}

.info-price__text1 .info-price__unit {
  font-size: 0.9rem;
}

.info-price__text2 {
  display: block;
  margin: 0.5rem 0 0;
  font-weight: 700;
  font-size: 1.5rem;
  color: #222;
  line-height: 1;
  word-break: break-all;
}

.info-price__text2 em,
.info-price__text2 span,
.info-price__text2 strong {
  display: inline-block;
}

.info-price__text2 em {
  margin: 0 0.2rem 0 0;
  color: #ff5b2c;
}

.info-price__unit {
  font-size: 1.1rem;
}

.map__btn {
  position: fixed;
  bottom: 8.8rem;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.map__btn .btn--md {
  font-weight: 500;
}

.map__pin {
  position: absolute;
  display: inline-block;
  min-width: 6.5rem;
  padding: 0.5rem 0.9rem 0.4rem 2rem;
  background: #fff;
  border-radius: 2rem;
  border: 1px solid #222;
  line-height: 1;
  font-size: 1.1rem;
  color: #222;
}

.map__pin::before, .map__pin::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-width: 0.4rem;
  bottom: -0.3rem;
}

.map__pin::before {
  top: 0.4rem;
  left: 0.8rem;
  width: 1rem;
  height: 1.1rem;
  background-image: url("../images/icon/icon-map-fin.svg");
  background-size: 100% auto;
}

.map__pin::after {
  bottom: -0.4rem;
  left: calc(50% - 2px);
  width: 0.8rem;
  height: 0.4rem;
  background: url("../images/content/bg-map-pin.png") no-repeat 0 0;
  background-size: 100% auto;
}

.map__pin.is-active {
  border-color: #ff5b2c;
  background-color: #ff5b2c;
  color: #fff;
}

.map__pin.is-active::before {
  background-image: url("../images/icon/icon-map-fin-active.svg");
}

.map__pin.is-active::after {
  bottom: -0.3rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.1rem;
  background: #ff5b2c;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.map-wrap {
  position: fixed;
  top: 6rem;
  bottom: 7.2rem;
  left: 0;
  width: 100%;
}

.map-wrap .map__btn {
  bottom: 24.4rem;
}

.l-map {
  position: fixed;
  bottom: 8.6rem;
  left: 2rem;
  right: 2rem;
  z-index: 10;
}

.l-map .store-list--vertical {
  margin: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  height: 12rem;
}

.l-map .store-list__item {
  height: 100%;
}

.l-map .store-list__anchor {
  min-height: auto;
  padding: 1.2rem 1.2rem 1.2rem 12.2rem;
}

.l-map .store-list__anchor .badges-type2 {
  position: absolute;
  top: -2rem;
  left: 0;
  z-index: 5;
}

.l-map .store-list__img {
  top: 0;
  left: 0;
  margin: 0 !important;
}

.l-map .store-list__con {
  min-height: auto;
  height: 100%;
}

.l-map .store-list__title {
  margin: 0.5rem 0;
  line-height: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l-map .store-list__info {
  margin-top: 0.4rem;
}

.l-map .info-price__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.review {
  position: relative;
}

.review-top {
  position: relative;
}

.review-top .heading {
  margin-top: 1.8rem;
}

.review-top .btn-write {
  position: absolute;
  top: -0.8rem;
  right: 0;
}

.review-top ~ .mes-result--nodata {
  margin: 5.6rem 0 9rem;
}

.review--best {
  margin: 0 -2rem;
  padding: 3rem 0;
  background: #f7f1ef;
}

.review__title {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: #ff5b2c;
  line-height: 1;
  margin: 0 0 0.4rem;
}

.review__area {
  position: relative;
  margin: 1.8rem 0 0;
  padding: 0 2.5rem;
  overflow: hidden;
}

.review--best .review__list {
  margin: 0;
  padding: 0;
}

.review--best .review__item {
  text-align: left;
  margin: 0;
  padding: 0;
  width: 100%;
  border: 1px solid #dddddd;
  border-radius: 1rem;
}

.review--best .review__con {
  padding: 2rem 1.8rem 1.8rem 5.1rem;
  height: 15.4rem;
}

.review--best .review__con > p {
  height: 7.2rem;
  overflow: hidden;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.review--best .review__info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.review--best .review__user .icon-user {
  left: 1.6rem;
}

.review__eval {
  position: relative;
  margin: 2.8rem 0;
  line-height: 2.2rem;
}

.review__eval > span {
  display: inline-block;
  line-height: 2.2rem;
  font-size: 1.1rem;
  font-weight: 500;
  vertical-align: top;
}

.review__eval .review__num {
  margin: 0 0 0 1.2rem;
  width: 11rem;
  height: 2.2rem;
  background-size: 11rem 2.2rem;
  background-position: 0 0;
}

.review__eval .review__num span {
  top: 0;
  background-size: 11rem 2.2rem;
}

.review__eval .review__num em {
  position: absolute;
  top: 0.3rem;
  right: -6.4rem;
  font-size: 2.7rem;
  color: #ff5b2c;
  font-weight: 700;
}

.review__text {
  font-size: 1.1rem;
  text-align: center;
}

.review__list {
  margin: -2rem;
  padding: 2rem;
}

.review__list .review__item {
  padding-left: 0;
  padding-right: 0;
  border-top: 1px solid #ddd;
}

.review__item {
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 0 0 2rem;
}

.review__item .btn--icon {
  position: absolute;
  top: 4rem;
  right: 3rem;
}

.review__item .icon-user {
  position: absolute;
  top: 4.2rem;
  left: 4.2rem;
}

.review__item .btn--menu {
  position: absolute;
  top: 1.2rem;
  right: 0;
}

.review__con {
  position: relative;
  display: block;
  color: #666;
  padding: 2rem 2rem 0 3.5rem;
  font-size: 1.2rem;
}

.review__con p {
  font-weight: 500;
}

.review__con--reply {
  margin: 1rem 0 0 3.5rem;
  padding: 2rem;
  font-size: 1.2rem;
  background: #f8f8f8;
}

.review__con--reply .review__user {
  margin-bottom: 0.8rem;
}

.review__con--reply p {
  font-weight: normal;
}

.review__user {
  display: block;
  margin: 0 0 0.4rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
  color: #222;
}

.review__user .icon-user {
  position: absolute;
  top: 2rem;
  left: 0;
}

.review__info {
  margin: 0 0 1rem;
  line-height: 1.4rem;
}

.review__num {
  position: relative;
  display: inline-block;
  margin: 0 0.4rem 0 0;
  width: 4.5rem;
  height: 1.4rem;
  background: url("../images/icon/icon-star-gray.png") no-repeat 0 2px;
  background-size: 4.5rem 0.9rem;
  vertical-align: top;
}

.review__num span {
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  font-size: 1px;
  background: url("../images/icon/icon-star-orange.png") no-repeat 0 0;
  background-size: 4.5rem 0.9rem;
}

.review__num-text {
  display: inline-block;
  line-height: 1.4rem;
  color: #ff5b2c;
  font-size: 1.1rem;
}

.review__course {
  font-size: 1rem;
}

.review .review__menu [data-menu='con'] {
  top: 4rem;
  right: 0;
  width: 9.5rem;
  border: 1px solid #222222;
  padding: 0.4rem 1.3rem;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.24);
}

.review .review__menu [data-menu='con'] button,
.review .review__menu [data-menu='con'] a {
  width: 100%;
  display: block;
  padding: 1rem 0;
  font-size: 1.3rem;
  border: 0;
  line-height: 1.4rem;
  text-align: center;
  color: #222222;
}

.review .review__menu [data-menu='con'] button + button,
.review .review__menu [data-menu='con'] a + button {
  border-top: 1px solid #eee;
}

.review .select {
  position: absolute;
  top: 2.2rem;
  right: 0;
  width: 10.7rem;
}

.review + .review {
  padding-top: 4.3rem;
}

.review__btn-area {
  margin: 1.6rem 0 2.4rem;
}

.review--store .review__img {
  width: 5rem;
  height: 5rem;
  position: relative;
  left: 0;
  overflow: hidden;
}

.review--store .review__list {
  margin: 0;
  padding: 0;
}

.review--store .review__item {
  padding: 0 2rem 3.7rem;
  border-color: #eee;
}

.review--store .review__item .btn--menu {
  right: 1rem;
}

.review--store .review__info {
  margin: 0;
}

.review--store .review__description {
  margin-left: 1.5rem;
}

.review--store .review__con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 2rem 0 0;
}

.review--store .review__con--reply {
  margin: 1.7rem 0 0;
  padding: 2rem;
  display: block;
}

.review--store .review__msg {
  margin-top: 1.5rem;
}

.review__eval {
  -webkit-tap-highlight-color: transparent;
}

.review__eval--type2 {
  margin: 0 0 0 3rem;
}

.review__eval--type2 .review__num {
  margin: 0;
  z-index: 5;
}

.review__eval--type2 .review__num em {
  display: inline-block;
  right: -3.3rem;
  font-size: 1.8rem;
  line-height: 2.2rem;
  width: 2.2rem;
  text-align: left;
}

[data-autoset='menu'] [data-menu='con'] {
  display: none;
  overflow: hidden;
  position: absolute;
  margin: 0;
  background: #fff;
}

[data-autoset='menu'].open [data-menu='con'] {
  display: block;
}

.detail-store {
  position: relative;
}

.detail-store__thumb {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.detail-store__thumb .swiper-pagination {
  position: absolute;
  bottom: 1rem;
  right: 2rem;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 1rem;
  color: #fff;
  font-size: 0.9rem;
  padding: 0 0.8rem;
  z-index: 10;
  font-weight: normal;
}

.detail-store__con {
  position: relative;
  padding: 2rem;
}

.detail-store__con .store-util {
  margin: 0.8rem 0 0;
}

.detail-store__con .text-list {
  margin: 2.5rem 0 0;
}

.detail-store__label {
  line-height: 1;
}

.detail-store__title {
  display: block;
  margin: 0.8rem 0 0 0;
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 700;
}

.detail-store__address {
  display: block;
  position: relative;
  margin: 1.2rem 0 0 0;
  color: #666;
  font-size: 1.1rem;
}

.detail-store__address .icon {
  margin: 0.2rem 0 0;
}

.detail-store__btn {
  margin: 2.6rem 0 3rem;
  border: 1px solid #dddddd;
  border-radius: 0.5rem;
}

.detail-store__btn .btn {
  position: relative;
  display: block;
  padding: 0 4.4rem;
  border-radius: 0;
  border: 0;
  font-size: 1.2rem;
  line-height: 4.3rem;
  text-align: left;
  color: #222;
}

.detail-store__btn .btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 1.5rem;
  width: 1.9rem;
  height: 1.9rem;
  background: #ffcbba;
  border-radius: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.detail-store__btn .btn .icon {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.detail-store__btn .btn--c2::before {
  background: #ffdf9f;
}

.detail-store__btn .btn--c3::before {
  background: #a9f7ea;
}

.detail-store__btn .btn + .btn {
  border-top: 1px solid #f0f0f0;
}

.detail-store__info .text-list {
  margin: 2rem 0 0;
}

.detail-store__info .text-list.time .text-list__item {
  position: relative;
  padding: 0 0 0 1.5rem;
  color: #222;
  font-weight: 500;
}

.detail-store__info .text-list.time .text-list__item::before {
  content: '';
  position: absolute;
  top: 0.4rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: url("../images/icon/icon-time-sm.png") no-repeat 0 0;
  background-size: 100% auto;
}

.detail-store__info .text-list.time .text-list__item p + p {
  margin: 0.2rem 0 0;
}

[role='tabpanel'] .detail-store {
  margin: -2rem;
}

.detail-company__map {
  position: relative;
  height: 18rem;
  margin: 2rem 0 2.5rem 0;
  border: 1px solid #d9d9d9;
}

.detail-company__address {
  position: relative;
  padding: 0 0 0 1.4rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
}

.detail-company__address::before {
  content: '';
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 1rem;
  height: 1.2rem;
  background: url("../images/icon/icon-map-dark.png") no-repeat 0 0;
  background-size: 100% auto;
}

.detail-company__address > div + div {
  margin: 0.4rem 0 0 0;
}

.detail-company__address .btn {
  margin: 0.8rem 0 0 0;
  height: 1.6rem;
}

.detail-company__con {
  margin: 2.5rem 0 0;
}

.detail-company__text1 {
  margin: 0 0 1.2rem;
  font-size: 1.8rem;
  line-height: 2.5rem;
  color: #ff5b2c;
  font-weight: 500;
}

.detail-company__text2 {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #666;
}

.detail-company__text2 > p + p {
  margin: 1rem 0 0;
}

.detail-company__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 2.5rem -0.5rem -0.5rem;
}

.detail-company__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 1rem);
          flex: 0 0 calc(50% - 1rem);
  height: 7.2rem;
  padding: 4.8rem 0 0;
  border-radius: 0.5rem;
  margin: 0.5rem;
  border: 1px solid #eee;
  background: #fff;
  font-weight: 700;
  font-size: 1.1rem;
  background-repeat: no-repeat;
  background-position: 50% 1.4rem;
  background-size: 2.4rem 2.4rem;
  text-align: center;
}

.detail-company__icon.icon1 {
  background-image: url("../images/icon/icon-store-24-hours.png");
}

.detail-company__icon.icon2 {
  background-image: url("../images/icon/icon-store-parking.png");
}

.detail-company__icon.icon3 {
  background-image: url("../images/icon/icon-store-wifi.png");
}

.detail-company__icon.icon4 {
  background-image: url("../images/icon/icon-store-popular.png");
}

.detail-company__icon.icon5 {
  background-image: url("../images/icon/icon-store-sleep.png");
}

.detail-company__icon.icon6 {
  background-image: url("../images/icon/icon-store-shower.png");
}

.detail-company__icon.icon7 {
  background-image: url("../images/icon/icon-store-event.png");
}

.detail-company__icon.icon8 {
  background-image: url("../images/icon/icon-store-couple.png");
}

.detail-program__title {
  font-size: 1.2rem;
  padding: 0.6rem 2rem;
  text-align: center;
  border-top: 2px solid #222;
  background: #eee;
}

.detail-price__item {
  position: relative;
  min-height: 8rem;
  padding: 2.5rem 0;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.detail-price__con {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.detail-price__con:last-child {
  word-break: break-all;
}

.detail-price__con > div + div {
  margin: 2.2rem 0 0;
}

.detail-price__title {
  display: block;
  font-size: 1.2rem;
  color: #222;
  word-break: break-all;
}

.detail-price__sub {
  display: block;
  margin: 0.2rem 0 0 0;
  font-size: 1.1rem;
  color: #666;
  word-break: break-all;
}

.detail-price__label {
  margin: 0.5rem 0 0 0;
}

.detail-price__label:empty {
  margin-top: 0;
}

.detail-price__text1 {
  display: block;
  font-size: 1.1rem;
  line-height: 1.4rem;
  text-decoration: line-through;
  color: #bbb;
  text-align: right;
}

.detail-price__text1 .detail-price__unit {
  font-size: 1rem;
}

.detail-price__text2 {
  display: block;
  margin: 0.3rem 0 0 0;
  font-size: 1.1rem;
  line-height: 1.4rem;
  text-decoration: line-through;
  color: #666;
  text-align: right;
}

.detail-price__text2 .detail-price__unit {
  font-size: 1rem;
}

.detail-price__text3 {
  display: block;
  margin: 0.4rem 0 0 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #222222;
  text-align: right;
}

.detail-price__text3 em,
.detail-price__text3 span,
.detail-price__text3 strong {
  display: inline-block;
}

.detail-price__text3 em {
  margin: 0 0.2rem 0 0;
  color: #ff5b2c;
  font-size: 1.1rem;
  font-weight: 700;
}

.detail-price__text3 .detail-price__unit {
  font-size: 1.3rem;
}

.detail-price__time {
  display: block;
  text-align: right;
  font-weight: 700;
  margin: 0 0 0.6rem 0;
  font-size: 0.9rem;
  line-height: 1;
}

.detail-price__unit {
  font-size: 1.2rem;
  vertical-align: top;
}

.ly-reserv {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  height: 7.2rem;
  padding: 0 1.5rem;
}

.ly-reserv > .btn--icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.ly-reserv .reserv-con {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 1rem;
}

.ly-reserv .reserv-con .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.ly-reserv .reserv-con .btn + .btn {
  margin: 0 0 0 0.5rem;
}

.ly-reserv .reserv-con__mes {
  position: absolute;
  top: -3.1rem;
  left: 0;
  right: 0;
  background: #666;
  color: #fff;
  font-size: 1.1rem;
  padding: 0.3rem 1rem;
  border-radius: 1.1rem;
  text-align: center;
}

.stamp-event .stamp__title {
  margin: 4.2rem 0 3rem;
  text-align: center;
}

.stamp-event .stamp__title img {
  width: 29rem;
}

.stamp-event .stamp__title + p {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
}

.stamp-event .stamp {
  margin-top: 3rem;
}

.stamp {
  max-width: 32rem;
  margin: 0 auto;
}

.stamp__info {
  position: relative;
  padding: 1.3rem 11rem 1.3rem 2rem;
  font-size: 1.2rem;
  color: #fff;
  font-weight: 500;
  background: #b1a8a5;
}

.stamp__date {
  position: absolute;
  top: 1.4rem;
  right: 1.5rem;
  font-size: 1rem;
  font-weight: normal;
}

.stamp__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #f7f1ef;
  padding: 2.1rem 2rem 2.4rem;
}

.stamp__mark {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  height: 4.8rem;
  margin: 0.5rem 0;
}

.stamp__mark::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 4.8rem;
  height: 4.8rem;
  color: #b1a8a5;
  font-size: 2.4rem;
  text-align: center;
  font-weight: normal;
  background-image: url("../images/content/bg-stamp1.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 48rem 4.8rem;
}

.stamp__mark > span {
  overflow: hidden;
  position: absolute;
  left: -0.1rem;
  top: -0.1rem;
  width: 0.1rem;
  height: 0.1rem;
  opacity: 0;
}

.stamp__mark:nth-child(1)::before {
  background-position: 0px 0;
}

.stamp__mark:nth-child(2)::before {
  background-position: -48px 0;
}

.stamp__mark:nth-child(3)::before {
  background-position: -96px 0;
}

.stamp__mark:nth-child(4)::before {
  background-position: -144px 0;
}

.stamp__mark:nth-child(5)::before {
  background-position: -192px 0;
}

.stamp__mark:nth-child(6)::before {
  background-position: -240px 0;
}

.stamp__mark:nth-child(7)::before {
  background-position: -288px 0;
}

.stamp__mark:nth-child(8)::before {
  background-position: -336px 0;
}

.stamp__mark:nth-child(9)::before {
  background-position: -384px 0;
}

.stamp__mark:nth-child(10)::before {
  background-position: -432px 0;
}

.stamp__mark:nth-child(11)::before {
  background-position: -480px 0;
}

.stamp__complete {
  width: 5.7rem;
  height: 5.7rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: hidden;
  font-size: 1px;
  color: transparent;
  padding: 0 0 0 5.7rem;
  background: url("../images/content/img-stamp.png") no-repeat 0 0;
  background-size: 100% auto;
}

.stamp__text {
  margin: 2rem 0 0;
  font-size: 1rem;
  line-height: 1.5rem;
}

.stamp-event h3.stamp__title {
  font-size: 1.7rem;
  text-align: left;
  margin: 1rem 0 0;
  font-weight: bold;
}

.stamp__subtext {
  font-size: 1.1rem;
  color: #666;
  margin-top: 0.2rem;
}

.stamp__subtext + .stamp {
  margin-top: 1.8rem;
}

.stamp-list {
  margin-top: 1rem;
  margin-right: -2rem;
}

.stamp-list::after {
  display: block;
  clear: both;
  content: "";
}

.stamp-list .icon--new {
  position: absolute;
  right: 1.2rem;
  top: 1.2rem;
}

.stamp-list--disabled .stamp-list__description {
  color: #e7e7e7;
}

.stamp-list--disabled .stamp-list__box {
  position: relative;
  opacity: 0.85;
}

.stamp-list--disabled .stamp-list__box:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(247, 241, 239, 0.85);
}

.stamp-list--disabled .stamp-list__box:after {
  /*content: attr(data-empty);*/
  content: '제휴점 사정으로 스탬프 적립이 중단되었습니다.';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 1.2rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  z-index: 1;
  font-size: 1rem;
  color: #222;
}

.stamp-list__item {
  position: relative;
  border: 0.1rem solid #e0e0e0;
  width: calc(50% - 2rem);
  margin-right: 2rem;
  margin-bottom: 2rem;
  float: left;
}

.stamp-list__description {
  font-size: 1.2rem;
  line-height: 1.4rem;
}

.stamp-list__description > em {
  display: block;
}

.stamp-list__anchor {
  display: block;
  padding: 2.4rem 1.7rem 1.3rem;
}

.stamp-list__box {
  padding: 1.1rem 1.2rem;
  margin-top: 2rem;
  background-color: #f7f1ef;
}

.stamp-list__left {
  text-align: left;
}

.stamp-list__right {
  text-align: right;
  margin-top: 1rem;
}

.stamp-list__total {
  font-size: 1.2rem;
  color: #444;
  line-height: 1.4rem;
  font-weight: 300;
}

.stamp-list__number {
  font-size: 2.4rem;
  font-weight: bold;
  color: #ff5b2c;
  margin-right: 0.2rem;
}

.stamp-list__text {
  margin-left: 0.8rem;
  color: #ff5b2c;
  font-weight: bold;
}

.stamp-card {
  padding: 2.7rem 2rem;
  border-bottom: 0.1rem solid #e0e0e0;
}

.stamp-card__item {
  position: relative;
  padding: 1rem 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.1rem solid #e0e0e0;
  background-color: #fff;
}

.stamp-card__item + .stamp-card__item {
  margin-top: 1rem;
}

.stamp-card__item + .text-list {
  margin-top: 2.1rem;
}

.stamp-card__img {
  width: 6rem;
  height: 6rem;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.stamp-card__btn {
  position: absolute;
  right: 2rem;
}

.stamp-card__description {
  width: 100%;
  margin-left: 1.4rem;
  padding-right: 4rem;
  overflow: hidden;
}

.stamp-card__text {
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.stamp-card__date {
  font-size: 1rem;
  line-height: 1.4rem;
  margin-top: 0.4rem;
}

.info-box {
  margin: 4rem -2rem -12rem;
  padding: 3.3rem 2rem 4rem;
  background: #efefef;
}

.info-box--type2 {
  padding: 0;
  margin: 3.6rem 0 0 0;
  background-color: transparent;
}

.stamp-event + .info-box--t2 {
  margin-top: 6rem;
}

.stamp-event + .info-box--t2 + .accordion {
  margin-top: 5.6rem;
}

.stamp-event + .info-box--t2 + .accordion + .text-list {
  margin-top: 3rem;
}

/* 로그인, 회원가입 */
.account {
  margin: 6rem 0 -12rem;
  padding: 0 0 4rem;
}

.account__title {
  position: relative;
  text-align: center;
}

.account__title .heading {
  margin: 0;
}

.account__title .heading + p {
  margin: 0.4rem 0 0 0;
  font-size: 1.3rem;
}

.account .form {
  margin: 4.2rem 0 0;
}

.account .form + .text-list {
  margin: 4rem 0 0;
}

.account__join {
  margin: 10.9rem 0 0 0;
}

.account__join p {
  margin: 0 0 1.3rem;
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
}

.account__btn {
  margin: 5rem 0 0;
}

.account__btn .btn {
  width: 100%;
}

.account__event {
  margin: 5.6rem -2rem 0;
  padding: 3.2rem 4rem 3rem;
  background: #f8f8f8;
}

.account__event .heading--5 {
  text-align: center;
  margin: 0 0 1.2rem;
}

.account__event .event-coupon a {
  display: block;
}

.account__event .event-coupon a + a {
  margin: 0.2rem 0 0;
}

.account__event .event-coupon + .heading {
  margin-top: 4.5rem;
  margin-bottom: 1.5rem;
}

.account__event .event-month .swiper-pagination {
  margin-top: 1rem;
}

.account__event + .account__btn {
  margin-top: 3rem;
}

.account + .text-list {
  margin: 4.5rem 0 0;
}

.account .label-agree {
  margin: 4.2rem 0 3.2rem;
  padding: 2rem;
  border: 1px solid #dddddd;
}

.account .label-agree .label__link {
  font-weight: 400;
  font-size: 1.2rem;
}

.account .label-agree .label__link + .icon--text-arrow {
  margin-top: 2px;
}

.account .label-agree > div + div {
  margin: 1.8rem 0 0 0;
}

.account .label-agree + .label--md input[type='checkbox'] + span {
  margin-left: 1.6rem;
}

.account--email-login {
  margin-top: 3.4rem;
}

.account--email-login .form {
  margin-top: 0;
}

.account--email-login .account__btn {
  margin-top: 2rem;
}

.account--intro {
  margin-top: 0;
}

.account--intro .account__title {
  margin: 0 0 6.6rem;
  padding: 7.2rem 0 0;
  font-size: 1.3rem;
  text-align: left;
}

.account--intro .account__title strong {
  display: block;
  margin: 0 0 0.5rem 0;
  font-size: 2rem;
  line-height: 2.6rem;
}

.account--intro .account__title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 8.4rem;
  height: 7.2rem;
  background: url("../images/com/img-logo-login.png") no-repeat 0 0;
  background-size: 100% auto;
}

.account--complete {
  margin-top: 0;
}

.account--complete .account__title {
  padding: 7.4rem 0 0;
  font-size: 1.3rem;
  text-align: left;
}

.account--complete .account__title strong {
  display: block;
  margin: 0 0 0.5rem 0;
  font-size: 2rem;
  line-height: 2.6rem;
}

.account--complete .account__title::before {
  content: '';
  position: absolute;
  top: 0.4rem;
  left: 0;
  width: 6rem;
  height: 6rem;
  background: url("../images/icon/icon-user.svg") no-repeat 0 0;
  background-size: 100% auto;
}

.account--complete .account__title + .account__event {
  margin-top: 2.5rem;
}

.account--complete .account__event {
  margin-bottom: -4rem;
  padding-bottom: 4rem;
}

.account--complete .account__btn {
  margin-top: 3.6rem;
}

.account .step {
  margin-top: -4rem;
}

/* 카테고리 */
.category {
  padding: 0 0.4rem;
}

.category__title {
  display: block;
  margin: 0 0 2.5rem;
  font-size: 1rem;
  font-weight: 700;
  color: #999;
}

.category__list--icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -1.2rem 0;
}

.category__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  margin: 1.2rem 0;
}

.category__icon a {
  position: relative;
  width: 6rem;
  padding: 6.5rem 0 0 0;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  color: #222;
}

.category__icon a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 6rem;
  height: 6rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("../images/content/img-category.png");
  background-size: 72rem 6rem;
}

.category__icon--icon1 a::before {
  background-position: 0px 0;
}

.category__icon--icon2 a::before {
  background-position: -60px 0;
}

.category__icon--icon3 a::before {
  background-position: -120px 0;
}

.category__icon--icon4 a::before {
  background-position: -180px 0;
}

.category__icon--icon5 a::before {
  background-position: -240px 0;
}

.category__icon--icon6 a::before {
  background-position: -300px 0;
}

.category__icon--icon7 a::before {
  background-position: -360px 0;
}

.category__icon--icon8 a::before {
  background-position: -420px 0;
}

.category__icon--icon9 a::before {
  background-position: -480px 0;
}

.category__icon--icon10 a::before {
  background-position: -540px 0;
}

.category__icon--icon11 a::before {
  background-position: -600px 0;
}

.category__icon--icon12 a::before {
  background-position: -660px 0;
}

.category__icon--icon13 a::before {
  background-position: -720px 0;
}

.category + .category {
  margin: 4.8rem 0 0 0;
  padding: 0;
}

.category__item a {
  display: inline-block;
  border-bottom: 1px solid #999;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.4rem;
  color: #222;
}

.category__item + .category__item {
  margin: 2.4rem 0 0 0;
}

.divider {
  width: 100%;
  margin: 2rem 0;
  height: 0.1rem;
  background-color: #bbb;
  border-style: none;
}

.divider--dash {
  height: 0.1rem;
  border-bottom: 1px dashed #eee;
  background: none;
  margin: 2rem 0;
}

.privaite {
  margin-top: 2.7rem;
  border-top: 0.1rem solid #ccc;
}

.privaite > .text {
  font-size: 1rem;
  line-height: 1.6rem;
}

.privaite__wrap {
  padding-top: 1.5rem;
}

.hipass-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 2rem 0 2.1rem 0;
}

.hipass-detail__text {
  font-size: 1.7rem;
  font-weight: bold;
  word-break: break-all;
  line-height: 2.2rem;
}

.hipass-detail__date {
  margin-top: 0.9rem;
  display: block;
  font-size: 1.2rem;
  line-height: 1.4rem;
}

.hipass-detail__date > em {
  min-width: 5rem;
  font-weight: normal;
}

.hipass-detail__side {
  margin-left: 1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.hipass-detail__img {
  width: 5rem;
  height: 5rem;
  overflow: hidden;
}

.use-point {
  margin-top: 1rem;
}

.use-point__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.use-point__name {
  font-size: 1.3rem;
  font-weight: 500;
  color: #666;
  margin-right: 0.4rem;
}

.use-point__price {
  line-height: 2.1rem;
  font-size: 1.6rem;
}

.use-point__content {
  margin-top: 1.4rem;
}

.use-point__content .text-list {
  margin-top: 4.2rem;
}

.use-point__unit {
  font-size: 1.1rem;
  font-weight: 500;
  margin-left: 0.4rem;
}

.use-point .text-info {
  border: 0;
  border-bottom: 0.1rem solid #ddd;
  padding-bottom: 2rem;
}

.use-point .text-info--type4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.use-point .text-info__img {
  width: 8rem;
  height: 8rem;
  overflow: hidden;
}

.use-point .text-info__btn {
  margin-top: 0.8rem;
}

.use-point .text-info__btn .btn {
  min-width: 8rem;
  font-weight: normal;
}

.use-point .text-info__description {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: block;
  padding: 0;
  margin-left: 1.8rem;
}

.use-point .text-info__description .text-info__title {
  display: block;
  background-color: transparent;
  padding: 0;
  font-size: 1.4rem;
  font-weight: bold;
}

.use-point .text-info__description .text-info__item {
  margin-top: 1rem;
}

.use-point .text-info__description ul li {
  margin-top: 0.2rem;
}

.point {
  margin-top: 1rem;
}

.point__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 1.5rem;
  border-bottom: 0.1rem solid #ddd;
}

.point__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.point__btn {
  min-width: 9.2rem;
  font-weight: normal;
}

.point__name {
  margin-right: 0.9rem;
}

.point__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
}

.point__price > .icon {
  margin-right: 0.4rem;
}

.point__content {
  margin-top: 2.7rem;
  margin-right: -2rem;
}

.point__content::after {
  display: block;
  clear: both;
  content: "";
}

.point__text {
  font-size: 1.3rem;
  font-weight: normal;
}

.point__item {
  width: calc(50% - 2rem);
  margin-right: 2rem;
  margin-bottom: 4rem;
  float: left;
}

.point__item .point__price {
  font-size: 1.4rem;
}

.point__item .point__price > .icon {
  position: relative;
  top: 0.1rem;
  margin-right: 0.2rem;
}

.point__img {
  text-align: center;
  margin-top: 1.5rem;
  min-width: 15rem;
  min-height: 15rem;
  overflow: hidden;
}

.point .btn--md {
  margin-top: 2rem;
  font-weight: normal;
}

.coupon-form {
  border-bottom: 0.1rem solid #ddd;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
}

.coupon-form .label {
  width: 100%;
}

.coupon-form .input-wrap--type1 + fieldset {
  margin-top: 2.6rem;
}

.coupon-form .input-wrap--type1 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.coupon__detail {
  margin-top: 0.4rem;
}

.coupon__name {
  font-size: 1.4rem;
  font-weight: bold;
}

.coupon__item {
  width: 100%;
  background-size: 100% 18.5rem;
  border: 0.1rem solid #ddd;
}

.coupon__item + .coupon__item {
  margin-top: 1.5rem;
}

.coupon__item .coupon__anchor .coupon__description {
  padding: 2.3rem 5rem 0 2.1rem;
  position: relative;
}

.coupon__item .coupon__anchor .coupon__description:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1.7rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-basic-arrow.svg) no-repeat;
  background-size: 100% auto;
}

.coupon__item .btn--icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.coupon__item .btn--icon:disabled .icon--success + em {
  color: #ff5b2c;
}

.coupon__item .btn--icon em {
  font-size: 1rem;
  margin-top: 0.3rem;
  text-align: center;
  display: block;
  color: #222;
}

.coupon__item--disabled {
  pointer-events: none;
}

.coupon__item--disabled .coupon__validity-date,
.coupon__item--disabled .coupon__text,
.coupon__item--disabled .coupon__price,
.coupon__item--disabled .coupon__unit,
.coupon__item--disabled .coupon__unit em {
  color: #dedede !important;
}

.coupon__item--disabled .coupon__anchor .coupon__description:after {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-basic-arrow-disabled.svg) no-repeat;
  background-size: 100% auto;
}

.coupon__item--type2 {
  position: relative;
  text-align: center;
  border: 0;
  border-left: 0.1rem solid #ddd;
  border-top: 0.1rem solid #ddd;
}

.coupon__item--type2:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.35rem;
  background: url(../images/com/coupon-t3-repeat-x.png) repeat-x;
  background-size: 100% auto;
}

.coupon__item--type2:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 0.35rem;
  background: url(../images/com/coupon-t3-repeat-y.png) repeat-y;
  background-size: 100% auto;
}

.coupon__item--type2 .coupon__bottom {
  position: relative;
}

.coupon__item--type2 .coupon__bottom:before {
  content: '';
  position: absolute;
  width: 1rem;
  height: 2rem;
  top: -1.2rem;
  left: -0.2rem;
  background: #fff url(../images/com/coupon-t3-before.png) no-repeat;
  background-size: 100% auto;
  z-index: 1;
}

.coupon__item--type2 .coupon__bottom:after {
  content: '';
  position: absolute;
  right: 0;
  top: -1.2rem;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  width: 1rem;
  height: 2rem;
  border-radius: 0;
  background: #fff url(../images/com/coupon-t3-after.png) no-repeat;
  background-size: 100% auto;
  z-index: 1;
}

.coupon__item--type2 .coupon__foot {
  padding: 0 1.6rem 1.6rem;
}

.coupon__item--type2 .coupon__foot:before {
  top: -0.2rem;
  margin-top: 1.6rem;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23EEEEEEFF' stroke-width='4' stroke-dasharray='1%2c 12' stroke-dashoffset='2' stroke-linecap='square'/%3e%3c/svg%3e");
}

.coupon__item--type2 .coupon__name {
  font-size: 1.8rem;
  font-weight: bold;
}

.coupon__item--type2 .coupon__description {
  padding: 2.5rem 1.9rem 0;
}

.coupon__item--type2 .coupon__description:after {
  content: '';
  position: absolute;
  width: 0.35rem;
  height: 0.35rem;
  right: 0;
  top: -0.1rem;
  background: #fff url(../images/com/coupon-t3-desc-after.png) no-repeat;
  background-size: 100% auto;
  z-index: 1;
}

.coupon__item--type2 .coupon__description:before {
  content: '';
  position: absolute;
  width: 0.35rem;
  height: 0.35rem;
  left: -0.1rem;
  bottom: 0;
  background: #fff url(../images/com/coupon-t3-desc-before.png) no-repeat;
  background-size: 100% auto;
  z-index: 1;
}

.coupon__item--type2 .coupon__description .coupon__unit > em {
  font-size: 1.6rem;
}

.coupon__item--type2 .coupon__validity {
  padding: 1.8rem 1.6rem 2rem;
  font-size: 1.1rem;
  font-weight: 500;
}

.coupon__item--type2 .coupon__validity-date {
  font-weight: normal;
}

.coupon__description {
  padding: 2.3rem 2.1rem 0;
}

.coupon__description-subtext {
  margin-top: 0.4rem;
}

.coupon__amount {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.8rem;
  margin-bottom: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.coupon__price {
  font-size: 1.8rem;
  color: #ff5b2c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.coupon__unit {
  color: #ff5b2c;
  font-size: 1rem;
  margin-left: -0.4rem;
}

.coupon__unit > em {
  font-size: 1.4rem;
  font-weight: bold;
  margin-left: 0.6rem;
  color: #111;
}

.coupon__text {
  font-size: 1.1rem;
  letter-spacing: -0.1rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.coupon__title {
  font-size: 1.1rem;
  letter-spacing: -0.1rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.coupon__bottom {
  position: relative;
}

.coupon__bottom:before, .coupon__bottom:after {
  content: '';
  position: absolute;
  width: 0.7rem;
  height: 1.5rem;
  border-radius: 50%;
}

.coupon__bottom:before {
  top: 0;
  width: 0.7rem;
  height: 1.5rem;
  left: -0.2rem;
  background: #fff url(../images/com/coupon-radius.png) no-repeat;
  background-size: 100% auto;
}

.coupon__bottom:after {
  top: 0;
  width: 0.7rem;
  height: 1.5rem;
  right: -0.2rem;
  background: #fff url(../images/com/coupon-radius.png) no-repeat;
  background-size: 100% auto;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.coupon__bottom .coupon__info {
  text-align: left;
  background-color: #f7f1ef;
  font-size: 1.1rem;
  padding: 1.6rem 1.8rem 1.2rem;
}

.coupon__bottom .coupon__info .text-list__title {
  font-size: 1.1rem;
}

.coupon__foot {
  padding: 0 1.4rem;
}

.coupon__foot:before {
  content: '';
  top: 0.8rem;
  position: relative;
  display: block;
  height: 0.1rem;
  width: 100%;
  margin-top: 0;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23EEEEEEFF' stroke-width='4' stroke-dasharray='1%2c 12' stroke-dashoffset='2' stroke-linecap='square'/%3e%3c/svg%3e");
}

.coupon__validity {
  padding: 1.6rem 0.6rem 1.1rem;
  color: #ff5b2c;
  font-size: 1rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.coupon__validity-date {
  color: #999;
  margin-right: 0.4rem;
}

.coupon__info {
  width: 100%;
}

.coupon-state {
  margin-top: 3rem;
}

.coupon-state__img {
  width: 12rem;
  height: 12rem;
  overflow: hidden;
}

.coupon-state__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 0.1rem solid;
  padding-bottom: 4.2rem;
}

.coupon-state__item:last-child {
  margin-bottom: 4.2rem;
}

.coupon-state__item + .coupon-state__item {
  margin-top: 4rem;
}

.coupon-state__info {
  margin-left: 2.5rem;
}

.coupon-state__info .text-list__title {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}

.coupon-state__info .btn {
  margin-top: 1.6rem;
  color: #111;
}

ul.coupon {
  margin: 1.2rem 0 0 0;
}

.tabs .coupon {
  margin: 0;
}

ul.coupon ~ dl.text-list--bullet1 {
  margin: 8.5rem 0 0 0;
}

.use-coupon {
  margin-top: 2.9rem;
}

.use-coupon__btn {
  margin-top: 2.5rem;
}

.use-coupon__btn > .btn {
  font-weight: 500;
}

.use-cancel {
  margin: -0.3rem 0 0.7rem 0;
}

.use-cancel .textarea-form {
  margin-top: 1.8rem;
}

.use-cancel__refund {
  margin: 1.8rem 0 1.2rem 0;
}

.mypage {
  position: relative;
  background-color: #ff5b2c;
}

.mypage::before {
  content: '';
  position: absolute;
  top: -10rem;
  left: 0;
  width: 100%;
  height: 15rem;
  background: #ff5b2c;
  z-index: -1;
}

.mypage__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.mypage__profile .mypage__link {
  display: block;
  font-size: 1rem;
  font-weight: 400;
}

.mypage__user {
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  margin-left: 1rem;
}

.mypage__user-number {
  background-color: #fff;
  height: 2.5rem;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2rem;
  text-align: center;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
}

.mypage__nickname {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  max-width: 15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mypage__anchor {
  position: relative;
  height: 100%;
  display: block;
}

.mypage__anchor > .icon {
  position: absolute;
  right: -0.1rem;
  bottom: -0.1rem;
}

.mypage__img {
  width: 4.4rem;
  height: 4.4rem;
}

.mypage__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2.8rem 2rem 3rem;
}

.mypage__link {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.mypage__link span {
  font-weight: normal;
  font-size: 1rem;
}

.mypage__record {
  margin: 0 2rem 0 2rem;
  padding: 2.5rem 0;
  border-top: 0.1rem solid #e34e23;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mypage__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ff5b2c;
}

.mypage__text > span {
  margin: 0 0.2rem;
  font-size: 1.3rem;
  line-height: 1.4rem;
}

.mypage__text > .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mypage__number {
  display: block;
  margin-top: 2rem;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: right;
  color: #ff5b2c;
}

.mypage__number > .unit {
  font-size: 1.2rem;
  font-weight: bold;
  margin-left: 0.2rem;
}

.mypage__box {
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  width: 50%;
  margin-right: 2rem;
  border-radius: 0.9rem;
  padding: 1rem 1.5rem 1rem 1.3rem;
}

.mypage__box:last-child {
  margin-right: 0;
}

.mypage-menu {
  padding-top: 2rem;
}

.mypage-point {
  margin-top: 1rem;
  padding: 0 2rem 2.3rem;
}

.mypage-point .heading {
  line-height: 1.4rem;
}

.mypage-point .heading .icon--info-light-md {
  top: 0 !important;
}

.mypage-point__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mypage-point__number {
  font-size: 3rem;
  font-weight: bold;
  color: #ff5b2c;
  margin-left: 0.7rem;
}

.mypage-point__info {
  font-size: 1.1rem;
}

.mypage-point__info .mypage-point__number {
  font-weight: bold;
  font-size: 1.1rem;
  color: #222;
  margin-left: 0;
}

.mypage-point__btn {
  margin-top: 1.6rem;
}

.mypage-point__date {
  color: #999;
  font-weight: normal;
}

.mypage-point ~ .tabs .tabs__head {
  z-index: 45 !important;
}

.mypage-history__text {
  font-size: 1rem;
  color: #999;
}

.mypage-history__content {
  margin-top: 1.5rem;
}

.mypage-history__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  padding-left: 2rem;
  padding-bottom: 2.6rem;
}

.mypage-history__item:last-child {
  padding-bottom: 0;
}

.mypage-history__item:last-child:after {
  display: none;
}

.mypage-history__item:after {
  content: '';
  position: absolute;
  left: 0.3rem;
  top: 0.4rem;
  height: 100%;
  width: 0.1rem;
  background-color: #222;
}

.mypage-history__item:before {
  content: '';
  position: absolute;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border: 0.1rem solid #222;
  border-radius: 50%;
  z-index: 1;
  top: 0.4rem;
}

.mypage-history--add .mypage-history__number {
  color: #ff5b2c;
}

.mypage-history--add .mypage-history__number:before {
  content: '+';
}

.mypage-history--add.mypage-history__item:before {
  background-color: #ff5b2c;
}

.mypage-history--remove .mypage-history__number {
  color: #819eff;
}

.mypage-history--remove .mypage-history__number:before {
  content: '-';
}

.mypage-history--remove.mypage-history__item:before {
  background-color: #819eff;
}

.mypage-history__filter {
  font-size: 1rem;
  color: #999;
}

.mypage-history__text {
  font-size: 1.2rem;
  font-weight: bold;
  color: #222;
  word-break: break-all;
}

.mypage-history__date {
  display: block;
  margin-top: 0.2rem;
  font-size: 1rem;
  color: #999;
}

.mypage-history__number {
  font-weight: bold;
  margin-left: 1rem;
}

.mypage-history__number:before {
  margin-right: 0.2rem;
}

.mypage--selection {
  background-color: #f7f1ef;
}

.mypage--selection::before {
  background-color: #f7f1ef;
}

.mypage--selection .mypage__info,
.mypage--selection .mypage__profile {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mypage--selection .mypage__info .mypage__link,
.mypage--selection .mypage__profile .mypage__link {
  margin-top: 0.8rem;
}

.mypage--selection .mypage__profile {
  width: 100%;
}

.mypage--selection .mypage__profile .icon--edit {
  position: absolute;
  right: -0.1rem;
  top: -0.1rem;
}

.mypage--selection .mypage__info {
  padding: 2.1rem 2rem 2.2rem;
}

.mypage--selection .mypage__img {
  width: 7rem;
  height: 7rem;
}

.mypage--selection .mypage__nickname {
  color: #222;
}

.mypage--selection .mypage__user {
  text-align: center;
  margin-top: 1.5rem;
  margin-left: 0;
  width: 100%;
}

.mypage-form {
  margin: 1.2rem -2rem 0;
}

.customer {
  padding: 3.5rem 2rem 3rem;
  background-color: #f7f1ef;
  margin: 4.3rem -2rem -6rem -2rem;
}

.customer__text {
  font-size: 1.4rem;
}

.customer__text > span em {
  display: inline-block;
  color: #ff5b2c;
  margin-left: 0.8rem;
}

.customer .text-list--horizontal {
  margin-top: 1.6rem;
}

.customer .btn--bgn {
  margin-top: 2.5rem;
}

.alarm .heading--subtitle {
  padding: 0 2rem 1.3rem;
  font-weight: normal;
  color: #999;
}

.profile {
  margin: 2rem 0 0 0;
  padding-left: 3.5rem;
  width: 100%;
}

.profile__wrap::after {
  display: block;
  clear: both;
  content: "";
}

.profile__item {
  width: calc(33.33% - 3.5rem);
  height: auto;
  margin: 0 3.5rem 2.5rem 0;
  float: left;
  text-align: center;
}

.profile__item a {
  display: block;
  width: 100%;
  height: 100%;
}

.review-event {
  position: relative;
  margin: 0 0 -12rem;
}

.review-event::before {
  content: '';
  position: absolute;
  top: -10rem;
  left: 0;
  width: 100%;
  height: 15rem;
  background: #ff5b2c;
  z-index: -1;
}

.review-event__top {
  padding: 3.4rem 4rem 3.2rem;
  background: #ff5b2c;
}

.review-event__top .btn.btn--light {
  width: 100%;
  border: 0;
}

.review-event__title {
  position: relative;
  display: inline-block;
  font-size: 7rem;
  font-weight: 100;
  line-height: 5.6rem;
  color: #fff;
}

.review-event__title::before {
  content: '';
  position: absolute;
  top: 3rem;
  right: -5rem;
  width: 4.6rem;
  height: 4.9rem;
  background: url("../images/content/bg_best.png") no-repeat 0 0;
  background-size: 100% auto;
}

.review-event__sub1 {
  margin: 2.4rem 0 1.2rem;
  color: #222;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.2rem;
}

.review-event__sub2 {
  margin: 0 0 3rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 700;
}

.review-event__sub2 strong {
  color: #fff;
}

.review-event__bottom {
  padding: 3.2rem 2rem 4rem;
}

.review-event__list {
  margin: 0 0 5.2rem;
}

.review-event__list dl {
  position: relative;
  padding: 0 0 0 8.1rem;
  line-height: 2rem;
}

.review-event__list dl + dl {
  margin: 1.5rem 0 0 0;
}

.review-event__list dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.4rem;
  border-radius: 1rem;
  background: #222;
  color: #fff;
  padding: 0 0.6rem;
  font-size: 1.1rem;
  text-align: center;
}

.review-event__list dd {
  font-size: 1.3rem;
  font-weight: 700;
}

.review-event__list dd span {
  display: block;
  font-weight: normal;
  font-size: 1rem;
}

.join-out {
  margin-top: 1rem;
}

.join-out h3.join-out__title {
  margin-top: 4rem;
}

.join-out .form-field:last-child {
  margin-top: 3.5rem;
}

.join-out__title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
}

.join-out__text {
  font-weight: normal;
  font-size: 1.2rem;
  margin-top: 0.5rem;
  color: #666;
}

.join-out__text + .join-out__title {
  margin-top: 2.5rem;
}

.join-out__box {
  margin-top: 1.6rem;
}

.join-out__box + .join-out__title {
  margin-top: 4rem;
}

.join-out__item {
  padding: 0 1.7rem;
  height: 5.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f7f1ef;
}

.join-out__item + .join-out__item {
  margin-top: 1rem;
}

.join-out__info {
  font-size: 1.2rem;
  font-weight: normal;
}

.join-out__price > .icon--point-primary-sm {
  position: relative;
  top: 0.5rem;
  margin-right: 0.4rem;
}

.join-out__number {
  font-size: 1.8rem;
  color: #ff5b2c;
  font-weight: bold;
}

.join-out__number .unit {
  font-size: 1.2rem;
  margin-left: 0.4rem;
  color: #222;
  font-weight: normal;
}

.policy {
  margin-top: 1rem;
  font-size: 1.1rem;
  line-height: 1.7rem;
  color: #666;
}

.policy__title {
  margin-top: 1.8rem;
  font-size: 1.2rem;
  font-weight: bold;
}

.policy__title:first-child {
  margin-top: 0;
}

.policy__title-text + .policy__list {
  margin-top: 1.8rem;
}

.product .mes-result {
  padding: 0;
  margin: 0.5rem 0 0.8rem 0;
}

.product .mes-result--date:first-child {
  padding: 0;
  margin: 0.5rem 0 0.8rem 0;
}

.product .mes-result--date ~ .mes-result--date {
  margin: 2.5rem 0 0.8rem 0;
}

.product-detail .info-box {
  margin: 2.6rem -2rem 2.4rem;
  background-color: #f8f8f8;
}

.product-detail__item {
  text-align: center;
}

.product-detail__img {
  width: 20rem;
  margin: 0 auto;
}

.product-detail__text {
  font-size: 1.4rem;
  font-weight: bold;
}

.product-detail__text > span {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.1rem;
  font-weight: normal;
}

.event-wrap {
  margin-bottom: -12rem;
}

.event-month {
  margin: 1rem 0 2.7rem;
  overflow: hidden;
}

.event-month .swiper-slide {
  overflow: hidden;
  border-radius: 0.8rem;
}

.event-month .swiper-slide img {
  border-radius: 0.8rem;
  overflow: hidden;
}

.event-month .swiper-pagination-bullets {
  margin-top: 1.6rem;
}

.event-list {
  border-top: 0.1rem solid #ddd;
  padding-top: 3.5rem;
}

.event-list__category {
  font-size: 1rem;
  font-weight: normal;
  display: block;
}

.event-list__title {
  font-size: 1.3rem;
}

.event-list__text {
  font-size: 1rem;
  color: #999;
}

.event-list__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 1.5rem;
}

.event-list__state {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1rem;
  font-weight: bold;
  width: 4.5rem;
  height: inherit;
  background-color: #ff5b2c;
  margin-right: 1.2rem;
  color: #fff;
  border-radius: 0.6rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.event-list__btn {
  margin-top: 1.5rem;
}

.event-list__thumnail {
  min-height: 14rem;
}

.event-list__item--end .event-list__thumnail {
  position: relative;
}

.event-list__item--end .event-list__thumnail:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/content/event-end-img.png") no-repeat;
  background-size: 100% 100%;
}

.event-list__item--end .event-list__state {
  background-color: #222;
}

.event-list__item + .event-list__item {
  margin-top: 4rem;
}

.modal__body .friend-invite {
  margin-top: 2.4rem;
}

.friend-invite .info-box {
  padding: 4.1rem 2rem;
  margin: 0 0 -12rem;
}

.friend-invite .form .text {
  margin-top: 0.8rem;
}

.friend-invite .form .text + .text-validation {
  margin-top: 0;
}

.friend-invite__box {
  padding: 4rem 3rem;
  text-align: center;
}

.friend-invite__box + .friend-invite__box .friend-invite__text {
  color: #fff;
}

.friend-invite__text {
  font-size: 1.5rem;
  line-height: 1.8rem;
}

.friend-invite__subtext {
  display: block;
  margin-top: 3rem;
  font-size: 1.2rem;
}

.friend-invite__input {
  margin-top: 0.7rem;
  background-color: #fff;
  font-family: 'SpoqaHanSansNeo--override';
  font-weight: bold;
  text-align: center;
  height: 6.5rem;
  border-radius: 1rem;
  font-size: 3rem;
}

.friend-invite__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.friend-invite__bottom .btn {
  width: 50%;
  margin-top: 1.7rem;
}

.friend-invite__bottom .btn + .btn {
  margin-left: 1rem;
}

.friend-invite__bottom .btn:only-child {
  width: 100%;
}

.notice-list .list-group--box .list-group__title,
.notice-list .list-group--box .list-group__sub1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notice-list .list-group--box .list-group__sub1 {
  height: 1.6rem;
}

.notice-list .list-group--box .list-group__item > .list-group__anchor {
  overflow: hidden;
}

.notice-detail__head {
  padding: 0 0 1.2rem;
  border-bottom: 1px solid #eee;
}

.notice-detail__title {
  font-size: 1.5rem;
  font-weight: 700;
}

.notice-detail__title em {
  color: #ff5b2c;
}

.notice-detail__sub {
  margin: 0.8rem 0 0;
  font-size: 1rem;
  color: #999;
}

.notice-detail__content {
  padding: 1.4rem 0 0;
  font-size: 1.2rem;
  color: #666;
}

.tabs__panel .use-notice {
  margin: -2rem;
}

.use-notice__info {
  position: relative;
  margin: 0 0 2rem;
}

.use-notice__announcement {
  color: #ff5b2c;
  font-size: 1rem;
  font-weight: normal;
}

.use-notice__text {
  font-weight: 500;
  font-size: 1.4rem;
}

.use-notice__con {
  padding: 2rem;
  border-bottom: 1px solid #eee;
}

.use-notice__answer {
  padding: 4rem 4rem 3.2rem 10rem;
  background-color: #bebebe;
}

.use-notice__answer-title {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: -0.049rem;
}

.use-notice__answer-text {
  margin-top: 1.4rem;
  line-height: 2.8rem;
  letter-spacing: -0.04rem;
  color: #eee;
}

.use-notice .accordion .accordion__head {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 2rem 6rem 2rem 2rem;
  border-bottom: 1px solid #eee;
}

.use-notice .accordion .accordion__title {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.use-notice--contact {
  border-top: 1px solid #ddd;
}

.use-notice--contact .use-notice__item {
  padding: 2rem;
  border-bottom: 1px solid #eee;
}

.use-notice--contact .use-notice__item:last-child {
  border-bottom: 0;
}

.use-notice--contact .use-notice__text {
  line-height: 2.5rem;
}

.use-notice--contact .use-notice__date {
  font-size: 1rem;
  color: #999;
  display: block;
  margin-top: 0.5rem;
}

.use-notice--contact .use-notice__form {
  position: absolute;
  bottom: -1px;
  right: 0;
}

.use-notice--contact .accordion {
  background: #f8f8f8;
}

.use-notice--contact .accordion .accordion__head {
  padding: 1.8rem 6rem 1.7rem 2rem;
  border: 0;
}

.use-notice--contact .accordion .accordion__content:after {
  display: none;
}

.use-notice--contact .accordion .accordion__content .use-notice__con {
  padding-top: 0;
  border: 0;
}

.event-swiper .swiper-slide {
  background: transparent;
}

.event-swiper .swiper-slide a {
  display: block;
  border-radius: 2rem 2rem 0 0;
  overflow: hidden;
}

.event-swiper .swiper-pagination {
  top: 1.6rem;
  right: 1.4rem;
  padding: 0.2rem 0.5rem 0.1rem;
  border-radius: 0.8rem;
  font-size: 0.9rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.56);
}

.main-visual {
  position: relative;
  overflow: hidden;
  margin: 0 0 2.6rem;
}

.main-visual .swiper-slide a {
  display: block;
}

.main-visual .swiper-pagination {
  position: absolute;
  bottom: 1.5rem;
  right: 2rem;
  z-index: 5;
  padding: 0 1rem 0 2.4rem;
  line-height: 1.6rem;
  border-radius: 0.8rem;
  color: #fff;
  font-size: 0.9rem;
  font-weight: normal;
  background: rgba(0, 0, 0, 0.56);
}

.main-visual .swiper-button-play,
.main-visual .swiper-button-pause {
  position: absolute;
  bottom: 1.3rem;
  right: 5rem;
  width: 2rem;
  height: 2rem;
  z-index: 5;
}

.main-visual .swiper-button-play {
  background: url("../images/icon/icon-play.svg") no-repeat 50% 50%;
  background-size: 8px auto;
  font-size: 0;
  display: none;
}

.main-visual .swiper-button-pause {
  background: url("../images/icon/icon-stop.svg") no-repeat 50% 50%;
  background-size: 8px auto;
  font-size: 0;
}

.main-title {
  position: relative;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.1rem;
}

.main-title h2 {
  font-weight: 700;
}

.main-title__side {
  position: absolute !important;
  bottom: 0;
  right: 0;
  width: 12rem;
  text-align: right;
}

.main-title__side .btn--text {
  line-height: 1.4rem;
}

.main-title__side .store-ad {
  position: relative;
}

/* index에 main-offer style 추가*/
 
/*.main-offer {
  position: relative;
  height: 29.5rem;
  margin: 4.4rem 0 5rem;
  padding: 0 0 0 13.2rem;
  background: url("../images/content/bg-main-offer.png") no-repeat 0 0 #f6f4e5;
  background-size: auto 100%;
}*/

.main-offer .main-title {
  position: absolute;
  top: 3rem;
  left: 2rem;
}

.main-offer .main-title span {
  font-size: 0.9rem;
  font-weight: normal;
}

.main-offer .main-offer__swiper {
  position: relative;
  overflow: hidden;
  padding: 5.2rem 0 5.5rem;
}

.main-offer .main-offer__swiper .swiper-wrapper {
  padding-right: 1.8rem;
}

.main-offer .main-offer__swiper .swiper-slide {
  width: 15rem;
  height: 18.8rem;
  background: none;
}

.main-offer .main-offer__swiper .swiper-pagination {
  position: absolute;
  top: 3.5rem;
  right: 2rem;
  margin: 0;
  width: auto;
}

.main-offer__item {
  display: block;
  overflow: hidden;
  border-radius: 1rem;
  background: #fff;
  -webkit-box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.main-offer__img {
  width: 15rem;
  height: 10rem;
}

.main-offer__info {
  height: 8.8rem;
  padding: 1.5rem 1rem;
  text-align: left;
}

.main-offer__info-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 1.2rem;
  color: #222;
  line-height: 1.4rem;
}

.main-offer__info-date {
  display: block;
  margin: 1.2rem 0 0;
  font-size: 0.8rem;
  color: #666;
}

.main-offer__more {
  position: absolute;
  right: 2rem;
  bottom: 2.6rem;
}

.main-store {
  position: relative;
  margin: 5rem 0 0;
  padding: 0 2rem;
}

.main-store__more {
  margin: 2rem 0 0;
}

.main-store__more .btn {
  width: 100%;
}

.main-store--2 .store-list {
  margin-top: -0.8rem;
}

.main-store--3 {
  margin-bottom: -1rem;
  padding: 0;
}

.main-store--3 .main-title {
  padding: 0 2rem;
}

.main-store--3 .store-list {
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  padding: 0 2rem 1rem;
}

.main-store--3 .store-list::-webkit-scrollbar {
  display: none;
}

.main-store--3 .store-list__item {
  display: inline-block;
  width: 26.5rem;
  vertical-align: top;
  margin: 0 1.8rem 0 0 !important;
}

.main-store--3 .store-list__img {
  min-height: 15rem;
}

.main-store--3 .store-list__con {
  height: 16.2rem;
  padding-bottom: 1.7rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-store--3 .store-list__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0.5rem 0;
}

.main-store--3 .store-list__info {
  position: relative;
  white-space: normal;
  margin-top: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.main-store--3 .info-price {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
}

.main-store--3 .info-price__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 3.6rem;
}

.main-store--3 .info-price__title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.main-store--3 .info-price__con {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55%;
          flex: 0 0 55%;
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  white-space: normal;
}

.main-store--3 .info-price__text2 {
  height: 1.4rem;
  overflow: hidden;
}

.main-store--3 .label--round {
  margin: 0 0 -0.8rem !important;
  padding: 0 2rem;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.main-store--3 .label--round::-webkit-scrollbar {
  display: none;
}

.main-store--1, .main-store--4 {
  margin-bottom: -1rem;
  padding: 0;
}

.main-store--1 .main-title, .main-store--4 .main-title {
  padding: 0 2rem;
}

.main-store--1 .main-title__side, .main-store--4 .main-title__side {
  right: 2rem;
}

.main-store--1 .store-list, .main-store--4 .store-list {
  padding: 0 2rem;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  padding-bottom: 1rem;
}

.main-store--1 .store-list::-webkit-scrollbar, .main-store--4 .store-list::-webkit-scrollbar {
  display: none;
}

.main-store--1 .store-list__item, .main-store--4 .store-list__item {
  display: inline-block;
  width: 14rem;
  margin: 0 2rem 0 0 !important;
}

.main-store--1 .store-list__label, .main-store--4 .store-list__label {
  overflow: hidden;
}

.main-store--1 .store-list__img, .main-store--4 .store-list__img {
  min-height: 14rem;
}

.main-store--1 .store-list__con, .main-store--4 .store-list__con {
  padding: 2rem 0 0;
  border: 0;
}

.main-store--1 .store-list__title, .main-store--4 .store-list__title {
  margin: 0.5rem 0;
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main-store--1 .info-price__title, .main-store--4 .info-price__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main-store--1 .info-price__text2 em, .main-store--4 .info-price__text2 em {
  font-size: 0.9rem;
}

.main-store--5 .store-list {
  border-top: 0;
  margin-top: 1rem;
}

.main-store--5 .store-list .store-list__item:last-child {
  border: 0;
}

.main-store--5 .store-list .store-list__anchor {
  min-height: auto;
  padding-bottom: 2rem;
}

.main-store .store-list__item .store-ad {
  top: 0.7rem;
  right: 0.7rem;
}

.main-store .store-list__item .store-ad .con {
  top: 1.6rem;
  padding: 0.4rem;
}

.main-new {
  margin: 5rem 0;
}

.main-new__item {
  position: relative;
  display: block;
  padding: 2.3rem 5rem 2rem 2rem;
  background: #ff5b2c;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  color: #fff;
}

.main-new__item::before {
  content: 'NEW';
  display: inline-block;
  vertical-align: top;
  margin: 0.1rem 1rem 0 0;
  padding: 0 0.8rem;
  border-radius: 1rem;
  line-height: 1.6rem;
  color: #fff;
  font-size: 0.9rem;
  background: #222;
}

.main-new__item::after {
  content: '';
  position: absolute;
  top: 2.4rem;
  right: 2rem;
  width: 1.8rem;
  height: 1.3rem;
  background: url("../images/icon/icon-arrow-white.svg") no-repeat 0 0;
  background-size: 100% auto;
}

.main-benefit {
  margin: 3.5rem 0 0 0;
}

.main-benefit__item {
  display: block;
  position: relative;
  padding: 2rem 2rem 0 11.2rem;
  min-height: 9.5rem;
  font-size: 1.2rem;
}

.main-benefit__item::before {
  content: '';
  position: absolute;
  top: 1.3rem;
  left: 2rem;
  width: 7.2rem;
  height: 7.2rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.main-benefit__item em {
  display: inline-block;
  padding: 0.3rem 0.4rem 0.2rem;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 700;
  vertical-align: top;
  line-height: 1;
}

.main-benefit__item strong {
  display: block;
  margin: 0 0 0.2rem;
  font-size: 1.6rem;
  line-height: 2.1rem;
}

.main-benefit__item--stamp {
  color: #912405;
  background: #ffe7d8;
}

.main-benefit__item--stamp em {
  background: #912405;
}

.main-benefit__item--stamp::before {
  background-image: url("../images/content/main-stamp.png");
}

.main-benefit__item--hipass {
  color: #482ca5;
  background: #eceaff;
}

.main-benefit__item--hipass em {
  background: #482ca5;
}

.main-benefit__item--hipass::before {
  background-image: url("../images/content/main-hipass.png");
}

.main-inquiry {
  position: relative;
  margin: 5rem 0;
  padding: 0 2rem;
}

.main-inquiry__list {
  margin: 3rem -2rem 0;
  padding: 0 2rem 1rem;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.main-inquiry__list::-webkit-scrollbar {
  display: none;
}

.main-inquiry__list li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 7.2rem;
  padding: 8.2rem 0 0 0;
  color: #222;
  line-height: 1.2rem;
  font-size: 1.1rem;
  text-align: center;
}

.main-inquiry__list li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 7.25rem;
  height: 7.25rem;
  background: url("../images/content/img-main-info.png") no-repeat 0 0;
  background-size: 36.25rem 7.25rem;
}

.main-inquiry__list li + li {
  margin: 0 0 0 2.7rem;
}

.main-inquiry__list li:nth-child(1)::before {
  background-position: 0rem 0;
}

.main-inquiry__list li:nth-child(2)::before {
  background-position: -7.25rem 0;
}

.main-inquiry__list li:nth-child(3)::before {
  background-position: -14.5rem 0;
}

.main-inquiry__list li:nth-child(4)::before {
  background-position: -21.75rem 0;
}

.main-inquiry__list li:nth-child(5)::before {
  background-position: -29rem 0;
}

.main-inquiry .btn--text {
  position: absolute;
  top: 2.5rem;
  right: 2rem;
}

/* --------------------------------------------------------------------------------
      LAYOUT
  --------------------------------------------------------------------------------- */
#wrapper {
  width: 100%;
  min-width: 32rem;
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  height: 6rem;
  width: 100%;
  padding: 1.8rem 2rem;
  background: #fff;
  z-index: 50;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.header__back {
  position: absolute;
  top: 1.8rem;
  left: 2rem;
  width: 2.4rem;
  height: 2.4rem;
  display: inline-block;
}

.header__title {
  overflow: hidden;
  padding: 0 6rem;
  text-align: center;
  white-space: nowrap;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.header__side {
  position: absolute;
  top: 1.8rem;
  right: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__side .btn--icon ~ .label--like {
  margin: 0 0 0 1rem;
}

.header__side .btn--icon ~ .btn--icon {
  margin: 0 0 0 1rem;
}

.header__side .btn--text {
  top: 0.4rem;
  position: relative;
}

#header[data-bar='map'] .header__title {
  text-align: left;
  padding: 0 6rem 0 0;
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#header[data-bar='map'] .header__title > .icon--near {
  top: 0.2rem;
  position: relative;
  margin-right: 0.2rem;
}

#header[data-bar='search'] {
  height: 6.8rem !important;
  padding: 2.1rem 1.8rem 1.4rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent !important;
}

#header[data-bar='search'] .header__title {
  text-align: left;
  padding: 0;
  overflow: visible;
  margin-right: 2.8rem;
}

#header[data-bar='search'] .header__title__logo {
  display: block;
  width: 8rem;
  height: 1.8rem;
  background-image: url("../images/com/img-logo-white.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

#header[data-bar='search'] .header__title__logo span {
  overflow: hidden;
  position: absolute;
  left: -0.1rem;
  top: -0.1rem;
  width: 0.1rem;
  height: 0.1rem;
  opacity: 0;
}

#header[data-bar='search'] .header__side {
  position: relative;
  top: 0;
  right: 0;
  margin-left: 2rem;
}

#header[data-bar='search'] .search-form .search-form__input {
  border: 0.2rem solid #fff;
  color: #fff;
  background-color: transparent;
}

#header[data-bar='search'] .search-form .search-form__input::-webkit-input-placeholder {
  color: #fff;
}

#header[data-bar='search'] .search-form .search-form__input::-moz-placeholder {
  color: #fff;
}

#header[data-bar='search'] .search-form .search-form__input:-ms-input-placeholder {
  color: #fff;
}

#header[data-bar='search'] .search-form .search-form__input::-ms-input-placeholder {
  color: #fff;
}

#header[data-bar='search'] .search-form .search-form__input::placeholder {
  color: #fff;
}

#header[data-bar='search'].is-active .header__title__logo {
  background-image: url("../images/com/img-logo.png");
}

#header[data-bar='search'].is-active .search-form .search-form__input {
  border: 0.2rem solid #ff5b2c;
  color: #ff5b2c;
}

#header[data-bar='search'].is-active .search-form .search-form__input::-webkit-input-placeholder {
  color: #ff5b2c;
}

#header[data-bar='search'].is-active .search-form .search-form__input::-moz-placeholder {
  color: #ff5b2c;
}

#header[data-bar='search'].is-active .search-form .search-form__input:-ms-input-placeholder {
  color: #ff5b2c;
}

#header[data-bar='search'].is-active .search-form .search-form__input::-ms-input-placeholder {
  color: #ff5b2c;
}

#header[data-bar='search'].is-active .search-form .search-form__input::placeholder {
  color: #ff5b2c;
}

#header[data-bar='search'].is-active .icon--search-white {
  background: url("../images/icon/icon-input-search-primary.svg") no-repeat 0 0;
  background-size: 100% auto;
}

#header[data-bar='search'].is-active .icon--noti {
  background: url("../images/icon/icon-noti-primary.svg") no-repeat 0 0;
  background-size: 100% auto;
}

#header[data-bar='search'].is-active .icon--new::before {
  background: #ff5b2c !important;
}

#header[data-bar='search'] ~ #container {
  padding-top: 0;
}

#header.is-active {
  height: 6.1rem;
  border-bottom: 1px solid #e6e6e6;
  background: #fff !important;
}

#header.is-active.bg-primary-100 .icon--new::before {
  background: #ff5b2c;
}

#navBar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7.2rem;
  z-index: 10;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.nav-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav-bar__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.nav-bar__item:nth-child(1) .nav-bar__anchor::before {
  background-image: url("../images/icon/icon-nav-home-off.svg");
}

.nav-bar__item:nth-child(1) .nav-bar__anchor[aria-current='page']::before {
  background-image: url("../images/icon/icon-nav-home-on.svg");
}

.nav-bar__item:nth-child(2) .nav-bar__anchor::before {
  background-image: url("../images/icon/icon-nav-area-off.svg");
}

.nav-bar__item:nth-child(2) .nav-bar__anchor[aria-current='page']::before {
  background-image: url("../images/icon/icon-nav-area-on.svg");
}

.nav-bar__item:nth-child(3) .nav-bar__anchor::before {
  background-image: url("../images/icon/icon-nav-mypoint-off.svg");
}

.nav-bar__item:nth-child(3) .nav-bar__anchor[aria-current='page']::before {
  background-image: url("../images/icon/icon-nav-mypoint-on.svg");
}

.nav-bar__item:nth-child(4) .nav-bar__anchor::before {
  background-image: url("../images/icon/icon-nav-hipass-off.svg");
}

.nav-bar__item:nth-child(4) .nav-bar__anchor[aria-current='page']::before {
  background-image: url("../images/icon/icon-nav-hipass-on.svg");
}

.nav-bar__item:nth-child(5) .nav-bar__anchor::before {
  background-image: url("../images/icon/icon-nav-setting-off.svg");
}

.nav-bar__item:nth-child(5) .nav-bar__anchor[aria-current='page']::before {
  background-image: url("../images/icon/icon-nav-setting-on.svg");
}

.nav-bar__anchor {
  position: relative;
  display: block;
  position: relative;
  padding: 4.4rem 1rem 1.7rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  color: #222;
  font-weight: 500;
}

.nav-bar__anchor::before {
  content: '';
  position: absolute;
  top: 1.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2.4rem;
  height: 2.4rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.nav-bar__anchor[aria-current='page'] {
  color: #ff5b2c;
}

.nav-bar__anchor .icon--new {
  position: absolute;
  top: 1.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2.4rem;
  padding: 0 0 0 2.4rem;
  margin: 0;
}

.nav-bar__anchor .icon--new::before {
  left: auto;
  right: 0;
}

#container {
  padding: 6rem 0 0;
}

#container .content {
  position: relative;
  padding: 0 0 12rem;
}

#footer {
  margin: -12rem 0 0;
  padding: 2rem;
  font-size: 1rem;
  color: #666;
  background: #efefef;
}

#footer strong {
  color: #222;
}

.footer {
  position: relative;
}

.footer::after {
  content: '';
  display: block;
  height: 8rem;
}

.footer-logo {
  position: relative;
  display: block;
  width: 100%;
  padding: 0.6rem 0;
}

.footer-logo::before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 5.8rem;
  height: 1.3rem;
  background: url("../images/com/img-logo-footer.png") no-repeat 0 0;
  background-size: 100% auto;
}

.footer .accordion__btn {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.footer .accordion__btn::after {
  content: '';
  position: absolute;
  top: 1rem;
  left: 7.4rem;
  width: 0.4rem;
  height: 0.4rem;
  border-bottom: 2px solid #aaa;
  border-right: 2px solid #aaa;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.footer .accordion__btn.is-active::after {
  top: 1.2rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.footer-list {
  margin: 1rem 0 0;
}

.footer-list li {
  margin: 0.2rem 0;
}

.footer-list li:last-child {
  margin-bottom: 0;
}

.footer-link {
  padding: 2rem 0 0 0;
}

.footer-link li {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.footer-link li + li::before {
  content: '';
  display: inline-block;
  margin: 0 0.4rem;
  width: 1px;
  height: 0.8rem;
  background: #666;
}

.footer-text {
  margin: 1.2rem 0 0;
}

.l-row {
  padding: 0 2rem;
}

.l-row--lg {
  padding: 0;
}

.l-row > .text-info:first-child {
  margin-top: 1.2rem;
}

.l-row > .coupon-form:first-child {
  margin-top: 1rem;
}

[data-page-scroll] {
  overflow: hidden;
}

[data-scroll-x] {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

[data-scroll-x]::-webkit-scrollbar {
  display: none;
}

.l-row [data-scroll-x] {
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  width: calc(100% + 4rem);
}

[data-scroll-y] {
  overflow-x: hidden;
  overflow-y: auto;
}

.tel {
  font-weight: 700;
  color: #222;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.51);
  width: 100%;
  height: 100%;
}

.modal__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal__content section {
  background: #fff;
  position: relative;
  max-height: 75vh;
  overflow-x: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.modal__header {
  position: relative;
  min-height: 6rem;
  padding: 3.8rem 2.5rem 2rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.modal__header::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 2.5rem;
  right: 2.5rem;
  background: #eee;
  height: 1px;
}

.modal__title {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
}

.modal__sub {
  display: block;
  margin-top: 1rem;
  color: #666;
  text-align: center;
}

.modal__body {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 2.5rem 2.5rem;
}

.modal__body .heading:first-child {
  margin-top: 0;
}

.modal__btn-close {
  position: absolute;
  top: 1.6rem;
  right: 1.5rem;
  width: 3.6rem;
  height: 3.6rem;
  overflow: hidden;
  padding: 0 0 0 3.6rem;
  z-index: 1;
}

.modal__btn-close::before, .modal__btn-close::after {
  content: '';
  position: absolute;
  width: 0.2rem;
  height: 2rem;
  top: 0.7rem;
  left: 1.7rem;
  background: #222;
}

.modal__btn-close::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.modal__btn-close::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modal__btn-close:focus {
  outline: 0;
}

.modal__footer {
  position: relative;
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal__footer .btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  border-radius: 0;
  border: 0;
}

.modal__footer .btn:only-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  width: 100%;
}

.modal.open {
  display: block;
}

.modal.close {
  display: block;
}

.modal.animate.open .modal__content section {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
          animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  -webkit-animation-name: defaultIn;
          animation-name: defaultIn;
}

.modal.animate.open .modal__overlay {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
          animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.modal.animate.close .modal__content section {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
          animation-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
  -webkit-animation-name: defaultOut;
          animation-name: defaultOut;
}

.modal.animate.close .modal__overlay {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
          animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

.modal.animate.modal--bottom.open .modal__content section {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.16, 0.74, 0.36, 1);
          animation-timing-function: cubic-bezier(0.16, 0.74, 0.36, 1);
  -webkit-animation-name: sheetUp;
          animation-name: sheetUp;
}

.modal.animate.modal--bottom.open .modal__overlay {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
          animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.modal.animate.modal--bottom.close .modal__content section {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.16, 0.74, 0.36, 1);
          animation-timing-function: cubic-bezier(0.16, 0.74, 0.36, 1);
  -webkit-animation-name: sheetDown;
          animation-name: sheetDown;
}

.modal.animate.modal--bottom.close .modal__overlay {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
          animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

.modal--center section {
  width: calc(100% - 60px);
  margin: 0 3rem;
}

.modal--full section {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.modal--full .modal__header {
  height: 6rem;
  padding: 2.2rem 4.8rem;
}

.modal--full .modal__header::before {
  display: none;
}

.modal--full .modal__btn-close {
  top: 1rem;
  right: 1rem;
}

.modal--full .modal__body {
  padding: 0 2rem 2.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.modal--full .modal__footer {
  padding: 2rem;
}

.modal--full .modal__footer .btn {
  border-radius: 0.7rem;
}

.modal--full .modal__footer .btn + .btn {
  margin: 0 0 0 1rem;
}

.modal--bottom .modal__content {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.modal--bottom section {
  width: 100%;
  border-radius: 2rem 2rem 0 0;
}

.modal--bottom .modal__header {
  height: auto;
  padding: 2.8rem 4.8rem 2.7rem;
}

.modal--bottom .modal__header::before {
  display: none;
}

.modal--bottom .modal__title {
  font-size: 1.5rem;
  line-height: 1;
}

.modal--bottom .modal__body {
  padding: 1rem 2rem 3.8rem;
}

.modal--bottom .modal__btn-close {
  top: 1.2rem;
  right: 1.4rem;
}

.modal--bottom .modal__footer {
  padding: 0 2rem 2rem;
}

.modal--bottom .modal__footer .btn {
  border-radius: 0.7rem;
}

.modal--bottom .modal__footer .btn + .btn {
  margin: 0 0 0 1rem;
}

.modal--alert section {
  width: calc(100% - 60px);
  margin: 0 3rem;
}

.modal--alert .modal__body {
  padding: 5.9rem 3rem 3rem;
  font-size: 1.2rem;
  text-align: center;
}

.modal--alert .alert-mes {
  min-height: 4.2rem;
  font-size: 1.2rem;
  line-height: 2.2rem;
}

.modal--round section {
  border-radius: 1rem;
}

.modal--round .modal__header {
  padding: 2.4rem 2.5rem 2rem;
  min-height: auto;
}

.modal--round .modal__title {
  text-align: left;
  color: #ff5b2c;
}

.modal--round .modal__btn-close {
  top: 1.4rem;
}

.modal--event .modal__content section {
  background: transparent;
}

.modal--event .modal__body {
  padding: 0;
}

.modal--event .modal__footer {
  border-bottom: 1px solid #ccc;
  padding: 0;
  background: #fff;
}

.modal--event .modal__footer .btn {
  font-weight: 400;
  border-radius: 0;
  background: #fff;
  color: #222;
}

.modal--event .modal__footer .btn + .btn {
  margin: 0;
  border-left: 1px solid #ccc;
}

/* 바텀시트 */
@-webkit-keyframes sheetUp {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes sheetUp {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes sheetDown {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes sheetDown {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

/* 다이얼로그(modal, alert, confirm) 기본 인 아웃 */
@-webkit-keyframes defaultIn {
  from {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes defaultIn {
  from {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}

/* 다이얼로그(modal, alert, confirm) 기본 인 아웃 */
@-webkit-keyframes defaultOut {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
    opacity: 0;
  }
}
@keyframes defaultOut {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.dialog-open {
  overflow: hidden;
}

#snackbar {
    background: linear-gradient(to bottom right, #ff5b2c, #f5705e); /*f75b5b*/
    position: fixed;
    bottom: 18vw; /*padding 12 때문에*/
    z-index: 199;
    width: calc(100% - 6vw);
    padding: 12px 10px;
    margin: 0 3vw;
    line-height: 150%;
    color: #f7f7f7;
    border-radius: 1.2vw;
    transition: bottom 300ms;
}

/* 매장관리 */
.detail-store__info .text-list.time .text-list__item2 {
  position: relative;
  padding: 0 0 0 1.5rem;
  color: #222;
  font-weight: 500;
}

.detail-store__info .text-list.time .text-list__item2::before {
  content: '';
  position: absolute;
  top: 0.4rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: url("../images/icon/icon-time-sm.png") no-repeat 0 0;
  background-size: 100% auto;
}

.text-list--bullet1 .text-list__item2 {
  position: relative;
  padding: 0 0 0 1rem;
}

.text-list--bullet1 .text-list__item2 + .text-list__item2 {
  margin: 0.2rem 0 0;
}

.text-list--sm .text-list__item2 {
  font-size: 1.1rem;
}

.text-list--horizontal .text-list__item2 {
  float: left;
  width: 50%;
}
/************/

.store_close {
    /*top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;*/
    background-color: rgb(0, 0, 0) !important;
}

.store_close img {opacity:0.5}
/*.store-list__item .store_close .closeTxt{display: block; position: absolute;width: 100%;text-align: center;color: #fff;top: 30%;transform: translateY(-50%);}*/
.store_close .closeTxt .tit:after {
    content: '영업 준비중';
    display: block; position: absolute;width: 100%;text-align: center;color: #fff;top: 50%;transform: translateY(-50%);
}
.store_close .closeTxt .tit {font-size: 1.6rem;font-weight: 800;}

.stamp-stop {
    width: 100%;
    background-color: rgba(34, 34, 34, 0.7);
    position: absolute;
    z-index: 5;
    left: 0;
    top: 50%;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: -0.71px;    
    color: #fff;
    text-align:center;
    transform:translateY(-50%);
    padding:10px;
}



.store-list.swiper-container-initialized.store-list--vertical {
    overflow: hidden;
    margin-top: 0;
    padding: 1rem 0 0;
}

.store-list.swiper-container-initialized.store-list--vertical .store-list__inner {
    margin: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.store-list.swiper-container-initialized.store-list--vertical .store-list__item {
    margin: 0;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: block;
}

.store-list.swiper-container-initialized.store-list--vertical .store-list__anchor {
    min-height: auto;
    padding: 1.2rem 1.2rem 1.2rem 12.2rem;
}

.store-list.swiper-container-initialized.store-list--vertical .store-list__title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.store-list.swiper-container-initialized.store-list--vertical .store-list__con {
    height: 13.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 4.5rem;
}

.store-list.swiper-container-initialized.store-list--vertical .store-list__img {
    margin-top: 0 !important;
}

.store-list.swiper-container-initialized.store-list--vertical .badges-type2 {
    position: absolute;
    top: -1rem;
    left: -1px;
    z-index: 1;
}

.store-list.swiper-container-initialized.store-list--vertical .info-price__title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.store-list.swiper-container-initialized.store-list--vertical .info-price__text2 {
    height: 1.5rem;
    overflow: hidden;
}