@charset "UTF-8";
/* =====================================
              BASE RESET
===================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table,
caption, tbody, tfoot, thead,
tr, th, td, article,
aside, canvas, details, figcaption,
figure, footer, header, hgroup,
menu, nav, section,
summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

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

ul li {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: inherit;
  display: inline-block;
  cursor: pointer;
}

img {
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

/* =====================================
              FORM RESET
===================================== */
label {
  font-family: inherit;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 0;
  font-family: inherit;
  border-radius: 0;
}

input::-ms-clear {
  display: none;
}

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

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 0;
  border-radius: 0;
  font-family: inherit;
}

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

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

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

button {
  cursor: pointer;
  outline: none;
  padding: 0;
  border: 0;
  margin: 0;
  line-height: 1;
  background: none;
  font-family: inherit;
  border-radius: 0;
}

::-webkit-file-upload-button {
  cursor: pointer;
}

::-webkit-scrollbar {
  display: none;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.card {
  position: relative;
}

.card.card-vertical .card-vertical__thum {
  padding-bottom: 12px;
}

.card.card-vertical-lg {
  width: 140px;
}

.card.card-vertical-md {
  width: 112px;
}

.card.card-horizontal {
  position: relative;
}

.card.card-horizontal .card-horizontal__thum {
  position: absolute;
  top: 0;
  left: 0;
}

.card.card-horizontal .card-horizontal__content--outer {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}

.card.card-horizontal .card-horizontal__content {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.card.card-horizontal .card-horizontal__content--inner {
  display: table-cell;
  vertical-align: middle;
}

.card.card-horizontal.card-horizontal-sm .card-horizontal__content--outer {
  padding: 0 44px 0 92px;
  position: relative;
  top: -3px;
}

.card.card-horizontal.card-horizontal-sm .card-horizontal__content {
  height: 80px;
}

.card.card-horizontal.card-horizontal-md .card-horizontal__content--outer {
  padding: 0 44px 0 124px;
  position: relative;
  top: -4px;
}

.card.card-horizontal.card-horizontal-md .card-horizontal__content {
  height: 112px;
}

.card .card__btn-cart {
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -18px;
}

.card-content .card-content__tag {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-content .card-content__tag span {
  display: inline-block;
  font-size: 12px;
  padding-right: 4px;
}

.card-content .card-content__title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-content .card-content__text p {
  font-size: 12px;
  color: #757575;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-content .card-content__price-percent {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #B41C11;
  padding-right: 2px;
}

.card-content .card-content__price-discount {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #B41C11;
}

.card-content .card-content__price-discount span {
  font-size: 12px;
}

.card-content .card-content__price-list-price {
  font-size: 14px;
  color: #BBBBBB;
  text-decoration: line-through;
}

.card-content .card-content__price-list-price span {
  font-size: 12px;
}

.card-content.card-content-md .card-content__tag {
  padding-bottom: 12px;
}

.card-content.card-content-md .card-content__text {
  padding: 8px 0 16px 0;
}

.card-content.card-content-md .card-content__price-list-price {
  padding-top: 4px;
}

.card-content.card-content-sm .card-content__tag {
  padding-bottom: 4px;
  margin-top: -2px;
}

.card-content.card-content-sm .card-content__tag span {
  font-size: 10px;
}

.card-content.card-content-sm .card-content__title {
  font-size: 14px;
}

.card-content.card-content-sm .card-content__text {
  padding: 6px 0 6px 0;
}

.card-content.card-content-sm .card-content__text p {
  font-size: 10px;
}

.card-content.card-content-sm .card-content__price-percent {
  font-size: 14px;
}

.card-content.card-content-sm .card-content__price-discount {
  font-size: 14px;
}

.card-content.card-content-sm .card-content__price-discount span {
  font-size: 10px;
}

.card-content.card-content-sm .card-content__price-list-price {
  padding-top: 4px;
  font-size: 11px;
}

.card-content.card-content-sm .card-content__price-list-price span {
  font-size: 10px;
}

.card.card-order-sheet .card-horizontal__content--outer {
  top: 0 !important;
}

.card.card-order-sheet .card-content__title strong {
  font-size: 16px;
}

.card.card-order-sheet .card-content__text {
  padding-bottom: 0 !important;
}

.card.card-order-sheet .card-content__text p {
  font-size: 12px !important;
}

.card.card-order-sheet .form-checkbox {
  display: inline-block;
  width: 36px;
  height: 36px;
  padding-left: 0;
}

.card.card-order-sheet .form-checkbox input[type="checkbox"] + .checkbox__icon {
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
}

.card.card-cart-order {
  position: relative;
}

.card.card-cart-order .card__btn-checkbox {
  position: absolute;
  top: -2px;
  left: 0;
  z-index: 1;
}

.card.card-cart-order .card__btn-checkbox .form-checkbox {
  padding-left: 0;
  width: 36px;
  height: 36px;
}

.card.card-cart-order .card-horizontal__content--outer {
  padding: 0 88px 0 126px !important;
}

.card.card-cart-order .card-horizontal__thum {
  left: 32px;
}

.card.card-cart-order .card__btn-spiner {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
}

.card.card-cart-order .card__btn-spiner .form-spiner {
  position: relative;
  width: 77px;
  border: 1px solid #E5E5E5;
}

.card.card-cart-order .card__btn-spiner .form-spiner input[type="number"],
.card.card-cart-order .card__btn-spiner .form-spiner input[type="type"] {
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  padding: 0 24px;
  text-align: center;
  font-size: 12px;
}

.card.card-cart-order .card__btn-spiner .form-spiner .form-spiner__remove,
.card.card-cart-order .card__btn-spiner .form-spiner .form-spiner__add {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
}

.card.card-cart-order .card__btn-spiner .form-spiner .form-spiner__remove .material-icons,
.card.card-cart-order .card__btn-spiner .form-spiner .form-spiner__add .material-icons {
  font-size: 18px;
  color: #CCCCCC;
}

.card.card-cart-order .card__btn-spiner .form-spiner .form-spiner__remove {
  left: 0;
  border-right: 1px solid #E5E5E5;
}

.card.card-cart-order .card__btn-spiner .form-spiner .form-spiner__add {
  right: 0;
  border-left: 1px solid #E5E5E5;
}

.card.card-review .card-horizontal__content--outer {
  padding: 0 0 0 92px !important;
  top: 0 !important;
}

.card.card-review .card-review__grade {
  width: 44px;
}

.card.card-review .card-review__star-bg {
  width: 44px;
  height: 8px;
  background-image: url(../imgs/star-bg.svg);
  background-image: url(http://remainlab.com/zip/imgs/star-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
}

.card.card-review .card-review__star-bg .card-review__star {
  height: 8px;
  background-image: url(../imgs/star.svg);
  background-image: url(http://remainlab.com/zip/imgs/star.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
}

.card.card-review .card-review-data {
  position: relative;
}

.card.card-review .card-review-data__name {
  font-size: 12px;
  color: #757575;
  display: inline-block;
  padding-right: 8px;
}

.card.card-review .card-review__grade {
  display: inline-block;
}

.card.card-review .card-review-data__date {
  font-size: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #AAAAAA;
}

.alert-bg {
  box-sizing: border-box;
  display: table;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.alert-bg .alert-bg--inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.alert {
  box-sizing: border-box;
  width: 312px;
  padding: 28px 20px 8px 20px;
  margin: 0 auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  text-align: left;
}

.alert .alert-inner {
  display: table-cell;
}

.alert .alert__head strong {
  display: block;
  font-size: 21px;
  font-weight: 600;
}

.alert .alert__content p {
  font-size: 14px;
  line-height: 1.75;
  color: #757575;
  padding: 12px 0;
  word-break: keep-all;
}

.alert .alert__foot {
  text-align: right;
}

.alert .alert__foot button {
  height: 48px;
  padding: 0 12px;
  line-height: 48px;
  font-size: 14px;
  color: #757575;
}

.alert .alert__coupon {
  padding-bottom: 8px;
}

.alert .alert__coupon .alert__coupon-col {
  box-sizing: border-box;
  width: 25%;
  padding-right: 8px;
  float: left;
}

.alert .alert__coupon .alert__coupon-col input[type="number"],
.alert .alert__coupon .alert__coupon-col input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  padding: 0 12px;
  background-color: #F5F5F5;
  font-size: 14px;
  text-align: center;
}

.alert .alert__coupon .alert__coupon-col:last-child {
  padding-right: 0;
}

.alert-bg {
  display: none;
}

.alert-bg.is-active {
  display: table;
}

.theme-alert-scroll .alert {
  position: relative;
}

.theme-alert-scroll .alert__head {
  padding-bottom: 20px;
  background-color: #fff;
}

.theme-alert-scroll .alert__content {
  height: 400px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  /* Lets it scroll lazy */
}

.theme-alert-scroll .alert__foot {
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8px 20px;
  background-color: #fff;
}

.theme-alert-scroll .alert__foot::after {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 20px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 90%);
  position: absolute;
  bottom: 64px;
  left: 0;
}

/* 이전으로 돌아가기 */
.page-head-controller {
  box-sizing: border-box;
  height: 64px;
  line-height: 48px;
  padding: 8px;
  position: relative;
}

.page-head-controller .page-head__prev {
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 8px;
  left: 8px;
  text-align: center;
}

.page-head-controller .page-head__prev .material-icons {
  line-height: 48px;
  color: #999;
}

.page-head-controller .page-head__close {
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 8px;
  right: 8px;
}

.page-head-controller .page-head__close .material-icons {
  line-height: 48px;
  color: #999;
}

.page-head-controller .page-head__title {
  text-align: center;
  font-size: 21px;
  line-height: 48px;
}

.tab {
  box-sizing: border-box;
  border-bottom: 1px solid #284733;
}

.tab button {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  text-align: center;
  float: left;
  background-color: #EEEEEE;
  color: #9B9B9B;
}

.tab button.is-active {
  background-color: #284733;
  color: #fff;
  font-weight: 600;
}

.tab.tab-col-2 button {
  width: 50%;
}

.tab.tab-col-3 button {
  width: 33.33%;
}

.tab::after {
  content: "";
  display: block;
  clear: both;
}

.tab-btn {
  box-sizing: border-box;
}

.tab-btn.tab {
  border: 0;
}

.tab-btn button {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  text-align: center;
  background-color: transparent;
  color: #9E9E9E;
}

.tab-btn button.is-active {
  background-color: #284733;
  color: #fff;
}

.tab-btn button.is-disable {
  text-decoration: line-through;
  background-color: #F1F1F1;
}

.tab-btn button.is-disable.is-active {
  background-color: #F1F1F1;
  color: #9E9E9E;
  font-weight: 400;
}

.tab-btn button.outlined {
  border: 1px solid #E5E5E5;
}

.tab-btn.tab-col-3 {
  margin: 0 -4px;
}

.tab-btn.tab-col-3 .tab-btn--outer {
  box-sizing: border-box;
  width: 33.33%;
  padding: 0 4px;
  float: left;
}

.tab-btn.tab-col-3 .tab-btn--outer button {
  width: 100%;
}

.tab-btn::after {
  content: "";
  display: block;
  clear: both;
}

.tab-content {
  display: none;
}

.tab-content.is-active {
  display: block;
}

.notice {
  box-sizing: border-box;
  padding: 16px 12px;
  background-color: #F9F9F9;
}

.notice .notice__icon-col {
  float: left;
}

.notice .notice__icon {
  width: 24px;
  height: 24px;
  border: 1px solid #DBDBDB;
  text-align: center;
  position: relative;
  top: 5px;
}

.notice .notice__icon .material-icons {
  font-size: 18px;
  color: #636363;
  line-height: 24px;
}

.notice .notice__content-col {
  overflow: hidden;
  padding-left: 12px;
}

.notice .notice__content-col p,
.notice .notice__content-col strong {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
  color: #757575;
  word-break: keep-all;
}

.notice .notice__content-col .notice-style-hyphen li {
  position: relative;
  box-sizing: border-box;
  padding: 0 0 0 8px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #757575;
  word-break: keep-all;
}

.notice .notice__content-col .notice-style-hyphen li::after {
  content: "-";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.board .board__list a {
  position: relative;
  display: block;
  padding: 20px 0;
  border-bottom: 1px solid #F0F0F0;
}

.board .board__list-content {
  box-sizing: border-box;
  width: 100%;
}

.board .board__list-content .board__list-title {
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 8px;
}

.board .board__list-content .board__list-text {
  font-size: 12px;
  color: #AAAAAA;
}

.board.side-content .board__list-content {
  padding-right: 60px;
}

.board.side-content .board__list-content-side {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 14px;
  font-weight: 600;
}

.board.side-content .board__list-content-side span {
  font-size: 10px;
  font-weight: 400;
}

.btn {
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #757575;
  background-color: #fff;
  border: 1px solid #E5E5E5;
  white-space: nowrap;
}

.btn.btn-sm {
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  font-size: 12px;
}

.btn.btn-sm .material-icons,
.btn.btn-sm .material-icons-outlined {
  font-size: 18px;
  margin-right: 4px;
}

.btn.btn-md {
  height: 48px;
  line-height: 48px;
  padding: 0 12px;
}

.btn.btn-md .material-icons,
.btn.btn-md .material-icons-outlined {
  font-size: 24px;
  margin-right: 4px;
}

.btn.btn-lg {
  height: 60px;
  line-height: 60px;
  padding: 0 12px;
}

.btn.btn-lg .material-icons,
.btn.btn-lg .material-icons-outlined {
  font-size: 24px;
  margin-right: 4px;
}

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

.btn.primary.outlined {
  background-color: transparent;
  border-color: #284733;
  color: #284733;
}

.btn.block {
  display: block;
  width: 100%;
}

.btn-text {
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #757575;
  background-color: transparent;
  white-space: nowrap;
}

.btn-text.btn-sm {
  font-size: 12px;
  height: 40px;
  line-height: 40px;
}

.btn-text.btn-md {
  font-size: 14px;
  height: 44px;
  line-height: 44px;
}

.btn-text.btn-lg {
  font-size: 16px;
  height: 48px;
  line-height: 48px;
}

.btn-text.size-none {
  height: auto;
  line-height: 1;
}

.btn-text.black {
  color: #000;
}

.btn-text.black .material-icons,
.btn-text.black .material-icons-outlined {
  color: #000;
}

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

.btn-icon {
  box-sizing: border-box;
  display: inline-block;
  background-color: transparent;
  white-space: nowrap;
  text-align: center;
}

.btn-icon.btn-sm {
  width: 40px;
  height: 40px;
}

.btn-icon.btn-sm .material-icons,
.btn-icon.btn-sm .material-icons-outlined {
  line-height: 40px;
}

.btn-icon.btn-md {
  width: 44px;
  height: 44px;
}

.btn-icon.btn-md .material-icons,
.btn-icon.btn-md .material-icons-outlined {
  line-height: 44px;
}

.btn-icon.btn-lg {
  width: 48px;
  height: 48px;
}

.btn-icon.btn-lg .material-icons,
.btn-icon.btn-lg .material-icons-outlined {
  line-height: 48px;
}

.material-icons,
.material-icons-outlined {
  vertical-align: middle;
  padding-bottom: 2px;
}

.thum {
  position: relative;
}

.thum.thum-sm, .thum.thum-md, .thum.thum-lg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.thum .thum__percent {
  display: block;
  background-color: #B41C11;
  color: #fff;
  font-weight: 600;
  text-align: center;
  position: absolute;
  z-index: 2;
}

.thum.thum-sm {
  width: 80px;
  height: 80px;
}

.thum.thum-sm .thum__percent {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 10px;
  top: 4px;
  left: 4px;
}

.thum.thum-md {
  width: 112px;
  height: 112px;
}

.thum.thum-md .thum__percent {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 10px;
  top: 4px;
  left: 4px;
}

.thum.thum-lg {
  width: 140px;
  height: 140px;
}

.thum.thum-lg .thum__percent {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 10px;
  top: 8px;
  left: 8px;
}

.thum .thum__cart {
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 2;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5);
}

.thum .thum__cart .material-icons-outlined {
  font-size: 18px;
  color: #fff;
}

.thum .thum__soldout {
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
}

.thum .thum__soldout .thum__soldout--inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.thum .thum__soldout .thum__soldout--inner strong {
  display: block;
  font-size: 14px;
}

.thum .thum__soldout .thum__soldout--inner p {
  font-size: 10px;
  padding-top: 6px;
}

.tag {
  display: inline-block;
  height: 44px;
  line-height: 44px;
}

.tag span {
  box-sizing: border-box;
  display: inline-block;
  height: 20px;
  padding: 0 4px;
  border: 1px solid transparent;
  font-size: 12px;
  line-height: 20px;
}

.tag.red span {
  background-color: #B41C11;
  color: #fff;
}

.tag.green span {
  background-color: #284733;
  color: #fff;
}

.tag.blue span {
  background-color: #0072B9;
  color: #fff;
}

.tag.gray.outlined span {
  background-color: transparent;
  border-color: #CBCCCE;
  color: #53575D;
}

.tag.green.outlined span {
  background-color: transparent;
  border-color: #C7CAC7;
  color: #284733;
}

.tag.blue.outlined span {
  background-color: transparent;
  border-color: #B2CAD9;
  color: #0072B9;
}

/* 메인 배너 */
.banner-index-main {
  width: 100%;
  overflow-x: hidden;
  position: relative;
}

.banner-index-main .swiper-slide img {
  width: 100%;
}

.banner-index-main .banner-index-main__pagination {
  width: auto;
  position: absolute;
  bottom: 24px;
  right: 20px;
  left: auto;
  z-index: 1;
  font-size: 14px;
}

/* 중간배너 */
.banner-index-middle {
  padding: 20px 16px 24px 16px;
  background-color: #F5F5F5;
}

.banner-index-middle .banner-index-middle__col {
  box-sizing: border-box;
  width: 50%;
  padding: 0 4px;
  float: left;
}

.banner-index-middle .banner-index-middle__col img {
  width: 100%;
}

.banner-index-middle .banner-index-middle__row:first-child {
  padding-bottom: 8px;
}

.banner-index-middle .banner-index-middle__row:last-child {
  padding: 0 4px;
}

.banner-index-middle .banner-index-middle__row:last-child img {
  width: 100%;
}

/* 배너 */
.banner-banchanlist {
  overflow-x: hidden;
  padding-top: 48px;
}

.banner-banchanlist .banner-banchanlist__slide {
  position: relative;
}

.banner-banchanlist .banner-banchanlist__img {
  width: 100%;
  height: 128px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.banner-banchanlist .banner-banchanlist__pagination {
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 12px;
  z-index: 1;
  text-align: center;
}

.banner-banchanlist .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border: 1px solid #fff !important;
  background-color: transparent !important;
  opacity: 1;
}

.banner-banchanlist .swiper-pagination-bullet-active {
  background-color: #fff !important;
}

.calendal .calendal-head {
  background-color: #fff;
  border-top: 1px solid #F0F0F0;
}

.calendal .calendal-head li {
  width: 14.285714%;
  float: left;
  text-align: center;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  font-weight: 600;
  list-style: none;
}

.calendal .calendal-head .calendal-heading::after {
  content: "";
  display: block;
  clear: both;
}

.calendal .calendal-body {
  background-color: #F9F9F9;
  padding: 12px 0;
  border-top: 1px solid #F0F0F0;
  height: 132px;
  overflow: hidden;
}

.calendal .calendal-body .calendal__week {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 12px 20px 14px 20px;
  font-size: 14px;
  text-align: right;
}

.calendal .calendal-body .calendal-date li {
  width: 14.285714%;
  float: left;
  text-align: center;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  list-style: none;
}

.calendal .calendal-body .calendal-date li.is-disable {
  color: #CCCCCC;
}

.calendal .calendal-body .calendal-date::after {
  content: "";
  display: block;
  clear: both;
}

.calendal .calendal-body .calendal-date li.is-active span {
  display: inline-block;
  background-color: #284733;
  color: #fff;
  line-height: 32px;
  width: 32px;
}

.calendal .calendal-foot .calendal-btn-more {
  width: 100%;
  height: 48px;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  font-size: 12px;
  color: #000;
  background-color: #F9F9F9;
}

.calendal .calendal-foot .calendal-btn-more .material-icons {
  font-size: 18px;
}

/* 캘린더 팝업 */
.calendal-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85);
  display: none;
  /* 팝업 닫기 버튼 */
}

.calendal-popup.is-active {
  display: block;
}

.calendal-popup .calendal-popup__btn {
  width: 48px;
  height: 48px;
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 999;
}

.calendal-popup .calendal-popup__btn .material-icons {
  color: #fff;
}

.calendal-popup .calendal-popup--inner {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  width: 100vw;
  height: 80vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.calendal-popup .calendal-head {
  position: fixed;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
}

.calendal-popup .calendal-body--outer {
  padding: 48px 0 24px 0;
}

.calendal-popup .calendal-body {
  height: auto;
}

.form-checkbox {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 28px;
}

.form-checkbox input[type="checkbox"] {
  display: none;
}

.form-checkbox input[type="checkbox"] + .checkbox__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 1px solid #EAEAEA;
  text-align: center;
  position: absolute;
  top: 2px;
  left: 0;
}

.form-checkbox input[type="checkbox"] + .checkbox__icon .material-icons,
.form-checkbox input[type="checkbox"] + .checkbox__icon .material-icons-outlined {
  font-size: 18px;
  line-height: 20px;
  color: #EAEAEA;
}

.form-checkbox input[type="checkbox"]:checked + .checkbox__icon {
  background-color: #284733;
  color: #fff;
}

.form-checkbox .checkbox__label {
  font-size: 14px;
  color: #757575;
  line-height: 1.75;
  word-break: keep-all;
}

.form-checkbox-fieldset {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-right: 68px;
}

.form-checkbox-fieldset .form-checkbox-fieldset__right-col {
  box-sizing: border-box;
  width: 60px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}

.form-checkbox-fieldset .form-checkbox-fieldset__right-col .touch-point {
  position: relative;
  top: -8px;
}

.form-input {
  position: relative;
}

.form-input input[type="text"],
.form-input input[type="email"],
.form-input input[type="number"],
.form-input input[type="password"] {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  padding: 0 64px 0 16px;
  border: 1px solid #E5E5E5;
  color: #000;
  font-size: 16px;
}

.form-input .form-input__deleted {
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

.form-input .form-input__deleted .form-input__deleted--inner {
  display: inline-block;
  background-color: #F0F0F0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.form-input .form-input__deleted .form-input__deleted--inner .material-icons,
.form-input .form-input__deleted .form-input__deleted--inner .material-icons-outlined {
  font-size: 18px;
  color: #909090;
}

.form-input input.is-disable {
  background-color: #F9F9F9;
}

.form-input-fieldset {
  box-sizing: border-box;
  padding-right: 76px;
  position: relative;
}

.form-input-fieldset .form-input__btn {
  box-sizing: border-box;
  width: 68px;
  height: 48px;
  border: 1px solid #284733;
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 0;
}

.form-input .help-text,
.form-input-fieldset .help-text {
  font-size: 14px;
  color: #757575;
  padding-top: 16px;
}

.form-input .help-text strong,
.form-input-fieldset .help-text strong {
  color: #000;
}

.form-radio input[type="radio"] {
  display: none;
}

.form-radio input[type="radio"] + .radio__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #EAEAEA;
  border-radius: 50%;
  background-color: transparent;
  vertical-align: middle;
}

.form-radio input[type="radio"]:checked + .radio__icon {
  background-color: #284733;
  border-color: #284733;
  position: relative;
}

.form-radio input[type="radio"]:checked + .radio__icon::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -4px;
}

.form-radio input[type="radio"] + .radio__icon + .radio__label {
  display: inline-block;
  font-size: 14px;
  color: #757575;
  margin-left: 4px;
}

.form-radio input[type="radio"]:checked + .radio__icon + .radio__label {
  color: #000;
}

.form-select {
  position: relative;
}

.form-select select {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #E5E5E5;
  font-size: 14px;
  color: #757575;
  background-color: transparent;
  position: relative;
  z-index: 2;
}

.form-select .form-select__icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  color: #CCCCCC;
}

.form-textarea textarea {
  border-radius: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 12px;
  border: 1px solid #E5E5E5;
  resize: none;
  font-size: 16px;
  list-style: 1.75;
  outline: none;
}

/* 평상시 검색창 */
.form-search {
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  z-index: 101;
  border-bottom: 1px solid #E5E5E5;
}

.form-search .form-search__input {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  padding: 0 48px 0 16px;
  font-size: 14px;
}

.form-search .form-search__btn {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
}

.form-search .form-search__btn .material-icons {
  color: #E5E5E5;
}

/* 팝업 검색창 */
.search-popup {
  box-sizing: border-box;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  /* 테마, 최근, 인기 공통요소 */
  /* 테마 검색어 */
  /* 최근 검색어 */
  /* 인기 검색어 */
}

.search-popup .form-search {
  position: relative;
}

.search-popup .search-head {
  border-bottom: 1px solid #000;
}

.search-popup .form-search--outer {
  position: relative;
  padding: 0 48px;
}

.search-popup .page-prev__btn {
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.search-popup .page-prev__btn .material-icons {
  color: #E5E5E5;
}

.search-popup .form-search__btn {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  right: 0;
}

.search-popup .form-close__btn {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  right: 0;
}

.search-popup .form-close__btn .form-close--bg {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #F0F0F0;
  border-radius: 50%;
  text-align: center;
}

.search-popup .form-close__btn .material-icons {
  font-size: 18px;
  line-height: 24px;
  color: #909090;
}

.search-popup .search-theme,
.search-popup .search-recent,
.search-popup .search-popularity {
  box-sizing: border-box;
  padding: 28px 20px 0 20px;
}

.search-popup .search-theme--inner,
.search-popup .search-recent--inner {
  box-sizing: border-box;
  padding-bottom: 16px;
  border-bottom: 1px solid #F0F0F0;
}

.search-popup .search-body__title {
  display: block;
  width: 100%;
  padding-bottom: 16px;
  font-size: 18px;
  font-weight: 600;
}

.search-popup .search-theme {
  overflow-x: hidden;
}

.search-popup .search-tag__slide {
  margin-top: -8px;
}

.search-popup .search-tag__list {
  display: inline-block;
  width: auto !important;
}

.search-popup .search-recent .search-recent__no-search {
  font-size: 14px;
  color: #CCCCCC;
  height: 36px;
  line-height: 36px;
}

.search-popup .search-recent .search-recent__list {
  position: relative;
}

.search-popup .search-recent .search-recent__label {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  color: #969696;
}

.search-popup .search-recent .form-close__btn {
  position: absolute;
  top: 0;
  right: 0;
}

.search-popup .search-popularity .search-popularity__label {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  color: #969696;
}

.search-popup.is-active {
  opacity: 1;
  visibility: visible;
}

.form-file {
  position: relative;
}

.form-file label {
  cursor: pointer;
  font-size: 12px;
  border: 1px solid #000;
  color: #000;
}

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

.footer {
  box-sizing: border-box;
  padding: 56px 20px 80px 20px;
  background-color: #F7F7F7;
  font-size: 12px;
  color: #757575;
}

.footer .footer-top {
  margin-bottom: 32px;
}

.footer .footer-top .footer__title {
  display: block;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 16px;
}

.footer .footer-top .footer-cs__number {
  font-size: 24px;
  font-weight: 600;
  color: #000;
  padding-bottom: 12px;
}

.footer .footer-top .footer-cs__number .material-icons {
  font-size: 18px;
  margin-right: 6px;
}

.footer .footer-top .footer-cs__email {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  padding-bottom: 12px;
}

.footer .footer-top .footer-cs__email .material-icons {
  font-size: 18px;
  margin-right: 8px;
}

.footer .footer-top .footer-cs-notice p {
  line-height: 1.75;
}

.footer .footer-bottom .footer-bottom--inner {
  padding: 32px 0 0 0;
  border-top: 1px solid #F0F0F0;
}

.footer .footer-bottom p {
  line-height: 1.75;
}

.header {
  position: relative;
  background-color: #284733;
  text-align: center;
  height: 60px;
  line-height: 60px;
}

.header .header__logo {
  display: inline-block;
  height: 60px;
  line-height: 60px;
}

.header .header__logo img {
  width: 76px;
}

.header .header__search {
  width: 48px;
  height: 48px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  right: 0;
  color: #fff;
}

.header .header__search .material-icons {
  padding-bottom: 0;
}

.header-top-banner {
  width: 100%;
  height: 128px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: relative;
}

.header-top-banner .header-top-banner__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
}

.quickbar {
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 998;
  width: 100%;
  height: 60px;
  border-top: 1px solid #DFDFDF;
  background-color: #fff;
}

.quickbar .quickbar--inner li {
  width: 20%;
  float: left;
  padding-top: 7px;
}

.quickbar .quickbar--inner li span {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto 4px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}

.quickbar .quickbar--inner li a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 48px;
  text-align: center;
  font-size: 10px;
}

.quickbar .quickbar--inner li .quickbar__icon-home {
  background-image: url(http://remainlab.com/zip/imgs/icon/home2.svg);
}

.quickbar .quickbar--inner li .quickbar__icon-strory {
  background-image: url(http://remainlab.com/zip/imgs/icon/book.svg);
}

.quickbar .quickbar--inner li .quickbar__icon-banchan {
  background-image: url(http://remainlab.com/zip/imgs/icon/sidedish.svg);
}

.quickbar .quickbar--inner li .quickbar__icon-cart {
  background-image: url(http://remainlab.com/zip/imgs/icon/cart.svg);
}

.quickbar .quickbar--inner li .quickbar__icon-my {
  background-image: url(http://remainlab.com/zip/imgs/icon/mypage.svg);
}

.quickbar .quickbar--inner li.is-active {
  color: #284733;
}

.quickbar .quickbar--inner li.is-active .quickbar__icon-home {
  background-image: url(http://remainlab.com/zip/imgs/icon/home2_solid.svg);
}

.quickbar .quickbar--inner li.is-active .quickbar__icon-strory {
  background-image: url(http://remainlab.com/zip/imgs/icon/book_solid.svg);
}

.quickbar .quickbar--inner li.is-active .quickbar__icon-banchan {
  background-image: url(http://remainlab.com/zip/imgs/icon/sidedish_solid.svg);
}

.quickbar .quickbar--inner li.is-active .quickbar__icon-cart {
  background-image: url(http://remainlab.com/zip/imgs/icon/cart_solid.svg);
}

.quickbar .quickbar--inner li.is-active .quickbar__icon-my {
  background-image: url(http://remainlab.com/zip/imgs/icon/mypage_solid.svg);
}

.quickbar .quickbar--inner .quickbar__icon-cart {
  position: relative;
}

.quickbar .quickbar--inner .quickbar__icon-cart-notice {
  display: none;
  width: 8px;
  height: 8px;
  background-color: #B41C11;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  right: -4px;
}

.quickbar .quickbar--inner .quickbar__icon-cart.is-active .quickbar__icon-cart-notice {
  display: inline-block;
}

body {
  font-family: "Pretendard", sans-serif;
}

.section-title {
  font-family: "RIDIBatang", serif;
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 26px;
}

/* 쿠폰 */
.coupon-index {
  box-sizing: border-box;
  padding: 40px 20px;
}

.coupon-index img {
  width: 100%;
}

/* 인기반찬 */
.popular-banchan {
  box-sizing: border-box;
  width: 100%;
  padding: 0 0 24px 20px;
  overflow-x: hidden;
}

.popular-banchan .popular-banchan__item {
  width: 140px;
  margin-right: 20px;
  display: inline-block;
}

/* 신규반찬 */
.new-banchan {
  padding: 48px 20px;
}

.new-banchan .new-banchan__list {
  margin-bottom: 20px;
}

.new-banchan .new-banchan__list:last-child {
  margin-bottom: 0;
}

/* 집반찬연구소 이야기 */
.banchan-story {
  box-sizing: border-box;
  width: 100%;
  padding: 44px 20px 56px 20px;
  background-color: #FBFBFB;
  overflow-x: hidden;
}

.banchan-story .banchan-story__slide {
  padding-top: 8px;
}

.banchan-story .banchan-story__list {
  width: 220px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.banchan-story .banchan-story__thum {
  width: 100%;
  padding-bottom: 75%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.banchan-story .banchan-story__content {
  padding: 24px 16px;
}

.banchan-story .banchan-story__content .banchan-story__content-title {
  font-family: "RIDIBatang", serif;
  display: block;
  width: 100%;
  font-size: 21px;
  font-weight: 600;
  padding-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.banchan-story .banchan-story__content .banchan-story__content-text {
  font-size: 12px;
  color: #757575;
  line-height: 1.75;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 실시간 고객후기 */
.realtime-review {
  padding: 44px 20px 48px 20px;
}

.realtime-review .realtime-review__list {
  margin-bottom: 20px;
}

.realtime-review .realtime-review__list:last-child {
  margin-bottom: 0;
}

.section-event--wrapper .section-event__foot {
  padding: 12px 26px 12px 34px;
  text-align: right;
}

.section-event--wrapper .section-event__foot-border {
  padding: 12px 0 0 0;
  border-top: 1px solid #F0F0F0;
}

.section-event--wrapper.section-cut-none::after {
  display: none !important;
}

.section-event--wrapper::after {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  padding-top: 8px;
  background-color: #F7F7F7;
}

/* 신메뉴 */
.news-card {
  box-sizing: border-box;
  width: 100%;
  overflow-x: hidden;
}

.news-card .news-card__tag span {
  display: inline-block;
  font-size: 12px;
  color: #757575;
  margin-right: 2px;
  padding-bottom: 4px;
}

.news-card-md .news-card__content {
  padding: 24px 20px 28px 20px;
}

.news-card-md .news-card__thum {
  width: 100%;
  padding-bottom: 100%;
  background-image: url();
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.news-card-md .news-card__title h2 {
  font-family: "RIDIBatang", serif;
  font-size: 28px;
  font-weight: bold;
  word-break: keep-all;
  line-height: 1.28;
  padding: 12px 0;
}

.news-card-md .news-card__text p {
  font-size: 14px;
  color: #757575;
  line-height: 1.75;
  word-break: keep-all;
  padding-bottom: 36px;
}

.news-card-md .news-card__link p {
  font-size: 12px;
  color: #000;
}

.news-card-sm {
  width: 200px;
}

.news-card-sm .news-card__thum {
  width: 100%;
  padding-bottom: 75%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.news-card-sm .news-card__title h3 {
  font-family: "RIDIBatang", serif;
  font-size: 21px;
  font-weight: bold;
  word-break: keep-all;
  line-height: 1.2;
  padding: 20px 0 12px 0;
}

.news-card-sm .news-card__text p {
  font-size: 12px;
  color: #757575;
  line-height: 1.58;
  word-break: keep-all;
}

/* 이벤트/기획전 */
.section-event .section-event__banner {
  width: 100%;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.section-event .section-event__content {
  box-sizing: border-box;
  width: 100%;
  padding-left: 16px;
}

.section-event .section-event__content--inner {
  box-sizing: border-box;
  width: 100%;
  padding: 16px 20px 0 16px;
  background-color: #fff;
  position: relative;
  top: -28px;
}

.section-event .section-event__content-border {
  padding: 0 0 24px 0;
  border-bottom: 1px solid #F0F0F0;
}

.section-event .section-event__tag span {
  display: inline-block;
  font-size: 12px;
  color: #757575;
  padding-bottom: 4px;
}

.section-event .section-event__title h2 {
  font-family: "RIDIBatang", serif;
  font-size: 24px;
  font-weight: bold;
  word-break: keep-all;
  line-height: 1.2;
  padding: 12px 0 6px 0;
}

.section-event .section-event__title p {
  font-family: "RIDIBatang", serif;
  font-size: 18px;
  font-weight: 400;
  word-break: keep-all;
  line-height: 1.2;
}

.section-event .section-event__text p {
  font-size: 14px;
  color: #757575;
  line-height: 1.57;
  padding: 16px 0 0 0;
  word-break: keep-all;
}

.section-event .section-event__list {
  margin-bottom: 12px;
}

.section-event .section-event__list--outer {
  padding: 0 26px 0 34px;
}

.section-event__slide--wrapper {
  padding: 52px 0 52px 20px;
  overflow-x: hidden;
}

.section-event__slide--wrapper .section-event__list {
  width: 200px;
  margin-bottom: 12px;
}

.story-detail .news-card__title {
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 28px;
}

.story-detail .news-card__title-sub h3 {
  font-family: "RIDIBatang", serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  color: #000;
  padding: 44px 0 24px 0;
}

.story-detail .news-card__title-sub p {
  font-size: 14px;
  line-height: 1.75;
  color: #757575;
  padding-bottom: 60px;
}

.story-detail .news-card__title-sub .story-detail__img {
  width: 100%;
  padding-bottom: 75%;
  background-repeat: repeat;
  background-position: top center;
  background-size: cover;
}

.story-detail .section-event__list {
  margin: 12px 0;
}

.story-detail .story-detail-content {
  padding: 22px 20px 0 20px;
}

.story-detail .story-detail-content__title {
  font-size: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 40px;
}

.story-detail .section-event__list--outer {
  padding-bottom: 12px;
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 24px;
}

.story-detail .story-detail-content__btn-before {
  margin-bottom: 24px;
}

.story-detail::after {
  display: none !important;
}

/* 반찬담기 네비게이션 */
.banchan-list {
  position: relative;
}

.banchan-list__nav {
  width: 90px;
  height: 100vh;
  background-color: #F0F0F0;
  position: absolute;
  top: 0;
  left: 0;
}

.banchan-list__nav .banchan-list__menu--outer {
  background-color: #F0F0F0;
}

.banchan-list__nav .banchan-list__menu {
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #DCDDDC;
}

.banchan-list__nav .banchan-list__menu a {
  display: table-cell;
  width: 100%;
  padding: 2px 8px 0 8px;
  vertical-align: middle;
}

.banchan-list__nav .banchan-list__menu-label {
  font-size: 12px;
  color: #333333;
  line-height: 1.4;
  word-break: keep-all;
  word-wrap: break-word;
}

.banchan-list__nav .banchan-list__notice {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 6px;
  height: 6px;
  background-color: #B41C11;
  border-radius: 50%;
  opacity: 0;
}

.banchan-list__nav .banchan-list__menu.is-active {
  background-color: #FFFFFF;
}

.banchan-list__nav .banchan-list__menu.is-new .banchan-list__notice {
  opacity: 1;
}

.banchan-list__nav.is-fixed {
  position: fixed;
  top: 48px;
  z-index: 100;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.banchan-list__content {
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  padding: 24px 0 24px 90px;
}

.banchan-list__content .banchan-list__section--outer {
  padding: 24px 12px 4px 12px;
}

.banchan-list__content .banchan-list__section:first-child .banchan-list__section--outer {
  padding-top: 0px;
}

.banchan-list__content .banchan-list__section::after {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F7F7F7;
}

.banchan-list__content .banchan-list__content-title {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 20px;
}

.banchan-list__content .banchan-list__list {
  margin-bottom: 16px;
}

.banchandetail {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.banchandetail .banchan-thum {
  width: 100%;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.banchandetail .banchan-data::after {
  content: "";
  display: block;
  width: 100%;
  height: 16px;
  background-color: #F7F7F7;
}

.banchandetail .banchan-data--inner {
  padding: 20px 20px 32px 20px;
}

.banchandetail .banchan-content h1 {
  font-family: "RIDIBatang", serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 4px;
  word-break: keep-all;
}

.banchandetail .banchan-content p {
  font-size: 14px;
  color: #757575;
  line-height: 1.2;
  padding-bottom: 20px;
}

.banchandetail .banchan-price .banchan-price__percent,
.banchandetail .banchan-price .banchan-price__discount {
  font-size: 21px;
  font-weight: 600;
  color: #B41C11;
  display: inline-block;
}

.banchandetail .banchan-price .banchan-price__percent {
  margin-right: 2px;
}

.banchandetail .banchan-price .banchan-price__discount span {
  font-size: 16px;
}

.banchandetail .banchan-price .banchan-price__list-price {
  font-size: 14px;
  color: #BBBBBB;
  padding-top: 6px;
  text-decoration: line-through;
}

.banchandetail .banchan-grade__total {
  text-align: center;
  padding: 32px 20px;
}

.banchandetail .banchan-grade__total .banchan-grade__total--inner {
  padding-bottom: 32px;
  border-bottom: 1px solid #F0F0F0;
}

.banchandetail .banchan-grade__total .banchan-grade__score {
  display: block;
  font-family: "RIDIBatang", serif;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 12px;
}

.banchandetail .banchan-grade__total .banchan-grade__text {
  font-size: 14px;
  color: #757575;
}

.banchandetail .banchan-grade__list--outer::after {
  content: "";
  display: block;
  width: 100%;
  height: 16px;
  background-color: #F7F7F7;
}

.banchandetail .banchan-grade__list--outer .review-btn-group {
  padding: 0 20px 20px 20px;
}

.banchandetail .banchan-grade__list--outer .review-btn {
  border-top: 1px solid #F0F0F0;
  margin: 12px 0;
}

.banchandetail .banchan-grade__list--outer .review-btn:first-child {
  padding-top: 20px;
}

.banchandetail .banchan-grade__list--outer ul {
  padding: 0 20px 16px 20px;
}

.banchandetail .banchan-grade__list {
  position: relative;
  margin-bottom: 20px;
}

.banchandetail .banchan-review__grade {
  width: 64px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
}

.banchandetail .banchan-review__star-bg {
  width: 64px;
  height: 12px;
  background-image: url(http://remainlab.com/zip/imgs/star-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
}

.banchandetail .banchan-review__star {
  height: 12px;
  background-image: url(http://remainlab.com/zip/imgs/star.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
}

.banchandetail .banchan-grade__list-content {
  box-sizing: border-box;
  width: 100%;
  padding: 0 92px 0 76px;
}

.banchandetail .banchan-grade__list-content p {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.banchandetail .banchan-grade__list-data {
  position: absolute;
  top: -3px;
  right: 0;
}

.banchandetail .banchan-grade__user-name,
.banchandetail .banchan-grade__date {
  font-size: 12px;
  color: #757575;
  display: inline-block;
  margin-left: 4px;
}

.banchandetail .banchan-detail-content {
  padding-bottom: 60px;
}

.floating-order-btn {
  box-sizing: border-box;
  width: 100%;
  height: 62px;
  border-top: 1px solid #EEEEEE;
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #fff;
}

.floating-order-btn .floating-order-btn__col {
  display: table;
  height: 62px;
}

.floating-order-btn .floating-order-btn__col:first-child {
  box-sizing: border-box;
  width: 40%;
  float: left;
}

.floating-order-btn .floating-order-btn__col:last-child {
  box-sizing: border-box;
  width: 60%;
  float: left;
}

.floating-order-btn .floating-order-btn__col--inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.floating-order-btn .floating-order-btn__price {
  color: #284733;
  font-weight: 600;
}

.floating-order-btn .floating-order-btn__price .floating-order-btn__price-label {
  display: block;
  font-size: 12px;
  padding-bottom: 4px;
}

.floating-order-btn .floating-order-btn__price span {
  font-size: 12px;
  font-weight: 400;
}

.floating-order-btn .floating-order-btn__cart {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #284733;
}

.banchandetail .banchan-detail-content .tab-content {
  display: block;
}

.banchandetail .tab-banchan__info {
  padding: 0 20px;
}

.banchandetail .tab-banchan__info__title {
  font-family: "RIDIBatang", serif;
  font-size: 28px;
  padding: 40px 0 28px 0;
}

.banchandetail .banchan__table th {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  background-color: #F9F9F9;
  padding: 12px 16px;
  border: 1px solid #EAEAEA;
  line-height: 1.3;
  color: #757575;
  word-break: keep-all;
}

.banchandetail .banchan__table td {
  font-size: 14px;
  padding: 12px 16px;
  border: 1px solid #EAEAEA;
  line-height: 1.3;
  color: #757575;
  word-break: keep-all;
}

.banchan-review-section .tab-banchan__review-head {
  padding: 28px 20px 20px 20px;
}

.banchan-review-section .tab-banchan__review-head p {
  font-size: 14px;
  color: #B3B4B3;
}

.banchan-review-section .tab-banchan__review-head p strong {
  color: #000;
}

.banchan-review-section .tab-banchan__review-head--inner {
  padding-bottom: 16px;
  border-bottom: 1px solid #EAEAEA;
}

.banchan-review-section .banchan-grade__list--outer ul {
  padding: 20px 20px 8px 20px;
}

.cart {
  /* 배송비 절약 알뜰 상품 */
}

.cart .cart-login::after {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.cart .cart-login--inner {
  padding: 28px 20px;
}

.cart .cart-login__title {
  font-size: 16px;
  font-weight: 600;
}

.cart .cart-login__text {
  font-size: 14px;
  line-height: 1.5;
  color: #757575;
  padding: 12px 0;
  word-break: keep-all;
}

.cart .cart-tab--inner {
  padding: 20px;
  border-bottom: 2px solid #F0F0F0;
}

.cart .cart-gauge__head {
  padding-top: 24px;
}

.cart .cart-gauge__head strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
}

.cart .cart-gauge__body {
  padding: 24px 0 16px 0;
}

.cart .cart-gauge-bar--bg {
  box-sizing: border-box;
  width: 100%;
  height: 4px;
  background-color: #F9F9F9;
}

.cart .cart-gauge-bar {
  height: 4px;
  background-color: #AFAB9F;
}

.cart .cart-gauge__foot {
  text-align: right;
}

.cart .cart-gauge__foot p {
  font-size: 14px;
  color: #757575;
}

.cart .cart-tab-content__head {
  padding: 16px 20px;
  border-bottom: 1px solid #F0F0F0;
}

.cart .cart-tab-content__body {
  padding: 0 20px;
}

.cart .cart-tab-content__list {
  padding: 20px 0 16px 0;
  border-bottom: 1px solid #F0F0F0;
}

.cart .cart-tab-content__list:last-child {
  border-bottom: 0;
}

.cart .recommend-list--outer {
  box-sizing: border-box;
  width: 100%;
  padding: 32px 20px 146px 20px;
  background-color: #F5F5F5;
  overflow-x: hidden;
}

.cart .recommend-list__title {
  font-size: 16px;
  padding-bottom: 20px;
}

.cart .cart-recommend-list__slide .swiper-slide {
  width: 112px;
}

.cart .floating-order-btn {
  z-index: 101;
  bottom: 60px !important;
}

.cart .floating-order-btn__cart span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 6px;
}

/* 아코디언 */
.accordion-list .accordion-list__head > a {
  box-sizing: border-box;
  display: block;
  position: relative;
  height: 68px;
  padding: 0 20px;
  line-height: 68px;
}

.accordion-list .accordion-list__head > a.is-active .order-list__head-label {
  color: #000;
}

.accordion-list .order-list__head-label {
  font-size: 21px;
  font-weight: 600;
  color: #9AA19A;
}

.accordion-list .order-list__col-right {
  position: absolute;
  top: 0;
  right: 8px;
}

.accordion-list .order-list__btn-icon {
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 1;
}

.accordion-list .order-list__btn-icon .material-icons {
  line-height: 48px;
}

.accordion-list .order-list__value {
  font-size: 14px;
  font-weight: 400;
  color: #757575;
}

.accordion-list .accordion-list__body {
  display: none;
  padding: 0 20px 20px 20px;
}

.accordion-list .accordion-list__body .accordion-list__body--inner {
  padding-top: 20px;
  border-top: 1px solid #F0F0F0;
}

.accordion-list .accordion-list__body.is-active {
  display: block;
}

.accordion-list::after {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.order {
  /* 선택옵션 */
  /* 배송지 내용 */
  /* 배송지 내용 - 주소 */
  /* 하루특송 */
  /* 캘린더 */
  /* 새벽배송 */
}

.order .notice .notice__icon {
  top: 3px;
}

.order .notice .notice__content-col p {
  line-height: 1.5;
  padding-top: 6px;
}

.order .order-option-list--outer {
  padding-top: 20px;
}

.order .order-option__list {
  margin-bottom: 20px;
}

.order .order-option__list:last-child {
  margin-bottom: 0;
}

.order .order-user-data .order-user-data__title {
  display: block;
  font-size: 16px;
  padding: 12px 0 20px 0;
}

.order .order-user-data .form-input {
  margin-bottom: 16px;
}

.order .order-address {
  padding-bottom: 12px;
}

.order .order-address .order-address__title {
  display: block;
  font-size: 16px;
  padding: 12px 0 20px 0;
}

.order .order-address .order-recent-delivery,
.order .order-address .order-new-delivery,
.order .order-address .order-list-delivery {
  padding-top: 10px;
}

.order .order-address .order-recent-delivery__input-list,
.order .order-address .order-new-delivery__input-list,
.order .order-address .order-list-delivery__input-list {
  margin-top: 16px;
}

.order .order-address .order-recent-delivery__checkbox-list,
.order .order-address .order-new-delivery__checkbox-list,
.order .order-address .order-list-delivery__checkbox-list {
  margin-top: 16px;
}

.order .order-delivery-method .order-delivery-method__notice {
  font-size: 14px;
  color: #757575;
  text-align: center;
  padding: 12px 0 24px 0;
}

.order .order-delivery-method .tab-content {
  padding-top: 20px;
}

.order .order-delivery-method .order-delivery-method__checkbox {
  padding: 20px 0 40px 0;
}

.order .calendal-list__body {
  padding: 0 !important;
}

.order .calendal-list__input {
  padding: 0 20px 20px 20px;
}

.order .calendal-list__input .form-input {
  margin-bottom: 20px;
}

.order .order-delivery-method__textarea textarea {
  box-sizing: border-box;
  display: block;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  border: 1px solid #E5E5E5;
  resize: none;
  outline: none;
  font-size: 16px;
  line-height: 1.75;
  padding: 8px 12px;
}

.order .order-delivery-method__textarea .order-delivery-method__textarea-title {
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-weight: 16px;
  font-weight: 600;
  padding-bottom: 20px;
}

.order .order-delivery-method__textarea .order-delivery-method__textarea-text-count {
  text-align: right;
  font-size: 14px;
  color: #757575;
  padding: 12px 0;
}

.order .order-entrance-password__title,
.order .order-entrance-message__title {
  display: block;
  width: 100%;
  padding: 12px 0 24px 0;
}

.order .order-dawn-delivery__checkbox {
  background-color: #F9F9F9;
  padding: 12px 20px !important;
  margin: 0 -20px;
}

.order .order-entrance-password {
  padding-top: 24px;
}

.order .order-entrance-password__list {
  margin-bottom: 16px;
}

.order .order-entrance-password__list .form-input {
  margin-top: 12px;
}

.order .order-entrance-message {
  padding: 12px 0 24px 0;
}

.order .order-entrance-message__list {
  width: 50%;
  float: left;
}

.order .order-entrance-message__textarea {
  padding-top: 32px;
}

.order .order-entrance-password__list-input {
  display: none;
}

.order .order-entrance-password__list.is-active .order-entrance-password__list-input {
  display: block;
}

/* 결제내용 */
.order {
  /* 결제내용 공통요소 */
  /* 결제 쿠폰 */
  /* 결제 적립금 */
  /* 총 결제금액 */
  /* 결제방법 */
  /* 결제 동의 */
  /* 결제 버튼 */
}

.order .order-payment-title--outer {
  position: relative;
  padding: 28px 0 24px 0;
}

.order .order-payment-title--outer .order-payment__title {
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.order .order-payment-title--outer .order-payment-coupon__link {
  display: inline-block;
  font-size: 12px;
  color: #757575;
  position: absolute;
  top: 10px;
  right: 0;
  height: 48px;
  line-height: 48px;
  text-decoration: underline;
}

.order .order-payment-coupon .order-payment-coupon__list {
  font-size: 14px;
  color: #757575;
}

.order .order-payment-coupon .order-payment-coupon__list li {
  position: relative;
  margin-bottom: 24px;
}

.order .order-payment-coupon .order-payment-coupon__list strong {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  color: #000;
}

.order .order-payment-coupon .order-payment-coupon__list strong span {
  font-size: 10px;
}

.order .order-payment-coupon .order-payment-coupon__price {
  font-size: 14px;
  color: #757575;
  padding: 24px 0;
}

.order .order-payment-coupon .order-payment-coupon__price strong {
  color: #000;
}

.order .order-payment-coupon .order-payment-coupon__price strong span {
  font-size: 10px;
}

.order .order-payment-coupon .order-payment-coupon__enrollment {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 80px 12px 12px;
  background-color: #F9F9F9;
  position: relative;
}

.order .order-payment-coupon .order-payment-coupon__enrollment p {
  font-size: 14px;
  color: #757575;
  line-height: 1.5;
  word-break: keep-all;
}

.order .order-payment-coupon .order-payment-coupon__enrollment .order-payment-coupon__enrollment-link {
  display: inline-block;
  font-size: 12px;
  text-decoration: underline;
  position: absolute;
  top: 15px;
  right: 12px;
  height: 48px;
  line-height: 48px;
  margin-top: -6px;
}

.order .order-payment-reserves {
  padding-bottom: 12px;
}

.order .order-payment-total {
  box-sizing: border-box;
  background-color: #284733;
  color: #fff;
  padding: 32px 20px;
  margin: 34px -20px 4px -20px;
}

.order .order-payment-total .order-payment-total__list li {
  margin-bottom: 18px;
  position: relative;
  font-size: 14px;
  color: #AEB3AE;
}

.order .order-payment-total .order-payment-total__list li strong {
  color: #fff;
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
}

.order .order-payment-total .order-payment-total__list li strong span {
  font-size: 12px;
}

.order .order-payment-total .order-payment-total__price {
  position: relative;
  font-size: 16px;
  padding-top: 12px;
}

.order .order-payment-total .order-payment-total__price strong {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 21px;
}

.order .order-payment-total .order-payment-total__price strong span {
  font-size: 12px;
}

.order .order-payment-kinds {
  position: relative;
  margin-bottom: -14px;
}

.order .order-payment-kinds .order-payment-kinds__radio li {
  margin-bottom: 24px;
}

.order .order-payment-agree {
  padding: 28px 20px 90px 20px;
}

.order .floating-order-btn {
  z-index: 998;
}

.order .floating-order-btn .floating-order-btn__cart span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 8px;
}

.order .order-payment-kinds .tab-content {
  display: none;
}

.order .order-payment-kinds .tab-content.is-active {
  display: block;
}

.order .order-payment-kinds__radio li .order-payment-accordion {
  display: none;
}

.order .order-payment-kinds__radio li.is-active .order-payment-accordion {
  display: block;
}

.order .order-payment-kinds__radio li .tab-title.is-active {
  background-color: #284733;
  border-color: #284733;
  color: #fff;
}

.order .order-payment-kinds__radio li .tab-title-head {
  margin-top: 20px;
}

.order .order-payment-kinds__radio li .notice .notice__content-col p {
  padding-top: 6px;
}

.order .order-payment-kinds__radio li .form-input {
  margin-bottom: 16px;
}

.order .order-regular-delivery-btn-group {
  padding-top: 20px;
  margin: 0 -4px;
}

.order .order-regular-delivery-btn-group .order-btn-group-col {
  position: relative;
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 0 4px;
}

.order .order-regular-delivery-btn-group .order-btn-group-col .btn.is-active {
  border-color: #284733;
  background-color: #284733;
  color: #fff;
}

.order .order-regular-delivery-btn-group .order-regular-delivery-btn__badge {
  position: absolute;
  top: -8px;
  left: 10px;
  font-size: 10px;
  background-color: #B41C11;
  color: #fff;
  padding: 4px;
}

.order .calendal-list-btn-col-group {
  padding: 20px 0;
}

.order .calendal-list-notice-group {
  padding: 0 16px 0 20px;
  margin: 0 -4px;
}

.order .calendal-list-notice-group .calendal-list-btn-col {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 0 4px;
}

.order .calendal-list-notice-group .calendal-list-btn-col .btn.btn.is-active {
  border-color: #284733;
  background-color: #284733;
  color: #fff;
}

.order .normal-price-btn-col--outer {
  margin: 0 -4px;
}

.order .normal-price__title-group {
  padding: 24px 0 12px 0;
}

.order .normal-price__title {
  display: block;
  font-size: 16px;
  padding-bottom: 12px;
}

.order .normal-price__title-dc {
  font-size: 16px;
  font-weight: 600;
  color: #B41C11;
  display: block;
  padding-top: 8px;
}

.order .normal-price__title-sub {
  font-size: 12px;
  font-weight: 400;
  color: #757575;
  display: block;
}

.order .normal-price-btn-col {
  box-sizing: border-box;
  width: 33.33%;
  padding: 4px;
  float: left;
}

.order .normal-price-btn-col--outer .btn.is-active {
  background-color: #284733;
  border-color: #284733;
  color: #fff;
}

.order .calendal-list-notice-group {
  margin-bottom: 20px;
}

.order .calendal-list__input {
  margin-top: 20px;
  margin: 0 -4px;
}

.order .calendal-list__input .form-input {
  padding-top: 20px;
  border-top: 1px solid #F0F0F0;
}

.login {
  /* 로고 */
  /* 인풋 */
  /* 로그인 상태 유지 */
  /* 계정관련 */
  /* 네이버 로그인 버튼 */
}

.login::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.login .login--inner {
  padding: 0 20px;
}

.login .login__logo {
  text-align: center;
  padding: 32px 0;
}

.login .login__logo img {
  width: 114px;
}

.login .login__input-field {
  margin-bottom: 16px;
}

.login .login__auto-login {
  margin-bottom: 16px;
}

.login .login__account-list {
  box-sizing: border-box;
  width: 33.33%;
  border-right: 1px solid #E5E5E5;
  margin: 28px 0;
  float: left;
}

.login .login__account-list:last-child {
  border-right: 0;
}

.login .login__account-list a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #757575;
}

.login .login__btn-naver-logo {
  display: inline-block;
  width: 14px;
  height: 13px;
  margin: 0 4px 2px 0;
  background-image: url(http://remainlab.com/zip/imgs/naver-icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  vertical-align: middle;
}

/* 아코디언 */
.accordion-list .accordion-list__head > a {
  box-sizing: border-box;
  display: block;
  position: relative;
  height: 68px;
  padding: 0 20px;
  line-height: 68px;
}

.accordion-list .accordion-list__head > a.is-active .order-list__head-label {
  color: #000;
}

.accordion-list .order-list__head-label {
  font-size: 21px;
  font-weight: 600;
  color: #9AA19A;
}

.accordion-list .order-list__col-right {
  position: absolute;
  top: 0;
  right: 8px;
}

.accordion-list .order-list__btn-icon {
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 1;
}

.accordion-list .order-list__btn-icon .material-icons {
  line-height: 48px;
}

.accordion-list .order-list__value {
  font-size: 14px;
  font-weight: 400;
  color: #757575;
}

.accordion-list .accordion-list__body {
  display: none;
  padding: 0 20px 20px 20px;
}

.accordion-list .accordion-list__body .accordion-list__body--inner {
  padding-top: 20px;
  border-top: 1px solid #F0F0F0;
}

.accordion-list .accordion-list__body.is-active {
  display: block;
}

.accordion-list::after {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.order {
  /* 선택옵션 */
  /* 배송지 내용 */
  /* 배송지 내용 - 주소 */
  /* 하루특송 */
  /* 캘린더 */
  /* 새벽배송 */
}

.order .notice .notice__icon {
  top: 3px;
}

.order .notice .notice__content-col p {
  line-height: 1.5;
  padding-top: 6px;
}

.order .order-option-list--outer {
  padding-top: 20px;
}

.order .order-option__list {
  margin-bottom: 20px;
}

.order .order-option__list:last-child {
  margin-bottom: 0;
}

.order .order-user-data .order-user-data__title {
  display: block;
  font-size: 16px;
  padding: 12px 0 20px 0;
}

.order .order-user-data .form-input {
  margin-bottom: 16px;
}

.order .order-address {
  padding-bottom: 12px;
}

.order .order-address .order-address__title {
  display: block;
  font-size: 16px;
  padding: 12px 0 20px 0;
}

.order .order-address .order-recent-delivery,
.order .order-address .order-new-delivery,
.order .order-address .order-list-delivery {
  padding-top: 10px;
}

.order .order-address .order-recent-delivery__input-list,
.order .order-address .order-new-delivery__input-list,
.order .order-address .order-list-delivery__input-list {
  margin-top: 16px;
}

.order .order-address .order-recent-delivery__checkbox-list,
.order .order-address .order-new-delivery__checkbox-list,
.order .order-address .order-list-delivery__checkbox-list {
  margin-top: 16px;
}

.order .order-delivery-method .order-delivery-method__notice {
  font-size: 14px;
  color: #757575;
  text-align: center;
  padding: 12px 0 24px 0;
}

.order .order-delivery-method .tab-content {
  padding-top: 20px;
}

.order .order-delivery-method .order-delivery-method__checkbox {
  padding: 20px 0 40px 0;
}

.order .calendal-list__body {
  padding: 0 !important;
}

.order .calendal-list__input {
  padding: 0 20px 20px 20px;
}

.order .calendal-list__input .form-input {
  margin-bottom: 20px;
}

.order .order-delivery-method__textarea textarea {
  box-sizing: border-box;
  display: block;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  border: 1px solid #E5E5E5;
  resize: none;
  outline: none;
  font-size: 16px;
  line-height: 1.75;
  padding: 8px 12px;
}

.order .order-delivery-method__textarea .order-delivery-method__textarea-title {
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-weight: 16px;
  font-weight: 600;
  padding-bottom: 20px;
}

.order .order-delivery-method__textarea .order-delivery-method__textarea-text-count {
  text-align: right;
  font-size: 14px;
  color: #757575;
  padding: 12px 0;
}

.order .order-entrance-password__title,
.order .order-entrance-message__title {
  display: block;
  width: 100%;
  padding: 12px 0 24px 0;
}

.order .order-dawn-delivery__checkbox {
  background-color: #F9F9F9;
  padding: 12px 20px !important;
  margin: 0 -20px;
}

.order .order-entrance-password {
  padding-top: 24px;
}

.order .order-entrance-password__list {
  margin-bottom: 16px;
}

.order .order-entrance-password__list .form-input {
  margin-top: 12px;
}

.order .order-entrance-message {
  padding: 12px 0 24px 0;
}

.order .order-entrance-message__list {
  width: 50%;
  float: left;
}

.order .order-entrance-message__textarea {
  padding-top: 32px;
}

.order .order-entrance-password__list-input {
  display: none;
}

.order .order-entrance-password__list.is-active .order-entrance-password__list-input {
  display: block;
}

/* 결제내용 */
.order {
  /* 결제내용 공통요소 */
  /* 결제 쿠폰 */
  /* 결제 적립금 */
  /* 총 결제금액 */
  /* 결제방법 */
  /* 결제 동의 */
  /* 결제 버튼 */
}

.order .order-payment-title--outer {
  position: relative;
  padding: 28px 0 24px 0;
}

.order .order-payment-title--outer .order-payment__title {
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.order .order-payment-title--outer .order-payment-coupon__link {
  display: inline-block;
  font-size: 12px;
  color: #757575;
  position: absolute;
  top: 10px;
  right: 0;
  height: 48px;
  line-height: 48px;
  text-decoration: underline;
}

.order .order-payment-coupon .order-payment-coupon__list {
  font-size: 14px;
  color: #757575;
}

.order .order-payment-coupon .order-payment-coupon__list li {
  position: relative;
  margin-bottom: 24px;
}

.order .order-payment-coupon .order-payment-coupon__list strong {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  color: #000;
}

.order .order-payment-coupon .order-payment-coupon__list strong span {
  font-size: 10px;
}

.order .order-payment-coupon .order-payment-coupon__price {
  font-size: 14px;
  color: #757575;
  padding: 24px 0;
}

.order .order-payment-coupon .order-payment-coupon__price strong {
  color: #000;
}

.order .order-payment-coupon .order-payment-coupon__price strong span {
  font-size: 10px;
}

.order .order-payment-coupon .order-payment-coupon__enrollment {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 80px 12px 12px;
  background-color: #F9F9F9;
  position: relative;
}

.order .order-payment-coupon .order-payment-coupon__enrollment p {
  font-size: 14px;
  color: #757575;
  line-height: 1.5;
  word-break: keep-all;
}

.order .order-payment-coupon .order-payment-coupon__enrollment .order-payment-coupon__enrollment-link {
  display: inline-block;
  font-size: 12px;
  text-decoration: underline;
  position: absolute;
  top: 15px;
  right: 12px;
  height: 48px;
  line-height: 48px;
  margin-top: -6px;
}

.order .order-payment-reserves {
  padding-bottom: 12px;
}

.order .order-payment-total {
  box-sizing: border-box;
  background-color: #284733;
  color: #fff;
  padding: 32px 20px;
  margin: 34px -20px 4px -20px;
}

.order .order-payment-total .order-payment-total__list li {
  margin-bottom: 18px;
  position: relative;
  font-size: 14px;
  color: #AEB3AE;
}

.order .order-payment-total .order-payment-total__list li strong {
  color: #fff;
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
}

.order .order-payment-total .order-payment-total__list li strong span {
  font-size: 12px;
}

.order .order-payment-total .order-payment-total__price {
  position: relative;
  font-size: 16px;
  padding-top: 12px;
}

.order .order-payment-total .order-payment-total__price strong {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 21px;
}

.order .order-payment-total .order-payment-total__price strong span {
  font-size: 12px;
}

.order .order-payment-kinds {
  position: relative;
  margin-bottom: -14px;
}

.order .order-payment-kinds .order-payment-kinds__radio li {
  margin-bottom: 24px;
}

.order .order-payment-agree {
  padding: 28px 20px 90px 20px;
}

.order .floating-order-btn {
  z-index: 998;
}

.order .floating-order-btn .floating-order-btn__cart span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 8px;
}

.order .order-payment-kinds .tab-content {
  display: none;
}

.order .order-payment-kinds .tab-content.is-active {
  display: block;
}

.order .order-payment-kinds__radio li .order-payment-accordion {
  display: none;
}

.order .order-payment-kinds__radio li.is-active .order-payment-accordion {
  display: block;
}

.order .order-payment-kinds__radio li .tab-title.is-active {
  background-color: #284733;
  border-color: #284733;
  color: #fff;
}

.order .order-payment-kinds__radio li .tab-title-head {
  margin-top: 20px;
}

.order .order-payment-kinds__radio li .notice .notice__content-col p {
  padding-top: 6px;
}

.order .order-payment-kinds__radio li .form-input {
  margin-bottom: 16px;
}

.order .order-regular-delivery-btn-group {
  padding-top: 20px;
  margin: 0 -4px;
}

.order .order-regular-delivery-btn-group .order-btn-group-col {
  position: relative;
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 0 4px;
}

.order .order-regular-delivery-btn-group .order-btn-group-col .btn.is-active {
  border-color: #284733;
  background-color: #284733;
  color: #fff;
}

.order .order-regular-delivery-btn-group .order-regular-delivery-btn__badge {
  position: absolute;
  top: -8px;
  left: 10px;
  font-size: 10px;
  background-color: #B41C11;
  color: #fff;
  padding: 4px;
}

.order .calendal-list-btn-col-group {
  padding: 20px 0;
}

.order .calendal-list-notice-group {
  padding: 0 16px 0 20px;
  margin: 0 -4px;
}

.order .calendal-list-notice-group .calendal-list-btn-col {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 0 4px;
}

.order .calendal-list-notice-group .calendal-list-btn-col .btn.btn.is-active {
  border-color: #284733;
  background-color: #284733;
  color: #fff;
}

.order .normal-price-btn-col--outer {
  margin: 0 -4px;
}

.order .normal-price__title-group {
  padding: 24px 0 12px 0;
}

.order .normal-price__title {
  display: block;
  font-size: 16px;
  padding-bottom: 12px;
}

.order .normal-price__title-dc {
  font-size: 16px;
  font-weight: 600;
  color: #B41C11;
  display: block;
  padding-top: 8px;
}

.order .normal-price__title-sub {
  font-size: 12px;
  font-weight: 400;
  color: #757575;
  display: block;
}

.order .normal-price-btn-col {
  box-sizing: border-box;
  width: 33.33%;
  padding: 4px;
  float: left;
}

.order .normal-price-btn-col--outer .btn.is-active {
  background-color: #284733;
  border-color: #284733;
  color: #fff;
}

.order .calendal-list-notice-group {
  margin-bottom: 20px;
}

.order .calendal-list__input {
  margin-top: 20px;
  margin: 0 -4px;
}

.order .calendal-list__input .form-input {
  padding-top: 20px;
  border-top: 1px solid #F0F0F0;
}

/* 회원가입 선택 (자체 회원가입 또는 네이버 회원가입) */
.signup-select {
  /* 네이버 로그인 버튼 */
}

.signup-select::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.signup-select .signup-select--inner {
  padding: 0 20px 100px 20px;
}

.signup-select .signup-select__title {
  font-size: 16px;
  padding-top: 24px;
}

.signup-select .signup-select__notice {
  padding: 16px 0 24px 0;
}

.signup-select .signup-select__btn-filed {
  margin-bottom: 16px;
}

.signup-select .login__btn-naver-logo {
  display: inline-block;
  width: 14px;
  height: 13px;
  margin: 0 4px 2px 0;
  background-image: url(http://remainlab.com/zip/imgs/naver-icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  vertical-align: middle;
}

.signup-select .signup-select__banner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}

.signup-select .signup-select__banner img {
  width: 100%;
}

.signup .signup--inner {
  padding: 0 20px;
}

.signup .signup__title {
  display: block;
  font-size: 16px;
  padding: 32px 0 16px 0;
}

.signup .signup__name {
  padding: 0 0 12px 0;
  margin-top: -12px;
}

.signup .signup__password .notice {
  margin-bottom: 20px;
}

.signup .signup__password .form-input {
  margin-bottom: 16px;
}

.signup .signup__phone-certification-input {
  margin-top: 12px;
  display: none;
}

.signup .signup__phone-certification-input.is-active {
  display: block;
}

.signup .signup__agree--outer {
  margin-top: 32px;
}

.signup .signup__agree--outer::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.signup .signup__agree {
  padding: 32px 20px 94px 20px;
}

.signup .signup__agree .signup__agree-all-checkbox {
  padding-bottom: 16px;
  border-bottom: 1px dashed #F0F0F0;
}

.signup .signup__agree .form-checkbox-fieldset {
  margin-bottom: 16px;
}

.signup .signup__agree .form-checkbox-col--outer {
  box-sizing: border-box;
  width: 100%;
  padding-left: 28px;
}

.signup .signup__agree .form-checkbox-col {
  width: 20%;
  float: left;
}

.signup .signup__btn {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
}

.signup-complete {
  text-align: center;
}

.signup-complete::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.signup-complete .signup-complete__logo {
  display: block;
  margin: 30px 0;
}

.signup-complete p {
  font-size: 16px;
  color: #757575;
  line-height: 1.5;
  text-align: center;
}

.signup-complete .signup-complete-coupon {
  display: block;
  padding: 20px 0;
}

.signup-complete .signup-complete-list {
  margin: 0 -20px;
  text-align: center;
}

.signup-complete .signup-complete-list li {
  display: inline-block;
  border-right: 1px solid #E5E5E5;
  padding: 0 20px;
}

.signup-complete .signup-complete-list li a {
  font-size: 14px;
  color: #757575;
}

.signup-complete .signup-complete-list li:last-child {
  border-right: 0;
}

.signup-complete .signup__btn {
  box-sizing: border-box;
  padding: 20px;
}

.signup-complete .signup__btn .btn {
  margin-bottom: 16px;
}

.mypage .section-line::after {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F7F7F7;
}

.mypage .mypage-secton-list {
  position: relative;
  padding: 32px 20px 12px 20px;
}

.mypage .mypage-secton-list .mypage-secton-list__title {
  padding-bottom: 12px;
}

.mypage .mypage-secton-list li {
  height: 48px;
  line-height: 48px;
  position: relative;
  font-size: 14px;
  color: #757575;
}

.mypage .mypage-secton-list li a {
  display: block;
}

.mypage .mypage-secton-list li .material-icons {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -13px;
  color: #ccc;
}

.mypage .mypage__login-section {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  color: #fff;
  background-image: url(http://remainlab.com/zip/imgs/mypage-login.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.mypage .mypage__login-section--inner {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 48px 20px 0 20px;
}

.mypage .mypage__foot {
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.mypage .mypage__foot--inner {
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.mypage .mypage__foot--inner .mypage__foot-reserves-link {
  font-size: 14px;
}

.mypage .mypage__login-data-title {
  display: block;
  font-family: "RIDIBatang", serif;
  font-size: 28px;
  font-weight: 600;
}

.mypage .mypage__login-data-text {
  font-family: "RIDIBatang", serif;
  font-size: 16px;
  font-weight: 400;
  padding: 16px 0 12px 0;
}

.mypage .mypage__login-data-link {
  font-size: 16px;
  font-weight: 400;
  opacity: .7;
  text-decoration: underline;
}

.mypage .mypage__info .mypage__info-title {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #757575;
}

.mypage .mypage__info .mypage__info-text {
  font-size: 21px;
  font-weight: 600;
  color: #000;
}

.mypage .mypage__info .mypage__info-text span {
  font-size: 14px;
}

.mypage .mypage__info .mypage__info-rating {
  padding: 32px 20px;
}

.mypage .mypage__info .mypage__info-rating .mypage__info-rating--inner {
  padding-bottom: 20px;
  border-bottom: 1px solid #F0F0F0;
  position: relative;
}

.mypage .mypage__info .mypage__info-rating .mypage__info-title {
  padding-bottom: 8px;
}

.mypage .mypage__info .mypage__info-rating .mypage__info-rating-link {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -20px;
}

.mypage .mypage__info .mypage__info-section {
  padding: 0 20px 30px 20px;
}

.mypage .mypage__info .mypage__info-section::after {
  content: "";
  display: block;
  clear: both;
}

.mypage .mypage__info .mypage__info-section .mypage__info-section-col {
  box-sizing: border-box;
  float: left;
}

.mypage .mypage__info .mypage__info-section .mypage__info-section-col:first-child {
  width: 30%;
}

.mypage .mypage__info .mypage__info-section .mypage__info-section-col:last-child {
  box-sizing: border-box;
  width: 70%;
  padding-left: 20px;
  border-left: 1px dashed #F0F0F0;
}

.mypage .mypage__info .mypage__info-section .mypage__info-coupon .mypage__info-title {
  margin-bottom: 8px;
}

.mypage .mypage__info .mypage__info-section .mypage__info-list {
  position: relative;
  margin-bottom: 20px;
}

.mypage .mypage__info .mypage__info-section .mypage__info-list .mypage__info-text {
  position: absolute;
  top: 0;
  right: 0;
}

.mypage .mypage__info .mypage__info-section .mypage__info-list:last-child {
  margin-bottom: 0;
}

.mypage .mypage-login-group {
  padding: 32px 20px;
}

.mypage .mypage-login-group .mypage-login-group-col--outer {
  margin: 0 -4px 8px -4px;
}

.mypage .mypage-login-group .mypage-login-group-col {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 0 4px;
}

/* 주문내역 */
.mypage-order::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.mypage-order .mypage-order--inner {
  padding: 0 20px 140px 20px;
}

.mypage-order .mypage-order-list__title {
  font-size: 18px;
  padding: 42px 0 16px 0;
  border-bottom: 1px solid #F0F0F0;
}

.mypage-order .mypage-order-list {
  margin-bottom: 20px;
}

.mypage-order .mypage-order-list li {
  position: relative;
  padding: 20px 0 16px 0;
  border-bottom: 1px solid #F0F0F0;
  font-size: 12px;
  color: #757575;
}

.mypage-order .mypage-order-list li span {
  margin-right: 8px;
}

.mypage-order .mypage-order-list li strong {
  color: #000;
  font-weight: 400;
}

.mypage-order .mypage-order-list li .mypage-order-list__row {
  padding-bottom: 8px;
}

.mypage-order .mypage-order-list li .mypage-order-list__row:last-child {
  padding-bottom: 0;
}

.mypage-order .mypage-order-list li .mypage-order-list__btn {
  position: absolute;
  bottom: 16px;
  right: 0;
  text-decoration: underline;
}

.mypage-order .is-strong,
.mypage-order .is-error {
  color: #B41C11 !important;
}

.mypage-order .is-success {
  color: #0082D3 !important;
}

.mypage-order .is-complete {
  color: #000 !important;
}

.mypage-order .is-preparing {
  color: #0082D3 !important;
}

/* 주문내역 상세 */
.mypage-order-detail {
  margin-bottom: 20px;
}

.mypage-order-detail li {
  border-bottom: 1px solid #F0F0F0;
  padding: 12px 0;
}

.mypage-order-detail .mypage-order-detail__title {
  width: 70px;
  padding-right: 16px;
  float: left;
  line-height: 1.75;
}

.mypage-order-detail .mypage-order-detail__title strong {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #757575;
  word-break: keep-all;
}

.mypage-order-detail .mypage-order-detail__content {
  overflow: hidden;
}

.mypage-order-detail .mypage-order-detail__content p {
  font-size: 12px;
  color: #000;
  line-height: 1.75;
  word-break: keep-all;
}

/* 상품후기 */
.order-review::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.order-review .order-review--inner {
  padding: 20px 20px 140px 20px;
}

.order-review .order-review--head p {
  font-size: 14px;
  color: #AAAAAA;
  padding-top: 24px;
}

.order-review .order-review--head p strong {
  color: #000;
}

.order-review .order-review--head h2 {
  font-size: 18px;
  padding: 20px 0 16px 0;
}

.order-review .order-review__list:first-child {
  border-top: 1px solid #F0F0F0;
}

.order-review .order-review__list {
  padding-top: 12px;
  border-bottom: 1px solid #F0F0F0;
}

.order-review .order-review__list .card-review {
  margin-bottom: 12px;
}

.order-review .order-review__list .order-review-content {
  display: none;
  box-sizing: border-box;
  background-color: #F9F9F9;
  padding: 16px;
}

.order-review .order-review__list .order-review-content p {
  font-size: 14px;
  color: #757575;
  line-height: 1.75;
}

.order-review .order-review__list.is-active .order-review-content {
  display: block !important;
}

.order-review .order-review__no-data {
  font-size: 14px;
  color: #DDDDDD;
  padding-bottom: 24px;
  border-bottom: 1px solid #F0F0F0;
}

/* 상품후기 */
.order-questions::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.order-questions .order-questions--inner {
  padding: 20px 20px 140px 20px;
}

.order-questions .order-questions--head p {
  font-size: 14px;
  color: #AAAAAA;
  padding-top: 24px;
}

.order-questions .order-questions--head p strong {
  color: #000;
}

.order-questions .order-questions--head h2 {
  font-size: 18px;
  padding: 20px 0 16px 0;
}

.order-questions .order-questions__list:first-child {
  border-top: 1px solid #F0F0F0;
}

.order-questions .order-questions__list {
  padding-top: 12px;
  border-bottom: 1px solid #F0F0F0;
}

.order-questions .order-questions__list .card-review {
  margin-bottom: 12px;
}

.order-questions .order-questions__list .order-questions-content--head {
  padding-bottom: 12px;
}

.order-questions .order-questions__list .order-questions-content--head strong {
  display: block;
  font-size: 16px;
  font-weight: 400;
}

.order-questions .order-questions__list .order-questions-content--head p {
  font-size: 12px;
  color: #AAAAAA;
  padding-top: 8px;
}

.order-questions .order-questions__list .order-questions-content {
  display: none;
  box-sizing: border-box;
  background-color: #F9F9F9;
  padding: 16px;
}

.order-questions .order-questions__list .order-questions-content .order-questions-content__text {
  font-size: 14px;
  color: #757575;
  line-height: 1.75;
}

.order-questions .order-questions__list.is-active .order-questions-content {
  display: block !important;
}

/* 1:1 문의 리스트 디자인 */
.order-questions .order-questions__list {
  padding: 20px 0;
}

.order-questions .order-questions__list .order-questions__list--head {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-right: 70px;
}

.order-questions .order-questions__list .order-questions__list-tag {
  font-size: 12px;
  color: #B41C11;
}

.order-questions .order-questions__list .order-questions__list-title {
  display: block;
  width: 100%;
  font-size: 16px;
  padding: 12px 0 6px 0;
}

.order-questions .order-questions__list .order-questions__list-date {
  font-size: 12px;
  color: #AAAAAA;
}

.order-questions .order-questions__list .order-questions__list--side {
  position: absolute;
  bottom: 0;
  right: 0;
}

.order-questions .order-questions__list .order-questions__list--side p {
  display: inline-block;
  font-size: 12px;
  padding: 4px 4px 3px 4px;
  border: 1px solid #EFEFEF;
  color: #757575;
}

.order-questions .order-questions__list .order-questions__list--side .is-complete {
  background-color: #284733;
  color: #fff;
}

.order-questions .order-questions__list.is-active {
  padding: 20px 0 0 0;
}

.order-questions .order-questions__list--body {
  margin-top: 12px;
}

.order-questions .order-questions__no-data {
  font-size: 14px;
  color: #DDDDDD;
  padding-bottom: 24px;
  border-bottom: 1px solid #F0F0F0;
}

/* 1:1 문의하기 */
.order-questions-write::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.order-questions-write .order-questions-write--inner {
  padding: 20px 20px 0 20px;
}

.order-questions-write .order-questions-write__input {
  position: relative;
  padding-bottom: 32px;
}

.order-questions-write .order-questions-write__input .order-user-data__title {
  display: block;
  padding-bottom: 16px;
}

.order-questions-write .order-questions-write__input .form-textarea {
  margin-top: 16px;
}

.order-questions-write .order-questions-write__input .form-file {
  width: 68px;
  position: absolute;
  top: 0;
  right: 0;
}

.order-questions-write .form-checkbox-fieldset {
  padding-bottom: 20px;
}

.order-questions-write .order-questions-write__btn-group {
  padding-bottom: 80px;
}

.order-questions-write .order-questions-write__btn-group .order-questions-write__btn-group--inner {
  padding: 20px;
}

.order-questions-write .order-questions-write__btn-group::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.order-questions-write .order-questions-write__order-popup__radio {
  border-bottom: 1px solid #F0F0F0;
  padding: 16px 0;
}

.order-questions-write .order-questions-write__order-popup__radio .form-radio {
  display: block;
}

.order-questions-write .order-questions-write__order-popup__radio .form-radio .radio__icon {
  vertical-align: top;
}

.order-questions-write .order-questions-write__order-popup {
  display: none;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
}

.order-questions-write .order-questions-write__order-popup .order-questions-write__order-popup--inner {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 445px;
  overflow-y: scroll;
}

.order-questions-write .order-questions-write__order-popup .order-questions-write__order-popup--head {
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  background-color: #fff;
  padding: 20px 20px 16px 20px;
  border-bottom: 1px solid #F0F0F0;
}

.order-questions-write .order-questions-write__order-popup .order-questions-write__order-popup--head strong {
  display: block;
  font-size: 21px;
}

.order-questions-write .order-questions-write__order-popup .order-questions-write__order-popup--body {
  padding: 60px 20px;
}

.order-questions-write .order-questions-write__order-popup .order-questions-write__order-popup--body .radio__label {
  margin-left: 12px;
}

.order-questions-write .order-questions-write__order-popup .order-questions-write__order-popup--body .order-number {
  font-size: 12px;
  color: #B41C11;
}

.order-questions-write .order-questions-write__order-popup .order-questions-write__order-popup--body .order-title {
  font-size: 16px;
  color: #000;
  padding: 12px 0 8px 0;
}

.order-questions-write .order-questions-write__order-popup .order-questions-write__order-popup--body .order-date {
  font-size: 12px;
  color: #aaa;
}

.order-questions-write .order-questions-write__order-popup .order-questions-write__order-popup--foot {
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: right;
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
  padding: 0 20px 0 20px;
}

.order-questions-write .order-questions-write__order-popup .order-questions-write__order-popup--foot button {
  height: 60px;
  width: 44px;
  font-size: 14px;
}

.order-questions-write .order-questions-write__order-popup .order-questions-write__order-popup--foot .is-cancel {
  color: #757575;
}

.order-questions-write .order-questions-write__order-popup.is-active {
  display: block;
}

.mypage-discount::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.mypage-discount .mypage-discount--inner {
  padding: 0 20px 140px 20px;
}

.mypage-discount .notice {
  margin-top: 24px;
}

.mypage-discount .mypage-discount__checkbox {
  margin: 24px 0;
}

.mypage-discount .mypage-discount__checkbox-col {
  width: 30%;
  float: left;
}

/* 회원정보수정 컨펌 */
.mypage-info-reconfirm::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.mypage-info-reconfirm .mypage-info-reconfirm--inner {
  padding: 0 20px 140px 20px;
}

.mypage-info-reconfirm .notice {
  margin-top: 20px;
}

.mypage-info-reconfirm .mypage-info__input-filed {
  margin: 16px 0;
}

/* 회원정보수정 */
.mypage-info::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.mypage-info .mypage-info--inner {
  padding: 0 20px 140px 20px;
}

.mypage-info .mypage-info__input-title {
  display: block;
  width: 100%;
  font-size: 16px;
  padding: 20px 0 12px 0;
}

.mypage-info .mypage-info__input-password {
  margin: 16px 0;
}

.mypage-info .mypage-info__input-phone {
  margin: 16px 0 0 0;
}

.mypage-info .mypage-info__input-phone-reconfirm,
.mypage-info .mypage-info__input-address {
  margin: 12px 0 0 0;
}

.mypage-info .mypage-info__old-address {
  font-size: 16px;
  padding: 16px 16px 0 16px;
}

.mypage-info .mypage-info__btn-group {
  margin-top: 20px;
  padding-top: 30px;
  position: relative;
}

.mypage-info .mypage-info__btn-group::before {
  content: "";
  display: block;
  width: 100vw;
  height: 12px;
  background-color: #F5F5F5;
  position: absolute;
  top: 0;
  left: -20px;
}

.mypage-info .mypage-info__btn-group .mypage-info__btn {
  margin-bottom: 12px;
}

.mypage-info .mypage-info__btn-group .mypage-info__btn-link {
  text-decoration: underline;
  font-size: 12px;
  color: #808080;
}

.mypage-coupon {
  /* 결제 쿠폰 */
}

.mypage-coupon::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.mypage-coupon .mypage-coupon--inner {
  padding: 0 20px 140px 20px;
}

.mypage-coupon .notice {
  margin-top: 24px;
}

.mypage-coupon .mypage-discount__checkbox {
  margin: 24px 0;
}

.mypage-coupon .mypage-discount__checkbox-col {
  width: 30%;
  float: left;
}

.mypage-coupon .order-payment-coupon__enrollment {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 80px 12px 12px;
  margin-top: 24px;
  background-color: #F9F9F9;
  position: relative;
}

.mypage-coupon .order-payment-coupon__enrollment p {
  font-size: 14px;
  color: #757575;
  line-height: 1.5;
  word-break: keep-all;
}

.mypage-coupon .order-payment-coupon__enrollment .order-payment-coupon__enrollment-link {
  display: inline-block;
  font-size: 12px;
  text-decoration: underline;
  position: absolute;
  top: 15px;
  right: 12px;
  height: 48px;
  line-height: 48px;
  margin-top: -6px;
}

.mypage-coupon .mypage-coupon__list li:first-child {
  border-top: 1px solid #F0F0F0;
}

.mypage-coupon .mypage-coupon__list li {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #F0F0F0;
}

.mypage-coupon .mypage-coupon__title {
  font-size: 18px;
  padding: 28px 0 16px 0;
}

.mypage-coupon .mypage-coupon__no-data {
  font-size: 14px;
  color: #D2D2D2;
  padding: 16px 0 24px 0;
  border-bottom: 1px solid #F0F0F0;
}

.mypage-coupon .mypage-coupon__list-content {
  box-sizing: border-box;
  width: 100%;
  padding-right: 60px;
}

.mypage-coupon .mypage-coupon__list-content-title {
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mypage-coupon .mypage-coupon__list-content-text {
  font-size: 12px;
  color: #AAAAAA;
}

.mypage-coupon .mypage-coupon__list-side {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}

.mypage-coupon .mypage-coupon__list-content-tag {
  width: 38px;
  padding: 4px 4px 3px 4px;
  border: 1px solid #CCCCCC;
  font-size: 12px;
  color: #757575;
  text-align: center;
}

.mypage-coupon .mypage-coupon__list-content-tag.is-completed {
  background-color: #284733;
  border: 1px solid #284733;
  color: #fff;
}

.mypage-reserves {
  /* 결제 쿠폰 */
}

.mypage-reserves::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.mypage-reserves .mypage-reserves--inner {
  padding: 0 20px 140px 20px;
}

.mypage-reserves .notice {
  margin-top: 24px;
}

.mypage-reserves .mypage-discount__checkbox {
  margin: 24px 0;
}

.mypage-reserves .mypage-discount__checkbox-col {
  width: 30%;
  float: left;
}

.mypage-reserves .order-payment-coupon__enrollment {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 80px 12px 12px;
  margin-top: 24px;
  background-color: #F9F9F9;
  position: relative;
}

.mypage-reserves .order-payment-coupon__enrollment p {
  font-size: 14px;
  color: #757575;
  line-height: 1.5;
  word-break: keep-all;
}

.mypage-reserves .order-payment-coupon__enrollment .order-payment-coupon__enrollment-link {
  display: inline-block;
  font-size: 12px;
  text-decoration: underline;
  position: absolute;
  top: 15px;
  right: 12px;
  height: 48px;
  line-height: 48px;
  margin-top: -6px;
}

.mypage-reserves .mypage-reserves__list li:first-child {
  border-top: 1px solid #F0F0F0;
}

.mypage-reserves .mypage-reserves__list li {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #F0F0F0;
}

.mypage-reserves .mypage-reserves__title {
  font-size: 18px;
  padding: 28px 0 16px 0;
}

.mypage-reserves .mypage-reserves__no-data {
  font-size: 14px;
  color: #D2D2D2;
  padding: 16px 0 24px 0;
  border-bottom: 1px solid #F0F0F0;
}

.mypage-reserves .mypage-reserves__list-content {
  box-sizing: border-box;
  width: 100%;
  padding-right: 60px;
}

.mypage-reserves .mypage-reserves__list-content-title {
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mypage-reserves .mypage-reserves__list-content-text {
  font-size: 12px;
  color: #AAAAAA;
}

.mypage-reserves .mypage-reserves__list-side {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}

.mypage-reserves .mypage-reserves__list-content-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #000;
}

.mypage-reserves .mypage-reserves__list-content-tag span {
  font-size: 10px;
}

.mypage-deposit::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.mypage-deposit .mypage-deposit--inner {
  padding: 0 20px 140px 20px;
}

.mypage-deposit .notice {
  margin-top: 24px;
}

.mypage-deposit .mypage-deposit__checkbox {
  margin: 24px 0;
}

.mypage-deposit .mypage-deposit__checkbox-col {
  width: 30%;
  float: left;
}

.mypage-deposit .mypage-deposit__list li:first-child {
  border-top: 1px solid #F0F0F0;
}

.mypage-deposit .mypage-deposit__list li {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #F0F0F0;
}

.mypage-deposit .mypage-deposit__title {
  font-size: 18px;
  padding: 28px 0 16px 0;
}

.mypage-deposit .mypage-deposit__no-data {
  font-size: 14px;
  color: #D2D2D2;
  padding: 16px 0 24px 0;
  border-bottom: 1px solid #F0F0F0;
}

.mypage-deposit .mypage-deposit__list-content {
  box-sizing: border-box;
  width: 100%;
  padding-right: 60px;
}

.mypage-deposit .mypage-deposit__list-content-title {
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mypage-deposit .mypage-deposit__list-content-text {
  font-size: 12px;
  color: #AAAAAA;
}

.mypage-deposit .mypage-deposit__list-side {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}

.mypage-deposit .mypage-deposit__list-content-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #000;
}

.mypage-deposit .mypage-deposit__list-content-tag span {
  font-size: 10px;
}

.mypage-recommender::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.mypage-recommender .mypage-recommender--inner {
  padding: 20px 20px 140px 20px;
}

.mypage-recommender .mypage-recommender__checkbox-col {
  width: 30%;
  float: left;
}

.mypage-recommender .mypage-recommender__number {
  padding-top: 20px;
  margin-bottom: 20px;
  clear: both;
}

.mypage-regulardelivery::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.mypage-regulardelivery .mypage-regulardelivery--inner {
  padding: 20px 20px 140px 20px;
}

.mypage-regulardelivery .mypage-regulardelivery__title {
  padding: 32px 0 16px 0;
}

.mypage-regulardelivery .mypage-regulardelivery__list:first-child {
  border-top: 1px solid #F0F0F0;
}

.mypage-regulardelivery .mypage-regulardelivery__list {
  padding: 20px 0;
  border-bottom: 1px solid #F0F0F0;
}

.mypage-regulardelivery .mypage-regulardelivery__btn-col--outer {
  margin: 0 -4px;
  padding: 20px 0 0 0;
}

.mypage-regulardelivery .mypage-regulardelivery__btn-col--outer::after {
  content: "";
  display: block;
  clear: both;
}

.mypage-regulardelivery .mypage-regulardelivery__btn-restart {
  padding: 12px 0 0 0;
}

.mypage-regulardelivery .mypage-regulardelivery__btn-col {
  box-sizing: border-box;
  width: 50%;
  padding: 0 4px;
  float: left;
}

.mypage-regulardelivery .mypage-regulardelivery__btn-col .is-active {
  border-color: #284733;
  background-color: #284733;
  color: #fff;
}

.mypage-regulardelivery .mypage-regulardelivery__list-text {
  font-size: 12px;
  color: #000;
  margin-bottom: 12px;
}

.mypage-regulardelivery .mypage-regulardelivery__list-text span {
  display: inline-block;
  width: 100px;
  color: #757575;
}

.mypage-regulardelivery .mypage-regulardelivery__value {
  font-size: 12px;
  color: #B41C11;
}

.mypage-regulardelivery .mypage-regulardelivery--body {
  display: none;
}

.mypage-regulardelivery .mypage-regulardelivery--body .notice {
  margin: 20px 0;
}

.mypage-regulardelivery .mypage-regulardelivery--body .calendal--outer {
  margin: 0 -20px;
}

.mypage-regulardelivery .mypage-regulardelivery--body.is-active {
  display: block;
}

.mypage-regulardelivery-modified::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified--inner {
  padding: 20px 20px 140px 20px;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified__title {
  padding: 32px 0 16px 0;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified__list:first-child {
  border-top: 1px solid #F0F0F0;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified__list {
  padding: 20px 0;
  border-bottom: 1px solid #F0F0F0;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified__btn-col--outer {
  margin: 0 -4px;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified__btn-col--outer::after {
  content: "";
  display: block;
  clear: both;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified__btn-restart {
  padding: 12px 0 0 0;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified__btn-col {
  box-sizing: border-box;
  width: 50%;
  padding: 0 4px;
  float: left;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified__btn-col .is-active {
  border-color: #284733;
  background-color: #284733;
  color: #fff;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified__list-text {
  font-size: 12px;
  color: #000;
  margin-bottom: 12px;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified__list-text span {
  display: inline-block;
  width: 100px;
  color: #757575;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified__btn {
  margin-top: 20px;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified__btn.is-active {
  background-color: #284733;
  color: #fff;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified--body {
  display: none;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified--body .notice {
  margin: 20px 0;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified--body .calendal--outer {
  margin: 20px -20px 20px -20px;
}

.mypage-regulardelivery-modified .mypage-regulardelivery-modified--body.is-active {
  display: block;
}

.mypage-notice {
  /* 결제 쿠폰 */
}

.mypage-notice::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.mypage-notice .mypage-notice--inner {
  padding: 0 20px 140px 20px;
}

.mypage-notice .notice {
  margin-top: 24px;
}

.mypage-notice .mypage-discount__checkbox {
  margin: 24px 0;
}

.mypage-notice .mypage-discount__checkbox-col {
  width: 30%;
  float: left;
}

.mypage-notice .order-payment-notice__enrollment {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 80px 12px 12px;
  margin-top: 24px;
  background-color: #F9F9F9;
  position: relative;
}

.mypage-notice .order-payment-notice__enrollment p {
  font-size: 14px;
  color: #757575;
  line-height: 1.5;
  word-break: keep-all;
}

.mypage-notice .order-payment-notice__enrollment .order-payment-notice__enrollment-link {
  display: inline-block;
  font-size: 12px;
  text-decoration: underline;
  position: absolute;
  top: 15px;
  right: 12px;
  height: 48px;
  line-height: 48px;
  margin-top: -6px;
}

.mypage-notice .mypage-notice__list li:first-child {
  border-top: 1px solid #F0F0F0;
}

.mypage-notice .mypage-notice__list li {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #F0F0F0;
}

.mypage-notice .mypage-notice__title {
  font-size: 18px;
  padding: 28px 0 0 0;
}

.mypage-notice .mypage-notice__no-data {
  font-size: 14px;
  color: #D2D2D2;
  padding: 16px 0 24px 0;
  border-bottom: 1px solid #F0F0F0;
}

.mypage-notice .mypage-notice__list-content {
  box-sizing: border-box;
  width: 100%;
}

.mypage-notice .mypage-notice__list-content-title {
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mypage-notice .mypage-notice__list-content-text {
  font-size: 12px;
  color: #AAAAAA;
}

.mypage-notice .mypage-notice__btn-readmore {
  margin-top: 20px;
}

.mypage-notice-detail::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.mypage-notice-detail .mypage-notice-detail--inner {
  padding: 0 20px 20px 20px;
}

.mypage-notice-detail .mypage-notice__list-content {
  box-sizing: border-box;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #F0F0F0;
}

.mypage-notice-detail .mypage-notice__list-content-title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mypage-notice-detail .mypage-notice__list-content-text {
  font-size: 12px;
  color: #AAAAAA;
}

.mypage-notice-detail .mypage-notice-detail__content {
  padding: 20px 0;
}

.mypage-notice-detail .mypage-notice-detail__prev-btn {
  box-sizing: border-box;
  position: fixed;
  bottom: 0px;
  width: 100%;
  padding: 20px;
  background-color: #fff;
}

.mypage-cookingmethod::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.mypage-cookingmethod .mypage-cookingmethod--inner {
  padding: 0 20px 140px 20px;
}

.mypage-cookingmethod .mypage-cs__slide .swiper-slide {
  display: inline-block;
  width: auto;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  color: #757575;
}

.mypage-cookingmethod .mypage-cs__slide .swiper-slide span {
  padding: 0 16px 0 0;
  border-right: 1px solid #E5E5E5;
  margin: 0 16px 0 0;
}

.mypage-cookingmethod .mypage-cs__slide .swiper-slide:last-child span {
  border-right: 0;
}

.mypage-cookingmethod .mypage-cs__slide .swiper-slide.is-active {
  color: #000;
}

.mypage-cookingmethod .cookingmethod__slider {
  width: 100%;
  overflow: hidden;
}

.mypage-cookingmethod .cookingmethod__slider img {
  width: 100%;
}

.mypage-cookingmethod-accodion__list {
  padding: 20px 0;
  border-bottom: 1px solid #F0F0F0;
}

.mypage-cookingmethod-accodion__list:first-child {
  border-top: 1px solid #F0F0F0;
}

.mypage-cookingmethod-accodion__list .mypage-cs-accodion--head {
  position: relative;
}

.mypage-cookingmethod-accodion__list .mypage-cs-accodion--head .mypage-cs__tag {
  font-size: 12px;
  color: #757575;
}

.mypage-cookingmethod-accodion__list .mypage-cs-accodion--head .mypage-cs__title {
  display: block;
  width: 100%;
  padding-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
}

.mypage-cookingmethod-accodion__list .mypage-cs-accodion--head .mypage-cs-accodion--side {
  position: absolute;
  top: 0;
  right: 0;
}

.mypage-cookingmethod-accodion__list .mypage-cs-accodion--body {
  padding-top: 12px;
}

.mypage-cs-accodion--body .swiper-slide strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  padding: 28px 0 4px 0;
}

.mypage-cs-accodion--body .swiper-slide p {
  color: #757575;
  font-size: 14px;
  line-height: 1.75;
  margin: 16px 0;
  word-break: keep-all;
}

.mypage-qna::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.mypage-qna .mypage-qna--inner {
  padding: 0 20px 140px 20px;
}

.mypage-qna .swiper-slide {
  display: inline-block;
  width: auto;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  color: #757575;
}

.mypage-qna .swiper-slide span {
  padding: 0 16px 0 0;
  border-right: 1px solid #E5E5E5;
  margin: 0 16px 0 0;
}

.mypage-qna .swiper-slide:last-child span {
  border-right: 0;
}

.mypage-qna .swiper-slide.is-active {
  color: #000;
}

.mypage-qna .mypage-cs-accodion__list.is-current {
  padding: 20px 0 0 0;
}

.mypage-qna .mypage-cs-accodion--body {
  box-sizing: border-box;
  width: 100vw;
  padding: 12px 20px 20px 20px;
  margin: 20px 0 0 -20px;
  background-color: #F9F9F9;
}

/* 포스트 공통 요소 */
/* 제목 */
.post__title--md {
  font-family: "RIDIBatang", serif;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
  word-break: keep-all;
}

.post__title--lg {
  font-family: "RIDIBatang", serif;
  font-size: 28px;
  line-height: 1.3;
  font-weight: 600;
  word-break: keep-all;
}

.post__sub-title {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  word-break: keep-all;
}

/* 텍스트 */
.post__text {
  font-size: 14px;
  line-height: 1.75;
  color: #757575;
  word-break: keep-all;
}

/* 이미지 */
.post__img {
  width: 100vw;
  margin-left: -20px;
}

.post__img-table {
  width: 100%;
}

/* 섹션 컷 */
.post__section-cut {
  width: 100vw;
  height: 12px;
  background-color: #F5F5F5;
}

/* 액션컷(띠배너) */
.post-actioncut {
  padding: 0 20px;
}

/* 맛있게 먹는법 */
.post-delicious {
  padding: 40px 20px;
  text-align: center;
}

.post-delicious .post__text {
  padding-top: 12px;
}

/* 사이드 컷 */
.post-sidecut {
  padding: 0 20px;
}

/* 제품 설명 (제목/ 짧은 설명/ 설명) */
.post-product-info {
  padding: 40px 20px;
}

.post-product-info .post__title--lg {
  padding-bottom: 18px;
}

.post-product-info .post__sub-title {
  padding: 18px 0 6px 0;
}

.post-product-info .post__text {
  padding-top: 6px;
}

/* 닫음새 */
.post-close {
  padding: 40px 20px 0 20px;
}

.post-close .post__text {
  padding: 24px 0 12px 0;
}

/* 식단 */
.post-meal {
  padding: 0 20px 48px 20px;
}

.post-meal .post__title--lg {
  padding: 40px 0 20px 0;
}

.post-meal .post__img-table {
  padding-top: 32px;
}

/* 정기배송 소개 */
.post-regular-delivery {
  padding: 40px 20px;
}

.post-regular-delivery .post__title--lg {
  padding-bottom: 12px;
}

.post-regular-delivery .post__sub-title {
  padding: 12px 0 6px 0;
}

.post-regular-delivery .post__text {
  padding: 6px 0 32px 0;
}

.post-regular-delivery .post__img-table {
  padding-top: 24px;
}

/* 예치금 소개 */
.post-deposit {
  padding: 40px 20px 8px 20px;
}

.post-deposit .post__title--lg {
  padding-bottom: 32px;
}

.post-deposit .post__sub-title {
  padding-bottom: 12px;
}

.post-deposit .post__text {
  padding-bottom: 32px;
}

/* 상품설명 */
.post-product {
  padding: 0 20px 14px 20px;
}

.post-product .post__title--lg {
  padding: 42px 0 32px 0;
}

.post-product .post__sub-title {
  padding-bottom: 12px;
}

.post-product .post__text {
  padding-bottom: 28px;
}

/* 상품설명:원산지 */
.post-origin {
  padding: 0 20px;
}

.post-origin .post__title--lg {
  padding: 42px 0 32px 0;
}

.post-origin .post__sub-title {
  padding-bottom: 12px;
}

.post-origin .post__text {
  padding-bottom: 28px;
}

/* 조리법 */
.post-recipe {
  padding: 42px 20px;
}

.post-recipe .post__title--lg {
  padding-bottom: 32px;
}

.post-recipe .post__sub-title {
  padding: 24px 0 12px 0;
}

/* 난이도/ 인분/ 시간 */
.post-icon-info {
  padding: 24px 0;
}

.post-icon-info::after {
  content: "";
  display: block;
  clear: both;
}

.post-icon-info .post-icon-info__col {
  width: 33.33%;
  float: left;
  text-align: center;
}

.post-icon-info .post-icon-info__col p {
  font-size: 11px;
  color: #757575;
  padding: 8px 0;
}

.post-icon-info .post-icon-info__col strong {
  display: block;
  font-size: 14px;
}

/* 상품후기 */
.order-review::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.order-review .order-review--inner {
  padding: 20px 20px 140px 20px;
}

.order-review .order-review--head p {
  font-size: 14px;
  color: #AAAAAA;
  padding: 24px 0;
}

.order-review .order-review--head p strong {
  color: #000;
}

.order-review .order-review--head h2 {
  font-size: 18px;
  padding: 20px 0 16px 0;
}

.order-review .order-review__list:first-child {
  border-top: 1px solid #F0F0F0;
}

.order-review .order-review__list {
  padding-top: 12px;
  border-bottom: 1px solid #F0F0F0;
}

.order-review .order-review__list .card-review {
  margin-bottom: 12px;
}

.order-review .order-review__list .order-review-content {
  display: none;
  box-sizing: border-box;
  background-color: #F9F9F9;
  padding: 16px;
}

.order-review .order-review__list .order-review-content p {
  font-size: 14px;
  color: #757575;
  line-height: 1.75;
}

.order-review .order-review__list.is-active .order-review-content {
  display: block !important;
}

.order-review .order-review__no-data {
  font-size: 14px;
  color: #DDDDDD;
  padding-bottom: 24px;
  border-bottom: 1px solid #F0F0F0;
}

.order-review .review-btn-group {
  padding: 0 0 20px 0;
}

.order-review .review-btn {
  margin: 12px 0;
}

.order-review .review-btn:first-child {
  padding-top: 20px;
}

.review-list-write .notice {
  margin-bottom: 24px;
}

.review-list-write .card-review__star {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  cursor: pointer;
  background-image: url(http://remainlab.com/zip/imgs/star-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
}

.review-list-write .card-review__star.is-active {
  background-image: url(http://remainlab.com/zip/imgs/star.svg);
}

.find-id::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.find-id .find-id--inner {
  padding: 32px 20px 0 20px;
}

.find-id .signup__title {
  display: block;
  padding-bottom: 16px;
}

.find-id .find-id__input {
  padding-bottom: 44px;
}

.find-id .signup__phone-certification-input {
  display: none;
  margin-top: 8px;
}

.find-id .signup__phone-certification-input.is-active {
  display: block;
}

.find-id .find-id__btn {
  position: fixed;
  bottom: 0;
  left: 0;
}

.find-id .find-id-value {
  padding: 32px 20px 20px 20px;
}

.find-id .find-id-value p {
  font-size: 16px;
  color: #757575;
  padding-bottom: 12px;
  line-height: 1.4;
}

.find-id .find-id-value strong {
  font-size: 18px;
  color: #000;
}

.find-id .find-id__btn-group {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  padding: 0 20px 32px 20px;
  text-align: center;
}

.find-id .find-id__btn-group .find-id__btn {
  position: static;
}

.find-id .find-id__btn-group p {
  padding-top: 20px;
  font-size: 14px;
  color: #757575;
}

.find-id .find-id__btn-group p a {
  color: #000;
}

.recommend-find-id::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #F5F5F5;
}

.recommend-find-id .recommend-find-id--inner {
  padding: 20px;
}

.recommend-find-id .recommend-find-id__tab {
  padding: 28px 0 20px 0;
}

.recommend-find-id .recommend-find-id__tab-menu {
  float: left;
  margin-right: 40px;
}

.recommend-find-id .recommend-find-id__content {
  display: none;
}

.recommend-find-id .recommend-find-id__content .form-input {
  margin-bottom: 16px;
}

.recommend-find-id .recommend-find-id__content.is-active {
  display: block;
}
/*# sourceMappingURL=remain.css.map */