@charset "UTF-8";
.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-dark-50 {
  color: #666 !important;
}

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

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

.bg-dark-100 {
  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-white-100 {
  color: #e8e8e8 !important;
}

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

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

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

.text-sub-100 {
  color: #222222 !important;
}

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

.text-sub-200 {
  color: #e53aa9 !important;
}

.bg-sub-200 {
  background-color: #e53aa9 !important;
}

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

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

.text-sub-400 {
  color: #89dd00 !important;
}

.bg-sub-400 {
  background-color: #89dd00 !important;
}

.text-sub-500 {
  color: #29c9d2 !important;
}

.bg-sub-500 {
  background-color: #29c9d2 !important;
}

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

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

.text-sub-700 {
  color: #5f30fc !important;
}

.bg-sub-700 {
  background-color: #5f30fc !important;
}

.text-sub-800 {
  color: #ff0000 !important;
}

.bg-sub-800 {
  background-color: #ff0000 !important;
}

.text-sub-900 {
  color: #f7f1ef !important;
}

.bg-sub-900 {
  background-color: #f7f1ef !important;
}

.text-sub-1000 {
  color: #819eff !important;
}

.bg-sub-1000 {
  background-color: #819eff !important;
}

.text-sub-1100 {
  color: #fae7dd !important;
}

.bg-sub-1100 {
  background-color: #fae7dd !important;
}

.text-sub-1200 {
  color: #f1c8b9 !important;
}

.bg-sub-1200 {
  background-color: #f1c8b9 !important;
}

.text-sub-1300 {
  color: #faf6ec !important;
}

.bg-sub-1300 {
  background-color: #faf6ec !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-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;
  }
}

@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;
}

strong,
b {
  font-weight: 700;
}

html {
  font-size: 62.5%;
}

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

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.6rem;
  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;
}

body {
  overflow-y: scroll;
}

/* --------------------------------------------------------------------------------
      LAYOUT
  --------------------------------------------------------------------------------- */
body {
  min-width: 128rem;
}

#wrapper {
  position: relative;
  width: 100%;
  min-width: 128rem;
}

.nav-skip a {
  overflow: hidden;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  text-align: center;
  color: #fff;
}

.nav-skip a:focus {
  background: #093378;
  z-index: 500;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.4rem;
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 128rem;
  height: 15rem;
  border-bottom: 0.1rem solid #e5e5e5;
  background: #fff;
  z-index: 55;
}

#header::before {
  content: '';
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #eee;
}

.header__wrap {
  position: relative;
  width: 128rem;
  margin: 0 auto;
}

.header__util {
  display: block;
  height: 4.8rem;
  padding: 1.2rem 0;
  text-align: right;
}

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

.header-link--download {
  position: absolute;
  top: 12px;
  left: 0;
  width: 16.6rem;
  text-align: left;
}

.header-link--download [data-menu='btn'] {
  position: relative;
  display: block;
  width: 100%;
  font-size: 1.4rem;
  color: #999;
  line-height: 2.4rem;
  height: 2.4rem;
  border-radius: 0;
  padding: 0;
  text-align: left;
}

.header-link--download [data-menu='btn']::before, .header-link--download [data-menu='btn']::after {
  content: '';
  position: absolute;
  top: 0;
  height: 2.2rem;
  font-size: 1px;
  padding: 0 0 0 2.2rem;
  overflow: hidden;
}

.header-link--download [data-menu='btn']::before {
  left: 10rem;
  background: url("../images/icon/icon-anroid.png") 3px 3px no-repeat;
}

.header-link--download [data-menu='btn']::after {
  right: 0;
  background: url("../images/icon/icon-ios.png") no-repeat;
}

.header-link__item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 1.4rem;
  color: #999;
  line-height: 2.4rem;
}

.header-link__item + .header-link__item {
  margin: 0 0 0 4rem;
}

.header__main {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 10.2rem;
}

.header__logo {
  display: inline-block;
  vertical-align: top;
  height: 26px;
}

.header__nav {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 5.6rem;
}

.header__nav .gnb {
  display: inline-block;
}

.header__nav .gnb__item {
  position: relative;
  display: inline-block;
  margin: 0 1.5rem;
}

.header__nav .gnb__item a {
  display: block;
  height: 10.2rem;
  padding: 2.8rem 0.8rem;
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  line-height: 4.6rem;
}

.header__nav .gnb__item a[aria-current='page']::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.4rem;
  background: #ff5b2c;
}

.header__form {
  display: inline-block;
  margin: 0 0 0 5.2rem;
  width: 400px !important;
}

.header__login {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}

.header-user__item {
  display: inline-block;
}

.header-user__item + .header-user__item {
  margin: 0 0 0 4rem;
}

.header-user__btn {
  display: block;
  line-height: 3.2rem;
  color: #222;
  font-weight: 500;
  position: relative;
}

.header-user__btn .icon--new {
  position: absolute;
  top: 0;
  right: 0;
}

#container {
  padding: 15rem 0 18rem 0;
  min-height: calc(100vh - 24.7rem);
}

#container .content {
  overflow: hidden;
}

#footer {
  position: relative;
}

.footer__wrap {
  position: relative;
  width: 128rem;
  min-height: 24.7rem;
  margin: 0 auto;
  padding: 6.5rem 0;
}

.footer-info {
  display: inline-block;
  border-right: 1px solid #eee;
}

.footer-info__list {
  width: 65rem;
  margin: 0 -1.6rem;
}

.footer-info__list li {
  display: inline-block;
  color: #999;
  margin: 0 1.6rem;
  font-size: 1.4rem;
}

.footer-info__text {
  margin: 2rem 0 0 0;
  font-size: 1.2rem;
  color: #999;
}

.footer-link {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 4.8rem;
}

.footer-link__list {
  width: 26.4rem;
}

.footer-link__list::after {
  display: block;
  clear: both;
  content: "";
}

.footer-link__item {
  float: left;
  width: 12rem;
}

.footer-link__item:nth-child(2n) {
  width: 14.4rem;
}

.footer-link__item a {
  display: inline-block;
  line-height: 3.5rem;
  color: #999;
  font-size: 1.4rem;
}

.footer-util {
  position: absolute;
  top: 65px;
  right: 0;
  display: block;
  border: 1px solid #ccc;
}

.footer-util__list {
  position: relative;
  width: 27rem;
  padding: 0 2.3rem;
}

.footer-util__list + .footer-util__list {
  border-top: 1px solid #ccc;
}

.footer-util__list > span {
  display: block;
  line-height: 5.8rem;
  font-size: 1.2rem;
  color: #888;
  font-weight: 700;
}

.footer-util__item {
  position: absolute;
  top: 50%;
  right: 2.3rem;
  display: block;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: hidden;
  font-size: 1px;
  color: transparent;
}

.footer-util__item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.footer-util__item--android, .footer-util__item--ios {
  overflow: hidden;
  position: absolute;
  width: 2.6rem;
  height: 2.6rem;
  padding: 0 0 0 2.6rem;
  font-size: 1px;
  color: transparent;
}

.footer-util__item--android {
  background: url("../images/icon/icon-android-lg.png") no-repeat 50% 50%;
  top: 1.8rem;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  right: 6rem;
}

.footer-util__item--ios {
  background: url("../images/icon/icon-ios-lg.png") no-repeat 50% 50%;
}

.footer-util__item--blog {
  width: 4.9rem;
  height: 2.2rem;
  padding: 0 0 0 4.9rem;
}

.footer-util__item--blog::before {
  background: url("../images/icon/icon-blog.png") no-repeat 50% 50%;
}

.inquery {
  width: 100%;
  overflow: hidden;
}

.inquery__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 18rem;
  width: 100%;
  position: relative;
}

.inquery__wrap:before {
  content: '';
  width: 50%;
  left: 0;
  position: absolute;
  height: 100%;
  background-color: #f1754e;
  top: 0;
  z-index: -1;
}

.inquery__wrap:after {
  content: '';
  width: 50%;
  z-index: -1;
  right: 0;
  position: absolute;
  height: 100%;
  background-color: #333333;
  top: 0;
}

.inquery__box {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.inquery__box--primary {
  max-width: 64rem;
  background-color: #f1754e;
}

.inquery__box--primary .inquery__subtext {
  color: #f5f5f5;
}

.inquery__box--primary .inquery__anchor {
  padding-right: 5.8rem;
}

.inquery__box--dark {
  max-width: 64rem;
  background-color: #333;
}

.inquery__box--dark .inquery__subtext {
  color: #929292;
}

.inquery__box--dark .inquery__anchor {
  padding-left: 5.8rem;
}

.inquery__box--dark .icon {
  right: 0 !important;
}

.inquery .icon {
  position: absolute;
  right: 6.3rem;
  top: calc(50% - 0.55rem);
}

.inquery__anchor {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  padding: 6rem 0;
}

.inquery__text {
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: -0.073rem;
  color: #fff;
}

.inquery__subtext {
  font-size: 1.6rem;
  letter-spacing: -0.053rem;
  margin-top: 0.8rem;
}

.l-row {
  margin: 0 auto;
  position: relative;
  width: 128rem;
}

.l-row--before:before {
  content: '';
  display: block;
  height: 5rem;
}

.l-row--before .l-box:first-child {
  margin-top: 2rem;
}

.l-row--after:after {
  content: '';
  display: block;
  height: 18rem;
}

.l-row--lg {
  width: 100%;
}

.l-row--sm {
  width: 84rem;
}

.l-row--xsm {
  width: 42rem;
}

.download-menu {
  font-size: 1.6rem;
  position: relative;
}

.download-menu [data-menu='con'] {
  position: absolute;
  top: 3.6rem;
  left: 0;
  z-index: 55;
}

.download-menu [data-menu='con'] > div {
  padding: 4.1rem 2.6rem 0;
  width: 35rem;
  height: 36.7rem;
  border: 1px solid #ccc;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.05);
}

.download-menu__title {
  display: block;
  margin: 0 0 0.8rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.download-menu__sub {
  font-size: 1.4rem;
  color: #666;
}

.download-menu__btn {
  margin: 1.6rem 0 0;
}

.download-menu__btn a {
  display: inline-block;
  padding: 2.8rem 2.5rem 1.8rem;
  border: 1px solid #eee;
  border-radius: 1rem;
  font-size: 1.4rem;
  text-align: center;
}

.download-menu__btn a span {
  display: block;
  margin: 0.8rem 0 0;
}

.download-menu__btn a + a {
  margin: 0 0 0 1rem;
}

.download-menu [data-menu-close] {
  position: absolute;
  bottom: 1px;
  left: 1px;
  right: 1px;
  width: calc(100% - 2px);
  background: #eee;
  text-align: center;
  border-radius: 0;
  height: 5.6rem;
  line-height: 5.6rem;
  color: #222;
}

.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(34, 34, 34, 0.15) !important;
          box-shadow: 0 0.5rem 1rem rgba(34, 34, 34, 0.15) !important;
}

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

.bs-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(34, 34, 34, 0.175) !important;
          box-shadow: 0 1rem 3rem rgba(34, 34, 34, 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 #222 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-50 {
  width: 50% !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-300 {
  font-weight: 300 !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;
}

.heading {
  font-weight: 700;
  color: #222;
  line-height: 1;
}

.heading--1 {
  margin: 7.2rem 0 3rem 0;
  font-size: 3.2rem;
  line-height: 4rem;
}

.heading--2 {
  margin: 5rem 0 3.2rem 0;
  font-size: 2.8rem;
}

.heading--2 em {
  font-weight: normal;
  margin-left: 0.8rem;
}

.heading--3 {
  font-size: 2.4rem;
}

.heading--4 {
  font-size: 2rem;
}

.heading--5 {
  margin: 5rem 0 1.8rem;
  font-size: 1.6rem;
  font-weight: 500;
}

.heading--line {
  padding: 0 0 2rem 0;
  border-bottom: 2px solid #222;
}

.heading__sub {
  padding: 0 0 0 0.4rem;
  font-size: 1.8rem;
}

.heading__side {
  position: absolute;
  top: 0;
  right: 0;
}

.heading strong {
  color: #222222;
}

.heading-wrap {
  position: relative;
}

.heading-wrap:not(.d-flex) .side {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.heading-wrap .heading--5 + .side {
  font-size: 1.4rem;
  color: #999;
}

.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;
}

.modal__body .heading:first-child {
  margin-top: 0;
}

.text {
  color: #666;
}

.text--md {
  font-size: 1.8rem;
  line-height: 3rem;
}

.text-list .text-list__item {
  color: #666;
}

.text-list .text-list__item + .text-list__item {
  margin: 1rem 0 0 0;
}

.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.9rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #666;
}

.text-list--md .text-list__title {
  margin-bottom: 2.8rem !important;
}

.text-list--md .text-list__item {
  font-size: 1.8rem;
  line-height: 3rem;
}

.text-list--md .text-list__item::before {
  top: 1.3rem;
}

.text-list--md .text-list__item + .text-list__item {
  margin: 1.6rem 0 0 0;
}

/* 매장관리 요소 */


.text-list .text-list__item2 {
    color: #666;
}

.text-list .text-list__item2 + .text-list__item2 {
  margin: 1rem 0 0 0;
}

.text-list--bullet1 .text-list__item2 {
  position: relative;
  padding: 0 0 0 1rem;
}

.text-list--md .text-list__item2 {
  font-size: 1.8rem;
  line-height: 3rem;
}

.text-list--md .text-list__item2::before {
  top: 1.3rem;
}

.text-list--md .text-list__item2 + .text-list__item2 {
  margin: 1.6rem 0 0 0;
}

/****/

.text-list + .label {
  margin: 3.2rem 0 0 0;
}

.text--link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.text--sm {
  letter-spacing: -0.07rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
  color: #999;
}

.text--sm b {
  color: #666;
}

.text-validation {
  display: block;
  margin: 0.8rem 0 0 0;
  color: #ff5b2c;
}

dl.text-list .text-list__title {
  margin: 0 0 1.6rem 0;
  font-weight: 700;
  font-size: 2rem;
  color: #222;
}

.mes-result {
  margin: 0 0 3rem 0;
  font-size: 2.6rem;
}

.mes-result strong {
  font-weight: 700;
  color: #ff5b2c;
}

.mes-result--nodata {
  position: relative;
  margin: 18rem 0;
  padding: 6rem 0 0 0;
  text-align: center;
  font-size: 1.8rem;
  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: 4rem;
  height: 4rem;
  background: url("../images/icon/icon-nodata.png") no-repeat;
}

.mes-result--confirm {
  position: relative;
  margin: 10rem 0;
  padding: 7.5rem 0 0 0;
  text-align: center;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 3rem;
  color: #666;
}

.mes-result--confirm::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 4.8rem;
  height: 4.8rem;
  background: url("../images/icon/icon-confirm.png") no-repeat;
}

.mes-result--complete {
  position: relative;
  margin: 10rem 0;
  padding: 7.2rem 0 0 0;
  text-align: center;
}

.mes-result--complete::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 4.8rem;
  height: 4.8rem;
  background: url("../images/icon/icon-check.png") no-repeat;
}

.mes-result--complete p {
  font-size: 1.8rem;
  color: #666;
}

.mes-result--complete p:first-child {
  font-weight: 700;
  font-size: 2.8rem;
  color: #ff5b2c;
}

.mes-result--complete p + p {
  margin: 0.4rem 0 0 0;
}

.mes-result--sm.mes-result--complete {
  margin: 2.6rem 0;
  padding: 5rem 0 0 0;
}

.mes-result--sm.mes-result--complete:before {
  width: 3.6rem;
  height: 3.6rem;
  background-size: 3.6rem 3.6rem;
}

.mes-result--sm.mes-result--complete p:first-child {
  font-size: 1.8rem;
}

.mes-text {
  margin: 3.2rem 0 2.4rem;
  line-height: 3rem;
  font-size: 1.8rem;
  text-align: center;
}

.badges {
  display: inline-block;
  border-radius: 0.4rem;
  color: #fff;
  vertical-align: top;
}

.badges--sm {
  height: 2rem;
  font-size: 1.2rem;
  padding: 0 0.6rem;
  line-height: 2rem;
}

.badges--lg {
  height: 2.2rem;
  font-size: 1.5rem;
  padding: 0 0.6rem 0 0.6rem;
  line-height: 2.2rem;
}

.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 {
  line-height: 1.8rem;
}

.badges.badges--c5.badges--lg {
  line-height: 2rem;
}

.badges.badges--c6 {
  color: #ff5b2c;
  border: 1px solid #ff5b2c;
}

.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.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: top;
  height: 2rem;
}

.badges-type2 {
  display: inline-block;
  position: relative;
  height: 3rem;
  padding: 0 1.2rem;
  border-radius: 0.4rem 0.4rem 0.4rem 0;
  line-height: 3rem;
  font-size: 1.8rem;
}

.badges-type2::before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0px;
  height: 0px;
  border-top: 12px solid #ff5b2c;
  border-right: 12px solid transparent;
}

.badges-type2.c1 {
  background: #ff5b2c;
  color: #fff;
}

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

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

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

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

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

.btn--sm {
  min-width: 10.8rem;
  height: 4rem;
  padding: 0 0.8rem;
  font-size: 1.5rem;
  font-weight: 500;
  border-radius: 0.8rem;
}

.btn--xsm {
  min-width: 10.8rem;
  height: 4.8rem;
  padding: 0 3.4rem;
  font-size: 1.8rem;
  border-radius: 0.6rem;
}

.btn--md {
  min-width: 16.4rem;
  height: 5rem;
  padding: 0 1.2rem;
  font-size: 1.6rem;
  font-weight: 500;
}

.btn--xmd {
  min-width: 19rem;
  height: 6rem;
  padding: 0 2rem;
  font-size: 1.8rem;
  font-weight: 500;
}

.btn--lg {
  min-width: 41rem;
  height: 7rem;
  padding: 0 3.6rem;
  font-size: 2rem;
  font-weight: 500;
}

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

.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:hover {
  background-color: #ff7c56;
}

.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:hover {
  background-color: #666;
}

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

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

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

.btn--gray:hover {
  background-color: #ddd;
}

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

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

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

.btn--light:hover {
  background-color: #f5f5f5;
}

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

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

.btn--yellow {
  background-color: #ffe403;
  color: #3d2222;
}

.btn--icon {
  display: inline-block;
  border: 0;
  padding: 0;
  height: auto;
  border-radius: 0;
}

.btn--round {
  border-radius: 3.2rem;
}

.btn--round2 {
  position: relative;
  height: 9rem;
  line-height: 9rem;
  padding: 0 8rem;
  border-radius: 0.8rem;
  background-color: #fff;
  border-color: #ddd;
  font-size: 2rem;
  text-align: left;
}

.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: 4.8rem;
  height: 4.8rem;
  background: #fff;
  overflow: hidden;
  padding: 0 0 0 4.8rem;
  border-radius: 0;
  font-size: 1px;
  color: transparent;
}

.btn--menu::before, .btn--menu::after,
.btn--menu span::before {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 100%;
  background: #222;
}

.btn--menu::before {
  top: 1.2rem;
}

.btn--menu::after {
  top: 2.1rem;
}

.btn--menu span::before {
  bottom: 1.1rem;
}

.btn--more {
  display: inline-block;
  color: #666;
  font-size: 1.5rem;
  line-height: 2.8rem;
  height: auto;
  text-decoration: underline !important;
}

/* --------------------------------------------------------------------------------
	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: #999;
  text-align: center;
}

.pagination a[aria-current='page'] {
  font-weight: 700;
  color: #222;
}

.pagination a[aria-current='page']::before {
  content: '';
  position: absolute;
  bottom: -0.3rem;
  left: 0;
  width: 2.2rem;
  height: 0.3rem;
  background: #222;
}

.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'] {
  color: #ff5b2c;
}

.pagination--sm a[aria-current='page']::before {
  display: none;
}

.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: 4.8rem;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
}

.count__number.is-focus {
  color: #ff5b2c;
}

.btn-text-area {
  margin: 3.8rem 0 0;
  display: block;
  text-align: center;
  padding: 0;
}

.btn-text-area__item {
  display: inline-block;
}

.btn-text-area__item .btn {
  font-size: 1.8rem;
  line-height: 2.2rem;
  vertical-align: top;
}

.btn-text-area__item + .btn-text-area__item::before {
  content: '';
  display: inline-block;
  background: #ddd;
  width: 1px;
  height: 2rem;
  margin: 0.1rem 1.8rem 0 1.8rem;
  vertical-align: top;
}

.icon {
  display: inline-block;
  vertical-align: top;
}

.icon--plus {
  width: 4.8rem;
  height: 4.8rem;
  background: url(../images/icon/icon-plus.png) no-repeat;
}

.icon--minus {
  width: 4.8rem;
  height: 4.8rem;
  background: url(../images/icon/icon-minus.png) no-repeat;
}

.icon--dropdown {
  width: 2.9rem;
  height: 2.9rem;
  background: url(../images/icon/icon-dropdown.png) no-repeat;
}

.icon--search {
  width: 3rem;
  height: 3rem;
  background: url(../images/icon/icon-search.png) no-repeat;
}

.icon--search-lg {
  width: 4.2rem;
  height: 4.2rem;
  background: url(../images/icon/icon-search-lg.png) no-repeat;
}

.icon--alarm {
  width: 3.2rem;
  height: 3.2rem;
  background: url(../images/icon/icon-alarm.png) no-repeat;
}

.icon--mypage {
  width: 3.2rem;
  height: 3.2rem;
  background: url(../images/icon/icon-mypage.png) no-repeat;
}

.icon--new {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff5b2c;
  font-size: 0.1rem;
  overflow: hidden;
  padding: 0 0 0 0.5rem;
}

.icon--sch {
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/icon/icon-sch.png) no-repeat;
}

.icon--user {
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/icon/icon-user.png) no-repeat;
}

.icon--favor {
  width: 2.1rem;
  height: 2rem;
  background: url(../images/icon/icon-favor.png) no-repeat;
  background-size: 2.1rem 2rem;
}

.icon--hipass {
  width: 12.4rem;
  height: 3rem;
  background: url(../images/icon/icon-hipass.png) no-repeat;
}

.icon--like {
  width: 15px;
  height: 15px;
  background: url(../images/icon/icon-like.png) no-repeat;
}

.icon--star {
  width: 15px;
  height: 15px;
  background: url(../images/icon/icon-star.png) no-repeat;
}

.icon--distance {
  width: 15px;
  height: 15px;
  background: url(../images/icon/icon-pin.png) no-repeat;
}

.icon--filter {
  width: 32px;
  height: 32px;
  background: url(../images/icon/icon-filter.png) no-repeat;
}

.icon--time {
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/icon/icon-time.png) no-repeat;
}

.icon--near {
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/icon/icon-near-black.png) no-repeat;
}

.icon--inquery-arrow {
  width: 3.3rem;
  height: 1.1rem;
  background: url(../images/icon/icon-inquery-arrow.png) no-repeat;
}

.icon--inquery-arrow2 {
  width: 3.3rem;
  height: 1.1rem;
  background: url(../images/icon/icon-inquery-arrow2.png) no-repeat;
}

.icon--course {
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/icon/icon-course.png) no-repeat;
}

.icon--map {
  width: 2.6rem;
  height: 2.5rem;
  background: url(../images/icon/icon-map.png) no-repeat;
}

.icon--link {
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/icon-text-link.png) no-repeat;
}

.icon--link-md {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-text-link-md.png) no-repeat;
}

.icon--link2 {
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/icon-text-link2.png) no-repeat;
}

.icon--accordion-arrow1 {
  width: 2.1rem;
  height: 2.1rem;
  background: url(../images/icon/icon-acc-arrow1.png) no-repeat;
}

.icon--point {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-point-primary.png) no-repeat;
}

.icon--point-white {
  position: relative;
  top: 0.2rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-point-white.png) no-repeat;
}

.icon--point-dark {
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/icon/icon-point-dark.png) no-repeat;
}

.icon--coupon-dark {
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/icon/icon-coupon-dark.png) no-repeat;
}

.icon--path {
  top: 0.6rem;
  margin-right: 0.6rem;
  position: relative;
  width: 0.7rem;
  height: 0.7rem;
  background: url(../images/icon/icon-path.png) no-repeat;
}

.icon--remove {
  width: 5rem;
  height: 5rem;
  background: #fff url(../images/icon/icon-remove.png) no-repeat;
  background-size: 5rem 5rem;
}

.icon--arrow {
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/icon/icon-arrow.png) no-repeat;
}

.icon--download {
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/icon/icon-download.png) no-repeat;
}

.icon--download-gray {
  width: 3.6rem;
  height: 3.6rem;
  background: url(../images/icon/icon-download-gray.png) no-repeat;
}

.icon--success {
  width: 3.6rem;
  height: 3.6rem;
  background: url(../images/icon/icon-success.png) no-repeat;
}

.icon--hipass-white {
  width: 11.4rem;
  height: 4.2rem;
  background: url(../images/icon/icon-hipass-white.png) no-repeat;
}

.icon.icon-user {
  display: inline-block;
  width: 3.6rem;
  height: 3.6rem;
}

.icon.icon-user--user1 {
  background: url("../images/icon/icon-user1.png") no-repeat;
}

.icon.icon-user--user1-lg {
  width: 8rem;
  height: 8rem;
  background: url("../images/icon/icon-user1-lg.png") no-repeat;
  background-size: 8rem 8rem;
}

.icon.icon-user--user2 {
  background: url("../images/icon/icon-user2.png") no-repeat;
}

.icon.icon-user--user3 {
  background: url("../images/icon/icon-user3.png") no-repeat;
}

.icon.icon-user--user4 {
  background: url("../images/icon/icon-user4.png") no-repeat;
}

.icon--back {
  width: 3.6rem;
  height: 3.6rem;
  background: url(../images/icon/icon-back.png) no-repeat;
}

.icon--list {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-list.png) no-repeat;
}

.icon--info-sm {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/icon/icon-info-sm.png) no-repeat;
}

.icon--s-event {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-snb-event.png) no-repeat;
}

.icon--s-invite {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-snb-event.png) no-repeat;
}

.icon--s-reserv {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-snb-reserv.png) no-repeat;
}

.icon--s-review {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-snb-review.png) no-repeat;
}

.icon--s-shop {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-snb-shop.png) no-repeat;
}

.icon--s-stamp {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-snb-stamp.png) no-repeat;
}

.icon--apple-dark {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon/icon-apple-dark.png) no-repeat;
}

.icon--delete {
  width: 4rem;
  height: 4rem;
  background: url(../images/icon/icon-delete.png) no-repeat;
}

.icon--stamp {
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/icon/icon-stamp.png) no-repeat;
}

.icon--place {
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/icon/icon-place.png") 50% 50% no-repeat;
}

.icon--region {
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/icon/icon-region.png") 50% 50% no-repeat;
}

.icon--station {
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/icon/icon-station.png") 50% 50% no-repeat;
}

.icon--text-remove {
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/icon/icon-text-remove.png") no-repeat;
}

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

.input {
  width: 100%;
  height: 6rem;
  padding: 0 2rem;
  border: 0.1rem solid #ddd;
  border-radius: 0.6rem;
  outline: 0;
  color: #999;
  -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--sm {
  font-size: 1.6rem;
  height: 4.8rem;
}

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

.label {
  font-size: 0;
}

.label--group label {
  margin-top: 1.4rem;
}

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

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

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

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

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

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

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

.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.png) no-repeat;
  background-size: 2.4rem 2.4rem;
}

.label.label--md input[type='checkbox']:checked + span:before {
  background: url(../images/icon//icon-basic-checked.png) 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.png) no-repeat;
  background-size: 2.4rem 2.4rem;
}

.label.label--md input[type='radio']:checked + span:before {
  background: url(../images/icon//icon-basic-radioed.png) 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 {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

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

.label label span + .icon--link2,
.label label span + .icon--link {
  top: 0.1rem;
  position: relative;
  margin-left: 0.4rem;
}

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

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

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

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

.label label.coupon__label input + .coupon__item {
  margin-left: 1.7rem;
}

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

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

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

.label.label--round label {
  position: relative;
  height: auto;
  margin-bottom: 1rem;
}

.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 {
  font-size: 1.6rem;
  padding: 0 2rem;
  height: 4rem;
  line-height: 3.8rem;
  border-radius: 3.2rem;
  overflow: hidden;
  background: #fff;
  border: 0.1rem solid #ccc;
  border-radius: 3.2rem;
  position: relative;
  background: none;
}

.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;
  color: #fff;
}

.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--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: 8.8rem;
  height: 4.8rem;
  background-image: none;
  background-color: #fff;
  font-weight: 500;
  font-size: 1.6rem;
  border-radius: 0.6rem;
  text-align: center;
  line-height: 4.8rem;
  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 {
  min-width: 13rem;
}

.label--vertical:first-child {
  margin: 4rem 0 0 0;
}

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

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

.textarea {
  display: block;
  border: 0.1rem solid #ddd;
  outline: 0;
  border-radius: 0.6rem;
  background-color: #fff;
  width: 100%;
  min-height: 15.4rem;
  color: #999;
  font-size: 1.8rem;
  padding: 1.6rem 2rem;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  resize: none;
}

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

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

.textarea__side {
  float: right;
  color: #999;
  font-size: 1.4rem;
  line-height: 2.2rem;
  margin: -2.7rem 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--sm textarea {
  min-height: 12.4rem;
}

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

.modal .textarea textarea {
  font-size: 1.6rem;
}

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

.search-form.open .search-form__wrap {
  position: relative;
  z-index: 10;
}

.search-form__wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.search-form__input {
  width: inherit;
  height: 100%;
  border: 0.1rem solid;
  border-radius: 3rem;
  padding: 0 7rem 0 2rem;
  font-size: 1.6rem;
  color: #d9d9d9;
  letter-spacing: -0.05rem;
  background-color: #f5f5f5;
  outline: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.search-form__input:focus {
  background-color: #fff;
  border-color: #ff5b2c;
  font-weight: bold;
  font-size: 1.8rem;
  color: #ff5b2c;
}

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

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

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

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

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

.search-form__button {
  position: absolute;
  top: 0.8rem;
  right: 2rem;
}

.search-form__word {
  display: none;
  position: absolute;
  left: -3rem;
  top: -2.8rem;
  padding: 11.6rem 3rem 0;
  width: calc(100% + 6rem);
  background-color: #fff;
  border: 0.1rem solid #ccc;
  -webkit-box-shadow: 0.2rem 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0.2rem 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.05);
}

.search-form__word .search-word__list--recommend + .search-form__sub {
  margin-top: 5.8rem;
}

.search-form__word .search-word__list--recommend .search-word__anchor {
  padding-left: 3rem;
}

.search-form [data-menu-close] {
  position: relative;
  width: calc(100% + 6rem);
  margin: 0 -3rem;
  background: #eee;
  text-align: center;
  border-radius: 0;
  height: 5.6rem;
  line-height: 5.6rem;
  color: #222;
  margin-top: 3.6rem;
}

.search-form__sub {
  font-weight: bold;
  font-size: 1.4rem;
  color: #999;
}

.search-form__sub::after {
  display: block;
  clear: both;
  content: "";
}

.search-form__sub > .btn--text {
  float: right;
  font-size: 1.4rem;
  letter-spacing: -0.042rem;
}

.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.8rem;
}

.select__btn > div[data-select='text']:empty::before {
  color: #999;
  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 6.6rem 0 2.2rem;
  height: 6rem;
  color: #999;
  line-height: 6rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0.6rem;
  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: 2.2rem;
  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 -6rem;
}

.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.8rem;
  padding: 0 2rem;
  height: 6rem;
  text-align: left;
}

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

.select--basic .select__option button:hover {
  background-color: #f8f8f8;
}

.select--sort {
  display: inline-block;
  min-width: 120px;
}

.select--sort .select__btn {
  position: relative;
  display: block;
  height: 3.6rem;
  padding: 0 3.2rem 0 0;
  line-height: 3.6rem;
  color: #999;
  overflow: hidden;
  background-color: #fff;
}

.select--sort .select__btn:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 18px;
  height: 18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icon/icon-sort.png) no-repeat;
}

.select--sort .select__btn > div[data-select='text'] {
  text-align: right;
  font-size: 1.6rem;
}

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

.select--sort .select__list {
  top: 4rem;
  min-width: 100%;
  border: 1px solid #222222;
  padding: 0.8rem 2.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: 1.8rem 0;
  font-size: 1.6rem;
  border: 0;
  line-height: 2rem;
  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;
}

.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: 5.4rem;
  color: #ff5b2c;
  font-size: 2rem;
  font-weight: bold;
}

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

.point-area + .btn {
  margin-left: 1rem;
  min-width: 11.4rem;
}

.label-link {
  margin: 2.4rem 0 0 0;
}

.label-link .label--simple {
  display: inline-block;
  vertical-align: middle;
}

.label-link .text--link {
  display: inline-block;
  color: #222;
  font-weight: 500;
  line-height: 2.4rem;
  margin: 0 0 0 0.4rem;
}

.label-link .text--link .icon--link {
  margin: 0.2rem 0 0 0;
}

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

.input-wrap + .input-wrap {
  margin: 2rem 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 2rem;
}

.input-wrap--type1 .btn {
  min-width: auto;
  padding: 0 1.6rem;
  height: 6rem;
  -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 .icon {
  display: block;
  position: absolute;
  top: 1.7rem;
  right: 2rem;
  width: 2.8rem;
  height: 2.8rem;
  padding: 0 0 0 2.8rem;
  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.png");
}

.input-wrap--password .icon.is-active {
  background-image: url("../images/icon/icon-eye.png");
}

.tabs--type1 {
  margin: 5rem 0 0;
}

.tabs--type1 > .tabs__list:after {
  content: '';
  height: 0.2rem;
  background-color: #222;
  display: block;
}

.tabs--type1 .tabs__head > .tabs__list > .tabs__item,
.tabs--type1 > .tabs__list > .tabs__item {
  float: left;
  width: 42.7rem;
}

.tabs--type1 .tabs__head > .tabs__list > .tabs__item a,
.tabs--type1 > .tabs__list > .tabs__item a {
  display: block;
  font-size: 1.8rem;
  padding: 1.6rem;
  border: 1px solid #ccc;
  border-bottom: 0;
  text-align: center;
  color: #999;
}

.tabs--type1 .tabs__head > .tabs__list > .tabs__item a[aria-selected='true'],
.tabs--type1 > .tabs__list > .tabs__item a[aria-selected='true'] {
  border-color: #222;
  color: #fff;
  background: #222;
  font-weight: 500;
}

.tabs--type1 .tabs__head > .tabs__list > .tabs__item + .tabs__item,
.tabs--type1 > .tabs__list > .tabs__item + .tabs__item {
  margin-left: -1px;
}

.tabs--type1.tabs--small .tabs__head > .tabs__list > .tabs__item,
.tabs--type1.tabs--small > .tabs__list > .tabs__item {
  width: auto !important;
}

.tabs--type1.tabs--small .tabs__head > .tabs__list > .tabs__item a,
.tabs--type1.tabs--small > .tabs__list > .tabs__item a {
  padding: 1.4rem 4rem 1.3rem 4rem;
  font-size: 1.6rem;
}

.tabs--type1.tabs--flex .tabs__list {
  position: relative;
}

.tabs--type1.tabs--flex .tabs__list::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.2rem;
  background: #222;
}

.tabs--type2 {
  margin: 7rem 0 0;
}

.tabs--type2 > .tabs__list {
  margin: 0 0 9.6rem;
}

.tabs--type2 > .tabs__list > .tabs__item {
  float: left;
}

.tabs--type2 > .tabs__list > .tabs__item a {
  display: block;
  font-size: 2rem;
  padding: 1.8rem 4.5rem;
  text-align: center;
  color: #999;
  background: #eee;
}

.tabs--type2 > .tabs__list > .tabs__item a[aria-selected='true'] {
  border-color: #222;
  color: #fff;
  background: #222;
  font-weight: 500;
}

.tabs--flex .tabs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.tabs--flex .tabs__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  float: none;
}

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

.tabs__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;
}

.tabs__head .tabs__btn .btn {
  font-size: 1.5rem;
  color: #666;
}

[role='tabpanel'] {
  display: none;
}

[role='tabpanel'].is-active {
  display: block;
}

.step {
  width: 100%;
  margin: 0 auto;
}

.step:first-child {
  margin-top: 9rem;
}

.step--md {
  max-width: 76.8rem;
}

.step--md:first-child {
  margin-top: 14rem;
  margin-bottom: 10rem;
}

.step--md .step__item {
  width: 25.6rem;
  font-size: 1.6rem;
}

.step--basic {
  text-align: center;
  line-height: 1;
}

.step--basic .step__list {
  width: 8rem;
}

.step__list {
  position: relative;
  width: 100%;
  display: inline-block;
  font-size: 0;
}

.step__list::before {
  content: '';
  position: absolute;
  top: 0.4rem;
  left: 0;
  right: 0;
  height: 0.1rem;
  background: #222;
}

.step__item {
  display: inline-block;
  position: relative;
  width: 4rem;
  height: 0.9rem;
}

.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 #222;
  background: #fff;
}

.step__item[aria-current='step']::after {
  background: #ff5b2c;
}

.step__item[aria-current='step'] em {
  color: #ff5b2c;
  font-weight: bold;
}

.table {
  width: 100%;
}

.table--type1 {
  text-align: center;
  font-size: 1.6rem;
  border-top: 0.2rem solid #222;
}

.table--type1 + .heading {
  margin-top: 8rem;
}

.table--type1 + .c-title {
  margin-top: 8rem;
}

.heading + .table {
  margin-top: 2rem;
}

.c-title + .table {
  margin-top: 2rem;
}

.table--type1 tr th,
.table--type1 tr td {
  padding: 2.2rem 2rem;
  border: 0.1rem solid #e7e7e7;
}

.table--type1 tr th:first-child,
.table--type1 tr td:first-child {
  border-left: 0;
}

.table--type1 tr th:last-child,
.table--type1 tr td:last-child {
  border-right: 0;
}

.table--type1 tr th {
  font-weight: bold;
}

.table--type2 tbody th {
  padding: 0 2rem 9.6rem 0;
  color: #222222;
  font-size: 2.8rem;
  font-weight: 700;
  vertical-align: top;
  text-align: left;
}

.table--type2 tbody td {
  padding: 0.4rem 0 9.6rem;
}

.table--type2 tbody tr:last-child td {
  padding-bottom: 0;
}

.table--type2 .text-list.text-list--md + .text-list--md {
  margin: 6rem 0 0 0;
}

.table--fixed tr th,
.table--fixed tr td {
  border-right: 0;
  border-left: 0;
}

.table--fixed thead tr th,
.table--fixed thead tr td {
  height: 6.4rem;
  padding: 0 2rem;
}

.table--fixed tbody th {
  padding: 0 2rem;
  color: #222222;
  font-size: 2.8rem;
  font-weight: 700;
  vertical-align: top;
  text-align: left;
  height: 6.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table--fixed tbody td {
  height: 5.4rem;
  padding: 0 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table--fixed tbody tr:last-child td {
  padding-bottom: 0;
}

.table--bd-none tr td,
.table--bd-none tr th {
  border: 0;
}

.table--bd-none tr:last-child td,
.table--bd-none tr:last-child th {
  border-bottom: 0.1rem solid #e7e7e7;
}

.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.5);
  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 {
  width: 38rem;
  background: #fff;
  position: relative;
  max-height: 90vh;
  max-height: 90vh;
  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 {
  min-height: 5.4rem;
  padding: 3.4rem 6rem 3rem 6rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.modal__title {
  font-weight: 700;
  font-size: 2.2rem;
  text-align: center;
}

.modal__sub {
  margin: 1.6rem 0 -3rem 0;
  padding: 0 0 3rem;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.modal__body {
  position: relative;
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 4rem 0;
  scrollbar-color: #d8d8d8;
  scrollbar-width: thin;
}

.modal__body::-webkit-scrollbar {
  width: 1.4rem;
}

.modal__body::-webkit-scrollbar-thumb {
  background: #d8d8d8;
  background-clip: padding-box;
  border-radius: 0.8rem;
  border: 4px solid transparent;
}

.modal__body::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 0;
}

.modal__inner {
  padding: 0 0 3rem;
}

.modal__footer {
  overflow: hidden;
  height: 6.5rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal__footer .btn--lg {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  min-width: 50%;
  border-radius: 0;
  border: 0;
  height: 6.5rem;
}

.modal__footer .btn--lg + .btn--lg {
  border-left: 1px solid #ccc;
}

.modal__footer .btn--lg:only-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  width: 100%;
}

.modal__btn-history {
  position: absolute;
  top: 2rem;
  left: 2rem;
}

.modal__btn-close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  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: 2.4rem;
  top: 0.6rem;
  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.open {
  display: block;
}

.modal.close {
  display: block;
}

.modal--w1 .modal__content section {
  width: 38rem;
}

.modal--w2 .modal__content section {
  width: 42rem;
}

.modal--w3 .modal__content section {
  width: 51rem;
}

.modal--w4 .modal__content section {
  width: 52.5rem;
}

.modal--w5 .modal__content section {
  width: 54rem;
}

.modal--w6 .modal__content section {
  width: 56rem;
}

.modal--w7 .modal__content section {
  width: 58rem;
}

.modal--w8 .modal__content section {
  width: 60rem;
}

.modal--w9 .modal__content section {
  width: 64rem;
}

.modal--w10 .modal__content section {
  width: 68rem;
}

.modal--w11 .modal__content section {
  width: 40rem;
}

.modal--w12 .modal__content section {
  width: 112rem;
}

.modal--alert .modal__content section {
  width: 40rem;
}

.modal--alert .modal__content section .modal__body {
  padding: 5rem 3rem 3rem;
  text-align: center;
}

.modal--alert .modal__content section .modal__body .alert-mes {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 10rem;
  line-height: 2.6rem;
  font-size: 1.8rem;
}

.modal--event .modal__header {
  padding: 0;
  min-height: auto;
}

.modal--event .modal__body {
  padding: 0;
}

.modal--aside .modal__content {
  display: block;
}

.modal--aside .modal__content section {
  position: absolute;
  top: 0;
  right: 0;
  width: 48rem;
  height: 100vh;
  max-height: 100vh;
}

.modal--aside .modal__header {
  height: 8rem;
  padding: 2rem 6rem 2rem 4rem;
  background: #ff5b2c;
}

.modal--aside .modal__title {
  text-align: left;
  color: #fff;
  font-weight: 500;
}

.modal--aside .modal__btn-close {
  top: 2rem;
}

.modal--aside .modal__btn-close::before, .modal--aside .modal__btn-close::after {
  background: #fff;
}

.modal--aside .modal__body {
  height: calc(100vh - 80px);
  padding: 3rem 4rem;
}

.modal:not(.modal--aside).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:not(.modal--aside).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:not(.modal--aside).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:not(.modal--aside).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--aside.animate.open {
  display: block;
}

.modal--aside.animate.open section {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: easing("ease");
          animation-timing-function: easing("ease");
  -webkit-animation-name: dialog-sidein;
          animation-name: dialog-sidein;
}

.modal--aside.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--aside.animate.close {
  display: block;
}

.modal--aside.animate.close section {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: easing("ease");
          animation-timing-function: easing("ease");
  -webkit-animation-name: dialog-sideout;
          animation-name: dialog-sideout;
}

.modal--aside.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:not(.modal--alert):not(.modal--event) .modal__body::after {
  content: '';
  display: block;
  height: 4rem;
}

.modal--event .event-img {
  display: block;
}

.modal--event .event-img img {
  vertical-align: top;
}

.modal--event .modal__footer .btn--lg {
  padding: 0 2rem;
  font-size: 1.6rem;
}

/* 다이얼로그(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;
  }
}

.fadeIn {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  background: rgba(0, 0, 0, 0.6);
  -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;
}

.fadeOut {
  -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;
}

@-webkit-keyframes dialog-sidein {
  from {
    -webkit-transform: translateX(350px);
            transform: translateX(350px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes dialog-sidein {
  from {
    -webkit-transform: translateX(350px);
            transform: translateX(350px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}

@-webkit-keyframes dialog-sideout {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(350px);
            transform: translateX(350px);
    opacity: 0;
  }
}

@keyframes dialog-sideout {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(350px);
            transform: translateX(350px);
    opacity: 0;
  }
}

.area-temp1 {
  position: relative;
  height: 50vh;
  background: rgba(0, 0, 0, 0.1);
  font-size: 4rem;
  line-height: 50vh;
  color: #fff;
  text-align: center;
}

.store-list__item {
  height: 32rem;
  border: 1px solid #dddddd;
}

.store-list__item + .store-list__item {
  margin: 5rem 0 0 0;
}

.store-list__item .badges-type2 {
  position: absolute;
  top: -15px;
  left: 0;
  z-index: 1;
}

.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.6);
}

.store-list__item .store-ad .con {
  top: 2.4rem;
  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[src='']::before {
  content: 'image';
  position: absolute;
  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;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #999;
  color: #fff;
  font-size: 3rem;
}

.store-list__con {
  position: relative;
  height: 100%;
  padding: 4rem 4.6rem 5rem 4.6rem;
  overflow: hidden;
}

.store-list__label {
  line-height: 1;
  height:2rem;
}

.store-list__label:empty + .store-list__title {
  margin-top: 0;
}

.store-list__title {
  display: block;
  margin: 0.8rem 0 1rem;
  font-size: 2.4rem;
  line-height: 3.4rem;
}

.store-list__info {
  position: absolute;
  left: 4.6rem;
  right: 4.6rem;
  bottom: 8.4rem;
}

.store-list__text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #666;
  background: #f8f8f8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.store-list--vertical .store-list__anchor {
  padding: 0 0 0 50rem;
}

.store-list--vertical .store-list__img {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 50rem;
  height: 32rem;
}

.store-list--vertical .store-list__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.store-list--vertical .store-list__text {
  height: 5rem;
  padding: 1.3rem 4.6rem;
}

.store-list--vertical .info-price__item {
  overflow: hidden;
}

.store-list--card .store-list__inner,
.store-list--card > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -2rem;
}

.store-list--card .store-list__item {
  width: 40rem;
  height: 59rem;
  margin: 2rem;
}

.store-list--card .store-list__img {
  position: relative;
  display: block;
  width: 40rem;
  /*height: 26rem;*/
}

.store-list--card .store-list__con {
  height: 32.9rem;
  padding: 3.6rem 3.6rem 0;
}

.store-list--card .store-list__title {
  max-height: 6.8rem;
  font-size: 2.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.store-list--card .store-list__info {
  margin: 0;
  position: absolute;
  bottom: 77px;
  left: 36px;
}

.store-list--card .store-list__info .info-price__con {
  margin-top: 0.4rem;
}

.store-list--card .store-list__info .info-price__item:nth-child(2) {
  display: none;
}

.store-list--card .store-list__text {
  padding: 0.8rem 3.6rem;
  height: 4rem;
  font-size: 1.4rem;
  color: #222222;
}

.store-list--card .info-price,
.store-list--card .info-price__item {
  display: block;
}

.store-list--card.swiper-container-initialized .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--card.swiper-container-initialized .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__num {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  width: 5rem;
  height: 5rem;
  background: #fff;
  font-size: 2.6rem;
  font-weight: 700;
  padding: 0 0 0 0.8rem;
  line-height: 5rem;
}

.store-list__num--recom {
  font-size: 1.6rem;
}

.store-ad {
  position: absolute;
  z-index: 10;
  line-height: 1;
}

.store-ad .btn {
  height: auto;
  border: 1px solid #cccccc;
  border-radius: 0.5rem;
  padding: 0 1.8rem 0 0.4rem;
  font-size: 1.4rem;
  color: #666;
  font-weight: 500;
  line-height: 1.8rem;
  background: url("../images/icon/icon-info-xsm.png") no-repeat 90% 50%;
}

.store-ad .con {
  position: absolute;
  top: 3rem;
  right: 0;
  width: 17rem;
  border: 1px solid #ccc;
  border-radius: 0.6rem;
  padding: 0.7rem 1.1rem;
  font-size: 1.4rem;
  background: #fff;
  line-height: 2rem;
}

.store-util {
  line-height: 1;
}

.store-util__item {
  display: inline-block;
}

.store-util__item + .store-util__item {
  margin: 0 0 0 1.6rem;
}

.store-util .store-util__text {
  font-size: 1.4rem;
  color: #555;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 0.4rem;
}

.info-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.info-price__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 4px);
          flex: 0 0 calc(50% - 4px);
}

.info-price__item:only-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.info-price__title {
  display: block;
  font-weight: 500;
  white-space: nowrap;
}

.info-price__con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: last baseline;
      -ms-flex-align: last baseline;
          align-items: last baseline;
  margin: 0.8rem 0 0 0;
  line-height: 2.4rem;
  white-space: nowrap;
}

.info-price__text1 {
  display: inline-block;
  font-size: 2.2rem;
  color: #bbb;
  text-decoration: line-through;
}

.info-price__text1 .info-price__unit {
  font-size: 1.8rem;
}

.info-price__text2 {
  display: inline-block;
  font-weight: 700;
  font-size: 2.6rem;
  color: #222;
  margin: 0 0 0 1.2rem;
}

.info-price__text2 em,
.info-price__text2 span,
.info-price__text2 strong {
  display: inline-block;
}

.info-price__text2 em {
  margin: 0 0.4rem;
  color: #ff5b2c;
}

.info-price__unit {
  font-size: 2rem;
  vertical-align: top;
}

.l-search {
  position: relative;
  padding: 3.2rem 0;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}

.l-search .l-row::after {
  display: block;
  clear: both;
  content: "";
}

.l-search__form {
  float: right;
}

.l-search__label {
  position: relative;
  display: inline-block;
  padding: 0 5.6rem 0 0;
  vertical-align: top;
}

.l-search__label::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 2.7rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 2.5rem;
  background: #ccc;
}

.l-search__label label {
  margin-bottom: 0 !important;
}

.l-search__btn {
  position: relative;
  padding: 0 0 0 4rem;
  line-height: 4rem;
}

.l-search__btn .icon--filter {
  position: absolute;
  top: 0.4rem;
  left: 0;
}

.l-search__btn span {
  display: inline-block;
  text-decoration: underline;
}

.l-search__btn.is-active .icon--filter {
  background: url(../images/icon/icon-filter-orange.png) no-repeat;
}

.l-search__number {
  position: absolute;
  top: -1px;
  left: 18px;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  border-radius: 50%;
  color: #fff;
  background: #ff5b2c;
}

.l-search__side {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 4rem;
  color: #999;
}

.l-search__side a {
  display: inline-block;
  color: #222222;
  margin: 0 0 0 1rem;
}

.l-search--around .l-search__form {
  float: none;
}

.l-search__dropdown {
  float: left;
}

.l-search__dropdown > .btn--text {
  line-height: 4rem;
  border-radius: 0;
}

.l-search__dropdown > .btn--text .icon--dropdown {
  vertical-align: middle;
}

.l-search .dropdown-menu {
  position: absolute;
  top: 7.3rem;
  left: 0;
}

.map-wrap {
  position: relative;
  max-width: 192rem;
  height: 96rem;
  margin: 0 auto;
  background: #eee;
}

.map-wrap .map__btn {
  position: absolute;
  width: 100%;
  bottom: 4.5rem;
  left: 0;
  text-align: center;
}

.map-wrap .map__btn .btn {
  min-width: auto;
  width: 11rem;
}

.map-wrap .map__pin {
  position: absolute;
  display: inline-block;
  min-width: 11.1rem;
  height: 3.8rem;
  padding: 0.9rem 1.4rem 0.9rem 3.7rem;
  background: #fff;
  border-radius: 2rem;
  border: 1px solid;
  line-height: 1;
  font-size: 1.8rem;
  font-weight: 700;
}

.map-wrap .map__pin::before, .map-wrap .map__pin::after {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.map-wrap .map__pin::before {
  top: 0.9rem;
  left: 1.5rem;
  width: 1.6rem;
  height: 1.7rem;
  background-image: url("../images/icon/icon-map-fin.png");
}

.map-wrap .map__pin::after {
  bottom: -0.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.2rem;
  height: 0.6rem;
  background-image: url("../images/content/bg-map-pin.png");
}

.map-wrap .map__pin.is-active {
  border-color: #ff5b2c;
  background-color: #ff5b2c;
  color: #fff;
}

.map-wrap .map__pin.is-active::before {
  background-image: url("../images/icon/icon-map-fin-active.png");
}

.map-wrap .map__pin.is-active::after {
  background-image: url("../images/content/bg-map-pin-active.png");
}

.l-map {
  position: absolute;
  top: 3.2rem;
  left: 32rem;
  width: 50rem;
  height: 81.5rem;
  border-radius: 1.5rem;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
}

.l-map__text {
  display: block;
  padding: 2.4rem 4rem 2rem;
  border-bottom: 1px solid #eee;
  font-size: 1.8rem;
  line-height: 1;
}

.l-map .store-list__item {
  height: 17.4rem;
  border: 0;
  border-bottom: 1px solid #eee;
  margin-top: 0 !important;
}

.l-map .store-list__item.is-active .store-list__anchor::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #ff5b2c;
}

.l-map .store-list--vertical .store-list__anchor {
  padding: 1.8rem 4rem 1.8rem 20.5rem;
}

.l-map .store-list__img {
  top: 2rem;
  left: 4rem;
  width: 13.5rem;
  height: 13.5rem;
}

.l-map .store-list__con {
  padding: 1rem 0 0;
}

.l-map .store-list__title {
  margin-bottom: 1.2rem;
  font-size: 1.8rem;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.l-map .store-list__info {
  bottom: 0.8rem;
  left: 0;
  width: 100%;
}

.l-map .info-price {
  display: block;
}

.l-map .info-price__title {
  font-size: 1.4rem;
}

.l-map .info-price__text2 {
  margin: 0;
  font-size: 1.6rem;
}

.l-map .info-price__text2 em {
  margin: 0 0.4rem 0 0;
}

.l-map .info-price__item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.l-map .info-price__con {
  display: block;
  margin-top: 0;
}

.l-map .info-price__unit {
  font-size: 1.6rem;
}

.store-recom {
  position: relative;
  padding: 7.2rem 0 4.4rem 0;
}

.store-recom::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  min-width: 1280px;
  width: 100vw;
  height: 100%;
  background: #f5f5f5;
  content: '';
}

.store-recom .heading--1 {
  margin-top: 0;
  margin-bottom: 5rem;
}

.store-recom .store-list {
  padding: 2rem;
  margin: -2rem;
  overflow: hidden;
}

.store-recom .store-list--card .store-list__item {
  border: 0;
  background: #fff;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.store-recom .swiper-button-prev,
.store-recom .swiper-button-next {
  position: absolute;
  top: 10.3rem;
}

.store-recom .store-recom__btn {
  text-align: center;
  margin: 7.2rem 0 0 0;
}

.detail-program__title {
  font-size: 1.8rem;
  padding: 1.6rem;
  text-align: center;
  border-top: 3px solid #222;
  background: #eee;
}

.detail-price__item {
  position: relative;
  min-height: 6.2rem;
  padding: 4rem 0;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.detail-price__con:first-child {
  width: 60%;
}

.detail-price__con:last-child {
  width: 40%;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.detail-price__con > div + div {
  margin: 4rem 0 0;
}

.detail-price__title {
  display: block;
  font-size: 2rem;
  color: #222;
}

.detail-price__sub {
  display: block;
  margin: 0.4rem 0 0 0;
  font-size: 1.8rem;
  color: #666;
}

.detail-price__label {
  margin: 1.2rem 0 0 0;
}

.detail-price__label .badges--lg {
  height: 2.6rem;
  line-height: 2.3rem !important;
}

.detail-price__label:empty {
  margin-top: 0;
}

.detail-price__side {
  float: right;
  width: 30%;
}

.detail-price__text1 {
  display: block;
  font-size: 2rem;
  line-height: 2rem;
  text-decoration: line-through;
  color: #bbb;
  text-align: right;
}

.detail-price__text1 .detail-price__unit {
  font-size: 1.8rem;
}

.detail-price__text2 {
  display: block;
  margin: 1.2rem 0 0 0;
  font-size: 2rem;
  line-height: 2rem;
  text-decoration: line-through;
  color: #666;
  text-align: right;
}

.detail-price__text2 .detail-price__unit {
  font-size: 1.8rem;
}

.detail-price__text3 {
  display: block;
  margin: 1.2rem 0 0 0;
  font-size: 2.6rem;
  line-height: 2.6rem;
  color: #222222;
  text-align: right;
  line-height: 3.2rem;
}

.detail-price__text3 em,
.detail-price__text3 span,
.detail-price__text3 strong {
  display: inline-block;
}

.detail-price__text3 em {
  margin: 0 1rem 0 0;
  color: #ff5b2c;
  font-weight: 700;
}

.detail-price__time {
  display: block;
  text-align: right;
  font-weight: 700;
  margin: 0 0 1.2rem 0;
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.detail-price__unit {
  font-size: 2rem;
  vertical-align: top;
}

.detail-company__map {
  width: 84.4rem;
  height: 40rem;
}

.detail-company__address {
  margin: 3rem 0 0;
  font-size: 2rem;
  line-height: 3.6rem;
  font-weight: 500;
}

.detail-company__address .btn {
  background: #222;
  color: #fff;
  font-size: 1.8rem;
  padding: 0 0.8rem;
  height: 3rem;
  border-radius: 0;
  font-weight: normal;
  line-height: 3rem;
  margin: 0 0 0 1rem;
}

.detail-company__con {
  margin: 7rem 0 0;
}

.detail-company__text1 {
  margin: 0 0 1.6rem;
  font-size: 2.8rem;
  line-height: 3rem;
  color: #ff5b2c;
}

.detail-company__text2 {
  font-size: 1.8rem;
  line-height: 3rem;
  color: #666;
}

.detail-company__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 3.5rem -1.5rem -1.5rem;
}

.detail-company__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 26rem;
          flex: 0 0 26rem;
  height: 11.5rem;
  padding: 6.8rem 0 0;
  border-radius: 0.8rem;
  margin: 1.5rem;
  border: 1px solid #222;
  background: #fff;
  font-weight: 700;
  background-repeat: no-repeat;
  background-position: 50% 25px;
  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-store {
  position: relative;
  padding: 7.8rem 0 0 0;
}

.detail-store::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 1280px;
  width: 100vw;
  height: 57rem;
  background: #f5f5f5;
  content: '';
}

.detail-store__inner {
  position: relative;
  padding: 0 0 0 81rem;
}

.detail-store__thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 81rem;
  height: 54rem;
  overflow: hidden;
}

.detail-store__thumb::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 22rem;
  height: 5rem;
  background: #fff;
  z-index: 1;
}

.detail-store__thumb [class*='swiper-button-'] {
  position: absolute;
  bottom: 0;
  width: 2.8rem;
  height: 2.8rem;
  z-index: 5;
}

.detail-store__thumb [class*='swiper-button-']::before {
  content: '';
  position: absolute;
  top: 0.8rem;
  left: 1rem;
  width: 0;
  height: 0;
  border-bottom: 0.6rem solid transparent;
  border-top: 0.6rem solid transparent;
  border-left: 0.8rem solid #222;
  border-right: 0.8rem solid transparent;
  background: none !important;
}

.detail-store__thumb [class*='swiper-button-'].swiper-button-disabled::before {
  border-left-color: #bbb;
}

.detail-store__thumb .swiper-button-prev {
  right: 15.3rem;
}

.detail-store__thumb .swiper-button-prev::before {
  left: auto;
  right: 1rem;
}

.detail-store__thumb .swiper-button-prev.swiper-button-disabled::before {
  -webkit-transform: rotate(-180deg) !important;
          transform: rotate(-180deg) !important;
}

.detail-store__thumb .swiper-button-next {
  right: 4rem;
}

.detail-store__thumb .swiper-button-next.swiper-button-disabled::before {
  -webkit-transform: rotate(0) !important;
          transform: rotate(0) !important;
}

.detail-store__thumb .swiper-pagination {
  position: absolute;
  right: 6.8rem;
  bottom: 0.2rem;
  width: 8.5rem;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  z-index: 10;
  color: #999;
}

.detail-store__thumb .swiper-pagination .swiper-pagination-current {
  font-weight: 500;
  color: #222;
}

.detail-store__con {
  position: relative;
  width: 47rem;
  height: 54rem;
  padding: 0 0 0 5.6rem;
}

.detail-store__con .store-util {
  margin: 1.6rem 0 0;
}

.detail-store__title {
  display: block;
  margin: 0.8rem 0 0 0;
  font-size: 3.2rem;
  line-height: 4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.detail-store__info {
  position: absolute;
  bottom: 9.2rem;
  left: 5.6rem;
}

.detail-store__info dt {
  margin: 2.8rem 0 0.8rem 0;
  color: #999;
  font-weight: 500;
}

.detail-store__info dd {
  line-height: 2rem;
}

.detail-store__info dd p + p {
  margin: 0.8rem 0 0 0;
}

.detail-store__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 7rem 0 0;
}

.detail-store__btn .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.detail-store__btn .btn + .btn {
  margin: 0 0 0 2rem;
}

.thumb-list__slide {
  width: 81rem;
  height: 54rem;
  background: #eee;
}

.thumb-list__slide img[src='']::before {
  content: 'image';
  position: absolute;
  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;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #999;
  color: #fff;
  font-size: 3rem;
}

.l-reserv {
  position: sticky;
  bottom: 0;
  height: 12.1rem;
  margin: 4rem 0 0;
  padding: 2.5rem 0;
  border-top: 1px solid #eee;
  background: #fff;
  z-index: 50;
}

.l-reserv + .inquery {
  margin-top: 0;
}

.l-reserv__share {
  padding: 0 82rem 0 0;
  line-height: 7rem;
}

.l-reserv__share .l-reserv__anchor {
  position: relative;
  display: inline-block;
  height: 3.5rem;
  line-height: 3.5rem;
  padding: 0 2.6rem 0 6.8rem;
}

.l-reserv__share .l-reserv__anchor::before {
  content: '';
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  top: 0;
  left: 3rem;
}

.l-reserv__share .l-reserv__anchor + .l-reserv__anchor::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 2.4rem;
  background: #ccc;
}

.l-reserv__share .l-reserv__anchor--share::before {
  background: url("../images/icon/icon-share.png") no-repeat 50% 50%;
}

.l-reserv__share .l-reserv__anchor--like::before {
  background: url("../images/icon/icon-like-white.png") no-repeat 50% 50%;
}

.l-reserv__share .l-reserv__anchor--like.is-active::before {
    background: url("../images/icon/icon-like-active.png") no-repeat 50% 50%;
}

.l-reserv__share .l-reserv__anchor--map::before {
  background: url("../images/icon/icon-map-black.png") no-repeat 50% 50%;
}

.l-reserv__btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 82rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.l-reserv__btn .btn {
  position: relative;
  min-width: auto;
  width: 40.2rem;
  margin: 0;
  vertical-align: top;
  line-height: 7rem;
}

.l-reserv__btn .btn + .btn {
  margin-left: 2rem;
}

.l-reserv__btn .icon--hipass-white {
  width: 11.4rem;
  height: 4.2rem;
  display: inline-block;
  padding: 0 0 0 11.4rem;
  font-size: 1px;
  overflow: hidden;
  vertical-align: middle;
}

.l-reserv__nodata {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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;
  font-size: 1.8rem;
  height: 7rem;
}

@-moz-document url-prefix() {
  .l-reserv {
    position: relative;
  }
}

.review {
  position: relative;
}

.review__title {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  color: #ff5b2c;
  line-height: 1;
  margin: 0 0 1.2rem;
}

.review__area {
  position: relative;
  padding: 8.2rem 0 16.8rem;
  margin: 2.8rem 0 6.4rem;
}

.review__area::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 1280px;
  width: 100vw;
  height: 55rem;
  background: #f7f1ef;
  content: '';
}

.review__area .review__list {
  margin: 0;
}

.review__area .review__item {
  width: 50rem;
  height: 30rem;
  text-align: left;
  margin: 0;
  border-radius: 1.5rem;
}

.review__area .review__info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.review__area .review__course {
  display: inline;
}

.review__area .swiper-button-prev {
  position: absolute;
  right: 5rem;
  bottom: 6.8rem;
}

.review__area .swiper-button-next {
  position: absolute;
  right: 0;
  bottom: 6.8rem;
}

.review__area .swiper-scrollbar {
  position: absolute;
  bottom: 8.6rem;
  left: 0;
}

.review__eval {
  position: relative;
  margin: 4.5rem 0 5rem;
  line-height: 3rem;
}

.review__eval > span {
  display: inline-block;
  line-height: 3rem;
  font-size: 1.8rem;
  font-weight: 500;
  vertical-align: top;
}

.review__eval .review__num {
  margin: 0 0 0 2rem;
  width: 15rem;
  height: 3rem;
}

.review__eval .review__num > span {
  background-size: 15rem 3rem;
}

.review__eval .review__num em {
  position: absolute;
  top: 0;
  right: -11.6rem;
  width: 10rem;
  text-align: left;
  font-size: 4rem;
  color: #ff5b2c;
  font-weight: 700;
}

.review__eval--type2 {
  margin: 0;
}

.review__eval--type2 .review__num {
  margin: 0;
  z-index: 5;
}

.review__eval--type2 .review__num em {
  font-size: 3.6rem;
}

.review__text {
  font-size: 1.8rem;
  text-align: center;
}

.review__list {
  margin: -2rem;
}

.review__item {
  overflow: hidden;
  display: inline-block;
  position: relative;
  border: 1px solid #ddd8d6;
  background: #fff;
  width: 62rem;
  margin: 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: 3.2rem;
  right: 3rem;
}

.review__con {
  position: relative;
  padding: 4.2rem 4.2rem 4.2rem 9.2rem;
}

.review__con p {
  color: #666;
  font-size:18px;
}

.review__con .best {
  color: #666;
  display: -webkit-box; 
  word-wrap: break-word;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.review__con--reply {
  padding: 3.5rem 4.2rem 3.5rem 9.5rem;
  font-size: 1.8rem;
  background: #f8f8f8;
}

.review__con--reply .review__user {
  font-size: 1.8rem;
}

.review__user {
  display: block;
  margin: 0 0 1.2rem;
  padding: 0 3rem 0 0;
  font-size: 2rem;
}

.review__info {
  margin: 0 0 1.2rem;
  line-height: 1.8rem;
}

.review__num {
  position: relative;
  display: inline-block;
  margin: 0.1rem 1rem 0 0;
  width: 6.5rem;
  height: 1.3rem;
  background: url("../images/icon/icon-star-gray.png") no-repeat;
  background-size: 100% 100%;
}

.review__num > span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  font-size: 1px;
  background: url("../images/icon/icon-star-orange.png") no-repeat;
  background-size: 6.5rem 1.3rem;
}

.review__course {
  display: inline-block;
  font-size: 1.4rem;
  color: #666;
}

.review__menu [data-menu='con'] {
  top: 7.8rem;
  right: 0;
  width: 16.5rem;
  border: 1px solid #222222;
  padding: 0.8rem 2.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);
}

.review__menu [data-menu='con'] button,
.review__menu [data-menu='con'] a {
  width: 100%;
  display: block;
  padding: 1.8rem 0;
  font-size: 1.6rem;
  border: 0;
  line-height: 2rem;
  text-align: center;
  color: #222222;
}

.review__menu [data-menu='con'] button + button,
.review__menu [data-menu='con'] a + button {
  border-top: 1px solid #eee;
}

.review .select {
  position: absolute;
  top: 1rem;
  right: 0;
  width: 16.5rem;
}

[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;
}

.share {
  margin: 7.8rem 0;
}

.share__btn {
  position: relative;
  line-height: 7rem;
  border-radius: 1rem;
  text-align: center;
  font-size: 2.2rem;
  width: 100%;
}

.share__btn::before {
  content: '';
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 0.7rem 0 0;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.share__btn + .share__btn {
  margin: 2rem 0 0 0;
}

.share__btn--kakao {
  color: #361f1e;
  background: #f6de38;
}

.share__btn--kakao::before {
  background-image: url("../images/icon/icon-kakao.png");
}

.share__btn--phone {
  background: #eeeeee;
}

.share__btn--phone::before {
  background-image: url("../images/icon/icon-mail.png");
}

.share__btn--google {
  background: #eeeeee;
}

.share__btn--google::before {
  background-image: url("../images/icon/icon-google.png");
}

.share__btn--email {
  color: #fff;
  background: #ff5b2c;
}

.share__btn--email::before {
  background-image: url("../images/icon/icon-mail-white.png");
}

.share__btn--apple {
  color: #fff;
  background: #000;
}

.share__btn--apple::before {
  background-image: url("../images/icon/icon-apple.png");
  background-position: 50% 0;
}

.stamp-event .stamp__title {
  margin: 2.8rem 0;
  text-align: center;
}

.stamp-event .stamp__title img {
  width: 43.1rem;
}

.stamp-event .stamp__title + p {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
}

.stamp-event .stamp {
  margin-top: 5.4rem;
}

.stamp {
  max-width: 46.6rem;
}

.stamp__info {
  position: relative;
  margin: 2rem 0 0 0;
  padding: 1.6rem 16rem 1.7rem 2.4rem;
  font-size: 1.8rem;
  color: #fff;
  background: #b1a8a5;
}

.stamp__date {
  position: absolute;
  top: 1.8rem;
  right: 2.4rem;
  font-size: 1.4rem;
}

.stamp__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
    justify-content: space-between;
  height: 22rem;
  background: #f7f1ef;
  margin: -0.6rem 0;
  padding: 3.2rem 3rem;
}

.stamp__mark {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7.1rem;
          flex: 0 0 7.1rem;
  width: 7.1rem;
  height: 7rem;
  margin: 0.6rem 0;
  color: #b1a8a5;
  font-size: 2.4rem;
  text-align: center;
  font-weight: normal;
  background: url("../images/com/bg-stamp1.png") no-repeat 0 0;
}

.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) {
  background-position: 0px 0;
}

.stamp__mark:nth-child(2) {
  background-position: -71px 0;
}

.stamp__mark:nth-child(3) {
  background-position: -142px 0;
}

.stamp__mark:nth-child(4) {
  background-position: -213px 0;
}

.stamp__mark:nth-child(5) {
  background-position: -284px 0;
}

.stamp__mark:nth-child(6) {
  background-position: -355px 0;
}

.stamp__mark:nth-child(7) {
  background-position: -426px 0;
}

.stamp__mark:nth-child(8) {
  background-position: -497px 0;
}

.stamp__mark:nth-child(9) {
  background-position: -568px 0;
}

.stamp__mark:nth-child(10) {
  background-position: -639px 0;
}

.stamp__mark:nth-child(11) {
  background-position: -710px 0;
}

.stamp__complete {
  width: 8.4rem;
  height: 8.4rem;
  position: absolute;
  top: -0.7rem;
  left: -0.7rem;
  overflow: hidden;
  font-size: 1px;
  color: transparent;
  padding: 0 0 0 8.4rem;
  background: url("../images/com/img-stamp.png") no-repeat 0 0;
}

.stamp-list--disabled .stamp-list__description {
  color: #999;
}

.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: '제휴점 사정으로 스탬프 적립이 중단되었습니다.';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 2.5rem;
  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;
  z-index: 1;
}

.stamp-list__item {
  position: relative;
}

.stamp-list__description {
  font-size: 1.8rem;
  letter-spacing: -0.06rem;
}

.stamp-list__anchor {
  display: block;
  padding: 4rem 4rem 4rem 3.5rem;
}

.stamp-list__box {
  padding: 1.8rem 2.6rem;
  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;
  margin-top: 1.5rem;
  background-color: #f7f1ef;
}

.stamp-list__left {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.stamp-list__total {
  font-size: 1.6rem;
  letter-spacing: -0.053rem;
  color: #444;
  line-height: 2.8rem;
}

.stamp-list__number {
  font-size: 3.6rem;
  font-weight: bold;
  color: #ff5b2c;
  margin-right: 0.4rem;
}

.stamp-list__text {
  margin-left: 0.8rem;
  color: #ff5b2c;
  letter-spacing: -0.053rem;
  font-weight: bold;
}

.stamp-card__item {
  position: relative;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.1rem solid #e8e8e8;
}

.stamp-card__item:first-child {
  margin-top: 3.2rem;
}

.stamp-card__item + .stamp-card__item {
  border-top: 0;
}

.stamp-card__img {
  width: 8rem;
  height: 8rem;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.stamp-card__btn {
  position: absolute;
  right: 2rem;
}

.stamp-card__description {
  max-width: 32.5rem;
  margin-left: 2rem;
  padding-right: 4rem;
}

.stamp-card__text {
  font-weight: bold;
  line-height: 2.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.info-box {
  margin: 6.4rem -4rem -4rem;
  padding: 4.4rem 4.7rem 3.8rem;
  background: #efefef;
}

.info-box + .label-link {
  margin-top: 6.6rem;
}

.info-box--t2 {
  padding: 0;
  margin: 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;
}

.review-event {
  height: 64.9rem;
  margin-bottom: -4rem;
}

.review-event::after {
  display: block;
  clear: both;
  content: "";
}

.review-event__l {
  float: left;
  width: 50%;
  height: 100%;
  padding: 8.9rem 9.2rem 6.5rem 7.3rem;
  background: #ff5b2c;
}

.review-event__l .btn--light.btn--round {
  border: 0;
  min-width: 100%;
}

.review-event__r {
  float: left;
  width: 50%;
  height: 100%;
  padding: 9.2rem 5rem 5rem;
}

.review-event__title {
  position: relative;
  display: block;
  font-size: 11rem;
  color: #fff;
  font-weight: 100;
  line-height: 9rem;
}

.review-event__title strong {
  font-weight: 700;
}

.review-event__title::before {
  content: '';
  position: absolute;
  top: 6.3rem;
  right: -3.5rem;
  width: 7.2rem;
  height: 7.6rem;
  background: url("../images/content/bg_best.png") no-repeat 0 0;
}

.review-event__sub1 {
  margin: 3.2rem 0 1.2rem;
  color: #222;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 4rem;
}

.review-event__sub2 {
  margin: 0 0 8.3rem;
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 700;
}

.review-event__sub2 strong {
  color: #fff;
}

.review-event__list {
  margin: 0 0 4rem;
}

.review-event__list dl {
  position: relative;
  padding: 0 0 0 12rem;
}

.review-event__list dl + dl {
  margin: 1.6rem 0 0 0;
}

.review-event__list dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 11rem;
  border-radius: 1.7rem;
  line-height: 3.3rem;
  background: #222;
  color: #fff;
  padding: 0 1.6rem;
}

.review-event__list dd {
  font-size: 2rem;
  font-weight: 700;
}

.review-event__list dd span {
  display: block;
  margin: 0.8rem 0 0;
  font-weight: normal;
  font-size: 1.6rem;
}

/* 검색 */
.search-box {
  position: relative;
  margin: 0 0 7rem;
  padding: 8.3rem 0;
  text-align: center;
}

.search-box::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 1280px;
  width: 100vw;
  height: 100%;
  background: #f7f7f7;
  content: '';
}

.search-box__input {
  position: relative;
  display: inline-block;
  width: 45.7rem;
  border-bottom: 1px solid #222;
}

.search-box__input .input {
  height: 6rem;
  border: 0;
  padding: 0 4.5rem 0 0;
  background: none;
  font-weight: 700;
  font-size: 2.4rem;
  color: #ff5b2c;
}

.search-box__input .input:focus {
  outline: 0;
}

.search-box__input .btn {
  width: 4.2rem;
  height: 4.2rem;
  padding: 0;
  border-radius: 0;
  position: absolute;
  top: 0.9rem;
  right: 0;
  border: 0;
}

.search-box__recommend {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 70rem;
  margin: 4rem auto 0;
}

.search-word {
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5.2rem 0;
  font-size: 0;
}

.search-word::before {
  content: '';
  position: absolute;
  top: 5.2rem;
  bottom: 5.2rem;
  left: 50%;
  background: #eee;
  width: 1px;
}

.search-word > div {
  position: relative;
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.search-word > div:first-child {
  padding: 0 5rem 0 0;
}

.search-word > div:last-child {
  padding: 0 0 0 5rem;
}

.search-word__title {
  display: block;
  margin: 0 0 2.2rem;
  color: #999;
  font-size: 1.4rem;
  font-weight: 700;
}

.search-word__item {
  margin: 1.6rem 0 0 0;
  padding: 0 3rem 0 0;
  position: relative;
}

.search-word__item .btn--icon[aria-label='삭제'] {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.search-word__anchor {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  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 {
  font-size: 1.4rem;
}

.search-word__list {
  margin: 2.2rem 0 0 0;
}

.search-word__list--recommend {
  margin-top: 2.5rem;
}

.search-word__list--recommend .search-word__item {
  margin-top: 2rem;
  padding-right: 0;
  font-size: 1.8rem;
}

.search-word__list--recommend .search-word__anchor {
  font-size: 1.8rem;
  padding: 0 0 0 3.5rem;
}

/* 카테고리 */
.category {
  padding: 0 4rem;
}

.main-category {
  max-width: 112rem;
  padding: 0;
  margin: 2rem auto 0;
}

.category__title {
  display: block;
  margin: 0 0 2.8rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #999;
}

.category__list--icon {
  font-size: 0;
  margin: -3rem;
}

.category__icon {
  display: inline-block;
  vertical-align: top;
  width: 8rem;
  margin: 3rem;
}

.category__icon a {
  position: relative;
  padding: 10rem 0 0 0;
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.1rem;
}

.category__icon a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 8rem;
  height: 8rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("../images/com/img-category.png");
}

.category__icon--icon1 a::before {
  background-position: 0px 0;
}

.category__icon--icon2 a::before {
  background-position: -80px 0;
}

.category__icon--icon3 a::before {
  background-position: -160px 0;
}

.category__icon--icon4 a::before {
  background-position: -240px 0;
}

.category__icon--icon5 a::before {
  background-position: -320px 0;
}

.category__icon--icon6 a::before {
  background-position: -400px 0;
}

.category__icon--icon7 a::before {
  background-position: -480px 0;
}

.category__icon--icon8 a::before {
  background-position: -560px 0;
}

.category__icon--icon9 a::before {
  background-position: -640px 0;
}

.category__icon--icon10 a::before {
  background-position: -720px 0;
}

.category__icon--icon11 a::before {
  background-position: -800px 0;
}

.category__icon--icon12 a::before {
  background-position: -880px 0;
}

.category + .category {
  margin: 9.6rem 0 4.6rem 0;
}

.category__item {
  font-size: 2rem;
}

.category__item a {
  display: inline-block;
  border-bottom: 1px solid #222;
  line-height: 2.6rem;
  font-weight: 500;
}

.category__item + .category__item {
  margin: 2.4rem 0 0 0;
}

/* 소개 */
.introduce {
  position: relative;
}

.introduce__title {
  display: block;
  font-size: 4rem;
  font-weight: 700;
  line-height: 5rem;
}

.introduce__sub {
  font-size: 2rem;
  line-height: 4rem;
  margin: 3.6rem 0 0 0;
}

.introduce__sub + .introduce__sub {
  margin: 4.5rem 0 0 0;
}

.introduce__app {
  width: 38rem;
  margin: 7.4rem auto 0;
  background: url("../images/content/img_app.png") no-repeat 0 0;
  font-size: 0;
}

.introduce__app li {
  display: inline-block;
  vertical-align: top;
  width: 8rem;
  padding: 9rem 0 0 0;
  font-size: 1.6rem;
  text-align: center;
  color: #666;
}

.introduce__app li:nth-child(2) {
  width: 9rem;
}

.introduce__app li + li {
  margin: 0 0 0 6.5rem;
}

.introduce__list {
  margin: 18.4rem 0 0 0;
  font-size: 0;
}

.introduce__list li {
  display: inline-block;
  width: 35rem;
  border-top: 3px solid #222;
  padding: 4.6rem 0 0 0;
}

.introduce__list li span {
  display: block;
  font-size: 1.8rem;
}

.introduce__list li em {
  display: block;
  margin: 2.2rem 0 0 0;
  font-size: 6rem;
  line-height: 5rem;
  font-weight: 700;
}

.introduce__list li + li {
  margin: 0 0 0 11.5rem;
}

.introduce--con1 {
  padding: 62rem 0 20.5rem;
}

.introduce--con1::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 1280px;
  width: 100vw;
  height: 49.8rem;
  background: #faf8f6;
  content: '';
}

.introduce--con1::after {
  content: '';
  position: absolute;
  top: 12rem;
  left: 8rem;
  width: 100%;
  height: 56rem;
  background: url("../images/content/img_intronduce1.png") no-repeat 50% 0;
}

.introduce--con1 .introduce__title {
  margin: 7.5rem 0 4.8rem;
  text-align: center;
}

.introduce--con1 .introduce__sub {
  text-align: center;
}

.introduce--con2 {
  height: 88.6rem;
  padding: 25rem 0;
}

.introduce--con2::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 1280px;
  width: 100vw;
  height: 80rem;
  background: #faf8f6;
  content: '';
}

.introduce--con2::after {
  content: '';
  position: absolute;
  top: -3.5rem;
  right: 0;
  width: 62.1rem;
  height: 92.1rem;
  background: url("../images/content/img_intronduce2.png") no-repeat 0 0;
}

.introduce--con3 {
  height: 80.2rem;
  padding: 18.2rem 0 0;
  text-align: right;
}

.introduce--con3::after {
  content: '';
  position: absolute;
  bottom: -4.2rem;
  left: 0;
  width: 58.1rem;
  height: 78.9rem;
  background: url("../images/content/img_intronduce3.png") no-repeat 0 0;
}

.introduce--con4 {
  height: 80rem;
  padding: 22.4rem 0 0;
}

.introduce--con4::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 1280px;
  width: 100vw;
  height: 80rem;
  background: #faf8f6;
  content: '';
}

.introduce--con4::after {
  content: '';
  position: absolute;
  top: -3.5rem;
  right: 0;
  width: 75.4rem;
  height: 90.7rem;
  background: url("../images/content/img_intronduce4.png") no-repeat 0 0;
}

.introduce--con5 {
  padding: 19rem 0 2rem;
}

.introduce--con5 .introduce__title {
  text-align: center;
}

.introduce--con5 .introduce__download {
  margin: 8rem 0 0 0;
  text-align: center;
}

.introduce--con5 .introduce__download .btn {
  line-height: 7rem;
}

.introduce--con5 .introduce__download .btn + .btn {
  margin: 0 0 0 4rem;
}

.introduce--con5 .introduce__download .btn::before {
  content: '';
  display: inline-block;
  width: 2.9rem;
  height: 2.9rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: top;
  margin: 1.8rem 1.2rem 0;
}

.introduce--con5 .introduce__download .btn:first-child::before {
  margin-top: 2.1rem;
  background-image: url("../images/icon/icon-android-black.png");
}

.introduce--con5 .introduce__download .btn:last-child::before {
  background-image: url("../images/icon/icon-apple-black.png");
}

/* contact */
.contact {
  position: relative;
}

.contact__title {
  display: block;
  font-size: 4rem;
  font-weight: 700;
  line-height: 5rem;
  text-align: center;
}

.contact__sub {
  font-size: 2rem;
  line-height: 4rem;
  margin: 3.6rem 0 0 0;
}

.contact__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 8.4rem 0 -14rem 0;
}

.contact__item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33%;
          flex: 0 0 33%;
  margin: 0 0 14rem 0;
  padding: 12.4rem 0 0 0;
  text-align: center;
}

.contact__item::before {
  content: '';
  width: 10rem;
  height: 10rem;
  background-image: url("../images/content/img_partnershop2.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.contact__item em {
  display: block;
  font-size: 2.5rem;
  font-weight: 700;
}

.contact__item span {
  display: block;
  margin: 3rem 0 0;
  font-size: 1.8rem;
  line-height: 3rem;
}

.contact__item.contact__item--item1::before {
  background-position: 0px 0;
}

.contact__item.contact__item--item2::before {
  background-position: -100px 0;
}

.contact__item.contact__item--item3::before {
  background-position: -200px 0;
}

.contact__item.contact__item--item4::before {
  background-position: -300px 0;
}

.contact__item.contact__item--item5::before {
  background-position: -400px 0;
}

.contact__item.contact__item--item6::before {
  background-position: -500px 0;
}

.contact--con1 {
  height: 80rem;
  padding: 12.5rem 0;
}

.contact--con1::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 1280px;
  width: 100vw;
  height: 64.4rem;
  background: #faf8f6;
  content: '';
}

.contact--con1::after {
  content: '';
  position: absolute;
  top: 11.1rem;
  right: 0;
  width: 58.5rem;
  height: 73.7rem;
  background: url("../images/content/img_partnershop1.png") no-repeat 50% 0;
}

.contact--con1 .contact__title {
  text-align: left;
}

.contact--con1 .contact__sub {
  margin: 3rem 0 6rem;
}

.contact--con1 .btn--lg {
  min-width: 32.3rem;
  width: 32.3rem;
}

.contact--con2 {
  margin: 5rem 0 0;
}

.contact--con3 {
  margin: 24.6rem 0 0;
}

.contact__process {
  position: relative;
  width: 88.1rem;
  margin: 8rem auto 9.6rem;
}

.contact__process::before {
  content: '';
  position: absolute;
  top: 8.4rem;
  bottom: 13rem;
  left: 50%;
  background: #222;
  width: 1px;
}

.contact__process li {
  position: relative;
  margin: 2rem 0 0;
  counter-increment: liCounter;
}

.contact__process li:nth-child(2n-1) {
  text-align: right;
}

.contact__process li:nth-child(2n-1) > div {
  text-align: left;
}

.contact__process li::before {
  content: '';
  position: absolute;
  top: 8.2rem;
  left: calc(50% - 4px);
  width: 0.7rem;
  height: 0.7rem;
  background: #ff5b2c;
  border-radius: 50%;
  border: 1px solid #222;
}

.contact__process li > div {
  position: relative;
  display: inline-block;
  text-align: right;
  width: 40rem;
}

.contact__process li > div::before {
  content: counter(liCounter);
  display: inline-block;
  margin: 0 0 2rem;
  font-size: 5rem;
  line-height: 1;
  font-weight: 100;
}

.contact__process li em {
  display: block;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}

.contact__process li span {
  display: block;
  margin: 3rem 0 0;
  font-size: 1.8rem;
  line-height: 3rem;
}

/* 로그인, 회원가입 */
.account {
  margin-top: 14rem;
}

.account--form {
  margin-top: 18rem;
}

.account__title {
  position: relative;
  text-align: center;
}

.account__title .heading {
  margin: 0;
}

.account__title .heading + p {
  margin: 0.8rem 0 0 0;
  font-size: 1.8rem;
}

.account__title--intro {
  padding: 15.1rem 0 0;
}

.account__title--intro::before {
  content: '';
  position: absolute;
  top: 0;
  left: 16.5rem;
  width: 13.5rem;
  height: 11.5rem;
  background: url("../images/com/img-logo-login.png") no-repeat 0 0;
}

.account__title--complete {
  padding: 13rem 0 0;
}

.account__title--complete::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 9rem;
  height: 9rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("../images/icon/icon-user1-lg.png") no-repeat 0 0;
}

.account__title--complete + .account__event {
  margin-top: 6.5rem;
}

.account .share {
  margin-top: 4.5rem;
}

.account .share .share__btn {
  font-size: 2rem;
}

.account .share .share__btn + .share__btn {
  margin-top: 2.5rem;
}

.account__join {
  margin: 13.2rem 0 0 0;
}

.account__join p {
  margin: 0 0 2rem;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
}

.account .form--type2 {
  margin: 6.4rem 0 0;
}

.account .form--type2 .form-field {
  margin-top: 4rem !important;
}

.account .form--type2 .form-field__label {
  font-size: 1.8rem;
}

.account .form--type2 + .text-list {
  margin: 4rem 0 0;
}

.account__btn {
  margin: 6rem 0 0;
}

.account__btn .btn {
  width: 100%;
}

.account__event {
  width: 52.7rem;
  margin: 14.6rem 0 0 -5.4rem;
  padding: 6.1rem 5.4rem 5.8rem 5.3rem;
  background: #f8f8f8;
}

.account__event .heading--5 {
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
}

.account__event .event-coupon {
  margin: 0 0 9.6rem;
}

.account .label-link {
  margin: 6.4rem 0 2rem;
  padding: 4rem;
  border: 1px solid #dddddd;
}

.account .label-link .label--simple {
  vertical-align: top;
}

.account .label-link .label--md input + span {
  font-size: 1.6rem;
  font-weight: 400;
}

.account .label-link .text--link {
  font-weight: 400;
  margin: 0 0 0 0.7rem;
}

.account .label-link > div + div {
  margin: 2rem 0 0 0;
}

.account .label-link + .label--md input[type='checkbox'] + span {
  margin-left: 1.6rem;
}

.account .step {
  margin-bottom: 3.6rem;
}

.modal__body .form-field__label {
  font-size: 1.6rem;
}

.modal__body .form--type3 + .text-list {
  margin-top: 3rem;
}

.event-coupon a {
  display: block;
  text-align: center;
}

.event-coupon a img {
  vertical-align: top;
}

.event-coupon a + a {
  margin: 2rem 0 0 0;
}

.event-month {
  width: 42rem;
  overflow: hidden;
}

.event-month .swiper-slide {
  display: block;
}

.event-month .swiper-slide img {
  vertical-align: top;
}

/* aside 알림 */
.alarm__item {
  padding: 2.4rem 0 2rem;
  border-bottom: 1px solid #eee;
}

.alarm__item a {
  display: block;
}

.alarm__title {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 1rem;
}

.alarm__title em {
  color: #ff5b2c;
}

.alarm__con {
  display: block;
  color: #666;
}

.alarm__date {
  display: block;
  margin: 1.2rem 0 0;
  color: #999;
}

/* 마이페이지 */
.c-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3rem 0;
  font-weight: bold;
  font-size: 2rem;
  width: 100%;
}

.modal__body .c-title__text {
  font-size: 2.4rem;
  letter-spacing: -0.075rem;
  line-height: 2.8rem;
}

.modal__body .c-title__description {
  margin-top: 0.8rem;
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 400;
}

.grid + .c-title {
  margin-top: 11rem;
}

.c-title--t2 {
  padding: 0;
  margin-bottom: 1.8rem;
  font-size: 2.2rem;
  line-height: 2rem;
}

.c-title--t3 {
  line-height: 2.2rem;
  display: block;
  padding: 0;
  margin-bottom: 4rem;
}

.c-title--t3 .btn {
  font-size: 1.6rem;
}

.c-title--t3.c-title-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-title--t4 {
  display: block;
  padding: 0;
}

.c-title--t4 .c-title__name {
  line-height: 2.2rem;
  padding-bottom: 2.2rem;
  border-bottom: 0.2rem solid #222;
}

.c-title--t4 .c-title__block {
  padding: 2.8rem 0;
  border-bottom: 0.1rem solid #e7e7e7;
}

.c-title--t4 .c-title__text {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: -0.069rem;
}

.c-title--t4 .c-title__description {
  margin-top: 0.5rem;
  letter-spacing: -0.037rem;
  color: #999;
}

.c-title-group .c-title__rt:only-child {
  margin-left: auto;
}

.c-title-group .c-title__rt .btn--text {
  font-size: 1.6rem;
  color: #666;
}

.c-title-group.c-title--t4.jc-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 2rem;
  border-bottom: 0.2rem solid #222;
}

.c-title-group.c-title--t4.jc-between .c-title__name {
  border-bottom: 0;
}

.c-title .icon + em {
  margin-left: 1.4rem;
}

.c-title-sub {
  font-size: 1.6rem;
  letter-spacing: -0.057rem;
  font-weight: bold;
  padding: 0;
}

.c-title__text {
  font-size: 2.2rem;
  line-height: 2rem;
  letter-spacing: -0.061rem;
}

.c-title__description {
  margin-top: 1.6rem;
  font-size: 1.6rem;
  line-height: 2.8rem;
  display: block;
  color: #666;
  font-weight: normal;
}

.c-title + .tabs--type1 {
  margin-top: 4.6rem;
}

.text--sm + .reserv__box-round {
  margin-top: 1rem;
}

.reserv__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3rem 0;
  font-weight: bold;
  font-size: 2rem;
}

.reserv__title .icon + em {
  margin-left: 1.4rem;
}

.reserv__title-sub {
  font-size: 1.6rem;
  letter-spacing: -0.057rem;
  font-weight: bold;
  padding: 0;
}

.reserv--line {
  border-top: 0.2rem solid #222;
}

.reserv__box {
  padding: 2.6rem 2.6rem 3rem 2.6rem;
  border-top: 0.1rem solid #e2e2e2;
  border-bottom: 0.1rem solid #e2e2e2;
  background-color: #f8f8f8;
}

.reserv__box .label {
  margin-right: -2.6rem;
}

.reserv__box .label + .c-title-sub {
  margin-top: 2.4rem;
}

.reserv__box .reserv__box {
  background-color: #fff;
  border-radius: 1rem;
}

.reserv__box-round {
  padding: 0;
  border-radius: 1rem;
  border: 0.1rem solid #ccc;
  background-color: #fff;
}

.reserv__row {
  padding: 0 4rem;
  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;
  min-height: 15rem;
  border-top: 0.1rem solid #e2e2e2;
}

.reserv__row:first-child {
  border-top: 0;
}

.reserv__group {
  background-color: #f8f8f8;
  padding: 3.4rem 0;
}

.reserv__group .reserv__row {
  border-top: 0;
  min-height: auto;
}

.reserv__group .reserv__row + .reserv__row {
  margin-top: 3.8rem;
}

.reserv .reserv__group .info-m__con {
  margin-left: 1.6rem;
}

.reserv .reserv__group .info-m__title {
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: -0.067rem;
}

.reserv .reserv__group .info-m__title:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 0.6rem;
  margin-right: 0.8rem;
  width: 0.7rem;
  height: 0.7rem;
  background: url(../images/icon/icon-path.png) no-repeat;
}

.reserv .info-m--line {
  text-decoration: line-through;
  color: #ccc;
}

.reserv .info-m__unit {
  font-size: 1.6rem;
}

.reserv .info-m__title {
  font-size: 1.8rem;
  display: block;
}

.reserv .info-m__price {
  margin-right: 1rem;
}

.accordion.accordion--text + .pay__info-col {
  margin-top: 1.6rem;
}

.accordion.accordion--text .accordion__content .pay__info-col {
  margin-bottom: 0.4rem;
}

.accordion.accordion--text .accordion__content .pay__info-tt {
  color: #999;
}

.accordion.accordion--text .accordion__content .pay__info-price {
  font-size: 1.6rem;
  color: #999;
}

.accordion.accordion--text .accordion__content .pay__info-unit {
  font-size: 1.4rem;
}

.table .pay__com-thumnail {
  width: 22rem;
  height: 15rem;
}

.table .pay__com .badges + .pay__com-name {
  margin-top: 0.8rem;
}

.table .pay__com-info {
  text-align: left;
  width: calc(100% - 22rem);
  margin-left: 3rem;
  padding-right: 3rem;
}

.table .pay__com-name {
  font-size: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table .pay__com-text {
  font-size: 1.6rem;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table .pay__com-btn {
  font-size: 0;
  margin-top: 2.6rem;
}

.table .pay__com-btn .btn {
  min-width: 10.4rem;
}

.table .pay__com-btn .btn + .btn {
  margin-left: 1rem;
}

.table .pay td {
  border-top: 0;
  padding: 3rem 0 0;
}

.table .pay--t2 .pay__com > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.table .pay--t2 .pay__com-thumnail {
  width: 15rem;
  height: 10rem;
}

.table .pay--t2 .pay__com-name {
  font-size: 1.8rem;
}

.table .pay--t2 td {
  padding: 4rem 0 0;
}

.table .pay--t2:last-child td {
  border-bottom: 0;
}

.table tr.pay--t2:last-child td {
  padding-bottom: 4rem;
}

.table tr.pay:last-child td {
  padding-bottom: 3rem;
}

.pay__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4rem 4rem 3.2rem 4rem;
  border: 0.1rem solid #ccc;
}

.pay__box + .pay__box {
  margin-top: 4rem;
}

.pay__info {
  width: 100%;
  max-width: 55rem;
  margin-left: auto;
}

.pay__info--path:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 0.6rem;
  margin-right: 0.6rem;
  width: 0.7rem;
  height: 0.7rem;
  background: url(../images/icon/icon-path.png) no-repeat;
}

.pay__info-tt {
  max-width: 25.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pay__info-price {
  max-width: 12.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.8rem;
}

.pay__info-unit {
  font-size: 1.6rem;
}

.pay__info-col {
  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;
  margin-bottom: 1.8rem;
  font-size: 1.6rem;
  line-height: 2.8rem;
  text-overflow: ellipsis;
}

.pay__info-col:last-child {
  margin-bottom: 0;
}

.pay__info .form-box {
  padding: 0;
}

.pay__info .form-list__label {
  color: #222;
}

.pay__total {
  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;
}

.pay__total-tt {
  font-size: 1.8rem;
}

.pay__total-price {
  max-width: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 2.2rem;
}

.pay__total-price--lg {
  font-size: 3.4rem;
}

.pay__total-unit {
  font-size: 1.8rem;
  font-weight: 500;
}

.pay__submit {
  margin-top: 4.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pay__submit--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pay__submit--md {
  width: 100%;
  max-width: 60rem;
  margin: 8rem auto 0;
}

.pay__submit button {
  font-weight: 400;
  min-width: auto;
}

.pay__submit button:first-child {
  width: 30%;
}

.pay__submit button:nth-child(2) {
  width: 70%;
  margin-left: 1rem;
}

.pay__submit button:only-child {
  min-width: 37rem;
}

.pay__privacy {
  margin-top: 5rem;
}

.pay__privacy-list + .label {
  margin-top: 2rem;
}

.pay__privacy-list ul li {
  margin-bottom: 1.5rem;
}

.pay__privacy-list ul li:last-child {
  margin-bottom: 0;
}

.pay__privacy-list ul li a {
  color: #666;
}

.pay__privacy-list ul li a .icon {
  margin-left: 1rem;
}

.pay__privacy--sm {
  margin-top: 2.8rem;
}

.pay__com {
  border-top: 0.2rem solid #222;
  padding: 4.5rem 0 5.4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.pay__com-thumnail {
  width: 32rem;
  height: 20rem;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.pay__com-info {
  margin-left: 3.6rem;
  width: calc(100% - 32rem);
}

.pay__com-info .form-box {
  margin-top: 4rem;
  padding: 0;
}

.pay__com-info .form-list__label {
  font-size: 1.8rem;
  line-height: 2.8rem;
  margin-right: 3rem;
}

.pay__com-info .form-list__group .text-list__item {
  color: #222;
  font-weight: 500;
}

.pay__com-info .form-list__group .text-list__item + .text-list__item {
  margin-top: 1.4rem;
}

.pay__com-name {
  font-size: 2.4rem;
  line-height: 2.8rem;
}

.pay__com-text {
  font-size: 1.8rem;
  color: #666;
  margin-top: 0.8rem;
}

.pay__com-btn {
  margin-top: 3.8rem;
}

.pay__com-btn .btn {
  min-width: 13.5rem;
}

.pay__com-btn .btn + .btn {
  margin-left: 1.6rem;
}

.form--2 {
  border: 0.1rem solid #ccc;
}

.form--2 .form-box {
  border: 0;
  padding: 3rem 3.2rem;
}

.form-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 2rem;
}

.form-list__label {
  min-width: 7rem;
  color: #999;
  letter-spacing: -0.067rem;
  margin-right: 1.5rem;
}

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

.form-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 7rem;
  background-color: #f8f8f8;
  font-size: 2rem;
  line-height: 2.8rem;
  padding: 0 3.2rem;
  font-weight: bold;
}

.form-box {
  padding: 2.7rem;
  background-color: #fff;
}

.form-submit {
  margin-top: 3rem;
}

.form-field {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

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

.form-field:last-child {
  margin-top: 1.7rem;
}

.form-field__label {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1.3rem;
}

.form-field__column {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 6.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-field__column .form-field__label {
  margin: 0 3.2rem 0 0 !important;
}

.form--type1 .form-field {
  margin-top: 5rem;
}

.form--type1 .form-field__label {
  margin-bottom: 2rem;
}

.form--type2 .form-field {
  margin: 0 !important;
}

.form--type2 .form-field__label {
  font-size: 1.8rem;
}

.form--type2 .form-field + .form-field {
  margin-top: 4rem !important;
}

.form--type3 .form-field {
  margin: 0 !important;
}

.form--type3 .form-field + .form-field {
  margin-top: 3rem !important;
}

.form--vertical .form-field {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.form--vertical .form-field + .form-field {
  margin-top: 3.4rem !important;
}

.form--vertical .input-wrap + .input-wrap {
  margin: 3rem 0 0 0;
}

.form--vertical .input-text {
  font-size: 2rem;
  line-height: 2.8rem;
  height: 6rem;
  width: 100%;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form--vertical .label {
  padding-top: 2rem;
  margin-right: -4.5rem;
}

.form--vertical .label label {
  margin-right: 4.5rem;
}

.form--vertical .form-field__label {
  padding-top: 1.8rem;
  width: 14rem;
  margin-right: 1.8rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.form--vertical .form-field__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.form + .form--vertical {
  margin-top: 10rem;
}

.my-info {
  max-width: 62rem;
  margin: 4.7rem auto 0;
}

.product {
  position: relative;
  width: 100%;
}

.product .list-store__title-sub {
  margin-top: 2.8rem;
}

.product .list-store__title {
  font-size: 2.2rem;
}

.product .store-util {
  margin-top: 0.8rem;
}

.product__total {
  background-color: #f8f8f8;
  height: 6.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 3rem 0 2.9rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.product__total-price {
  max-width: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 2.8rem;
}

.product__total-unit {
  font-size: 1.6rem;
  font-weight: 500;
}

.product__viewer {
  border: 0.1rem solid #ddd;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  overflow: hidden;
}

.product__img {
  position: relative;
  height: 26rem;
  overflow: hidden;
}

.product__info {
  padding: 2.9rem 3.3rem 3.4rem 3rem;
}

.product__info--path:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 0.6rem;
  margin-right: 0.6rem;
  width: 0.7rem;
  height: 0.7rem;
  background: url(../images/icon/icon-path.png) no-repeat;
}

.product__info-tt {
  max-width: 25.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product__info-hd {
  font-size: 1.6rem;
  letter-spacing: -0.067rem;
  color: #999;
  margin-bottom: 0.4rem;
}

.product__info-hd + .product__info-col {
  margin-top: 0.8rem;
}

.product__info-ct {
  margin-top: 1rem;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: -0.082rem;
}

.product__info-price {
  max-width: 12.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product__info-unit {
  font-size: 1.4rem;
}

.product__info-col {
  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;
  margin-bottom: 0.7rem;
  font-size: 1.6rem;
  line-height: 2.8rem;
  text-overflow: ellipsis;
}

.product__info-col:last-child {
  margin-bottom: 0;
}

.product__info-row + .product__info-row {
  margin-top: 2.5rem;
}

.product__info-row:last-child {
  border-bottom: 0;
}

.divider {
  width: 100%;
  margin: 2rem 0;
  height: 1px;
  background-color: #e2e2e2;
  border-style: none;
}

.divider--dash {
  height: 1;
  background-color: transparent;
  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='4%2c 14' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e");
  margin: 2.8rem 0;
}

.use-point {
  margin: 3rem 0 1rem 0;
}

.use-point__number {
  font-size: 1.8rem;
  letter-spacing: -0.042rem;
  font-weight: 500;
}

.use-point__name {
  color: #666;
}

.use-point__price {
  font-size: 2.8rem;
  letter-spacing: -0.05rem;
  margin-left: 1rem;
}

.use-point .point-form {
  margin-top: 3.6rem;
}

.use-point .text-list {
  margin-top: 17rem;
}

.use-coupon__head {
  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;
}

.use-coupon__info {
  font-size: 2.2rem;
}

.use-coupon__content {
  margin-top: 3.2rem;
}

.coupon.grid {
  margin-top: 5rem;
}

.coupon.grid .coupon__item + .coupon__item {
  margin-top: 0;
}

.coupon-form {
  border-bottom: 0.1rem solid #ddd;
  margin-bottom: 5.4rem;
  padding-bottom: 5.4rem;
}

.modal__body .coupon-form:only-child {
  border-bottom: 0;
  margin-bottom: 5rem;
}

.coupon__name .btn--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.8rem;
}

.coupon__name .btn--text:disabled .icon--link-md {
  display: none;
}

.coupon__name .btn--text .icon--link-md {
  margin-left: 0.3rem;
}

.coupon__item {
  width: 100%;
  background-size: 100% 18.5rem;
  border: 0.1rem solid #d9d9d9;
}

.coupon__item + .coupon__item {
  margin-top: 3rem;
}

.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 {
  margin-top: 1rem;
  text-align: center;
  display: block;
  letter-spacing: -0.08rem;
}

.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__name span
.coupon__item--disabled .coupon__unit em {
  color: #ccc !important;
}

.coupon__item--t2 {
  border: 0;
  border-left: 0.1rem solid #dedede;
  border-top: 0.1rem solid #dedede;
  position: relative;
  width: auto;
}

.coupon__item--t2:before {
  content: '';
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  width: 100%;
  height: 0.6rem;
  background: url(../images/com/coupon-t2-repeat-x.png) repeat-x;
}

.coupon__item--t2:after {
  content: '';
  position: absolute;
  right: -0.5rem;
  top: 0;
  height: 100%;
  width: 0.6rem;
  background: url(../images/com/coupon-t2-repeat-y.png) repeat-y;
}

.coupon__item--t2 .coupon__bottom {
  position: relative;
}

.coupon__item--t2 .coupon__bottom:before {
  content: '';
  position: absolute;
  width: 1.6rem;
  height: 2.4rem;
  top: 0;
  left: -0.3rem;
  background: #fff url(../images/com/coupon-t2-before.png) no-repeat;
  z-index: 1;
}

.coupon__item--t2 .coupon__bottom:after {
  content: '';
  position: absolute;
  right: -0.5rem;
  top: 0;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  width: 1.6rem;
  height: 2.4rem;
  border-radius: 0;
  background: #fff url(../images/com/coupon-t2-after.png) no-repeat;
  z-index: 1;
}

.coupon__item--t2 .coupon__validity {
  padding: 2rem 2.6rem 1.2rem;
}

.coupon__item--t3 {
  position: relative;
  text-align: center;
  border: 0;
  border-left: 0.1rem solid #dedede;
  border-top: 0.1rem solid #dedede;
}

.coupon__item--t3:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.4rem;
  background: url(../images/com/coupon-t3-repeat-x.png) repeat-x;
}

.coupon__item--t3:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 0.4rem;
  background: url(../images/com/coupon-t3-repeat-y.png) repeat-y;
}

.coupon__item--t3 .coupon__bottom {
  position: relative;
}

.coupon__item--t3 .coupon__bottom:before {
  content: '';
  position: absolute;
  width: 2rem;
  height: 5rem;
  top: -1.2rem;
  left: -0.2rem;
  background: #fff url(../images/com/coupon-t3-before.png) no-repeat;
  z-index: 1;
}

.coupon__item--t3 .coupon__bottom:after {
  content: '';
  position: absolute;
  right: 0;
  top: -1.2rem;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  width: 2rem;
  height: 5rem;
  border-radius: 0;
  background: #fff url(../images/com/coupon-t3-after.png) no-repeat;
  z-index: 1;
}

.coupon__item--t3 .coupon__foot {
  padding: 0 2.4rem 3.4rem;
}

.coupon__item--t3 .coupon__foot:before {
  margin-top: 2rem;
  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--t3 .coupon__name {
  font-size: 2.4rem;
  font-weight: bold;
}

.coupon__item--t3 .coupon__description {
  padding: 4rem 3rem 0;
}

.coupon__item--t3 .coupon__description:after {
  content: '';
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  right: 0;
  top: -0.1rem;
  background: #fff url(../images/com/coupon-t3-desc-after.png) no-repeat;
  z-index: 1;
}

.coupon__item--t3 .coupon__description:before {
  content: '';
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  left: -0.1rem;
  bottom: 0;
  background: #fff url(../images/com/coupon-t3-desc-before.png) no-repeat;
  z-index: 1;
}

.coupon__item--t3 .coupon__validity {
  padding: 2rem 2.6rem 1.2rem;
  margin-top: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
}

.coupon__item--t3 .coupon__validity-date {
  font-weight: normal;
}

.coupon__item--t3-lg {
  width: 46.4rem;
  min-height: 50.5rem;
  max-height: 50.5rem;
}

.coupon__item--md .coupon__description {
  padding: 4rem 4rem 1.5rem;
}

.coupon__item--md .coupon__description .coupon__text:first-child {
  margin-bottom: 1.7rem;
}

.coupon__item--md .coupon__validity {
  padding: 2rem 2.6rem 1.2rem;
}

.coupon__description {
  padding: 3rem 3rem 0;
}

.coupon__description-subtext {
  margin-top: 0.8rem;
  letter-spacing: -0.1rem;
}

.coupon__amount {
  display: block;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 2.8rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.coupon__price {
  color: #ff5b2c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.coupon__unit {
  color: #ff5b2c;
  font-size: 1.6rem;
  margin-left: -0.4rem;
}

.coupon__unit > em {
  font-size: 2rem;
  font-weight: bold;
  margin-left: 0.6rem;
  color: #222;
}

.coupon__text {
  font-size: 1.6rem;
  letter-spacing: -0.1rem;
  margin-top: 1rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.coupon__title{
    font-weight : bold;
}
.coupon__bottom {
    position: relative;
}

.coupon__bottom:before, .coupon__bottom:after {
  content: '';
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #fff;
}

.coupon__bottom:before {
  top: 0;
  width: 1.9rem;
  height: 2.2rem;
  left: -0.3rem;
  background: transparent url(../images/com/coupon-radius.png) no-repeat;
}

.coupon__bottom:after {
  top: 0;
  width: 1.9rem;
  height: 2.2rem;
  right: -0.3rem;
  background: transparent url(../images/com/coupon-radius.png) no-repeat;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.coupon__bottom .coupon__info {
  text-align: left;
  background-color: #f7f1ef;
  font-size: 1.5rem;
  padding: 3.2rem 2.8rem;
  margin: 1.4rem 0.6rem 0;
}

.coupon__bottom .coupon__info .text-list__title {
  font-size: 1.8rem;
}

.coupon__foot {
  padding: 0 1.4rem;
}

.coupon__foot:before {
  content: '';
  top: 1rem;
  position: relative;
  display: block;
  height: 0.1rem;
  width: 100%;
  margin-top: 0.8rem;
  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: 2rem 1.6rem 1.2rem;
  color: #ff5b2c;
  font-size: 1.6rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.coupon__validity-date {
  color: #999;
}

.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 #eee;
  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: #222;
}

ul.coupon {
  margin: 3.2rem 0 0 0;
}

ul.coupon + dl.text-list--bullet1 {
  margin: 5.2rem 0 0 0;
}

.l-my {
  position: relative;
  width: 100%;
  height: 29rem;
  background-color: #f5f5f5;
  margin: 0 0 7rem;
}

.l-my__wrap {
  padding: 7.4rem 0;
  max-width: 128rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: inherit;
}

.l-my__num {
  margin-top: 2.6rem;
  text-align: right;
  font-weight: bold;
  font-size: 3rem;
}

.l-my__num .unit {
  margin-left: 0.4rem;
  font-size: 1.8rem;
}

.l-my__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.l-my__profile .btn {
  position: relative;
}

.l-my__profile .icon--apple-dark {
  position: absolute;
  right: -0.6rem;
  bottom: 0;
}

.l-my__profile-con {
  margin-left: 3.2rem;
}

.l-my__profile-text1 {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.067rem;
}

.l-my__profile-anchor {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.1rem;
}

.l-my__log {
  padding: 3.2rem 0;
  width: 42.4rem;
  margin-right: 11.4rem;
}

.l-my__log-tt {
  font-size: 2.4rem;
  letter-spacing: -0.067rem;
  line-height: 2.8rem;
}

.l-my__log-st {
  margin-top: 0.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.1rem;
}

.l-my__box {
  width: 100%;
  max-width: 30.4rem;
  position: relative;
  margin-right: 4.4rem;
  padding-right: 4.4rem;
}

.l-my__box:after {
  content: '';
  position: absolute;
  right: 0;
  display: block;
  height: 7rem;
  width: 0.1rem;
  background-color: #bebebe;
  top: 4.8rem;
}

.l-my__box:last-child:after {
  display: none;
}

.l-my__box-t2 {
  height: 8.4rem;
}

.l-my__point-tt, .l-my__coupon-tt {
  margin-top: 0.6rem;
}

.l-my__point-tt .icon, .l-my__coupon-tt .icon {
  top: 0.4rem;
  display: inline-block;
  position: relative;
}

.l-my__point-st {
  font-size: 1.4rem;
  line-height: 2.6rem;
  color: #999;
}

.l-my__point-num {
  margin-left: 0.4rem;
  font-weight: bold;
  color: #222;
}

.snb > ul > li {
  border-bottom: 0.1rem solid #e7e7e7;
}

.snb > ul > li > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 6.6rem;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: -0.09rem;
}

.snb > ul > li > a .icon {
  margin-right: 1.2rem;
}

.snb > ul > li > a + ul {
  border-top: 0.1rem solid #e7e7e7;
}

.snb > ul > li:first-child > a {
  height: 4.4rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.snb > ul > li > ul li:first-child {
  padding-top: 1.2rem;
}

.snb > ul > li > ul li:last-child {
  padding-bottom: 1.2rem;
}

.snb > ul > li > ul li a {
  display: block;
  padding: 1.2rem 1.2rem 1.2rem 3.6rem;
  letter-spacing: -0.1rem;
}

.event-banner {
  position: relative;
}

.event-banner__list {
  width: 100%;
  max-height: 29rem;
  overflow: hidden;
  margin-bottom: 4rem;
}

.event-list ul {
  margin-right: -5rem;
  margin-top: -5rem;
}

.event-list ul::after {
  display: block;
  clear: both;
  content: "";
}

.event-list__item {
  float: left;
  margin-right: 5rem;
  margin-top: 5rem;
  max-width: 47rem;
}

.event-list__thumnail {
  width: 47rem;
  height: 23.5rem;
  overflow: hidden;
}

.event-list__title {
  display: block;
  font-size: 1.8rem;
  margin-top: 3rem;
  letter-spacing: -0.069rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-list__text1 {
  font-size: 1.6rem;
  margin-top: 1rem;
  letter-spacing: -0.037rem;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.q-menu {
  padding: 1.2rem 0;
  border-top: 0.1rem solid #e7e7e7;
  border-bottom: 0.1rem solid #e7e7e7;
}

.snb + .q-menu {
  margin-top: 9rem;
}

.q-menu > ul > li > a {
  line-height: 2.6rem;
  padding: 1.2rem 1.2rem 1.2rem 0;
  display: block;
  letter-spacing: -0.1rem;
}

.banner--basic {
  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: #f5f5f5;
  height: 11rem;
  padding: 3rem 3.5rem 3rem 4.4rem;
}

.banner--basic .banner__text {
  color: #666;
}

.modal__body .privacy-policy {
  margin-top: 1.2rem;
}

.tabs .privacy-policy {
  margin-top: 4rem;
}

.service .privacy-policy__text:before {
  display: none;
}

.service .privacy-policy__list li:before {
  display: none;
}

.privacy-policy {
  margin-top: 8rem;
}

.privacy-policy__title {
  font-size: 1.8rem;
  line-height: 3.8rem;
  letter-spacing: -0.09rem;
  font-weight: bold;
}

.privacy-policy__subtitle, .privacy-policy__text, .privacy-policy__list {
  letter-spacing: -0.047rem;
}

.privacy-policy__subtitle {
  margin-top: 2rem;
  color: #666;
  font-size: 1.5rem;
}

.privacy-policy__text {
  font-size: 1.5rem;
  color: #666;
  margin-top: 0.4rem;
}

.privacy-policy__text:before {
  content: '-';
  margin-right: 0.4rem;
}

.privacy-policy__text + .privacy-policy__title {
  margin-top: 2rem;
}

.privacy-policy__subtext {
  letter-spacing: -0.044rem;
  color: #666;
}

.privacy-policy__list {
  color: #666;
  font-size: 1.5rem;
}

.privacy-policy__list + .privacy-policy__title {
  margin-top: 2rem;
}

.privacy-policy__list li {
  margin-top: 0.4rem;
  line-height: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.privacy-policy__list li:before {
  content: '-';
  margin-right: 0.4rem;
}

.product-detail__item {
  text-align: center;
}

.product-detail__img {
  margin: 0 auto;
  width: 27.4rem;
  height: 27.4rem;
  overflow: hidden;
}

.product-detail__description {
  font-weight: bold;
  margin-top: 3rem;
  font-size: 1.8rem;
  letter-spacing: -0.039rem;
}

.product-list {
  margin-bottom: -10rem;
}

.product-list__item {
  margin-bottom: 10rem;
}

.product-list__img {
  border: 0.1rem solid #e7e7e7;
  overflow: hidden;
  max-height: 22.2rem;
}

.product-list__description {
  margin-top: 3.2rem;
  letter-spacing: -0.037rem;
  height: 4.4rem;
  line-height: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.product-list__point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.8rem;
  color: #ff5b2c;
}

.product-list__price {
  font-size: 1.8rem;
  font-weight: bold;
  margin-left: 0.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-list .btn {
  border-radius: 0;
  font-weight: 400;
  margin-top: 1.8rem;
}

.notice__view {
  padding: 5rem 5rem 10.8rem 5rem;
}

.notice__view--center {
  text-align: center;
}

.notice__foot {
  text-align: center;
  padding: 4rem 4rem 0;
  border-top: 0.1rem solid #e7e7e7;
}

.use-notice__announcement {
  color: #ff5b2c;
}

.use-notice__board {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 3rem;
}

.use-notice__info {
  margin-left: 2rem;
  width: calc(100% - 2rem);
}

.use-notice__list {
  padding: 3rem 0 0;
  border-bottom: 0.1rem solid #e7e7e7;
}

.use-notice__store {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: -0.055rem;
}

.use-notice__description {
  font-size: 1.4rem;
  color: #666;
  margin-top: 0.6rem;
}

.use-notice__thumnail {
  width: 8rem;
  height: 8rem;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.use-notice__text {
  margin-top: 2.8rem;
  line-height: 2.8rem;
  letter-spacing: -0.04rem;
  color: #666;
}

.use-notice__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 3rem;
}

.use-notice__form .btn {
  margin-right: 1.2rem;
}

.use-notice__form .btn:last-child {
  margin-right: 0;
}

.use-notice__answer {
  padding: 4rem 4rem 3.2rem 10rem;
  background-color: #f8f8f8;
}

.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: #666;
}

.use-notice .star-scope {
  margin-top: 0.6rem;
}

.use-notice--contact .use-notice__info {
  width: 100%;
  margin-left: 0;
  padding-bottom: 3rem;
}

.use-notice--contact .use-notice__text {
  margin-top: 0.6rem;
  line-height: 2.5rem;
  color: #222;
  padding-right: 10rem;
}

.use-notice--contact .use-notice__date {
  font-size: 1.4rem;
  color: #999;
  display: block;
  margin-top: 1.4rem;
}

.use-notice--contact .accordion--basic .accordion__head {
  background-color: #f8f8f8;
  padding: 0 8rem 0 4rem;
  border: 0;
}

.use-notice--contact .accordion--basic .accordion__head .accordion__btn[aria-expanded='true']:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.use-notice--contact .accordion--basic .accordion__head .accordion__btn:after {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  content: '';
  width: 2.5rem;
  height: 2.5rem;
  top: calc(50% - 1.25rem);
  position: absolute;
  right: 3.2rem;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  background: url(../images/icon/icon-select-arrow.png) no-repeat;
}

.use-notice--contact .accordion--basic .accordion__content:after {
  display: none;
}

.use-notice--contact .accordion--basic .accordion__content .use-notice__text {
  padding-top: 0;
}

.star-scope {
  height: 1.7rem;
  background: url(../images/com/scope-bg.svg) no-repeat;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  width: 7.5rem;
  position: relative;
}

.star-scope__rating {
  position: absolute;
  left: 0;
  height: 1.7rem;
  background: url(../images/com/scope-active-bg.svg) no-repeat;
}

.modal__body .friend-invite {
  max-width: 38rem;
  margin: 0 auto;
}

.friend-invite .form--type2 {
  border-top: 0.1rem solid #e7e7e7;
  padding-top: 4rem;
  margin: 4rem 0 0;
  text-align: center;
}

.friend-invite .form--type2 .form-text {
  margin-top: 3rem;
}

.friend-invite .form--type2 .form-field {
  display: block;
}

.friend-invite .form--type2 .form-field .input {
  display: block;
}

.friend-invite .form--type2 .form-field .text,
.friend-invite .form--type2 .form-field .text-validation {
  display: block;
  text-align: center;
  margin-top: 0;
}

.friend-invite .account__title {
  font-size: 1.8rem;
  letter-spacing: -0.042rem;
  color: #666;
}

.friend-invite__img img {
  max-width: 100%;
}

.friend-invite__box {
  text-align: center;
  padding: 5.2rem 0;
}

.friend-invite__box:last-child {
  padding-bottom: 6.5rem;
}

.friend-invite__info {
  margin: 0 auto;
  max-width: 60rem;
}

.friend-invite__input {
  height: 10rem;
  font-size: 5rem;
  font-weight: bold;
  border-radius: 1.5rem;
  padding: 2.6rem 4rem;
  text-align: center;
  background-color: #fff;
  color: #222;
  border: 0;
  font-family: 'SpoqaHanSansNeo--override';
}

.friend-invite__subtext {
  font-size: 1.8rem;
  line-height: 3.6rem;
  letter-spacing: -0.045rem;
  margin-bottom: 2rem;
}

.friend-invite__text {
  font-size: 2.4rem;
  color: #fff;
  margin-top: 2.2rem;
  margin-bottom: 3rem;
}

.friend-invite__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3rem;
}

.friend-invite__bottom .btn {
  width: 50%;
  min-width: auto;
  margin-left: 2rem;
}

.friend-invite__bottom .btn:first-child {
  margin-left: 0;
}

.friend-invite__bottom .btn:only-child {
  width: 41.2rem;
  margin: 0 auto;
}

.customer {
  margin-top: 11rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 22.4rem;
}

.customer__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.customer__anchor {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 3.4rem 0 4rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.customer__left {
  width: 60%;
}

.customer__left .customer__box {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 4.2rem 4.4rem;
}

.customer__left .customer__title {
  width: 21rem;
  font-size: 1.8rem;
}

.customer__left .customer__title + .text-list {
  margin-left: 1.2rem;
}

.customer__left dl.text-list .text-list__title {
  font-size: 3.2rem;
  line-height: 2.8rem;
  font-weight: 400;
  margin: 0 0 2rem 0;
}

.customer__left .text-list__item {
  letter-spacing: -0.044rem;
}

.customer__right {
  height: 100%;
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.use-out__list {
  margin-top: 6rem;
}

.use-out__list + .heading--4 {
  margin-top: 9rem;
}

.use-out__list + .heading--4 + fieldset {
  margin-top: 2.8rem;
}

.use-out .label--vertical + .textarea {
  margin-top: 3.4rem;
}

.use-out .label--vertical + .textarea + .label {
  margin-top: 3.2rem;
}

.use-out__btn {
  margin-top: 12.8rem;
  text-align: center;
}

.use-out__title {
  font-size: 2rem;
  letter-spacing: -0.056rem;
  line-height: 2rem;
  font-weight: bold;
}

.use-out__text {
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: -0.045rem;
  color: #666;
  margin-top: 2rem;
}

.use-out__box {
  margin-top: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -3rem;
}

.use-out__item {
  width: calc(33.33% - 3rem);
  margin-right: 3rem;
  margin-bottom: 3rem;
  background-color: #f7f1ef;
  padding: 2.7rem 2.3rem 2.2rem 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.use-out__item-text {
  font-size: 1.6rem;
  letter-spacing: -0.04rem;
}

.use-out__item-price {
  margin-top: 1.6rem;
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
  font-size: 2.8rem;
  font-weight: bold;
  color: #ff5b2c;
}

.use-out__item-price .unit {
  font-size: 1.6rem;
  margin-left: 0.4rem;
  color: #222;
  font-weight: 400;
}

#main {
  margin: 0 0 -18rem;
}

.main-visual {
  position: relative;
  overflow: hidden;
  height: 48rem;
}

.main-visual__box {
  height: 100%;
  position: relative;
}

.main-visual__description {
  max-width: 128rem;
  margin: 0 auto;
  /*text-align: left;
  padding: 9.4rem 5.5rem 0;*/
  position: relative;
}

.main-visual__subtext {
  font-size: 2.4rem;
  color: #fff;
  font-weight: 300;
}

.main-visual__text {
  margin-top: 2rem;
  font-weight: 300;
  font-size: 5rem;
  line-height: 5.5rem;
  letter-spacing: -0.1rem;
}

.main-visual__img {
  position: absolute;
  /*right: -10rem;*/
  top: 0;
}

.main-visual__pagingwrap {
  position: absolute;
  left: 50%;
  bottom: 18.5rem;
  width: 128rem;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 1;
}

.main-visual__pagination.swiper-pagination-bullets {
  position: relative;
  text-align: left;
  padding-left: 5.5rem;
  margin: 0;
}

.main-visual__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 0.7rem;
  height: 0.7rem;
  margin: 0 0.6rem 0 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.main-visual__pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #fff;
  width: 4.4rem;
  height: 0.7rem;
  border-radius: 0.4rem;
}

.main-search {
  position: relative;
  height: 20.5rem;
  background-color: #fff;
  margin-top: -10.2rem;
  z-index: 3;
  padding: 5.8rem 5rem;
}

.main-search__dropdown {
  margin-left: 4rem;
  position: relative;
}

.main-search__form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.main-search__text {
  font-weight: bold;
  font-size: 2.6rem;
  letter-spacing: -0.087rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.main-search__input {
  width: 35rem;
  margin-right: 1.8rem;
  background-color: #f8f8f8;
  border: 0.1rem solid #ddd;
  border-radius: 0.6rem;
  padding: 0 2.8rem;
  height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.main-search__input:after {
  pointer-events: none;
  content: '';
  display: inline-block;
  vertical-align: top;
  position: absolute;
  right: 1.6rem;
  top: calc(50% - 1.2rem);
  background: url(../images/icon//icon-select-arrow.png) no-repeat;
  width: 2.5rem;
  height: 2.5rem;
}

.main-search__input > .btn {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  padding: 0;
}

.main-search__name {
  font-size: 1.6rem;
  letter-spacing: -0.053rem;
  color: #999;
}

.main-search__dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.main-search__value {
  margin-left: 1.4rem;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: -0.073rem;
  max-width: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main-search__wrap {
  position: absolute;
  left: 0;
  top: 7rem;
  background-color: #fff;
  border: 0.1rem solid #ccc;
  z-index: 1;
}

.main-search__item {
  max-width: 53.7rem;
  padding: 4.5rem 1.7rem 1.7rem 4.5rem;
  display: none;
}

.main-search__item.is-active {
  display: block;
}

.main-search__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 42rem;
  padding: 4.5rem 1.7rem 1.7rem 4.5rem;
  border-right: 0.1rem solid #ccc;
}

.main-search__list:nth-child(1) {
  margin-right: 0;
}

.main-search__list-group {
  display: inline-block;
  vertical-align: top;
}

.main-search__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-search__group-item {
  display: inline-block;
  vertical-align: top;
}

.main-search__btn {
  font-size: 1.8rem;
  margin-bottom: 2.8rem;
  margin-right: 2.2rem;
  min-width: 9.4rem;
  text-align: left;
  color: #999;
  display: block;
}

.main-search__btn[aria-expanded='true'] {
  color: #222;
  font-weight: bold;
  text-decoration: underline;
}

.main-search__btn.is-active {
  font-weight: bold;
  color: #222;
}

.main-search__btn:first-child {
  margin-top: 0;
}

.main-search__submit {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.main-search__submit .btn {
  border-radius: 0.6rem;
}

.main-search__current {
  margin-top: 2rem;
  text-align: right;
  font-size: 1.6rem;
  color: #666;
}

.main-search__current > b {
  text-decoration: underline;
  color: #222;
}

.main-category + .main-store {
  margin-top: 14rem;
}

.main-offer {
  position: relative;
  width: 100%;  
  height: 45rem;
}

/* index에 넣었음*/
/*.main-offer:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100vw;
  height: inherit;
  left: 50%;
  background-color:#FAF8EE;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.main-offer__wrapper {
  overflow: hidden;
  width: calc(100% - 36rem);
}

.main-offer__description {
  position: relative;
  padding: 8.4rem 0;
  left: 0;
  z-index: 2;
  min-width: 36rem;
  height: 100%;
}

.main-offer__description:before {
  content: '';
  display: block;
  position: absolute;
  left: -100%;
  width: 100%;
  top: 0;
  height: 100%;  
  z-index:-2; 
}

.main-offer__description:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 4.5rem;
  background: url("../images/com/main-offer-bg_10.png") no-repeat;
  background-size: 500px 300px;
  width: 50rem;
  height: 30rem;
   z-index:-1;
}*/

.main-offer__btn {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8rem;
}


.main-offer__btn .swiper-button-prev {
  margin-right: 1rem;
}

.main-offer__text {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 3.6rem;
  letter-spacing: -0.107rem;
}

.main-offer__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 128rem;
  width: 100%;
  margin: 0 auto;
  height: inherit;
}

.main-offer__date {
  display: block;
  margin-top: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
}

.main-offer__slider {
  padding-top: 8.4rem;
  width: calc(100% - -34rem);
}

.main-offer__wrapper {
  overflow: hidden;
  width: calc(100% - 36rem);
}
.main-offer__item {
  overflow: hidden;
}

.main-offer__item.swiper-slide {
  width: 31rem;
  background-color: transparent;
}

.main-offer h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.main-offer__info {
  text-align: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 2.2rem;
  line-height: 2.2rem;
  font-size: 1.6rem;
}

.main-offer__info-date {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin-top: 1.5rem;
  font-size: 1.6rem;
  color: rgba(0, 0, 0, 0.4);
}

.main-inquiry {
  position: relative;
  height: 44rem;
  margin: 16rem 0 0;
  padding: 8.6rem 0 9.2rem 40.6rem;
}

.main-inquiry::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 1280px;
  width: 100vw;
  height: 44rem;
  background: #f8f5f4;
  content: '';
}

.main-inquiry__info {
  position: absolute;
  top: 8.6rem;
  left: 0;
  width: 30.6rem;
}

.main-inquiry__phone {
  display: block;
  overflow: hidden;
  margin: 0 0 2rem;
  width: 18.2rem;
  padding: 0 0 0 18.2rem;
  font-size: 3.8rem;
  font-weight: 100;
  height: 3.6rem;
  line-height: 3.6rem;
  background: url("../images/content/img-phone.png") no-repeat 0 0;
  background-size: 18.2rem 3.6rem;
  color: transparent;
}

.main-inquiry__sub {
  display: block;
  font-size: 1.4rem;
  margin: 0.4rem 0 0 0;
  color: #666;
}

.main-inquiry__anchor {
  margin: 1.8rem 0 0 0;
  border-top: 1px solid #222;
}

.main-inquiry__anchor a {
  position: relative;
  display: block;
  padding: 2.8rem 0 2.1rem;
  line-height: 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 1px solid #e2e2e2;
}

.main-inquiry__anchor a span {
  position: absolute;
  top: 2.6rem;
  right: 0;
  font-size: 1.4rem;
  font-weight: 400;
  color: #999;
  text-decoration: underline;
}

.main-inquiry__list {
  margin: 4.5rem 0 0;
}

.main-inquiry__list li {
  position: relative;
  display: inline-block;
  width: 16rem;
  padding: 10rem 0 0 0;
  color: #666;
  line-height: 2.6rem;
}

.main-inquiry__list li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  height: 8rem;
  background: url("../images/content/img-main-info.png") no-repeat 0 0;
}

.main-inquiry__list li:nth-child(1)::before {
  background-position: 0rem 0;
}

.main-inquiry__list li:nth-child(2)::before {
  background-position: -8rem 0;
}

.main-inquiry__list li:nth-child(3)::before {
  background-position: -16rem 0;
}

.main-inquiry__list li:nth-child(4)::before {
  background-position: -24rem 0;
}

.main-inquiry__list li:nth-child(5)::before {
  background-position: -32rem 0;
}

.main-anchor {
  display: inline-block;
  width: 64rem;
}

.main-anchor::after {
  content: '';
  position: absolute;
  top: calc(50% - 0.5rem);
  right: 5.2rem;
  width: 3.3rem;
  height: 1.1rem;
  background: url("../images/icon/icon-arrow-white.png") no-repeat 0 0;
}

.main-anchor__title {
  display: block;
  font-size: 3.2rem;
  color: #fff;
  line-height: 3.2rem;
}

.main-anchor__sub {
  display: block;
  margin: 2rem 0 0;
  color: #ffebe6;
}

.main-anchor__new {
  display: inline-block;
  margin: 0 0 1.2rem;
  padding: 0 0.6rem;
  color: #d1552e;
  background: #fff;
  line-height: 2rem;
  border-radius: 1.3rem;
  font-weight: 700;
  font-size: 1.2rem;
}

.main-anchor--anchor1 {
  height: 42rem;
  padding: 6rem;
  background: url("../images/content/img-main-newstore.png") no-repeat 0 0;
}

.main-anchor--anchor1 .main-anchor__title {
  font-weight: 700;
  line-height: 4rem;
}

.main-anchor--anchor1::after {
  display: none;
}

.main-anchor--anchor1 .main-anchor__sub {
  position: relative;
  display: inline-block;
  padding: 0 5rem 0 0;
}

.main-anchor--anchor1 .main-anchor__sub::after {
  content: '';
  position: absolute;
  top: calc(50% - 0.5rem);
  right: 0;
  width: 3.3rem;
  height: 1.1rem;
  background: url("../images/icon/icon-arrow-white.png") no-repeat 0 0;
}

.main-anchor--anchor2 {
  position: absolute;
  top: 0;
  right: 0;
  height: 21rem;
  padding: 7.5rem 6rem 0;
  background: #2e3346;
}

.main-anchor--anchor2 .main-anchor__title {
  font-size: 2.6rem;
}

.main-anchor--anchor2 .main-anchor__sub {
  margin-top: 1rem;
  color: #b6bac9;
  font-size: 1.8rem;
}

.main-anchor--anchor3 {
  position: absolute;
  top: 21rem;
  right: 0;
  height: 21rem;
  padding: 7.5rem 6rem 0;
  background: #6f8be9;
}

.main-anchor--anchor3 .main-anchor__title {
  font-size: 2.6rem;
}

.main-anchor--anchor3 .main-anchor__sub {
  margin-top: 1rem;
  color: #bbc4e7;
  font-size: 1.8rem;
}

.main-new {
  position: relative;
  margin: 16rem 0;
}

.main-store {
  position: relative;
  margin: 16rem 0;
}

.main-store .heading--2 {
  line-height: 3.6rem;
  margin-bottom: 6rem;
}

.main-store .store-list__item .store-side.store-ad {
  top: 1rem;
}

.main-store--1 .store-list {
  position: relative;
}

.main-store--1 .store-list__item {
  border: 0;
  width: 24rem;
  height: 50rem;
}

.main-store--1 .store-list__img {
  width: 24rem;
  height: 24rem;
}

.main-store--1 .store-list__con {
  padding: 3rem 0 0;
  height: 26rem;
}

.main-store--1 .store-list__info {
  bottom: 0;
  left: 0;
  right: 0;
}

.main-store--1 .store-list__title {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.main-store--1 .info-price__con {
  display: block;
}

.main-store--1 .info-price__text1 {
  display: block;
  font-size: 1.8rem;
}

.main-store--1 .info-price__text1 .info-price__unit {
  font-size: 1.6rem;
}

.main-store--1 .info-price__text2 {
  display: block;
  margin: 0;
  font-size: 2rem;
}

.main-store--2 .store-list {
  position: relative;
  padding-bottom: 8.5rem;
}

.main-store--2 .store-list__item {
  border: 0;
  width: 40rem;
  height: 32rem;
}

.main-store--2 .store-list__img {
  width: 40rem;
  /*height: 32rem;*/
}

.main-store--2 .store-list__con {
  /*margin: -6rem 0 0;*/
  padding: 3rem 2rem 0 0;
  height: 24.4rem;
  background: #fff;
  /*width: 36rem;*/
}

.main-store--2 .store-list__info {
  bottom: 0;
  left: 0;
  right: 0;
}

.main-store--2 .store-list__title {
  font-size: 2.2rem;
  line-height: 3.4rem;
}

.main-store--2 .info-price__text1 {
  font-size: 2rem;
}

.main-store--2 .info-price__text2 {
  font-size: 2.4rem;
}

.main-store--2 .swiper-scrollbar {
  position: absolute;
  bottom: 0;
}

.main-store--2 .swiper-button-prev {
  position: absolute;
  right: 5rem;
  bottom: -1.6rem;
}

.main-store--2 .swiper-button-next {
  position: absolute;
  right: 0;
  bottom: -1.6rem;
}

.main-store--2 .label--round label {
  margin-bottom: 0;
}

.main-store--2 .label--round ~ .store-side--region {
  top: 12.4rem;
}

.main-store--3 .store-list {
  position: relative;
  padding-bottom: 8.5rem;
}

.main-store--3 .store-list__item {
  border: 0;
  width: 34rem;
  height: 47.4rem;
}

.main-store--3 .store-list__img {
  width: 34rem;
  height: 23rem;
}

.main-store--3 .store-list__con {
  padding: 3rem 0 0;
  height: 24.4rem;
}

.main-store--3 .store-list__info {
  bottom: 0;
  left: 0;
  right: 0;
}

.main-store--3 .store-list__title {
  font-size: 2rem;
  line-height: 2.8rem;
}

.main-store--3 .info-price__text1 {
  font-size: 2rem;
}

.main-store--3 .info-price__text2 {
  font-size: 2.4rem;
}

.main-store--3 .swiper-scrollbar {
  position: absolute;
  bottom: 0;
}

.main-store--3 .swiper-button-prev {
  position: absolute;
  right: 5rem;
  bottom: -1.6rem;
}

.main-store--3 .swiper-button-next {
  position: absolute;
  right: 0;
  bottom: -1.6rem;
}

.main-store--3 .label--round {
  margin-top: -2.5rem;
  margin-bottom: 6rem;
}

.main-store--3 .label--round label {
  margin-bottom: 0;
}

.main-store--3 .label--round ~ .store-side--region {
  top: 12.4rem;
}

.main-store--4 .store-list {
  position: relative;
}

.main-store--4 .store-list .store-list__inner {
  margin: -4rem 0;
}

.main-store--4 .store-list .store-list__inner::after {
  display: block;
  clear: both;
  content: "";
}

.main-store--4 .store-list__item {
  position: relative;
  width: 50%;
  height: 22rem;
  float: left;
  margin: 4rem 0;
  border: 0;
}

.main-store--4 .store-list__item::before {
  content: '';
  position: absolute;
  top: -4rem;
  width: 100%;
  height: 1px;
  background: #eee;
}

.main-store--4 .store-list__item:nth-child(1)::before, .main-store--4 .store-list__item:nth-child(2)::before {
  display: none;
}

.main-store--4 .store-list__img {
  top: 0;
  left: 0;
  width: 22rem;
  height: 22rem;
}

.main-store--4 .store-list__con {
  padding: 1rem 3rem;
}

.main-store--4 .store-list__anchor {
  padding-left: 22rem;
}

.main-store--4 .store-list__info {
  left: 3rem;
  right: 3rem;
  bottom: 1rem;
}

.main-store--4 .store-list__title {
  font-size: 2rem;
  line-height: 2.9rem;
  margin-top: 1rem;
}

.main-store--4 .store-list__text {
  display: none;
}

.main-store--4 .info-price__text1 {
  font-size: 2rem;
}

.store-side {
  position: absolute;
  top: 1.2rem;
  right: 0;
  z-index: 5;
  display: block;
  color: #666;
}

.store-side--region {
  top: 4.8rem;
  padding: 0 3rem 0 0;
  background: url("../images/icon/icon-region-sm.png") no-repeat 100% 50%;
}

.store-side .btn--text {
  color: #666;
  font-size: 1.5rem;
}

.store-side.store-ad {
  top: 5rem;
}

[data-autoset='openner'] .expand:not(.expanded) {
  display: none;
}

[data-autoset='openner'] .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='openner'] [data-menu='con'].expanded {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dropdown-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dropdown-menu.expand {
  display: none;
}

.dropdown .dropdown__btn {
  display: block;
  width: 100%;
}

.dropdown .dropdown__btn[aria-expanded='true'], .dropdown .dropdown__btn.is-active {
  font-weight: bold;
  color: #222;
}

.dropdown .dropdown__btn[aria-expanded='true'] em, .dropdown .dropdown__btn.is-active em {
  text-decoration: underline;
}

.dropdown__wrap {
  position: absolute;
  z-index: 10;
  background-color: white;
  font-size: 1.8rem;
  border: 0.1rem solid #222;
  max-height: 69rem;
}

.dropdown__list {
  max-width: 12.7rem;
  padding: 2.2rem 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: #d8d8d8;
  scrollbar-width: thin;
}

.dropdown__list::-webkit-scrollbar {
  width: 1.4rem;
}

.dropdown__list::-webkit-scrollbar-thumb {
  background: #d8d8d8;
  background-clip: padding-box;
  border-radius: 0.8rem;
  border: 4px solid transparent;
}

.dropdown__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 0;
}

.dropdown__list .dropdown__btn {
  text-align: left;
  padding-left: 4.2rem;
  width: 12.7rem;
  height: 6rem;
  font-size: 1.8rem;
  color: #999;
}

.dropdown__list--center .dropdown__btn {
  padding-left: 0.2rem;
  text-align: center;
}

.dropdown__item {
  max-width: 25.2rem;
  padding: 3.7rem 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: block;
  border-left: 1px solid #e3e3e3;
  scrollbar-color: #d8d8d8;
  scrollbar-width: thin;
}


.dropdown__item::-webkit-scrollbar {
  width: 1.4rem;
}

.dropdown__item::-webkit-scrollbar-thumb {
  background: #d8d8d8;
  background-clip: padding-box;
  border-radius: 0.8rem;
  border: 4px solid transparent;
}

.dropdown__item::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 0;
}

.dropdown__title {
  padding-left: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dropdown__title > strong {
  margin-left: 1rem;
  letter-spacing: -0.042rem;
}

.dropdown__item {
  display: none;
}

.dropdown__item.is-active {
  display: block;
}

.dropdown__item .dropdown__btn {
  text-align: left;
  padding-left: 2.5rem;
  width: 25rem;
  height: 6rem;
  font-size: 1.8rem;
  letter-spacing: -0.05rem;
  color: #999;
}

.dropdown__item .dropdown__btn:first-child {
  margin-top: 1rem;
}

.dropdown__item .dropdown__btn[aria-expanded='true'] {
  font-weight: bold;
}

.l-box {
  margin-top: 3.2rem;
  position: relative;
}

.l-box + .c-title {
  margin-top: 11rem;
}

.l-box--line {
  margin-top: 0;
  border-top: 0.2rem solid #222;
}

.l-box--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-box__group.l-box__group-lt {
  width: 100%;
  max-width: 82rem;
}

.l-box__group.l-box__group-rt {
  width: 100%;
  margin-left: 4.6rem;
  max-width: 41.3rem;
}

.l-box__group-t2.l-box__group-lt {
  width: 100%;
  max-width: 23.2rem;
}

.l-box__group-t2.l-box__group-rt {
  width: 100%;
  margin-left: 5.6rem;
  max-width: 99rem;
}

.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;
}

.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: 2rem 0 0;
  text-align: center;
  font-size: 0;
}

.swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.6rem;
  background: #222;
  border-radius: 100%;
  display: inline-block;
  margin: 0 0.5rem;
}

.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;
}

[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__head .accordion__btn {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.accordion--basic .use-notice__text {
  margin-top: 0;
}

.accordion--basic .accordion__head {
  padding: 3rem 0;
  min-height: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.1rem solid #e7e7e7;
}

.accordion--basic .accordion__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-weight: 500;
  letter-spacing: -0.037rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 2.8rem;
}

.accordion--basic .accordion__title .use-notice__text {
  margin-left: 0.8rem;
}

.accordion--basic .accordion__info {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.accordion--basic .accordion__validate {
  min-width: 20rem;
  text-align: right;
  font-size: 1.4rem;
  color: #999;
}

.accordion--basic .accordion__content {
  background-color: #f8f8f8;
  position: relative;
}

.accordion--basic .accordion__content:after {
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
  height: 0.1rem;
  background-color: #e7e7e7;
}

.accordion--basic .accordion__content .use-notice__text {
  padding: 4rem;
  line-height: 2.5rem;
  color: #666;
  font-size: 1.6rem;
}

.accordion--stamp .accordion__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2.4rem 4rem 2.4rem 0;
  border-top: 0.1rem solid #ddd;
  border-bottom: 0.1rem solid #ddd;
}

.accordion--stamp .accordion__text {
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: -0.064rem;
  font-weight: bold;
}

.accordion--stamp .accordion__text em:after {
  content: '';
  display: inline-block;
  vertical-align: top;
  margin-left: 0.4rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #ff5b2c;
}

.accordion--stamp .accordion__btn:after {
  content: '';
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: calc(50% - 1.25rem);
  right: 1.2rem;
  background: url(../images/icon/icon-select-arrow.png) no-repeat;
}

.accordion--text .accordion__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;
}

.accordion--text .accordion__head .icon--accordion-arrow1 {
  position: relative;
  top: 0.1rem;
  margin-left: 0.4rem;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion--text .accordion__head > button[aria-expanded='true'] > .icon--accordion-arrow1 {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.accordion--text .accordion__content {
  margin-top: 1.2rem;
}

.grid--line {
  border-top: 0.2rem solid #222;
}

.grid--line.grid > .store-list--card {
  margin-top: 4rem;
}

.grid--line.grid > .store-list--card > ul {
  margin: 0;
  display: block;
}

.grid-col4 {
  margin-right: -4rem;
}

.grid-col4::after {
  display: block;
  clear: both;
  content: "";
}

.grid-col4 .grid-col {
  width: calc(25% - 4rem);
  margin-right: 4rem;
  float: left;
}

.grid-col3::after {
  display: block;
  clear: both;
  content: "";
}

.grid-col2 {
  margin-right: -3rem;
  margin-bottom: -4rem;
}

.grid-col2::after {
  display: block;
  clear: both;
  content: "";
}

.grid-col2 .grid-col {
  width: calc(50% - 3rem);
  margin-right: 3rem;
  margin-bottom: 4rem;
  float: left;
}

.grid--basic {
  margin-top: 5rem;
  margin-right: -4rem;
  margin-bottom: -4rem;
}

.grid--basic::after {
  display: block;
  clear: both;
  content: "";
}

.grid--basic .btn--icon {
  right: -0.1rem;
  top: -0.1rem;
  position: absolute;
}

.grid--basic .grid-col {
  font-size: 1.6rem;
  width: calc(33.33% - 4rem);
  float: left;
  margin-right: 4rem;
  margin-bottom: 4rem;
}

.grid--basic .grid-thumnail {
  /*height: 16rem;*/
  overflow: hidden;
}

.grid--basic .grid-thumnail img {
  max-width: 100%;
}

.grid--basic .grid-con {
  padding: 3rem;
  border-bottom: 0.1rem solid #e7e7e7;
}

.grid--basic .grid-foot {
  padding: 3rem;
}

.grid--basic .grid-tt {
  margin-top: 1.4rem;
  font-size: 2rem;
  font-weight: bold;
}

.grid--basic .grid-ts {
  margin-top: 2rem;
  line-height: 2.6rem;
}

.grid--basic .grid-btn {
  margin-top: 3rem;
}

.grid--basic .grid-btn button:only-child {
  width: 100%;
}

.grid--bx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0.2rem solid #222;
}

.grid--bx::after {
  display: block;
  clear: both;
  content: "";
}

.grid--bx .grid-head {
  height: 7.5rem;
  padding: 0 3rem;
  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 #e7e7e7;
}

.grid--bx .grid-head .unit {
  font-size: 1.6rem;
  font-weight: normal;
}

.grid--bx .grid-con {
  padding: 3rem 3rem;
}

.grid--bx .grid-col {
  width: calc(33.33%);
  float: left;
  border: 0;
  border-right: 0.1rem solid #e7e7e7;
  border-bottom: 0.1rem solid #e7e7e7;
}

.grid--bx .grid-col:last-child {
  border-right: 0;
}

.heading + .grid--bx {
  margin-top: 2rem;
}

.c-title + .grid--basic {
  margin-top: 0;
}

.grid-col--border {
  border: 0.1rem solid #ccc;
}

.grid__col {
  position: relative;
}

.grid > .store-list--card {
  margin: 0 -6rem -8rem 0;
}

.grid > .store-list--card::after {
  display: block;
  clear: both;
  content: "";
}

.grid > .store-list--card ul {
  margin: 0;
}

.grid > .store-list--card ul::after {
  display: block;
  clear: both;
  content: "";
}

.grid > .store-list--card .store-list__item {
  position: relative;
  border: 0;
  margin: 0;
  width: 29rem;
  margin-right: 6rem;
  margin-bottom: 8rem;
  float: left;
  overflow: hidden;
  height: auto;
}

.grid > .store-list--card .store-list__item .btn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.grid > .store-list--card .store-list__img {
  width: 29rem;
  height: 20rem;
}

.grid > .store-list--card .store-list__con {
  padding: 0;
  margin-top: 2rem;
  height: auto;
}

.grid > .store-list--card .store-list__anchor {
  height: auto;
}

.grid > .store-list--card .store-list__title {
  font-size: 2rem;
  line-height: 3rem;
}

.grid > .store-list--card .store-list__info {
  margin-top: 3.5rem;
  position: relative;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}

.grid > .store-list--card .info-price__text1 {
  font-size: 2rem;
  line-height: 2rem;
}

.grid > .store-list--card .info-price__text2 {
  font-size: 2rem;
  line-height: 2rem;
  margin-left: 1rem;
}

.grid > .store-list--card .info-price__unit {
  font-size: 1.6rem;
  line-height: 2.2rem;
}

.list-wrap .list-wrap__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2rem;
}

.list-wrap .list-wrap__item:last-child {
  margin-bottom: 0;
}

.hasDatepicker {
  padding: 0 6rem 0 2rem;
  background: url("../images/icon/icon-calendar.png") no-repeat 0 0;
  background-position: right 1.6rem top 50%;
}

.ui-datepicker {
  width: 40rem;
  background-color: #fff;
  z-index: 10 !important;
  border: 0.1rem solid;
}

.ui-datepicker-prev, .ui-datepicker-next {
  display: none;
}

.ui-datepicker-year, .ui-datepicker-month {
  border: 0;
  border-bottom: 0.1rem solid #e7e7e7;
  border-right: 0.1rem solid #e7e7e7;
  width: 50%;
  height: 6rem;
  font-size: 2.6rem;
  padding: 0 6rem 0 2.5rem;
  font-weight: bold;
  background: url("../images/icon/icon-calendar-arrow.png") no-repeat;
  background-position: right 1.8rem top 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.ui-datepicker-year option, .ui-datepicker-month option {
  font-size: 1.8rem;
  padding: 0;
}

.ui-datepicker-month {
  border-right: 0;
}

.ui-datepicker-calendar {
  margin: 25px;
  width: calc(100% - 50px);
}

.ui-datepicker-calendar thead th {
  height: 5rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #999;
}

.ui-datepicker-calendar tbody tr td {
  font-size: 1.8rem;
  text-align: center;
  height: 5rem;
}

.ui-state-active {
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  background-color: #222;
  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;
}


.shop-open_n {
    filter: brightness(50%);
    opacity:0.5
}

 .store_close {
    /*top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;*/
    background-color: rgb(0, 0, 0);
}
 .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.8rem;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: 26px;
    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;
}

#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;
}

.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%;
}
.profile__item image{
    width:100%
}