@charset "UTF-8";
:root {
  --primary: #53278b;
  --secondary: #6d33c4;
  --white: #fff;
  --black: #000;
  --gray: #bbb;
  --gray1: #f5f5f5;
  --gray2: #eaebed;
  --gray3: #ddd;
  --gray4: #6d6d6d;
  --coolgrey: #f6f7fb;
  --chacolgrey: #434343;
  --green: #00623c;
  --pink: #f0648a;
  --deeppurple: #371762;
}

/* viewport size */
/* vw 변환 function */
/* common */
.hide {
  width: 0;
  height: 0;
  margin: 0 !important;
  padding: 0;
  font-size: 0;
  opacity: 0;
}

.divider:before {
  display: block;
  width: 100%;
  height: 11px;
  background: #eaebed;
  content: "";
}

.line_through {
  text-decoration: line-through;
}

hr {
  margin: 0;
  padding: 0;
  border: 0;
}

/* contents */
.wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: flex-start;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  letter-spacing: -0.5px;
}
.wrapper.-bg-gray {
  background: #eaebed;
}

.contents {
  position: relative;
  z-index: 1;
  padding-bottom: 6.6666666667vw;
}

.fixed_basket {
  padding-bottom: 21.8666666667vw;
}

.fixed_footer {
  padding-bottom: 16.8vw;
}

/* Header */
.header {
  flex: none;
  display: none;
  position: relative;
}
.header h1 {
  height: 16.2666666667vw;
  border-bottom: 1px solid #eaebed;
  background: var(--white);
  color: #000;
  font-size: 4.5333333333vw;
  font-weight: 500;
  text-align: center;
  line-height: 16.2666666667vw;
  letter-spacing: -1px;
}
.header h1.non_border {
  border-bottom: 0 none;
}
.header.sticky {
  display: block;
  position: fixed;
  z-index: 11;
  width: 100%;
}
.header.normal {
  display: block;
  z-index: 10;
  width: 100%;
  height: 11.2vw;
}
.header.normal h1 {
  height: 11.2vw;
  color: #222;
  font-size: 4.2666666667vw;
  line-height: 11.2vw;
}
.header .back {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 4vw;
  transform: translate(0, -50%);
  width: 6.4vw;
  height: 6.4vw;
}
.header .back:before {
  display: inline-block;
  width: 5.3333333333vw;
  height: 4.4426666667vw;
  background: url(../images/arrow/arrow_back.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
}
.header .basket_item {
  position: absolute;
  top: 50%;
  right: 6.4vw;
  transform: translate(0, -50%);
}
.header .location {
  display: inline-flex;
  align-items: center;
  color: var(--black);
  text-decoration: none;
}
.header .location:after {
  display: inline-block;
  width: 3.7333333333vw;
  height: 4.8vw;
  margin-left: 1.6vw;
  background: url(../images/icon/icon_location_black.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.header .languages.icon_btn {
  justify-content: flex-end;
  top: 0.8vw;
  right: 4vw;
  width: auto;
  padding: 1.8666666667vw 0vw;
}
.header .languages.icon_btn.active {
  border-radius: 0;
  background: none;
}
.header .languages.icon_btn.active .lang_group {
  border-radius: 1.3333333333vw;
  background: var(--white);
}
.header .languages.icon_btn a:after {
  content: none;
}
.header .languages.icon_btn .lang_group {
  flex-direction: column;
  margin-right: -1.0666666667vw;
  padding: 0vw 0vw 0vw 2.6666666667vw;
}
.header .languages.icon_btn .lang_group li {
  flex: auto;
}
.header .languages.icon_btn .lang_group li a {
  flex: 1;
}
.header .languages.icon_btn .lang_group li a.active span {
  color: var(--black);
  font-weight: 500;
}
.header .languages.icon_btn .lang_group li a.active:after {
  display: block;
  width: 3.2vw;
  height: 3.2vw;
  margin: 0 auto;
  background: url(../images/flag/arrow_down.png) no-repeat 0 0;
  background-size: cover;
  transform: rotate(180deg);
  content: "";
}

.footer {
  height: auto;
  margin-top: auto;
}
.footer.sticky {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
.footer.logo {
  height: 8.5333333333vw;
  background-size: 14.1333333333vw 3.2666666667vw;
}

.category_menu {
  background: var(--white);
}
.category_menu .scroll_wrap {
  overflow: hidden;
  overflow-x: scroll;
  position: relative;
  z-index: 2;
  height: 12.8vw;
  background: var(--white);
  white-space: nowrap;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.category_menu .scroll_wrap ul {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0vw 4vw;
  white-space: nowrap;
  transform: translate(0, -50%);
}
.category_menu .scroll_wrap .bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.5333333333vw;
  background: var(--primary);
  transition: width 0.3s, transform 0.3s;
}
.category_menu .scroll_wrap::-webkit-scrollbar {
  height: 0;
}
.category_menu a {
  display: inline-block;
  position: relative;
  padding: 4vw 3.2vw;
  color: #717171;
  font-size: 4.2666666667vw;
  text-decoration: none;
}
.category_menu .selected a {
  color: var(--black);
  font-weight: 700;
}
.category_menu .selected a:before {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 1.0666666667vw;
  background: var(--black);
  transform: translate(-50%, 0.5333333333vw);
  content: "";
}

.main_category {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 3.2vw;
  padding: 5.0666666667vw 2.6666666667vw;
  border: 1px solid #ddd;
  border-radius: 1.3333333333vw;
  background: var(--white);
}
.main_category .list {
  width: 25%;
  margin-top: 10.1333333333vw;
}
.main_category .list:nth-child(1),
.main_category .list:nth-child(2),
.main_category .list:nth-child(3),
.main_category .list:nth-child(4) {
  margin-top: 0;
}
.main_category .list figure {
  width: 16vw;
  height: 16vw;
  margin: 0 auto;
  text-align: center;
}
.main_category .list figure img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.main_category .list .grade_article {
  display: flex;
  justify-content: space-around;
  margin-top: 2.1333333333vw;
}
.main_category .list .grade_article strong {
  display: block;
  width: 100%;
  text-align: center;
  letter-spacing: -1px;
}

/* footer menu */
.footer_menu {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16.2666666667vw;
  background: var(--white);
}
.footer_menu a {
  display: inline-block;
  margin-left: 6.4vw;
  color: #222;
  font-size: 3.2vw;
  text-align: center;
  text-decoration: none;
}
.footer_menu a:first-child {
  margin-left: 0;
}
.footer_menu a span {
  display: inline-block;
  margin-top: 0.5333333333vw;
}
.footer_menu .home:before {
  display: block;
  width: 6.9333333333vw;
  height: 6.8vw;
  margin: 0 auto;
  background: url(../images/icon/icon_go_home_black.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.footer_menu .home:before.active {
  color: var(--primary);
}
.footer_menu .home:before.active:before {
  background: url(../images/icon/icon_go_home.png) no-repeat 0 0;
  background-size: 100%;
}
.footer_menu .order_list:before {
  display: block;
  width: 4.8vw;
  height: 6.8vw;
  margin: 0 auto;
  background: url(../images/icon/icon_list_black.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.footer_menu .order_list.active {
  color: var(--primary);
}
.footer_menu .order_list.active:before {
  background: url(../images/icon/icon_list.png) no-repeat 0 0;
  background-size: 100%;
}

.star_rate {
  display: inline-flex;
  align-items: center;
}
.star_rate span {
  display: inline-block;
  height: 4.7213333333vw;
  background: url(../images/icon/icon_star.png) no-repeat 0 -6.9333333333vw;
  background-size: 34.3626666667vw;
}
.star_rate em {
  margin-left: 2.9333333333vw;
  color: var(--black);
  font-size: 4.8vw;
  font-weight: 700;
  font-style: normal;
}
.star_rate .off {
  position: relative;
  width: 34.3626666667vw;
}
.star_rate .on {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-position: 0 0;
}

.guide_sheet:not(.icon) {
  margin: 0vw 5.3333333333vw;
  padding: 1.8666666667vw 0vw;
  border-radius: 3.7333333333vw;
  background: #f6f6f6;
}
.guide_sheet p {
  color: var(--primary);
  font-size: 3.4666666667vw;
  font-weight: 500;
  line-height: 4.16vw;
  text-align: center;
}
.guide_sheet.icon p {
  display: flex;
  align-items: center;
  font-size: 3.7333333333vw;
  text-align: left;
}
.guide_sheet.icon p:before {
  display: block;
  width: 4.8vw;
  height: 4.8vw;
  margin-right: 1.3333333333vw;
  background: rgba(53, 28, 121, 0.7);
  border-radius: 50%;
  color: var(--white);
  font-size: 3.2vw;
  font-weight: 700;
  text-align: center;
  line-height: 4.8vw;
  content: "!";
}

.badge {
  position: relative;
  z-index: 1;
}
.badge:before {
  position: absolute;
  top: -13.4666666667vw;
  left: 0;
  padding: 0.7333333333vw 2.0666666667vw 0.8666666667vw 2.0666666667vw;
  border-radius: 2.6666666667vw;
  color: var(--white);
  font-size: 2.4vw;
  white-space: nowrap;
  content: "";
}
.badge.best:before {
  background: var(--pink);
  content: "BEST";
}
.badge.popular:before {
  background: var(--primary);
  content: "인기";
}
.badge.discount:before {
  background: var(--green);
  content: "할인";
}

/* menu list accordion */
.accordion_section .accordion_article .accordion_title > button {
  position: relative;
  width: 100%;
  height: 13.3333333333vw;
  padding: 0vw 5.3333333333vw;
  border-bottom: 1px solid #eee;
  background: var(--white);
  color: #222;
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 13.3333333333vw;
  text-align: left;
}
.accordion_section .accordion_article .accordion_title > button:after {
  position: absolute;
  right: 4.8vw;
  top: 50%;
  transform: translate(0, -50%) rotate(0);
  width: 3.2vw;
  height: 2.1333333333vw;
  background: url(../images/arrow/arrow_down.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.accordion_section .accordion_article .accordion_item {
  display: none;
}
.accordion_section .accordion_article.active .accordion_title > button {
  border-bottom: 0;
}
.accordion_section .accordion_article.active .accordion_title > button:after {
  transform: translate(0, -50%) rotate(180deg);
}
.accordion_section .accordion_article.active .accordion_item {
  display: block;
}

/* Tab */
.tabs {
  border-bottom: 1px solid #eee;
  background: var(--white);
  font-size: 0;
}
.tabs li {
  display: inline-block;
  width: 33.33%;
  color: #999;
  font-size: 4.2666666667vw;
  text-align: center;
  cursor: pointer;
}
.tabs li span {
  display: inline-block;
  width: 100%;
  padding: 4.8666666667vw 0vw;
  font-weight: 500;
}
.tabs li.current span {
  position: relative;
  color: var(--primary);
  font-weight: 700;
}
.tabs li.current span:before {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 0.8vw;
  background: var(--primary);
  transform: translate(-50%, 2px);
  content: "";
}
.tabs.num_2 li {
  width: 50%;
}
.tabs.sticky {
  position: sticky;
  top: -3.4666666667vw;
  z-index: 11;
}
.tabs.sticky_with_header {
  position: sticky;
  top: 13.3333333333vw;
  z-index: 11;
}

.tab-content {
  display: none;
}
.tab-content.current {
  display: block;
}
.tab-content .review_section {
  margin-top: 6.6666666667vw;
}

/* Box 1 */
.article_box {
  border: 1px solid #ddd;
  border-radius: 1.3333333333vw;
  background: var(--white);
}
.article_box .article_title {
  padding: 3.7333333333vw 4vw 2.9333333333vw 4vw;
  border-bottom: 1px solid #eee;
}
.article_box .article_title strong {
  color: #242424;
  font-size: 4vw;
  font-weight: 500;
}
.article_box .article_item {
  padding: 0vw 2.6666666667vw;
}
.article_box + .article_box {
  margin-top: 1.3333333333vw;
}

/* form */
.btn_select {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 10.9333333333vw;
  border: 1px solid #ddd;
  border-radius: 1.3333333333vw;
  background: var(--white);
}
.btn_select:before {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 1.9333333333vw;
  width: 1.9333333333vw;
  height: 1.2893333333vw;
  background: url(../images/arrow/arrow_input.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.btn_select button {
  width: 100%;
  height: 100%;
  padding: 1.3333333333vw 1.4666666667vw;
  background: var(--white);
  color: #434343;
  font-size: 3.7333333333vw;
  text-align: left;
  line-height: inherit;
}

.form_group {
  padding: 2.9333333333vw 1.2vw 3.2vw;
}
.form_group .row {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin-top: 4vw;
  line-height: 4.8vw;
}
.form_group .row:first-child {
  margin-top: 0;
}
.form_group .row label {
  flex: 0 0 17%;
  color: #434343;
  font-size: 3.7333333333vw;
  font-weight: 400;
}
.form_group .row .select {
  flex: 0 0 83%;
  position: relative;
  height: 7.7333333333vw;
  border: 1px solid #ddd;
  border-radius: 0.4vw;
  background: var(--white);
}
.form_group .row .select:before {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 1.9333333333vw;
  width: 1.9333333333vw;
  height: 1.2893333333vw;
  background: url(../images/arrow/arrow_input.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.form_group .row .select select {
  width: 100%;
  height: 100%;
  padding: 1.3333333333vw 1.4666666667vw;
  background: var(--white);
  color: #434343;
  font-size: 3.7333333333vw;
}
.form_group .row .input_bind {
  display: inline-flex;
  flex: 0 0 83%;
}
.form_group .row .input_bind .input {
  flex: auto;
}
.form_group .row .input_bind button {
  margin-left: 2.6666666667vw;
  border-radius: 1.3333333333vw;
}
.form_group .row .input {
  display: inline-flex;
  overflow: hidden;
  flex: 0 0 83%;
  position: relative;
  height: 10.9333333333vw;
  border: 1px solid #ddd;
  border-radius: 1.3333333333vw;
  background: var(--white);
}
.form_group .row .input input[type="text"],
.form_group .row .input input[type="number"],
.form_group .row .input input[type="tel"] {
  width: 100%;
  height: 100%;
  padding: 1.3333333333vw 1.4666666667vw;
  color: #434343;
  font-size: 3.7333333333vw;
}
.form_group .row .textarea {
  display: inline-flex;
  flex: auto;
  overflow: hidden;
  position: relative;
  min-height: 13.8666666667vw;
  border: 1px solid #ddd;
  border-radius: 1.3333333333vw;
  background: var(--white);
}
.form_group .row .textarea textarea {
  width: 100%;
  height: 100%;
  padding: 1.3333333333vw 1.4666666667vw;
  color: #434343;
  font-size: 3.7333333333vw;
  resize: none;
}
.form_group .row.half label {
  flex: 0 0 50%;
}
.form_group .row.half .input,
.form_group .row.half .input_bind {
  flex: 0 0 50%;
}
.form_group .text_form_guide + .row {
  margin-top: 3.4666666667vw;
}
.form_group .row_group + .text_form_guide {
  margin-top: 1.6vw;
}

.text_form_guide {
  color: #999;
  font-size: 3.2vw;
  line-height: 4.2666666667vw;
}
.text_form_guide span {
  color: var(--primary);
  font-weight: 700;
}

.text_certify {
  margin: 5.3333333333vw 0vw 0vw 0vw;
}
.text_certify p {
  color: #242424;
  font-size: 4vw;
  font-weight: 500;
  line-height: 4.8vw;
  text-align: center;
}

/* radio, checkbox */
.radio:first-child {
  margin-top: 0;
}
.radio label {
  display: inline-flex;
  flex: none;
  position: relative;
  margin: 0;
  padding: 0;
  color: #242424;
  font-size: 3.7333333333vw;
  line-height: 4.8vw;
}
.radio label input[type="radio"] {
  position: absolute;
  top: 0;
}
.radio label input[type="radio"] + span:before {
  flex: none;
  width: 3.7333333333vw;
  height: 3.7333333333vw;
  margin-right: 0.6933333333vw;
  background: url(../images/icon/icon_radio_off.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.radio label input[type="radio"]:checked + span:before {
  background: url(../images/icon/icon_radio_on.png) no-repeat 0 0;
  background-size: 100%;
}
.radio label span {
  display: inline-flex;
  align-items: center;
}

.radio_list .radio {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 3.4666666667vw;
  padding: 1.6vw 0vw;
}
.radio_list .radio:first-child {
  margin-top: 0;
}
.radio_list .radio label {
  color: #242424;
  font-size: 3.7333333333vw;
  line-height: 6.4vw;
}
.radio_list .radio label input[type="radio"] + span:before {
  margin-right: 1.64vw;
}
.radio_list .radio label input[type="radio"] + span:before,
.radio_list .radio label input[type="radio"]:checked + span:before {
  width: 6.4vw;
  height: 6.4vw;
}
.radio_list.row_group .radio {
  width: auto;
  margin-top: 0;
  margin-left: 4.2666666667vw;
}
.radio_list.row_group .radio:first-child {
  margin-left: 0;
}

.check:first-child {
  margin-top: 0;
}
.check label {
  display: inline-flex;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 3.4666666667vw;
  line-height: 4.8vw;
}
.check label input[type="checkbox"] {
  position: absolute;
  top: 0;
}
.check label input[type="checkbox"] + span:before {
  flex: none;
  width: 4.8vw;
  height: 4.8vw;
  margin-right: 0.96vw;
  background: url(../images/icon/icon_check_off.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.check label input[type="checkbox"]:checked + span:before {
  background: url(../images/icon/icon_check_on.png) no-repeat 0 0;
  background-size: 100%;
}
.check label input[type="checkbox"] + span {
  display: inline-flex;
  align-items: center;
}
.check.type_round label {
  color: #434343;
  font-size: 3.7333333333vw;
  line-height: 6.4vw;
}
.check.type_round label input[type="checkbox"] + span:before {
  display: inline-flex;
  width: 6.4vw;
  height: 6.4vw;
  margin-top: 0;
  margin-right: 1.24vw;
  background: url(../images/icon/icon_check_round_off.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.check.type_round label input[type="checkbox"]:checked + span:before {
  background: url(../images/icon/icon_check_round_on.png) no-repeat 0 0;
  background-size: 100%;
}

.check_list .check {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 3.4666666667vw;
  padding: 1.6vw 0vw;
}
.check_list .check:first-child {
  margin-top: 0;
}
.check_list .check label {
  color: #242424;
  font-size: 3.7333333333vw;
  line-height: 6.4vw;
}
.check_list .check label input[type="checkbox"] + span:before {
  margin-right: 1.64vw;
}
.check_list .check label input[type="checkbox"] + span:before,
.check_list .check label input[type="checkbox"]:checked + span:before {
  width: 6.4vw;
  height: 6.4vw;
}
.check_list .check .option_choise {
  display: inline-flex;
  align-items: center;
  flex: 0 0 70%;
}
.check_list .check .option_choise .price {
  flex: none;
  margin-left: 1.6vw;
}
.check_list .check .change_number {
  flex: 0 0 25%;
}

/* button */
.toggle_btn button {
  margin-left: 2.44vw;
}
.toggle_btn .text {
  padding-bottom: 1.0666666667vw;
  color: #bbb;
  font-size: 3.4666666667vw;
  font-weight: 500;
  line-height: 1;
}
.toggle_btn .text span {
  display: inline-flex;
  align-items: center;
}
.toggle_btn .text span:before {
  display: block;
  width: 0.8vw;
  height: 0.8vw;
  margin-right: 0.6266666667vw;
  border-radius: 50%;
  background: #bbb;
  content: "";
}
.toggle_btn .text.active {
  color: var(--secondary);
}
.toggle_btn .text.active span:before {
  background: var(--secondary);
}

.btn_fill {
  min-width: 12vw;
  min-height: 7.0666666667vw;
  border-radius: 0.4vw;
  background: var(--secondary);
  color: var(--white);
  font-size: 3.0666666667vw;
  line-height: 7.0666666667vw;
  text-align: center;
}
.btn_fill.-search {
  position: relative;
  min-width: 10.9333333333vw;
  max-height: 10.9333333333vw;
}
.btn_fill.-search:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.6vw;
  height: 3.76vw;
  background: url(../images/icon/icon_search_white.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}

.btn_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.btn_wrap .btn {
  height: 13.6vw;
  margin-top: 5.3333333333vw;
  border-radius: 5.3333333333vw;
  background: var(--primary);
  color: var(--white);
  font-size: 4.2666666667vw;
  font-weight: 700;
  text-align: center;
  line-height: 13.6vw;
  text-decoration: none;
}
.btn_wrap.-full {
  flex: 1;
  padding: 5.3333333333vw 2.6666666667vw 0vw 2.6666666667vw;
}
.btn_wrap.-full .btn {
  width: 100%;
  margin-top: 2.6666666667vw;
}
.btn_wrap.-full .btn:first-child {
  margin-top: 0;
}
.btn_wrap.-half {
  margin: 5.3333333333vw 2.6666666667vw 0vw 2.6666666667vw;
}
.btn_wrap.-half .btn {
  width: 50%;
  margin-top: 0;
}
.btn_wrap.-half .btn:first-child {
  border-radius: 5.3333333333vw 0vw 0vw 5.3333333333vw;
}
.btn_wrap.-half .btn:last-child {
  border-radius: 0vw 5.3333333333vw 5.3333333333vw 0vw;
}
.btn_wrap.-split {
  margin: 5.3333333333vw 2.6666666667vw 0vw 2.6666666667vw;
}
.btn_wrap.-split .btn {
  width: calc(50% - 1.3333333333vw);
  margin: 0 0 0 2.6666666667vw;
  border-radius: 2.6666666667vw;
  font-weight: 700;
}
.btn_wrap.-split .btn:first-child {
  margin-left: 0;
}
.btn_wrap.-split .btn.-border {
  color: var(--primary);
}
.btn_wrap.-sticky_bottom {
  padding-bottom: 8.6666666667vw;
}

.btn:disabled {
  opacity: 0.3;
  pointer-events: none;
}
.btn.-gray {
  background: var(--gray);
}
.btn.-green {
  background: var(--green);
}
.btn.-pink {
  background: var(--pink);
}
.btn.-border {
  border: 1px solid var(--primary);
  background: var(--white);
  color: var(--primary);
}

/* layer popup */
.layer_pop {
  display: none;
  flex-wrap: wrap;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  padding: 4vw;
}
.layer_pop.active {
  display: flex;
}
.layer_pop .close_layer {
  display: block;
  position: absolute;
  top: 5.3333333333vw;
  right: 5.3333333333vw;
  width: 4.3106666667vw;
  height: 4.3106666667vw;
  background: url(../images/icon/close.png) no-repeat 0 0;
  background-size: 100%;
}
.layer_pop .pop_contents {
  overflow-y: auto;
  position: relative;
  padding: 0;
  border-radius: 1.3333333333vw;
  background: var(--white);
}
.layer_pop.-full .pop_contents {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}
.layer_pop.-full .pop_contents .article_box {
  flex: 1 1 100%;
}
.layer_pop.-full .pop_contents .btn_wrap {
  flex: 1 1 100%;
  margin-top: auto;
}
.layer_pop.-bottom-start {
  flex-direction: column;
  top: auto;
  bottom: 0;
  padding-bottom: 0.8vw;
}
.layer_pop.-bottom-start .pop_contents {
  padding-top: 0;
}

/* dim */
.dim {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.dim.active {
  display: block;
}

.scroll_lock {
  overflow: hidden;
  touch-action: none;
}
.scroll_lock .wrapper {
  overflow: hidden;
  touch-action: none;
}

/* Chip List */
.chip_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.6666666667vw;
}
.chip_list .chip_item {
  flex: none;
  margin: 1.3333333333vw 1.0666666667vw 0vw 0vw;
}
.chip_list.small .chip_item {
  padding: 0.6666666667vw 2.4vw 0.8vw 2.4vw;
  border-radius: 6.6666666667vw;
  font-size: 2.6666666667vw;
  font-weight: 500;
}
.chip_list.text_white .chip_item {
  background: rgba(83, 39, 139, 0.7);
  color: var(--white);
}

.chip_item {
  padding: 1.0666666667vw 4.2666666667vw 1.0666666667vw 4.2666666667vw;
  border-radius: 6.6666666667vw;
  background: rgba(83, 39, 139, 0.2);
  color: var(--primary);
  font-size: 3.7333333333vw;
  font-weight: 500;
}

/* 채널 */
.channeling .order_in_store {
  padding: 5.3333333333vw 4vw;
}
.channeling .order_in_store p {
  color: var(--black);
  font-size: 4vw;
}
.channeling .order_in_store strong {
  display: block;
  margin-top: 1.3333333333vw;
  color: var(--black);
  font-size: 8vw;
  font-weight: 700;
}
.channeling .banner {
  position: relative;
  z-index: 0;
  width: 100vw;
  height: 44vw;
}
.channeling .banner .channel_banner {
  width: 100%;
  height: 100%;
}
.channeling .banner .channel_banner .swiper-slide {
  display: flex;
}
.channeling .banner .channel_banner .swiper-slide img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.channeling .banner .swiper-fraction {
  position: absolute;
  right: 2.6666666667vw;
  bottom: -5.3333333333vw;
  color: #434343;
  font-size: 3.2vw;
  font-weight: 500;
}
.channeling .banner .figure_wrap figure {
  width: 100%;
}
.channeling .banner .figure_wrap figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.channeling .banner .swiper-pagination {
  bottom: 1.8666666667vw;
}
.channeling .banner .swiper-pagination-bullet {
  position: relative;
  width: 3.2vw;
  height: 3.2vw;
  margin: 0 0.5333333333vw;
  border: 0 none;
  border-radius: unset;
  background: transparent;
}
.channeling .banner .swiper-pagination-bullet:before,
.channeling .banner .swiper-pagination-bullet:after {
  position: absolute;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  border-radius: 50%;
  content: "";
}
.channeling .banner .swiper-pagination-bullet:before {
  top: 50%;
  left: 50%;
  width: 1.6vw;
  height: 1.6vw;
  margin-top: -1.0666666667vw;
  margin-left: -1.0666666667vw;
  background-color: var(--primary);
}
.channeling .banner .swiper-pagination-bullet:after {
  top: 0;
  left: 0;
  width: 1.6vw;
  height: 1.6vw;
  transform: scale(0.5);
  border: 0.5333333333vw solid var(--primary);
  opacity: 0;
}
.channeling
  .banner
  .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  opacity: 0;
}
.channeling
  .banner
  .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  transform: scale(1);
  opacity: 1;
}

.search_wrap {
  padding: 4.5333333333vw 5.8666666667vw;
  background: var(--white);
}
.search_wrap.channel {
  margin-top: 4vw;
  padding: 0vw 4vw;
}
.search_wrap.channel .search {
  height: 12vw;
  border-radius: 2.6666666667vw;
  border: 0 none;
  background: #fafafa;
}
.search_wrap.channel .search:before {
  display: inline-block;
  width: 5.4666666667vw;
  height: 5.4666666667vw;
  margin: 0vw 1.3333333333vw 0vw 4vw;
  background: url(../images/icon/icon_search_03.png) no-repeat 0 0;
  background-size: 100%;
  vertical-align: middle;
  content: "";
}
.search_wrap.channel .search input {
  width: 80%;
  height: 100%;
  color: #000;
  font-size: 3.4666666667vw;
  background: transparent;
  caret-color: var(--primary);
}
.search_wrap.channel .search input::-moz-placeholder {
  color: #d8d8d8;
  font-size: 3.4666666667vw;
}
.search_wrap.channel .search input::placeholder {
  color: #d8d8d8;
  font-size: 3.4666666667vw;
}
.search_wrap.channel .search input::-webkit-placeholder {
  color: #d8d8d8;
  font-size: 3.4666666667vw;
}
.search_wrap .search {
  height: 10.9333333333vw;
  border-radius: 5.3333333333vw;
  border: 1px solid #ddd;
  background: #e9e9e9;
}
.search_wrap .search:before {
  display: inline-block;
  width: 4.8vw;
  height: 4.2666666667vw;
  margin: 0vw 2.4vw 0vw 4.8vw;
  background: url(../images/icon/icon_search.png) no-repeat 0 0;
  background-size: 100%;
  vertical-align: middle;
  content: "";
}
.search_wrap .search input {
  width: 80%;
  height: 100%;
  color: #434343;
  font-size: 4.2666666667vw;
  background: transparent;
  caret-color: var(--primary);
}
.search_wrap .search input::-moz-placeholder {
  color: #bdbdbd;
  font-size: 3.7333333333vw;
}
.search_wrap .search input::placeholder {
  color: #bdbdbd;
  font-size: 3.7333333333vw;
}
.search_wrap .search input::-webkit-placeholder {
  color: #bdbdbd;
  font-size: 3.7333333333vw;
}
.search_wrap .search input:focus {
  outline: none;
}

/* 채널 상단 필터 */
.filter_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 4vw 4vw 2.6666666667vw 4vw;
}
.filter_wrap button {
  display: inline-flex;
  align-items: center;
  height: 9.3333333333vw;
  margin-left: 2.6666666667vw;
  padding: 0vw 4vw;
  border: 1px solid var(--black);
  border-radius: 9.3333333333vw;
}
.filter_wrap button span {
  color: var(--black);
  font-size: 3.4666666667vw;
  font-weight: 700;
  letter-spacing: -0.2666666667vw;
}
.filter_wrap button.active {
  background: var(--black);
}
.filter_wrap button.active span {
  color: var(--white);
}
.filter_wrap button.btn_store_array:after {
  display: inline-flex;
  width: 3.2vw;
  height: 3.2vw;
  margin-left: 1.3333333333vw;
  background: url(../images/icon/icon_arrow_down.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.filter_wrap button.btn_store_array.active:after {
  background: url(../images/icon/icon_arrow_down_white.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.filter_wrap button.btn_etc_filter i {
  margin-left: 0.5333333333vw;
  font-style: normal;
}
.filter_wrap button.btn_etc_filter:after {
  display: inline-flex;
  width: 3.2vw;
  height: 3.2vw;
  margin-left: 1.3333333333vw;
  background: url(../images/icon/icon_filter.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.filter_wrap button.btn_etc_filter.active:after {
  background: url(../images/icon/icon_filter_white.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}

/* 채널 기타 필터 레이어 */
.array_pop {
  padding: 0;
  background: var(--white);
}
.array_pop .filter_list {
  padding: 0;
}
.array_pop .filter_list strong {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 13.3333333333vw;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  color: var(--black);
  font-size: 3.4666666667vw;
  font-weight: 700;
}
.array_pop .filter_list ul li {
  display: flex;
  justify-content: center;
  height: 10.6666666667vw;
  border-bottom: 1px solid #efefef;
}
.array_pop .filter_list ul li button {
  display: flex;
  align-items: center;
  color: var(--black);
  font-size: 3.4666666667vw;
}
.array_pop .filter_list ul li.active button {
  color: var(--primary);
  font-size: 3.4666666667vw;
}
.array_pop .filter_list ul li.active button:before {
  display: inline-flex;
  width: 3.2vw;
  height: 3.2vw;
  margin-right: 2.6666666667vw;
  background: url(../images/icon/icon_selected.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.array_pop .filter_list .-close {
  position: absolute;
  top: 4.8vw;
  right: 2.6666666667vw;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  background: url(../images/icon/icon_close_02.png) no-repeat 0 0;
  background-size: 100%;
}
.array_pop .btn_wrap {
  padding: 4vw 12vw;
}
.array_pop .btn_wrap .btn {
  flex: 1;
  margin-top: 0;
  border-radius: 6.8vw;
}

/* 채널 상점 리스트 */
.channel_store {
  position: relative;
  padding: 4vw;
  background: #eaebed;
}
.channel_store .article_box {
  overflow: hidden;
  border: 0 none;
  border-radius: 4vw;
}
.channel_store .article_box .article_item {
  position: relative;
  padding: 0;
}
.channel_store .article_box .article_item figure {
  width: 100%;
  height: 40vw;
}
.channel_store .article_box .article_item figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.channel_store .article_box .article_item .on_anvil {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 14.9333333333vw;
  background: rgba(0, 0, 0, 0.5);
}
.channel_store .article_box .article_item .on_anvil strong {
  color: var(--white);
  font-size: 5.3333333333vw;
}
.channel_store .article_box .article_item .on_anvil span {
  padding-top: 1.3333333333vw;
  color: rgba(255, 255, 255, 0.5);
  font-size: 3.4666666667vw;
}
.channel_store .figure_wrap {
  position: relative;
}
.channel_store .info_item {
  padding: 5.3333333333vw 4vw;
}
.channel_store .info_item .title {
  display: block;
  color: var(--black);
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 5.0666666667vw;
}
.channel_store .info_item .store_condition {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.6666666667vw;
}
.channel_store .info_item .store_condition li {
  display: flex;
  flex: 0 0 100%;
  align-items: center;
  margin-top: 1.3333333333vw;
}
.channel_store .info_item .store_condition li:first-child {
  margin-top: 0;
}
.channel_store .info_item .store_condition li strong {
  color: #717171;
  font-size: 3.4666666667vw;
  font-weight: 500;
}
.channel_store .info_item .store_condition li span {
  margin-left: 1.3333333333vw;
  color: #b2b2b2;
  font-size: 3.4666666667vw;
  font-weight: 500;
}
.channel_store .info_item .row_bind {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.2666666667vw;
}
.channel_store .info_item .star_score em {
  margin-right: 0.8vw;
  color: #717171;
  font-size: 3.4666666667vw;
  font-weight: 500;
  font-style: normal;
}
.channel_store .info_item .star_score span {
  display: inline-block;
  height: 10.5px;
  background: url(../images/icon/icon_star_02.png) no-repeat 0 -10.5px;
  background-size: 55px;
}
.channel_store .info_item .star_score .off {
  position: relative;
  width: 55px;
}
.channel_store .info_item .star_score .on {
  overflow: hidden;
  position: absolute;
  top: 0.5px;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-position: 0 0;
}
.channel_store .info_item .store_supply {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.channel_store .info_item .store_supply .supply_item {
  display: inline-flex;
}
.channel_store .info_item .store_supply .supply_item span {
  margin-left: 1.3333333333vw;
  padding: 1.3333333333vw;
  border-radius: 1.3333333333vw;
  color: var(--black);
  font-size: 2.6666666667vw;
  font-weight: 500;
}
.channel_store .info_item .store_supply .supply_item span:first-child {
  margin-left: 0;
}
.channel_store .info_item .store_supply .supply_item span.delivery {
  background: #f6f0ff;
}
.channel_store .info_item .store_supply .supply_item span.to_go {
  background: #f0f9ff;
}
.channel_store .info_item .store_benefit {
  margin-left: 1.3333333333vw;
}
.channel_store .info_item .store_benefit span {
  padding: 1.6666666667vw 1.8vw;
  border: 1px solid var(--primary);
  border-radius: 4vw;
  color: var(--primary);
  font-size: 2.6666666667vw;
  font-weight: 700;
}
.channel_store .ad_banner {
  overflow: hidden;
  margin: 3.2vw 0vw;
  border-radius: 2.6666666667vw;
}
.channel_store .ad_banner figure {
  width: 100%;
  height: 100%;
}
.channel_store .ad_banner figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.channel_store + .btn_wrap {
  padding-top: 2.6666666667vw;
  padding-bottom: 8vw;
  background: #eaebed;
}

/* 상품리스트 */
.product_title {
  display: block;
  height: 13.3333333333vw;
  padding: 0vw 5.3333333333vw;
  color: #222;
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 13.3333333333vw;
  text-align: left;
}

.product_list .row {
  display: flex;
  align-items: center;
  padding: 4.9333333333vw 5.3333333333vw 6.4vw 5.3333333333vw;
  border-bottom: 1px solid #eee;
}
.product_list .row figure {
  flex: none;
  overflow: hidden;
  position: relative;
  width: 22.6666666667vw;
  height: 22.6666666667vw;
  border: 1px solid #ddd;
  border-radius: 5.3333333333vw;
  background: #f5f5f5;
}
.product_list .row figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.product_list .row figure.on_anvil {
  background: #fff;
}
.product_list .row figure.on_anvil p {
  background: linear-gradient(to right, #5c3795, #f2a1c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4vw;
  font-weight: 700;
  text-align: center;
  letter-spacing: -1px;
  line-height: 22.6666666667vw;
}
.product_list .row .text {
  display: inline-flex;
  flex-direction: column;
  margin-left: 5.6vw;
}
.product_list .row .text .name {
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 6.1333333333vw;
}
.product_list .row .text .discription {
  margin: 0.9333333333vw 0vw;
  color: #aaa;
  font-size: 3.2vw;
  line-height: 4.8vw;
}
.product_list .row .text .price {
  color: #666;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 6.1333333333vw;
}

/* 장바구니리스트 */
.basket_list {
  position: relative;
}
.basket_list .row {
  display: flex;
  align-items: center;
  padding: 4vw 1.3333333333vw;
}
.basket_list .row figure {
  flex: none;
  overflow: hidden;
  position: relative;
  width: 22.6666666667vw;
  height: 22.6666666667vw;
  border: 1px solid #ddd;
  border-radius: 5.3333333333vw;
  background: #f5f5f5;
}
.basket_list .row figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.basket_list .row figure.on_anvil {
  background: var(--white);
}
.basket_list .row figure.on_anvil p {
  background: linear-gradient(to right, #5c3795, #f2a1c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4vw;
  font-weight: 700;
  text-align: center;
  letter-spacing: -1px;
  line-height: 22.6666666667vw;
}
.basket_list .row .text {
  display: inline-flex;
  flex-wrap: wrap;
  flex: 1 1 100%;
  margin-left: 3.8666666667vw;
}
.basket_list .row .text .name {
  flex: 1 1 100%;
  color: #242424;
  font-size: 3.7333333333vw;
  font-weight: 500;
  line-height: 4.8vw;
}
.basket_list .row .text .order_group {
  display: flex;
  justify-content: space-between;
  flex: 1 1 100%;
  margin-top: 0.2666666667vw;
}
.basket_list .row .text .order_group .order_option {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 0 0 70%;
}
.basket_list .row .text .order_group .order_option span {
  display: inline-flex;
  align-items: center;
  color: #999;
  font-size: 2.9333333333vw;
  line-height: 3.4666666667vw;
}
.basket_list .row .text .order_group .order_option span:after {
  display: block;
  width: 1px;
  height: 2.9333333333vw;
  margin: 0vw 1.0666666667vw;
  background: #999;
  content: "";
}
.basket_list .row .text .order_group .order_option span:last-child:after {
  display: none;
  content: none;
}
.basket_list .row .text .order_group .order_option + .price {
  flex: 0 0 30%;
}
.basket_list .row .text .order_group .price {
  flex: 0 0 100%;
  text-align: right;
}
.basket_list .row .text .order_group .price span {
  color: #434343;
  font-size: 2.9333333333vw;
  line-height: 3.4666666667vw;
  letter-spacing: normal;
}
.basket_list .row .text .change_number {
  flex: 1 1 100%;
  margin-top: 4.8vw;
}
.basket_list .row .text .change_number .select_count {
  flex: 0 0 32%;
}
.basket_list .row .text .change_number .total_price {
  flex: 0 0 40%;
  color: var(--primary);
  font-size: 4vw;
  font-weight: 500;
  line-height: 4.8vw;
  letter-spacing: normal;
  text-align: right;
}
.basket_list .delete {
  position: absolute;
  top: 1.8666666667vw;
  right: -0.5333333333vw;
  width: 6.4vw;
  height: 6.4vw;
}
.basket_list .delete:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.7333333333vw;
  height: 3.7333333333vw;
  background: url(../images/icon/delete.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}

/* 장바구니 button */
.basket_item.type_small {
  display: inline-block;
  vertical-align: middle;
}
.basket_item.type_small .btn {
  display: inline-block;
  position: relative;
  width: 7.7333333333vw;
  height: 7.4333333333vw;
}
.basket_item.type_small .btn .count {
  display: block;
  position: absolute;
  top: 0;
  right: -2.1333333333vw;
  z-index: 1;
  width: 3.7333333333vw;
  height: 3.7333333333vw;
  border-radius: 100%;
  background: #351c79;
  color: var(--white);
  font-size: 2.4vw;
  font-weight: 700;
  line-height: 3.7333333333vw;
  text-align: center;
  opacity: 1;
}
.basket_item.type_small .btn:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5.3333333333vw;
  height: 5.12vw;
  background: url(../images/icon/icon_basket_02.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.basket_item.type_fixed {
  position: fixed;
  right: 5.3333333333vw;
  bottom: 5.8666666667vw;
  z-index: 1;
}
.basket_item.type_fixed .btn {
  display: block;
  position: relative;
  width: 18.6666666667vw;
  height: 18.6666666667vw;
  border-radius: 100%;
  background: var(--primary);
  box-shadow: 0vw 0.8vw 1.6vw 0.2666666667vw rgba(0, 0, 0, 0.16);
}
.basket_item.type_fixed .btn:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8.5333333333vw;
  height: 8.1906666667vw;
  background: url(../images/icon/icon_basket.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.basket_item.type_fixed .btn .count {
  display: block;
  position: absolute;
  top: 3.4666666667vw;
  right: 3.2vw;
  z-index: 1;
  width: 3.7333333333vw;
  height: 3.7333333333vw;
  border-radius: 100%;
  background: var(--white);
  color: #351c79;
  font-size: 2.4vw;
  font-weight: 700;
  line-height: 3.7333333333vw;
  text-align: center;
  opacity: 1;
}
.basket_item.type_fixed .btn span {
  width: 0;
  height: 0;
  font-size: 0;
  opacity: 0;
}
.basket_item.type_block {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
}
.basket_item.type_block .btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 16.2666666667vw;
  background: var(--primary);
  text-decoration: none;
}
.basket_item.type_block .btn .count {
  display: block;
  order: 2;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin-left: 1.6vw;
  border-radius: 100%;
  background: var(--white);
  color: #351c79;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 5.3333333333vw;
  text-align: center;
}
.basket_item.type_block .btn .count:before {
  display: none;
}
.basket_item.type_block .btn span {
  display: inline-flex;
  align-items: center;
  order: 1;
  color: var(--white);
  font-size: 4.2666666667vw;
  font-weight: 500;
}
.basket_item.type_block .btn span:before {
  display: block;
  width: 5.3333333333vw;
  height: 5.12vw;
  margin-right: 1.3333333333vw;
  background: url(../images/icon/icon_basket.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.basket_item.type_block.-half {
  display: flex;
}
.basket_item.type_block.-half .btn {
  width: 60%;
  margin-top: 0;
}
.basket_item.type_block.-half .btn.-back {
  width: 40%;
  background: var(--gray);
}
.basket_item.type_block.-half .btn.-back span:before {
  display: inline-block;
  width: 4.8586666667vw;
  height: 4.8586666667vw;
  background: url(../images/arrow/arrow_back_white.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.basket_item.type_block_fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
}
.basket_item.type_block_fixed .btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 16.2666666667vw;
  background: var(--primary);
  text-decoration: none;
}
.basket_item.type_block_fixed .btn .count {
  display: block;
  order: 2;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  margin-left: 1.6vw;
  border-radius: 100%;
  background: var(--white);
  color: #351c79;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 5.3333333333vw;
  text-align: center;
}
.basket_item.type_block_fixed .btn .count:before {
  display: none;
}
.basket_item.type_block_fixed .btn span {
  display: inline-flex;
  align-items: center;
  order: 1;
  color: var(--white);
  font-size: 4.2666666667vw;
  font-weight: 500;
}
.basket_item.type_block_fixed .btn span:before {
  display: block;
  width: 5.3333333333vw;
  height: 5.12vw;
  margin-right: 1.3333333333vw;
  background: url(../images/icon/icon_basket.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.basket_item.type_block_fixed.-half {
  display: flex;
}
.basket_item.type_block_fixed.-half .btn {
  width: 60%;
  margin-top: 0;
}
.basket_item.type_block_fixed.-half .btn.-back {
  width: 40%;
  background: var(--gray);
}
.basket_item.type_block_fixed.-half .btn.-back span:before {
  display: inline-block;
  width: 4.8586666667vw;
  height: 4.8586666667vw;
  background: url(../images/arrow/arrow_back_white.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}

/* 매장정보 */
.store_info {
  margin-top: 6.6666666667vw;
  padding: 0vw 5.3333333333vw;
}
.store_info ul li {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 2.6666666667vw;
}
.store_info ul li:first-child {
  margin-top: 0;
}
.store_info ul li strong {
  flex: 0 0 22.6666666667vw;
  color: #222;
  font-size: 3.7333333333vw;
  font-weight: 300;
}
.store_info ul li span {
  color: #222;
  font-size: 3.7333333333vw;
  font-weight: 500;
}
.store_info .chip_list {
  margin-top: 4.4vw;
}
.store_info .store_introduce {
  margin-top: 5.3333333333vw;
}
.store_info .store_introduce strong {
  display: inline-flex;
  align-items: center;
  color: #222;
  font-size: 3.7333333333vw;
  font-weight: 500;
}
.store_info .store_introduce strong:before {
  display: inline-block;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  margin-right: 1.3333333333vw;
  background: url(../images/icon/icon_storeinfo_01.png) no-repeat 0 0;
  background-size: 100%;
  vertical-align: middle;
  content: "";
}
.store_info .store_introduce .text {
  margin-top: 2vw;
  color: #222;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 4.5333333333vw;
}
.store_info .store_notice {
  margin-top: 5.3333333333vw;
}
.store_info .store_notice strong {
  display: inline-flex;
  align-items: center;
  color: #222;
  font-size: 3.7333333333vw;
  font-weight: 500;
}
.store_info .store_notice strong:before {
  display: inline-block;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  margin-right: 1.3333333333vw;
  background: url(../images/icon/icon_notice_01.png) no-repeat 0 0;
  background-size: 100%;
  vertical-align: middle;
  content: "";
}
.store_info .store_notice .text {
  margin-top: 2vw;
  color: #222;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 4.5333333333vw;
}

/* 상점정보 type 1 */
.theme_plain .section {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 21.8666666667vw);
  min-height: -webkit-fill-available;
}
.theme_plain .contents {
  background: var(--white);
}
.theme_plain .shop_image {
  position: relative;
  z-index: 0;
  padding-bottom: 57.0666666667vw;
}
.theme_plain .shop_image figure {
  overflow: hidden;
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 57.0666666667vw;
}
.theme_plain .shop_image figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.theme_plain .shop_image.swiper-horizontal > .swiper-scrollbar,
.theme_plain
  .shop_image.swiper-horizontal
  > .swiper-scrollbar.swiper-scrollbar-horizontal {
  left: 20%;
  bottom: 16vw;
  width: 60%;
  height: 0.5333333333vw;
  background: rgba(255, 255, 255, 0.5);
}
.theme_plain
  .shop_image.swiper-horizontal
  > .swiper-scrollbar
  .swiper-scrollbar-drag,
.theme_plain
  .shop_image.swiper-horizontal
  > .swiper-scrollbar.swiper-scrollbar-horizontal
  .swiper-scrollbar-drag {
  background: rgb(255, 255, 255);
}
.theme_plain .shop_info {
  position: relative;
}
.theme_plain .shop_info .shop_summary {
  position: relative;
  padding: 0vw 0vw 6.6666666667vw 0vw;
  background: var(--white);
}
.theme_plain .shop_info .shop_summary .shop_summary_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  top: -12.2666666667vw;
  margin: 0vw 5.3333333333vw -12.2666666667vw 5.3333333333vw;
  padding: 4.2666666667vw 1.3333333333vw 6.6666666667vw 1.3333333333vw;
  border-radius: 2.1333333333vw;
  background: var(--white);
  box-shadow: 0vw 0.8vw 1.6vw 0.2666666667vw rgba(0, 0, 0, 0.08);
}
.theme_plain .shop_info .shop_summary .shop_summary_items .shop_name {
  display: block;
  width: 100%;
  font-size: 7.2vw;
  line-height: 8.5333333333vw;
  text-align: center;
}
.theme_plain .shop_info .shop_summary .shop_summary_items .star_rate {
  margin: 3.3333333333vw 0vw 7.6vw 0vw;
}
.theme_plain .shop_info .shop_summary .shop_summary_items .link {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.theme_plain .shop_info .shop_summary .shop_summary_items .link li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 33.33%;
}
.theme_plain .shop_info .shop_summary .shop_summary_items .link li:before {
  display: block;
  position: absolute;
  top: auto;
  left: 0;
  width: 1px;
  height: 4vw;
  background: #999;
  content: "";
}
.theme_plain
  .shop_info
  .shop_summary
  .shop_summary_items
  .link
  li:first-child:before {
  display: none;
  content: none;
}
.theme_plain .shop_info .shop_summary .shop_summary_items .link li a {
  display: inline-flex;
  align-items: center;
  color: var(--primary);
  font-size: 4vw;
  font-weight: 500;
  line-height: 4.8vw;
  text-decoration: none;
}
.theme_plain .shop_info .shop_summary .shop_summary_items .link li .tel:before {
  display: block;
  width: 3.1653333333vw;
  height: 4.8vw;
  margin-right: 2.6666666667vw;
  background: url(../images/icon/icon_phone.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.theme_plain
  .shop_info
  .shop_summary
  .shop_summary_items
  .link
  li
  .navi:before {
  display: block;
  width: 3.4213333333vw;
  height: 4.5333333333vw;
  margin-right: 2.6666666667vw;
  background: url(../images/icon/icon_navi.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.theme_plain .shop_info .shop_summary .shop_summary_items .link li .app:before {
  display: block;
  width: 4.5066666667vw;
  height: 4.8vw;
  margin-right: 2.6666666667vw;
  background: url(../images/icon/icon_home.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.theme_plain .shop_info .shop_summary .guide_sheet {
  margin-top: 4.8vw;
}
.theme_plain .shop_info .store_info .store_introduce {
  margin-top: 6.2666666667vw;
  padding: 3.2vw 2.6666666667vw 2.6666666667vw 2.6666666667vw;
  border-radius: 1.3333333333vw;
  background: #fbfaff;
}
.theme_plain .shop_info .store_info .store_introduce strong {
  color: var(--primary);
  font-size: 3.4666666667vw;
}
.theme_plain .shop_info .store_info .store_introduce strong:before {
  background: url(../images/icon/icon_storeinfo_02.png) no-repeat 0 0;
  background-size: 100%;
}
.theme_plain .shop_info .store_info .store_notice {
  margin-top: 4vw;
  padding: 3.2vw 2.6666666667vw 2.6666666667vw 2.6666666667vw;
  border-radius: 1.3333333333vw;
  background: #fbfaff;
}
.theme_plain .shop_info .store_info .store_notice strong {
  color: var(--primary);
  font-size: 3.4666666667vw;
}
.theme_plain .shop_info .store_info .store_notice strong:before {
  background: url(../images/icon/icon_notice_02.png) no-repeat 0 0;
  background-size: 100%;
}

/* 상점정보 type 2 */
.theme_taste {
  /* 상품리스트 */
}
.theme_taste .section {
  position: relative;
  min-height: calc(100vh - 21.8666666667vw);
}
.theme_taste .contents {
  background: var(--white);
}
.theme_taste .shop_image {
  position: relative;
}
.theme_taste .shop_image figure img {
  width: 100%;
}
.theme_taste .shop_info {
  position: relative;
  padding: 4.2666666667vw 5.3333333333vw 5.7333333333vw 5.3333333333vw;
}
.theme_taste .shop_info .shop_summary {
  position: relative;
  background: var(--white);
}
.theme_taste .shop_info .shop_summary .shop_summary_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
.theme_taste .shop_info .shop_summary .shop_summary_items .shop_name {
  display: block;
  width: 100%;
  font-size: 7.4666666667vw;
  font-weight: 400;
  text-align: center;
  line-height: 10.6666666667vw;
}
.theme_taste .shop_info .shop_summary .shop_summary_items .discription {
  width: 100%;
  color: #999;
  font-size: 3.4666666667vw;
  font-weight: 500;
  text-align: center;
}
.theme_taste .shop_info .shop_summary .shop_summary_items .rate_item {
  display: flex;
  flex: auto;
  justify-content: space-between;
  margin: 3.6vw 0vw 5.7333333333vw 0vw;
}
.theme_taste
  .shop_info
  .shop_summary
  .shop_summary_items
  .rate_item
  .saving_rate {
  font-size: 4.2666666667vw;
  font-weight: 700;
}
.theme_taste
  .shop_info
  .shop_summary
  .shop_summary_items
  .rate_item
  .saving_rate
  span {
  color: #351c79;
}
.theme_taste
  .shop_info
  .shop_summary
  .shop_summary_items
  .rate_item
  .star_rate
  span {
  height: 4.104vw;
  background-size: 30.1333333333vw;
}
.theme_taste
  .shop_info
  .shop_summary
  .shop_summary_items
  .rate_item
  .star_rate
  .off {
  position: relative;
  background-position: 0 -6.1333333333vw;
  width: 30.1333333333vw;
}
.theme_taste
  .shop_info
  .shop_summary
  .shop_summary_items
  .rate_item
  .star_rate
  em {
  margin-left: 2.4vw;
  font-size: 4.2666666667vw;
}
.theme_taste .shop_info .shop_summary .shop_summary_items .link {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.theme_taste .shop_info .shop_summary .shop_summary_items .link li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 33.33%;
}
.theme_taste
  .shop_info
  .shop_summary
  .shop_summary_items
  .link
  li:first-child
  a {
  margin-left: 0;
}
.theme_taste .shop_info .shop_summary .shop_summary_items .link li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28vw;
  width: 100%;
  min-height: 10.6666666667vw;
  margin-left: 1.6vw;
  border: 0.5333333333vw solid rgba(53, 28, 121, 0.25);
  border-radius: 1.3333333333vw;
  color: var(--primary);
  font-size: 3.7333333333vw;
  font-weight: 500;
  text-decoration: none;
}
.theme_taste .shop_info .shop_summary .shop_summary_items .link .tel:before {
  display: block;
  width: 3.5173333333vw;
  height: 5.3333333333vw;
  margin-right: 2.6666666667vw;
  background: url(../images/icon/icon_phone.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.theme_taste .shop_info .shop_summary .shop_summary_items .link .navi:before {
  display: block;
  width: 3.7013333333vw;
  height: 4.904vw;
  margin-right: 2.6666666667vw;
  background: url(../images/icon/icon_navi.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.theme_taste .shop_info .shop_summary .shop_summary_items .link .app:before {
  display: block;
  width: 4.7573333333vw;
  height: 5.0666666667vw;
  margin-right: 2.6666666667vw;
  background: url(../images/icon/icon_home.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.theme_taste .shop_info .shop_summary .guide_sheet {
  margin-top: 3.2vw;
}
.theme_taste .product_list .row {
  display: flex;
  align-items: center;
  padding: 4.2666666667vw 5.3333333333vw 0vw 5.3333333333vw;
  border-bottom: 0 none;
}
.theme_taste .product_list .row:last-child {
  padding-bottom: 5.3333333333vw;
  border-bottom: 1px solid #eee;
}
.theme_taste .product_list .row figure {
  flex: none;
  overflow: hidden;
  width: 25.3333333333vw;
  height: 25.3333333333vw;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 5.3333333333vw;
  background: #f5f5f5;
}
.theme_taste .product_list .row figure img {
  width: 24.8vw;
  height: 24.8vw;
  -o-object-fit: cover;
  object-fit: cover;
}
.theme_taste .product_list .row .text {
  display: inline-flex;
  flex-direction: column;
  margin-left: 4.2666666667vw;
}
.theme_taste .product_list .row .text .name {
  order: 1;
  font-size: 4.2666666667vw;
  font-weight: 500;
}
.theme_taste .product_list .row .text .discription {
  order: 3;
  margin: 0;
  color: #aaa;
  font-size: 3.2vw;
  font-weight: 400;
}
.theme_taste .product_list .row .text .price {
  order: 2;
  margin: 0.9333333333vw 0vw 2.2666666667vw 0vw;
  color: #666;
  font-size: 4.2666666667vw;
  font-weight: 700;
}

/* 상점정보 분할 이미지 */
.image_grid {
  display: flex;
  flex-wrap: wrap;
}
.image_grid .single {
  flex: 1;
}
.image_grid .single figure {
  height: 47.7333333333vw;
}
.image_grid .single figure img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.image_grid .group {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 50%;
  height: 47.7333333333vw;
}
.image_grid .group figure {
  width: 50%;
  height: 50%;
  padding-left: 0.5333333333vw;
}
.image_grid .group figure:nth-child(n + 3) {
  padding-top: 0.5333333333vw;
}
.image_grid .group figure img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* review */
.review_section {
  padding: 0vw 5.3333333333vw;
}
.review_section .review_title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.review_section .review_title .left {
  display: inline-flex;
  align-items: center;
}
.review_section .review_title .left strong {
  color: #222;
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 5.12vw;
}
.review_section .review_title .left strong span {
  color: var(--secondary);
}
.review_section .review_title .left .check {
  margin-left: 3.5733333333vw;
}
.review_section > .review_article,
.review_section .review_title + .review_article {
  margin-top: 7.7333333333vw;
}
.review_section .review_article {
  margin-top: 12.2666666667vw;
}
.review_section .review_article .review_info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.review_section .review_article .review_info .left {
  display: inline-flex;
  align-items: center;
}
.review_section .review_article .review_info .nick_name {
  margin-right: 2vw;
  color: #222;
  font-size: 3.7333333333vw;
  font-weight: 400;
}
.review_section .review_article .review_info .date {
  color: #aaa;
  font-size: 3.0666666667vw;
  font-weight: 400;
}
.review_section .review_article .review_info .star_rate span {
  height: 3.812vw;
  background-size: 22.4946666667vw;
}
.review_section .review_article .review_info .star_rate .off {
  position: relative;
  background-position: 0vw -4.5333333333vw;
  width: 22.4946666667vw;
}
.review_section .review_article .review_image {
  margin-top: 1.8666666667vw;
}
.review_section .review_article .review_image figure {
  width: 100%;
  height: 100%;
}
.review_section .review_article .review_image figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.review_section .review_article .review_comment {
  margin-top: 0.6666666667vw;
  color: #222;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 4.8vw;
}
.review_section .review_article .chip_list {
  margin-top: 0.6666666667vw;
}
.review_section .review_article .chip_list .chip_item {
  margin: 1.3333333333vw 1.0666666667vw 0vw 0vw;
}

/* 옵션선택 */
.select_wrap .article_box {
  border: 0 none;
  border-radius: 0;
}
.select_wrap .article_box + .article_box {
  margin-top: 6.6666666667vw;
}
.select_wrap .btn_wrap.-full {
  margin: 0vw 0vw 8.5333333333vw 0vw;
  padding: 0;
}
.select_wrap .btn_wrap.-full.divider:before {
  margin-bottom: 5.3333333333vw;
}
.select_wrap .btn_wrap.-full .btn {
  margin: 0vw 2.6666666667vw;
}

.select_menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8vw;
}
.select_menu .image {
  overflow: hidden;
  margin: 8vw 12.6666666667vw 0vw 12.6666666667vw;
  border: 1px solid #bbb;
  border-radius: 1.3333333333vw;
}
.select_menu .image figure {
  padding: 7.4666666667vw;
}
.select_menu .image figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.select_menu .text {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.9333333333vw;
}
.select_menu .text .name {
  color: #242424;
  font-size: 4.8vw;
  font-weight: 500;
  line-height: 5.6vw;
}
.select_menu .text .discription {
  margin: 0.9333333333vw 0vw;
  color: #aaa;
  font-size: 3.2vw;
  line-height: 4.8vw;
}
.select_menu .text .price {
  margin-top: 0.8vw;
  color: var(--secondary);
  font-size: 3.7333333333vw;
  font-weight: 500;
  line-height: 4.8vw;
}
.select_menu + .select_article {
  margin: 6.6666666667vw 0vw;
}

.select_article {
  margin: 4vw 0vw;
}
.select_article .row {
  margin-top: 6.6666666667vw;
  padding: 0vw 1.3333333333vw;
}
.select_article .row:first-child {
  margin-top: 0;
}
.select_article .row .title {
  display: block;
  width: 100%;
  padding: 0vw 0vw 1.4666666667vw 0vw;
  border-bottom: 1px solid #ddd;
  color: #bbb;
  font-size: 3.3333333333vw;
  font-weight: 500;
  line-height: 4vw;
}
.select_article .row .price {
  color: #242424;
  font-size: 3.7333333333vw;
  line-height: 4.8vw;
}
.select_article .row .radio_list {
  margin-top: 4vw;
  padding: 0vw 1.3333333333vw;
}
.select_article .row .check_list {
  margin-top: 4vw;
  padding: 0vw 1.3333333333vw;
}
.select_article .change_number .text {
  flex: 1 1 40%;
  color: #242424;
  font-size: 3.7333333333vw;
  line-height: 4.8vw;
}

.select_list {
  overflow: hidden;
  padding: 0vw 4.4vw;
}
.select_list strong {
  display: block;
  width: 100%;
  padding: 3.7333333333vw 4vw 2.9333333333vw 4vw;
  border-bottom: 1px solid #eee;
  color: #242424;
  font-size: 4vw;
  font-weight: 500;
}
.select_list ul {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 60vh;
}
.select_list ul li {
  border-top: 1px solid #eee;
}
.select_list ul li:first-child {
  border-top: 0 none;
}
.select_list ul li button {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 3.3333333333vw 2vw 3.3333333333vw;
  color: #434343;
  font-size: 3.7333333333vw;
  line-height: 4.8vw;
}
.select_list ul li.selected button {
  color: var(--primary);
  font-weight: 500;
}
.select_list ul li.selected button:before {
  display: inline-block;
  width: 3.1906666667vw;
  height: 2.4626666667vw;
  margin-right: 1.6vw;
  background: url(../images/icon/icon_check.png) no-repeat 0 0;
  background-size: 100%;
  vertical-align: middle;
  content: "";
}

/* 수량 변경 */
.change_number {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.change_number .select_count {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 1 60%;
}
.change_number .select_count .minus {
  width: 6.4vw;
  height: 6.4vw;
  background: url(../images/icon/icon_minus_on.png) no-repeat 0 0;
  background-size: 100%;
}
.change_number .select_count .minus.-disabled {
  background: url(../images/icon/icon_minus_off.png) no-repeat 0 0;
  background-size: 100%;
  pointer-events: none;
}
.change_number .select_count .plus {
  width: 6.4vw;
  height: 6.4vw;
  background: url(../images/icon/icon_plus_on.png) no-repeat 0 0;
  background-size: 100%;
}
.change_number .select_count .plus.-disabled {
  background: url(../images/icon/icon_plus_off.png) no-repeat 0 0;
  background-size: 100%;
  pointer-events: none;
}
.change_number .select_count .count span {
  color: #444;
  font-size: 3.7333333333vw;
}

/* 주문 */
.order {
  background: #eaebed;
}
.order .section {
  width: 100%;
  padding: 1.3333333333vw;
  background: #eaebed;
}
.order .row_box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 1.3333333333vw;
  padding: 4vw 8vw;
  border-radius: 1.3333333333vw;
  background: #484848;
  color: var(--white);
  text-align: center;
}
.order .row_box .line {
  display: inline-flex;
  align-items: center;
}
.order .row_box strong {
  margin-right: 3.2vw;
  font-size: 3.7333333333vw;
}
.order .row_box span {
  color: var(--white);
  font-size: 5.3333333333vw;
  font-weight: bold;
  line-height: 5.8666666667vw;
}

.order_list .row {
  padding: 2.9333333333vw 1.2vw 3.2vw;
  border-bottom: 1px solid #eee;
  line-height: 4.8vw;
}
.order_list .row .name {
  color: #434343;
  font-size: 3.7333333333vw;
  font-weight: 500;
}
.order_list .row .order_group {
  display: flex;
  justify-content: space-between;
}
.order_list .row .order_group .order_option {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 0 0 60%;
}
.order_list .row .order_group .order_option span {
  display: inline-flex;
  align-items: center;
  margin-top: 0.5333333333vw;
  color: #434343;
  font-size: 3.7333333333vw;
}
.order_list .row .order_group .order_option span:after {
  display: block;
  width: 1px;
  height: 4.5333333333vw;
  margin: 0vw 1.0666666667vw;
  background: #434343;
  content: "";
}
.order_list .row .order_group .order_option span:last-child:after {
  display: none;
  content: none;
}
.order_list .row .order_group .order_option + .order_count {
  flex: 0 0 10%;
}
.order_list .row .order_group .order_count {
  flex: 0 0 70%;
  text-align: right;
}
.order_list .row .order_group .order_count span {
  color: #434343;
  font-size: 3.7333333333vw;
}
.order_list .row .order_group .price {
  flex: 0 0 30%;
  text-align: right;
}
.order_list .row .order_group .price span {
  color: #434343;
  font-size: 3.7333333333vw;
}
.order_list .total_order {
  padding: 1.6vw 0vw;
}
.order_list .total_order li {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.4666666667vw 1.2vw 1.7333333333vw;
}
.order_list .total_order li strong {
  flex: 0 0 30%;
  color: var(--primary);
  font-size: 4vw;
  font-weight: 500;
}
.order_list .total_order li .price {
  flex: 0 0 70%;
  color: var(--primary);
  font-size: 4vw;
  font-weight: 500;
  text-align: right;
}
.order_list .order_store {
  display: block;
  margin: 4vw 0vw 0.8vw 0vw;
  padding: 0vw 1.3333333333vw;
  color: var(--primary);
  font-size: 4vw;
  font-weight: 500;
  line-height: 4.8vw;
}
.order_list .order_store:after {
  display: inline-block;
  width: 3.4666666667vw;
  height: 3.3333333333vw;
  margin-left: 0.6666666667vw;
  background: url(../images/icon/icon_go_home.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.order_list .pay_date {
  padding: 0vw 1.3333333333vw;
  color: #999;
  font-size: 2.9333333333vw;
  line-height: 4.5333333333vw;
}
.order_list .end_total_order {
  margin: 1.7333333333vw 0vw;
}
.order_list .end_total_order li {
  display: flex;
  flex-wrap: wrap;
  padding: 1.4666666667vw 1.2vw 1.7333333333vw;
}
.order_list .end_total_order li strong {
  flex: 0 0 30%;
  color: #242424;
  font-size: 4vw;
  font-weight: 500;
  line-height: 4.8vw;
}
.order_list .end_total_order li .price,
.order_list .end_total_order li .pay_for {
  flex: 0 0 70%;
  color: #242424;
  font-size: 4vw;
  font-weight: 500;
  line-height: 4.8vw;
  text-align: right;
}

.orderer_info {
  display: flex;
  flex-wrap: wrap;
  padding: 4vw 1.3333333333vw;
}
.orderer_info .info_title {
  flex: 1 1 100%;
  color: #242424;
  font-size: 4vw;
  font-weight: 500;
  line-height: 4.8vw;
}
.orderer_info .row {
  display: inline-flex;
  flex: 1 1 100%;
  margin-top: 1.4666666667vw;
}
.orderer_info .row:nth-of-type(1) {
  margin-top: 2.8vw;
}
.orderer_info .row strong {
  flex: 0 0 14.6666666667vw;
  color: #999;
  font-size: 3.3333333333vw;
  font-weight: 400;
  line-height: 4.8vw;
}
.orderer_info .row span {
  flex-basis: calc(100% - 14.6666666667vw);
  color: #434343;
  font-size: 3.3333333333vw;
  font-weight: 400;
  line-height: 4.8vw;
}

.text_order_end {
  margin-top: 5.3333333333vw;
  text-align: center;
}
.text_order_end p {
  color: #242424;
  font-size: 4vw;
  font-weight: 500;
  line-height: 4.8vw;
}
.text_order_end span {
  display: block;
  margin-top: 1.4666666667vw;
  color: #434343;
  font-size: 3.2vw;
  line-height: 4.8vw;
}
.text_order_end span a {
  color: #434343;
}

/* 영수증 */
.receipt .article_box {
  position: relative;
}
.receipt .article_box .article_item {
  position: relative;
}
.receipt .article_box .article_item:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.3;
  width: 100vw;
  height: 24vw;
  background: url(../images/logo/shopChainO.png) no-repeat 50% 50%;
  background-size: 50%;
  content: "";
}
.receipt .receipt_list {
  display: flex;
  flex-wrap: wrap;
  padding: 4vw 1.3333333333vw;
}
.receipt .receipt_list .info_title {
  flex: 1 1 100%;
  color: #242424;
  font-size: 4vw;
  font-weight: 500;
  line-height: 4.8vw;
}
.receipt .receipt_list .row {
  display: inline-flex;
  flex: 1 1 100%;
  margin-top: 1.4666666667vw;
}
.receipt .receipt_list .row:nth-of-type(1) {
  margin-top: 2.8vw;
}
.receipt .receipt_list .row strong {
  flex: 0 0 17.3333333333vw;
  color: #999;
  font-size: 3.3333333333vw;
  font-weight: 400;
  line-height: 4.8vw;
}
.receipt .receipt_list .row span {
  flex-basis: calc(100% - 17.3333333333vw);
  color: #434343;
  font-size: 3.3333333333vw;
  font-weight: 400;
  line-height: 4.8vw;
}
.receipt .order_list {
  display: flex;
  flex-wrap: wrap;
  padding: 4vw 1.3333333333vw;
  border-top: 1px solid #eee;
}
.receipt .order_list .info_title {
  flex: 1 1 100%;
  color: #242424;
  font-size: 4vw;
  font-weight: 500;
  line-height: 4.8vw;
}
.receipt .order_list .row {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 100%;
}
.receipt .order_list .row li {
  display: inline-flex;
  justify-content: space-between;
  flex: 1 1 100%;
  margin-top: 1.4666666667vw;
}
.receipt .order_list .row li:first-child {
  margin-top: 0;
}
.receipt .order_list .row li .order_count {
  margin-left: 0.8vw;
}
.receipt .order_list .row > li > strong {
  color: #434343;
  font-size: 3.7333333333vw;
}
.receipt .order_list .row > li > span {
  color: #434343;
  font-size: 3.7333333333vw;
  letter-spacing: normal;
}
.receipt .order_list .row:last-child {
  padding-bottom: 0;
  border-bottom: 0 none;
}
.receipt .asterisk {
  flex: 1 1 100%;
  margin-top: 1.4666666667vw;
  padding-bottom: 6.4vw;
  border-bottom: 1px solid #eee;
  color: #434343;
  font-size: 3.2vw;
  line-height: 4.8vw;
}
.receipt .asterisk span {
  color: var(--primary);
}
.receipt .confirm {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.receipt .confirm img {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: auto;
}
.receipt .confirm.payment_completed img {
  width: 70.9333333333vw;
  top: 50%;
}
.receipt .confirm.cancel img {
  width: 62.6666666667vw;
  top: 50%;
}

/* copyright */
.copyright {
  margin: 6vw 8vw 8.6666666667vw 8vw;
}
.copyright strong {
  display: block;
  color: #999;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 5.4933333333vw;
}
.copyright p {
  color: #999;
  font-size: 2.9333333333vw;
  line-height: 3.8933333333vw;
}
.copyright p + strong {
  margin-top: 1.2vw;
}

/* 이용약관 */
.agree {
  padding: 4.2666666667vw 1.2vw 4.2666666667vw;
}
.agree .agree_list {
  display: flex;
  justify-content: space-between;
  margin-top: 4.8vw;
}

/* 약관 */
.-js-terms-pop .pop_contents {
  overflow: hidden;
}
.-js-terms-pop .close_layer {
  top: 3.7333333333vw;
}
.-js-terms-pop .article_box {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
.-js-terms-pop .article_box .article_item {
  overflow-y: auto;
  height: calc(var(--vh, 1vh) * 100 - 62.6666666667vw);
}
.-js-terms-pop .btn_wrap.-full {
  margin-bottom: 8.5333333333vw;
}

.terms_contents {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 2.9333333333vw 1.2vw 3.2vw;
}
.terms_contents h3,
.terms_contents h4 {
  display: block;
  margin: 0;
  padding: 0;
}
.terms_contents h3 {
  font-size: 4vw;
  font-weight: 500;
  line-height: 4.8vw;
}
.terms_contents h3 + h4 {
  margin-top: 3.2vw;
}
.terms_contents h4 {
  font-size: 3.7333333333vw;
  font-weight: normal;
  line-height: 4.8vw;
}
.terms_contents ol,
.terms_contents ol > li {
  list-style-type: decimal;
}
.terms_contents ol > li {
  margin-left: 3.2vw;
}
.terms_contents ol {
  padding-left: 4.2666666667vw;
}
.terms_contents ol,
.terms_contents ul {
  margin: 0;
  padding: 0;
}
.terms_contents p,
.terms_contents ol li,
.terms_contents ul li {
  font-size: 3.2vw;
  line-height: 4.8vw;
}
.terms_contents ol + h4,
.terms_contents ul + h4 {
  margin-top: 3.7333333333vw;
}
.terms_contents h4 + ul {
  margin-top: 1.0666666667vw;
}
.terms_contents h4 + ol {
  margin-top: 1.0666666667vw;
}
.terms_contents h4 + p {
  margin-top: 1.0666666667vw;
}
.terms_contents p + ol {
  margin-top: 1.0666666667vw;
}

.figure_wrap {
  position: relative;
}
.figure_wrap .on_anvil {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(255, 255, 255);
}
.figure_wrap .on_anvil p {
  background: linear-gradient(to right, #5c3795, #f2a1c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 5.3333333333vw;
  font-weight: 700;
  text-align: center;
  letter-spacing: -1px;
}

/* 카테고리 */
.scroll_section {
  overflow: hidden;
}
.scroll_section .wrapper {
  overflow: hidden;
}
.scroll_section .contents {
  padding-bottom: 0;
}

.category_list {
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 9.0666666667vw;
  height: calc(
    var(--vh, 1vh) * 100 - var(--header, 1vh) * 100 - var(--banner, 1vh) * 100
  );
}
.category_list .item {
  overflow: hidden;
  position: relative;
  margin: 1.3333333333vw;
  border-radius: 1.4666666667vw;
}
.category_list.-col2 .item {
  width: calc(50% - 2.6666666667vw);
}
.category_list a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.category_list a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.category_list a .name {
  flex: 0 0 70%;
  padding: 5.3333333333vw 2.6666666667vw 2.6666666667vw 2.6666666667vw;
  color: var(--white);
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 4.8vw;
}
.category_list a .go_order {
  display: inline-flex;
  font-size: 3.2vw;
}
.category_list.-gray-bg {
  justify-content: space-between;
  align-content: flex-start;
}
.category_list.-gray-bg .item {
  width: calc(33.33% - 2.6666666667vw);
  min-height: 35.7333333333vw;
  height: auto;
  background: #666;
}
.category_list.-gray-bg .item:before {
  position: absolute;
  top: -42.6666666667vw;
  right: -34.6666666667vw;
  width: 56vw;
  height: 56vw;
  background: rgba(52, 51, 51, 0.5);
  border-radius: 50%;
  content: "";
}
.category_list.-gray-bg .item:after {
  position: absolute;
  top: -28vw;
  right: -48.8vw;
  width: 56vw;
  height: 56vw;
  background: rgb(52, 51, 51);
  border-radius: 50%;
  content: "";
}
.category_list.-gray-bg a .name {
  font-size: 4.2666666667vw;
}
.category_list.-gray-bg a .go_order {
  padding: 2.6666666667vw 2.6666666667vw 5.3333333333vw 2.6666666667vw;
  color: var(--white);
}
.category_list.-gray-bg a .go_order:after {
  display: block;
  width: 1.2546666667vw;
  height: 2.6666666667vw;
  margin-left: 1.0666666667vw;
  background: url(../images/arrow/arrow_go.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.category_list.-white-bg .item {
  height: auto;
  min-height: 32vw;
  border: 1px solid #ddd;
  background: var(--white);
}
.category_list.-white-bg:before {
  position: absolute;
  top: -42.6666666667vw;
  right: -38.6666666667vw;
  width: 56vw;
  height: 56vw;
  background: linear-gradient(
    140.9deg,
    rgb(83, 39, 139) -14.02%,
    rgba(135, 104, 174, 0) 70.5%
  );
  border-radius: 50%;
  content: "";
}
.category_list.-white-bg:after {
  position: absolute;
  top: -7.2vw;
  right: -47.4666666667vw;
  width: 56vw;
  height: 56vw;
  background: linear-gradient(
    210.04deg,
    rgb(83, 39, 139) -50.94%,
    rgba(135, 104, 174, 0) 83.49%
  );
  border-radius: 50%;
  content: "";
}
.category_list.-white-bg a {
  padding-bottom: 2.6666666667vw;
}
.category_list.-white-bg a .name {
  color: var(--primary);
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 4.8vw;
}
.category_list.-white-bg a .go_order {
  align-self: auto;
  justify-content: center;
  width: 80%;
  padding: 2.6666666667vw 6.4vw;
  border-radius: 1.0666666667vw;
  background: var(--primary);
  color: var(--white);
}
.category_list.-border {
  height: auto;
  padding-bottom: 0;
}
.category_list.-border .item {
  height: auto;
  min-height: 32vw;
  border: 1px solid #ddd;
  background: #f6f6f6;
}
.category_list.-border .item a {
  padding-bottom: 2.6666666667vw;
}
.category_list.-border .item a figure {
  width: 53.3333333333vw;
  height: 53.3333333333vw;
}
.category_list.-border .item a figure img {
  width: 100%;
  height: 100%;
}
.category_list.-border .item a .name {
  flex: auto;
  color: var(--primary);
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 4.8vw;
}
.category_list.-border .item a .go_order {
  align-self: auto;
  justify-content: center;
  width: 80%;
  padding: 2.6666666667vw 6.4vw;
  border-radius: 4.8vw;
  background: #8768ae;
  color: var(--white);
}

@media screen and (max-width: 444px) {
  .category_list.-border a .figure_wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
  }
  .category_list.-border a .figure_wrap figure {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(50%, 50%);
    width: auto;
    height: auto;
  }
  .category_list.-border a .figure_wrap figure img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 445px) {
  .category_list.-border a {
    padding-top: 2.6666666667vw;
  }
  .category_list.-border a .figure_wrap figure img {
    border-radius: 1.4666666667vw;
  }
}
.top_banner {
  overflow: hidden;
  margin: 3.2vw 3.2vw 1.8666666667vw 3.2vw;
  border-radius: 4vw;
}
.top_banner figure {
  width: 100%;
  height: auto;
}
.top_banner figure img {
  width: 100%;
}
.top_banner .swiper {
  width: calc(100vw - 6.4vw);
  height: 100%;
}
.top_banner .swiper .swiper-slide {
  display: flex;
}
.top_banner .swiper .swiper-slide img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.top_banner .swiper-pagination-bullet {
  position: relative;
  width: 3.2vw;
  height: 3.2vw;
  margin: 0 0.5333333333vw;
  border: 0 none;
  border-radius: unset;
  background: transparent;
}
.top_banner .swiper-pagination-bullet:before,
.top_banner .swiper-pagination-bullet:after {
  position: absolute;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  border-radius: 50%;
  content: "";
}
.top_banner .swiper-pagination-bullet:before {
  top: 50%;
  left: 50%;
  width: 1.6vw;
  height: 1.6vw;
  margin-top: -1.0666666667vw;
  margin-left: -1.0666666667vw;
  background-color: var(--white);
}
.top_banner .swiper-pagination-bullet:after {
  top: 0;
  left: 0;
  width: 1.6vw;
  height: 1.6vw;
  transform: scale(0.5);
  border: 0.5333333333vw solid var(--white);
  opacity: 0;
}
.top_banner .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  opacity: 0;
}
.top_banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  opacity: 1;
  transform: scale(1);
}
.top_banner .swiper-fraction {
  position: absolute;
  right: 2.6666666667vw;
  bottom: 2.6666666667vw;
  color: var(--white);
  font-size: 2.6666666667vw;
  font-weight: 300;
}

/* 대기 */
.waiting .waiting_wrap .waiting_info {
  padding: 1.3333333333vw;
}
.waiting .waiting_wrap .waiting_info .info_title {
  display: block;
  padding: 3.7333333333vw 4vw 2.9333333333vw 4vw;
  color: #242424;
  font-size: 4vw;
  font-weight: 500;
  line-height: 4.8vw;
}
.waiting .waiting_wrap .waiting_info .info_title span {
  color: #424242;
  font-size: 3.7333333333vw;
  font-weight: 500;
}
.waiting .waiting_wrap .waiting_info .row_box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 8vw;
  border-radius: 1.3333333333vw;
  background: #484848;
  color: var(--white);
  text-align: center;
}
.waiting .waiting_wrap .waiting_info .row_box .line {
  display: inline-flex;
  align-items: center;
}
.waiting .waiting_wrap .waiting_info .row_box strong {
  margin-right: 3.2vw;
  font-size: 4.8vw;
}
.waiting .waiting_wrap .waiting_info .row_box span {
  font-size: 6.9333333333vw;
  font-weight: bold;
}
.waiting .waiting_wrap .waiting_info .row_box p {
  margin-top: 3.2vw;
  padding-top: 3.2vw;
  color: #f0648a;
  font-size: 4.8vw;
  font-weight: bold;
  border-top: 1px solid #eee;
}
.waiting .waiting_wrap .waiting_info .row_box.time {
  flex-direction: column;
  margin-top: 1.3333333333vw;
  border: 1px solid #ddd;
  background: transparent;
  color: #53278b;
}
.waiting .waiting_wrap .waiting_info .row_box.time .line {
  display: inline-flex;
  align-items: center;
}
.waiting .waiting_wrap .waiting_info .row_box.time p {
  margin: 0vw 0vw 1.6vw 0vw;
  padding: 0vw 0vw 3.2vw 0vw;
  color: #f0648a;
  font-size: 4.8vw;
  font-weight: bold;
  border-top: none;
  border-bottom: 1px solid #eee;
}
.waiting .waiting_wrap .waiting_info .row_box.time strong {
  margin-right: 3.2vw;
  font-size: 4.8vw;
}
.waiting .waiting_wrap .waiting_info .row_box.time span {
  font-size: 6.9333333333vw;
  font-weight: bold;
}
.waiting .waiting_wrap .waiting_info .row_box.end p {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.waiting.-end {
  background: var(--coolgrey);
}
.waiting.-end .header h1 {
  background: transparent;
}
.waiting.-end .waiting_contents .waiting_title {
  padding-bottom: 0;
  background: none;
}
.waiting.-end .waiting_contents .btn_wrap.-full {
  padding: 5.3333333333vw;
}
.waiting section {
  width: 100%;
}
.waiting .waiting_contents {
  display: flex;
  flex-wrap: wrap;
}
.waiting .waiting_contents .waiting_title {
  flex: 1 1 100%;
  position: relative;
  margin-top: 9.0666666667vw;
  padding: 0vw 5.3333333333vw 66.6666666667vw 5.3333333333vw;
  background: url(../images/bg/bg_waiting.png) no-repeat 0vw 5.3333333333vw;
  background-size: 100%;
}
.waiting .waiting_contents .waiting_title p {
  color: var(--black);
  font-size: 6.6666666667vw;
  line-height: 1.2;
}
.waiting .waiting_contents .waiting_title p.waiting_time {
  margin-top: 0.8vw;
  color: var(--primary);
  font-size: 6.6666666667vw;
  line-height: 1.2;
}
.waiting .waiting_contents .waiting_title p.waiting_time + span {
  margin-top: 4.2666666667vw;
}
.waiting .waiting_contents .waiting_title span {
  display: block;
  margin-top: 1.3333333333vw;
  color: var(--chacolgrey);
  font-size: 3.7333333333vw;
  letter-spacing: -0.2666666667vw;
  line-height: 1.2;
}
.waiting .waiting_contents .waiting_title span.waiting_register {
  font-size: 3.4666666667vw;
}
.waiting .waiting_contents .waiting_box {
  flex: 1 1 100%;
  position: relative;
  min-height: 26.6666666667vw;
  margin-top: -26.6666666667vw;
  border-radius: 9.3333333333vw 9.3333333333vw 0vw 0vw;
  background: var(--white);
  box-shadow: 0vw -2.6666666667vw 2.6666666667vw rgba(196, 203, 231, 0.06);
}
.waiting .waiting_contents .waiting_box .number_input {
  padding: 7.4666666667vw 10.6666666667vw;
}
.waiting .waiting_contents .waiting_box .number_input .result_number {
  color: var(--primary);
  font-size: 8.5333333333vw;
  text-align: center;
}
.waiting .waiting_contents .waiting_box .number_input .agree_text {
  display: block;
  margin-top: 1.6vw;
  text-align: center;
}
.waiting .waiting_contents .waiting_box .number_input .agree_text p {
  color: #bdbdbd;
  font-size: 2.4vw;
  line-height: 1.3;
}
.waiting .waiting_contents .waiting_box .number_input .agree_text p a {
  color: #bdbdbd;
  text-decoration: underline;
}
.waiting .waiting_contents .waiting_box .number_input .dialpad {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3.7333333333vw;
}
.waiting .waiting_contents .waiting_box .number_input .dialpad button {
  touch-action: manipulation;
  width: 33%;
  min-height: 20vw;
  color: var(--black);
  font-size: 6.6666666667vw;
}
.waiting .waiting_contents .waiting_box .number_input .dialpad button.clear {
  background: url(../images/btn/btn_clear.png) no-repeat 50% 50%;
  background-size: 6.1333333333vw 4.6vw;
}
.waiting .waiting_contents .waiting_box .number_input .dialpad button.confirm {
  background: url(../images/btn/btn_confirm.png) no-repeat 50% 50%;
  background-size: 6.4vw 6.4vw;
}
.waiting .waiting_contents .waiting_box .change_number {
  margin: 17.0666666667vw;
}
.waiting .waiting_contents .waiting_box .change_number .select_count button {
  touch-action: manipulation;
}
.waiting .waiting_contents .waiting_box .change_number .select_count .minus {
  width: 11.2vw;
  height: 11.2vw;
  background: url(../images/btn/btn_minus_on.svg) no-repeat 0 0;
  background-size: 100%;
}
.waiting
  .waiting_contents
  .waiting_box
  .change_number
  .select_count
  .minus.-disabled {
  background: url(../images/btn/btn_minus_off.svg) no-repeat 0 0;
  background-size: 100%;
  pointer-events: none;
}
.waiting .waiting_contents .waiting_box .change_number .select_count .plus {
  width: 11.2vw;
  height: 11.2vw;
  background: url(../images/btn/btn_plus_on.svg) no-repeat 0 0;
  background-size: 100%;
}
.waiting
  .waiting_contents
  .waiting_box
  .change_number
  .select_count
  .plus.-disabled {
  background: url(../images/btn/btn_plus_off.svg) no-repeat 0 0;
  background-size: 100%;
  pointer-events: none;
}
.waiting .waiting_contents .waiting_box .change_number .select_count .count {
  color: var(--black);
  font-size: 8vw;
}
.waiting
  .waiting_contents
  .waiting_box
  .change_number
  .select_count
  .count
  span {
  font-size: 12.8vw;
}
.waiting .waiting_contents .end_article {
  flex: 1 1 100%;
  margin-top: 10.6666666667vw;
}
.waiting .waiting_contents .end_article > p {
  color: var(--chacolgrey);
  font-size: 4vw;
  text-align: center;
  line-height: 1.2;
}
.waiting .waiting_contents .end_article > p strong {
  display: block;
  margin-top: 0.2666666667vw;
  color: var(--primary);
  font-size: 5.3333333333vw;
  font-weight: 700;
}
.waiting .waiting_contents .end_article .end_box_wrap {
  margin-top: 4.8vw;
}
.waiting .waiting_contents .end_article .end_box_wrap:before {
  display: block;
  width: 38.8413333333vw;
  height: 41.5493333333vw;
  margin: 0 auto;
  background: url(../images/bg/bg_waiting_end.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.waiting .waiting_contents .end_article .end_box_wrap.-qr:before {
  width: 44.28vw;
  height: 33.14vw;
  background: url(../images/bg/bg_qr_waiting_end.png) no-repeat 0 0;
  background-size: 100%;
}
.waiting .waiting_contents .end_article .end_box_wrap.-qr .end_box {
  margin-top: -5.0666666667vw;
}
.waiting
  .waiting_contents
  .end_article
  .end_box_wrap.-qr
  + .btn_wrap.-full
  .btn {
  border-radius: 5.3333333333vw;
}
.waiting .waiting_contents .end_article .end_box {
  position: relative;
  margin: -10.6666666667vw 5.3333333333vw 0vw 5.3333333333vw;
  background: url(../images/bg/dot.png) no-repeat 0 0,
    url(../images/bg/dot.png) no-repeat 0 100.3%, var(--white);
  background-size: 100%;
  box-shadow: 0vw 0vw 2.6666666667vw rgba(196, 203, 231, 0.2);
}
.waiting .waiting_contents .end_article .end_box .store_name {
  margin: 0vw 5.3333333333vw;
  padding: 7.2vw 0vw 6vw 0vw;
  border-bottom: 1px solid var(--gray3);
  text-align: center;
}
.waiting .waiting_contents .end_article .end_box .store_name p {
  color: var(--black);
  font-size: 5.3333333333vw;
}
.waiting .waiting_contents .end_article .end_box .order_info {
  padding: 7.4666666667vw 0vw 10.1333333333vw 0vw;
  text-align: center;
}
.waiting .waiting_contents .end_article .end_box .order_info .order_num {
  color: var(--black);
  font-size: 5.3333333333vw;
  font-weight: 500;
}
.waiting .waiting_contents .end_article .end_box .order_info .order_num strong {
  position: relative;
  z-index: 1;
  margin-left: 5.0666666667vw;
  color: var(--black);
  font-size: 12.8vw;
  font-weight: 700;
}
.waiting
  .waiting_contents
  .end_article
  .end_box
  .order_info
  .order_num
  strong:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 3.7333333333vw;
  width: 100%;
  height: 4.8vw;
  background: rgba(127, 0, 255, 0.2);
  content: "";
}
.waiting .waiting_contents .end_article .end_box .order_info .admission_num {
  margin: 2.9333333333vw 0vw 5.0666666667vw 0vw;
  color: var(--black);
  font-size: 4vw;
  font-weight: 500;
}
.waiting
  .waiting_contents
  .end_article
  .end_box
  .order_info
  .admission_num
  span {
  margin: 0vw 1.3333333333vw;
  color: var(--primary);
}
.waiting .waiting_contents .end_article .end_box .order_info .waiting_num {
  margin-top: 2.6666666667vw;
  color: rgba(0, 0, 0, 0.5);
  font-size: 3.4666666667vw;
  line-height: 1.4;
}
.waiting .waiting_contents .end_article .end_box .order_info .waiting_num span {
  color: rgba(83, 39, 139, 0.5);
}
.waiting .waiting_contents .end_article .end_box .order_info .waiting_time {
  color: rgba(0, 0, 0, 0.5);
  font-size: 3.4666666667vw;
  line-height: 1.4;
}
.waiting .waiting_contents .btn {
  border-radius: 2.6666666667vw;
}

.enter_info section {
  flex: 1;
  width: 100%;
}
.enter_info section .banner {
  position: relative;
  z-index: 0;
  width: 100%;
  aspect-ratio: 3/2;
}
.enter_info section .banner .adBanner {
  width: 100%;
  height: 100%;
}
.enter_info section .banner .adBanner .swiper-slide {
  display: flex;
}
.enter_info section .banner .adBanner .swiper-slide img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.enter_info section .banner .swiper-fraction {
  position: absolute;
  right: 2.6666666667vw;
  bottom: -5.3333333333vw;
  color: #434343;
  font-size: 3.2vw;
  font-weight: 500;
}
.enter_info section .figure_wrap figure {
  width: 100%;
}
.enter_info section .figure_wrap figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.enter_info section .swiper-pagination {
  bottom: -6.1333333333vw;
}
.enter_info section .swiper-pagination-bullet {
  position: relative;
  width: 3.2vw;
  height: 3.2vw;
  margin: 0 0.5333333333vw;
  border: 0 none;
  border-radius: unset;
  background: transparent;
}
.enter_info section .swiper-pagination-bullet:before,
.enter_info section .swiper-pagination-bullet:after {
  position: absolute;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  border-radius: 50%;
  content: "";
}
.enter_info section .swiper-pagination-bullet:before {
  top: 50%;
  left: 50%;
  width: 1.6vw;
  height: 1.6vw;
  margin-top: -1.0666666667vw;
  margin-left: -1.0666666667vw;
  background-color: var(--primary);
}
.enter_info section .swiper-pagination-bullet:after {
  top: 0;
  left: 0;
  width: 1.6vw;
  height: 1.6vw;
  transform: scale(0.5);
  border: 0.5333333333vw solid var(--primary);
  opacity: 0;
}
.enter_info
  section
  .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  opacity: 0;
}
.enter_info
  section
  .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  transform: scale(1);
  opacity: 1;
}
.enter_info.type_a {
  background: var(--white);
}
.enter_info.type_a section .languages {
  border-radius: 1.3333333333vw;
  background: rgba(255, 255, 255, 0.7);
}
.enter_info.type_a section .banner {
  height: 56vw;
}
.enter_info.type_a section .figure_wrap figure {
  height: 56vw;
}
.enter_info.type_a section .store_introduce {
  margin: 10.6666666667vw 8vw 0vw 8vw;
  padding: 4vw 0vw 5.3333333333vw 0vw;
  border-top: 1px solid var(--black);
}
.enter_info.type_a section .store_introduce .title {
  padding-bottom: 5.3333333333vw;
  color: var(--black);
  font-size: 10.6666666667vw;
  font-weight: 300;
}
.enter_info.type_a section .store_introduce strong {
  display: inline-flex;
  align-items: center;
  padding-bottom: 8vw;
  color: var(--black);
  font-size: 12.8vw;
  font-weight: 300;
}
.enter_info.type_a section .store_introduce .text {
  overflow: hidden;
  height: 13.3333333333vw;
  color: var(--black);
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 4.5333333333vw;
}
.enter_info.type_a section .store_introduce .text.active {
  overflow: visible;
  height: auto;
}
.enter_info.type_a section .store_introduce .more {
  margin-top: 4vw;
  color: var(--black);
  font-size: 4vw;
  font-weight: 500;
}
.enter_info.type_a section .form_group {
  margin: 0vw 8vw;
  padding: 0vw 0vw 8vw 0vw;
}
.enter_info.type_a section .form_group .row {
  justify-content: center;
}
.enter_info.type_a section .form_group .row .input {
  display: inline-flex;
  overflow: hidden;
  flex: 0 0 100%;
  position: relative;
  height: auto;
  padding: 1.3333333333vw 0vw;
  border: 0;
  border-bottom: 1px solid var(--gray3);
  border-radius: 0;
  background: var(--white);
}
.enter_info.type_a section .form_group .row .input input[type="text"] {
  width: 100%;
  height: 100%;
  padding: 0;
  color: var(--black);
  font-size: 4.2666666667vw;
  outline: none;
}
.enter_info.type_a section .btn_wrap {
  margin: 6.6666666667vw 0vw 0vw;
}
.enter_info.type_a section .btn_wrap .btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 32.9333333333vw;
  height: 32.9333333333vw;
  margin-top: 0;
  border-radius: 50%;
  background: var(--black);
  color: var(--white);
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1;
}
.enter_info.type_a section .btn_wrap .btn:before {
  display: inline-flex;
  width: 8.8546666667vw;
  height: 3.2546666667vw;
  margin-bottom: 4vw;
  background: url(../images/btn/btn_arrow_white.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
.enter_info.type_b {
  flex-direction: column;
  background: var(--gray1);
}
.enter_info.type_b section {
  display: flex;
  flex-direction: column;
}
.enter_info.type_b section .banner {
  height: 73.3333333333vw;
}
.enter_info.type_b section .banner .swiper-fraction {
  display: none;
}
.enter_info.type_b section .swiper-pagination {
  top: 2.6666666667vw;
  bottom: auto;
}
.enter_info.type_b section .figure_wrap figure {
  height: 73.3333333333vw;
}
.enter_info.type_b section .introduce_wrap {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  position: relative;
  margin: -20vw 5.3333333333vw 5.3333333333vw 5.3333333333vw;
  padding: 8vw;
  border-radius: 2.6666666667vw;
  background: var(--white);
}
.enter_info.type_b section .introduce_wrap .store_introduce .title {
  padding-bottom: 13.3333333333vw;
  color: var(--black);
  font-size: 5.3333333333vw;
  font-weight: 700;
  text-align: center;
}
.enter_info.type_b section .introduce_wrap .store_introduce strong {
  display: block;
  margin-bottom: 4vw;
  padding-bottom: 2.6666666667vw;
  border-bottom: 1px solid var(--black);
  color: var(--black);
  font-size: 6.4vw;
  font-weight: 300;
}
.enter_info.type_b section .introduce_wrap .store_introduce .text {
  overflow: hidden;
  height: 13.3333333333vw;
  color: var(--black);
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 4.5333333333vw;
}
.enter_info.type_b section .introduce_wrap .store_introduce .text.active {
  overflow: visible;
  height: auto;
}
.enter_info.type_b section .introduce_wrap .store_introduce .more {
  margin-top: 2.6666666667vw;
  color: var(--black);
  font-size: 4vw;
  font-weight: 500;
}
.enter_info.type_b section .introduce_wrap .form_group {
  flex: 0 0 100%;
  margin-top: auto;
  padding: 8vw 0vw 0vw 0vw;
}
.enter_info.type_b section .introduce_wrap .form_group .row .input {
  flex: 0 0 100%;
  border-radius: 2.6666666667vw;
}
.enter_info.type_b section .introduce_wrap .form_group .row .input input {
  outline: none;
}
.enter_info.type_b section .introduce_wrap .btn_wrap {
  margin: 2.6666666667vw 0vw 0vw 0vw;
  padding: 0;
}
.enter_info.type_b section .introduce_wrap .btn_wrap .btn {
  border-radius: 2.6666666667vw;
}

/* loading */
.loading {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 15;
  transform: translate(-50%, -50%);
  width: calc(100% - 10.6666666667vw);
  padding: 6.6666666667vw 2.6666666667vw;
  border-radius: 2.6666666667vw;
  background: rgb(255, 255, 255);
  text-align: center;
}
.loading .loader {
  display: inline-block;
  position: relative;
  width: 38.4vw;
  height: 12.5333333333vw;
  background: url(../images/logo/shopChainO.png) no-repeat 0 0;
  background-size: 100%;
}
.loading .loader:after {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/logo/shopChainSO.png) no-repeat 0 0;
  background-size: cover;
  animation: loaderUp 1s linear infinite;
  content: "";
}
.loading .loader.to_right {
  display: inline-block;
  position: relative;
  width: 40vw;
  height: 12.5333333333vw;
  background: url(../images/logo/shopChainBL.png) no-repeat 0 0;
  background-size: 100% 100%;
}
.loading .loader.to_right:after {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/logo/shopChainO.png) no-repeat 0 0;
  background-size: cover;
  animation: loaderRight 1s linear infinite;
  content: "";
}
.loading p {
  margin-top: 4.1066666667vw;
  color: #434343;
  font-size: 3.7333333333vw;
  text-align: center;
}

@keyframes loaderUp {
  0% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
@keyframes loaderRight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
/* order Pop */
.order_pop {
  background: url(../images/bg/bg_order_pop.png) no-repeat 0 100%,
    linear-gradient(142deg, rgb(102, 41, 191) 65%, rgb(238, 39, 255) 100%);
  background-size: 100%;
  background-attachment: local;
  /* thema 2 */
  /* Thema White */
}
.order_pop .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  z-index: 1;
  width: 100%;
  height: 14.1333333333vw;
  background: url(../images/logo/orderPop_white.png) no-repeat 50% 50%;
  background-size: 28.2666666667vw 6.5333333333vw;
}
.order_pop .banner {
  position: relative;
  z-index: 0;
  width: 100%;
  aspect-ratio: 1/1;
}
.order_pop .banner .adBanner {
  width: 100%;
  height: 100%;
  border-radius: 13.3333333333vw 0vw 26.6666666667vw 0vw;
}
.order_pop .banner .adBanner .swiper-slide {
  display: flex;
}
.order_pop .banner .adBanner .swiper-slide img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.order_pop .banner .swiper-pagination {
  bottom: -6.1333333333vw;
}
.order_pop .banner .swiper-pagination-bullet {
  position: relative;
  width: 3.2vw;
  height: 3.2vw;
  margin: 0 0.5333333333vw;
  border: 0 none;
  border-radius: unset;
  background: transparent;
}
.order_pop .banner .swiper-pagination-bullet:before,
.order_pop .banner .swiper-pagination-bullet:after {
  position: absolute;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  border-radius: 50%;
  content: "";
}
.order_pop .banner .swiper-pagination-bullet:before {
  top: 50%;
  left: 50%;
  width: 1.6vw;
  height: 1.6vw;
  margin-top: -1.0666666667vw;
  margin-left: -1.0666666667vw;
  background-color: var(--white);
}
.order_pop .banner .swiper-pagination-bullet:after {
  top: 0;
  left: 0;
  width: 1.6vw;
  height: 1.6vw;
  transform: scale(0.5);
  border: 0.5333333333vw solid var(--white);
  opacity: 0;
}
.order_pop
  .banner
  .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  opacity: 0;
}
.order_pop
  .banner
  .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  transform: scale(1);
  opacity: 1;
}
.order_pop .banner .swiper-fraction {
  position: absolute;
  right: 2.6666666667vw;
  bottom: 2.6666666667vw;
  color: var(--white);
  font-size: 2.6666666667vw;
  font-weight: 300;
}
.order_pop .store_summary {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 100%;
  justify-content: space-between;
  align-items: center;
  margin: 12.2666666667vw 5.3333333333vw 0vw 5.3333333333vw;
  padding: 0vw 0vw 6.6666666667vw 0vw;
}
.order_pop .store_summary strong {
  color: var(--white);
  font-size: 5.3333333333vw;
  font-weight: 700;
  line-height: 7.4666666667vw;
}
.order_pop .store_summary strong span {
  color: #20deff;
}
.order_pop .store_summary .img {
  flex: none;
  overflow: hidden;
  width: 12.5333333333vw;
  height: 12.5333333333vw;
  border-radius: 50%;
}
.order_pop .store_summary .img img {
  width: 100%;
  height: 100%;
}
.order_pop .choose_btn {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 100%;
  margin: 0vw 5.3333333333vw;
  padding: 6.6666666667vw 0vw;
  border-top: 1px solid rgba(221, 221, 221, 0.5);
}
.order_pop .choose_btn strong {
  flex: 1 1 100%;
  margin-bottom: 2.6666666667vw;
  color: var(--white);
  font-size: 5.3333333333vw;
  font-weight: 700;
}
.order_pop .choose_btn .btn_wrap {
  flex: auto;
  position: relative;
  width: 73.3333333333vw;
  height: auto;
  margin: 0 auto;
}
.order_pop .choose_btn .btn_wrap a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.order_pop .choose_btn .btn_wrap .go_order {
  z-index: 1;
  width: 54.9333333333vw;
  height: 49.3333333333vw;
  margin: 0 auto;
  background: url(../images/btn/bg_go_order_alone.png) no-repeat 0 0;
  background-size: cover;
  text-decoration: none;
  color: var(--white);
  font-size: 5.6vw;
  font-weight: bold;
}
.order_pop .choose_btn .btn_wrap .go_order span {
  margin-bottom: 2.6666666667vw;
  font-size: 7.4666666667vw;
}
.order_pop .choose_btn .btn_wrap .go_staff {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 38.6666666667vw;
  height: 38.6666666667vw;
  background: url(../images/btn/bg_go_staff.png) no-repeat 0 0;
  background-size: cover;
  text-decoration: none;
  color: var(--primary);
  font-size: 4.5333333333vw;
  font-weight: bold;
}
.order_pop .choose_btn .btn_wrap .go_staff span {
  margin-bottom: 3.2vw;
  font-size: 6.1333333333vw;
}
.order_pop .choose_btn .btn_wrap.tween {
  flex: none;
  height: 52.5333333333vw;
}
.order_pop .choose_btn .btn_wrap.tween .go_order {
  position: absolute;
  top: 0;
  left: 0;
  width: 45.4666666667vw;
  height: 45.4666666667vw;
  margin: 0;
  background: url(../images/btn/bg_go_order.png) no-repeat 0 0;
  background-size: cover;
  font-size: 4.5333333333vw;
}
.order_pop .choose_btn .btn_wrap.tween .go_order span {
  margin-bottom: 3.2vw;
  font-size: 5.8666666667vw;
}
.order_pop .recommend_list {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 100%;
  padding-bottom: 6.6666666667vw;
}
.order_pop .recommend_list:before {
  display: block;
  width: 100%;
  height: 1px;
  margin: 0vw 5.3333333333vw 6.6666666667vw 5.3333333333vw;
  background: rgba(221, 221, 221, 0.5);
  content: "";
}
.order_pop .recommend_list > strong {
  flex: 1 1 100%;
  margin: 0vw 5.3333333333vw 6.6666666667vw 5.3333333333vw;
  color: var(--white);
  font-size: 5.3333333333vw;
  font-weight: 700;
}
.order_pop .recommend_list .scroll_wrap {
  overflow: hidden;
  overflow-x: scroll;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 33.8666666667vw;
  white-space: nowrap;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.order_pop .recommend_list .scroll_wrap .scroll_inner {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0vw 5.3333333333vw 0vw 8vw;
  white-space: nowrap;
  transform: translate(0, -50%);
}
.order_pop .recommend_list .scroll_wrap ul {
  display: inline-flex;
}
.order_pop .recommend_list .scroll_wrap ul li {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-left: 6.6666666667vw;
}
.order_pop .recommend_list .scroll_wrap ul li:first-child {
  margin-left: 0;
}
.order_pop .recommend_list .scroll_wrap ul li a {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 26.6666666667vw;
}
.order_pop .recommend_list .scroll_wrap ul li figure {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 26.6666666667vw;
  height: 26.6666666667vw;
  border-radius: 50%;
  background: var(--primary);
}
.order_pop .recommend_list .scroll_wrap ul li figure img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.order_pop .recommend_list .scroll_wrap ul li .text {
  width: 100%;
  margin-top: 4vw;
}
.order_pop .recommend_list .scroll_wrap ul li .text .name {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  color: var(--white);
  font-size: 4vw;
  font-weight: 500;
  text-align: center;
}
.order_pop.thema_simple {
  background: var(--primary) url(../images/bg/bg_order_pop.png) no-repeat 0 100%;
  background-size: 100%;
  background-attachment: local;
}
.order_pop.thema_simple .logo {
  background: url(../images/logo/orderPop_white.png) no-repeat 50% 50%;
  background-size: 28.2666666667vw 6.5333333333vw;
}
.order_pop.thema_simple .banner {
  aspect-ratio: 3/2;
  margin-top: -14.1333333333vw;
}
.order_pop.thema_simple .banner .adBanner {
  border-radius: 0;
}
.order_pop.thema_simple .banner .adBanner .swiper-slide {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1/1;
  margin-left: 0;
  border-radius: 0;
}
.order_pop.thema_simple .banner .swiper-fraction {
  right: 0;
  bottom: -7.7333333333vw;
  z-index: 1;
  padding: 2.6666666667vw;
}
.order_pop.thema_simple .store_summary > strong {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.order_pop.thema_simple .store_summary > strong span {
  color: #ff7ea5;
  text-shadow: -0.5333333333vw -0.5333333333vw 0vw rgb(102, 41, 191),
    0.5333333333vw -0.5333333333vw 0vw rgb(102, 41, 191),
    -0.5333333333vw 0.5333333333vw 0vw rgb(102, 41, 191),
    0.5333333333vw 0.5333333333vw 0vw rgb(102, 41, 191);
}
.order_pop.thema_simple .store_summary .my_table {
  flex: 1 1 100%;
  margin-top: 2.6666666667vw;
}
.order_pop.thema_simple .store_summary .my_table strong {
  display: flex;
  align-items: center;
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 1;
}
.order_pop.thema_simple .store_summary .my_table strong span {
  padding: 0 4px;
  font-weight: 700;
}
.order_pop.thema_simple .store_summary .my_table strong:before {
  display: inline-flex;
  width: 2.9333333333vw;
  height: 4vw;
  margin-right: 1.2vw;
  background: url(../images/icon/icon_location_w.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
.order_pop.thema_simple .choose_btn {
  padding-bottom: 6.6666666667vw;
}
.order_pop.thema_simple .choose_btn .btn_wrap {
  flex-wrap: nowrap;
  justify-content: center;
  width: auto;
  height: auto;
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_order {
  width: auto;
  height: auto;
  margin: 0;
  background: none;
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_order .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32vw;
  height: 32vw;
  margin-top: 0;
  border-radius: 50%;
  background: #ff7ea5;
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_order .icon:before {
  display: block;
  width: 9.5066666667vw;
  height: 15.008vw;
  background: url(../images/icon/icon_go_order.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_order strong {
  flex: auto;
  margin: 4.8vw 0vw 0vw 0vw;
  color: var(--white);
  font-size: 5.3333333333vw;
  font-weight: 700;
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_order span {
  display: block;
  margin: 2.1333333333vw 0vw 0vw 0vw;
  color: var(--white);
  font-size: 2.1333333333vw;
  font-weight: 400;
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_staff {
  position: relative;
  width: auto;
  height: auto;
  background: none;
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_staff .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32vw;
  height: 32vw;
  margin-top: 0;
  border-radius: 50%;
  background: #20deff;
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_staff .icon:before {
  display: block;
  width: 10.596vw;
  height: 10.488vw;
  background: url(../images/icon/icon_staff_call.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_staff strong {
  flex: auto;
  margin: 4.8vw 0vw 0vw 0vw;
  color: var(--white);
  font-size: 5.3333333333vw;
  font-weight: 700;
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_staff span {
  display: block;
  margin: 2.1333333333vw 0vw 0vw 0vw;
  color: var(--white);
  font-size: 2.1333333333vw;
  font-weight: 400;
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_my_order {
  width: auto;
  height: auto;
  margin: 0;
  background: none;
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_my_order .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32vw;
  height: 32vw;
  margin-top: 0;
  border-radius: 50%;
  background: #20deff;
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_my_order .icon:before {
  display: block;
  width: 7.7333333333vw;
  height: 12.1333333333vw;
  background: url(../images/icon/icon_my_order.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_my_order strong {
  flex: auto;
  margin: 4.8vw 0vw 0vw 0vw;
  color: var(--white);
  font-size: 5.3333333333vw;
  font-weight: 700;
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_my_order span {
  display: block;
  margin: 2.1333333333vw 0vw 0vw 0vw;
  color: var(--white);
  font-size: 2.1333333333vw;
  font-weight: 400;
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_order + .go_staff {
  display: flex;
  flex-wrap: nowrap;
  padding-left: 8.8vw;
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_order + .go_staff:before {
  display: block;
  width: 1px;
  height: 38.6666666667vw;
  margin-right: 8.8vw;
  background: #ddd;
  content: "";
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_order + .go_my_order {
  display: flex;
  flex-wrap: nowrap;
  padding-left: 8.8vw;
}
.order_pop.thema_simple .choose_btn .btn_wrap .go_order + .go_my_order:before {
  display: block;
  width: 1px;
  height: 38.6666666667vw;
  margin-right: 8.8vw;
  background: #ddd;
  content: "";
}
.order_pop.thema_simple .choose_btn .btn_wrap.btn_all {
  flex-wrap: wrap;
}
.order_pop.thema_simple .choose_btn .btn_wrap.btn_all .go_order {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 100%;
  justify-content: center;
  margin-bottom: 5.3333333333vw;
}
.order_pop.thema_simple .choose_btn .btn_wrap.btn_all .go_order:after {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 5.3333333333vw;
  background: rgba(221, 221, 221, 0.5);
  content: "";
}
.order_pop.thema_simple .choose_btn .btn_wrap.btn_all .go_my_order {
  padding-left: 0;
}
.order_pop.thema_simple .choose_btn .btn_wrap.btn_all .go_my_order:before {
  display: none;
  content: none;
}
.order_pop.thema_simple .choose_btn .btn_wrap.btn_all .go_staff {
  display: flex;
  flex-wrap: nowrap;
  padding-left: 8.8vw;
}
.order_pop.thema_simple .choose_btn .btn_wrap.btn_all .go_staff:before {
  display: block;
  width: 1px;
  height: 38.6666666667vw;
  margin-right: 8.8vw;
  background: rgba(221, 221, 221, 0.5);
  content: "";
}
.order_pop.thema_simple .recommend_list .scroll_wrap ul li figure {
  background: #371762;
}
.order_pop.thema_simple .footer.logo {
  height: 8.5333333333vw;
  background-size: 14.1333333333vw 3.2666666667vw;
}
.order_pop.thema_white {
  padding-bottom: 6.6666666667vw;
  background: #f6f7fb;
}
.order_pop.thema_white .header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
  height: 13.6vw;
}
.order_pop.thema_white .logo {
  width: 28.2666666667vw;
  height: 6.5333333333vw;
  background: url(../images/logo/orderPop.png) no-repeat 0 0;
  background-size: cover;
}
.order_pop.thema_white .store_summary {
  display: flex;
  flex: 1 1 100%;
  justify-content: space-between;
  align-items: center;
  margin: 0vw 4vw;
  padding: 4vw 0vw 4vw 2.6666666667vw;
}
.order_pop.thema_white .store_summary strong {
  color: var(--black);
  font-size: 4.8vw;
  font-weight: 400;
  line-height: 6.4vw;
}
.order_pop.thema_white .store_summary strong span {
  color: var(--black);
  font-weight: 700;
}
.order_pop.thema_white .store_summary .img {
  margin-left: 2.1333333333vw;
}
.order_pop.thema_white .banner {
  aspect-ratio: 3/2;
  margin-top: 2.6666666667vw;
}
.order_pop.thema_white .banner .adBanner {
  border-radius: 0;
}
.order_pop.thema_white .banner .adBanner .swiper-slide {
  overflow: hidden;
  width: 85.3333333333vw;
  aspect-ratio: 1/1;
  margin-left: 4vw;
  border-radius: 9.3333333333vw;
}
.order_pop.thema_white .banner .adBanner .swiper-slide:first-child {
  margin-left: 0;
}
.order_pop.thema_white .banner .swiper-fraction {
  bottom: -6.1333333333vw;
  color: #434343;
  font-size: 3.2vw;
  font-weight: 500;
}
.order_pop.thema_white .banner .swiper-pagination-bullet:before {
  background-color: var(--primary);
}
.order_pop.thema_white .banner .swiper-pagination-bullet:after {
  border: 2px solid var(--primary);
}
.order_pop.thema_white .choose_btn {
  margin: 4.8vw 4vw 0vw 4vw;
  padding-bottom: 10.9333333333vw;
  border-top: 0 none;
}
.order_pop.thema_white .choose_btn > strong {
  margin-bottom: 3.4666666667vw;
  color: var(--black);
  font-weight: 500;
}
.order_pop.thema_white .choose_btn .btn_wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4.6666666667vw 0vw;
  border-radius: 4vw;
  box-shadow: 0vw 0vw 2.6666666667vw rgba(196, 203, 231, 0.2);
  background: var(--white);
}
.order_pop.thema_white .choose_btn .btn_wrap a {
  flex: 1;
}
.order_pop.thema_white .choose_btn .btn_wrap a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin-top: 0;
  border-radius: unset;
  background: none;
}
.order_pop.thema_white .choose_btn .btn_wrap a .icon:before {
  display: block;
  content: "";
}
.order_pop.thema_white .choose_btn .btn_wrap a strong {
  flex: auto;
  margin: 5.6vw 0vw 0vw 0vw;
  color: var(--black);
  font-size: 5.3333333333vw;
  font-weight: 700;
}
.order_pop.thema_white .choose_btn .btn_wrap a span {
  display: block;
  margin: 2.6666666667vw 0vw 0vw 0vw;
  color: #434343;
  font-size: 2.6666666667vw;
  font-weight: 400;
}
.order_pop.thema_white .choose_btn .btn_wrap .go_order {
  width: auto;
  height: auto;
  margin: 0;
  background: none;
}
.order_pop.thema_white .choose_btn .btn_wrap .go_order .icon:before {
  width: 8.7906666667vw;
  height: 14.5533333333vw;
  background: url(../images/icon/icon_go_order_2.png) no-repeat 0 0;
  background-size: 100%;
}
.order_pop.thema_white .choose_btn .btn_wrap .go_staff {
  position: relative;
  width: auto;
  height: auto;
  background: none;
}
.order_pop.thema_white .choose_btn .btn_wrap .go_staff .icon:before {
  width: 8.5333333333vw;
  height: 12.5333333333vw;
  background: url(../images/icon/icon_staff_call_2.png) no-repeat 0 0;
  background-size: 100%;
}
.order_pop.thema_white .choose_btn .btn_wrap .go_staff strong {
  margin: 7.4666666667vw 0vw 0vw 0vw;
}
.order_pop.thema_white .choose_btn .btn_wrap .go_my_order {
  width: auto;
  height: auto;
  margin: 0;
  background: none;
}
.order_pop.thema_white .choose_btn .btn_wrap .go_my_order .icon:before {
  width: 11.068vw;
  height: 14.5333333333vw;
  background: url(../images/icon/icon_my_order_2.png) no-repeat 0 0;
  background-size: 100%;
}
.order_pop.thema_white .choose_btn .btn_wrap .go_waiting {
  position: relative;
  width: auto;
  height: auto;
  background: none;
}
.order_pop.thema_white .choose_btn .btn_wrap .go_waiting .icon {
  padding-top: 9px;
}
.order_pop.thema_white .choose_btn .btn_wrap .go_waiting .icon:before {
  width: 13.0666666667vw;
  height: 10.2666666667vw;
  background: url(../images/icon/icon_watiing.png) no-repeat 0 0;
  background-size: 100%;
}
.order_pop.thema_white .choose_btn .btn_wrap .go_waiting strong {
  margin: 7.6vw 0vw 0vw 0vw;
}
.order_pop.thema_white .choose_btn .btn_wrap.btn_half {
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.order_pop.thema_white .choose_btn .btn_wrap.btn_half div {
  display: flex;
  flex: 0 0 calc(50% - 2.8vw);
  justify-content: center;
  align-items: center;
  padding: 4.6666666667vw 0vw;
  border-radius: 4vw;
  box-shadow: 0vw 0vw 2.6666666667vw rgba(196, 203, 231, 0.2);
  background: var(--white);
}
.order_pop.thema_white .choose_btn .btn_wrap.btn_half div:before {
  display: none;
  content: none;
}
.order_pop.thema_white .choose_btn .btn_wrap.btn_all {
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.order_pop.thema_white .choose_btn .btn_wrap.btn_all .go_order {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 100%;
  justify-content: center;
  margin-bottom: 5.3333333333vw;
  padding: 4.6666666667vw 0vw;
  border-radius: 4vw;
  box-shadow: 0vw 0vw 2.6666666667vw rgba(196, 203, 231, 0.2);
  background: var(--white);
}
.order_pop.thema_white .choose_btn .btn_wrap.btn_all .go_my_order {
  flex: 0 0 calc(50% - 2.8vw);
  justify-content: center;
  padding: 4.6666666667vw 0vw;
  border-radius: 4vw;
  box-shadow: 0vw 0vw 2.6666666667vw rgba(196, 203, 231, 0.2);
  background: var(--white);
}
.order_pop.thema_white .choose_btn .btn_wrap.btn_all .go_my_order:before {
  display: none;
  content: none;
}
.order_pop.thema_white .choose_btn .btn_wrap.btn_all .go_staff {
  display: flex;
  flex-wrap: nowrap;
  flex: 0 0 calc(50% - 2.8vw);
  justify-content: center;
  padding: 4.6666666667vw 0vw;
  border-radius: 4vw;
  box-shadow: 0vw 0vw 2.6666666667vw rgba(196, 203, 231, 0.2);
  background: var(--white);
}
.order_pop.thema_white .choose_btn .btn_wrap.btn_all .go_staff:before {
  display: none;
  content: none;
}
.order_pop.thema_white .choose_btn .btn_wrap.btn_all .go_waiting {
  display: flex;
  flex-wrap: nowrap;
  flex: 0 0 calc(50% - 2.8vw);
  justify-content: center;
  padding: 4.6666666667vw 0vw;
  border-radius: 4vw;
  box-shadow: 0vw 0vw 2.6666666667vw rgba(196, 203, 231, 0.2);
  background: var(--white);
}
.order_pop.thema_white .choose_btn .btn_wrap.btn_all .go_waiting:before {
  display: none;
  content: none;
}
.order_pop.thema_white .recommend_list {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 100%;
  padding-bottom: 6.6666666667vw;
}
.order_pop.thema_white .recommend_list:before {
  display: none;
  content: none;
}
.order_pop.thema_white .recommend_list > strong {
  flex: 1 1 100%;
  margin: 0vw 4vw 3.4666666667vw 4vw;
  color: var(--black);
  font-weight: 500;
}
.order_pop.thema_white .recommend_list .scroll_wrap {
  min-height: 33.8666666667vw;
  height: 100%;
  margin: 0vw 4vw;
  padding: 4.5333333333vw 0vw 4.8vw 0vw;
  border-radius: 4vw;
  box-shadow: 0vw 0vw 2.6666666667vw rgba(196, 203, 231, 0.2);
  background: var(--white);
}
.order_pop.thema_white .recommend_list .scroll_wrap .scroll_inner {
  padding-left: 5.3333333333vw;
}
.order_pop.thema_white .recommend_list .scroll_wrap ul li {
  margin-left: 4vw;
}
.order_pop.thema_white .recommend_list .scroll_wrap ul li:first-child {
  margin-left: 0;
}
.order_pop.thema_white .recommend_list .scroll_wrap ul li figure {
  background: #f5f5f5;
}
.order_pop.thema_white .recommend_list .scroll_wrap ul li .text {
  margin-top: 4.8vw;
}
.order_pop.thema_white .recommend_list .scroll_wrap ul li .text .name {
  color: #434343;
}

.staff_call.wrapper {
  overflow: hidden;
  background: #f6f7fb;
}
.staff_call .section {
  overflow: hidden;
  width: 100%;
}
.staff_call .section .article_box .article_item .item_title {
  margin-top: 14.9333333333vw;
  padding: 0vw 2.6666666667vw;
}
.staff_call .section .article_box .article_item .item_title strong {
  display: block;
  margin-bottom: 1.8666666667vw;
  color: var(--black);
  font-size: 6.1333333333vw;
}
.staff_call .section .article_box .article_item .item_title span {
  color: #434343;
  font-size: 4vw;
  font-weight: 500;
}
.staff_call .section .item_select {
  overflow: hidden;
  overflow-y: auto;
  height: calc(var(--vh, 1vh) * 100 - 77.8666666667vw);
  margin-top: 15.4666666667vw;
}
.staff_call .article_box {
  border: 0 none;
  border-radius: 0;
  background: #f6f7fb;
}
.staff_call .btn_wrap {
  align-items: center;
  height: 24.2666666667vw;
  padding: 0vw 5.3333333333vw;
}
.staff_call .pop_contents {
  background: #f6f7fb;
}
.staff_call.layer_pop .pop_contents .article_box .article_item .item_title {
  margin-top: 26.1333333333vw;
  padding: 0vw 2.6666666667vw;
}
.staff_call.layer_pop
  .pop_contents
  .article_box
  .article_item
  .item_title
  strong {
  display: block;
  margin-bottom: 1.8666666667vw;
  color: var(--black);
  font-size: 4vw;
}
.staff_call.layer_pop
  .pop_contents
  .article_box
  .article_item
  .item_title
  span {
  color: #434343;
  font-size: 3.2vw;
  font-weight: 500;
}

.item_select {
  overflow: hidden;
  overflow-y: auto;
  height: calc(var(--vh, 1vh) * 100 - 82.9333333333vw);
  margin-top: 15.4666666667vw;
}
.item_select .item_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  margin-top: 3.4666666667vw;
  padding: 6.6666666667vw 2.6666666667vw;
  border: 1px solid #f5f5f5;
  border-radius: 8vw;
  background: var(--white);
}
.item_select .item_row:first-child {
  margin-top: 0;
}
.item_select .item_row strong {
  flex: 0 0 100%;
  color: var(--black);
  font-size: 4.5333333333vw;
  text-align: center;
}
.item_select .item_row .change_number {
  min-width: 50%;
  margin-top: 3.7333333333vw;
}
.item_select .item_row .change_number .select_count .plus {
  width: 7.4666666667vw;
  height: 7.4666666667vw;
}
.item_select .item_row .change_number .select_count .minus {
  width: 7.4666666667vw;
  height: 7.4666666667vw;
}
.item_select .item_row .change_number .select_count .count span {
  font-size: 4vw;
}
.item_select .item_row .delete_item {
  display: inline-block;
  position: absolute;
  top: 4vw;
  right: 4vw;
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  margin-left: 2.2666666667vw;
  background: url(../images/icon/delete.png) no-repeat 0 0;
  background-size: 100%;
  vertical-align: baseline;
}

.check_group {
  display: flex;
  flex-wrap: wrap;
  margin: -2vw;
  padding: 0vw 2.6666666667vw;
}
.check_group label {
  display: flex;
  flex: 0 0 calc(50% - 4vw);
  align-items: stretch;
  margin: 2vw;
}
.check_group label span {
  display: inline-flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 7.4666666667vw 2.6666666667vw;
  background: var(--white);
  border-radius: 4vw;
  color: var(--primary);
  font-size: 4.5333333333vw;
  font-weight: 500;
  line-height: 5.3333333333vw;
}
.check_group label input[type="checkbox"] {
  width: 0;
  height: 0;
}
.check_group label input[type="checkbox"]:checked + span {
  background: var(--primary);
  color: var(--white);
  box-shadow: 0vw 5.3333333333vw 2.6666666667vw rgba(58, 30, 58, 0.16);
}

.order_confirm_list {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow: hidden;
  overflow-y: auto;
  height: calc(var(--vh, 1vh) * 100 - 56vw);
  margin-top: 15.4666666667vw;
  padding: 0vw 2.6666666667vw;
}
.order_confirm_list a {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  align-items: stretch;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 4vw;
  padding: 3.7333333333vw 5.3333333333vw;
  background: var(--white);
  border-radius: 2.1333333333vw 2.6666666667vw 2.6666666667vw 2.1333333333vw;
  box-shadow: 0vw 2.6666666667vw 2.6666666667vw rgba(14, 24, 64, 0.02);
}
.order_confirm_list a:first-child {
  margin-top: 0;
}
.order_confirm_list a:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2.1333333333vw 0vw 0vw 2.1333333333vw;
  width: 2vw;
  height: 100%;
  background: var(--primary);
  content: "";
}
.order_confirm_list a:hover {
  background: var(--primary);
  box-shadow: 0vw 5.3333333333vw 2.6666666667vw rgba(58, 30, 58, 0.16);
}
.order_confirm_list a:hover:before {
  background: #371762;
}
.order_confirm_list a:hover .order_number,
.order_confirm_list a:hover .order_number span,
.order_confirm_list a:hover .order_list strong,
.order_confirm_list a:hover .order_list .row > li > span {
  color: var(--white);
}
.order_confirm_list .order_number {
  display: flex;
  align-items: baseline;
  flex: 1 1 100%;
  color: var(--primary);
  font-size: 5.0666666667vw;
  font-weight: 700;
  line-height: 4.5333333333vw;
  text-decoration: none;
}
.order_confirm_list .order_number span {
  margin-right: 1.3333333333vw;
  color: var(--black);
  font-size: 4.5333333333vw;
  font-weight: 500;
}
.order_confirm_list .order_list {
  margin-top: 3.4666666667vw;
}
.order_confirm_list .order_list strong {
  color: var(--black);
  font-size: 4vw;
  font-weight: 500;
  line-height: 5.8666666667vw;
}
.order_confirm_list .order_list .row {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 100%;
  margin: 0vw 0vw 0vw 2.6666666667vw;
  padding: 0;
  border-bottom: 0;
}
.order_confirm_list .order_list .row li {
  display: inline-flex;
  justify-content: space-between;
  flex: 1 1 100%;
  margin-top: -0.8vw;
}
.order_confirm_list .order_list .row li:first-child {
  margin-top: 0;
}
.order_confirm_list .order_list .row > li > span {
  color: #434343;
  font-size: 2.9333333333vw;
  letter-spacing: normal;
}

/* 이벤트 종료 */
.end_event {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 69.8666666667vw;
  height: 69.8666666667vw;
  margin: 12.8vw auto 6.6666666667vw auto;
  border-radius: 50%;
  background: #371762;
}
.end_event strong {
  color: #fff;
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 8vw;
  text-align: center;
}
.end_event strong:before {
  display: block;
  width: 21.2vw;
  height: 14.6666666667vw;
  margin: 0vw auto 4vw auto;
  background: url(../images/icon/icon_event_close1.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
.end_event strong span {
  color: #ff7ea5;
  text-decoration: underline;
  text-underline-offset: 1.0666666667vw;
}
.end_event.type2 strong:before {
  display: block;
  width: 18.6666666667vw;
  height: 14.9333333333vw;
  margin: 0vw auto 4vw auto;
  background: url(../images/icon/icon_event_close2.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
.end_event p {
  margin-top: 4vw;
  color: #f6f7fb;
  font-size: 4.2666666667vw;
  font-weight: 500;
  text-align: center;
}
.end_event p span {
  display: block;
  margin-top: 1.3333333333vw;
  font-size: 3.4666666667vw;
  line-height: 4.2666666667vw;
}

.mms_confirm.layer_pop {
  align-items: center;
  justify-content: center;
}
.mms_confirm.layer_pop .pop_contents {
  flex: 1;
  height: auto;
}
.mms_confirm.layer_pop .article_box {
  border: 0 none;
  border-radius: 0;
}
.mms_confirm.layer_pop .article_box .article_title {
  padding: 5.0666666667vw 4vw 4.5333333333vw 4vw;
}
.mms_confirm.layer_pop .btn_wrap {
  margin-bottom: 8.5333333333vw;
}

/* loading */
.pop_loading {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 15;
  transform: translate(-50%, -50%);
  width: calc(100% - 10.6666666667vw);
  padding: 6.6666666667vw 2.6666666667vw;
  border-radius: 2.6666666667vw;
  background: rgb(255, 255, 255);
  text-align: center;
}
.pop_loading .loader {
  display: inline-block;
  position: relative;
  width: 28.2666666667vw;
  height: 6.5333333333vw;
  background: url(../images/logo/orderPop.png) no-repeat 0 0;
  background-size: 100%;
}
.pop_loading .loader:after {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/logo/orderPop_o.png) no-repeat 0 0;
  background-size: cover;
  animation: loaderUp 1.6s linear infinite;
  content: "";
}
.pop_loading p {
  margin-top: 4.1066666667vw;
  color: #434343;
  font-size: 3.7333333333vw;
  text-align: center;
}

@keyframes loaderUp {
  0% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
.songdo_beer {
  background: #150936;
}
.songdo_beer .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  z-index: 1;
  width: 100%;
  height: 14.1333333333vw;
  background: url(../images/logo/orderPop_white.png) no-repeat 50% 50%;
  background-size: 28.2666666667vw 6.5333333333vw;
}
.songdo_beer .contents_top {
  margin-top: -14.1333333333vw;
  padding: 17.0666666667vw 5.3333333333vw 11.4666666667vw 5.3333333333vw;
  background: url(../images/songdo/bg_top.png) no-repeat 0 0;
  background-size: cover;
}
.songdo_beer .contents_top img {
  width: 50%;
}
.songdo_beer .order_step {
  padding: 0vw 5.3333333333vw;
}
.songdo_beer .order_step .box {
  position: relative;
  padding: 8vw 3.4666666667vw 9.3333333333vw 3.4666666667vw;
  border-radius: 4vw;
  background: var(--white);
}
.songdo_beer .order_step .box:first-child p {
  margin-top: 0;
}
.songdo_beer .order_step .box:first-child p span {
  text-decoration-color: rgba(244, 195, 149, 0.8);
}
.songdo_beer .order_step .box p {
  color: var(--black);
  font-size: 4.5333333333vw;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.2666666667vw;
}
.songdo_beer .order_step .box p span {
  position: relative;
  text-decoration: underline;
  text-decoration-thickness: 2.1333333333vw;
  text-decoration-color: rgba(244, 195, 149, 0.8);
  text-underline-offset: -1.6vw;
}
.songdo_beer .order_step .box .area_wrap {
  margin: 4vw 0vw 4.8vw 0vw;
  text-align: center;
}
.songdo_beer .order_step .box .area_wrap img {
  width: 100%;
}
.songdo_beer .order_step .box .area_wrap + p span {
  text-decoration-color: rgba(30, 101, 155, 0.3);
}
.songdo_beer .order_step .box .btn_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 5.3333333333vw;
}
.songdo_beer .order_step .box .btn_wrap a {
  flex-basis: 68vw;
  height: 17.3333333333vw;
  margin-top: 4vw;
  border-radius: 2.6666666667vw;
  color: var(--white);
  font-size: 5.3333333333vw;
  font-weight: 700;
  text-align: center;
  line-height: 17.3333333333vw;
}
.songdo_beer .order_step .box .btn_wrap a:nth-child(1) {
  margin-top: 0;
  background: #1bc100 url(../images/songdo/bg_btn_1.png) no-repeat 0 0;
  background-size: 100% 100%;
}
.songdo_beer .order_step .box .btn_wrap a:nth-child(2) {
  background: #e9872c url(../images/songdo/bg_btn_2.png) no-repeat 0 20%;
  background-size: cover;
}
.songdo_beer .order_step .box .btn_wrap a:nth-child(3) {
  background: #5200ff url(../images/songdo/bg_btn_3.png) no-repeat 0 0;
  background-size: 100% 100%;
}
.songdo_beer .footer {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: center;
  min-height: 10.9333333333vw;
  padding: 4vw 0vw;
  padding-bottom: max(env(safe-area-inset-bottom), 2.6666666667vw);
}
.songdo_beer .footer a {
  color: var(--gray2);
  font-size: 2.6666666667vw;
}

.touchbox_order_history {
  background: #f4f4f4;
}
.touchbox_order_history .header {
  display: flex;
  flex: 1;
  justify-content: center;
}
.touchbox_order_history .header h2 {
  display: inline-flex;
  align-items: center;
  padding: 4vw 0vw;
  color: #333;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1;
}
.touchbox_order_history .header h2:before {
  display: inline-flex;
  width: 6.9333333333vw;
  height: 7.4666666667vw;
  margin-right: 2vw;
  background: url(../images/touchbox/icon_order_history.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
}
.touchbox_order_history .section {
  display: flex;
  flex: 0 0 100%;
}
.touchbox_order_history .section .contents {
  flex: 1;
  padding: 0vw 5.3333333333vw;
}
.touchbox_order_history .section .contents .article_box {
  border: 0;
  border-radius: 4vw;
}
.touchbox_order_history .section .contents .article_box .article_item {
  padding: 6.6666666667vw 5.3333333333vw;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .article_title {
  padding: 0;
  border: 0;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .article_title,
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .order_store {
  display: block;
  margin-bottom: 4vw;
  color: #222;
  font-size: 4.2666666667vw;
  font-weight: 700;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .order_list
  .row {
  display: flex;
  justify-content: space-between;
  padding: 2.6666666667vw 0vw;
  border-color: #aaa;
  line-height: 1.2;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .order_list
  .row
  .name {
  color: #222;
  font-size: 3.2vw;
  font-weight: 500;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .order_list
  .row
  .order_group {
  flex: 0 0 35%;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .order_list
  .row
  .order_group
  .order_count {
  flex: none;
  color: #222;
  font-size: 3.2vw;
  font-weight: 500;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .order_list
  .row
  .order_group
  .price {
  flex: none;
  color: #222;
  font-size: 3.2vw;
  font-weight: 500;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .order_list
  .row.total {
  border-bottom: 0;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .order_list
  .row.total
  .order_group {
  justify-content: flex-end;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .orderer_info {
  padding: 0;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .orderer_info
  .row {
  margin-top: 1.3333333333vw;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .orderer_info
  .row
  strong {
  flex: 0 0 14.6666666667vw;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .orderer_info
  .row
  span {
  flex-basis: calc(100% - 14.6666666667vw);
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .orderer_info
  .row
  strong,
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .orderer_info
  .row
  span {
  color: #222;
  font-size: 3.2vw;
  font-weight: 500;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .orderer_info
  .row:first-child {
  margin-top: 0;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .payment_time {
  display: flex;
  flex-wrap: wrap;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .payment_time
  .row {
  display: inline-flex;
  flex: 1 1 100%;
  margin-top: 1.3333333333vw;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .payment_time
  .row
  strong {
  flex: 0 0 14.6666666667vw;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .payment_time
  .row
  span {
  flex-basis: calc(100% - 14.6666666667vw);
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .payment_time
  .row
  strong,
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .payment_time
  .row
  span {
  color: #222;
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 4.8vw;
}
.touchbox_order_history
  .section
  .contents
  .article_box
  .article_item
  .payment_time
  .row:first-child {
  margin-top: 0;
}
.touchbox_order_history .section .contents .article_box + .article_box {
  margin-top: 4vw;
}
.touchbox_order_history .section .contents .btn_wrap {
  justify-content: center;
  margin: 6.6666666667vw 0vw;
  padding-top: 0;
}
.touchbox_order_history .section .contents .btn_wrap .btn {
  max-width: 60vw;
  border-radius: 6.8vw;
  background: #e03e3e;
  font-size: 4.8vw;
  font-weight: 700;
}

.touchbox_order_end {
  background: #f4f4f4;
}
.touchbox_order_end .header {
  display: flex;
  flex: 1;
  justify-content: center;
}
.touchbox_order_end .header h2 {
  display: inline-flex;
  align-items: center;
  padding: 4vw 0vw;
  color: #333;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1;
}
.touchbox_order_end .header h2:before {
  display: inline-flex;
  width: 10.5333333333vw;
  height: 9.0666666667vw;
  margin-right: 2vw;
  background: url(../images/touchbox/icon_order_end.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
}
.touchbox_order_end .section {
  display: flex;
  flex: 0 0 100%;
}
.touchbox_order_end .section .contents {
  flex: 1;
  padding: 0vw 5.3333333333vw;
}
.touchbox_order_end .section .contents .article_box {
  border: 0;
  border-radius: 4vw;
}
.touchbox_order_end .section .contents .article_box .article_item {
  padding: 6.6666666667vw 5.3333333333vw;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .article_title {
  padding: 0;
  border: 0;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .article_title,
.touchbox_order_end .section .contents .article_box .article_item .order_store {
  display: block;
  margin-bottom: 4vw;
  color: #222;
  font-size: 4.2666666667vw;
  font-weight: 700;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .order_store
  a {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  color: #e03e3e;
  font-size: 3.7333333333vw;
  font-weight: 700;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .order_store
  a:after {
  display: inline-flex;
  width: 4.6666666667vw;
  height: 4.6666666667vw;
  margin-left: 1.3333333333vw;
  background: url(../images/touchbox/icon_home.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .order_store
  .pay_date {
  margin-top: 5px;
  color: #6b6b6b;
  font-size: 2.6666666667vw;
  font-weight: 400;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .order_number {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.6666666667vw;
  border-radius: 5px;
  background: #ff9c9c;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .order_number
  span {
  margin-right: 2.1333333333vw;
  color: var(--white);
  font-size: 3.7333333333vw;
  font-weight: 700;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .order_number
  strong {
  color: var(--white);
  font-size: 4.2666666667vw;
  font-weight: 700;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .order_list
  .row {
  display: flex;
  justify-content: space-between;
  padding: 2.6666666667vw 0vw;
  border-color: #aaa;
  line-height: 1.2;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .order_list
  .row
  .name {
  color: #222;
  font-size: 3.2vw;
  font-weight: 500;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .order_list
  .row
  .nobottom {
  border-bottom: 0px;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .order_list
  .row
  .order_group {
  flex: 0 0 35%;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .order_list
  .row
  .order_group
  .order_count {
  flex: none;
  color: #222;
  font-size: 3.2vw;
  font-weight: 500;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .order_list
  .row
  .order_group
  .price {
  flex: none;
  color: #222;
  font-size: 3.2vw;
  font-weight: 500;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .order_list
  .row.total {
  border-bottom: 0;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .order_list
  .row.total
  .order_group {
  justify-content: flex-end;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .end_total_order {
  margin-top: 2.6666666667vw;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .end_total_order
  li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.3333333333vw 0vw;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .end_total_order
  li
  strong {
  color: #222;
  font-size: 3.7333333333vw;
  font-weight: 700;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .end_total_order
  li
  span {
  color: #222;
  font-size: 3.7333333333vw;
  font-weight: 700;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .orderer_info {
  padding: 0;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .orderer_info
  .row {
  margin-top: 1.3333333333vw;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .orderer_info
  .row
  strong {
  flex: 0 0 14.6666666667vw;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .orderer_info
  .row
  span {
  flex-basis: calc(100% - 14.6666666667vw);
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .orderer_info
  .row
  strong,
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .orderer_info
  .row
  span {
  color: #222;
  font-size: 3.2vw;
  font-weight: 500;
}
.touchbox_order_end
  .section
  .contents
  .article_box
  .article_item
  .orderer_info
  .row:first-child {
  margin-top: 0;
}
.touchbox_order_end .section .contents .article_box + .article_box {
  margin-top: 4vw;
}
.touchbox_order_end .section .contents .text_order_end {
  margin: 6.6666666667vw 0vw;
}
.touchbox_order_end .section .contents .text_order_end p {
  color: #222;
  font-size: 4.2666666667vw;
  font-weight: 700;
}
.touchbox_order_end .section .contents .text_order_end span {
  color: #222;
  font-size: 3.2vw;
}

.stamp {
  background: #591ddd;
  font-family: "GmarketSans";
}
.stamp .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 100%;
  height: 78.4vw;
  background: var(--white) url(../images/stamp/bg_stamp_top.png) no-repeat 0 0;
  background-size: cover;
}
.stamp .top > span {
  display: inline-flex;
  padding: 1.0666666667vw 3.2vw 0.5333333333vw 3.2vw;
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  color: var(--black);
  font-size: 3.2vw;
  font-weight: 500;
}
.stamp .top strong {
  position: relative;
  margin-top: 2.6666666667vw;
  color: #591ddd;
  font-size: 16vw;
  font-weight: 700;
}
.stamp .top strong span {
  display: block;
}
.stamp .top strong span:after {
  display: block;
  position: absolute;
  bottom: 1.0666666667vw;
  right: -14.1333333333vw;
  width: 18.2666666667vw;
  height: 16.8vw;
  background: url(../images/stamp/title_stamp_inline.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
.stamp .top strong:before {
  display: block;
  position: absolute;
  top: -6.9333333333vw;
  left: -13.0666666667vw;
  width: 16.2666666667vw;
  height: 15.0666666667vw;
  background: url(../images/stamp/title_stamp_top.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
.stamp .top strong:after {
  display: block;
  position: absolute;
  bottom: -4.8vw;
  right: -21.6vw;
  width: 16.2666666667vw;
  height: 15.0666666667vw;
  background: url(../images/stamp/title_stamp_bottom.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
.stamp .contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 100%;
  position: relative;
  padding-top: 36vw;
}
.stamp .contents:after {
  display: block;
  position: absolute;
  top: -26.6666666667vw;
  right: 0;
  width: 95.3333333333vw;
  height: 100%;
  background: url(../images/stamp/bg_stamp_contents.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.stamp .contents .sale_text {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.stamp .contents .sale_text span {
  color: var(--white);
  font-size: 2.9333333333vw;
  font-weight: 700;
}
.stamp .contents .sale_text strong {
  margin-top: 1.8666666667vw;
  color: #c0fffc;
  font-size: 3.7333333333vw;
  font-weight: 700;
}
.stamp .contents .stamp_box {
  display: inline-flex;
  flex-wrap: wrap;
  margin-top: 6.6666666667vw;
  padding: 2.6666666667vw 2.6666666667vw 1.3333333333vw 2.6666666667vw;
  background: var(--white);
}
.stamp .contents .stamp_box .customer {
  color: var(--black);
  font-size: 2.6666666667vw;
  font-weight: 500;
}
.stamp .contents .stamp_box .usable {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex: 0 0 100%;
  margin-top: 4.6666666667vw;
}
.stamp .contents .stamp_box .usable_store {
  color: var(--black);
  font-size: 3.7333333333vw;
  font-weight: 500;
  line-height: 1.2;
}
.stamp .contents .stamp_box .usable_store span {
  font-weight: 700;
}
.stamp .contents .stamp_box .usable_count {
  display: inline-flex;
  align-items: flex-end;
  color: #3c39e5;
  font-size: 7.4666666667vw;
  font-weight: 700;
}
.stamp .contents .stamp_box .usable_count span {
  margin-left: 0.8vw;
  color: #5552fb;
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.5;
}
.stamp .contents .go_stamp_view {
  height: 11.4666666667vw;
  margin-top: 6.6666666667vw;
  padding: 0vw 8vw;
  border-radius: 5.7333333333vw;
  background: #a4fcf9;
  color: #591ddd;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 12.8vw;
}
.stamp .contents .guide_text {
  margin-top: 8vw;
}
.stamp .contents .guide_text p {
  color: var(--white);
  font-size: 1.8666666667vw;
  font-weight: 500;
  letter-spacing: normal;
}

.stamp_all_view {
  font-family: "GmarketSans";
}
.stamp_all_view .section {
  width: 100%;
  padding: 0vw 4vw;
}
.stamp_all_view .customer {
  padding: 13.3333333333vw 0vw;
  background: url(../images/stamp/bg_stamp.png) no-repeat 100% 0;
  background-size: 50%;
}
.stamp_all_view .customer p {
  margin-left: 4vw;
  color: var(--black);
  font-size: 5.3333333333vw;
  font-weight: 400;
}
.stamp_all_view .customer p strong {
  font-weight: 700;
}
.stamp_all_view .search_wrap {
  padding: 0;
  background: var(--white);
}
.stamp_all_view .search_wrap .search {
  height: 10.9333333333vw;
  padding-left: 4vw;
  border-radius: 4vw;
  border: 0 none;
  background: #f3f4f6;
  line-height: 12vw;
}
.stamp_all_view .search_wrap .search:before {
  display: none;
  content: none;
}
.stamp_all_view .search_wrap .search:after {
  display: inline-block;
  width: 6.4vw;
  height: 6.4vw;
  margin: 0vw 4vw;
  background: url(../images/icon/icon_search_02.png) no-repeat 0 0;
  background-size: 100%;
  vertical-align: middle;
  content: "";
}
.stamp_all_view .search_wrap .search input {
  width: calc(100% - 15.2vw);
  height: 100%;
  background: transparent;
  color: var(--gray4);
  font-size: 4vw;
  font-weight: 500;
  caret-color: var(--primary);
}
.stamp_all_view .search_wrap .search input::-moz-placeholder {
  color: #bdbdbd;
  font-size: 3.7333333333vw;
}
.stamp_all_view .search_wrap .search input::placeholder {
  color: #bdbdbd;
  font-size: 3.7333333333vw;
}
.stamp_all_view .search_wrap .search input::-webkit-placeholder {
  color: #bdbdbd;
  font-size: 3.7333333333vw;
}
.stamp_all_view .search_wrap .search input:focus {
  outline: none;
}
.stamp_all_view .tab {
  display: flex;
  align-items: center;
  margin-top: 16.8vw;
}
.stamp_all_view .tab li {
  margin-left: 2.6666666667vw;
}
.stamp_all_view .tab li:first-child {
  margin-left: 0;
}
.stamp_all_view .tab li a,
.stamp_all_view .tab li button {
  height: 9.0666666667vw;
  padding: 0vw 4vw;
  border: 1px solid var(--gray3);
  border-radius: 4.5333333333vw;
  background: var(--gray1);
  color: var(--black);
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 9.6vw;
}
.stamp_all_view .tab li a.selected,
.stamp_all_view .tab li button.selected {
  border-color: var(--deeppurple);
  background: var(--deeppurple);
  color: var(--white);
}
.stamp_all_view .stamp_list {
  margin-top: 8.2666666667vw;
  border-top: 2px solid var(--black);
}
.stamp_all_view .stamp_list li {
  padding: 5.3333333333vw 0vw;
  border-bottom: 1px solid var(--gray3);
}
.stamp_all_view .stamp_list .row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.stamp_all_view .stamp_list .row.sales {
  justify-content: flex-end;
  margin-top: 3.4666666667vw;
}
.stamp_all_view .stamp_list .row.sales p {
  color: var(--grey4);
  font-size: 2.9333333333vw;
  font-weight: 500;
}
.stamp_all_view .stamp_list .row.sales p strong {
  font-size: 3.7333333333vw;
  font-weight: 700;
}
.stamp_all_view .stamp_list .row.sales p span {
  font-size: 3.7333333333vw;
  font-weight: 500;
}
.stamp_all_view .stamp_list .row .usable_store {
  color: var(--black);
  font-size: 4.2666666667vw;
  font-weight: 700;
}
.stamp_all_view .stamp_list .row .usable_count {
  color: #3c39e5;
  font-size: 7.4666666667vw;
  font-weight: 700;
}
.stamp_all_view .stamp_list .row .usable_count span {
  color: #5552fb;
  font-size: 4vw;
  font-weight: 500;
}

.languages {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: absolute;
  z-index: 1;
  top: 2.6666666667vw;
  right: 4vw;
  width: 25.3333333333vw;
  padding: 1.8666666667vw 2.6666666667vw;
}
.languages > a {
  display: flex;
  align-items: center;
  flex: 0 0 100%;
  text-decoration: none;
}
.languages > a span {
  margin-left: 3.4666666667vw;
  color: var(--black);
  font-size: 2.6666666667vw;
  font-weight: 700;
}
.languages > a:after {
  display: block;
  width: 3.2vw;
  height: 3.2vw;
  margin-left: 3.2vw;
  background: url(../images/flag/arrow_down.png) no-repeat 0 0;
  background-size: cover;
  transform: rotate(0deg);
  animation: langClose 0.2s linear;
  content: "";
}
.languages > a.btn_lang {
  flex: none;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background: url(../images/icon/icon_languages.png) no-repeat 0 0;
  background-size: cover;
}
.languages a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.languages a.flag {
  margin-left: 2.6666666667vw;
}
.languages a.flag:first-child {
  margin-left: 0;
}
.languages a.flag:before {
  display: block;
  width: 4.8vw;
  height: 4.8vw;
  content: "";
}
.languages a.flag.ko:before {
  background: url(../images/flag/ko.png) no-repeat 0 0;
  background-size: cover;
}
.languages a.flag.en:before {
  background: url(../images/flag/en.png) no-repeat 0 0;
  background-size: cover;
}
.languages a.flag.cn:before {
  background: url(../images/flag/cn.png) no-repeat 0 0;
  background-size: cover;
}
.languages a.flag.jp:before {
  background: url(../images/flag/jp.png) no-repeat 0 0;
  background-size: cover;
}
.languages a.flag.ru:before {
  background: url(../images/flag/ru.png) no-repeat 0 0;
  background-size: cover;
}
.languages .lang_group {
  display: none;
  flex-wrap: wrap;
  flex: 0 0 100%;
  position: relative;
  z-index: 1;
  margin-top: 1.0666666667vw;
}
.languages .lang_group li {
  display: flex;
  flex: 0 0 100%;
  align-items: center;
  height: 8vw;
}
.languages .lang_group li a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.languages .lang_group li a span {
  margin-left: 3.4666666667vw;
  color: var(--gray4);
  font-size: 2.6666666667vw;
}
.languages.active {
  border-radius: 1.3333333333vw;
  background: var(--white);
}
.languages.active > a:after {
  transform: rotate(180deg);
  animation: langOpen 0.2s linear;
}
@keyframes langOpen {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes langClose {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.languages.active .lang_group {
  display: flex;
} /*# sourceMappingURL=contents.css.map */