.nmBlock {
  margin-top: 0px; }

.cartOrderWrap .secondary .orderBox .noPostage {
  width: 300px;
  margin-bottom: 6px; }

@media screen and (min-width: 813px) {
  .cartContent .leftBoxWidth {
    width: 602px; } }
#inputCouponCode {
  background-color: lightgray; }

.changeCouponButton {
  color: #007AFF;
  cursor: pointer;
  text-decoration: underline;
  font-weight: bold; }
  .changeCouponButton:hover, .changeCouponButton:active {
    opacity: 0.7; }

#page_gift_detail .couponBoxOpen {
  background-color: #F5F5F5 !important; }

.couponBoxOpen {
  color: #007AFF;
  background-color: #fff;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  min-height: 24px;
  margin-bottom: 10px;
  position: relative;
  font-weight: bold;
  cursor: pointer; }
  .couponBoxOpen:hover, .couponBoxOpen:active {
    opacity: 0.7; }
  .couponBoxOpen:after {
    position: absolute;
    top: -2px;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    right: 10px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #007AFF;
    border-right: 2px solid #007AFF; }

@media screen and (min-width: 813px) {
  .flex-cart {
    display: flex; }

  .cartOrderWrap #orderList {
    min-width: 660px; } }
.couponRecommendItemArea {
  background-color: #fff;
  padding: 10px 0;
  margin-left: auto;
  width: 355px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed; }
  .couponRecommendItemArea .itemListNm .itemRankOne {
    border: 1px solid #ededed; }
    .couponRecommendItemArea .itemListNm .itemRankOne:nth-child(n+2) {
      border-left: none; }
  .couponRecommendItemArea .slick-list {
    padding-left: 1px; }
  .couponRecommendItemArea .couponRecommendItemListTitle {
    font-size: 12px;
    font-weight: bold;
    line-height: 120%;
    color: #2D2D2D;
    position: relative;
    margin-bottom: 10px; }
    .couponRecommendItemArea .couponRecommendItemListTitle:after {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      content: url("../img/common/recommend_arrow.svg");
      position: relative;
      left: 0;
      top: 4px; }
  .couponRecommendItemArea .couponRecommendItemList .recommendListSlick .slick-list {
    padding-left: 28px; }
  .couponRecommendItemArea .recommendListSlick,
  .couponRecommendItemArea .slickRank {
    width: 100%; }
  .couponRecommendItemArea .recommendListSlick {
    margin: 10px 0; }
  .couponRecommendItemArea .slick-arrow {
    display: none !important; }

@media screen and (max-width: 812px) {
  .secondary.first {
    padding-bottom: 10px;
    border-bottom: none; }

  .couponRecommendItemArea {
    width: calc(100vw);
    background-color: #f7f7f7; }
    .couponRecommendItemArea .rankListWrap .slick-list {
      padding: 0; }
    .couponRecommendItemArea .couponRecommendItemList .recommendListSlick .slick-list {
      padding-left: 20px; }
    .couponRecommendItemArea #popularItem {
      padding: 0; }
    .couponRecommendItemArea .itemRankOne {
      width: 160px;
      background-color: #fff;
      border: 2px solid #ededed;
      margin-right: 10px;
      padding-top: 10px;
      border-radius: 16px;
      padding-bottom: 0; }
      .couponRecommendItemArea .itemRankOne a {
        flex-flow: column; }
      .couponRecommendItemArea .itemRankOne figure {
        width: 160px; }
      .couponRecommendItemArea .itemRankOne .itemDataBox {
        width: auto; }
      .couponRecommendItemArea .itemRankOne .itemDataBox {
        padding-left: 0;
        margin-left: 0 !important;
        padding: 10px;
        min-height: 180px; }
        .couponRecommendItemArea .itemRankOne .itemDataBox .itemData {
          padding-left: 0; }
        .couponRecommendItemArea .itemRankOne .itemDataBox .itemPrice {
          white-space: nowrap;
          font-size: 16px; }
          .couponRecommendItemArea .itemRankOne .itemDataBox .itemPrice .discount {
            margin-left: 1px;
            font-size: 9px; }
    .couponRecommendItemArea .couponRecommendItemList {
      padding-left: 0px; }
    .couponRecommendItemArea .recommendListSlick,
    .couponRecommendItemArea .slickRank {
      width: 100%; }
    .couponRecommendItemArea .recommendListSlick {
      margin: 10px 0; }
    .couponRecommendItemArea .slick-arrow {
      display: none !important; } }
.couponModal {
  position: relative; }
  .couponModal .couponModalHeader {
    position: sticky;
    z-index: 10010;
    top: 0;
    height: 70px;
    width: 100%;
    background-color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #BDBDBD; }
    .couponModal .couponModalHeader .coupon-code-box {
      background: #F5F5F5;
      border: 1px solid #BDBDBD;
      border-radius: 5px;
      width: 480px;
      height: 40px;
      line-height: 40px;
      padding-left: 14px;
      font-size: 12px;
      color: #2D2D2D; }
      .couponModal .couponModalHeader .coupon-code-box::placeholder {
        color: #BDBDBD; }
    .couponModal .couponModalHeader .coupon-code-btn {
      min-width: 80px;
      height: 40px;
      margin: 0 10px;
      font-size: 13px;
      cursor: pointer;
      border: 1px solid #BDBDBD;
      border-radius: 5px;
      color: #007AFF;
      background-color: #fff; }
      .couponModal .couponModalHeader .coupon-code-btn:hover, .couponModal .couponModalHeader .coupon-code-btn:active {
        opacity: 0.7; }
  .couponModal .couponModalContents {
    min-height: 200px; }
    .couponModal .couponModalContents.mini {
      min-height: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px 20px; }
    .couponModal .couponModalContents .couponListHeader {
      font-size: 20px;
      font-weight: bold;
      color: #2D2D2D;
      text-align: center;
      margin: 20px 0 10px; }
    .couponModal .couponModalContents .couponListSortBox {
      display: flex;
      margin-right: 40px;
      justify-content: flex-end;
      align-items: center;
      font-size: 11px;
      color: #2D2D2D; }
      .couponModal .couponModalContents .couponListSortBox div {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        .couponModal .couponModalContents .couponListSortBox div:before {
          content: url("../img/common/sort_allow.svg");
          position: relative;
          left: 0;
          top: 4px; }
        .couponModal .couponModalContents .couponListSortBox div.active {
          display: flex;
          align-items: center;
          justify-content: center;
          color: #007AFF;
          cursor: pointer;
          text-decoration: underline;
          font-weight: bold; }
          .couponModal .couponModalContents .couponListSortBox div.active:before {
            content: none; }
      .couponModal .couponModalContents .couponListSortBox a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #007AFF;
        cursor: pointer;
        text-decoration: underline;
        font-weight: bold; }
        .couponModal .couponModalContents .couponListSortBox a:hover, .couponModal .couponModalContents .couponListSortBox a:active {
          opacity: 0.7; }
      .couponModal .couponModalContents .couponListSortBox .couponListSeparator {
        padding: 0 8px; }
    .couponModal .couponModalContents .couponList {
      margin: 10px 0 30px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      padding: 0 42px; }
      .couponModal .couponModalContents .couponList li {
        position: relative; }
    .couponModal .couponModalContents .itemcoupon {
      width: 100%;
      border: 1px solid #BDBDBD;
      border-radius: 10px;
      background: #F5F5F5;
      position: relative;
      color: #2D2D2D; }
      .couponModal .couponModalContents .itemcoupon:hover {
        cursor: pointer; }
      .couponModal .couponModalContents .itemcoupon.disabled .itemHeader,
      .couponModal .couponModalContents .itemcoupon.disabled .itemBody {
        opacity: 0.3; }
      .couponModal .couponModalContents .itemcoupon:has(input:checked) {
        background-color: #faf1f1; }
      .couponModal .couponModalContents .itemcoupon:has(input:disabled) {
        opacity: 0.3; }
      .couponModal .couponModalContents .itemcoupon .itemHeader {
        border-bottom: 1px dashed #BDBDBD;
        font-size: 14px;
        font-weight: bold;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 10px 14px; }
      .couponModal .couponModalContents .itemcoupon .itemCouponCheckbox label {
        background: #FFF;
        position: relative;
        display: block;
        border: 1px solid #2D2D2D;
        border-radius: 3px;
        cursor: pointer;
        left: 0;
        top: 0;
        width: 24px;
        height: 24px;
        margin-top: 0; }
        .couponModal .couponModalContents .itemcoupon .itemCouponCheckbox label:after {
          border-style: none none solid solid;
          content: "";
          opacity: 0;
          position: absolute;
          transform: rotate(-45deg);
          height: 5px;
          left: 4px;
          top: 6px;
          width: 12px;
          border-color: #BE1920; }
      .couponModal .couponModalContents .itemcoupon .itemCouponCheckbox input[type="checkbox"] {
        display: none; }
      .couponModal .couponModalContents .itemcoupon .itemCouponCheckbox input[type="checkbox"]:checked + label:after {
        opacity: 1; }
      .couponModal .couponModalContents .itemcoupon .itemCouponCheckbox input[type="checkbox"]:disabled + label {
        cursor: default; }
      .couponModal .couponModalContents .itemcoupon .itemBody {
        padding: 10px 14px;
        display: flex;
        justify-content: space-between;
        min-height: 80px; }
        .couponModal .couponModalContents .itemcoupon .itemBody .itemDiscountArea {
          justify-content: space-between;
          font-weight: bold;
          align-items: center; }
          .couponModal .couponModalContents .itemcoupon .itemBody .itemDiscountArea .itemDiscountAmount {
            color: #BE1920;
            font-size: 20px;
            font-weight: bold;
            text-align: right; }
      .couponModal .couponModalContents .itemcoupon .itemDiscountValue {
        font-size: 9px;
        color: #BE1920;
        text-align: right; }
        .couponModal .couponModalContents .itemcoupon .itemDiscountValue .itemCouponOff {
          font-size: 7px; }
      .couponModal .couponModalContents .itemcoupon .itemCouponOff {
        font-size: 12px; }
    .couponModal .couponModalContents .coupon-none {
      padding: 8px 20px;
      font-size: 14px; }
  .couponModal .modal__container.noscroll {
    overflow: hidden; }
  .couponModal .couponLoading {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #FFF;
    opacity: 0.6;
    z-index: 10011; }
  .couponModal .couponModalFooter {
    position: sticky;
    z-index: 10010;
    height: 70px;
    width: 100%;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F5F5F5;
    border-top: 2px solid #BDBDBD; }
    .couponModal .couponModalFooter .couponModalCancel,
    .couponModal .couponModalFooter .couponModalApply,
    .couponModal .couponModalFooter .couponConfirmModalCancel,
    .couponModal .couponModalFooter .couponConfirmModalApply {
      min-width: 226px;
      height: 40px;
      margin: 0 10px;
      font-size: 13px;
      cursor: pointer;
      border: 1px solid #BDBDBD;
      border-radius: 5px; }
      .couponModal .couponModalFooter .couponModalCancel:hover, .couponModal .couponModalFooter .couponModalCancel:active,
      .couponModal .couponModalFooter .couponModalApply:hover,
      .couponModal .couponModalFooter .couponModalApply:active,
      .couponModal .couponModalFooter .couponConfirmModalCancel:hover,
      .couponModal .couponModalFooter .couponConfirmModalCancel:active,
      .couponModal .couponModalFooter .couponConfirmModalApply:hover,
      .couponModal .couponModalFooter .couponConfirmModalApply:active {
        opacity: 0.7; }
    .couponModal .couponModalFooter .couponModalCancel,
    .couponModal .couponModalFooter .couponConfirmModalCancel {
      font-weight: bold;
      color: #007AFF;
      background-color: #fff; }
    .couponModal .couponModalFooter .couponModalApply,
    .couponModal .couponModalFooter .couponConfirmModalApply {
      font-weight: bold;
      color: #FFF;
      background-color: #007AFF; }

.itemDifference {
  position: absolute;
  top: 50%;
  margin: 0 auto;
  border-radius: 10px;
  height: 20px;
  font-size: 11px;
  width: 160px;
  left: 0;
  right: 0;
  text-align: center;
  color: #FFF;
  background-color: #BE1920; }

.cartOrderWrap .giftOrderBox th {
  width: 180px !important; }

.cartOrderWrap .secondary .orderBox .coupon-difference {
  width: 300px;
  line-height: 30px;
  border: 1px solid #c01920;
  text-align: center;
  margin-bottom: 20px; }

.coupon-message {
  background-color: white; }
  .coupon-message td {
    color: blue;
    padding: 2px;
    text-align: center; }

.itemCouponName input {
  -webkit-appearance: auto; }

.itemCondition {
  white-space: pre-wrap;
  font-size: 9px;
  line-height: normal; }

.itemToDate {
  font-size: 9px;
  font-weight: bold; }

#couponBoxConfirm .modal__container {
  width: 70% !important;
  max-width: 500px !important; }
#couponBoxConfirm .couponModalContents {
  font-weight: bold !important;
  font-size: 20px !important;
  text-align: center !important;
  position: relative !important;
  top: 70px !important; }

.couponBoxRegistration {
  max-width: 400px !important;
  font-weight: bold !important; }
  .couponBoxRegistration .couponModalFooter {
    background-color: #EFEFEF !important;
    display: flex;
    justify-content: center;
    align-items: center; }

.isCouponChange {
  color: #007AFF;
  text-align: center;
  line-height: initial;
  font-weight: bold;
  margin-bottom: 8px; }

.message-check-error {
  display: none;
  margin-top: 20px;
  text-align: center;
  color: #C00; }

@media screen and (max-width: 812px) {
  .modal__container {
    max-height: 95vh !important;
    width: 95% !important; }

  .couponBoxOpen {
    background-color: #F5F5F5 !important; }

  .couponModal .couponModalHeader .coupon-code-box {
    width: 250px !important; }
  .couponModal .couponModalHeader .coupon-code-btn {
    min-width: 60px !important; }
  .couponModal .couponModalContents .couponList {
    display: block !important; }
  .couponModal .couponModalContents .couponListHeader .couponList {
    padding: 0 10px !important; }
  .couponModal .couponModalContents .couponListSortBox {
    margin-right: 10px !important; }
  .couponModal .couponModalContents .itemcoupon {
    margin-bottom: 10px !important; }
  .couponModal .couponModalFooter {
    background-color: white !important; }
    .couponModal .couponModalFooter button {
      border: 1px solid #F5F5F5 !important; }
    .couponModal .couponModalFooter .couponModalCancel,
    .couponModal .couponModalFooter .couponModalApply,
    .couponModal .couponModalFooter .couponConfirmModalCancel,
    .couponModal .couponModalFooter .couponConfirmModalApply {
      min-width: auto; }

  .couponModalCancel,
  .couponModalApply,
  .couponConfirmModalCancel,
  .couponConfirmModalApply {
    height: 100% !important;
    width: 100% !important;
    margin: unset !important;
    border-radius: unset !important;
    font-weight: bold !important;
    color: #007AFF !important;
    background-color: #fff !important; } }

.novelty-difference {
  line-height: unset !important;
  padding: 10px;
}