@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

html {
  font-size: 100%;
  /* 16px */
  line-height: 1.2;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "Pretendard Variable", sans-serif;
  background-color: #f9f9f9;
  color: #1d1d1f;
}

input, button, select,
input:hover, button:hover, select:hover,
input:active, button:active, select:active {
  border: none;
  outline: none;
}

.fixed-top {
  max-width: 450px;
  width: 100%;
  height: 56px;
  text-align: center;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  box-shadow: 0 0.5px 0 0 rgba(0, 0, 0, 0.3);
  background-color: #23313e;
  margin: auto;
  color: #ffffff;
  font-size: 25px;
  font-family: 'NotoSanskr';
  line-height: 52px;
}

.fixed-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}

.fixed-top img {
  width: 200px;
}

.section {
  margin-top: 0;
}

.ad section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ad .cont {
  gap: 16px;
  padding: 16px;
  word-break: keep-all;
}

.ad .bg01 {
  background: #ffeb9d;
}

.ad .bg02 {
  background: #FEFCED;
}

.ad .top_cont {
  height: 130px;
  background: url("../../sale/images/ad/reoder_ad_bg.jpg") center center no-repeat;
  background-size: cover;
}

.ad .top_cont img {
  width: 160px;
}

.ad .section_img {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.number {
  background: #153A4F;
  color: #fff;
  /* padding: 10px; */
  border-radius: 50%;
  /* line-height: 1; */
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.6;
  font-weight: 600;
}

.article {
  font-weight: 700;
  text-align: center;
}

/*.article img {*/
/*  width: 100px;*/
/*}*/

.import {

}

.article > div {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: center;
}

section p {
  margin-bottom: 0;
}

.article span {
  font-weight: 800;
  font-size: 22px;
  color: #FF0000;
  line-height: 1.3;
  /*background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);*/
  /*-webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
}

.article span.highlight {
  font-weight: 700;
  font-size: 20px;
  color: #1E3545;
  position: relative;
  z-index: 1;
}

.article span.highlight::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: #FFC6C6;
  z-index: -1;
}

.article.logoImg img {
  border: 1px solid #f5f5f5;
  border-radius: 12px;
}

.article.logoImg p {
  font-size: 14px;
  margin-top: 2px;
}

.sub_article {
  padding: 1rem;
  border: 1px solid #F8E69E;
  text-align: center;
  border-radius: 12px;
  font-weight: 500;
}



.coup_img {
  max-width: 230px;
  height: 75px;
  width: 100%;
  position: relative;

}

.coup_img .import {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.coup_img .blank {
  animation: blank 2s infinite ease-in-out;
  /*text-shadow: 0 0 5px rgba(255, 0, 0, 0.6);*/
}

@keyframes blank {
   0% {
    color: red;
    /*text-shadow: 0 0 3px rgba(255, 0, 0, 0.6);*/
  }
  50% {
    color: #cf0000;
    /*text-shadow: 0 0 10px rgba(29, 154, 255, 0.74);*/
  }
  100% {
    color: red;
    /*text-shadow: 0 0 3px rgba(255, 0, 0, 0.6);*/
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-5px);
  }
  60% {
    transform: translateY(-3px);
  }
}

.btns {
  display: flex;
  justify-content: space-around;
  width: 100%;
  gap: 16px;
  margin: 5px 0;
}

.btns a {
  flex: 1;
  max-width: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: #fff;
  border-radius: 12px;
  box-shadow: 2px 4px 12px #49494914;
  padding: 10px;
  gap: 5px;
  transition: all 0.3s ease;
  font-weight: 600;
}

.btns a:hover {
  /*box-shadow: 1px 1px 2px #c6c6c6 inset, -1px -1px 2px #f9f9f9 inset;*/
  /*box-shadow: 2px 8px 25px rgba(0, 0, 0, 0.1);*/
  /*transform: translateY(-3px) scale(1.05);*/
  box-shadow: 2px 4px 16px #35353514;
  transform: scale3d(1.01, 1.01, 1.01);
}

.btns a img {
  width: 30px;
}

.btns a p {
  font-size: 14px;
  color: #222;
}

.items {
  display: flex;
  width: 100%;
  gap: 10px;
  justify-content: space-between;

}

.items div {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.items div img {
  width: 100%;
}

.items div p {
  font-size: 12px;
  font-weight: 500;
}

/*배송정보*/
.dv {
  padding: 1rem;
}

.dv .title {
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dv .title h2 {
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 0;
}

.dv .info {
  padding: 1rem;
  background: #f9f9f9;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dv .info .info-title {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 0 !important;
}

.dv .info .info-title span:first-child {
  font-weight: 600;
  color: #555;
}

.dv .info .info-title span:last-child {
  flex: 1;
  text-align: right;
  font-weight: 700;
  color: #1d1d1f;
}

#bill_btn {
  border-radius: 25px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  color: #004BA1;
  background: #DBEDFC;
  font-size: 12px;
  font-weight: 500;
}

.info-info {
  display: flex;
  gap: 16px;
}

/*.info-info .img_box {*/
/*  flex: 1;*/
/*}*/

.img_box {
  position: relative;
  flex: 1;
  overflow: hidden;
  border-radius: 12px;
  margin-top: 10px;
}

.img_box::after {
  display: block;
  content: "";
  padding-bottom: 100%;
}

.img_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* filter: brightness(0.8); */
  transition: transform 0.3s ease-in-out;
}

.img_overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: end;
  justify-content: center;
  color: white;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  z-index: 2;
}

.img_box:hover .img_content {
  /* filter: brightness(1); */
  transform: scale(1.03);
  cursor: pointer;
}

.img_box:hover .img_overlay {
  opacity: 0;
  cursor: pointer;
  z-index: -1;
}

.overlay_text {
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
  border-radius: 25px;
  background: rgba(0, 0, 0, 0.65);
  width: 90%;
  padding: 5px;
}

.info .info_row span.overlay_text {
  color: #fff;
  width: 80%;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 16px;
}


/*초기버전 css*/
/*@font-face {*/
/*  font-family: "PyeongChangPeace-Bold";*/
/*  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Bold.woff2")*/
/*    format("woff2");*/
/*  font-weight: 700;*/
/*  font-style: normal;*/
/*}*/

/*@font-face {*/
/*  font-family: "S-CoreDream-4Regular";*/
/*  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff")*/
/*    format("woff");*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*}*/
/*@font-face {*/
/*  font-family: "S-CoreDream-5Medium";*/
/*  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff")*/
/*    format("woff");*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*}*/
/*@font-face {*/
/*  font-family: "S-CoreDream-6Bold";*/
/*  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff")*/
/*    format("woff");*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*}*/

/*@font-face {*/
/*  font-family: "locus_sangsang";*/
/*  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/locus_sangsang.woff")*/
/*    format("woff");*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*}*/

/*@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap");*/

/*.area {*/
/*  height: calc(var(--vh, 1vh) * 100);*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content: flex-start;*/
/*  align-items: center;*/
/*  gap: 16px;*/
/*  background: #193646;*/
/*}*/

/*.container.title {*/
/*  width: 100%;*/
/*  padding: 0 !important;*/
/*  text-align: center;*/
/*  margin-bottom: 10px;*/
/*  color: #fff;*/
/*  flex: 1 1 20%;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*}*/

/*.container.title h1 {*/
/*  font-size: 35px;*/
/*  font-family: "Montserrat", sans-serif;*/
/*  font-weight: 600;*/
/*  text-shadow: 3px 3px 0 rgba(0, 0, 0);*/
/*}*/

/*.container.title h1 span {*/
/*  font-size: 32px;*/
/*}*/

/*.container.title p {*/
/*  font-size: 20px;*/
/*  font-family: "locus_sangsang", sans-serif;*/
/*  font-weight: 500;*/
/*  line-height: 0.8;*/
/*  letter-spacing: 10px;*/
/*  margin-left: 10px;*/
/*  text-shadow: 3px 3px 0px rgba(0, 0, 0);*/
/*}*/

/*.container.cont {*/
/*  background: #fff;*/
/*  flex: 1 1 100%;*/
/*  box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  padding: 16px;*/
/*  !* min-height: 580px; *!*/
/*  border-radius: 16px;*/
/*  gap: 16px;*/
/*}*/

/*.container .header {*/
/*  !* height: 20%; *!*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*}*/

/*.container .body {*/
/*  height: 100%;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  font-family: "S-CoreDream-5Medium";*/
/*  gap: 2rem;*/
/*}*/

/*.container .foot {*/
/*  !* height: 5%; *!*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: flex-end;*/
/*  font-size: 16px;*/
/*  color: #777;*/
/*  font-weight: 500;*/
/*}*/

/*.container .foot div {*/
/*  text-align: center;*/
/*}*/

/*.container .body .body_inner {*/
/*  width: 100%;*/
/*  !* flex: 1; *!*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  !* justify-content: center; *!*/
/*}*/

/*.container .body .body_inner:first-child {*/
/*  justify-content: flex-end;*/
/*}*/

/*.container .body .body_inner:last-child {*/
/*  justify-content: flex-start;*/
/*}*/

/*.container .body .body_inner .row {*/
/*  width: 100%;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  gap: 1rem;*/
/*}*/

/*.container .body .body_inner .row .sec01 {*/
/*  background: #00b3f9;*/
/*  color: #fff;*/
/*  padding: 2px 20px;*/
/*  border-radius: 50px;*/
/*  font-family: "Montserrat";*/
/*  font-weight: 600;*/
/*}*/

/*.container .body .body_inner .row .sec02 {*/
/*  font-size: 20px;*/
/*}*/

/*.container .body .body_inner .row .sec02 div {*/
/*  text-align: center;*/
/*}*/

/*.container .body .body_inner .row .sec03 {*/
/*  gap: 20px;*/
/*  justify-content: center;*/
/*}*/

/*.highlight {*/
/*  font-weight: 600;*/
/*  position: relative;*/
/*  font-size: 24px;*/
/*  position: relative;*/
/*  z-index: 1;*/
/*}*/

/*.highlight:after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  left: 0;*/
/*  bottom: 3px;*/
/*  width: 100%;*/
/*  height: 12px;*/
/*  display: inline-block;*/
/*  background: #00c6af;*/
/*  z-index: -1;*/
/*}*/

/*.sec03 > div {*/
/*  width: 100%;*/
/*  max-width: 95px;*/
/*  min-width: 75px;*/
/*  border: 1px solid #cfcfcf;*/
/*  border-radius: 12px;*/
/*  padding: 10px 20px;*/
/*}*/

/*.sec03 > div:active {*/
/*  background: #193646;*/
/*  border: 1px solid #193646;*/
/*  color: #fff;*/
/*  !* transition: all 100ms ease-in-out; *!*/
/*}*/

/*.download_btn > div {*/
/*  flex: 1;*/
/*}*/

/*.order_btn > div {*/
/*  flex: 1;*/
/*}*/

/*.btn_box img {*/
/*  width: 25px;*/
/*  margin-bottom: 10px;*/
/*}*/

/*.btn_box span {*/
/*  font-size: 16px;*/
/*}*/

/*.dc_title {*/
/*  font-family: "PyeongChangPeace-Bold", sans-serif;*/
/*  font-size: 40px;*/
/*  text-align: center;*/
/*  line-height: 1.2;*/
/*}*/

/*.dc_title span {*/
/*  color: #e8ae25;*/
/*}*/

/*@media (max-width: 430px) {*/
/*  .container .body .body_inner .row .sec02 {*/
/*    font-size: 1rem;*/
/*  }*/

/*  .highlight {*/
/*    font-size: 18px;*/
/*  }*/

/*  .dc_title {*/
/*    font-size: 33px;*/
/*  }*/

/*  .container .foot {*/
/*    font-size: 14px;*/
/*  }*/

/*  .container .body .body_inner .row {*/
/*    gap: 0.5rem;*/
/*  }*/

/*  .btn_box span {*/
/*    font-size: 14px;*/
/*  }*/

/*  .highlight:after {*/
/*    bottom: 3px;*/
/*    height: 8px;*/
/*  }*/
/*}*/

/*@media (max-width: 400px) {*/
/*  .container.title {*/
/*    flex: 1 1 15%;*/
/*  }*/

/*  .sec03.fr.download_btn {*/
/*    width: 100%;*/
/*    justify-content: space-between;*/
/*    gap: 0px;*/
/*  }*/

/*  .sec03.fr.order_btn {*/
/*    width: 100%;*/
/*    justify-content: center;*/
/*    gap: 10px;*/
/*  }*/

/*  .btn_box {*/
/*    width: 30%;*/
/*    min-width: 75px;*/
/*  }*/

/*  .container .body .body_inner .row .sec03 {*/
/*    gap: 10px;*/
/*  }*/
/*}*/