@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap");
* {
  margin: 0px;
  padding: 0px;
}

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

a {
  text-decoration: none;
  color: #333;
  cursor: pointer;
}

img, fieldset, button {
  border: 0;
}

table, th, td {
  border-collapse: collapse;
}

select, textarea, form, img, label {
  vertical-align: middle;
  box-sizing: border-box;
}

textarea {
  resize: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

button {
  background-color: transparent;
  cursor: pointer;
}

input {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
}

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

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

select {
  background-color: transparent;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display: none;
}

input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@font-face {
  font-family: "GmarketSansMedium";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.divide_inline {
  display: flex;
}
.divide_inline .divide {
  display: inline-flex;
  align-items: center;
}
.divide_inline .divide:after {
  content: "";
  width: 1px;
  height: 1em;
  background: #d5d5d5;
  margin-inline: 10px;
  margin-top: -2px;
}

body {
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  color: #1e1e1e;
  background: #fff;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex-grow: 1;
}

footer {
  flex-shrink: 0;
}

section {
  position: relative;
}

article:last-child(1) {
  border-bottom-style: none;
}

.inner {
  width: 100%;
  padding: 0px 20px;
  box-sizing: border-box;
  position: relative;
}

h1, h2, h3, p, span, a, dt, dd {
  line-height: 1.5;
}

.h2 {
  font-size: 1.125rem;
  font-weight: bold;
  padding: 16px 0;
}

.text_end {
  text-align: right;
}

.conts_center {
  width: 100%;
  padding: 20vh 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.conts_center p {
  color: #8f8f8f;
}
.conts_center .icon {
  margin-bottom: 20px;
}

.flex {
  display: flex !important;
  justify-content: space-between;
}

.caption {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: normal;
  padding: 4px 10px;
  border-radius: 10px;
  box-sizing: border-box;
  background: #FFFCE8;
  color: #FAB926;
}

.caption_light {
  background: #f9f9f9;
  color: #8f8f8f;
}

.caption_bk {
  background: #1e1e1e;
  color: #fff;
}

.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  background-color: #FB4659;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 50rem;
  position: absolute;
  top: 0.5em;
  right: 1em;
}

.tab {
  display: flex;
  height: 48px;
}
.tab > li {
  width: 100%;
  position: relative;
}
.tab > li > a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  text-align: center;
  color: #8f8f8f;
  line-height: 48px;
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
}
.tab > li.on > a {
  font-weight: bold;
  color: #1e1e1e;
  border-bottom: 2px solid #1e1e1e;
}
.tab > li .badge {
  right: 0.5em;
}

.classify {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  text-align: right;
  margin-bottom: 10px;
}
.classify li {
  float: left;
  margin-left: 10px;
  font-size: 0.875rem;
  color: #d5d5d5;
}
.classify li.active {
  color: #1e1e1e !important;
  font-weight: bold;
}

.star_rating {
  margin: 20px auto 40px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
  font-size: 40px;
  text-align: center;
  width: max-content;
}
.star_rating input {
  display: none;
}
.star_rating label {
  color: #ebebeb;
  cursor: pointer;
  transition: 0.2s;
}
.star_rating label:before {
  content: "★";
}

.star_rating :checked ~ label {
  color: #FFE851;
}

.star_rating label:hover,
.star_rating label:hover ~ label {
  color: #FFE851;
}

.star_ratings {
  position: relative;
  width: max-content;
  color: #ebebeb;
}
.star_ratings .base, .star_ratings .fill {
  display: flex;
}
.star_ratings .base {
  z-index: 0;
}
.star_ratings .fill {
  color: #FFE851;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}

.input_imgs {
  display: flex;
  flex-wrap: wrap;
}
.input_imgs label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 8px;
}
.input_imgs label > span {
  font-size: 12px;
  text-align: center;
}
.input_imgs label > span:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(/asset/images/ico_camera.svg) no-repeat center/100%;
  margin-bottom: 4px;
}
.input_imgs .preview {
  width: 70px;
  height: 70px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  border-radius: 6px;
  overflow: hidden;
  background: #ebebeb;
  margin-right: 8px;
}
.input_imgs .preview img {
  width: 100%;
  height: 100%;
}

.textarea_wrap {
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  margin-bottom: 16px;
  font-size: 1rem;
  overflow: hidden;
}
.textarea_wrap textarea {
  width: 100%;
  height: 120px;
  padding: 16px;
  box-sizing: border-box;
  line-height: 1.5;
}
.textarea_wrap .text_count {
  padding: 10px;
  text-align: right;
  color: #8f8f8f;
}

.textarea_wrap.long textarea {
  height: 350px;
}

.hidden {
  overflow: hidden;
  border: 0;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
}

.hidden_inline {
  overflow: hidden;
  display: inline-block;
  border: 0;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
}

.layout_fixed {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: #fff;
  z-index: 50;
  overflow-y: auto;
}

.layout_fixed.showheaderbottom {
  z-index: 48;
}

.layout_fixed.showheaderbottom::after {
  content: "";
  display: block;
  padding-bottom: 50px;
}

.layout_bottom_fixed {
  position: fixed;
  z-index: 51;
  left: 0;
  bottom: 0;
  width: 100%;
}

.not_scroll {
  overflow: hidden;
  height: 100%;
  touch-action: none;
}

.scrollfix {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 4;
}

@keyframes down {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0px);
  }
}
.loading {
  background-color: #fff;
  z-index: 1001; /* 이 값으로 레이어의 위치를 조정합니다. */
  transition: 0.5s;
}
.loading.off {
  opacity: 0;
}
.loading .loading_img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/asset/images/markettoo_logo_cy.svg);
  background-size: 40%;
  animation: loading_logo 0.7s 1 ease;
}

@keyframes loading_logo {
  0% {
    opacity: 0;
    transform: scale(0.2, 0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
.loading_cir {
  background-color: #1e1e1e;
  background-repeat: no-repeat;
  background-position: 50% 45%;
  background-image: url(/asset/images/loading.gif);
  background-size: 5vh;
  z-index: 1000; /* 이 값으로 레이어의 위치를 조정합니다. */
  opacity: 0.4;
  display: none;
}

.text_bold {
  font-weight: bold;
}

.gnb {
  width: 100%;
  height: 46px;
  padding: 0 16px;
  box-sizing: border-box;
  border-bottom: 1px solid #ebebeb;
}
.gnb li {
  margin-right: 30px;
  height: 100%;
  float: left;
  text-align: left;
}
.gnb li a {
  display: inline-block;
  height: 100%;
  font-size: 1rem;
  line-height: 46px;
  color: #8f8f8f;
}
.gnb li.active a {
  font-weight: bold;
  position: relative;
  color: #1e1e1e;
}
.gnb li.active a::after {
  content: "";
  display: block;
  width: 120%;
  height: 3px;
  background: #1e1e1e;
  position: absolute;
  left: -10%;
  bottom: -1px;
}

.gnb_new {
  width: 90%;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-wrap: wrap;
}
.gnb_new li {
  flex: 1 0 auto;
  height: 46px;
  text-align: center;
}
.gnb_new li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  line-height: 46px;
  color: #8f8f8f;
  padding-inline: 2px;
  box-sizing: border-box;
}
.gnb_new li.active a {
  font-weight: bold;
  color: #1e1e1e;
}

.link_back {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 1.25rem;
  font-weight: bold;
  padding-left: 46px;
  box-sizing: border-box;
  background-color: #fff;
}
.link_back::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 100%;
  background-image: url(/asset/images/ico_arrow_bk.svg);
  background-repeat: no-repeat;
  background-position: 16px 50%;
  background-size: 22%;
}

l .link_close {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 55px;
  line-height: 55px;
  font-size: 1.125rem;
  font-weight: bold;
  padding-left: 46px;
  box-sizing: border-box;
  background-color: #fff;
}
l .link_close::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 100%;
  background-image: url(/asset/images/ico_delete_bk.svg);
  background-repeat: no-repeat;
  background-position: 16px 50%;
  background-size: 35%;
}

.title_area {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 56px;
  line-height: 56px;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 0px 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #ebebeb;
}
.title_area .sub {
  font-size: 0.875rem;
  font-weight: normal;
  color: #8f8f8f;
  margin-left: 8px;
}
.title_area .caption {
  vertical-align: middle;
}

.sub_title_area {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 1rem;
  padding: 0px 20px;
  box-sizing: border-box;
}

.sub2_title_area {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 0.875rem;
  padding: 0px 20px;
  box-sizing: border-box;
}

.link_view {
  position: relative;
}
.link_view::after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50px;
  height: 100%;
  background-image: url(/asset/images/ico_arrow_bk.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 12%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.drop_view {
  position: relative;
}
.drop_view::after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50px;
  height: 100%;
  background-image: url(/asset/images/ico_arrow_down.svg);
  background-repeat: no-repeat;
  background-position: 48% 50%;
  background-size: 20%;
  cursor: pointer;
}
.drop_view.active::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.btn_prev::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: url(/asset/images/ico_arrow_w.svg);
  background-repeat: no-repeat;
  background-position: 48% 50%;
  background-size: 25%;
}

.btn_next::after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: url(/asset/images/ico_arrow_w.svg);
  background-repeat: no-repeat;
  background-position: 48% 50%;
  background-size: 25%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

input:focus {
  outline-color: #FFE851;
}

.input_box {
  display: block;
  width: 100%;
  height: 56px;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  color: #1e1e1e;
  box-sizing: border-box;
  padding: 0px 16px;
  font-size: 1rem;
  line-height: 56px;
  position: relative;
  border-radius: 4px;
}
.input_box:not(:last-child) {
  margin-bottom: 10px;
}

.inputs_wrap {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.inputs_wrap > .input_box {
  margin-bottom: 0;
}

.inputs_wrap > span {
  margin-inline: 8px;
}

.input_addon {
  width: 100%;
  position: relative;
}

.input_addon::after {
  display: inline-flex;
  align-items: center;
  padding-inline: 10px;
  height: 100%;
  content: "원";
  color: #6C757D;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.input_addon .input_box {
  padding-right: 44px;
  text-align: right;
}

.input_addon.addon_manwon::after {
  content: "만원";
}

.input_addon.addon_won .input_box,
.input_addon.addon_cash .input_box {
  padding-right: 35px;
}

.input_addon.addon_won::after {
  content: "원";
}

.input_addon.addon_cash::after {
  content: "C";
}

.title_label {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 8px;
}

.title_label + .input_box:not(:last-child) {
  margin-bottom: 20px;
}

.title_label + .content {
  margin-bottom: 20px;
}

.input_side_box {
  position: relative;
  padding-right: 99px;
  margin-bottom: 16px;
}
.input_side_box input {
  width: 100%;
  height: 55px;
  border: 1px solid #ebebeb;
  background-color: #fff;
  color: #1e1e1e;
  border-radius: 5px 0px 0px 5px;
  box-sizing: border-box;
  padding: 0px 12px;
  font-size: 0.875rem;
  margin-bottom: 10px;
  line-height: 55px;
  display: block;
  position: relative;
}
.input_side_box input:last-child {
  margin-bottom: 0px;
}
.input_side_box button {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100px;
  height: 55px;
  border: 1px solid #ebebeb;
  border-radius: 0px 5px 5px 0px;
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: bold;
  line-height: 55px;
  background: #f9f9f9;
}

.input_btn {
  display: flex;
  width: 100%;
  height: 56px;
}
.input_btn input {
  flex-grow: 1;
  width: 100%;
  height: 100%;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  color: #1e1e1e;
  border-radius: 4px 0px 0px 4px;
  box-sizing: border-box;
  padding: 0px 16px;
  font-size: 1rem;
  line-height: 56px;
  margin-bottom: 0px;
}
.input_btn button {
  flex-shrink: 0;
  height: 100%;
  padding: 0 16px;
  border: 1px solid #d5d5d5;
  border-radius: 0px 4px 4px 0px;
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: bold;
  line-height: 56px;
  background: #f9f9f9;
}
.input_btn:not(:last-child) {
  margin-bottom: 10px;
}

.input_box:valid {
  color: #1e1e1e !important;
}

.buy_cart {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #FFE851;
}
.buy_cart::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/asset/images/ico_shopping_cart_w.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 65%;
}

.buy_cart_gray {
  background-color: #ebebeb;
}
.buy_cart_gray::before {
  background-image: url(/asset/images/ico_shopping_cart_gray.svg);
}

.buy_tel::before {
  background-image: url(/asset/images/ico_phone.svg);
  background-size: 42%;
}

.ico_check {
  display: inline-block;
  width: 16px;
  height: 8px;
  border: 2px solid #1e1e1e;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  transform-origin: 25% 25%;
}

.ico_arrow {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
}

.txt_arrow {
  display: inline-flex;
  align-items: center;
}

.txt_arrow > * {
  flex: 0 0 auto;
}

.txt_arrow > .ico_arrow {
  margin-left: 4px;
}

.ico_arrow_right {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ico_cash::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(/asset/images/ico_cash.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 1px;
  margin-left: 3px;
}

.cash {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #6D4DFF;
  color: #fff;
  text-align: center;
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.cash span {
  font-size: 0.625rem;
  font-weight: normal;
  line-height: 1;
}
.cash em {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
}
.cash.active {
  background-image: url(/asset/images/ico_checked_p.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.delivery_view {
  width: 100%;
  height: 45px;
  padding-block: 20px;
}
.delivery_view li {
  float: left;
  width: 20%;
  font-size: 0.75rem;
  text-align: center;
  position: relative;
}
.delivery_view li p {
  position: relative;
  color: #8f8f8f;
}
.delivery_view li p::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #ebebeb;
  border-radius: 50%;
  margin: 0 auto 13px;
}
.delivery_view li.active p {
  color: #1e1e1e;
}
.delivery_view li.active p::before {
  background: #6D4DFF;
}
.delivery_view li.active p::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #6D4DFF;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  animation: glitter 2s infinite;
}
.delivery_view li::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #ebebeb;
  position: absolute;
  top: 5px;
}
.delivery_view li:first-child::before {
  width: 50%;
  left: 50%;
}
.delivery_view li:nth-last-of-type(1)::before {
  width: 50%;
}

@keyframes glitter {
  0% {
    opacity: 0.5;
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(2.5);
    -moz-transform: translateX(-50%) scale(2.5);
    -ms-transform: translateX(-50%) scale(2.5);
    -o-transform: translateX(-50%) scale(2.5);
    transform: translateX(-50%) scale(2.5);
  }
}
.control_quantity {
  display: inline-block;
  width: 75px;
  height: 25px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  border-radius: 6px;
  position: relative;
}
.control_quantity .quantity {
  display: block;
  width: 33.3333333333%;
  height: 100%;
  font-size: 0.875rem;
  text-align: center;
  line-height: 23px;
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
}
.control_quantity a {
  display: block;
  width: 33.3333333333%;
  height: 100%;
  position: absolute;
  top: 0px;
}
.control_quantity a.decrease_quantity {
  left: 0px;
}
.control_quantity a.decrease_quantity::before {
  content: "";
  display: block;
  width: 30%;
  height: 1px;
  background: #8f8f8f;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.control_quantity a.increase_quantity {
  right: 0px;
}
.control_quantity a.increase_quantity::before, .control_quantity a.increase_quantity::after {
  content: "";
  display: block;
  width: 30%;
  height: 1px;
  background: #8f8f8f;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.control_quantity a.increase_quantity::after {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  -o-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

.btn_area {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 70%);
}

.btn_double_area {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 70%);
  display: flex;
}
.btn_double_area button:nth-of-type(1) {
  margin-right: 4px;
}
.btn_double_area button:nth-of-type(2) {
  margin-left: 4px;
}

.btn_active {
  display: block;
  width: 100%;
  background: #fe4400;
  color: #fff;
  border-radius: 4px;
  height: 56px;
  line-height: 56px;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
}

.btn_default {
  display: block;
  width: 100%;
  background: #f9f9f9;
  color: #1e1e1e;
  border-radius: 4px;
  border: 1px solid #d5d5d5;
  box-sizing: border-box;
  height: 56px;
  line-height: 56px;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
}

.btn_disabled {
  display: block;
  width: 100%;
  background: #ebebeb;
  color: #8f8f8f;
  border-radius: 4px;
  border: 1px solid #d5d5d5;
  box-sizing: border-box;
  height: 56px;
  line-height: 56px;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
}

.btn_active_l {
  display: block;
  width: 100%;
  background: #fff;
  color: #1e1e1e;
  border-radius: 4px;
  border: 1px solid #FFE851;
  box-sizing: border-box;
  height: 56px;
  line-height: 56px;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
}

.btn_light {
  display: block;
  width: 100%;
  background: #fff;
  color: #1e1e1e;
  border-radius: 4px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  height: 56px;
  line-height: 56px;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
}

.btn_light > .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  margin-top: -4px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.icon_kko {
  background-image: url(/asset/images/ico_kakao.svg);
}

.icon_naver {
  background-image: url(/asset/images/ico_naver.svg);
}

.btn_md {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  border: 1px solid #d5d5d5;
  box-sizing: border-box;
  border-radius: 40px;
}

.btn_md_pp {
  background-color: #6D4DFF;
  border-color: #6D4DFF;
  color: #fff;
}

.btn_sm {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  padding: 0 10px;
  background-color: #fff;
  color: #8f8f8f;
  border: 1px solid #d5d5d5;
  box-sizing: border-box;
  border-radius: 4px;
}

.btn_sm_main {
  background-color: #FFE851;
  border-color: #FFE851;
  color: #1e1e1e;
}

.btn_sm_bk {
  background-color: #1e1e1e;
  border-color: #1e1e1e;
  color: #fff;
}

.btn_sm_pp {
  background-color: #6D4DFF;
  border-color: #6D4DFF;
  color: #fff;
}

.btn_delete_grey {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  background-image: url(/asset/images/ico_delete_grey.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: center;
}

.btn_sm_area .inner {
  display: flex;
  align-items: center;
}

.btn_sm_area .inner .btn_sm {
  margin-right: 4px;
}

.btn_sm_flex {
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.2;
  padding: 10px;
  background-color: #FFE851;
  color: #1e1e1e;
  border-radius: 5px;
  box-sizing: border-box;
  flex-shrink: 0;
}

.btn_sm_yellow {
  background-color: #FFE851;
  color: #1e1e1e;
}

.sub_bk {
  background-color: #1e1e1e;
  color: #fff;
  font-weight: bold;
}

.input_txt_blind {
  -webkit-text-security: disc;
}

select {
  padding: 0px 16px;
  padding-right: 50px;
  color: #8f8f8f;
  background-image: url(/asset/images/ico_arrow_down.svg);
  background-repeat: no-repeat;
  background-position: 85% center;
  background-size: 12px;
}

select.input_box {
  background-position: 95% center;
}

input[type=checkbox],
input[type=radio] {
  position: absolute;
  top: 17px;
  left: 16px;
  overflow: hidden;
  display: inline-block;
  border: 0;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(0, 0, 0, 0);
}

input[type=checkbox] + label .ico {
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 16px;
  width: 20px;
  height: 20px;
  border: 0;
  background-image: url(/asset/images/ico_checkbox.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

input[type=checkbox]:checked + label .ico {
  background-image: url(/asset/images/ico_checkbox_checked.svg);
}

input[type=radio] + label .ico {
  display: inline-block;
  position: absolute;
  top: 14px;
  left: 16px;
  width: 20px;
  height: 20px;
  border: 0;
  background-image: url(/asset/images/ico_radio.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

input[type=radio]:checked + label .ico {
  background-image: url(/asset/images/ico_radio_checked.svg);
}

input[type=radio]:checked + label.color_active {
  border: 1px solid #FFE851;
  font-weight: bold;
  color: #FFE851;
}

input[type=radio]:disabled + label {
  color: #d5d5d5;
}

select:disabled,
input:disabled {
  background-color: #f9f9f9;
}

.input_date_custom::-webkit-clear-button,
.input_date_custom::-webkit-inner-spin-button {
  display: none;
}

.input_date_custom::-webkit-calendar-picker-indicator {
  background: transparent;
  z-index: 1;
}

.input_date_custom::after {
  display: block;
  content: "";
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/asset/images/ico_calendar_bk.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}

.radio_wrap {
  display: flex;
  margin-bottom: 20px;
}

.radio_wrap > .radio {
  width: 100%;
}

.radio_area {
  width: 50%;
  padding-left: 30px;
  position: relative;
  margin-bottom: 20px;
}
.radio_area input[type=radio] + label .ico {
  top: -3px;
  left: 0px;
}

.radio > label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.radio_long > label {
  align-items: flex-start;
}

.radio > label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  margin-right: 8px;
  flex-shrink: 0;
}

.radio > label::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d5d5d5;
  position: absolute;
  top: 5px;
  left: 5px;
}

.radio input[type=radio]:checked + label::before {
  background: #FFE851;
  border-color: #FFE851;
}

.radio input[type=radio]:checked + label::after {
  background: #fff;
}

.radio input[type=radio]:disabled + label {
  color: #d5d5d5;
}

.radios_wrap {
  display: flex;
}

.radios_wrap > * {
  width: 50%;
}

.infor {
  padding: 20px 20px 40px;
  box-sizing: border-box;
}
.infor .title {
  width: 100%;
  font-size: 1.5rem;
}
.infor .title strong {
  font-weight: bold;
}
.infor .sub {
  display: block;
  width: 80%;
  font-size: 1rem;
  padding-top: 20px;
}

.subscript {
  font-size: 0.875rem;
  color: #8f8f8f;
  line-height: 1.5;
}

.underline {
  font-weight: bold;
  position: relative;
}
.underline::before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background: #FFE851;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: -1;
}

.ballon_bottom {
  display: inline-block;
  padding: 10px 15px;
  font-size: 0.875rem;
  background-color: #6D4DFF;
  color: #fff;
  border-radius: 8px;
  position: relative;
  margin-top: 20px;
}

.ballon_bottom:after {
  content: "";
  position: absolute;
  top: -19px;
  left: 30px;
  border: 10px solid transparent;
  border-bottom-color: #6D4DFF;
}

.explain_list {
  border-bottom: 9px solid #f9f9f9;
}
.explain_list:nth-last-of-type(1) {
  border-bottom-style: none !important;
}
.explain_list p {
  font-size: 0.875rem;
  color: #8f8f8f;
}

.list_area {
  padding: 20px;
  box-sizing: border-box;
  background-color: #f9f9f9;
}

.list {
  font-size: 0.875rem;
  color: #8f8f8f;
  margin-bottom: 8px;
  padding-left: 12px;
  box-sizing: border-box;
  position: relative;
}
.list::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #8f8f8f;
  border-radius: 2px;
  position: absolute;
  left: 0px;
  top: 8px;
}
.list:last-child {
  margin-bottom: 0px;
}

.descript {
  padding-block: 20px;
}
.descript dl {
  overflow: hidden;
  display: flex;
  width: 100%;
  font-size: 1rem;
  margin-bottom: 10px;
}
.descript dl:last-of-type {
  border-top: 1px solid #ebebeb;
  margin-block: 20px 0;
  padding-top: 20px;
  font-weight: bold;
}
.descript dl:last-of-type dd {
  font-size: 1.125rem;
}
.descript dl dt {
  width: 130px;
  flex-shrink: 0;
}
.descript dl dd {
  overflow: hidden;
  width: 100%;
  text-align: right;
}
.descript .final_txt {
  display: block;
  text-align: right;
  font-size: 0.875rem;
  margin-bottom: 16px;
}

.descript_flat {
  padding-block: 20px;
}
.descript_flat dl {
  overflow: hidden;
  display: flex;
  width: 100%;
  font-size: 1rem;
}
.descript_flat dl:not(:last-child) {
  margin-bottom: 10px;
}
.descript_flat dl dt {
  width: 130px;
  flex-shrink: 0;
}
.descript_flat dl dd {
  overflow: hidden;
  width: 100%;
}

.card {
  background-color: #f9f9f9;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 6px;
  overflow: hidden;
}

.descript_flat.card dl {
  padding: 0;
  margin-bottom: 8px;
}
.descript_flat.card dl:nth-last-of-type(1) {
  margin-bottom: 0px;
}
.descript_flat.card dl dd {
  text-align: right;
}

.no_content {
  color: #8f8f8f;
  font-size: 0.875rem;
  text-align: center;
  padding: 100px;
  box-sizing: border-box;
  display: none;
}

.empty .no_cont {
  padding-block: 80px;
  text-align: center;
  line-height: 1.5;
}
.empty .no_cont p {
  color: #8f8f8f;
}
.empty .no_cont .icon {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0 auto 20px;
  background-color: #ebebeb;
  position: relative;
}
.empty .no_cont .icon:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  filter: brightness(0) saturate(100%) invert(62%) sepia(0%) saturate(3121%) hue-rotate(1deg) brightness(92%) contrast(89%);
}
.empty .no_cont .icon.icon_review:after {
  background-image: url(/asset/images/ico_review.svg);
}
.empty .no_cont .icon.icon_recruit:after {
  background-image: url(/asset/images/ico_recruit.svg);
}
.empty .no_cont .icon.icon_search:after {
  background-image: url(/asset/images/ico_search.svg);
}
.empty .no_cont .icon.icon_cart:after {
  background-image: url(/asset/images/ico_cart.svg);
}
.empty .no_cont.small {
  padding-block: 40px;
}

.btn_round {
  display: block;
  width: 100%;
  height: 50px;
  background-color: #FFE851;
  border-radius: 25px;
  padding-left: 16px;
  box-sizing: border-box;
  line-height: 50px;
  font-size: 1rem;
  font-weight: bold;
  position: relative;
}

.btn_round_purple {
  background-color: #6D4DFF;
  color: #fff;
}

.btn_round_grey {
  background-color: #8f8f8f;
  color: #fff;
}

.btn_round_grey_0 {
  background-color: #f9f9f9;
  color: #8f8f8f;
  text-align: center;
  font-weight: normal;
}

.btn_round_sm {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 25px;
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}

.sub_round {
  padding: 3px 7px;
  background-color: #ebebeb;
  color: #8f8f8f;
  font-size: 0.75rem;
  border-radius: 4px;
}

.sub_yellow {
  color: #1e1e1e;
  background-color: #FFFCE8;
}

.sub_red {
  background-color: #FB4659;
  color: #fff;
}

.sub_bk {
  background-color: #1e1e1e;
  color: #fff;
}

.sub_purple {
  background-color: #6D4DFF;
  color: #fff;
}

.ball_wrap {
  padding: 8px 0px;
}
.ball_wrap .date {
  margin-bottom: 10px;
  font-size: 0.875rem;
}
.ball_wrap .line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  position: relative;
}
.ball_wrap .line:nth-last-of-type(1) {
  margin-bottom: 0px;
}
.ball_wrap .line .btn_delete_grey {
  width: 34px;
  height: 34px;
  background-size: 30%;
  background-position: right center;
}

.ball {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  line-height: 34px;
  text-align: center;
  font-size: 0.875rem;
  font-weight: bold;
  margin-right: 2px;
}
.ball:nth-last-of-type(1) {
  margin-right: 0px;
}

.ball_y {
  background-color: #FFE851;
  border: none !important;
}

.ball_b {
  background-color: #5BAAF6;
  color: #fff;
  border: none !important;
}

.ball_r {
  background-color: #FB4659;
  color: #fff;
  border: none !important;
}

.ball_bk {
  background-color: #8b8b8b;
  color: #fff;
  border: none !important;
}

.ball_g {
  background-color: #40DE8C;
  color: #fff;
  border: none !important;
}

.ranking {
  display: inline-block;
  width: 40px;
  padding: 3px 0px;
  text-align: center;
  font-size: 0.75rem;
  border-radius: 50px;
  box-sizing: border-box;
}

.r1 {
  border: 1px solid #6D4DFF;
  color: #6D4DFF;
}

.r2 {
  border: 1px solid #5BAAF6;
  color: #5BAAF6;
}

.r3 {
  border: 1px solid #40DE8C;
  color: #40DE8C;
}

.r4 {
  border: 1px solid #8f8f8f;
  color: #8f8f8f;
}

.r5 {
  border: 1px solid #8f8f8f;
  color: #8f8f8f;
}

.r6 {
  border: 1px solid #8f8f8f;
  color: #8f8f8f;
}

.table {
  width: 100%;
  font-size: 0.875rem;
  text-align: left;
}
.table th,
.table td {
  padding: 10px;
  box-sizing: border-box;
  line-height: 1.5;
}
.table thead {
  background-color: rgba(102, 67, 255, 0.04);
  font-weight: bold;
}
.table .strong {
  color: #6D4DFF;
  font-weight: bold;
}

.search_wrap {
  padding: 0px 20px;
  box-sizing: border-box;
  position: relative;
}
.search_wrap input[type=text] {
  width: 100%;
  height: 44px;
  line-height: 44px;
  border-radius: 6px;
  background-color: #f9f9f9;
  padding-left: 46px;
  box-sizing: border-box;
  font-size: 0.875rem;
}
.search_wrap input:focus {
  outline: none;
}
.search_wrap button {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0px;
  left: 20px;
  font-size: 0;
  color: transparent;
  background-image: url(/asset/images/ico_search.svg);
  background-repeat: no-repeat;
  background-size: 65%;
  background-position: center;
  opacity: 0.3;
}

.search_result_txt {
  padding: 20px;
  box-sizing: border-box;
}

.search_wrap_flex {
  display: flex;
  align-items: center;
  padding: 20px 0px;
  padding-right: 0;
  border-bottom: 1px solid #ebebeb;
}
.search_wrap_flex .search_wrap {
  flex-grow: 1;
}

.modal {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 52;
}
.modal .modal_inner {
  width: 100%;
  height: 75%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background-color: #fff;
  border-radius: 24px 24px 0px 0px;
  padding: 80px 0px 92px;
  box-sizing: border-box;
}
.modal .modal_inner .modal-handler {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal .modal_inner .modal-handler:before {
  display: inline-block;
  content: "";
  width: 42px;
  height: 5px;
  border-radius: 3px;
  background-color: #dedede;
}
.modal .modal_inner .modal_header {
  position: absolute;
  top: 25px;
  left: 0px;
  width: 100%;
  height: 56px;
  line-height: 56px;
  font-size: 1.125rem;
  font-weight: bold;
  overflow: hidden;
  padding: 0px 16px;
  box-sizing: border-box;
}
.modal .modal_inner .modal_header h1 {
  line-height: 56px;
}
.modal .modal_inner .modal_body {
  overflow-y: auto;
  height: 100%;
  box-sizing: border-box;
}
.modal .modal_inner .modal_body .coupon_list li {
  position: relative;
  padding: 16px;
  padding-left: 46px;
  box-sizing: border-box;
  font-size: 1rem;
}
.modal .modal_inner .modal_body .coupon_list li label {
  display: block;
}
.modal .modal_inner .modal_body .coupon_list li label strong {
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 8px;
}
.modal .modal_inner .modal_body .coupon_list li label span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
}
.modal .modal_inner .modal_footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.modal_square .modal_inner {
  height: auto;
  padding: 0;
  padding-bottom: 50px;
  overflow: hidden;
}
.modal_square .modal_inner .img_area {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.modal_square .modal_inner .img_area .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.modal_square .btns {
  width: 100%;
  height: 50px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  padding: 0 16px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal_square .btns .close_today {
  font-size: 0.875rem;
  color: #8f8f8f;
}
.modal_square .btns .close {
  font-size: 0;
}
.modal_square .btns .close::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: center;
  background-image: url(/asset/images/ico_delete_grey.svg);
}

.img_modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background: #000;
  display: none;
  justify-content: center;
  align-items: center;
}
.img_modal .img_content {
  width: 100%;
}
.img_modal .btn_close {
  font-size: 0;
  color: transparent;
  position: absolute;
  top: 20px;
  right: 20px;
}
.img_modal .icon {
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.img_modal .icon:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.img_modal .icon.btn_close {
  background-image: url(/asset/images/ico_delete.svg);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7492%) hue-rotate(270deg) brightness(99%) contrast(103%);
}

.table_rwd {
  overflow-x: auto;
  overflow-y: visible;
}

.swal2-container {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2) !important;
}
.swal2-container .swal2-popup {
  border-radius: 1rem;
  font-size: 1rem;
  text-align: left;
}
.swal2-container .swal2-html-container {
  font-size: 1rem;
  font-weight: 500;
  color: #1e1e1e;
  text-align: left;
  margin: 0;
  padding: 20px;
  padding-bottom: 0;
}
.swal2-container .swal2-styled.swal2-confirm {
  background-color: #fff;
  color: #1e1e1e;
  font-size: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.swal2-container .swal2-actions {
  width: 100%;
  padding: 0 1rem;
  justify-content: flex-end;
}
.swal2-container .btn_swal {
  font-size: 1rem;
  font-weight: bold;
  margin: 0 1rem;
}
.swal2-container .btn_swal_cancle {
  color: #FB4659;
  order: 3;
}
.swal2-container .btn_swal_confirm {
  order: 2;
}
.swal2-container .btn_swal_deny {
  color: #6D4DFF;
  order: 1;
}
.swal2-container button:focus {
  outline: none !important;
  box-shadow: none !important;
}
.swal2-container .swal2-image {
  width: calc(100% - 40px);
  aspect-ratio: 1/1;
  margin: 20px auto 0;
}

.pagination {
  display: flex;
  justify-content: center;
  padding: 30px 0;
}
.pagination .page-item .page-link {
  padding: 5px 7px;
  border-radius: 6px;
  font-size: 0.875rem;
  color: #8f8f8f;
}
.pagination .page-item.active .page-link {
  font-weight: bold;
  color: #1e1e1e;
}

.banner {
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
}
.banner .inner {
  height: 70px;
  background-color: #FFFCE8;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 6px;
  display: flex;
  align-items: center;
}
.banner .tit {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.banner_cash .inner {
  background-image: url(/asset/images/banner_cash.jpg);
}

/* 이미지 바꿔달라고 하셔서 붙였어요 */
.banner_cash .inner {
  background-image: url(/asset/images/txt_ad.jpg);
}

.banner_img .inner {
  background-image: url(/asset/images/img_ad.png);
}

.banner_shopping .inner {
  background-image: url(/asset/images/shopping_ad.png);
}

.banner_friend_share .inner {
  height: 140px;
  background-image: url(/asset/images/friend_share.png);
}

/* 이미지 바꿔달라고 하셔서 붙였어요 */
.banner_alert {
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
}
.banner_alert .inner {
  height: 70px;
  background-color: #f9f9f9;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 6px;
  display: flex;
  align-items: center;
}
.banner_alert .tit {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #1e1e1e;
  text-shadow: none;
}
.banner_alert .tit:before {
  content: "";
  display: inline-block;
  margin-right: 4px;
  width: 0.875rem;
  height: 0.875rem;
  background-image: url(/asset/images/ico_exclaim.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  top: 2px;
}

.square {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.square .in {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.xscroll {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
.xscroll .item {
  flex: 0 0 auto;
}
.xscroll::-webkit-scrollbar {
  display: none;
}

section.error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 30px;
  box-sizing: border-box;
}
section.error h1 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 20px;
}
section.error p {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #8f8f8f;
  margin-bottom: 40px;
}
section.error a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 0.75rem;
  color: #8f8f8f;
}
section.error .logo_img {
  width: 60px;
  position: absolute;
  bottom: 6vh;
  left: 50%;
  margin-left: -30px;
}

.notice_popup {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
}
.notice_popup .popup_inner {
  width: 90%;
  background-color: #fff;
  text-align: center;
}
.notice_popup .popup_inner .head {
  padding: 20px;
  box-sizing: border-box;
}
.notice_popup .popup_inner .head h1 {
  font-size: 1.125rem;
  font-weight: bold;
}
.notice_popup .popup_inner .body {
  padding: 0 20px 20px;
  box-sizing: border-box;
  max-height: 400px;
  overflow-y: auto;
}
.notice_popup .popup_inner .body img {
  width: 100%;
  margin-bottom: 20px;
}
.notice_popup .popup_inner .foot {
  display: flex;
  height: 56px;
  border-top: 1px solid #d5d5d5;
}
.notice_popup .popup_inner .foot button {
  width: 100%;
  font-size: 0.875rem;
  color: #8f8f8f;
  border-right: 1px solid #d5d5d5;
}

.scroll-x-container {
  position: relative;
}
.scroll-x-container .scroll-wrap {
  position: relative;
  overflow-x: auto;
  scroll-snap-type: x mandatory; /*x축 항상스냅*/
  scroll-behavior: smooth; /*부드러운 스크롤*/
  -webkit-overflow-scrolling: touch; /*모바일 터치 가속도*/
  -ms-overflow-style: none; /* IE 스크롤바 숨기기 */
  scrollbar-width: none; /* firefox 스크롤바 숨기기 */
}
.scroll-x-container .scroll-wrap::-webkit-scrollbar {
  display: none; /*chrome 스크롤바 숨기기*/
}
.scroll-x-container .scroll-wrap .scroll-content {
  display: flex;
  flex-wrap: nowrap;
  width: fit-content;
}
.scroll-x-container .scroll-wrap .scroll-content .item {
  flex: 0 0 auto;
}
.scroll-x-container .btn-scroll {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #ddd;
  overflow: hidden;
  background-color: #fff;
  background-image: url(/asset/images/ico_arrow_bk.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -40px;
  transition: 0.2s;
  opacity: 0;
  filter: invert(100%);
}
.scroll-x-container .btn-scroll.next {
  left: auto;
  right: -40px;
  transform: translateY(-50%) rotate(-180deg);
}
.scroll-x-container .btn-scroll:hover {
  background-color: #efefef;
}
.scroll-x-container .btn-scroll.show {
  opacity: 1;
}

.header {
  width: 100%;
  height: 60px;
  padding: 16px 0px;
  box-sizing: border-box;
  position: relative;
  background-color: #FFE851;
}
.header .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.header .inner .open_side_menu {
  display: block;
  width: 28px;
  height: 30px;
  position: absolute;
  left: 16px;
  top: 0;
  z-index: 6;
}
.header .inner .open_side_menu span {
  display: block;
  width: 100%;
  height: 2.5px;
  background: #1e1e1e;
  color: transparent;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}
.header .inner .open_side_menu span:before, .header .inner .open_side_menu span:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #1e1e1e;
  position: absolute;
  top: 0px;
  left: 0px;
}
.header .inner .open_side_menu span:before {
  top: -400%;
}
.header .inner .open_side_menu span:after {
  top: 400%;
}
.header .inner .open_side_menu.active span {
  background: transparent;
}
.header .inner .open_side_menu.active span::before {
  top: 0%;
  transform: rotate(45deg);
}
.header .inner .open_side_menu.active span::after {
  top: 0%;
  transform: rotate(-45deg);
}
.header .inner .logo_name {
  font-weight: bold;
  font-size: clamp(0.625rem, 6vw, 1.5rem);
  width: calc(100% - 140px);
  text-align: center;
  line-height: 1;
}
.header .inner .logo_name_rcs {
  font-size: clamp(0.625rem, 5vw, 1.5rem);
}
.header .inner .mainlogo {
  width: 140px;
  height: 40px;
  object-fit: contain;
  position: relative;
}
.header .inner .mainlogo.off {
  opacity: 0;
}
.header .inner .header_icons {
  position: absolute;
  right: 16px;
  top: -1px;
}
.header .inner .header_icons li {
  float: left;
  margin-left: 10px;
}
.header .inner .header_icons li a {
  display: block;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.header .inner .header_icons li a.map {
  background-image: url(/asset/images/ico_map_marker.svg);
}
.header .inner .header_icons li a.tel {
  background-image: url(/asset/images/ico_phone.svg);
}
.header .inner .ico_cash {
  font-size: 1.125rem;
  font-weight: bold;
  text-align: right;
}
.header .inner .ico_cash::before {
  width: 14px;
  height: 14px;
  margin-top: -8px;
  left: -17px;
}
.header.fixed {
  position: fixed;
  top: 0px;
  z-index: 4;
}
.header #side_menu {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 5;
}
.header #side_menu ul {
  width: 75%;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  padding: 50px 0px 20px;
}
.header #side_menu ul > li a {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 1.125rem;
  position: relative;
  text-indent: 45px;
}
.header #side_menu ul > li a::before {
  content: "";
  display: block;
  width: 45px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 18px;
}
.header #side_menu ul > li a.home::before {
  background-image: url(/asset/images/ico_home.svg);
}
.header #side_menu ul > li a.lotto::before {
  background-image: url(/asset/images/ico_lotto.svg);
  background-size: 19px;
}
.header #side_menu ul > li a.coins::before {
  background-image: url(/asset/images/ico_coins.svg);
}
.header #side_menu ul > li a.settings::before {
  background-image: url(/asset/images/ico_settings.svg);
  background-size: 19px;
}
.header #side_menu ul > li a img {
  height: 0.86em;
  position: absolute;
  top: 50%;
  padding-left: 1px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.header #side_menu.active {
  display: block;
}

.header_bottom {
  z-index: 49;
  width: 90%;
  left: 5%;
  height: 70px;
  border: 1px solid #ebebeb;
  border-radius: 10px 10px 0 0px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  text-align: center;
}
.header_bottom #user_menu li {
  float: left;
  width: 20%;
}
.header_bottom #user_menu li a {
  display: block;
  height: 100%;
  padding-top: 7px;
  font-size: 0.75rem;
  color: #1e1e1e;
  text-align: center;
  position: relative;
}
.header_bottom #user_menu li a::before {
  content: "";
  display: block;
  height: 40px;
  margin: 0 auto 2px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 27px;
}
.header_bottom #user_menu li a.shortcut_home::before {
  background-image: url(/asset/images/ico_home.svg);
}
.header_bottom #user_menu li a.shortcut_coin::before {
  background-image: url(/asset/images/ico_coins.svg);
}
.header_bottom #user_menu li a.shortcut_cart::before {
  background-image: url(/asset/images/ico_cart.svg);
}
.header_bottom #user_menu li a.shortcut_user::before {
  background-image: url(/asset/images/ico_user.svg);
}
.header_bottom #user_menu li a.shortcut_lotto {
  position: relative;
}
.header_bottom #user_menu li a.shortcut_lotto::before {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #FE4400;
  background-image: url(/asset/images/pay/pay1004-logo-text-wh.svg);
  background-size: 60px;
  position: absolute;
  bottom: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.header_bottom #user_menu li.active a.shortcut_home::before {
  background-image: url(/asset/images/ico_home_fill.svg);
}
.header_bottom #user_menu li.active a.shortcut_coin::before {
  background-image: url(/asset/images/ico_coins_fill.svg);
}
.header_bottom #user_menu li.active a.shortcut_cart::before {
  background-image: url(/asset/images/ico_cart_fill.svg);
}
.header_bottom #user_menu li.active a.shortcut_user::before {
  background-image: url(/asset/images/ico_user_fill.svg);
}

#modal {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 52;
}
#modal #map {
  width: 100%;
  height: 100%;
}

.ico_header_shop {
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 16px;
  top: 0;
  z-index: 6;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(/asset/images/ico_cart.svg);
}

.login_form_new {
  display: flex;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(/asset/images/login_form_bg.png);
  background-size: 100% 80%;
}
.login_form_new::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(/asset/images/login_form_icon.png);
  background-size: 70%;
}
.login_form_new::after {
  content: "당신의 마켓로또앱";
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  width: 50%;
  height: 80px;
  padding-top: 11vh;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url(/asset/images/markettoo_logo_cbk.svg);
  background-size: 80%;
}
.login_form_new .find_pwd {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 1rem;
  color: #8f8f8f;
}
.login_form_new .btn_area button:not(:last-child) {
  margin-bottom: 10px;
}
.login_form_new .btn_default {
  background-color: #fff;
  border-color: #FFE851;
}
.login_form_new .copy {
  color: #8f8f8f;
  font-size: 0.75rem;
  padding-top: 16px;
  box-sizing: border-box;
  line-height: 1.2;
}
.login_form_new .btn_text_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
}
.login_form_new .btn_text_wrap .btn_text {
  font-size: 1rem;
  color: #8f8f8f;
}
.login_form_new .btn_text_wrap .btn_join {
  font-weight: bold;
  color: #1e1e1e;
}

.mart_select .infor {
  padding-top: 40px;
}

.join_conditions .title_area,
.join_conditions .sub_title_area,
.join_conditions .sub2_title_area {
  padding-left: 46px;
}
.join_conditions .link_view_area {
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
}

.privacy_txt .txt_area {
  padding: 30px 20px;
  box-sizing: border-box;
  background-color: #f9f9f9;
  font-size: 0.875rem;
  line-height: 1.5;
}

.markethome_home_new .mart_info_wrap {
  padding: 20px;
  box-sizing: border-box;
}
.markethome_home_new .mart_info_wrap .inner {
  border: 1px solid #ebebeb;
  padding-top: 20px;
  padding-bottom: 20px;
}
.markethome_home_new .mart_info_wrap .inner h2 {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.markethome_home_new .mart_info_wrap .inner p {
  font-size: 1rem;
  font-weight: bold;
  color: #8f8f8f;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1.5;
}
.markethome_home_new .mart_info_wrap .inner .info_area dt {
  display: none;
}
.markethome_home_new .mart_info_wrap .inner .info_area dd a {
  display: block;
  text-align: center;
  color: #8f8f8f;
  margin-bottom: 10px;
}
.markethome_home_new .mart_info_wrap .inner .box_area .box {
  border: 1px solid #ebebeb;
  padding: 12px;
  min-height: 50px;
  border-radius: 6px;
  box-sizing: border-box;
  color: #8f8f8f;
  position: relative;
  display: flex;
  align-items: center;
}
.markethome_home_new .mart_info_wrap .inner .box_area .box > div {
  width: 100%;
}
.markethome_home_new .mart_info_wrap .inner .box_area .box dl {
  display: flex;
  align-items: center;
}
.markethome_home_new .mart_info_wrap .inner .box_area .box dl dt {
  color: #1e1e1e;
  font-weight: bold;
  width: 70px;
  margin-right: 8px;
  flex-shrink: 0;
}
.markethome_home_new .mart_info_wrap .inner .box_area .box dl dd {
  width: 100%;
  padding-right: 20px;
  word-break: break-word;
}
.markethome_home_new .mart_info_wrap .inner .box_area .box::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
  margin-right: 12px;
  flex-shrink: 0;
}
.markethome_home_new .mart_info_wrap .inner .box_area .box::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 4px;
  border: 2px solid #8f8f8f;
  border-top: 0;
  border-right: 0;
  transform-origin: 25% 25%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -moz-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  -o-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  right: 10px;
}
.markethome_home_new .mart_info_wrap .inner .box_area .box.calendar {
  margin-bottom: 8px;
}
.markethome_home_new .mart_info_wrap .inner .box_area .box.calendar::before {
  background-image: url(/asset/images/ico_calendar_bk.svg);
  background-size: 88%;
}
.markethome_home_new .mart_info_wrap .inner .box_area .box.clock::before {
  background-image: url(/asset/images/ico_clock.svg);
}
.markethome_home_new .mart_info_wrap .inner .notice {
  padding-bottom: 0;
}
.markethome_home_new .mart_info_wrap .inner .notice dl {
  padding-bottom: 0;
}
.markethome_home_new .mart_info_wrap .inner .notice dl dt {
  font-weight: bold;
  width: 60px;
}
.markethome_home_new .mart_info_wrap .inner .notice dl dd {
  display: flex;
  flex: 0 0 auto;
  white-space: nowrap;
  overflow: hidden;
  transition: 0.5s;
}
.markethome_home_new .mart_info_wrap .inner .notice dl dd span {
  padding-right: 50px;
  animation: textLoop 5s linear infinite;
}
@keyframes textLoop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.markethome_home_new .swiper-container {
  width: 100%;
  height: 220px;
  position: relative;
}
.markethome_home_new .swiper-container .swiper-slide {
  padding: 0 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.markethome_home_new .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}
.markethome_home_new .swiper-container > a {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 42%;
  border-radius: 50%;
  z-index: 5;
}
.markethome_home_new .swiper-container > a.btn_prev {
  left: 20px;
}
.markethome_home_new .swiper-container > a.btn_next {
  right: 20px;
}
.markethome_home_new .swiper-container .swiper-pagination {
  position: absolute;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.markethome_home_new .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #FFE851;
}
.markethome_home_new .martimg_vertical {
  padding: 0 20px;
  box-sizing: border-box;
  overflow: hidden;
  height: auto;
}
.markethome_home_new .martimg_vertical .item {
  height: 168px;
  margin-bottom: 16px;
}
.markethome_home_new .martimg_vertical .item:last-child {
  margin-bottom: 0;
}
.markethome_home_new .martimg_vertical .item img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.markethome_home_new .martimg_vertical .item.img_large {
  width: 100%;
  height: auto;
  aspect-ratio: 3/4;
}
.markethome_home_new .martimg_vertical .item.img_large img {
  object-fit: fill;
}
.markethome_home_new .subimg_wrap {
  padding: 20px;
}
.markethome_home_new .subimg_wrap li:not(:last-of-type) {
  margin-bottom: 20px;
}
.markethome_home_new .subimg_wrap li .video_area {
  height: 168px;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 10px;
}
.markethome_home_new .subimg_wrap li .img_area {
  border: 1px solid #ebebeb;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 10px;
}
.markethome_home_new .subimg_wrap li .img_area img {
  width: 100%;
}
.markethome_home_new .subimg_wrap li p {
  font-weight: bold;
  font-size: 1.125rem;
  text-align: center;
}
.markethome_home_new .coupon_wrap .coupon_area {
  width: 100%;
  height: 150px;
}
.markethome_home_new .coupon_wrap .coupon_area:not(:last-child) {
  margin-bottom: 20px;
}
.markethome_home_new .coupon_wrap .coupon_area .home_coupon {
  width: 100%;
  height: 100%;
  display: flex;
}
.markethome_home_new .coupon_wrap .coupon_area .home_coupon .coupon_left {
  width: 78%;
  height: 100%;
  border: 1px solid #ebebeb;
  background: #fff;
  box-sizing: border-box;
  padding: 16px;
  position: relative;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
}
.markethome_home_new .coupon_wrap .coupon_area .home_coupon .coupon_left h3 {
  margin-bottom: 4px;
}
.markethome_home_new .coupon_wrap .coupon_area .home_coupon .coupon_left p {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 4px;
}
.markethome_home_new .coupon_wrap .coupon_area .home_coupon .coupon_left span {
  display: block;
  margin-bottom: 4px;
}
.markethome_home_new .coupon_wrap .coupon_area .home_coupon .coupon_left > .date {
  margin-top: auto;
  color: #8f8f8f;
  margin-bottom: 0;
}
.markethome_home_new .coupon_wrap .coupon_area .home_coupon .coupon_right {
  width: 22%;
  height: 100%;
  border-radius: 6px 0px 0px 6px;
  box-sizing: border-box;
  background-color: #FFE851;
  display: flex;
  justify-content: center;
  align-items: center;
}
.markethome_home_new .coupon_wrap .coupon_area .home_coupon .coupon_right .downtxt {
  font-size: 0.75rem;
  text-align: center;
}
.markethome_home_new .coupon_wrap .coupon_area .home_coupon .coupon_right .downtxt::before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  margin: 0 auto 9px;
  background-image: url(/asset/images/ico_arrow_download.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.markethome_home_new .coupon_wrap .coupon_area.active .home_coupon .coupon_right .downtxt::before {
  background-image: url(/asset/images/ico_arrow_downok.svg);
}
.markethome_home_new .restaurant_wrap {
  padding-top: 20px;
  overflow: hidden;
  border-bottom: 9px solid #f9f9f9;
}
.markethome_home_new .restaurant_wrap h1 {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.markethome_home_new .restaurant_wrap .restaurant_area {
  color: #8f8f8f;
  margin-bottom: 20px;
  width: 120px !important;
  margin-right: 12px;
}
.markethome_home_new .restaurant_wrap .restaurant_area .img_area {
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 10px;
}
.markethome_home_new .restaurant_wrap .restaurant_area h2 {
  font-weight: bold;
  color: #1e1e1e;
  line-height: 1.2;
  margin-bottom: 4px;
  max-height: 33px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.markethome_home_new .restaurant_wrap .restaurant_area:last-child {
  margin-right: 0;
}

.cash_collect.pushmsg {
  padding-bottom: 20px;
}
.cash_collect.pushmsg .cash_card_wrap {
  padding: 0;
}
.cash_collect.pushmsg .cash_card_wrap:not(:last-child) {
  margin-bottom: 20px;
}
.cash_collect.pushmsg .cash_card_wrap .cash_card {
  height: auto;
  min-height: 150px;
  border: 1.5px solid #6D4DFF;
}
.cash_collect.pushmsg .cash_card_wrap .cash_card h3 {
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  max-width: 100%;
  padding-right: 75px;
}
.cash_collect.pushmsg .cash_card_wrap .cash_card h3 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cash_collect.pushmsg .cash_card_wrap .cash_card .date {
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 0.875rem;
  color: #8f8f8f;
}
.cash_collect.pushmsg .cash_card_wrap .cash_card p {
  min-height: 100px;
}
.cash_collect.pushmsg .cash_card_wrap .cash_card .new {
  margin-right: 4px;
  font-size: 0.9em;
  flex-shrink: 0;
  padding: 2px 7px;
  animation: new_ani 1s 3 ease;
}
.cash_collect.pushmsg .cash_card_wrap .cash_card img {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 16px;
}
.cash_collect.pushmsg .cash_card_wrap .cash_card .btn_round_sm {
  margin-top: 16px;
  font-size: 14px;
}

@keyframes new_ani {
  50% {
    opacity: 0;
  }
}
.markethome_event .img_vertical {
  padding: 20px;
  box-sizing: border-box;
}
.markethome_event .img_vertical .img {
  width: 100%;
  margin-bottom: 10px;
}
.markethome_event .empty {
  background-color: #FFE851;
  width: 100%;
  height: 100vh;
}
.markethome_event .empty p {
  padding: 100px 50px;
  box-sizing: border-box;
  font-size: 1.125rem;
  line-height: 1.5;
  text-align: center;
}
.markethome_event .empty p::after {
  content: "^-^";
  display: block;
  color: #fff;
  font-size: 4em;
  font-weight: bold;
}
.markethome_event .swiper-container {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.markethome_event .swiper-container .swiper-wrapper {
  height: auto;
}
.markethome_event .swiper-container .swiper-slide img {
  width: 100%;
  overflow: hidden;
}
.markethome_event .swiper-container > a {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 42%;
  border-radius: 50%;
  z-index: 5;
}
.markethome_event .swiper-container > a.btn_prev {
  left: 16px;
}
.markethome_event .swiper-container > a.btn_next {
  right: 16px;
}

.shop_category {
  width: 100%;
  padding: 20px 0px;
  border-bottom: 9px solid #f9f9f9;
}
.shop_category .shop_category_list {
  overflow-x: auto;
  white-space: nowrap;
}
.shop_category .shop_category_list::-webkit-scrollbar {
  display: none;
}
.shop_category .shop_category_list li {
  display: inline-block;
  margin-right: 12px;
}
.shop_category .shop_category_list li a {
  display: block;
  color: #1e1e1e;
  font-size: 0.875rem;
  text-align: center;
  position: relative;
}
.shop_category .shop_category_list li a img {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto 4px;
}
.shop_category .shop_category_list li.active a {
  font-weight: bold;
}
.shop_category .shop_category_list li.active a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #FFE851;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: -1;
}

.shop_view_select {
  flex-shrink: 0;
}
.shop_view_select .views {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.shop_view_select .views a {
  display: inline-block;
  width: 28px;
  height: 28px;
  font-size: 0;
  color: transparent;
  margin-left: 4px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.shop_view_select .views a[data-view=img_view] {
  background-image: url(/asset/images/ico_img_grey.svg);
}
.shop_view_select .views a[data-view=img_view].active {
  background-image: url(/asset/images/ico_img_bk.svg);
}
.shop_view_select .views a[data-view=txt_view] {
  background-image: url(/asset/images/ico_txt_grey.svg);
}
.shop_view_select .views a[data-view=txt_view].active {
  background-image: url(/asset/images/ico_txt_bk.svg);
}

#shop_list.img_view .shop_list_area {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  border-bottom: 1px solid #ebebeb;
}
#shop_list.img_view .shop_list_area .img_area {
  width: 100px;
  height: 100px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 6px;
}
#shop_list.img_view .shop_list_area .img_area img.img_goods {
  width: 100%;
  height: 100%;
}
#shop_list.img_view .shop_list_area .img_area img.ico_sale {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 2px;
  right: 2px;
  z-index: 1;
}
#shop_list.img_view .shop_list_area .txt_area {
  width: 100%;
  margin-left: 16px;
}
#shop_list.img_view .shop_list_area .txt_area .name_area span {
  display: block;
}
#shop_list.img_view .shop_list_area .txt_area .price_area p {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 4px;
}
#shop_list.img_view .shop_list_area .txt_area .price_area .control_quantity {
  float: left;
}
#shop_list.img_view .shop_list_area .buy_cart {
  position: absolute;
  bottom: 16px;
  right: 16px;
}

#shop_list.txt_view .shop_list_area {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
#shop_list.txt_view .shop_list_area .img_area {
  display: none;
}
#shop_list.txt_view .shop_list_area .txt_area {
  display: flex;
}
#shop_list.txt_view .shop_list_area .txt_area .name_area {
  width: 100%;
  margin-right: 10px;
}
#shop_list.txt_view .shop_list_area .txt_area .price_area {
  width: 65%;
  margin-right: 66px;
  position: relative;
}
#shop_list.txt_view .shop_list_area .txt_area .price_area p {
  font-size: 1.125rem;
  font-weight: bold;
  text-align: right;
  margin-bottom: 4px;
}
#shop_list.txt_view .shop_list_area .txt_area .price_area .control_quantity {
  float: right;
}
#shop_list.txt_view .shop_list_area .buy_cart {
  position: absolute;
  top: 20px;
  right: 20px;
}

.markethome_shop.renew .search_wrap_flex {
  padding-right: 0;
  margin-top: 5px;
}

#shop_list.all_view {
  margin-bottom: 70px;
}
#shop_list.all_view .title {
  padding: 12px 20px;
  box-sizing: border-box;
  font-size: 1.125rem;
  font-weight: bold;
  background-color: #FFE851;
}
#shop_list.all_view .title > img {
  display: none !important;
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-left: 4px;
}
#shop_list.all_view .img_list > li {
  position: relative;
}
#shop_list.all_view .img_list > li .txt_area {
  width: 100%;
}
#shop_list.all_view .img_list > li .txt_area .name_area span {
  display: block;
}
#shop_list.all_view .img_list > li .txt_area .price_area p {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 4px;
}
#shop_list.all_view .img_list > li .txt_area .price_area .control_quantity {
  float: left;
}
#shop_list.all_view .img_list > li .buy_cart {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
#shop_list.all_view.img_col_1 > .category > .img_list > li {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  border-bottom: 1px solid #ebebeb;
}
#shop_list.all_view.img_col_1 > .category > .img_list > li .img_area {
  width: 100px;
  height: 100px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 6px;
  margin-right: 20px;
}
#shop_list.all_view.img_col_1 > .category > .img_list > li .img_area img.img_goods {
  width: 100%;
  height: 100%;
}
#shop_list.all_view.img_col_1 > .category > .img_list > li .img_area img.ico_sale {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 2px;
  right: 2px;
  z-index: 1;
}
#shop_list.all_view.img_col_2 > .category > .img_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #ebebeb;
}
#shop_list.all_view.img_col_2 > .category > .img_list > li .img_area {
  width: 100%;
  aspect-ratio: 1/1;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 10px;
}
#shop_list.all_view.img_col_2 > .category > .img_list > li .img_area img.img_goods {
  width: 100%;
  height: 100%;
}
#shop_list.all_view.img_col_2 > .category > .img_list > li .img_area img.ico_sale {
  position: absolute;
  width: 25%;
  height: 25%;
  top: 2px;
  right: 2px;
  z-index: 1;
}
#shop_list.all_view.img_col_2 > .category > .img_list > li .buy_cart {
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
}
#shop_list.all_view .txt_list > li {
  width: 100%;
  padding: 12px 20px;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #ebebeb;
  display: flex;
}
#shop_list.all_view .txt_list > li .txt_area {
  display: flex;
  width: 100%;
}
#shop_list.all_view .txt_list > li .txt_area > * {
  flex: 1 1 50%;
}
#shop_list.all_view .txt_list > li .txt_area .name_area {
  margin-right: 10px;
}
#shop_list.all_view .txt_list > li .txt_area .price_area {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#shop_list.all_view .txt_list > li .txt_area .price_area p {
  font-size: 1.125rem;
  font-weight: bold;
  text-align: right;
  margin-bottom: 4px;
}
#shop_list.all_view .txt_list > li .buy_cart {
  flex-shrink: 0;
  margin-left: 20px;
}
#shop_list.all_view .all_list .img_list {
  position: relative;
}
#shop_list.all_view .all_list .img_list .txt_area {
  width: 100%;
}
#shop_list.all_view .all_list .img_list .txt_area .name_area span {
  display: block;
}
#shop_list.all_view .all_list .img_list .txt_area .price_area p {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 4px;
}
#shop_list.all_view .all_list .img_list .txt_area .price_area .control_quantity {
  float: left;
}
#shop_list.all_view .all_list .img_list .buy_cart {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
#shop_list.all_view .all_list .txt_list {
  width: 100%;
  padding: 12px 20px;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #ebebeb;
  display: flex;
}
#shop_list.all_view .all_list .txt_list .txt_area {
  display: flex;
  width: 100%;
}
#shop_list.all_view .all_list .txt_list .txt_area > * {
  flex: 1 1 50%;
}
#shop_list.all_view .all_list .txt_list .txt_area .name_area {
  margin-right: 10px;
}
#shop_list.all_view .all_list .txt_list .txt_area .price_area {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#shop_list.all_view .all_list .txt_list .txt_area .price_area p {
  font-size: 1.125rem;
  font-weight: bold;
  text-align: right;
  margin-bottom: 4px;
}
#shop_list.all_view .all_list .txt_list .buy_cart {
  flex-shrink: 0;
  margin-left: 20px;
}
#shop_list.all_view.img_col_1 .all_list .img_list {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  border-bottom: 1px solid #ebebeb;
}
#shop_list.all_view.img_col_1 .all_list .img_list .img_area {
  width: 100px;
  height: 100px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 6px;
  margin-right: 20px;
}
#shop_list.all_view.img_col_1 .all_list .img_list .img_area img.img_goods {
  width: 100%;
  height: 100%;
}
#shop_list.all_view.img_col_1 .all_list .img_list .img_area img.ico_sale {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 2px;
  right: 2px;
  z-index: 1;
}
#shop_list.all_view.img_col_2 .all_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
#shop_list.all_view.img_col_2 .all_list .img_list {
  padding: 20px;
  padding-bottom: 0;
  box-sizing: border-box;
  position: relative;
}
#shop_list.all_view.img_col_2 .all_list .img_list:nth-child(odd) {
  padding-right: 0px;
}
#shop_list.all_view.img_col_2 .all_list .img_list:nth-child(even) {
  padding-left: 0px;
}
#shop_list.all_view.img_col_2 .all_list .img_list:nth-child(even) .buy_cart {
  right: 20px;
}
#shop_list.all_view.img_col_2 .all_list .img_list .img_area {
  width: 100%;
  aspect-ratio: 1/1;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 10px;
}
#shop_list.all_view.img_col_2 .all_list .img_list .img_area img.img_goods {
  width: 100%;
  height: 100%;
}
#shop_list.all_view.img_col_2 .all_list .img_list .img_area img.ico_sale {
  position: absolute;
  width: 25%;
  height: 25%;
  top: 2px;
  right: 2px;
  z-index: 1;
}
#shop_list.all_view.img_col_2 .all_list .img_list .buy_cart {
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
}
#shop_list.all_view.img_col_2 .all_list .txt_list {
  grid-column: 1/span 2;
  padding-top: 0;
}
#shop_list.all_view.price_color_bk .price_area p {
  color: #1e1e1e;
}
#shop_list.all_view.price_color_red .price_area p {
  color: #FB4659;
}

.markethome_order_list .order_list_area {
  border-bottom: 9px solid #f9f9f9;
}
.markethome_order_list .order_list_area:nth-last-of-type(1) {
  border-bottom-style: none;
}
.markethome_order_list .order_list_area .sub_round {
  margin-right: 4px;
}
.markethome_order_list .order_list_area dl:nth-last-of-type(1) {
  padding-bottom: 0px;
}
.markethome_order_list .order_list_area dl dd {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.markethome_order_info .btn_sm_area {
  padding-bottom: 16px;
}
.markethome_order_info article {
  background-color: #fff;
  border-bottom: 9px solid #f9f9f9;
}
.markethome_order_info .price_area dl dd {
  text-align: right;
}
.markethome_order_info .price_area dl:nth-of-type(2) dt, .markethome_order_info .price_area dl:nth-of-type(3) dt {
  color: #8f8f8f;
}
.markethome_order_info .price_area dl:nth-of-type(2) dd, .markethome_order_info .price_area dl:nth-of-type(3) dd {
  color: #8f8f8f;
}
.markethome_order_info .product_area li {
  padding-block: 20px;
  display: flex;
  border-bottom: 1px solid #ebebeb;
}
.markethome_order_info .product_area li .product_name {
  width: 100%;
}
.markethome_order_info .product_area li .product_name span {
  display: block;
  margin-top: 4px;
}
.markethome_order_info .product_area li .product_price {
  flex-shrink: 0;
  text-align: right;
}
.markethome_order_info .product_area li .product_price p {
  margin-top: 4px;
}
.markethome_order_info .product_area li:nth-last-of-type(1) {
  border-bottom: none;
}

.markethome_cart .cart_item .cart_select {
  font-weight: normal;
  padding-left: 46px;
}
.markethome_cart .cart_item .cart_select .delete {
  float: right;
  line-height: 56px;
  font-size: 0.875rem;
  color: #8f8f8f;
}
.markethome_cart .cart_item .cart_item_list {
  border-bottom: 9px solid #f9f9f9;
}
.markethome_cart .cart_item .cart_item_list .item {
  width: 100%;
  padding: 20px;
  padding-left: 46px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  border-bottom: 1px solid #ebebeb;
}
.markethome_cart .cart_item .cart_item_list .item .img_area {
  width: 100px;
  height: 100px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 6px;
}
.markethome_cart .cart_item .cart_item_list .item .img_area img {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.markethome_cart .cart_item .cart_item_list .item .txt_area {
  width: 100%;
  margin-left: 16px;
}
.markethome_cart .cart_item .cart_item_list .item .txt_area .name_area h3 {
  margin-bottom: 4px;
}
.markethome_cart .cart_item .cart_item_list .item .txt_area .name_area span {
  display: block;
}
.markethome_cart .cart_item .cart_item_list .item .txt_area .price_area p {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 8px;
}
.markethome_cart .cart_item .cart_item_list .item .txt_area .price_area .control_quantity {
  float: left;
}
.markethome_cart .cart_price {
  background-color: #fff;
  padding-block: 0 100px;
}

.markethome_order_form article {
  background-color: #fff;
  border-bottom: 9px solid #f9f9f9;
}
.markethome_order_form .product_area li {
  padding-block: 20px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ebebeb;
}
.markethome_order_form .product_area li .product_name {
  width: 100%;
  padding-right: 20px;
}
.markethome_order_form .product_area li .product_name span {
  display: block;
  margin-top: 4px;
}
.markethome_order_form .product_area li .product_price {
  flex-shrink: 0;
  text-align: right;
}
.markethome_order_form .product_area li .product_price p {
  font-weight: bold;
  margin-top: 4px;
}
.markethome_order_form .product_area li:not(:last-of-type) {
  border-bottom: 1px solid #ebebeb;
}
.markethome_order_form .address_area .basic {
  padding-block: 20px;
}
.markethome_order_form .address_area .get_address_box {
  margin-top: 16px;
  margin-bottom: 8px;
  position: relative;
}
.markethome_order_form .address_area .get_address_box label {
  padding-left: 25px;
}
.markethome_order_form .address_area .get_address_box label .ico {
  top: -5px;
  left: 0px;
}
.markethome_order_form .address_area .input_side_box {
  margin-bottom: 10px;
}
.markethome_order_form .address_area .date_txt {
  display: block;
  width: 100%;
  font-size: 0.875rem;
  margin-bottom: 8px;
}
.markethome_order_form .address_area input[name=ship_request_date] {
  margin-bottom: 20px;
}
.markethome_order_form .address_area .btnlink {
  position: absolute;
  top: 16px;
  right: 16px;
}
.markethome_order_form .address_area .card {
  margin-bottom: 20px;
}
.markethome_order_form .ship_request_area .inner {
  padding: 20px;
}
.markethome_order_form .order_coupon .inner {
  padding: 20px;
  box-sizing: border-box;
}
.markethome_order_form .order_coupon .inner p {
  font-size: 0.875rem;
  color: #8f8f8f;
}
.markethome_order_form .order_coupon .inner p span {
  font-weight: bold;
  color: #1e1e1e;
}
.markethome_order_form .order_coupon .inner .coupon_txt {
  line-height: 56px;
}
.markethome_order_form .order_coupon .inner .cash_available {
  margin-bottom: 16px;
}
.markethome_order_form .order_coupon .flex_wrap {
  display: flex;
  align-items: center;
}
.markethome_order_form .order_coupon .flex_wrap .input_box {
  flex-grow: 1;
  margin-right: 10px;
  margin-bottom: 0;
}
.markethome_order_form .order_coupon .flex_wrap input[name=order_point]::placeholder {
  color: #FB4659;
}
.markethome_order_form .order_coupon .flex_wrap input[name=order_point]::-webkit-input-placeholder {
  color: #FB4659;
}
.markethome_order_form .order_coupon .flex_wrap input[name=order_point]:-ms-input-placeholder {
  color: #FB4659;
}
.markethome_order_form .order_coupon .flex_wrap .radios {
  flex-shrink: 0;
}
.markethome_order_form .order_coupon .flex_wrap .radios .radio:first-child {
  margin-bottom: 6px;
}
.markethome_order_form .price_area .descript {
  padding: 20px;
}
.markethome_order_form .ship_type .inner {
  padding-top: 20px;
}
.markethome_order_form .payment {
  border-bottom: none;
}
.markethome_order_form .payment .inner {
  padding-top: 16px;
}
.markethome_order_form .payment .inner p {
  width: 100%;
  font-size: 0.875rem;
  color: #8f8f8f;
  line-height: 1.5;
}

.order_finish {
  padding: 50px 16px 100px;
  box-sizing: border-box;
}
.order_finish h1 {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.order_finish h1::before {
  content: "";
  display: block;
  margin: 0 auto 20px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/asset/images/ico_checkbox_checked.svg);
}
.order_finish p {
  text-align: center;
  margin-bottom: 30px;
}
.order_finish .order_num {
  width: 100%;
  margin: 0 auto;
  border-block: 1px solid #ebebeb;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.leaflet_make_view {
  width: 100%;
  font-family: "GmarketSansMedium";
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.leaflet_make_view .tit_area {
  padding: 40px 20px;
  box-sizing: border-box;
  position: relative;
}
.leaflet_make_view .tit_area h2 {
  color: #fff;
  line-height: 1.2;
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
}
.leaflet_make_view .tit_area h3 {
  color: #fff;
  font-size: 3.5rem;
  line-height: 1.2;
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
}
.leaflet_make_view .tit_area p {
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.2;
  position: relative;
  z-index: 1;
  font-weight: normal;
}
.leaflet_make_view .tit_area:before, .leaflet_make_view .tit_area:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
}
.leaflet_make_view .tit_area:before {
  background-position: top center;
  top: 0;
}
.leaflet_make_view .tit_area:after {
  background-position: bottom center;
  bottom: 0;
}
.leaflet_make_view .cate_name {
  width: 100%;
  font-size: 1.3rem;
  padding: 6px 16px 3px;
  box-sizing: border-box;
  background-color: #1e1e1e;
  color: #fff;
  text-align: left;
  font-weight: normal;
  line-height: 1.2;
}
.leaflet_make_view .goods_area {
  display: flex;
  flex-wrap: wrap;
}
.leaflet_make_view .goods_area .goods {
  width: 33.3333%;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.leaflet_make_view .goods_area .goods .square {
  border-bottom: 1px solid #ebebeb;
}
.leaflet_make_view .goods_area .goods .ico {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 40px;
  z-index: 1;
}
.leaflet_make_view .goods_area .goods .img_area .img {
  object-fit: fill;
}
.leaflet_make_view .goods_area .goods .img_area .ico {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 40px;
  z-index: 1;
}
.leaflet_make_view .goods_area .goods .txt_area {
  padding: 16px;
  box-sizing: border-box;
}
.leaflet_make_view .goods_area .goods .txt_area .name,
.leaflet_make_view .goods_area .goods .txt_area .standard {
  display: block;
  position: relative;
  z-index: 1;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 8px;
  word-break: break-all;
}
.leaflet_make_view .goods_area .goods .txt_area .ex_price {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: #8f8f8f;
  position: relative;
  margin-bottom: 8px;
  font-size: 1.2rem;
  font-weight: normal;
}
.leaflet_make_view .goods_area .goods .txt_area .ex_price:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #C50000;
}
.leaflet_make_view .goods_area .goods .txt_area .ex_price:after {
  content: "";
  border: solid #C50000;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.leaflet_make_view .goods_area .goods .txt_area .ex_price:before, .leaflet_make_view .goods_area .goods .txt_area .ex_price:after {
  margin-top: -4px;
}
.leaflet_make_view .goods_area .goods .txt_area .price {
  position: relative;
  z-index: 1;
  font-size: 1.5rem;
  word-break: break-all;
}
.leaflet_make_view .bottom {
  width: 100%;
  padding: 10px 16px 6px;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2;
}

.leaflet_make_view.theme_yellow {
  background-color: #FFD429;
}
.leaflet_make_view.theme_yellow .tit_area h2 {
  color: #6D4DFF;
}
.leaflet_make_view.theme_yellow .tit_area h3 {
  color: #6D4DFF;
}
.leaflet_make_view.theme_yellow .tit_area p {
  display: inline-block;
  padding: 10px 30px 7px;
  box-sizing: border-box;
  background-color: #6D4DFF;
  border-radius: 30px;
}
.leaflet_make_view.theme_yellow .tit_area:before {
  background-image: url(/asset/images/leaflet_theme_yellow_deco_top.png);
}
.leaflet_make_view.theme_yellow .tit_area:after {
  background-image: url(/asset/images/leaflet_theme_yellow_deco_bottom.png);
}
.leaflet_make_view.theme_yellow .goods_area .goods {
  border: 1px solid #FFD429;
}
.leaflet_make_view.theme_yellow .top, .leaflet_make_view.theme_yellow .bottom {
  color: #6D4DFF;
}

.leaflet_make_view.theme_red {
  background-color: #C50000;
}
.leaflet_make_view.theme_red .tit_area p {
  display: inline-block;
  text-decoration: underline;
}
.leaflet_make_view.theme_red .tit_area:before {
  background-image: url(/asset/images/leaflet_theme_red_deco_top.png);
}
.leaflet_make_view.theme_red .tit_area:after {
  background-image: url(/asset/images/leaflet_theme_red_deco_bottom.png);
}
.leaflet_make_view.theme_red .goods_area .goods {
  border: 1px solid #C50000;
}

.leaflet_make_view.theme_black {
  background-color: #1e1e1e;
}
.leaflet_make_view.theme_black .tit_area h2 {
  display: inline-block;
  padding: 10px 14px 5px;
  border: 1px solid #fff;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.leaflet_make_view.theme_black .tit_area h3 {
  margin-bottom: 20px;
}
.leaflet_make_view.theme_black .tit_area:before {
  background-image: url(/asset/images/leaflet_theme_black_deco_top.png);
}
.leaflet_make_view.theme_black .tit_area:after {
  background-image: url(/asset/images/leaflet_theme_black_deco_bottom.png);
}
.leaflet_make_view.theme_black .cate_name {
  background-color: #8977fe;
}
.leaflet_make_view.theme_black .goods_area .goods {
  border: 1px solid #1e1e1e;
}
.leaflet_make_view.theme_black .bottom {
  color: #fff;
}

.leaflet_make_view.view_back .top {
  font-size: 2rem;
  padding: 20px 20px 15px;
  box-sizing: border-box;
}
.leaflet_make_view.view_back .goods_area .goods {
  margin-bottom: 0;
}

.leaflet_make_view.view_back.theme_red .top {
  color: #fff;
}

.leaflet_make_view.view_back.theme_black .top {
  color: #fff;
}

.leaflet_col_1 .goods_area .goods {
  width: 100%;
  display: flex;
}
.leaflet_col_1 .goods_area .goods .img_area {
  width: 150px;
}
.leaflet_col_1 .goods_area .goods .txt_area {
  flex-grow: 1;
}

.leaflet_col_2 .goods_area .goods {
  width: 50%;
}

.leaflet_col_3 .goods_area .goods {
  width: 33.3333%;
}
.leaflet_col_3 .goods_area .goods .txt_area {
  padding: 12px;
}
.leaflet_col_3 .goods_area .goods .txt_area .name, .leaflet_col_3 .goods_area .goods .txt_area .standard, .leaflet_col_3 .goods_area .goods .txt_area .ex_price {
  font-size: 0.875rem;
}
.leaflet_col_3 .goods_area .goods .txt_area .price {
  font-size: 1.1rem;
}

.weblink_identify .infor {
  padding-top: 100px;
}

.btnAppDown {
  margin-top: 16px;
}

.address_select article {
  padding: 20px 0;
}
.address_select ul {
  margin-bottom: 20px;
}
.address_select ul li {
  padding: 20px;
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
  display: flex;
}
.address_select ul li label strong {
  display: block;
  font-weight: bold;
}
.address_select ul li .btn_modify {
  margin-left: auto;
  flex-shrink: 0;
}
.address_select .radio_area {
  width: auto;
  margin-bottom: 0;
}
.address_select .radio_area label {
  font-size: 1rem;
  font-weight: bold;
}
.address_select .radio_area label strong {
  display: block;
  font-weight: bold;
}
.address_select .radio_area .btn_modify {
  position: absolute;
  top: 0px;
  right: 0px;
}

.kko_alarm_main .img_wrap {
  width: 100%;
  height: 38vh;
  border-bottom-left-radius: 40px;
  position: relative;
  overflow: hidden;
}
.kko_alarm_main .img_wrap:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1e1e1e;
  opacity: 0;
  z-index: 2;
}
.kko_alarm_main .img_wrap > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.kko_alarm_main .txt_wrap {
  text-align: left;
  font-weight: bold;
  background-color: #fff;
  position: relative;
  padding: 60px 40px 70px;
  box-sizing: border-box;
}
.kko_alarm_main .txt_wrap h2 {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 20px;
}
.kko_alarm_main .txt_wrap .info {
  display: flex;
}
.kko_alarm_main .txt_wrap .icon_sm:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  margin-right: 16px;
  flex-shrink: 0;
}
.kko_alarm_main .txt_wrap .icon_sm_tel:before {
  background-image: url(/asset/images/ico_phone_fill.svg);
}
.kko_alarm_main .txt_wrap .icon_sm_i:before {
  width: 22px;
  height: 22px;
  background-image: url(/asset/images/ico_info.svg);
}
.kko_alarm_main .txt_wrap .tel {
  font-size: 1.5rem;
  margin-bottom: 16px;
  align-items: center;
}
.kko_alarm_main .txt_wrap p {
  font-weight: normal;
  margin-bottom: 10px;
}
.kko_alarm_main .txt_wrap p .more {
  color: #FB4659;
  font-weight: bold;
}
.kko_alarm_main .txt_wrap .icon {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #FFE851;
  position: absolute;
  top: -35px;
  left: 50%;
  margin-left: -35px;
}
.kko_alarm_main .txt_wrap .icon:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/asset/images/ico_maincate_mart.svg) no-repeat center/70%;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(205deg) brightness(104%) contrast(101%);
}
.kko_alarm_main .navi ul {
  display: flex;
  height: 60px;
  text-align: center;
  border-top: 1px solid #ebebeb;
}
.kko_alarm_main .navi ul li {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
}
.kko_alarm_main .navi ul li:not(:last-child) {
  border-right: 1px solid #ebebeb;
}
.kko_alarm_main .navi ul li > a {
  font-size: 14px;
}
.kko_alarm_main .navi ul li > a::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin: 2px auto 2px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.kko_alarm_main .navi ul li .more::before {
  background-image: url(/asset/images/ico_msg.svg);
}
.kko_alarm_main .navi ul li .more.on::before {
  background-image: url(/asset/images/ico_msg_fill.svg);
}
.kko_alarm_main .navi ul li .home::before {
  background-image: url(/asset/images/ico_home.svg);
  background-size: 82%;
}
.kko_alarm_main .navi ul li .home.on::before {
  background-image: url(/asset/images/ico_home_fill.svg);
}

.settings_main article {
  border-bottom: 9px solid #f9f9f9;
}
.settings_main article .sub_txt {
  position: absolute;
  top: 18px;
  right: 16px;
  font-size: 0.875rem;
  color: #6D4DFF;
}
.settings_main article .mymart {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 1rem;
}
.settings_main article .link_unregister {
  font-size: 0.875rem;
  color: #8f8f8f;
}
.settings_main article .privacy_policy {
  color: #6D4DFF;
}
.settings_main article .toggle_box label {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.settings_main article .toggle_box label::before {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  width: 30px;
  height: 18px;
  border-radius: 18px;
  background-color: #8f8f8f;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.settings_main article .toggle_box label::after {
  content: "";
  display: block;
  position: absolute;
  right: 14px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  background-color: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.settings_main article .toggle_box input {
  display: none;
}
.settings_main article .toggle_box input[type=checkbox]:checked + label::before {
  background-color: #FFE851;
}
.settings_main article .toggle_box input[type=checkbox]:checked + label::after {
  right: 2px;
}
.settings_main .mymart_area .title_area {
  border-bottom: none;
}
.settings_main .mymart_area .card {
  background-color: #FFFCE8;
  margin-bottom: 16px;
}
.settings_main .mymart_area h3 {
  font-weight: bold;
  margin-bottom: 16px;
}
.settings_main .mymart_area .flex {
  align-items: center;
  margin-bottom: 16px;
}

.mymart_first_info {
  width: 100%;
  height: 100vh;
  left: 0px;
  top: 0px;
  background-color: #fff;
  z-index: 50;
  overflow: hidden;
}

.my_info .inner {
  padding-top: 20px;
}
.my_info div.input_box {
  display: flex;
  padding: 0px;
}
.my_info div.input_box select {
  width: 33.3333333333%;
  padding-right: 25px;
}

.pwd_change .inner {
  padding-top: 20px;
}

.unregister .btn_unregister {
  float: right;
  font-size: 0.875rem;
  color: #8f8f8f;
  margin-bottom: 16px;
}

.faq .ask {
  display: block;
  position: relative;
  width: 100%;
  padding: 20px;
  padding-right: 50px;
  box-sizing: border-box;
  border-bottom: 1px solid #ebebeb;
}
.faq .answer {
  padding: 20px;
  box-sizing: border-box;
  background-color: #f9f9f9;
  font-size: 0.875rem;
  line-height: 1.5;
}

.question_list .all {
  border-bottom: 1px solid #ebebeb;
}
.question_list .ask {
  display: block;
  position: relative;
  width: 100%;
  padding: 20px;
  padding-right: 50px;
  box-sizing: border-box;
  border-bottom: 1px solid #ebebeb;
}
.question_list .ask .status_undone {
  display: inline-block;
  padding: 2px 8px;
  box-sizing: border-box;
  border: 1px solid #6D4DFF;
  color: #6D4DFF;
  font-size: 0.75rem;
  border-radius: 50px;
}
.question_list .ask .status_done {
  display: inline-block;
  padding: 2px 8px;
  box-sizing: border-box;
  border: 1px solid #40DE8C;
  color: #40DE8C;
  font-size: 0.75rem;
  border-radius: 50px;
}
.question_list .ask .txt {
  display: block;
  font-size: 0.875rem;
  padding-top: 8px;
}
.question_list .ask .txt_tit {
  font-size: 1rem;
  font-weight: bold;
}
.question_list .answer {
  padding: 16px;
  box-sizing: border-box;
  background-color: #f9f9f9;
  font-size: 0.875rem;
  line-height: 1.5;
}
.question_list .date {
  display: block;
  color: #8f8f8f;
  font-size: 0.875rem;
  padding-top: 8px;
}

.question_write textarea {
  height: 150px;
}
.question_write .img_add_preview_area {
  display: flex;
}
.question_write .addimg {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #f9f9f9;
  position: relative;
  border-radius: 6px;
  margin-right: 10px;
}
.question_write .addimg::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url(/asset/images/ico_plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
.question_write .img_preview {
  width: 50px;
  height: 50px;
  background-color: #fff;
}

.company .link_back {
  background-color: #FFE851;
}
.company .infor_area {
  width: 100%;
  height: 60%;
  background-color: #FFE851;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 0 10% 10%;
}
.company .infor_area .txt {
  text-align: center;
}
.company .infor_area .txt::before {
  content: "";
  display: block;
  height: 40px;
  background-image: url(/asset/images/markettoo_logo_cw.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}
.company .infor_area .txt h2 {
  font-size: 0.875rem;
  margin-top: 24px;
  margin-bottom: 24px;
}
.company .infor_area .txt p {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.5;
}
.company .tel_area {
  text-align: center;
}
.company .tel_area p {
  font-size: 0.875rem;
  color: #8f8f8f;
  margin-bottom: 16px;
}
.company .tel_area p span {
  position: relative;
  padding-left: 16px;
}
.company .tel_area p span::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 60%;
  background: #ebebeb;
  position: absolute;
  top: 25%;
  left: 8px;
}
.company .tel_area .btn_tel {
  display: block;
  margin: 0 auto;
  width: 60%;
  height: 55px;
  line-height: 55px;
  border-radius: 55px;
  background-color: #1e1e1e;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 50px;
}

.privacy_policy .txt_area {
  padding: 30px 20px;
  box-sizing: border-box;
  background-color: #f9f9f9;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: justify;
}

.matto_main .infor .title .sub {
  color: #8f8f8f;
  padding-top: 4px;
}
.matto_main .matto_img {
  width: 100%;
  padding: 0px 16px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  margin-top: -50px;
}
.matto_main .matto_img img {
  width: 100%;
}
.matto_main .btn_area {
  margin-top: -20px;
}
.matto_main .btn_area .btn_round::before {
  content: "";
  display: block;
  position: absolute;
  width: 34px;
  height: 34px;
  background-color: #fff;
  right: 8px;
  top: 8px;
  border-radius: 17px;
}
.matto_main .cash_area {
  padding-bottom: 16px;
  border-bottom: 9px solid #f9f9f9;
}
.matto_main .cash_area .title_area {
  border-bottom: none;
}
.matto_main .cash_area .thum {
  display: block;
  width: 100%;
  height: 150px;
  border: 1px solid #ebebeb;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.matto_main .cash_area .thum img {
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.roulette_area {
  width: 100% !important;
  padding: 20px;
  box-sizing: border-box;
}
.roulette_area .inner {
  text-align: center;
  border: 1px solid #6D4DFF;
  border-radius: 6px;
  box-sizing: border-box;
  padding-block: 20px;
}
.roulette_area .inner h1 {
  text-align: left;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 20px;
}
.roulette_area .inner .btnlink {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 0.875rem;
}
.roulette_area .canvas_box {
  border-radius: 50%;
  background: linear-gradient(217deg, #441aff, rgba(255, 0, 0, 0) 70.71%), linear-gradient(127deg, #ff99db, rgba(0, 255, 0, 0) 70.71%), linear-gradient(336deg, #1c0099, rgba(0, 0, 255, 0) 70.71%);
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1/1;
}
.roulette_area .canvas_box::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 40px solid transparent;
  border-top: 40px solid #ffe227;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.roulette_area .canvas_box .roulette {
  transition: 2s;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.roulette_area .canvas_box .roulette_center {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: linear-gradient(217deg, #441aff, rgba(68, 26, 255, 0.2) 70.71%), linear-gradient(127deg, #ff99db, rgba(255, 153, 219, 0.2) 70.71%), linear-gradient(336deg, #1c0099, rgba(28, 0, 153, 0.2) 70.71%);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}
.roulette_area .canvas_box .roulette_center::before {
  content: "";
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
}
.roulette_area .canvas_box .roulette_center .txt {
  position: relative;
  font-weight: 700;
}
.roulette_area .canvas_box .info_box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  top: 5px;
  overflow: hidden;
  padding: 40px;
  box-sizing: border-box;
}
.roulette_area .canvas_box .info_box .tit {
  font-size: 3rem;
  font-weight: 700;
  color: #6D4DFF;
  line-height: 1.2;
  margin-bottom: 16px;
}
.roulette_area .winnerslist .tits {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  margin-bottom: 20px;
}
.roulette_area .winnerslist .tits .h2 {
  padding: 0;
}
.roulette_area .winnerslist .tits span {
  color: #8f8f8f;
  font-size: 0.875rem;
}
.roulette_area .winnerslist .lists {
  background-color: #f9f9f9;
  border-radius: 6px;
  padding: 16px;
  box-sizing: border-box;
}
.roulette_area .winnerslist .lists li {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  margin-bottom: 16px;
}
.roulette_area .winnerslist .lists li:last-child {
  margin-bottom: 0;
}

.roulette_cash_win_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  font-family: "GmarketSansMedium";
  font-weight: bold;
  text-align: center;
  color: #fff;
  font-size: 30px;
  padding: 40px 20px;
  box-sizing: border-box;
  background: url(/asset/images/roulette_win_bg.png) no-repeat center/cover;
}
.roulette_cash_win_img .cap {
  display: inline-block;
  padding: 8px 20px;
  background: #000;
  font-weight: normal;
  font-size: 12px;
  border-radius: 50px;
  margin-bottom: 20px;
}
.roulette_cash_win_img .tit {
  font-size: clamp(2rem, 50vw, 3.5rem);
  line-height: 1.2;
}

.mymatto .btn_round {
  background-color: #6D4DFF;
  color: #fff;
}
.mymatto .btn_round::after {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  right: 5px;
  top: 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 47%;
  background-image: url(/asset/images/ico_bell_w.svg);
}
.mymatto .btn_round span {
  color: #FFE851;
}
.mymatto > ul > li {
  border-bottom: 9px solid #f9f9f9;
}
.mymatto > ul > li:nth-last-of-type(1) {
  border-bottom: none;
}
.mymatto .inner {
  padding-bottom: 16px;
}
.mymatto .sub_title_area {
  padding: 0px;
  line-height: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mymatto .sub_title_area strong {
  font-weight: bold;
}
.mymatto .list {
  margin-top: 8px;
}
.mymatto .cap_new {
  margin-left: 4px;
}

.matto_select {
  width: 100%;
  height: 40px;
  background-color: #f9f9f9;
}
.matto_select li {
  width: 50%;
  float: left;
}
.matto_select li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 40px;
  font-size: 1rem;
  text-align: center;
}
.matto_select li.active a {
  font-weight: bold;
  position: relative;
}
.matto_select li.active a::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #FFE851;
  position: absolute;
  bottom: 0px;
}

.matto_auto .sel_wrap {
  padding-top: 24px;
  border-bottom: 9px solid #f9f9f9;
}
.matto_auto .sel_box {
  width: 250px;
  height: 40px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.matto_auto .sel_box select {
  width: 100px;
  height: 100%;
  padding-left: 8px;
  padding-right: 16px;
  font-size: 1rem;
}
.matto_auto .sel_box .input_direct {
  display: block;
  width: 68px;
  height: 38px;
  color: #8f8f8f;
  box-sizing: border-box;
  padding-left: 8px;
  font-size: 1rem;
  position: absolute;
  right: 30px;
}
.matto_auto .inner {
  padding: 16px;
}

.matto_hand .num_wrap {
  text-align: center;
  padding: 24px 0px 16px;
  border-bottom: 9px solid #f9f9f9;
}
.matto_hand .num_wrap .num_area {
  padding-top: 20px;
}
.matto_hand .num_wrap .ball_input_area {
  width: 250px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.matto_hand .num_wrap .ball_input_area .ball {
  border: 1px solid #d5d5d5;
  box-sizing: border-box;
}
.matto_hand .num_wrap .line {
  display: flex;
  justify-content: space-between;
  padding: 4px 0px;
  border-bottom: 1px solid #ebebeb;
}
.matto_hand .num_wrap .line:nth-last-of-type(1) {
  border: none;
}
.matto_hand .num_wrap .line .ball {
  font-weight: normal;
}
.matto_hand .num_my .inner {
  padding: 16px;
}

.matto_order .link_cash {
  text-decoration: underline;
  color: #6D4DFF;
  padding-right: 14px;
  box-sizing: border-box;
}
.matto_order .link_cash.link_view::after {
  width: 10px;
  height: 10px;
  background-size: contain;
  top: 2px;
}

.matto_num .num_wrap {
  padding: 16px;
  box-sizing: border-box;
  border-bottom: 9px solid #f9f9f9;
}
.matto_num .num_wrap .num_area {
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  border-radius: 6px;
}
.matto_num .num_wrap .num_area select {
  width: 100%;
  height: 50px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #1e1e1e;
  line-height: 50px;
  background-image: url(/asset/images/ico_arrow_down_bold.svg);
  background-position: 95% center;
  background-size: 15px;
}
.matto_num .num_wrap .num_area .win_num_box {
  padding: 16px;
  box-sizing: border-box;
  display: none;
}
.matto_num .num_wrap .num_area .win_num_box .line {
  margin-bottom: 16px;
}
.matto_num .num_wrap .num_area .win_num_box .date {
  font-size: 0.875rem;
  color: #8f8f8f;
}
.matto_num .num_wrap .num_area .win_num_box .date strong {
  font-weight: bold;
}
.matto_num .num_wrap .num_area .win_num_box.show {
  display: block;
}

.cash_collect .cash_info {
  padding: 16px 0 24px;
  border-bottom: 9px solid #f9f9f9;
}
.cash_collect .cash_info p {
  font-size: 0.875rem;
  margin-bottom: 8px;
}
.cash_collect .cash_info .underline {
  font-size: 1.5rem;
}
.cash_collect .classify {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  text-align: right;
  margin-bottom: 10px;
}
.cash_collect .classify li {
  float: left;
  margin-left: 10px;
  font-size: 0.75rem;
  color: #8f8f8f;
}
.cash_collect .classify li.active {
  color: #1e1e1e;
  font-weight: bold;
}
.cash_collect .cash_card_wrap {
  padding: 10px 0px 16px;
}
.cash_collect .cash_card {
  border: 1px solid #ebebeb;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  margin-bottom: 16px;
  height: 117px;
  overflow: hidden;
}
.cash_collect .cash_card:nth-last-of-type(1) {
  margin-bottom: 0px;
}
.cash_collect .cash_card h2, .cash_collect .cash_card h3, .cash_collect .cash_card p {
  padding-right: 80px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cash_collect .cash_card h2 {
  font-size: 0.875rem;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 8px;
}
.cash_collect .cash_card h3 {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 8px;
}
.cash_collect .cash_card p {
  font-size: 1rem;
}
.cash_collect .cash_card .cash {
  background-color: #FFE851;
  color: #1e1e1e;
}
.cash_collect .cash_card .cash.active {
  background-image: url(/asset/images/ico_checkbox_checked.svg);
}
.cash_collect .cash_card_img_wrap {
  padding-top: 10px;
}
.cash_collect .cash_card_img {
  position: relative;
  padding-bottom: 16px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 16px;
}
.cash_collect .cash_card_img:nth-last-of-type(1) {
  margin-bottom: 0px;
  border-bottom: none;
}
.cash_collect .cash_card_img .img_area {
  width: 100%;
  overflow: hidden;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  border-radius: 6px;
  margin-bottom: 16px;
  position: relative;
}
.cash_collect .cash_card_img .img_area img {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cash_collect .cash_card_img h2 {
  font-size: 0.875rem;
  font-weight: bold;
}
.cash_collect .cash_card_img p {
  font-size: 0.875rem;
  color: #8f8f8f;
}
.cash_collect .cash_card_img .btn_sm {
  font-weight: bold;
}

.txt_datail h2 {
  font-size: 0.875rem;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 20px;
}
.txt_datail h3 {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 4px;
}
.txt_datail span {
  display: block;
  font-size: 0.875rem;
  color: #8f8f8f;
  margin-bottom: 20px;
}
.txt_datail p {
  font-size: 1rem;
  padding-bottom: 87px;
}
.txt_datail .btn_link {
  position: absolute;
  top: 0;
  right: 16px;
}
.txt_datail .save {
  position: absolute;
  top: 0;
  right: 16px;
}
.txt_datail img {
  width: 100%;
}
.txt_datail img:nth-last-of-type(1) {
  margin-bottom: 16px;
}

.txt_datail.font_large .conts {
  font-size: 1.125rem;
}

.txt_datail.font_bold .conts {
  font-weight: bold;
}

.img_datail img {
  width: 100%;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.img_datail .img_area {
  border: 1px solid #ebebeb;
  border-radius: 6px;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.img_datail .img_area img {
  border: none;
}
.img_datail h2 {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 16px;
}
.img_datail .sub {
  font-size: 1rem;
  margin-bottom: 20px;
}
.img_datail .btn_link {
  margin-bottom: 24px;
}
.img_datail .list_area {
  padding-bottom: 140px;
}

.img_datail.font_large .sub {
  font-size: 1.125rem;
  line-height: 1.5;
}

.img_datail.font_bold .sub {
  font-weight: bold;
}

.shopaddress {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 10px;
  text-align: right;
}
.shopaddress span {
  font-size: 0.625rem;
}

.cash_collect_order .category {
  padding-block: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.cash_collect_order .category li {
  height: 100px;
}
.cash_collect_order .category li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  text-align: center;
  box-sizing: border-box;
  border-radius: 6px;
}
.cash_collect_order .category li a img {
  display: block;
  height: 50px;
  margin: 0 auto 8px;
}

.cash_shoplist .h2 {
  padding-bottom: 0;
}
.cash_shoplist .shopaddress {
  margin-top: 10px;
}
.cash_shoplist .shoplist {
  position: relative;
}
.cash_shoplist .shoplist > a {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #ebebeb;
}
.cash_shoplist .shoplist > a .img_area {
  width: 58px;
  height: 58px;
  background-color: #8f8f8f;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 15px;
}
.cash_shoplist .shoplist > a .img_area img {
  width: 100%;
  height: 100%;
}
.cash_shoplist .shoplist > a .txt_area {
  flex-grow: 1;
  margin-left: 16px;
}
.cash_shoplist .shoplist > a .txt_area h2 {
  font-weight: bold;
  margin-bottom: 4px;
}
.cash_shoplist .shoplist > a .txt_area h2 em {
  vertical-align: middle;
}
.cash_shoplist .shoplist > a .txt_area span {
  display: block;
  color: #8f8f8f;
  font-size: 0.875rem;
}
.cash_shoplist .shoplist > a .txt_area span:last-child {
  margin-bottom: 0;
}
.cash_shoplist .shoplist > a .txt_area span em {
  color: #1e1e1e;
  font-weight: bold;
  margin-right: 5px;
}
.cash_shoplist .shoplist > a .sub_round {
  color: #FB4659;
}
.cash_shoplist .shoplist > a .btn-img-cash {
  width: 60px;
  height: 60px;
  background-image: url(/asset/images/btn-cash-shop.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  font-size: 0;
}
.cash_shoplist .shoplist.disable .txt_area h2, .cash_shoplist .shoplist.disable .txt_area span {
  color: #ebebeb;
}
.cash_shoplist .shoplist.disable::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1e1e1e;
  opacity: 0.4;
  color: #fff;
}
.cash_shoplist .shoplist.disable::after {
  display: block;
  content: "지금은 준비중입니다.";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cash_shop #shop_list ul {
  padding-bottom: 141px;
}
.cash_shop .btn_area {
  background-color: #fff;
}
.cash_shop .btn_area p {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 8px;
}
.cash_shop .btn_area span {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 16px;
}

.recruit_list .lists {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  padding-block: 16px;
}
.recruit_list .lists li {
  border: 1px solid #ebebeb;
  border-radius: 6px;
  box-sizing: border-box;
  overflow: hidden;
}
.recruit_list .lists li .img_wrap {
  width: 100%;
  aspect-ratio: 1/0.5;
}
.recruit_list .lists li .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recruit_list .lists li .txt_wrap {
  padding: 12px;
  box-sizing: border-box;
}
.recruit_list .lists li .txt_wrap h2, .recruit_list .lists li .txt_wrap h3 {
  margin-bottom: 4px;
}
.recruit_list .lists li .txt_wrap h2 {
  font-weight: bold;
}
.recruit_list .lists li .txt_wrap p {
  font-size: 0.875rem;
  color: #8f8f8f;
}

.recruit_detail .descript_flat {
  padding: 0;
}
.recruit_detail article {
  padding-block: 20px;
  border-bottom: 9px solid #f9f9f9;
}
.recruit_detail article h2, .recruit_detail article h3 {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.recruit_detail .img_wrap {
  width: 100%;
  aspect-ratio: 1/0.5;
}
.recruit_detail .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recruit_detail .tit_area h2 {
  margin-bottom: 4px;
}
.recruit_detail .tit_area span {
  font-size: 0.875rem;
  color: #8f8f8f;
}
.recruit_detail .detail img {
  width: 100%;
  border-radius: 6px;
  margin-bottom: 20px;
}
.recruit_detail .map .map_thum {
  width: 100%;
  aspect-ratio: 1/0.5;
  background: #f9f9f9;
  border-radius: 6px;
  margin-bottom: 20px;
}
.recruit_detail .foot {
  font-size: 0.875rem;
  color: #8f8f8f;
  padding-bottom: 100px;
}
.recruit_detail .foot em {
  color: #1e1e1e;
  font-weight: bold;
}

.mypage_main article:nth-of-type(1) {
  padding: 16px 0px;
  border-bottom: 9px solid #f9f9f9;
}
.mypage_main .btnlink {
  position: absolute;
  top: 5px;
  right: 16px;
}
.mypage_main .welcome {
  margin-bottom: 15px;
}
.mypage_main .welcome p {
  font-size: 1.125rem;
  line-height: 1.5;
}
.mypage_main .welcome .user_name {
  font-size: 1.5rem;
  font-weight: bold;
  margin-right: 4px;
}
.mypage_main .mycash {
  width: 100%;
  background-color: #6D4DFF;
  border-radius: 6px;
  padding: 40px 16px 24px;
  box-sizing: border-box;
  position: relative;
}
.mypage_main .mycash p {
  font-size: 0.875rem;
  color: #fff;
}
.mypage_main .mycash p a {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  margin-top: 4px;
}
.mypage_main .mycash p a::after {
  display: inline-block;
  right: auto;
  width: 30px;
  background-size: 20%;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.mypage_main .mycash p a em {
  margin-left: 4px;
  font-size: 1rem;
}
.mypage_main .mycash p.my_winnings {
  float: left;
  width: 50%;
  margin-bottom: 24px;
}
.mypage_main .mycash p.my_roulette {
  width: 50%;
  float: left;
  margin-bottom: 24px;
}
.mypage_main .mycash p.my_cash {
  float: left;
  width: 50%;
}
.mypage_main .mycash p.my_point {
  width: 50%;
  float: left;
}
.mypage_main .mycash .sub_round {
  background-color: #FFE851;
  color: #1e1e1e;
  position: absolute;
  top: 16px;
  right: 16px;
}
.mypage_main .mycash::after {
  content: "";
  display: block;
  clear: both;
}
.mypage_main .info_wrap {
  padding-block: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.mypage_main .info_wrap a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.875rem;
}
.mypage_main .info_wrap a.link_savemsg, .mypage_main .info_wrap a.link_setting {
  margin-bottom: 0;
}
.mypage_main .info_wrap a.link_group::before, .mypage_main .info_wrap a.link_coupon::before, .mypage_main .info_wrap a.link_orderlist::before, .mypage_main .info_wrap a.link_savemsg::before, .mypage_main .info_wrap a.link_setting::before, .mypage_main .info_wrap a.link_review::before, .mypage_main .info_wrap a.link_recruit::before {
  content: "";
  display: block;
  width: 38px;
  height: 38px;
  margin: 0 auto 8px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
}
.mypage_main .info_wrap a.link_group::before {
  background-image: url(/asset/images/ico_group.svg);
}
.mypage_main .info_wrap a.link_coupon::before {
  background-image: url(/asset/images/ico_coupon.svg);
}
.mypage_main .info_wrap a.link_orderlist::before {
  background-image: url(/asset/images/ico_orderlist.svg);
  background-size: 90%;
}
.mypage_main .info_wrap a.link_savemsg::before {
  background-image: url(/asset/images/ico_msg.svg);
  background-size: 90%;
}
.mypage_main .info_wrap a.link_setting::before {
  background-image: url(/asset/images/ico_setting.svg);
  background-size: 90%;
}
.mypage_main .info_wrap a.link_review::before {
  background-image: url(/asset/images/ico_review.svg);
  background-size: 90%;
}
.mypage_main .info_wrap a.link_recruit::before {
  background-image: url(/asset/images/ico_recruit.svg);
  background-size: 90%;
}
.mypage_main .info_wrap a .friend_num {
  display: block;
  width: 100%;
  height: 38px;
  margin: 0 auto 8px;
  font-size: 38px;
  font-weight: bold;
  color: #FFE851;
  line-height: 1;
}
.mypage_main .exchange_wrap {
  display: flex;
}
.mypage_main .exchange_wrap a {
  width: 100%;
  height: 92px;
  border: 1px solid #ebebeb;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 6px;
  font-weight: bold;
  line-height: 1.5;
  margin-right: 1%;
  position: relative;
}
.mypage_main .exchange_wrap a:nth-of-type(2) {
  margin-right: 0;
  margin-left: 1%;
}
.mypage_main .exchange_wrap a::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
}
.mypage_main .exchange_wrap a.exchange_cash::before {
  background-image: url(/asset/images/ico_recycle.svg);
}
.mypage_main .exchange_wrap a.exchange_winnings::before {
  background-image: url(/asset/images/ico_dollar.svg);
  width: 55px;
  height: 55px;
}

.mypage_history article {
  padding-top: 16px;
}
.mypage_history .all_cash {
  border-bottom: 9px solid #f9f9f9;
}
.mypage_history .all_cash p {
  font-size: 0.875rem;
  margin-bottom: 16px;
}
.mypage_history .all_cash p span {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 4px;
}
.mypage_history .all_cash .disappear {
  position: absolute;
  top: 0px;
  right: 16px;
  font-size: 0.75rem;
  color: #8f8f8f;
}
.mypage_history .all_cash .disappear span {
  display: inline-block;
  font-size: 0.75rem;
  color: #8f8f8f;
  margin-top: 0px;
  margin-left: 4px;
}
.mypage_history .classify {
  width: 100%;
  height: 36px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  border-bottom: 1px solid #ebebeb;
  padding: 0px 16px;
  box-sizing: border-box;
}
.mypage_history .classify li {
  float: left;
  margin-left: 10px;
  font-size: 0.75rem;
  color: #8f8f8f;
}
.mypage_history .classify li.active {
  color: #1e1e1e;
  font-weight: bold;
}
.mypage_history .cash_list li {
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ebebeb;
}
.mypage_history .cash_list li p {
  font-size: 0.875rem;
}
.mypage_history .cash_list li p span {
  display: block;
  margin-top: 6px;
  color: #8f8f8f;
}
.mypage_history .cash_list li .cash_num {
  font-size: 1rem;
  font-weight: bold;
}
.mypage_history .cash_list li .cash_num_minus {
  color: #FB4659;
}

.mypage_couponbox article {
  padding-top: 16px;
}
.mypage_couponbox .top_sub {
  font-size: 0.875rem;
  margin-bottom: 16px;
}
.mypage_couponbox .top_sub strong {
  font-weight: bold;
}
.mypage_couponbox .couponbox_area {
  width: 100%;
  height: 150px;
  display: flex;
  margin-bottom: 16px;
}
.mypage_couponbox .couponbox_area .coupon_left {
  width: 78%;
  height: 100%;
  border: 1px solid #ebebeb;
  background: #fff;
  box-sizing: border-box;
  padding: 16px;
  position: relative;
  border-radius: 6px;
}
.mypage_couponbox .couponbox_area .coupon_left h3 {
  font-size: 0.875rem;
  margin-bottom: 8px;
}
.mypage_couponbox .couponbox_area .coupon_left p {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 8px;
}
.mypage_couponbox .couponbox_area .coupon_left span {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 8px;
}
.mypage_couponbox .couponbox_area .coupon_left span.date {
  position: absolute;
  left: 16px;
  bottom: 16px;
  color: #8f8f8f;
  margin-bottom: 0;
}
.mypage_couponbox .couponbox_area .coupon_right {
  width: 22%;
  height: 100%;
  border-radius: 5px 0px 0px 5px;
  box-sizing: border-box;
  background-color: #FFE851;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mypage_couponbox .couponbox_area .coupon_right .downtxt {
  font-size: 0.75rem;
  text-align: center;
}
.mypage_couponbox .couponbox_disabled {
  color: #8f8f8f;
}
.mypage_couponbox .couponbox_disabled .coupon_right {
  background-color: #ebebeb;
}

.exchange_cash .inner {
  padding-top: 20px;
  border-bottom: 9px solid #f9f9f9;
}
.exchange_cash .arrow_cir {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #1e1e1e;
  color: #fff;
  line-height: 28px;
  text-align: center;
}
.exchange_cash .input_flex {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.exchange_cash .input_flex span {
  margin: 0 8px;
  flex-shrink: 0;
}
.exchange_cash .input_flex .inputc {
  display: flex;
  align-items: end;
}
.exchange_cash .input_flex .inputc .input_box {
  margin-right: 5px;
}
.exchange_cash input {
  text-align: right;
}
.exchange_cash .descript_flat {
  border-top: 1px solid #ebebeb;
}
.exchange_cash .descript_flat dd {
  text-align: right;
}
.exchange_cash .descript_flat .inpoint {
  font-weight: bold;
  font-size: 1.125rem;
}
.exchange_cash .input_wrap {
  padding: 20px;
}
.exchange_cash .input_wrap input {
  text-align: left;
}
.exchange_cash .deposit {
  padding-bottom: 90px;
}

.invite_status .banner_invite {
  padding-top: 0;
}
.invite_status .banner_invite .inner {
  height: auto;
  background-image: url(/asset/images/banner_cash.jpg);
}
.invite_status .banner_invite .inner span {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.invite_status .banner_invite .inner em {
  font-weight: bold;
}
.invite_status .title_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none;
}
.invite_status .title_area .create_group {
  font-size: 0.875rem;
  text-decoration: underline;
  color: #6743ff;
  padding-right: 14px;
  box-sizing: border-box;
}
.invite_status .title_area .create_group::after {
  width: 10px;
  height: 10px;
  background-size: contain;
  top: 19px;
}
.invite_status .invite_list {
  padding-bottom: 87px;
}
.invite_status .invite_list li {
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
}
.invite_status .invite_list li span {
  color: #8f8f8f;
  margin-top: 6px;
}
.invite_status .invite_list .actornot {
  color: #1e1e1e;
  position: relative;
  margin-left: 4px;
}
.invite_status .invite_list .actornot::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  position: absolute;
  left: -10px;
  top: 0px;
}
.invite_status .invite_list .invite_act {
  font-weight: bold;
}
.invite_status .invite_list .invite_act::before {
  background-color: #40DE8C;
}
.invite_status .invite_list .invite_inact {
  color: #8f8f8f;
}
.invite_status .invite_list .invite_inact::before {
  background-color: #8f8f8f;
}

.invite article {
  padding-top: 16px;
}
.invite .btn_double_area {
  border-bottom: 9px solid #f9f9f9;
}
.invite .btn_round_sm {
  font-size: 0.875rem;
}
.invite .invite_kakao {
  background-color: rgba(255, 226, 39, 0.2);
  border: none;
}
.invite .my_contact_list .title_area {
  display: flex;
  justify-content: space-between;
  border-bottom: none;
}
.invite .my_contact_list .title_area .invite_num {
  font-size: 0.875rem;
  text-align: right;
  color: #8f8f8f;
  font-weight: normal;
}
.invite .my_contact_list .search_wrap {
  margin-bottom: 16px;
}
.invite .my_contact_list .invite_list {
  padding-bottom: 87px;
}
.invite .my_contact_list .invite_list li {
  position: relative;
  font-size: 0.875rem;
  padding: 16px 0px;
}
.invite .my_contact_list .invite_list li label {
  padding-left: 46px;
  box-sizing: border-box;
}
.invite .my_contact_list .invite_list li .phone_num {
  display: block;
  color: #8f8f8f;
  margin-top: 6px;
  padding-left: 46px;
  box-sizing: border-box;
}

.invite_group .all_member_list {
  padding: 16px 0px 87px;
}
.invite_group .all_member_list li {
  padding: 10px 16px;
  padding-left: 46px;
  box-sizing: border-box;
  position: relative;
}
.invite_group .all_member_list li .ico {
  top: 8px;
}

.group_status .cash_box {
  background-color: rgba(255, 226, 39, 0.2);
  border-radius: 6px;
  padding: 24px 16px;
  box-sizing: border-box;
  position: relative;
}
.group_status .cash_box p {
  font-size: 0.875rem;
}
.group_status .cash_box p span {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 4px;
}
.group_status .cash_box button {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 0.75rem;
}
.group_status .group_list .list_top {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  box-sizing: border-box;
}
.group_status .group_list .list_top .group_num {
  font-size: 1rem;
  font-weight: bold;
}
.group_status .group_list .list_top .group_date {
  text-align: right;
  font-size: 0.875rem;
  color: #8f8f8f;
}
.group_status .group_list ul {
  padding-bottom: 87px;
}
.group_status .group_list ul li {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  padding: 10px 16px;
  box-sizing: border-box;
}
.group_status .group_list ul li .my_name {
  color: #6D4DFF;
}
.group_status .group_list ul li .my_name::before {
  content: "나";
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #6D4DFF;
  color: #fff;
  margin-right: 4px;
  font-size: 0.625rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.group_status .group_list ul li .group_cash {
  text-align: right;
}
.group_status .group_list ul li .group_cash strong {
  font-weight: bold;
}
.group_status .group_list ul li .my_group_cash {
  padding-right: 14px;
}
.group_status .group_list ul li .my_group_cash::after {
  width: 10px;
  height: 10px;
  background-size: contain;
}

.group_none .banner_alert {
  padding-top: 0;
  padding-bottom: 0;
}

.save_msg .cash_collect {
  padding-top: 0;
}

.review p {
  line-height: 1.5;
}
.review .count {
  padding-top: 20px;
  font-size: 18px;
  font-weight: bold;
}
.review .count .star_rating_wrap {
  display: flex;
  text-align: center;
}
.review .count .star_rating_wrap > * {
  flex: 0 0 50%;
}
.review .count .star_rating_wrap .star_wrap {
  padding-block: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 24px;
}
.review .count .star_rating_wrap .star_wrap .star_num {
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 10px;
}
.review .count .star_rating_wrap .rating_wrap {
  display: flex;
  justify-content: space-between;
  padding: 20px 16px;
  box-sizing: border-box;
}
.review .count .star_rating_wrap .rating_wrap .progress {
  min-width: 0;
  flex: 1;
  padding: 0 2px;
  text-align: center;
  font-size: 10px;
  font-weight: normal;
  display: flex;
  flex-direction: column-reverse;
}
.review .count .star_rating_wrap .rating_wrap .progress .bar_container {
  background: #ebebeb;
  border-radius: 10px;
  width: 6px;
  height: 50px;
  overflow: hidden;
  position: relative;
  margin: 5px auto;
}
.review .count .star_rating_wrap .rating_wrap .progress .bar_container .bar {
  background: #FFE851;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.review .count .star_rating_wrap .rating_wrap .progress span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.review .count .star_rating_wrap .rating_wrap .progress .label {
  font-size: 12px;
  color: #8f8f8f;
}
.review .count_wrap {
  border-bottom: 9px solid #f9f9f9;
}
.review .filters {
  padding: 16px 0;
  border-bottom: 1px solid #ebebeb;
}
.review .filters .filter_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.review .filters .filter_wrap .classify {
  margin-bottom: 0;
}
.review .item {
  padding: 16px 0;
  border-bottom: 9px solid #f9f9f9;
  font-size: 14px;
}
.review .item .flex {
  justify-content: flex-start;
}
.review .item .dates {
  color: #8f8f8f;
  margin-bottom: 8px;
}
.review .item .dday {
  color: #6D4DFF;
  font-weight: bold;
  margin-left: 4px;
}
.review .item .img {
  width: 50px;
  height: 50px;
  background-color: #ebebeb;
  border-radius: 6px;
  margin-right: 16px;
  flex-shrink: 0;
  overflow: hidden;
}
.review .item .img img {
  width: 100%;
  height: 100%;
}
.review .item .txts {
  width: 100%;
  margin-right: 16px;
}
.review .item .txts .mart_name {
  font-weight: bold;
}
.review .item .btn_sm {
  flex-shrink: 0;
  margin-left: auto;
  align-self: flex-end;
}
.review .item_lg {
  padding: 16px 0;
  border-bottom: 9px solid #f9f9f9;
  font-size: 14px;
}
.review .item_lg .txts {
  color: #8f8f8f;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.review .item_lg .txts .names {
  width: 100%;
  padding-right: 16px;
}
.review .item_lg .txts .name {
  color: #1e1e1e;
  font-weight: bold;
  margin-bottom: 4px;
}
.review .item_lg .star_ratings {
  margin-bottom: 16px;
}
.review .item_lg .cont {
  line-height: 1.5;
  margin-bottom: 16px;
}
.review .item_lg .imgs {
  display: flex;
  flex-wrap: wrap;
}
.review .item_lg .imgs:last-child .img {
  margin-bottom: 0;
}
.review .item_lg .imgs .img {
  width: 70px;
  height: 70px;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 8px;
  margin-bottom: 16px;
}
.review .item_lg .imgs .img img {
  width: 100%;
  height: 100%;
}
.review .item_lg .btn_sm:not(:last-child) {
  margin-bottom: 16px;
}

.checkbox {
  flex: 0 0 auto;
}

.checkbox > label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-size: 0.875rem;
}

.checkbox > label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  margin-right: 6px;
  position: relative;
}

.checkbox > label::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 4px;
  border: 2px solid #d5d5d5;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  transform-origin: 25% 25%;
  position: absolute;
  top: 7px;
  left: 3.5px;
}

.checkbox input[type=checkbox]:checked + label::before {
  background: #FFE851;
  border-color: #FFE851;
}

.checkbox input[type=checkbox]:checked + label::after {
  border-color: #fff;
}

.checkbox input[type=checkbox]:disabled + label {
  color: #d5d5d5;
}

.review_write .txts {
  text-align: center;
}
.review_write .txts p {
  font-size: 24px;
  font-weight: bold;
  margin-block: 40px 20px;
}
.review_write .txts .mart_name {
  font-weight: bold;
  margin-bottom: 8px;
}
.review_write .txts span {
  display: block;
}
.review_write .preview_container {
  display: flex;
}

.imgs_preview_container {
  display: flex;
  flex-wrap: wrap;
}

.resume .my_resume .inner {
  padding: 20px;
}
.resume .my_resume .img {
  width: 50px;
  aspect-ratio: 3/4;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 20px;
}
.resume .my_resume .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.resume .my_resume .txts {
  width: 100%;
}
.resume .my_resume .txts h2 {
  font-weight: bold;
  margin-bottom: 4px;
}
.resume .my_resume .txts span {
  font-size: 0.875rem;
  color: #8f8f8f;
}
.resume .my_resume .btn_sm {
  align-self: flex-end;
  flex-shrink: 0;
}
.resume .filters {
  padding-block: 20px;
  border-bottom: 1px solid #ebebeb;
}
.resume .filters .classify {
  justify-content: flex-start;
  margin-bottom: 0;
}
.resume .filters .classify li {
  margin-left: 0;
  margin-right: 10px;
  color: #8f8f8f;
}
.resume .application_list .item {
  border-bottom: 9px solid #f9f9f9;
}
.resume .application_list .item > a {
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.resume .application_list .item > a span {
  font-size: 0.875rem;
  margin-bottom: 4px;
}
.resume .application_list .item > a span.status.ing {
  color: #6D4DFF;
}
.resume .application_list .item > a span.status.fin {
  color: #8f8f8f;
}
.resume .application_list .item > a span.date {
  margin-bottom: 10px;
}
.resume .application_list .item > a h2 {
  font-weight: bold;
}
.resume article:not(:last-of-type) {
  border-bottom: 9px solid #f9f9f9;
}
.resume .tit_wrap {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  box-sizing: border-box;
}
.resume .tit_wrap h2 {
  font-size: 1.125rem;
  font-weight: bold;
}

.resume_detail .tit_wrap {
  padding-bottom: 0;
}
.resume_detail .create_date {
  color: #8f8f8f;
  font-size: 0.875rem;
}
.resume_detail .profile {
  display: flex;
  align-items: flex-start;
  padding-block: 20px;
}
.resume_detail .profile .img {
  width: 80px;
  aspect-ratio: 3/4;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 20px;
}
.resume_detail .profile .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.resume_detail .profile h3 {
  font-weight: bold;
  margin-bottom: 8px;
}
.resume_detail .profile p:not(:last-of-type) {
  margin-bottom: 8px;
}
.resume_detail h3 {
  font-weight: bold;
}
.resume_detail .tits {
  display: flex;
  justify-content: space-between;
}
.resume_detail .tits .date {
  color: #8f8f8f;
}
.resume_detail .lists li {
  padding-block: 20px;
}
.resume_detail .lists li:not(:last-of-type) {
  border-bottom: 1px solid #ebebeb;
}
.resume_detail .lists .descript_flat {
  padding: 0;
}
.resume_detail .career .tits {
  margin-bottom: 18px;
}
.resume_detail .cover_letter .cont_wrap {
  padding-block: 20px;
}
.resume_detail .cover_letter h3 {
  margin-bottom: 10px;
}
.resume_detail .signature,
.resume_detail .caution {
  padding-block: 20px;
  font-size: 0.875rem;
}
.resume_detail .signature {
  text-align: center;
}
.resume_detail .caution {
  color: #8f8f8f;
}
.resume_detail .btn_modify {
  display: none;
}
.resume_detail .btn_modify.active {
  display: block;
}

.resume_create .inner {
  padding-bottom: 100px;
}
.resume_create .input_img {
  margin-bottom: 20px;
  position: relative;
}
.resume_create .input_img label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  aspect-ratio: 3/4;
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  overflow: hidden;
  margin-inline: auto;
}
.resume_create .input_img label:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(/asset/images/ico_camera.svg) no-repeat center/100%;
}
.resume_create .input_img .preview {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -40px;
  width: 80px;
  aspect-ratio: 3/4;
  border-radius: 6px;
  overflow: hidden;
  pointer-events: none;
}
.resume_create .input_img .preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.resume_create .address {
  display: flex;
  justify-content: space-between;
}
.resume_create .job_salary_offer_box {
  margin-top: 10px;
}
.resume_create .lists li {
  padding: 20px;
  border-bottom: 9px solid #f9f9f9;
  display: flex;
  flex-direction: column;
}
.resume_create .lists li .tits {
  display: flex;
  justify-content: space-between;
}
.resume_create .lists li .tits h2 {
  font-weight: bold;
}
.resume_create .lists li .tits .date {
  font-size: 0.875rem;
  color: #8f8f8f;
}
.resume_create .lists li .desc {
  color: #8f8f8f;
}
.resume_create .lists li .btns {
  margin-top: 10px;
}
.resume_create .btn_wrap {
  padding: 20px;
  text-align: right;
}

.quickmsg .inner {
  padding-block: 20px;
}
.quickmsg h2 {
  font-weight: bold;
  font-size: 1.25rem;
  text-align: center;
  padding-block: 10px 12px;
}
.quickmsg .wrap {
  padding-block: 10px;
}
.quickmsg .txt_wrap h2 {
  text-align: left;
  word-break: break-all;
}
.quickmsg .txt_wrap P {
  word-break: break-all;
}
.quickmsg .frame {
  border-radius: 10px;
  overflow: hidden;
}
.quickmsg .img_frame > img {
  width: 100%;
}
.quickmsg .youtube_wrap iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.quickmsg .map_frame {
  width: 100%;
  aspect-ratio: 4/3;
  max-height: 350px;
  background-color: #bcbcbc;
}
.quickmsg .booking_wrap .h2 {
  text-align: left !important;
}
.quickmsg .booking_wrap > p {
  margin-bottom: 8px;
}
.quickmsg .booking_wrap .input_btn .input_date_custom + button {
  background: #FFFCE8;
  border-color: #ffe851;
}
.quickmsg .sns_wrap .h2 {
  text-align: left;
}
.quickmsg .sns_wrap .sns_link {
  display: block;
  width: 100%;
  padding: 12px;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  border-radius: 12px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.quickmsg .sns_wrap .sns_link:hover {
  color: #1e1e1e;
}
.quickmsg .sns_wrap .sns_link > .img {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #f9f9f9;
  margin-right: 16px;
  flex-shrink: 0;
}
.quickmsg .sns_wrap .sns_link > .img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.quickmsg .sns_wrap .sns_link > span {
  font-weight: bold;
}

.quickmsg_survey .h2 {
  text-align: left !important;
}
.quickmsg_survey .survey .content {
  padding-top: 10px;
}
.quickmsg_survey .survey .radio_area {
  width: calc(100% - 20px);
}
.quickmsg_survey .survey .input_box ~ .input_box {
  margin-bottom: 8px;
}

.temp_head_red {
  background-color: #E61E2B !important;
  color: #ffffff !important;
}

.temp_head_blue {
  background-color: #0b68b3 !important;
  color: #ffffff !important;
}

.temp_head_green {
  background-color: #078e47 !important;
  color: #ffffff !important;
}

.ver_pc {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.ver_pc .body {
  flex-grow: 1;
}
.ver_pc .foot {
  flex-shrink: 0;
}
.ver_pc .inner_pc {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}
.ver_pc .ico {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.ver_pc .ico_cart {
  background-image: url(/asset/images/ico_cart.svg);
}
.ver_pc a, .ver_pc dt, .ver_pc dd {
  color: inherit;
  line-height: inherit;
}
.ver_pc .head {
  padding: 20px 0;
}
.ver_pc .head h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.31;
  text-align: center;
}
.ver_pc .head .ico {
  position: absolute;
  top: 6px;
  right: 0;
}
.ver_pc .nav {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.ver_pc .nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  line-height: 1.55;
  color: #787878;
}
.ver_pc .nav ul li.on {
  color: #1e1e1e;
  font-weight: 600;
}
.ver_pc .nav ul li:not(:last-child):after {
  display: inline-block;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #c7c7c7;
  margin-left: 12px;
  margin-bottom: 4px;
}
.ver_pc .nav ul li a {
  display: inline-block;
  padding: 12px;
}
.ver_pc .info {
  padding: 16px 0;
  background-color: #F5F5F7;
}
.ver_pc .info .info_wrap {
  display: flex;
  justify-content: center;
  gap: 60px;
}
.ver_pc .info .info_wrap dl {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
}
.ver_pc .info .info_wrap dl dt {
  margin-right: 20px;
}
.ver_pc .info .info_wrap dl:before {
  display: block;
  content: "";
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  margin-right: 4px;
}
.ver_pc .info .info_wrap dl.calendar:before {
  background-image: url(/asset/images/ico_calendar.svg);
}
.ver_pc .info .info_wrap dl.time:before {
  background-image: url(/asset/images/ico_clock.svg);
}
.ver_pc .info .info_wrap dl.addr:before {
  background-image: url(/asset/images/ico_map_marker.svg);
}
.ver_pc .info .info_wrap dl.tel:before {
  background-image: url(/asset/images/ico_phone.svg);
}
.ver_pc .page {
  padding: 50px 0;
}
.ver_pc .page .intro {
  text-align: center;
  padding-bottom: 50px;
}
.ver_pc .page .intro .welcome {
  font-size: 24px;
  line-height: 1.41;
  font-weight: 600;
  margin-bottom: 4px;
}
.ver_pc .page .visual {
  padding-bottom: 70px;
}
.ver_pc .page .visual .swiper-container {
  height: auto;
  aspect-ratio: 16/9;
}
.ver_pc .page .visual .swiper-container > a {
  top: 50%;
}
.ver_pc .page .visual .swiper-container .swiper-slide {
  padding: 0;
}
.ver_pc .page .visual .swiper-container .swiper-slide img {
  border-radius: 0;
}
.ver_pc .page .visual .martimg_vertical {
  padding: 0;
  aspect-ratio: unset;
}
.ver_pc .page .visual .martimg_vertical .item {
  width: 100%;
  height: auto;
}
.ver_pc .page .visual .martimg_vertical .item img {
  height: auto;
  object-fit: unset;
}
.ver_pc .page .visual .subimg_wrap {
  padding: 0;
  padding-top: 70px;
}
.ver_pc .page .visual .subimg_wrap li:not(:last-child) {
  margin-bottom: 40px;
}
.ver_pc .page .visual .subimg_wrap .img_area {
  border-radius: 0;
}
.ver_pc .page .visual .subimg_wrap .video_area {
  height: auto;
  aspect-ratio: 16/9;
  border-radius: 0;
}
.ver_pc .page .restaurant {
  padding: 70px 0;
}
.ver_pc .page .restaurant h4 {
  font-size: 28px;
  line-height: 1.35;
  font-weight: 700;
  margin-bottom: 32px;
}
.ver_pc .page .restaurant ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.ver_pc .page .restaurant ul li img {
  width: 163px;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 12px;
}
.ver_pc .page .restaurant ul li h5 {
  font-weight: 700;
  margin-bottom: 2px;
}
.ver_pc .page .restaurant ul li a {
  font-size: 14px;
  line-height: 1.42;
}
.ver_pc .foot {
  padding: 40px 0;
  background-color: #F5F5F7;
  color: #787878;
}
.ver_pc .foot .footmenu {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px;
}
.ver_pc .foot .footmenu li:not(:last-child):after {
  display: inline-block;
  content: "";
  width: 2px;
  height: 10px;
  background: #d9d9d9;
  margin-left: 12px;
}
.ver_pc .foot p {
  font-size: 12px;
  line-height: 20px;
}
.ver_pc .elect_ad {
  padding-block: 50px;
}
.ver_pc .elect_ad .title {
  display: flex;
  align-items: center;
  font-size: 28px;
  line-height: 1.14;
  font-weight: 700;
  margin-bottom: 24px;
}
.ver_pc .elect_ad .title .avatar {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  overflow: hidden;
  margin-right: 16px;
}
.ver_pc .elect_ad .title .avatar img {
  width: 100%;
  object-fit: cover;
}
.ver_pc .elect_ad .frame {
  width: 100%;
  aspect-ratio: 16/9;
}
.ver_pc .category {
  padding-block: 38px;
  border-bottom: 1px solid #eaeaea;
}
.ver_pc .category ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 8px;
}
.ver_pc .category ul li {
  font-size: 14px;
  line-height: 1.57;
  text-align: center;
  width: 90px;
}
.ver_pc .category ul li img {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto 12px;
}
.ver_pc .product .title_wrap {
  height: 70px;
  font-family: "GmarketSansMedium";
  font-size: 28px;
  line-height: 70px;
  text-align: center;
  background: #ffe851;
}
.ver_pc .product .title_wrap .title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ver_pc .product .title_wrap .title img {
  width: 107px;
  height: 84px;
  object-fit: contain;
  margin-inline: 12px;
  position: relative;
  margin-top: -7px;
}
.ver_pc .product .title_only {
  padding-top: 26px;
  border-top: 1px solid #eaeaea;
  font-size: 28px;
  line-height: 1.35;
  font-weight: 700;
  text-align: center;
}
.ver_pc .product ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-block: 30px;
}
.ver_pc .product ul li {
  padding-bottom: 20px;
}
.ver_pc .product ul li .img {
  width: 163px;
  height: 163px;
  border-radius: 8px;
  margin-bottom: 16px;
  background: silver;
  overflow: hidden;
  position: relative;
  border: 1px solid #ebebeb;
}
.ver_pc .product ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ver_pc .product ul li .img .icon {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  background: black;
  position: absolute;
  top: 10px;
  right: 10px;
}
.ver_pc .product ul li .txt {
  margin-bottom: 8px;
}
.ver_pc .product ul li .txt .standard {
  color: #787878;
  display: block;
}
.ver_pc .product ul li .txt .price {
  color: #FB4659;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}
.ver_pc .product ul li .actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ver_pc .product ul li .actions .buy_cart {
  width: 36px;
  height: 36px;
}
.ver_pc .product ul li .actions .buy_cart:before {
  background-size: 70%;
}
.ver_pc .btn_more {
  display: block;
  margin: 10px auto;
  width: 128px;
  height: 38px;
  padding: 0 10px;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  transition: 0.2s;
}
.ver_pc .btn_more:hover {
  background-color: #f2f2f2;
}

#footer_top {
  width: 100%;
  padding-top: 20px;
  font-size: 0.875rem;
}
#footer_top a {
  color: #8f8f8f;
}

#footer {
  width: 100%;
  padding-block: 20px 100px;
}
#footer p {
  font-size: 0.625rem;
  color: #8f8f8f;
}

/*# sourceMappingURL=style.css.map */