@charset "UTF-8";
/* 예약픽업 */
/* 오늘의 추천 Pick */
.block .list_product {
  margin-top: 0;
  padding: 0;
}

/* 기획상품 */
.progress_wrap.plan_progress {
  margin-top: 15px;
  padding-top: 20px;
  border-top: 1px solid #EEE;
}
.progress_wrap .progress_head {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.progress_wrap .progress_head .tit {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.42857;
  font-weight: 800;
}
.progress_wrap .progress_head .remaining {
  padding: 6px 8px;
  background: #F5F5F5;
  border-radius: 13px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 14px;
}
.progress_wrap .progress_head .remaining em {
  font-weight: 600;
  color: #5175F4;
}
.progress_wrap .progress_body .line {
  position: relative;
  height: 6px;
  background: #EEE;
  border-radius: 8px;
  margin: 8px 0;
  overflow: hidden;
}
.progress_wrap .progress_body .line .fill {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 0%;
  height: 6px;
  background: #FFBB0D;
  border-radius: 8px;
  transition: width 1s ease-in-out;
}
.progress_wrap .progress_body .detail_info {
  display: flex;
  flex-direction: column;
  padding-top: 5px;
  font-size: 0.75rem;
}
.progress_wrap .progress_body .detail_info li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2px;
}
.progress_wrap .progress_body .detail_info li p {
  color: #757575;
}
.progress_wrap .progress_body .detail_info li span {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: bold;
  color: #232425;
}
.progress_wrap .progress_body .detail_info li:last-child {
  padding-bottom: 0;
}
.progress_wrap .progress_foot .info_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #4D4E4F;
  font-size: 0.75rem;
  font-weight: 400;
}

.balloon_area {
  position: relative;
  width: 100%;
  padding-bottom: 26px;
}
.balloon_area .balloon {
  position: absolute;
  left: 0;
  margin-left: -8px;
  padding: 6px 8px;
  background: #F98600;
  color: #fff;
  border-radius: 13px;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 14px;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
}
.balloon_area .balloon::after {
  content: "";
  position: absolute;
  left: 9px;
  bottom: -5px;
  width: 0;
  height: 0;
  border-top: 8px solid #F98600;
  border-right: 8px solid transparent;
  border-radius: 0 0 0 4px;
}
.balloon_area .balloon.center {
  transform: translateX(-50%);
  margin-left: 0;
}
.balloon_area .balloon.center::after {
  left: 50%;
  transform: translateX(-50%);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.balloon_area .balloon.right {
  left: auto;
}
.balloon_area .balloon.right::after {
  left: auto;
  right: 9px;
  border-right: 0px solid transparent;
  border-left: 8px solid transparent;
}

/* 픽업정보입력 */
.tab_pickup {
  margin-bottom: 16px;
}
.tab_pickup + .itme_goods_group {
  padding-bottom: 0;
}

.tip_label_check {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 8px;
  font-size: 0.75rem;
  color: #626364;
}
.tip_label_check::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background: url(/assets/images/renew.common/ico_label_check.png) no-repeat center;
  background-size: cover;
}

.pickup_setting_list > li + li {
  padding-top: 24px;
  border-top: 4px solid #EEE;
}
.pickup_setting_list .itme_goods_group {
  padding-bottom: 0;
}

.date_select_area {
  margin: 20px 0;
}
.date_select_area .date_select_body .year_month {
  padding: 20px 0;
  text-align: center;
}
.date_select_area .date_select_body .year_month em {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 800;
}
.date_select_area .date_select_body .date_list {
  margin-bottom: 20px;
  text-align: center;
}
.date_select_area .date_select_body .date_list ul {
  display: flex;
  justify-content: flex-start;
}
.date_select_area .date_select_body .date_list ul li {
  display: flex;
  justify-content: center;
  width: calc((100vw - 55px) / 7);
  margin-right: 3.2vw;
}
.date_select_area .date_select_body .date_list ul li:last-child {
  margin-right: 0;
}
.date_select_area .date_select_body .date_list ul .pickup_day {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.date_select_area .date_select_body .date_list ul .pickup_day .day {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9.6vw;
  height: 9.6vw;
  margin-bottom: 8px;
  background: #fff;
  border-radius: 50%;
  font-size: 0.875rem;
  font-weight: 700;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
}
.date_select_area .date_select_body .date_list ul .pickup_day .week {
  font-weight: 700;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
}
.date_select_area .date_select_body .date_list ul .pickup_day.active .day {
  background: #F98600;
  color: #fff;
  font-weight: 800;
}
.date_select_area .date_select_body .date_list ul .pickup_day.disabled .day {
  background: #F5F5F5;
  color: #B2B2B2;
}
.date_select_area .date_select_body .date_list ul .pickup_day.disabled .week {
  color: #B2B2B2;
}
.date_select_area .date_select_body .time_list {
  margin-top: 20px;
  text-align: center;
}
.date_select_area .date_select_body .time_list ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 11px;
}
.date_select_area .date_select_body .time_list ul li {
  width: 100%;
}
.date_select_area .date_select_body .time_list ul li .pickup_time {
  display: block;
  width: 100%;
  padding: 10px 0;
  color: #626364;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  font-weight: 700;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
}
.date_select_area .date_select_body .time_list ul li .pickup_time.active {
  color: #232425;
  border: 1px solid #232425;
  font-weight: 800;
}
.date_select_area .date_select_body .time_list ul li .pickup_time.disabled {
  background: #F5F5F5;
  color: #B2B2B2;
  border: 1px solid #DEDEDE;
}

.date_result {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
  background: #FFF9E4;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 700;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
}

/* 행사적용변경안내 팝업 */
.pickup_description {
  color: #4D4E4F;
}

/* 공통 기본 테이블 */
.table_base {
  overflow: hidden;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  font-size: 0.75rem;
}
.table_base table {
  table-layout: fixed;
}
.table_base table thead th {
  padding: 12px 8px;
  background-color: #F5F5F5;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #DEDEDE;
  border-left: 1px solid #DEDEDE;
  color: #4D4E4F;
}
.table_base table thead th:first-child {
  border-left: none;
}
.table_base table tbody th,
.table_base table tbody td {
  border-top: 1px solid #DEDEDE;
  border-left: 1px solid #DEDEDE;
  font-size: 0.75rem;
  line-height: 1.33;
}
.table_base table tbody th:first-child,
.table_base table tbody td:first-child {
  border-left: none;
}
.table_base table tbody th {
  padding-left: 8px;
  padding-right: 8px;
  background-color: #F5F5F5;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
}
.table_base table tbody td {
  padding: 10px 8px;
  color: #4D4E4F;
}
.table_base table tbody td .ell_02 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
}
.table_base table tbody tr:first-child th,
.table_base table tbody tr:first-child td {
  border-top: none;
}

.list_txt + .list_txt {
  padding-top: 20px;
}

/* 주문내역상세 */
.item_info_group.bdt1 {
  border-top: 1px solid #F5F5F5;
}
.item_info_group li .item_top + .item_top {
  margin-top: 8px;
}
.item_info_group li .item_bottom {
  margin: 20px -20px 0 -20px;
  padding: 0 20px;
  border-top: 8px solid #f5f5f5;
}
.item_info_group .goods_info_head .tit {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 800;
  padding: 20px 0;
}
.item_info_group .goods_info_body .tbl_order {
  padding-bottom: 0;
}
.item_info_group.pickup_group_type02 li .item_bottom {
  margin: 0;
  padding: 0;
  border-top: none;
}

/* 예약픽업 > 장바구니 상품없음 */
.box_message.message_cart_preorder {
  min-height: calc(100vh - 304px);
}

/* 공통 환불완료 상품 장바구니 case 추가 */
.order_refund .img_area {
  opacity: 0.5;
}

.box_info_link {
  margin: 20px 0 16px 0;
}
.box_info_link .info_link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box_info_link .info_link::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(/assets/images/renew.common/ico_arr_right3.png);
  background-size: 20px;
}
.box_info_link .info_link .bullet_info {
  color: #4D4E4F;
  font-weight: 500;
}

/* 공통 item_goods 추가 */
.item_goods .info_area .discount {
  font-size: 1.25rem;
  font-weight: 800;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  line-height: 28px;
}

/* 구독가능 */
.item_subscribe_group {
  margin-top: 20px;
}
.item_subscribe_group > li {
  margin-bottom: 8px;
}
.item_subscribe_group > li:last-child {
  margin-bottom: 0;
}

.item_subscribe {
  position: relative;
  overflow: hidden;
  /* 품절 */
}
.item_subscribe .item_head {
  position: relative;
  background: #fff;
  border: 1px solid #D9D9D9;
  border-bottom: none;
  border-radius: 16px 16px 0 0;
}
.item_subscribe .item_head .type_subscribe {
  border: none;
  border-radius: 0;
  background: transparent;
}
.item_subscribe .item_head .type_subscribe .info_area .title {
  font-weight: 700;
}
.item_subscribe .item_head .type_subscribe .info_area .count {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 16px;
  color: #4D4E4F;
}
.item_subscribe .item_body {
  position: relative;
  background: #fff;
  border: 1px solid #D9D9D9;
  border-top: none;
  border-radius: 0 0 16px 16px;
}
.item_subscribe .item_body::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 40px);
  border-top: 1px dashed #D9D9D9;
}
.item_subscribe .item_body .item_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
}
.item_subscribe .item_body .item_info::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  z-index: 1;
}
.item_subscribe .item_body .item_info::after {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  z-index: 1;
}
.item_subscribe .item_body .item_info .left {
  flex: 0 0 calc(100% - 78px);
}
.item_subscribe .item_body .price {
  display: flex;
  align-items: baseline;
}
.item_subscribe .item_body .price .final > em {
  margin-left: 2px;
  font-size: 1.125rem;
  line-height: 24px;
}
.item_subscribe .item_body .price .origin {
  margin-left: 2px;
}
.item_subscribe .item_body .link_subscribe {
  display: block;
  min-width: 24px;
  height: 24px;
  background: url(/assets/images/renew.common/ico_arr_right.png);
  background-size: 24px;
}
.item_subscribe .item_body .link_subscribe.subscribing {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.42857;
  font-weight: 800;
  display: flex;
  align-items: center;
  color: #626364;
  background-repeat: no-repeat;
  padding-right: 24px;
  background-position: center right;
}
.item_subscribe.soldout .dimmed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 16px;
  z-index: 1;
}
.item_subscribe.soldout .dimmed:after {
  content: "SOLD OUT";
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 30px;
  font-weight: 800;
  text-align: center;
  color: #fff;
}
.item_subscribe.type_02 .item_goods {
  flex-direction: column;
  align-items: center;
}
.item_subscribe.type_02 .item_goods.type_thumb {
  padding: 20px;
  padding-top: 0;
}
.item_subscribe.type_02 .item_goods.type_thumb .img_area {
  flex: 0 0 100%;
  width: 100%;
  max-width: 295px;
  height: auto;
  padding: 20px 0;
  border: none;
  text-align: center;
}
.item_subscribe.type_02 .item_goods.type_thumb .img_area img {
  position: relative;
  max-width: 100%;
  height: auto;
}
.item_subscribe.type_02 .item_goods.type_thumb .img_area + .info_area {
  max-width: 100%;
  margin-top: 8px;
  padding-left: 0;
  align-self: flex-start;
}
.item_subscribe.type_02 .item_goods.type_thumb .img_area + .info_area .title {
  margin-top: 0;
  font-size: 1.125rem;
}
.item_subscribe.type_02 .item_goods.type_thumb .img_area + .info_area .label_group {
  display: inline-flex;
  flex-wrap: wrap;
}
.item_subscribe.type_02 .item_goods.type_thumb .img_area + .info_area .label_group > .label04 {
  margin-right: 4px;
  margin-bottom: 8px;
}
.item_subscribe.type_02 .item_goods.type_thumb .img_area + .info_area .label_group .label_list {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.item_subscribe.type_02 .item_goods.type_thumb .img_area + .info_area .label_group .label_list .label01 {
  margin-right: 4px;
}
.item_subscribe.type_02 .item_goods.type_thumb .img_area + .info_area .label_group .label_list .label01:last-child {
  margin-right: 0;
}
.item_subscribe.type_02 .item_goods.type_late .img_area::after {
  content: "기간만료";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  background: url(/assets/images/renew.common/img_item_late.png) no-repeat center;
  background-size: contain;
  text-indent: -9999px;
  z-index: 11;
}
.item_subscribe.type_02 .item_goods.type_used .img_area::after {
  content: "사용완료";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  background: url(/assets/images/renew.common/img_item_used.png) no-repeat center;
  background-size: contain;
  text-indent: -9999px;
  z-index: 11;
}
.item_subscribe.type_02 .item_goods.type_receive .img_area::after {
  content: "수령완료";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  background: url(/assets/images/renew.common/img_item_receive.png) no-repeat center;
  background-size: contain;
  text-indent: -9999px;
  z-index: 11;
}
.item_subscribe.type_02 .item_goods.type_expire .img_area::after {
  content: "구독완료";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  background: url(/assets/images/renew.common/img_item_expire.png) no-repeat center;
  background-size: contain;
  text-indent: -9999px;
  z-index: 11;
}
.item_subscribe.type_02 .item_goods.type_gift .img_area::after {
  content: "선물완료";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  background: url(/assets/images/renew.common/img_item_gift.png) no-repeat center;
  background-size: contain;
  text-indent: -9999px;
  z-index: 11;
}
.item_subscribe.type_02 .item_goods.type_refund .img_area::after {
  content: "환불완료";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  background: url(/assets/images/renew.common/img_item_refund.png) no-repeat center;
  background-size: contain;
  text-indent: -9999px;
  z-index: 11;
}
.item_subscribe.type_02 .item_body .item_info {
  padding: 20px;
}
.item_subscribe.type_02 .item_body .item_info::before, .item_subscribe.type_02 .item_body .item_info::after {
  top: -10px;
  width: 20px;
  height: 20px;
  background: #FAFAFA;
}
.item_subscribe.type_02 .item_body .item_info::before {
  left: -10px;
}
.item_subscribe.type_02 .item_body .item_info::after {
  right: -10px;
}
.item_subscribe.type_02 .item_body .item_info .barcode_area {
  width: 100%;
  margin: -20px auto;
  padding: 20px 0 30px;
  text-align: center;
  z-index: 3;
}
.item_subscribe.type_02 .item_body .item_info .barcode_area::before {
  top: 0;
}
.item_subscribe.type_02 .item_body .item_info .barcode_area .barcode {
  display: block;
  margin: 0 auto;
}
.item_subscribe.type_02 .item_body .item_info .barcode_area .barcode_img {
  display: block;
  width: 90% !important;
  max-width: 360px;
  margin: 0 auto;
}
.item_subscribe.type_02 .item_body .item_info .barcode_area .barcode_number {
  display: block;
}
.item_subscribe.type_02 .item_body .item-btn {
  padding: 0 20px;
}
.item_subscribe.type_02 .item_body .item_guide {
  padding: 16px 20px 24px;
}
.item_subscribe.type_02 .item_body .item_guide .bullet_ref {
  color: #757575;
}
.item_subscribe.type_03 .item_head {
  border: none;
  border-radius: 0;
}
.item_subscribe.type_03 .item_goods {
  flex-direction: column;
  align-items: center;
}
.item_subscribe.type_03 .item_goods.type_thumb {
  padding: 20px;
}
.item_subscribe.type_03 .item_goods.type_thumb .img_area {
  flex: 0 0 100%;
  width: 100%;
  max-width: 280px;
  border: none;
}
.item_subscribe.type_03 .item_goods.type_thumb .img_area + .info_area {
  max-width: 100%;
  padding-left: 0;
  align-self: flex-start;
}
.item_subscribe.type_03 .item_goods.type_thumb .img_area + .info_area .title {
  margin-top: 0;
  font-size: 1rem;
}
.item_subscribe.type_03 .item_goods.type_late .img_area::after {
  content: "기간만료";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  background: url(/assets/images/renew.common/img_item_late.png) no-repeat center;
  background-size: contain;
  text-indent: -9999px;
  z-index: 11;
}
.item_subscribe.type_03 .item_goods.type_used .img_area::after {
  content: "사용완료";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  background: url(/assets/images/renew.common/img_item_used.png) no-repeat center;
  background-size: contain;
  text-indent: -9999px;
  z-index: 11;
}
.item_subscribe.type_03 .item_goods.type_receive .img_area::after {
  content: "수령완료";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  background: url(/assets/images/renew.common/img_item_receive.png) no-repeat center;
  background-size: contain;
  text-indent: -9999px;
  z-index: 11;
}
.item_subscribe.type_03 .item_goods.type_expire .img_area::after {
  content: "구독완료";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  background: url(/assets/images/renew.common/img_item_expire.png) no-repeat center;
  background-size: contain;
  text-indent: -9999px;
  z-index: 11;
}
.item_subscribe.type_03 .item_goods.type_gift .img_area::after {
  content: "선물완료";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  background: url(/assets/images/renew.common/img_item_gift.png) no-repeat center;
  background-size: contain;
  text-indent: -9999px;
  z-index: 11;
}
.item_subscribe.type_03 .item_goods.type_refund .img_area::after {
  content: "환불완료";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  background: url(/assets/images/renew.common/img_item_refund.png) no-repeat center;
  background-size: contain;
  text-indent: -9999px;
  z-index: 11;
}

.label_24coupon {
  border: 1px solid #626364;
  color: #626364;
}

.flex_tit {
  display: flex;
  align-items: center;
}
.flex_tit > em {
  margin-right: 4px;
}

.use_count {
  padding: 2px 8px;
  background: #F5F5F5;
  color: #485FDA;
  font-size: 0.75rem;
  font-weight: 400;
  font-family: -apple-system, Roboto, "Noto Sans KR", "NotoSansKR", "malgun gothic", Arial, sans-serif;
  border-radius: 12px;
  line-height: 16px;
}

.label_list .use_count {
  margin-top: 2px;
}

.chips_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -8px;
}
.chips_list::after {
  content: "";
  display: block;
  clear: both;
}
.chips_list li {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
}

.chip {
  display: block;
  padding: 2px 8px;
  border-radius: 16px;
  background: #F0F4FF;
  color: #485FDA;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 16px;
}

.item_info .price + .chips_list {
  margin-top: 0;
}

.type_subscribe {
  position: relative;
}
.type_subscribe .info_area .label01 {
  margin-bottom: 4px;
}
.type_subscribe .info_area .title {
  font-size: 0.875rem;
  font-weight: 700;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  line-height: 20px;
}
.type_subscribe .info_area .count {
  font-size: 0.75rem;
  font-weight: 400;
  color: #4D4E4F;
}
.type_subscribe .info_area .date {
  font-size: 0.75rem;
  font-weight: 400;
  color: #626364;
}

/* 구독내역 */
.box_benefit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0 12px 5px;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
}
.box_benefit .description {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 800;
  line-height: 20px;
}
.box_benefit .price {
  padding: 10px 0 12px;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 20px;
}
.box_benefit .price > em {
  margin-right: 2px;
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 36px;
}
.box_benefit .date {
  display: block;
  color: #757575;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 16px;
}

.benefit_img {
  flex-basis: 160px;
  position: relative;
  width: 160px;
  height: 160px;
}
.benefit_img .motion {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url(/assets/images/renew.common/subscribe_mascot_img.png) no-repeat;
  background-size: 480px;
}
.benefit_img .motion.mascot_body {
  background-position: 0 0;
}
.benefit_img .motion.mascot_shadow {
  background-position: -160px 0;
}
.benefit_img .motion.coin01 {
  background-position: 0 -160px;
}
.benefit_img .motion.coin02 {
  background-position: -160px -160px;
}
.benefit_img .motion.coin03 {
  background-position: -320px -160px;
}

.block_subscribe {
  position: relative;
  padding: 20px;
  border-radius: 24px 24px 0 0;
  background: #F5F5F5;
}

.label01.label_onetime {
  border: 1px solid #F96B00;
  background: #F96B00;
  color: #fff;
}
.label01.label_subscribe {
  border: 1px solid #313EB5;
  background: #313EB5;
  color: #fff;
}

.subscribe_message {
  background: #F5F5F5;
}
.subscribe_message .box_message {
  height: calc(100vh - 232px);
}
.subscribe_message .txt_area .info {
  padding-top: 12px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  color: #626364;
}

/* 쿠폰상세 */
.coupon_detail_wrap {
  padding: 24px 0 0;
}
.coupon_detail_wrap .top_info_wrap .tit_area .tit {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.333;
  font-weight: 800;
  font-weight: 700;
  padding: 8px 0;
  line-height: 26px;
}
.coupon_detail_wrap .top_info_wrap .img_area {
  display: flex;
  justify-content: center;
  align-items: center;
}
.coupon_detail_wrap .top_info_wrap .img_area img {
  width: 75vw;
  height: 75vw;
  object-fit: cover;
}
.coupon_detail_wrap .top_info_wrap .info_area {
  margin-top: 8px;
}
.coupon_detail_wrap.subscribe .benefit_pay_wrap .alert_benefit {
  background-color: #F0F4FF;
}
.coupon_detail_wrap.subscribe .benefit_pay_wrap .alert_benefit > strong {
  color: #485FDA;
}
.coupon_detail_wrap.subscribe .benefit_pay_wrap .alert_benefit > strong + em {
  color: #485FDA;
  font-weight: 600;
}
.coupon_detail_wrap.onetime .benefit_pay_wrap .alert_benefit {
  background-color: #FFF9E4;
}
.coupon_detail_wrap.onetime .benefit_pay_wrap .alert_benefit > strong {
  color: #F96B00;
}
.coupon_detail_wrap.onetime .benefit_pay_wrap .alert_benefit > strong + em {
  color: #F96B00;
  font-weight: 600;
}

.benefit_pay_wrap {
  overflow: hidden;
}
.benefit_pay_wrap .alert_benefit {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  padding: 13px 0 11px;
  border-radius: 12px;
  line-height: 20px;
}
.benefit_pay_wrap .alert_benefit::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(/assets/images/renew.contents/ico_popper.png) no-repeat center;
  background-size: 24px;
}
.benefit_pay_wrap .alert_benefit > strong {
  padding-left: 4px;
  font-size: 1rem;
  font-weight: 800;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  line-height: 22px;
}
.benefit_pay_wrap .pay_wrap li + li {
  margin-top: 6px;
}
.benefit_pay_wrap .pay_wrap .pay_info .dt {
  color: #757575;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 700;
}
.benefit_pay_wrap .pay_wrap .pay_info .dd .price {
  font-size: 0.875rem;
}
.benefit_pay_wrap .pay_wrap .pay_info .dd .price em {
  font-size: 1rem;
  line-height: 22px;
}

/* 프로그레스바 쿠폰 생상 */
.progress_wrap.subscribe .balloon {
  background: #485FDA;
}
.progress_wrap.subscribe .balloon::after {
  border-top: 8px solid #485FDA;
}
.progress_wrap.subscribe .progress_body .line .fill {
  background: #5175F4;
}
.progress_wrap.onetime .balloon {
  background: #F98600;
}
.progress_wrap.onetime .balloon::after {
  border-top: 8px solid #F98600;
}
.progress_wrap.onetime .progress_body .line .fill {
  background: #FFBB0D;
}

/* 쿠폰상세 - 사용내역 */
.list_coupon li {
  margin-bottom: 8px;
}
.list_coupon li:last-child {
  margin-bottom: 0;
}

.item_coupon {
  display: block;
  position: relative;
  border: 1px solid #DEDEDE;
  border-radius: 12px;
  overflow: hidden;
}
.item_coupon .item_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background: #FAFAFA;
}
.item_coupon .item_head .tit {
  flex: 0 0 53%;
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.42857;
  font-weight: 800;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
}
.item_coupon .item_head .date {
  color: #757575;
  line-height: 16px;
}
.item_coupon .item_body {
  padding: 16px;
  background: #fff;
}
.item_coupon .item_body .info_group > dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.item_coupon .item_body .info_group > dl dt {
  color: #757575;
}
.item_coupon .item_body .info_group > dl dd em {
  font-weight: 700;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
}
.item_coupon .item_body .info_group > dl.bold dt {
  font-weight: 600;
}
.item_coupon .item_body .info_group > dl.bold dd {
  font-weight: 600;
}
.item_coupon .item_body .info_group > dl.bold dd em {
  font-weight: 800;
}
.item_coupon.state_cancel .item_head {
  background: #FFF3F3;
}
.item_coupon.state_cancel .item_head .tit {
  opacity: 0.3;
}
.item_coupon.state_cancel .item_head .date {
  font-size: 0.75rem;
}
.item_coupon.state_cancel .item_body .info_group {
  opacity: 0.3;
}

.message_coupon {
  height: calc(100vh - 440px);
  min-height: 220px;
  font-size: 1rem;
  color: #757575;
}

/* 구독쿠폰 상품정보 */
.coupon_product .detail_top .info_area .tit_group .tit {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 800;
  font-weight: 700;
}
.coupon_product .detail_top .info_area .tit_group .discount {
  margin-top: 4px;
  font-size: 1.375rem;
  font-weight: 800;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  line-height: 24px;
}

.box_subscribe {
  margin-bottom: 12px;
  margin-right: 40px;
}
.box_subscribe .tit {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 800;
  font-weight: 700;
  padding-bottom: 4px;
}
.box_subscribe .price {
  font-size: 1rem;
}
.box_subscribe .price em {
  font-size: 1.125rem;
  font-weight: 800;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
}
.box_subscribe + .box_info {
  margin-bottom: 15px;
}

.product_barcode_wrap {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #eee;
}
.product_barcode_wrap .tit {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 800;
  padding-bottom: 16px;
}
.product_barcode_wrap .description {
  padding-top: 16px;
  color: #626364;
}

.btn_scan_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  background: #F5F5F5;
  border-radius: 12px;
}
.btn_scan_wrap .img_area {
  padding: 8px 0 16px;
}
.btn_scan_wrap .img_area img {
  width: 72px;
  height: 46px;
  object-fit: cover;
}

/* 상품정보 이용안내, 유의사항 */
.list_inner {
  padding-top: 20px;
}
.list_inner .list_txt p + p {
  padding-top: 4px;
}

/* 대상상품조회 */
.scan_result_wrap {
  height: calc(100vh - 64px);
  padding: 20px;
  background: #FFF9E4;
}
.scan_result_wrap > .tit {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.333;
  font-weight: 800;
  padding: 4px 0 16px;
  text-align: center;
}
.scan_result_wrap .img_area {
  width: 160px;
  margin: 0 auto;
  text-align: center;
}
.scan_result_wrap .info_area .scan_result {
  padding: 8px 0 24px;
  font-size: 1rem;
  text-align: center;
}
.scan_result_wrap .info_area .box_price {
  padding: 20px;
  background: #fff;
  border: 1px solid #DEDEDE;
  border-radius: 12px;
}
.scan_result_wrap .info_area .box_price .pay_wrap .pay_info .dt {
  color: #626364;
}
.scan_result_wrap .info_area .box_price .pay_wrap .pay_info .dd .origin {
  color: #9A9A9A;
  font-size: 0.75rem;
  text-decoration: line-through;
}
.scan_result_wrap .info_area .box_price .pay_wrap .pay_info .dd .origin em {
  font-size: 0.875rem;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 800;
}
.scan_result_wrap .info_area .box_price .pay_wrap_case02 {
  padding-bottom: 0;
}
.scan_result_wrap .info_area .box_price .pay_wrap_case02 .pay_total {
  padding: 0;
  padding-top: 16px;
}
.scan_result_wrap .btn_group {
  padding: 8px 0;
}
.scan_result_wrap.fail {
  background: #f5f5f5;
}
.scan_result_wrap.fail .img_area {
  background: none;
}

/* 구독쿠폰 사용방법 안내(팝업) */
.banner_discount {
  position: relative;
  border-bottom: 1px solid #EEE;
  height: 210px;
  background: #F5F5F5 url(/assets/images/renew.contents/subscribe_guide_banner_img.png) no-repeat right bottom;
  background-size: contain;
}
.banner_discount .txt {
  position: absolute;
  top: 20px;
  left: 24px;
  width: 180px;
  height: 115px;
  background: url(/assets/images/renew.contents/subscribe_guide_banner_txt.png) no-repeat 0 0;
  background-size: 180px auto;
}

.discount_tabcont_wrap .gray_box02 {
  margin-top: 24px;
  border: 1px solid #EEE;
}
.discount_tabcont_wrap .gray_box02 .txt {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 700;
  font-size: 1rem;
}
.discount_tabcont_wrap .gray_box02 .txt .num {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background: #4D4E4F;
  color: #FFF;
  font-weight: 800;
  border-radius: 50%;
  text-align: center;
  line-height: 26px;
}
.discount_tabcont_wrap .box_apricot50 {
  margin-top: 8px;
  padding: 16px;
  border: 1px solid #FFECAA;
}
.discount_tabcont_wrap .box_apricot50 .txt {
  padding-left: 50px;
  background: url(/assets/images/renew.contents/subscribe_guide_notice.png) no-repeat 0 50%;
  background-size: 34px auto;
}

.delivery_guide_wrap.discount_guide_wrap .guide_step .ico:after {
  background-image: url(/assets/images/renew.contents/subscribe_guide_img.png);
}
.delivery_guide_wrap.discount_guide_wrap.discount02 .guide_step.step01 .ico:after {
  background-position: 0 -450px;
}
.delivery_guide_wrap.discount_guide_wrap.discount02 .guide_step.step02 .ico:after {
  background-position: 0 0;
}
.delivery_guide_wrap.discount_guide_wrap.discount02 .guide_step.step03 .ico:after {
  background-position: 0 -100px;
}
.delivery_guide_wrap.discount_guide_wrap.discount02 .guide_step.step04 .ico:after {
  background-position: 0 -150px;
}
.delivery_guide_wrap.discount_guide_wrap.discount03 .guide_step.step01 .ico:after {
  background-position: 0 -200px;
}
.delivery_guide_wrap.discount_guide_wrap.discount03 .guide_step.step02 .ico:after {
  background-position: 0 -250px;
}
.delivery_guide_wrap.discount_guide_wrap.discount03 .guide_step.step03 .ico:after {
  background-position: 0 -300px;
}
.delivery_guide_wrap.discount_guide_wrap.discount03 .guide_step.step04 .ico:after {
  background-position: 0 -350px;
}
.delivery_guide_wrap.discount_guide_wrap.discount03 .guide_step.step05 .ico:after {
  background-position: 0 -400px;
}

.scroll_tab_wrap .scroll_tab {
  position: relative;
  height: 48px;
  z-index: 10;
}
.scroll_tab_wrap .scroll_tab .fixtop_inner {
  position: static;
  top: 56px;
  left: 0;
  width: 100%;
  height: 48px;
}
.scroll_tab_wrap .scroll_tab.fixed_top .fixtop_inner {
  position: fixed;
}
.scroll_tab_wrap .scroll_tab .tabmenu01 ul > li:before {
  width: 100% !important;
  background-color: transparent;
}
.scroll_tab_wrap .scroll_tab .tabmenu01 ul > li.active:before {
  background-color: #000;
}
.scroll_tab_wrap .scroll_cont {
  position: relative;
  z-index: 9;
}
.scroll_tab_wrap .scroll_cont .scroll_cont_block.lst {
  min-height: calc(100vh - 110px);
}

/* 택배 접수 방법 안내 */
.delivery_guide_wrap {
  margin-top: 24px;
}
.delivery_guide_wrap > ul > li {
  position: relative;
  padding-bottom: 20px;
}
.delivery_guide_wrap > ul > li:not(:last-child)::after {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 34px;
  background: url(/assets/images/renew.contents/delivery_guide_dot.png) repeat-y;
  background-size: 4px auto;
}
.delivery_guide_wrap .guide_step {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  min-height: 72px;
  z-index: 2;
}
.delivery_guide_wrap .guide_step.vat {
  align-items: flex-start;
}
.delivery_guide_wrap .guide_step.vat .cont .order {
  margin-top: 2px;
}
.delivery_guide_wrap .guide_step .ico {
  display: block;
  flex: 0 0 72px;
  position: relative;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #F5F5F5;
}
.delivery_guide_wrap .guide_step .ico::after {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  background: url(/assets/images/renew.contents/delivery_guide_img.png) no-repeat;
  background-size: 48px auto;
  background-position: 0 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.delivery_guide_wrap .guide_step .cont {
  padding-left: 20px;
}
.delivery_guide_wrap .guide_step .cont .order {
  position: relative;
  width: 18px;
  height: 12px;
  margin-bottom: 6px;
  overflow: hidden;
  background: url(/assets/images/renew.contents/delivery_guide_order.png) no-repeat;
  background-size: 18px auto;
  text-indent: -999px;
}
.delivery_guide_wrap .guide_step .cont .txt {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.42857;
  font-weight: 800;
  font-weight: 700;
  line-height: 20px;
}
.delivery_guide_wrap .guide_step .cont .txt .sub {
  font-size: 0.75rem;
}
.delivery_guide_wrap .guide_step .cont .btn {
  margin-top: 6px;
}
.delivery_guide_wrap .guide_step.step01 .ico::after {
  background-position: 0 0;
}
.delivery_guide_wrap .guide_step.step01 .cont .order {
  background-position: 0 0;
}
.delivery_guide_wrap .guide_step.step02 .ico::after {
  background-position: 0 -50px;
}
.delivery_guide_wrap .guide_step.step02 .cont .order {
  background-position: 0 -20px;
}
.delivery_guide_wrap .guide_step.step03 .ico::after {
  background-position: 0 -100px;
}
.delivery_guide_wrap .guide_step.step03 .cont .order {
  background-position: 0 -40px;
}
.delivery_guide_wrap .guide_step.step04 .ico::after {
  background-position: 0 -150px;
}
.delivery_guide_wrap .guide_step.step04 .cont .order {
  background-position: 0 -60px;
}
.delivery_guide_wrap .guide_step.step05 .ico::after {
  background-position: 0 -200px;
}
.delivery_guide_wrap .guide_step.step05 .cont .order {
  background-position: 0 -80px;
}
.delivery_guide_wrap .guide_step.step06 .ico::after {
  background-position: 0 -250px;
}
.delivery_guide_wrap .guide_step.step06 .cont .order {
  background-position: 0 -100px;
}
.delivery_guide_wrap.guide_type02 > ul > li::after {
  background-image: url(/assets/images/renew.contents/delivery_guide_dot_type02.png);
}
.delivery_guide_wrap.guide_type02 .guide_step .ico {
  background: #F98600;
}
.delivery_guide_wrap.guide_type02 .guide_step .cont .order {
  background-image: url(/assets/images/renew.contents/delivery_guide_order_type02.png);
}

.delivery_reserve {
  padding: 20px 20px 30px;
  background: #F5F5F5;
}
.delivery_reserve .link_box {
  width: 100%;
}
.delivery_reserve .list_head {
  margin: 8px -20px 0;
}
.delivery_reserve .box_message {
  padding: 45px 0 51px;
  margin: 0;
}
.delivery_reserve .box_message:before {
  content: "";
  position: absolute;
  top: 82px;
  width: 100%;
  height: 1px;
  background: #eee;
}
.delivery_reserve .box_message .title {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: #232425;
}
.delivery_reserve .box_message .img_area {
  width: 160px;
  height: 160px;
}
.delivery_reserve .box_message .img_area img {
  display: block;
  width: 100%;
  height: 100%;
}
.delivery_reserve .box_message .txt_area {
  font-family: "Apple SD Gothic Neo", "애플고딕";
  color: #4D4E4F;
}
.delivery_reserve .btn_group {
  padding: 0;
}
.delivery_reserve .btn_group .tit {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: bold;
}

.link_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 14px 19px;
  padding-right: 40px;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  background: #FFF;
}
.link_box .ico {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}
.link_box .ico + em {
  margin-left: 4px;
}
.link_box em {
  display: block;
  line-height: 18px;
  text-align: left;
}
.link_box::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 24px;
  height: 24px;
  background: url(/assets/images/renew.common/ico_arr_right.png) no-repeat center;
  background-size: 24px;
  transform: translateY(-50%);
}
.link_box.bg_gray {
  border-color: #F5F5F5;
  background-color: #F5F5F5;
}
.link_box.bg_gray::after {
  background-image: url(/assets/images/renew.common/ico_arr_link_gray.png);
}
.link_box.bg_gray2 {
  padding-top: 18px;
  padding-bottom: 18px;
  border-color: #F5F5F5;
  background-color: #F5F5F5;
}
.link_box.bg_gray2::after {
  right: 17px;
  background-image: url(/assets/images/renew.common/ico_arr_right.png);
  background-size: 24px;
}
.link_box.txt_gray {
  color: #757575;
}
.link_box.txt_gray::after {
  background-image: url(/assets/images/renew.common/ico_arr_link_gray.png);
}

.list_delivery {
  margin-top: 16px;
}
.list_delivery > ul > li + li {
  margin-top: 8px;
}
.list_delivery > ul li:first-child .item_delivery_tit {
  padding-top: 0;
}

.item_delivery_tit {
  margin-bottom: 8px;
  padding-top: 16px;
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.42857;
  font-weight: 800;
  font-weight: 700;
}

.item_delivery {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #DEDEDE;
  border-radius: 12px;
}
.item_delivery .item_head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  height: 50px;
  padding: 16px;
  padding-right: 95px;
  background: #FAFAFA;
}
.item_delivery .item_head dl {
  flex: 0 0 auto;
  vertical-align: middle;
  float: left;
}
.item_delivery .item_head dl dd {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.42857;
  font-weight: 800;
}
.item_delivery .item_head .send {
  max-width: calc(50% - 20px);
}
.item_delivery .item_head .receive {
  max-width: calc(50% + 20px);
}
.item_delivery .item_head .receive {
  position: relative;
  margin-left: 4px;
  padding-left: 40px;
}
.item_delivery .item_head .receive::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 36px;
  height: 18px;
  background: url(/assets/images/renew.contents/ico_delivery_fromto.png) no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.item_delivery .item_body {
  padding: 17px 16px 20px;
  background: #FFF;
}
.item_delivery .item_body .info_group dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.item_delivery .item_body .info_group dl + dl {
  margin-top: 4px;
}
.item_delivery .item_body .info_group dl dt {
  color: #757575;
}
.item_delivery .item_body .info_group dl dd {
  color: #232425;
  word-break: break-all;
}
.item_delivery .item_body .info_group dl dd .price {
  display: flex;
}
.item_delivery .item_body .info_group dl dd .price .final em {
  font-size: 0.875rem;
}
.item_delivery .item_body .info_group dl .dt_bg_gray {
  display: inline-block;
  height: 20px;
  margin-right: 4px;
  padding: 0 8px;
  border-radius: 10px;
  background: #F5F5F5;
  color: #626364;
  font-size: 0.75rem;
  line-height: 20px;
}
.item_delivery .item_body .info_group dl.tal {
  justify-content: flex-start;
}
.item_delivery .item_body .info_group dl.tal dd {
  color: #4D4E4F;
}
.item_delivery .item_body .info_group dl.tal dd + dt.blind + dd {
  margin-left: 8px;
}
.item_delivery .item_body .info_group dl.tit dd .strong {
  color: #232425;
  word-break: break-all;
}
.item_delivery .item_body .info_group.type02 dl + dl {
  margin-top: 8px;
}
.item_delivery .item_body .info_group.type02 dl dd .final em {
  font-size: 0.875rem;
  font-weight: 700;
}
.item_delivery .item_body .info_group.type02 dl dd .num {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}
.item_delivery .delivery_edit {
  position: absolute;
  top: 11px;
  right: 11px;
  z-index: 2;
}
.item_delivery .delivery_edit .state {
  display: block;
  margin-right: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 28px;
}
.item_delivery.state_cancel .item_head {
  background: #FFF3F3;
}

.item_delivery_head {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 50px;
  margin-top: 17px;
  padding: 16px 0;
}
.item_delivery_head dl {
  flex: 0 0 auto;
  vertical-align: middle;
  float: left;
}
.item_delivery_head dl dd {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.42857;
  font-weight: 800;
}
.item_delivery_head .send {
  max-width: calc(50% - 20px);
}
.item_delivery_head .receive {
  max-width: calc(50% + 20px);
}
.item_delivery_head .receive {
  position: relative;
  margin-left: 4px;
  padding-left: 40px;
}
.item_delivery_head .receive::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 36px;
  height: 18px;
  background: url(/assets/images/renew.contents/ico_delivery_fromto.png) no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.add_delivery {
  width: 100%;
  height: 180px;
  border: 1px dashed #DEDEDE;
  border-radius: 12px;
  background: #FFF;
}
.add_delivery .tit {
  display: flex;
  justify-content: center;
  align-items: center;
}
.add_delivery .tit .ico {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 6px;
  border: 1px dashed #DEDEDE;
  border-radius: 50%;
  background: url(/assets/images/renew.common/ico_plus_gray.png) no-repeat center;
  background-size: 16px;
}
.add_delivery .tit em {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 800;
  font-weight: 700;
  line-height: 22px;
}
.add_delivery .txt {
  margin-top: 16px;
  color: #626364;
}

.delivery_detail_wrap .title_area {
  padding: 24px 0 0;
  text-align: center;
}
.delivery_detail_wrap .title_area p + p {
  margin-top: 8px;
  color: #4D4E4F;
}
.delivery_detail_wrap .title_area .tit {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 800;
}
.delivery_detail {
  margin: 0 20px;
  padding: 16px 0;
}
.delivery_detail.delivery_detail_slider {
  margin: 0;
}
.delivery_detail .swiper-slide {
  padding: 0 20px 0 20px;
  padding: 0 10px 0 10px;
  padding: 0;
}
.delivery_detail .swiper-slide .item_delivery {
  padding-bottom: 44px;
  background: #FFF;
}
.delivery_detail .swiper-pagination {
  bottom: 20px;
  height: 6px;
}
.delivery_detail .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 2px;
  background: #DEDEDE;
  vertical-align: top;
  opacity: 1;
  transition: width 0.3s;
}
.delivery_detail .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 14px;
  border-radius: 4px;
  background-color: #FFA800;
}
.delivery_detail .box_info {
  padding-top: 12px;
  padding-bottom: 12px;
  background: #FFF;
}
.delivery_detail .table_info {
  border-radius: 12px;
}
.delivery_detail .item_delivery .barcode_area {
  margin: 0 -16px;
  margin-top: -18px;
  margin-bottom: 20px;
  padding: 25px 16px 16px;
  border-bottom: 1px solid #EEE;
}
.delivery_detail .item_delivery .barcode_area .barcode {
  height: 84px;
}
.delivery_detail .item_delivery .barcode_area .barcode .barcode_img_delivery {
  height: 52px !important;
}
.delivery_detail .item_delivery .barcode_area .barcode .barcode_number {
  display: block;
  margin-top: 6px;
  color: #000;
  font-size: 14px;
  text-align: center;
}
.delivery_detail .item_delivery .info_group .label {
  margin-bottom: 8px;
}
.delivery_detail .item_delivery .info_group dl + dl {
  margin-top: 4px;
}
.delivery_detail .item_delivery .info_group.fst {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.delivery_detail .item_delivery .info_group + .info_group {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #EEE;
}

/* 택배접수 */
.delivery_reserve {
  position: relative;
  z-index: 1;
}

.js-fixtop.fixtop_row2 {
  z-index: 3;
}
.js-fixtop.fixtop_row2 .fixtop_inner {
  z-index: 3;
}

.search_delivery {
  padding: 0;
  background: #F5F5F5;
  z-index: 10;
}
.search_delivery .search_wrap {
  padding: 16px 20px 15px;
  z-index: 3;
}
.search_delivery .search_detail_wrap {
  display: none;
}
.search_delivery.opened {
  background: #FFF;
  z-index: 100;
}
.search_delivery.opened .search_wrap {
  position: relative;
  background: #FFF;
  z-index: 3;
}
.search_delivery.opened .search_detail_wrap {
  display: block;
}

.search_detail_wrap .dimmed {
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.search_detail_wrap .filter_wrap {
  position: relative;
  background: #FFF;
  padding: 0 20px 20px;
  z-index: 2;
}
.search_detail_wrap .filter_wrap .form_text {
  height: 40px;
  padding-left: 12px;
  border-radius: 6px;
}
.search_detail_wrap .filter_wrap .input_area + .btn_area {
  margin-top: 16px;
}

.btn_form {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  background: #FFF;
}
.btn_form em {
  color: #4D4E4F;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 700;
}
.btn_form.selected {
  border-color: #4D4E4F;
  background-color: #4D4E4F;
}
.btn_form.selected em {
  color: #FFF;
}

/* 내역 없을경우 */
.box_message.message_reserve {
  height: calc(100vh - 400px);
}
.box_message.message_address {
  height: calc(100vh - 260px);
}

.form_text.type_date {
  background-image: url(/assets/images/renew.common/ico_calendar.png);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: calc(100% - 11px) 50%;
}
.form_text.type_search {
  padding-right: 40px;
  background-image: url(/assets/images/renew.common/form_search.png);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: calc(100% - 11px) 50%;
}

.box_info dl.data_row {
  display: flex;
  justify-content: space-between;
}
.box_info dl.data_row > dt {
  color: #757575;
}
.box_info dl.data_row > dd {
  color: #232425;
}
.box_info dl.data_row .num {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 700;
}

.cart_store .btn_store_info.pos_r,
.title_store .btn_store_info.pos_r {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.btn_info {
  display: inline-block;
  width: 20px;
  height: 16px;
  vertical-align: middle;
}
.btn_info .ico {
  display: block;
}

.list_txt li .btn_info {
  margin-bottom: 1px;
}

/* 버튼 스타일 라디오 버튼 */
.radio_group.form_group > li {
  flex: 1 1 auto;
}
.radio_group.form_group .form_radio {
  width: 100%;
}

.form_radio.type_button label {
  justify-content: center;
  align-items: center;
  height: 40px;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
}
.form_radio.type_button label::after, .form_radio.type_button label::before {
  display: none;
}
.form_radio.type_button label em {
  padding-left: 0;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  color: #4D4E4F;
  font-weight: 700;
}
.form_radio.type_button input:checked + label {
  border-color: #4D4E4F;
  background-color: #4D4E4F;
}
.form_radio.type_button input:checked + label em {
  color: #FFF;
}

/* 최근주소지 선택 팝업 */
.item_delivery.item_address .item_body {
  min-height: 80px;
  padding-top: 15px;
  padding-bottom: 0;
  padding-right: 78px;
}
.item_delivery.item_address .item_foot {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: -5px;
  padding: 0 16px 15px;
}

.btn_bookmark {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.btn_bookmark::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(/assets/images/renew.common/ico_bookmark.png) no-repeat;
  background-size: 24px auto;
}
.btn_bookmark.off::before {
  background-position: 0 0;
}
.btn_bookmark.off::after {
  content: "해제";
}
.btn_bookmark.on::before {
  background-position: 0 100%;
}
.btn_bookmark.on::after {
  content: "설정";
}

.delivery_item_category {
  padding: 2px 16px 58px;
}
.delivery_item_category > ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.delivery_item_category > ul > li {
  width: 25%;
  padding: 2px 2px;
}
.delivery_item_category > ul > li button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 0 10px;
  border: 1px solid #EEE;
  border-radius: 6px;
  background: #FFF;
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 16px;
  word-break: break-all;
}

/* 단골매장 */
.list_store_favorite {
  margin: 0 20px;
  margin-top: 16px;
}
.list_store_favorite .add_store {
  margin-bottom: 8px;
  text-align: right;
}
.list_store_favorite .add_store button {
  display: inline-flex;
  align-items: center;
  filter: invert(44%) sepia(0%) saturate(16%) hue-rotate(160deg) brightness(102%) contrast(80%);
}
.list_store_favorite > ul > li + li {
  margin-top: 8px;
}

.item_store2 {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 10px 16px 16px;
  padding-right: 60px;
  border: 1px solid #DEDEDE;
  border-radius: 12px;
  background: #FFF;
}
.item_store2 .row {
  margin-top: 8px;
  color: #757575;
}
.item_store2 .row.row_flex .select_check {
  padding-right: 8px;
}
.item_store2 .row.row_flex .label03 {
  margin-left: 8px;
}
.item_store2 .row.row_flex > .label02 + .label02 {
  margin-left: 2px;
}
.item_store2 .store_info .tit {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 800;
  font-weight: 700;
}
.item_store2 .store_info dl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.item_store2 .store_info dl + dl {
  margin-top: 4px;
}
.item_store2 .store_info dl dt {
  color: #757575;
}
.item_store2 .store_info dl dd {
  color: #232425;
  margin-left: 16px;
}
.item_store2 .store_btn {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
}

.message_favorite_store {
  height: calc(100vh - 200px);
}

.box_info .list_txt > li + li {
  margin-top: 2px;
}

/* 택배예약 진입 팝업 */
.pop_delivery_notice {
  margin-bottom: 30px;
  font-size: 0.875rem;
}
.pop_delivery_notice > ul > li {
  word-break: break-all;
}
.pop_delivery_notice > ul > li + li {
  margin-top: 12px;
}
.pop_delivery_notice > ul > li p {
  margin-top: 4px;
}
.pop_delivery_notice > ul > li .tit {
  color: #232425;
  font-size: 0.875rem;
  font-weight: 600;
}
.pop_delivery_notice > ul > li .tit.sub {
  margin: 6px 0;
  color: #4D4E4F;
}
.pop_delivery_notice > ul > li .txt {
  color: #626364;
}

/* 택배사 변경 안내 팝업 */
.pop_delivery_change.holiday_delivery {
  background: url(/assets/images/renew.contents/bg_holiday_delivery.png) center center/100% 100% no-repeat;
}
.pop_delivery_change .pop_delivery_change_notice {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  margin-top: 27px;
  font-family: "Apple SD Gothic Neo", "애플고딕";
  text-align: center;
}
.pop_delivery_change .pop_delivery_change_notice .img_area {
  width: 61px;
  height: 61px;
}
.pop_delivery_change .pop_delivery_change_notice .tit {
  font-size: 28px;
  font-weight: bold;
  padding-top: 23px;
  color: #000;
}
.pop_delivery_change .pop_delivery_change_notice .txt {
  font-size: 16px;
  line-height: 20px;
  padding-top: 16px;
}
.pop_delivery_change .pop_delivery_change_notice .txt span {
  font-weight: bold;
  color: #485FDA;
}
.pop_delivery_change .pop_delivery_change_notice .txt span:last-child {
  color: #F98600;
}
.pop_delivery_change .pop_delivery_change_notice .change_info {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 240px;
  margin-top: 33px;
}
.pop_delivery_change .pop_delivery_change_notice .change_info dl {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #F2F2F2;
  border-radius: 10px;
}
.pop_delivery_change .pop_delivery_change_notice .change_info dl dt {
  padding: 11px 0 8px;
  font-weight: bold;
  white-space: nowrap;
  background-color: #AAABAD;
  color: #fff;
  border-radius: 10px 10px 0 0;
}
.pop_delivery_change .pop_delivery_change_notice .change_info dl dd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 36px;
  padding-bottom: 15px;
  font-size: 12px;
  color: #000;
}
.pop_delivery_change .pop_delivery_change_notice .change_info dl dd i {
  padding-bottom: 13px;
}
.pop_delivery_change .pop_delivery_change_notice .change_info dl dd i img {
  display: block;
  width: 61px;
  height: 21px;
  margin: 0 auto;
}
.pop_delivery_change .pop_delivery_change_notice .change_info dl dd em {
  opacity: 0.5;
}
.pop_delivery_change .pop_delivery_change_notice .change_info dl dd:nth-of-type(2) {
  padding-top: 0;
}
.pop_delivery_change .pop_delivery_change_notice .change_info dl dd:nth-of-type(2) i {
  padding-bottom: 4px;
}
.pop_delivery_change .pop_delivery_change_notice .change_info dl dd:nth-of-type(2) i img {
  width: 106px;
  height: 43px;
}
.pop_delivery_change .pop_delivery_change_notice .change_info .after_change {
  margin-left: 11px;
}
.pop_delivery_change .pop_delivery_change_notice .change_info .after_change dt {
  background-color: #FFBB0E;
}
.pop_delivery_change .pop_delivery_change_notice .change_info .after_change dd {
  padding-top: 68px;
}
.pop_delivery_change .pop_delivery_change_notice .change_info .after_change dd i {
  padding-bottom: 4px;
}
.pop_delivery_change .pop_delivery_change_notice .change_info .after_change dd i img {
  width: 106px;
  height: 43px;
}
.pop_delivery_change .list_txt {
  padding-top: 22px;
  font-size: 10px;
  letter-spacing: -0.3px;
  text-align: left;
  opacity: 0.6;
}
.pop_delivery_change .list_txt > li {
  color: #000;
}
.pop_delivery_change .list_txt > li:before {
  content: "※";
  top: 0;
  background: none;
}
.pop_delivery_change .btn_group {
  padding: 25px 20px 32px;
}
.pop_delivery_change .btn_group .btn_main:first-child {
  flex: 3;
}

/* 택배사 요금 안내 팝업 */
.delivery_fee .list_txt {
  font-family: "Apple SD Gothic Neo", "애플고딕";
  margin-top: 8px;
}
.delivery_fee .list_txt > li {
  color: #4D4E4F;
}
.delivery_fee .list_txt > li + li {
  margin-top: 4px;
}
.delivery_fee .list_txt > li:before {
  content: "*";
  top: 3px;
  background: transparent;
}

/* 택배예약 서비스 선택 */
.delivery_reserve_service {
  padding: 20px 20px 30px;
}
.delivery_reserve_service h3 {
  padding-bottom: 20px;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 800;
  text-align: center;
}
.delivery_reserve_service .reserve_item {
  padding: 16px 0 13px;
}
.delivery_reserve_service .reserve_item .item_delivery {
  position: relative;
  margin-bottom: 20px;
  border: none;
  /* 네이버 예약 */
}
.delivery_reserve_service .reserve_item .item_delivery.coming_soon::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.94);
  opacity: 0.7;
  z-index: 1;
}
.delivery_reserve_service .reserve_item .item_delivery.coming_soon .coming_soon {
  display: block;
}
.delivery_reserve_service .reserve_item .item_delivery.event {
  position: relative;
}
.delivery_reserve_service .reserve_item .item_delivery.event:after {
  content: "행사중";
  position: absolute;
  top: 0;
  right: 23px;
  width: 39px;
  height: 46px;
  padding-top: 9px;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 22px;
  text-align: center;
  background: url(/assets/images/renew.common/ico_tag.svg) center center/contain no-repeat;
}
.delivery_reserve_service .reserve_item .item_delivery.event .item_body strong {
  padding-top: 16px;
}
.delivery_reserve_service .reserve_item .item_delivery.event .item_body .event_txt {
  display: block;
}
.delivery_reserve_service .reserve_item .item_delivery .delivery_item:before {
  content: "";
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 84px;
  height: 75px;
  background: url(/assets/images/renew.contents/img_box.svg) center center/contain no-repeat;
  user-select: none;
}
.delivery_reserve_service .reserve_item .item_delivery .coming_soon {
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 12px;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  z-index: 1;
}
.delivery_reserve_service .reserve_item .item_delivery .coming_soon .ic_clock {
  display: block;
  width: 37px;
  height: 37px;
  margin: 0 auto;
  margin-bottom: 11px;
  background: url(/assets/images/renew.common/ico_clock.svg) center center/contain no-repeat;
}
.delivery_reserve_service .reserve_item .item_delivery .coming_soon p {
  white-space: nowrap;
}
.delivery_reserve_service .reserve_item .item_delivery .item_body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 160px;
  padding: 0 20px;
  background-color: #F2F0E8;
}
.delivery_reserve_service .reserve_item .item_delivery .item_body i {
  display: block;
}
.delivery_reserve_service .reserve_item .item_delivery .item_body .cj_logo {
  width: 67px;
  height: 27px;
  background: url(/assets/images/renew.contents/ico_cj.svg) center center/contain no-repeat;
}
.delivery_reserve_service .reserve_item .item_delivery .item_body .naver_logo {
  width: 61px;
  height: 12px;
  background: url(/assets/images/renew.common/ico_naver.svg) center center/contain no-repeat;
}
.delivery_reserve_service .reserve_item .item_delivery .item_body strong {
  display: block;
  position: relative;
  padding-top: 12px;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 20px;
  font-weight: 800;
  color: #000;
}
.delivery_reserve_service .reserve_item .item_delivery .item_body .event_txt {
  position: relative;
  display: none;
  padding-top: 8px;
  line-height: 20px;
  white-space: nowrap;
  color: #444;
}
.delivery_reserve_service .btn_group {
  padding: 0;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
}
.delivery_reserve_service .btn_group em {
  font-weight: bold;
}

.frequency .title_area {
  font-size: 0;
}
.frequency .title_area img {
  width: 100%;
}
.frequency .label_frequency {
  border-color: #DEDEDE;
  background-color: white;
  color: #000;
}
.frequency .label_frequency span {
  font-weight: 700;
}
.frequency .flex_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.frequency .flex_box .period {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.frequency .box_info {
  margin-top: 20px;
  border-color: #232425;
  background: transparent;
}
.frequency .box_info .bullet_info {
  color: #000;
}
.frequency .box_info .bullet_info::before {
  background-image: url(/assets/images/renew.common/ico_info_border_black.png);
}
.frequency .info_area {
  padding: 25px 20px 10px 20px;
}
.frequency .info_area.txt_color_white {
  color: #fff;
}
.frequency .info_area.txt_color_white dl dt {
  border-color: #fff;
}
.frequency .info_area.txt_color_white .box_info {
  border-color: #fff;
}
.frequency .info_area.txt_color_white .bullet_info {
  color: #fff;
}
.frequency .info_area.txt_color_white .bullet_info::before {
  background-image: url(/assets/images/renew.common/ico_info_border_white.png);
}
.frequency .info_area dl {
  margin-top: 20px;
}
.frequency .info_area dl dt {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  font-size: 14px;
  padding: 0 16px;
  border: 1px solid black;
  height: 30px;
  border-radius: 30px;
  margin-bottom: 8px;
}
.frequency .info_area dl dd {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.frequency .info_area dl dd span {
  font-weight: 800;
}
.frequency .info_area dl dd p {
  font-weight: 800;
}
.frequency .info_area dl dd p:last-child {
  margin-bottom: 12px;
}
.frequency .board_area {
  position: relative;
  font-size: 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.frequency .board_area.txt_color_black .stamps .top {
  color: #232425;
}
.frequency .board_area.txt_color_black .swiper-pagination {
  color: #232425;
}
.frequency .board_area .background {
  font-size: 0;
  display: inline-block;
  width: 100%;
  min-height: 260px;
}
.frequency .board_area .background img {
  width: 100%;
}
.frequency .board_area .stamps {
  padding: 0 20px 80px 20px;
}
.frequency .board_area .stamps .top {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  color: #F5F5F5;
  padding-top: 21.3333333333vw;
  font-size: 0;
}
.frequency .board_area .stamps .top img {
  width: 105px;
}
.frequency .board_area .stamps .top p {
  margin-bottom: 5px;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  position: absolute;
  left: 20px;
  right: 20px;
  text-align: right;
  padding-left: 70px;
}
.frequency .board_area .stamps .top p span {
  font-weight: 800;
}

.stamp_box.type03 {
  background-color: #626364;
}
.stamp_box.type03 ul li {
  display: inline-flex;
  align-items: center;
  width: calc(20% - 6px);
}
.stamp_box.type03 ul li .item_stamp {
  background-image: url(/assets/images/renew.common/frequency_stamp_off.png);
}
.stamp_box.type03 ul li.stamp_off .item_stamp {
  background-image: url(/assets/images/renew.common/frequency_stamp_off.png);
}
.stamp_box.type03 ul li.stamp_on .item_stamp {
  background-image: url(/assets/images/renew.common/frequency_stamp_on.png);
}
.stamp_box.type03 ul li.coupon_off .item_stamp {
  background-image: url(/assets/images/renew.common/frequency_coupon_off.png);
}
.stamp_box.type03 ul li.coupon_on .item_stamp {
  background-image: url(/assets/images/renew.common/frequency_coupon_on.png);
}
.stamp_box.type03 ul li.coupon_finish .item_stamp {
  background-image: url(/assets/images/renew.common/frequency_coupon_finish.png);
}

.fraction_navi .swiper-button-next,
.fraction_navi .swiper-button-prev {
  width: 24px;
  height: 24px;
  background-size: cover;
  margin-top: 0;
}
.fraction_navi .swiper-button-disabled {
  display: none;
}
.fraction_navi .swiper-button-next {
  background-image: url(/assets/images/renew.common/ico_slide_next.png);
  right: 0;
  transform: translate(50%, -50%);
}
.fraction_navi .swiper-button-prev {
  background-image: url(/assets/images/renew.common/ico_slide_prev.png);
  left: 0;
  transform: translate(-50%, -50%);
}
.fraction_navi .swiper-pagination {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #F5F5F5;
  bottom: -24px;
}
.fraction_navi .swiper-pagination .swiper-pagination-current {
  font-weight: 800;
}

/* 마이페이지 */
/* 주문내역 */
.order_list_group {
  padding: 0 20px;
}

.order_item {
  padding-top: 24px;
}
.order_item .order_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 10px;
}
.order_item .order_head .tit {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 700;
}
.order_item .order_head .link_txt {
  font-size: 0.75rem;
}
.order_item .order_body {
  border: 1px solid #DEDEDE;
  border-radius: 12px;
  overflow: hidden;
}
.order_item .order_body .order_content {
  display: block;
  padding: 16px 20px 20px 20px;
  background-color: #fff;
}
.order_item .order_body .order_content .bullet_info_fill {
  padding-bottom: 8px;
}
.order_item .order_body .order_content .price {
  display: inline-block;
  padding-top: 4px;
}
.order_item .order_body .order_content .price em {
  margin-right: 1px;
  font-size: 1.125rem;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 800;
}
.order_item .order_body .order_content dl dt .label01 {
  margin-bottom: 4px;
}
.order_item .order_body .order_content dl.cancel {
  position: relative;
  margin-top: 20px;
  margin-bottom: -8px;
  padding: 4px;
}
.order_item .order_body .order_content dl.cancel::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #EEE;
}
.order_item .order_body .order_content dl.cancel dt, .order_item .order_body .order_content dl.cancel dd {
  opacity: 0.5;
}
.order_item .order_body .order_content dl.cancel .cancel_alert {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(238, 238, 238, 0.65);
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 16px;
  color: #F43636;
  opacity: 1;
}
.order_item .order_body .order_content .pay_info {
  padding-top: 8px;
}
.order_item .order_body .order_content .pay_info .dt {
  padding-bottom: 4px;
}
.order_item .order_body .order_content .pay_info .dt:nth-child(3) {
  padding-top: 8px;
}
.order_item .order_state {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background-color: #FAFAFA;
}
.order_item .order_state .tit {
  display: flex;
  align-items: center;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 800;
  color: #4D4E4F;
}
.order_item .order_state .tit::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 4px;
  background-image: url(/assets/images/renew.contents/ico_order_check.png);
  background-size: cover;
}
.order_item .order_state.state_ready .tit::before {
  background-image: url(/assets/images/renew.contents/ico_order_ready.png);
}
.order_item .order_state.state_delivery .tit::before {
  background-image: url(/assets/images/renew.contents/ico_order_delivery.png);
}
.order_item .order_state.state_done .tit::before {
  background-image: url(/assets/images/renew.contents/ico_order_success.png);
}
.order_item .order_state.state_cancel {
  background-color: #fff3f3;
}
.order_item .order_state.state_cancel .tit {
  color: #F43636;
}
.order_item .order_state.state_cancel .tit::before {
  background-image: url(/assets/images/renew.contents/ico_order_cancel.png);
}
.order_item .order_state.state_cancel .date_cancel {
  color: #F43636;
  font-size: 0.75rem;
  font-weight: 400;
}
.order_item .order_state.state_cancel + .order_content dl {
  opacity: 0.5;
}
.order_item .order_state.state_check .tit::before {
  background-image: url(/assets/images/renew.contents/ico_pay_success.png);
}
.order_item .order_state.state_store .tit::before {
  background-image: url(/assets/images/renew.contents/ico_store_goal.png);
}
.order_item .order_state.state_receive .tit::before {
  background-image: url(/assets/images/renew.contents/ico_pickup_success.png);
}
.order_item .order_state.state_late .tit {
  color: #757575;
}
.order_item .order_state.state_late .tit::before {
  background-image: url(/assets/images/renew.contents/ico_late.png);
}
.order_item .order_state.state_late + .order_content dl {
  opacity: 0.5;
}
.order_item .order_state.state_subscribe .tit::before {
  background-image: url(/assets/images/renew.contents/ico_subscribe_on.png);
}
.order_item .order_state.state_expire .tit::before {
  background-image: url(/assets/images/renew.contents/ico_subscribe.png);
}
.order_item .order_state.state_cancelpay {
  background-color: #fff3f3;
}
.order_item .order_state.state_cancelpay .tit {
  color: #F43636;
}
.order_item .order_state.state_cancelpay .tit::before {
  background-image: url(/assets/images/renew.contents/ico_cancelpay.png);
}
.order_item .order_state.state_cancelpay .date_cancel {
  color: #F43636;
  font-size: 0.75rem;
  font-weight: 400;
}
.order_item .order_state.state_cancelpay + .order_content dl {
  opacity: 0.5;
}
.order_item.state_ready .order_state .tit::before {
  background-image: url(/assets/images/renew.contents/ico_order_ready.png);
}
.order_item.state_delivery .order_state .tit::before {
  background-image: url(/assets/images/renew.contents/ico_order_delivery.png);
}
.order_item.state_done .order_state .tit::before {
  background-image: url(/assets/images/renew.contents/ico_order_success.png);
}
.order_item.state_cancel .order_state {
  background-color: #fff3f3;
}
.order_item.state_cancel .order_state .tit {
  color: #F43636;
}
.order_item.state_cancel .order_state .tit::before {
  background-image: url(/assets/images/renew.contents/ico_order_cancel.png);
}
.order_item.state_cancel .order_state .date_cancel {
  color: #F43636;
  font-size: 0.75rem;
  font-weight: 400;
}
.order_item.state_cancel .order_state + .order_content dl {
  opacity: 0.5;
}
.order_item.state_check .order_state .tit::before {
  background-image: url(/assets/images/renew.contents/ico_pay_success.png);
}
.order_item.state_store .order_state .tit::before {
  background-image: url(/assets/images/renew.contents/ico_store_goal.png);
}
.order_item.state_receive .order_state .tit::before {
  background-image: url(/assets/images/renew.contents/ico_pickup_success.png);
}
.order_item.state_late .order_state .tit {
  color: #757575;
}
.order_item.state_late .order_state .tit::before {
  background-image: url(/assets/images/renew.contents/ico_late.png);
}
.order_item.state_late .order_state + .order_content dl {
  opacity: 0.5;
}
.order_item.state_subscribe .order_state .tit::before {
  background-image: url(/assets/images/renew.contents/ico_subscribe_on.png);
}
.order_item.state_expire .order_state .tit::before {
  background-image: url(/assets/images/renew.contents/ico_subscribe.png);
}
.order_item.state_cancelpay .order_state {
  background-color: #fff3f3;
}
.order_item.state_cancelpay .order_state .tit {
  color: #F43636;
}
.order_item.state_cancelpay .order_state .tit::before {
  background-image: url(/assets/images/renew.contents/ico_cancelpay.png);
}
.order_item.state_cancelpay .order_state .date_cancel {
  color: #F43636;
  font-size: 0.75rem;
  font-weight: 400;
}
.order_item.state_cancelpay .order_state + .order_content dl {
  opacity: 0.5;
}

/* 결과없음 */
.order_list_area {
  background-color: #F5F5F5;
}
.order_list_area .message_list {
  height: calc(100vh - 184px);
}

/* 주문내역 상세 */
.progress_area {
  padding: 16px 26px 50px;
  background: #F5F5F5;
}
.progress_area .step_icon {
  display: flex;
  align-items: center;
}
.progress_area .step_icon .ico_step01 {
  flex: 1 1 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 62px;
  height: 62px;
}
.progress_area .step_icon .ico_step01::before {
  content: "";
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  background: url(/assets/images/renew.contents/ico_step01_on.png) no-repeat center;
  background-size: contain;
  filter: grayscale(1);
  z-index: 2;
}
.progress_area .step_icon .ico_step01.active::before {
  filter: grayscale(0);
}
.progress_area .step_icon .ico_step01.active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 62px;
  height: 62px;
  background: url(/assets/images/renew.contents/bg_light.png) no-repeat center;
  background-size: contain;
  z-index: 0;
  animation: rotate 10s linear infinite;
}
@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.progress_area .step_icon .ico_step02 {
  flex: 1 1 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 62px;
  height: 62px;
}
.progress_area .step_icon .ico_step02::before {
  content: "";
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  background: url(/assets/images/renew.contents/ico_step02_on.png) no-repeat center;
  background-size: contain;
  filter: grayscale(1);
  z-index: 2;
}
.progress_area .step_icon .ico_step02.active::before {
  filter: grayscale(0);
}
.progress_area .step_icon .ico_step02.active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 62px;
  height: 62px;
  background: url(/assets/images/renew.contents/bg_light.png) no-repeat center;
  background-size: contain;
  z-index: 0;
  animation: rotate 10s linear infinite;
}
@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.progress_area .step_icon .ico_step03 {
  flex: 1 1 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 62px;
  height: 62px;
}
.progress_area .step_icon .ico_step03::before {
  content: "";
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  background: url(/assets/images/renew.contents/ico_step03_on.png) no-repeat center;
  background-size: contain;
  filter: grayscale(1);
  z-index: 2;
}
.progress_area .step_icon .ico_step03.active::before {
  filter: grayscale(0);
}
.progress_area .step_icon .ico_step03.active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 62px;
  height: 62px;
  background: url(/assets/images/renew.contents/bg_light.png) no-repeat center;
  background-size: contain;
  z-index: 0;
  animation: rotate 10s linear infinite;
}
@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.progress_area .step_icon .ico_step04 {
  flex: 1 1 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 62px;
  height: 62px;
}
.progress_area .step_icon .ico_step04::before {
  content: "";
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  background: url(/assets/images/renew.contents/ico_step04_on.png) no-repeat center;
  background-size: contain;
  filter: grayscale(1);
  z-index: 2;
}
.progress_area .step_icon .ico_step04.active::before {
  filter: grayscale(0);
}
.progress_area .step_icon .ico_step04.active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 62px;
  height: 62px;
  background: url(/assets/images/renew.contents/bg_light.png) no-repeat center;
  background-size: contain;
  z-index: 0;
  animation: rotate 10s linear infinite;
}
@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.progress_area .progress_bar {
  position: relative;
  margin: 5px 0 12px;
}
.progress_area .progress_bar .dot_area {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  width: 100%;
}
.progress_area .progress_bar .dot_area .dot_bg {
  flex: 1 1 25%;
  width: 18px;
  height: 18px;
  background: url(/assets/images/renew.contents/ico_dot_bg.png) no-repeat center;
  background-size: contain;
}
.progress_area .progress_bar .dot_area .dot_check {
  flex: 1 1 25%;
  width: 16px;
  height: 16px;
  background: url(/assets/images/renew.contents/ico_dot_off.png) no-repeat center;
  background-size: contain;
}
.progress_area .progress_bar .dot_area .dot_check.active {
  background: url(/assets/images/renew.contents/ico_dot_on.png) no-repeat center;
  background-size: contain;
}
.progress_area .progress_bar .dot_back {
  z-index: 1;
}
.progress_area .progress_bar .dot_front {
  z-index: 3;
}
.progress_area .progress_bar .line {
  position: relative;
  z-index: 2;
  height: 6px;
  background: #DEDEDE;
  border-radius: 8px;
  overflow: hidden;
  /* 프로그래스바게이지 */
}
.progress_area .progress_bar .line .fill {
  width: 0%;
  height: 100%;
  background: #FFBB0D;
  transition: width 1s ease-in-out;
}
.progress_area .step_txt {
  display: flex;
  align-items: center;
  text-align: center;
}
.progress_area .step_txt .txt {
  flex: 1 1 25%;
  font-size: 0.875rem;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 700;
  opacity: 0.4;
}
.progress_area .step_txt .txt.active {
  opacity: 1;
  font-weight: 800;
}
.progress_area.step_preorder .ico_step01::before {
  background-image: url(/assets/images/renew.contents/ico_preorder_step01.png);
}
.progress_area.step_preorder .ico_step01.active::before {
  filter: grayscale(0);
}
.progress_area.step_preorder .ico_step03::before {
  background-image: url(/assets/images/renew.contents/ico_preorder_step03.png);
}
.progress_area.step_preorder .ico_step03.active::before {
  filter: grayscale(0);
}
.progress_area.step_preorder .ico_step04::before {
  background-image: url(/assets/images/renew.contents/ico_preorder_step04.png);
}
.progress_area.step_preorder .ico_step04.active::before {
  filter: grayscale(0);
}

/* 주문취소 */
.order_list_detail {
  margin-top: -24px;
}

.pay_wrap_case02 {
  padding-bottom: 20px;
}
.pay_wrap_case02 .pay_info_detail {
  display: block;
}
.pay_wrap_case02 .pay_list {
  margin-bottom: 16px;
}
.pay_wrap_case02 .pay_total {
  margin: 0;
  padding: 16px 0;
  background: #fff;
  border-bottom: none;
}
.pay_wrap_case02 .pay_total dl dt {
  font-size: 0.875rem;
  font-weight: 700;
}
.pay_wrap_case02 .pay_total dl dd {
  font-size: 0.875rem;
}
.pay_wrap_case02 .pay_total dl dd em {
  font-size: 1rem;
}

.product_count {
  padding-left: 4px;
  font-size: 1rem;
  font-weight: 800;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
}

.item_goods.state_cancel {
  overflow: hidden;
}
.item_goods.state_cancel .goods_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% + 32px);
  padding: 12px 16px;
  margin: -16px -16px 16px;
  background: #FFF3F3;
  color: #F43636;
  font-size: 0.75rem;
}
.item_goods.state_cancel .tit {
  font-size: 12px;
  font-weight: 600;
  color: #F43636;
}
.item_goods.state_cancel .img_area {
  opacity: 0.5;
}
.item_goods.state_cancel .info_area {
  opacity: 0.5;
}
.item_goods.state_cancel .box_item_set {
  margin-top: 12px;
  opacity: 0.5;
}
.item_goods.state_default {
  overflow: hidden;
}
.item_goods.state_default .goods_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% + 32px);
  padding: 12px 16px;
  margin: -16px -16px 16px;
  background: #FAFAFA;
  color: #4D4E4F;
  font-size: 0.75rem;
}
.item_goods.state_default .tit {
  font-weight: 600;
}
.item_goods.state_late {
  overflow: hidden;
}
.item_goods.state_late .goods_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% + 32px);
  padding: 12px 16px;
  margin: -16px -16px 16px;
  background: #FAFAFA;
  color: #757575;
  font-size: 0.75rem;
}
.item_goods.state_late .tit {
  font-weight: 600;
}
.item_goods.state_late .img_area {
  opacity: 0.5;
}
.item_goods.state_late .info_area {
  opacity: 0.5;
}

.order_list_info > ul > li {
  padding: 0;
  padding-bottom: 16px;
  color: #4D4E4F;
}
.order_list_info > ul > li + li {
  border-top: none;
}
.order_list_info .list_txt li {
  color: #4D4E4F;
}

/* 24콘 */
.label01.label_buy {
  border: 1px solid #313EB5;
  color: #313EB5;
}
.label01.label_gift {
  border: 1px solid #F98600;
  color: #F98600;
}

.order_item .order_body .order_state02 {
  padding: 15px 20px 0;
  background: #FFF;
}
.order_item .order_body .order_content02 {
  display: block;
  padding: 7px 20px 16px;
  background: #fff;
}
.order_item .order_body .order_content02 dt {
  font-weight: 800;
  font-size: 0.75rem;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  line-height: 24px;
}
.order_item .order_body .order_content02 dt em {
  font-size: 1rem;
}

.item_goods.type_thumb .info_area .to {
  font-weight: 800;
  font-size: 1rem;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  line-height: 24px;
}
.item_goods .goods_head.h52 .tit {
  font-size: 0.875rem;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 800;
}
.item_goods.state_default .goods_head.h52 {
  height: 52px;
}
.item_goods.state_default .goods_head.h52 .tit {
  font-size: 0.875rem;
}
.item_goods.state_default .goods_head.h52 span {
  font-size: 0.75rem;
}

/* 모바일 영수증 */
.mobile_receipt_wrap .block_head {
  padding-top: 20px;
}

.date_title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  background: #FAFAFA;
}
.date_title .date_title_inner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 24px;
  padding: 0 28px;
}
.date_title .date_month {
  position: relative;
}
.date_title .date_month .date_value {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.42857;
  font-weight: 800;
  line-height: 24px;
}
.date_title .date_month .date_form {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  text-align: center;
  opacity: 0;
}
.date_title .btn_ctrl {
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  background: url(/assets/images/renew.common/btn_control_date.png) no-repeat;
  background-size: 50px;
}
.date_title .btn_ctrl .ico {
  display: block;
  width: 100%;
  height: 100%;
}
.date_title .btn_ctrl.btn_prev {
  left: 0;
  background-position: 0 0;
}
.date_title .btn_ctrl.btn_next {
  right: 0;
  background-position: -25px 0;
}
.date_title .btn_ctrl.btn_prev.disabled, .date_title .btn_ctrl.btn_prev[disabled] {
  left: 0;
  background-position: 0 -25px;
}
.date_title .btn_ctrl.btn_next.disabled, .date_title .btn_ctrl.btn_next[disabled] {
  right: 0;
  background-position: -25px -25px;
}

.list_receipt {
  padding: 0 0 48px;
}
.list_receipt > ul > li {
  margin-bottom: 12px;
}

.item_receipt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  padding-right: 0;
  border: 1px solid #DEDEDE;
  border-radius: 12px;
}
.item_receipt .left {
  flex: 1 1 auto;
  width: calc(100% - 115px);
}
.item_receipt .right {
  flex: 0 0 auto;
  flex-basis: 115px;
  padding-right: 16px;
  text-align: right;
}
.item_receipt .right .price .final {
  justify-content: flex-end;
}
.item_receipt .row + .row {
  margin-top: 8px;
}
.item_receipt .tit {
  display: block;
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 800;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  font-weight: 700;
  word-break: break-all;
}
.item_receipt.state_cancel .tit,
.item_receipt.state_cancel .date {
  color: #757575;
}
.item_receipt.state_cancel .date {
  white-space: nowrap;
}
.item_receipt.state_cancel .state,
.item_receipt.state_cancel .price * {
  color: #F43636;
}
.item_receipt.state_cancel .row.row_flex {
  flex-wrap: wrap;
}

.box_message.message_receipt {
  height: calc(100vh - 430px);
}

/* 마이페이지 변경 GN-원둥이고도화작업 2024.03 */
.mypage_personal_information {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 20px;
  padding: 20px;
}
.mypage_personal_information > div {
  width: 100px;
}
.mypage_personal_information > .benefit {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 12px;
}
.mypage_personal_information > .benefit > .element {
  height: 100px;
  border-radius: 12px;
  border: 1px solid var(--gs-gray-300);
  padding: 12px;
  text-align: center;
}
.mypage_personal_information > .benefit > .element .ico {
  width: 24px;
  height: 24px;
}
.mypage_personal_information > .benefit > .element .tit {
  margin-top: 4px;
}
.mypage_personal_information > .benefit > .element .tit span {
  font-size: 14px;
}
.mypage_personal_information > .benefit > .element .amount {
  margin-top: 6px;
  line-height: 22px;
}

.menu_element_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 16px;
  padding: 20px;
}
.menu_element_list li {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 700;
}
.menu_element_list li .menu {
  display: block;
}

/* 마이페이지 메인 */
.mypage_wrap {
  background: #FFD84E url(/assets/images/renew.contents/bg_mypage.png) no-repeat top/cover;
  background-position: 0 -42px;
  border-radius: 0 0 32px 32px;
}
.mypage_wrap .mypage_head {
  padding: 58px 0 16px;
}
.mypage_wrap .mypage_head .wrap_profile_area {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  padding: 0;
  background: transparent;
}
.mypage_wrap .mypage_head .wrap_profile_area .profile_area {
  margin-left: 12px;
}
.mypage_wrap .mypage_head .wrap_profile_area .profile_area > a {
  display: block;
  width: 100%;
  height: 100%;
}
.mypage_wrap .mypage_head .wrap_profile_area .id {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 0;
  color: #3A261B;
  text-shadow: -1px -1px 0 #FFF5D0, 1px -1px 0 #FFF5D0, -1px 1px 0 #FFF5D0, 1px 1px 0 #FFF5D0;
  font-size: 1.125rem;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 800;
}
.mypage_wrap .mypage_head .wrap_profile_area .id .label01 {
  text-shadow: none;
  vertical-align: top;
}
.mypage_wrap .mypage_head .wrap_profile_area .id .label01.label_employees {
  margin-left: 4px;
  border: 1px solid #4D4E4F;
  background: rgba(255, 255, 255, 0.2);
  color: #4D4E4F;
}
.mypage_wrap .mypage_head .wrap_profile_area .right {
  display: flex;
  flex: 0 0 calc(100% - 131px);
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  margin-left: 24px;
}
.mypage_wrap .mypage_head .wrap_profile_area .state_nft {
  display: flex;
  align-items: center;
  width: auto;
  height: 24px;
  margin-right: -10px;
}
.mypage_wrap .mypage_head .wrap_profile_area .state_nft img {
  display: block;
  width: auto;
  height: 18px;
}
.mypage_wrap .mypage_head .wrap_profile_area .state_nft em {
  margin-left: 2px;
  color: #485FDA;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: -0.05em;
}
.mypage_wrap .mypage_head .wrap_profile_area .mycash_wrap {
  width: 100%;
  margin-top: 20px;
}
.mypage_wrap .mypage_head .wrap_profile_area .mycash_wrap .mycash_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 800;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  line-height: 24px;
}
.mypage_wrap .mypage_head .wrap_profile_area .mycash_wrap .mycash_item dt {
  padding-left: 28px;
  color: #3A261B;
  text-shadow: -1px -1px 0 #FFF5D0, 1px -1px 0 #FFF5D0, -1px 1px 0 #FFF5D0, 1px 1px 0 #FFF5D0;
  background-size: 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.mypage_wrap .mypage_head .wrap_profile_area .mycash_wrap .mycash_item.ruby dt {
  background-image: url(/assets/images/renew.contents/ico_my_ruby.png);
}
.mypage_wrap .mypage_head .wrap_profile_area .mycash_wrap .mycash_item.gold dt {
  background-image: url(/assets/images/renew.contents/ico_my_gold.png);
}
.mypage_wrap .mypage_head .level_progress {
  display: flex;
  align-items: center;
  padding-top: 12px;
}
.mypage_wrap .mypage_head .level_progress .progress_head {
  position: relative;
  width: 30px;
  flex: 0 0 30px;
  z-index: 1;
}
.mypage_wrap .mypage_head .level_progress .progress_head .level {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  width: 100%;
  height: 30px;
  color: #fff;
  background: url(/assets/images/renew.contents/bg_my_level.png) no-repeat center/30px;
  font-size: 0.75rem;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 800;
  line-height: 14px;
  text-align: center;
  text-shadow: -1px -1px 0 #0064B3, 1px -1px 0 #0064B3, -1px 1px 0 #0064B3, 1px 1px 0 #0064B3;
}
.mypage_wrap .mypage_head .level_progress .progress_body {
  flex: 0 0 calc(100% - 26px);
  margin-left: -4px;
}
.mypage_wrap .mypage_head .level_progress .progress_body .line {
  height: 8px;
  margin: 0;
  background: #4F3E37;
  border: 1px solid #4F3E37;
}
.mypage_wrap .mypage_head .level_progress .progress_body .fill {
  height: 8px;
  background: #2BB2FF;
  border: 1px solid #4F3E37;
  box-shadow: inset 0px 1px 0px #9DDFFB, inset 0px -2px 0px #198EF1;
}
.mypage_wrap .mypage_body {
  padding-bottom: 58px;
}
.mypage_wrap .mypage_body .mypoint_wrap ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.mypage_wrap .mypage_body .mypoint_wrap ul.col3 {
  grid-template-columns: repeat(3, 1fr);
}
.mypage_wrap .mypage_body .mypoint_wrap .point_area {
  position: relative;
  display: block;
  width: 100%;
  padding: 26px 12px 16px;
  background-color: #fff;
  border: 1px solid #6C432C;
  border-radius: 16px;
  box-shadow: inset 0 -5px 0 #FFE68D;
  text-align: center;
}
.mypage_wrap .mypage_body .mypoint_wrap .point_area::before {
  content: "";
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 36px;
  height: 36px;
}
.mypage_wrap .mypage_body .mypoint_wrap .point_area .tit {
  margin-bottom: 2px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 18px;
}
.mypage_wrap .mypage_body .mypoint_wrap .point_area .count {
  font-size: 1rem;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 800;
  line-height: 24px;
}
.mypage_wrap .mypage_body .mypoint_wrap .point_area.point::before {
  background: url(/assets/images/renew.contents/ico_my_point.png) no-repeat center/36px;
}
.mypage_wrap .mypage_body .mypoint_wrap .point_area.point .count {
  color: #F43434;
}
.mypage_wrap .mypage_body .mypoint_wrap .point_area.coupon::before {
  background: url(/assets/images/renew.contents/ico_my_coupon.png) no-repeat center/36px;
}
.mypage_wrap .mypage_body .mypoint_wrap .point_area.coupon .count {
  color: #09BA10;
}
.mypage_wrap .mypage_body .mypoint_wrap .point_area.frequency::before {
  background: url(/assets/images/renew.contents/ico_my_frequency.png) no-repeat center/36px;
}
.mypage_wrap .mypage_body .mypoint_wrap .point_area.frequency .count {
  color: #FFA800;
}

.nft_info_wrap {
  margin-top: 8px;
}
.nft_info_wrap .nft_connect {
  display: block;
  position: relative;
  padding: 16px 16px 16px 20px;
  border: 1px solid #6C432C;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: inset 0 -4px 0 #FFE68D;
}
.nft_info_wrap .nft_link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  background: url(/assets/images/renew.common/ico_arr_link_gray.png) no-repeat;
  background-size: 24px;
  text-align: center;
  transform: translateY(-50%);
}
.nft_info_wrap .tit {
  display: flex;
  align-items: center;
}
.nft_info_wrap .tit em {
  display: block;
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.42857;
  font-weight: 800;
  line-height: 20px;
}
.nft_info_wrap .tit .logo {
  display: block;
  width: 43px;
  height: 22px;
  margin-right: 6px;
}
.nft_info_wrap .cont {
  margin-top: 4px;
  color: #626364;
}
.nft_info_wrap .cont .link_arr {
  display: inline-flex;
}
.nft_info_wrap .btn_disconnect {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

.mypage_list_wrap {
  position: relative;
  z-index: 2;
  margin: -50px 20px 0;
  padding-top: 4px;
  padding-bottom: 16px;
  background: #fff;
  border: 1px solid #757575;
  border-radius: 20px;
  overflow: hidden;
}
.mypage_list_wrap .allmenu_block:last-child {
  border-bottom: none;
}

header.type_02 {
  height: auto;
}
header.type_02 .header_wrap {
  background: transparent;
}

.scrolled header.type_02 .header_wrap {
  background: #FFD84E;
}

.interval02p {
  padding: 8px 20px;
}

.coupon_wrap {
  padding-top: 8px;
}
.coupon_wrap .list_coupon {
  margin: 0 20px;
  padding: 16px 0 40px;
}
.item_coupon2 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid #757575;
  border-radius: 12px;
  background: #FFF;
}
.item_coupon2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 100%;
  background: #F96B00;
}
.item_coupon2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  width: 2px;
  height: 100%;
  overflow: hidden;
  background: url(/assets/images/renew.contents/coupon_dotline.png) repeat-y left center;
  background-size: 30px auto;
}
.item_coupon2 .btn_area {
  width: calc(100% - 12px);
  padding: 0 16px 16px;
  margin-left: 12px;
}
.item_coupon2.coupon_subscribe {
  background-color: #FFF9F4;
}
.item_coupon2.coupon_subscribe::before {
  background-color: #F96B00;
}
.item_coupon2.coupon_subscribe::after {
  background-position: 0 0;
}
.item_coupon2.coupon_plus {
  background-color: #F6F9FF;
}
.item_coupon2.coupon_plus::before {
  background-color: #313EB5;
}
.item_coupon2.coupon_plus::after {
  background-position: -5px 0;
}
.item_coupon2.coupon_emart24 {
  background-color: #FFFCF5;
}
.item_coupon2.coupon_emart24::before {
  background-color: #FFBB0D;
}
.item_coupon2.coupon_emart24::after {
  background-position: -10px 0;
}
.item_coupon2.coupon_reserve {
  background-color: #FAFFFA;
}
.item_coupon2.coupon_reserve::before {
  background-color: #1C8E7A;
}
.item_coupon2.coupon_reserve::after {
  background-position: -15px 0;
}
.item_coupon2.coupon_24con {
  background-color: #FFFBFE;
}
.item_coupon2.coupon_24con::before {
  background-color: #F060D0;
}
.item_coupon2.coupon_24con::after {
  background-position: -20px 50%;
}
.item_coupon2.coupon_alliance {
  background-color: #F5FCFF;
}
.item_coupon2.coupon_alliance::before {
  background-color: #68A2F8;
}
.item_coupon2.coupon_alliance::after {
  background-position: -25px 0;
}
.coupon2_area, .coupon_check_type {
  display: flex;
  position: relative;
  width: calc(100% - 12px);
  margin-left: 12px;
  padding: 16px 15px 16px 15px;
  overflow: hidden;
  align-items: flex-start;
  border-radius: 12px;
}
.coupon2_area.type02:after, .coupon_check_type.type02:after {
  content: "";
  position: absolute;
  top: 0;
  right: 56px;
  width: 2px;
  height: 100%;
  overflow: hidden;
  background: url(/assets/images/renew.contents/coupon_dotline.png) repeat-y left center;
  background-size: 30px auto;
  background-position: -5px 0;
}
.coupon2_area.type02 .info_area, .coupon_check_type.type02 .info_area {
  width: calc(100% - 113px);
  padding: 0 12px;
}
.coupon2_area.type02 .info_area span, .coupon_check_type.type02 .info_area span {
  font-size: 0.75rem;
  color: #626364;
}
.coupon2_area.type02 .btn_area, .coupon_check_type.type02 .btn_area {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
  z-index: 1000;
}
.coupon2_area.type02 .btn_area:after, .coupon_check_type.type02 .btn_area:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: no-repeat center/contain url(/assets/images/renew.contents/ico_download.png);
}
.coupon2_area.type02.available:after, .coupon_check_type.type02.available:after {
  filter: invert(93%) sepia(70%) saturate(480%) hue-rotate(316deg) brightness(96%) contrast(92%);
}
.coupon2_area.type02.available .btn_area, .coupon_check_type.type02.available .btn_area {
  background: rgba(249, 107, 0, 0.05);
}
.coupon2_area.type02.available .btn_area:after, .coupon_check_type.type02.available .btn_area:after {
  content: "사용하기";
  width: 28px;
  height: auto;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 16px;
  background: none;
  color: #F96B00;
}
.coupon2_area .img_area, .coupon_check_type .img_area {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  border: 1px solid #DEDEDE;
  border-radius: 10px;
  overflow: hidden;
  background: #FFF;
}
.coupon2_area .img_area img, .coupon_check_type .img_area img {
  max-width: 100%;
  max-height: 100%;
}
.coupon2_area .info_area, .coupon_check_type .info_area {
  flex: 0 0 auto;
  padding-left: 12px;
  width: calc(100% - 72px);
  text-align: left;
}
.coupon2_area .info_area > div + div, .coupon_check_type .info_area > div + div {
  margin-top: 8px;
}
.coupon2_area .info_area .label::after, .coupon_check_type .info_area .label::after {
  content: "";
  display: block;
  clear: both;
}
.coupon2_area .info_area .label .label04,
.coupon2_area .info_area .label .label01, .coupon_check_type .info_area .label .label04,
.coupon_check_type .info_area .label .label01 {
  float: left;
}
.coupon2_area .info_area .label .label04 + .label01, .coupon_check_type .info_area .label .label04 + .label01 {
  margin-left: 4px;
}
.coupon2_area .info_area .title, .coupon_check_type .info_area .title {
  margin-top: 8px;
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 800;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 22px;
  font-weight: 700;
  word-break: keep-all;
}
.coupon2_area .info_area .info01, .coupon_check_type .info_area .info01 {
  margin-top: 4px;
  color: #232425;
}
.coupon2_area .info_area .info02, .coupon_check_type .info_area .info02 {
  margin-top: 8px;
  color: #626364;
}
.coupon2_area .info_area .info02 .dday, .coupon_check_type .info_area .info02 .dday {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 800;
}
.coupon_check_type {
  padding: 16px;
}
.coupon_check_type .info_area {
  width: calc(100% - 100px);
}
.coupon_check_type .info_area .info02 {
  margin-top: 3px;
}
.coupon_check_type .chk_area {
  width: 20px;
  margin-left: 8px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

.item_coupon.type_coupon2 {
  width: 100%;
}
.item_coupon.type_coupon2 .item_head {
  padding-top: 10px;
  padding-bottom: 10px;
}
.item_coupon.type_coupon2 .item_head .tit {
  font-family: -apple-system, Roboto, "Noto Sans KR", "NotoSansKR", "malgun gothic", Arial, sans-serif;
  color: #4D4E4F;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: left;
}
.item_coupon.type_coupon2.state_cancel .item_head .tit {
  color: #F43636;
  opacity: 1;
}
.item_coupon.type_coupon2.state_cancel .coupon2_area .img_area img {
  opacity: 0.5;
}
.item_coupon.type_coupon2.state_cancel .coupon2_area .info_area {
  opacity: 0.5;
}
.item_coupon.type_coupon2.state_expired .item_head .tit {
  color: #9A9A9A;
}
.item_coupon.type_coupon2.state_expired .coupon2_area .img_area img {
  opacity: 0.5;
}
.item_coupon.type_coupon2.state_expired .coupon2_area .info_area {
  opacity: 0.5;
}
.item_coupon.type_coupon2 .coupon2_area {
  width: calc(100% - 0px);
  margin-left: 0;
  padding: 16px 15px 16px 15px;
  border-radius: 0;
  background: #FFF;
}
.label01.label_today {
  border: 1px solid #F43636;
  color: #F43636;
}
.label01.label_reserve {
  border: 1px solid #F98600;
  color: #F98600;
}
.label01.label_now {
  border: 1px solid #626364;
  color: #626364;
}
.label01.label_navy {
  border: 1px solid #313EB5;
  color: #313EB5;
}
.label01.label_orange {
  border: 1px solid #F96B00;
  color: #F96B00;
}

/* 쿠폰함 */
.item_coupon_wrap {
  padding: 20px 20px 24px;
  background: #FAFAFA;
}

.label01.label_pickup {
  border: 1px solid #F96B00;
  color: #F96B00;
}

.table_info_wrap .description {
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
}

.barcode_table_info {
  border-radius: 12px;
}
.barcode_table_info table thead th {
  font-size: 0.875rem;
  font-weight: 400;
}
.barcode_table_info table tbody td {
  font-size: 0.875rem;
}

/* 구독쿠폰 교환바코드 스탬프 type_01 */
.stamp_box_swiper {
  position: relative;
  padding-bottom: 18px;
}
.stamp_box_swiper .swiper-container {
  overflow: visible;
}
.stamp_box_swiper .swiper-pagination {
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
}
.stamp_box_swiper .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 2px;
  transition: width 0.3s;
}
.stamp_box_swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 14px;
  background: #FFA800;
  border-radius: 4px;
}

.stamp_box {
  height: 100%;
  padding: 20px 16px;
  background: #FAFAFA;
  border-radius: 6px;
}
.stamp_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.stamp_box ul li {
  position: relative;
  margin-right: 6px;
}
.stamp_box ul li:nth-child(n+6) {
  margin-top: 6px;
}
.stamp_box ul li:nth-child(5n) {
  margin-right: 0;
}
.stamp_box ul li .item_stamp {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 100%;
  background: url(/assets/images/renew.common/stamp_primary.png) no-repeat;
  background-size: cover;
}
.stamp_box ul li .stamp_num {
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #B2B2B2;
  font-size: 4.3vw;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 800;
}
.stamp_box ul li.on .item_stamp {
  background: url(/assets/images/renew.common/stamp_on.png) no-repeat;
  background-size: cover;
}
.stamp_box ul li.on .stamp_num {
  font-size: 3.2vw;
  color: #232425;
  transform: translate(-50%, -50%) rotate(-15deg);
}
.stamp_box ul li.disabled .item_stamp {
  background: url(/assets/images/renew.common/stamp_disabled.png) no-repeat;
  background-size: cover;
}
.stamp_box ul li.disabled .stamp_num {
  font-size: 2.7vw;
  line-height: 3vw;
  color: #9A9A9A;
  letter-spacing: -0.2px;
  transform: translate(-50%, -50%) rotate(-15deg);
}
.stamp_box ul li.clear .item_stamp {
  background: url(/assets/images/renew.common/stamp_clear.png) no-repeat;
  background-size: cover;
}
.stamp_box ul li.clear .stamp_num {
  font-size: 2.7vw;
  color: #232425;
  letter-spacing: -0.06em;
  transform: translate(-50%, -50%) rotate(-15deg);
}

.use_info_table {
  padding-bottom: 20px;
}
.use_info_table tbody tr:first-child th, .use_info_table tbody tr:first-child td {
  padding-top: 0;
}
.use_info_table tbody tr:last-child th, .use_info_table tbody tr:last-child td {
  padding-bottom: 0;
}
.use_info_table tbody th {
  padding: 4px 0;
}
.use_info_table tbody td {
  padding: 4px 0;
}
.use_info_table tbody td strong {
  font-size: 1rem;
  font-weight: 800;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  line-height: 22px;
}
.use_info_table tbody td .btn_cont.btn_store_info {
  margin-left: 2px;
}

.exchange_barcode_wrap {
  text-align: center;
}
.exchange_barcode_wrap .tit {
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 800;
  padding: 16px;
}

.label02.bg_gray {
  background: #F5F5F5;
  color: #485FDA;
}

/* 킵해주세요 */
.gift_message_form .form_textarea {
  height: 118px;
}

.message_barcode {
  height: calc(100vh - 440px);
}

.direct_number {
  font-weight: 600;
}
.direct_number em {
  color: #757575;
}
.direct_number a {
  margin-left: 6px;
  text-decoration: underline;
}

.direct_number.bdt {
  padding: 20px 0;
  border-top: 1px solid #F5F5F5;
}

.box_form_alert {
  color: #626364;
}

.item_count {
  align-items: baseline;
}
.item_count .txt_sub {
  font-size: 0.75rem;
}

.popup_body {
  position: relative;
}
.popup_body .js-popFixtop {
  height: 48px;
}
.popup_body .js-popFixtop.fixed_top .fixtop_inner {
  position: fixed;
  top: 56px;
  width: 100%;
  z-index: 3;
}

/* 마이페이지 > 적립/결제 */
/* 포인트 내역 */
.list_point {
  padding: 4px 0;
}
.list_point > dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 17px 0 15px;
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.42857;
  font-weight: 800;
}
.list_point > dl dt {
  font-weight: 700;
}
.list_point > dl dt .date {
  color: #626364;
  font-family: -apple-system, Roboto, "Noto Sans KR", "NotoSansKR", "malgun gothic", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
}
.list_point > dl dd .num {
  color: #5175F4;
}
.list_point > dl dd .num.fc_gray {
  color: #B2B2B2;
}
.list_point dl + dl {
  border-top: 1px solid #EEE;
}

/* 스탬프 */
.block.block_stamp {
  padding: 0;
}
.block.block_stamp:first-child {
  padding: 20px 20px 0;
}
.block.block_stamp .detail_top {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
}
.block.block_stamp .detail_top .status_wrap {
  position: absolute;
  right: 0;
  padding-bottom: 16px;
  margin-left: auto;
}
.block.block_stamp .detail_top .status_wrap .status {
  display: flex;
  flex-direction: column;
}
.block.block_stamp .detail_top .status_wrap .status > span {
  width: 100%;
  margin-bottom: 6px;
  color: #fff;
  background: #232425;
  text-align: center;
}
.block.block_stamp .detail_top .status_wrap .status > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.block.block_stamp .detail_top .status_wrap .status > div:nth-child(3) {
  margin-top: -1px;
}
@media (min-width: 10px) and (max-width: 280px) {
  .block.block_stamp .detail_top .status_wrap {
    position: relative;
  }
}
.block.block_stamp .detail_top .info_area {
  text-align: center;
}
.block.block_stamp .detail_top .info_area #print-new-stamp-div span:first-child {
  margin-right: 2px;
}
.block.block_stamp .detail_top .info_area #print-new-stamp-div span:last-child {
  margin-left: 2px;
}
.block.block_stamp .wnng_qntty {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  padding-left: 36px;
  border-top: 1px solid #EEE;
}
.block.block_stamp .wnng_qntty p {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  line-height: 24px;
}
.block.block_stamp .wnng_qntty p:not(.residue p) {
  position: relative;
  font-size: 12px;
  color: #232425;
}
.block.block_stamp .wnng_qntty p:not(.residue p):before {
  content: "";
  position: absolute;
  left: -28px;
  width: 24px;
  height: 24px;
  background: no-repeat center/contain url(/assets/images/renew.contents/ico_gift.png);
}
.block.block_stamp .wnng_qntty .residue {
  display: flex;
}
.block.block_stamp .wnng_qntty .residue p {
  padding-right: 4px;
  font-weight: 800;
  color: #F98600;
}
.block.block_stamp .wnng_qntty .residue a {
  width: 24px;
  height: 24px;
  background: no-repeat center/contain url(/assets/images/renew.contents/ico_refresh.png);
}
.block.block_stamp .img_area {
  position: relative;
  width: 100px;
  height: 100px;
}
.block.block_stamp .img_area img {
  max-width: 100%;
  max-height: 100%;
}
.block.block_stamp .img_area .item_state {
  display: none;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  background: url(/assets/images/renew.contents/img_event_closed.png) no-repeat left top;
  background-size: 100% auto;
}
.block.block_stamp .img_area.closed .item_state {
  display: block;
}
.block.block_stamp .info_area {
  margin-top: 16px;
}
.block.block_stamp .info_area.closed {
  opacity: 0.5;
}
.block.block_stamp .info_area .tit {
  font-weight: 700;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
}
.block.block_stamp .info_area .txt_sub {
  margin-top: 4px;
  font-weight: 800;
  font-size: 1rem;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  color: #232425;
  word-break: break-all;
}
.block.block_stamp .info_area .period {
  margin-top: 8px;
  font-weight: 700;
  font-size: 0.75rem;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  color: #757575;
}

.block.block_stamp_evt.js-fold_wrap .product_slide .block_head {
  padding-top: 15px;
  padding-bottom: 20px;
}
.block.block_stamp_evt.js-fold_wrap .product_slide .block_head .tit {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 1rem;
  color: #232425;
  font-weight: 800;
}
.block.block_stamp_evt .product_slide {
  padding-bottom: 30px;
}
.block.block_stamp_evt .product_slide .btn_group {
  padding: 0;
  margin-top: 30px;
}
.block.block_stamp_evt .product_slide .block_head .btn_group {
  padding-top: 0;
  margin-top: 0 !important;
}
.block.block_stamp_evt .product_slide + .product_slide .block_head {
  padding-top: 30px;
}
.block.block_stamp_evt .product_slide + .product_slide:before {
  content: "";
  display: block;
  width: calc(100% + 40px);
  margin: 0 -20px;
  height: 1px;
  background: #F5F5F5;
}
.block.block_stamp_evt .product_slide + .product_slide:last-of-type {
  padding-bottom: 10px;
}
.block.block_stamp_evt .product_slide .list_product .item_product .img_area {
  background: url(/assets/images/renew.contents/bg_evt_product.png) no-repeat 50% 50%;
  background-size: 80px auto;
}
.block .block_head {
  flex-wrap: wrap;
}
.block .block_head .btn_group {
  flex: 1 0 100%;
}
.block .block_head .btn_group + .tit {
  flex: 1 0 100%;
  margin-top: 8px;
}

.stamp_box.type02 {
  padding: 16px 20px 16px 17px;
}
.stamp_box.type02 ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2vw;
}
.stamp_box.type02 ul li {
  /*                flex:0 calc(100% / 5 - 6px);
                              max-width:56px;*/
  margin-right: 0;
}
.stamp_box.type02 ul li:nth-child(5n+1) {
  margin-left: 0;
}
.stamp_box.type02 ul li:nth-child(n+6) {
  margin-top: 0;
}
.stamp_box.type02 ul li .item_stamp {
  position: relative;
  overflow: visible;
  background: url(/assets/images/renew.contents/stamp_a_disabled.png) center/100% no-repeat;
}
.stamp_box.type02 ul li .item_stamp.type_b {
  background: url(/assets/images/renew.contents/stamp_b_disabled.png) center/100% no-repeat;
}
.stamp_box.type02 ul li .item_stamp.type_c {
  background: url(/assets/images/renew.contents/stamp_c_disabled.png) center/100% no-repeat;
}
.stamp_box.type02 ul li.on .item_stamp:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  padding-top: 100%;
  height: 0;
  background-image: url(/assets/images/renew.contents/stamp_a.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
.stamp_box.type02 ul li.on .item_stamp.type_b:after {
  background-image: url(/assets/images/renew.contents/stamp_b.png);
}
.stamp_box.type02 ul li.on .item_stamp.type_c:after {
  background-image: url(/assets/images/renew.contents/stamp_c.png);
}
.stamp_box.type02 ul li.disabled .item_stamp {
  background-position: 40% 0;
}
.stamp_box.type02 ul li.clear .item_stamp {
  background-position: 60% 0;
}
.stamp_box.type02 ul li.freebie_disabled .item_stamp {
  background-position: 80% 0;
}
.stamp_box.type02 ul li.freebie_clear .item_stamp {
  background-position: 100% 0;
}

.stamp_info {
  padding: 20px 0;
  border-top: 1px solid #EEE;
}
.stamp_info .list_txt li {
  margin-top: 16px;
  color: #232425;
}
.stamp_info .list_txt li .tit {
  font-weight: 700;
}
.stamp_info .list_txt li .txt {
  margin-top: 4px;
}
.stamp_info .list_txt li:before {
  background: #232425;
}

.list_stamp > li {
  padding: 20px;
  border-top: 1px solid #EEE;
}
.list_stamp > li:first-child {
  margin-top: 0;
  border-top: none;
}
.list_stamp > li .stamp_top {
  position: relative;
  padding-right: 116px;
}
.list_stamp > li .stamp_top .img_area {
  position: absolute;
  right: 0;
  top: 0;
}
.list_stamp > li .stamp_top .info_area {
  margin-top: 0;
}
.list_stamp > li .stamp_top .info_area .label_stamp_wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  letter-spacing: -0.4px;
  flex-wrap: wrap;
  white-space: nowrap;
}
.list_stamp > li .stamp_top .info_area .tit {
  margin-top: 4px;
}
.list_stamp > li .img_area + .info_area {
  max-width: calc(100% - 100px);
  padding-left: 12px;
}
.list_stamp .stamp_box {
  margin-top: 16px;
}
.list_stamp .list_txt {
  padding-top: 12px;
}
.list_stamp .list_txt li {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  color: #232425;
}
.list_stamp .list_txt li:before {
  background: #232425;
}
.list_stamp .gray_box_wrap {
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
}
.list_stamp .gray_box02 {
  position: relative;
  padding: 14px 20px;
  padding-left: 48px;
  margin-top: 8px;
  flex: 2;
  font-weight: 500;
  letter-spacing: -0.85px;
  color: #444;
}
.list_stamp .gray_box02:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}
.list_stamp .gray_box02.cart:before {
  background: no-repeat center/contain url(/assets/images/renew.common/ico_stamp_cart.png);
}
.list_stamp .gray_box02.stamp:before {
  background: no-repeat center/contain url(/assets/images/renew.common/ico_stamp_stamp.png);
}
.list_stamp .gray_box02.bill:before {
  background: no-repeat center/contain url(/assets/images/renew.common/ico_stamp_bill.png);
}
.list_stamp .gray_box02.no_icon {
  padding-left: 20px;
  flex: 1;
}
.list_stamp .collect {
  padding: 0 20px;
  padding-bottom: 20px;
}
.list_stamp .notice_box {
  margin: 0 20px;
  padding-left: 44px;
}
.list_stamp .notice_box:before {
  height: 21px;
  background: no-repeat center/contain url(/assets/images/renew.common/ico_info_orange_fill.png);
}
.list_stamp .notice_box .notice_info p {
  font-size: 12px;
  letter-spacing: -0.9px;
}

.gray_box {
  padding: 16px;
  background: #FAFAFA;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
}
.gray_box .bullet_info {
  font-size: 0.875rem;
}

.block .block_body p + .tit {
  margin-top: 20px;
}
.block .block_body .tit {
  font-size: 0.875rem;
  font-weight: 800;
  color: #4D4E4F;
}
.block .block_body .tit ~ p {
  margin-top: 20px;
}
.block.block_stamp_box {
  padding: 0;
}
.block.block_stamp_box .stamp_box.type02 {
  padding: 26px 30px;
  background: #FFF;
}
.block.block_stamp_box .stamp_box.type02 ul {
  /*overflow: hidden;
  display: block;*/
}
.block.block_stamp_box .stamp_box.type02 ul li {
  position: relative;
  /*	float: left;
                        margin-top: 30px;*/
  /*&:before {
  	content: "";
  	display: block;
  	position: absolute;
  	top: 50%;
  	left: -50%;
  	margin-top: -1px;
  	height: 2px;
  	background: #DEDEDE;
  	width: 100%;
  }

  &:nth-child(10n),
  &:nth-child(10n+1) {
  	&:before {
  		display: none;
  	}
  }

  //반라운드 bg
  &:nth-child(10n+5),
  &:nth-child(10n) {
  	&:after {
  		content: "";
  		position: absolute;
  		right: 0;
  		top: 50%;
  		margin-top: -3px;
  		z-index: 1;
  		display: block;
  		width: 150%;
  		height: 150%;
  		border: 2px solid #DEDEDE;
  		border-top-color: transparent;
  		border-left-color: transparent;
  		border-radius: 50%;
  		transform: rotate(-45deg);
  	}

  	&:last-child {
  		&:after {
  			display: none;
  		}
  	}
  }

  &:nth-child(10n) {
  	&:after {
  		right: auto;
  		left: 0;
  		transform: rotate(135deg);
  	}

  	&:last-child {
  		&:after {
  			display: none;
  		}
  	}
  }

  //기존 해지
  &:nth-child(5n+1) {
  	margin-left: 2.5%;
  }

  //첫줄 윗 padding 없앰
  &:first-child,
  &:nth-child(2),
  &:nth-child(3),
  &:nth-child(4),
  &:nth-child(5) {
  	margin-top: 0;
  }

  //왼쪽앞여백 없앰
  &:nth-child(10n),
  &:nth-child(10n+1) {
  	margin-left: 0;
  }

  //2n 번째 줄 역순 정렬
  &:nth-child(10n+6),
  &:nth-child(10n+7),
  &:nth-child(10n+8),
  &:nth-child(10n+9),
  &:nth-child(10n+10) {
  	float: right;

  	&:last-child {
  		&:before {
  			display: none;
  		}
  	}
  }*/
}
.block.block_stamp_box .stamp_box.type02 ul li .item_stamp {
  position: relative;
  z-index: 2;
}
.block.block_stamp_box .btn_group {
  margin-top: -2px;
  padding: 0 20px 20px;
}
.block .list_txt {
  color: #4D4E4F;
}
.block .list_txt li .fc_point04 {
  color: #6D91EF;
}

.dl_list {
  margin-top: 7px;
  padding-bottom: 30px;
}
.dl_list .tit {
  font-size: 16px;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 800;
}
.dl_list + .dl_list {
  margin-top: 0;
}
.dl_list + .dl_list:before {
  content: "";
  display: block;
  width: calc(100% + 40px);
  height: 1px;
  margin: 0 -20px 22px;
  background: #F5F5F5;
}
.dl_list .list_txt {
  margin-top: 14px;
}

.modal_popup#popupAllProduct .list_product {
  padding: 0 35px;
}
.modal_popup#popupAllProduct .list_product li {
  width: calc((100vw - 90px) / 2);
}
.modal_popup#popupAllProduct .list_product li .item {
  width: auto;
}
.modal_popup#popupAllProduct .list_product li .item .img_area {
  width: 100%;
  height: 40.7vw;
}

.modal_popup#popupPersonalInput .block {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 8px solid #F5F5F5;
}

.mycash_item_wrap {
  padding: 20px;
  box-sizing: border-box;
  background: #FFF9E4;
}
.mycash_item_wrap .mycash_item {
  display: flex;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 12px 16px;
}
.mycash_item_wrap .mycash_item .tit {
  color: #4D4E4F;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 800;
  line-height: 24px;
}
.mycash_item_wrap .mycash_item .tit:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url(/assets/images/renew.common/ico_my_ruby.png) no-repeat 0 0/100%;
  vertical-align: middle;
}
.mycash_item_wrap .mycash_item .item {
  font-size: 14px;
  line-height: 24px;
  vertical-align: middle;
  color: #232425;
}
.mycash_item_wrap .mycash_item .item strong {
  font-size: 16px;
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 800;
  line-height: 24px;
  vertical-align: middle;
  margin-right: 4px;
}
.mycash_item_wrap.type_gold .mycash_item .tit:before {
  background: url(/assets/images/renew.common/ico_my_gold.png) no-repeat 0 0/100%;
}
.mycash_item_wrap ~ .date_title {
  height: 66px;
  background: #fff;
}
.mycash_item_wrap ~ .date_title .date_month .date_value {
  font-weight: 700;
  height: 24px;
  padding: 2px;
}

.mycash_item_list {
  padding: 20px 0;
}
.mycash_item_list li {
  border: 1px solid #DEDEDE;
  border-radius: 12px;
  overflow: hidden;
  box-sizing: border-box;
}
.mycash_item_list li + li {
  margin-top: 8px;
}
.mycash_item_list li .item_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background: #FAFAFA;
}
.mycash_item_list li .item_top .total_count {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 14px;
  color: #757575;
}
.mycash_item_list li .item_top .total_count .num {
  margin-left: 7px;
  color: #232425;
  font-weight: 400;
}
.mycash_item_list li .item_top .total_count .num strong {
  font-weight: 700;
  margin-right: 1px;
}
.mycash_item_list li .item_bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 16px;
  box-sizing: border-box;
}
.mycash_item_list li .item_bottom .tit {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 800;
  color: #232425;
  line-height: 20px;
}
.mycash_item_list li .item_bottom .count {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 800;
  color: #232425;
}
.mycash_item_list li .item_bottom .count span {
  margin-right: 1px;
}
.mycash_item_list li .item_bottom .count:before {
  content: "+";
  margin-right: -2px;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: 14px;
}
.mycash_item_list li .item_bottom .count.discount {
  color: #F43636;
}
.mycash_item_list li .item_bottom .count.discount:before {
  content: "-";
}
.mycash_item_list li .item_bottom .desc {
  flex: 1 0 100%;
  margin-top: 4px;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  color: #4D4E4F;
  line-height: 20px;
}
.mycash_item_list li .item_bottom .desc span {
  font-family: -apple-system, Roboto, "Noto Sans KR", "NotoSansKR", "malgun gothic", Arial, sans-serif;
  display: block;
  width: 100%;
  margin-top: 4px;
  font-size: 12px;
  color: #757575;
  margin-left: 8px;
}
.mycash_item_list li .item_bottom .date {
  margin-top: 16px;
  flex: 1 0 100%;
  font-family: -apple-system, Roboto, "Noto Sans KR", "NotoSansKR", "malgun gothic", Arial, sans-serif;
  text-align: right;
  color: #757575;
  line-height: 16px;
}

.list_head + .section.bg_gray .block:first-of-type {
  border-top: none;
}
