@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=PT+Sans+Caption");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display+SC");
/* adobe fonts > Dashiell Fine, Elza Text */
@import url("https://use.typekit.net/hjb0yei.css");

.swiper-pagination-fraction.swiper-pagination, .swiper-pagination-progressbar.swiper-pagination {
  position: relative;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
  width: auto;
}

#go_to_top, #common_go_top {
  position: fixed;
  display: block;
  bottom: 30px;
  right: 30px;
  z-index: 15;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
}
.active#go_to_top, .active#common_go_top {
  opacity: 1;
  pointer-events: unset;
}
#go_to_top img, #common_go_top img {
  width: 50px;
}

.btn-prod-cart, .btn-prod-heart {
  width: 38px;
  height: 38px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #000;
  display: inline-block;
  border-radius: 100%;
  font-size: 26px;
  transition: all 0.5s;
}
.btn-prod-cart:hover, .btn-prod-heart:hover {
  background: #000;
}
.btn-prod-cart:hover > i, .btn-prod-heart:hover > i {
  color: #fff;
}

/* font */
@font-face {
  font-family: "NanumSquare";
  src: url("/fonts/NanumSquareL.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquare";
  src: url("/fonts/NanumSquareR.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquare";
  src: url("/fonts/NanumSquareB.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquareEB";
  src: url("/fonts/NanumSquareRoundEB.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "PT Sans Caption";
  src: url("/fonts/PT Sans Caption.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "PT Sans Caption";
  src: url("/fonts/PT Sans Caption Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "NotoKR";
  src: url("/fonts/NotoKR-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "NotoKR";
  src: url("/fonts/NotoKR-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "NotoKR";
  src: url("/fonts/NotoKR-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "PT C-Sans";
  src: url("/fonts/PTS55F.eot");
  src: url("/fonts/PTS55F.eot?#iefix") format("embedded-opentype"), url("/fonts/PTS55F.woff") format("woff");
}
@font-face {
  font-family: "play_basicRI";
  src: url("/fonts/PlayfairDisplay-Italic.woff") format("woff");
}
@font-face {
  font-family: "nanumEB";
  src: url("/fonts/NanumSquareRoundEB.woff") format("woff");
}
@font-face {
  font-family: "play_basic_Regular";
  src: url("/fonts/PlayfairDisplay-Regular.woff") format("woff");
}
@font-face {
  font-family: "play_basic_Regular";
  src: url("/fonts/PlayfairDisplay-Italic.woff") format("woff");
  font-style: italic, oblique;
}
@font-face {
  font-family: "pt_serif_i";
  src: url("/fonts/PT Serif Italic.woff") format("woff");
}
/* 추가 수정이 없는 부분 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*::after, *::before {
  box-sizing: border-box;
}

*:lang(en), [data-lang=en] {
  letter-spacing: 0;
}

a {
  /* color: #333; */
  text-decoration: none;
}

img, fieldset, hr {
  border: 0;
}

img {
  vertical-align: middle;
}

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

input[type=text],
input[type=password],
input[type=tel],
input[type=search] {
  /* @include input-clear-style();     */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
  /* @include input-clear-style();     */
  outline-style: none;
}

input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=search]::placeholder {
  opacity: 0.8;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-cancel-button {
  display: none;
}

button,
input[type=submit],
input[type=button] {
  /* @include input-clear-style();     */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
  /* @include input-clear-style();     */
  cursor: pointer;
}

textarea {
  resize: none;
  outline: none;
  /* @include input-clear-style();     */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
  /* @include input-clear-style();     */
}

select {
  appearance: none;
}

table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

/* 레이아웃 공통
 */
html {
  font-size: 10px;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
}
html::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
html::-webkit-scrollbar-track-piece {
  background: transparent;
}
html::-webkit-scrollbar-track {
  border-radius: 800px;
  background-color: transparent;
}
html::-webkit-scrollbar-thumb {
  border-radius: 800px;
  background-color: transparent;
}
html::-webkit-scrollbar {
  width: 8px;
}
html::-webkit-scrollbar-track {
  box-shadow: none;
}
html::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
}
@media all and (max-width: 1439px) {
  html {
    font-size: 9.5833333333px;
  }
}
@media all and (max-width: 1289px) {
  html {
    font-size: 9.375px;
  }
}
@media all and (max-width: 1023px) {
  html {
    font-size: 9.1666666667px;
  }
}
@media all and (max-width: 768px) {
  html {
    font-size: 8.3333333333px;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
  }
}
@media all and (max-width: 509px) {
  html {
    font-size: 6.6666666667px;
  }
}
html.seal {
  overflow: hidden;
  overscroll-behavior: contain;
}

body.seal {
  overflow: hidden;
  overscroll-behavior: contain;
}

body, input, select, textarea, button {
  font-family: "Verdana", Malgun Gothic, sans-serif;
  font-size: 14px;
  letter-spacing: -0.56px;
  color: #444;
}
@media all and (max-width: 1023px) {
  body, input, select, textarea, button {
    font-size: 14px;
    letter-spacing: -0.56px;
  }
}
@media all and (max-width: 768px) {
  body, input, select, textarea, button {
    font-size: 13px;
    letter-spacing: -0.52px;
  }
}
@media all and (max-width: 509px) {
  body, input, select, textarea, button {
    font-size: 13px;
    letter-spacing: -0.52px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

a, button {
  color: inherit;
  text-decoration: none;
}

address, em {
  font-style: normal;
}

img, video, canvas {
  height: auto;
}

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

.wrap {
  width: 100%;
  overflow-x: hidden;
}

.layout {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media all and (max-width: 1289px) {
  .layout {
    padding: 0 4rem;
  }
}
@media all and (max-width: 1023px) {
  .layout {
    padding: 0 2.1818181818rem;
  }
}
@media all and (max-width: 509px) {
  .layout {
    padding: 0 2.25rem;
  }
}

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

.underline {
  position: relative;
}
.underline::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #444;
}

i.symbol {
  font-style: normal;
}

.c-red {
  color: #c93535 !important;
}
.c-red .underline::before {
  background-color: #c93535 !important;
}

.c-emerald {
  color: #288e9c !important;
}

.c-black {
  color: #000 !important;
}

.txt-center {
  text-align: center;
}
.txt-right {
  text-align: right;
}

.ordered-num-list.circle {
  counter-reset: circle 0;
}
.ordered-num-list.circle > li {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.ordered-num-list.circle > li::before {
  content: counter(circle);
  flex: 0 0 14px;
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #333;
  counter-increment: circle 1;
  font-size: 10px;
  text-align: center;
  line-height: 1;
  margin-top: 2px;
}

.ordered-num-list.num-point {
  list-style: decimal;
  list-style-type: decimal;
  padding-inline-start: 18px;
}
.ordered-num-list.num-point > li {
  display: list-item;
  list-style: decimal;
}

.checkbox {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.checkbox.round input[type=checkbox], .checkbox.round input[type=radio] {
  display: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
}
.checkbox.round input[type=checkbox]:checked + .icon, .checkbox.round input[type=radio]:checked + .icon {
  background-color: #474747;
}
.checkbox.round input[type=checkbox]:checked + .icon::before, .checkbox.round input[type=radio]:checked + .icon::before {
  opacity: 1;
}
.checkbox.round input[type=checkbox]:checked ~ .txt, .checkbox.round input[type=radio]:checked ~ .txt {
  color: #000;
}
.checkbox.round .icon {
  flex: 0 0 18px;
  align-self: baseline;
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #474747;
  border-radius: 50%;
  overflow: hidden;
  margin: 3px auto;
}
.checkbox.round .icon::before {
  content: "\f00c";
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  font-family: "fontAwesome";
  font-size: 11px;
  color: #fff;
  text-align: center;
  margin: 3px auto;
  opacity: 0;
  transition: border 0.3s, color 0.3s;
}
.checkbox.round .txt {
  transition: color 0.3s;
}
.checkbox.square input[type=checkbox], .checkbox.square input[type=radio] {
  display: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
}
.checkbox.square input[type=checkbox]:checked + .icon::before, .checkbox.square input[type=radio]:checked + .icon::before {
  opacity: 1;
}
.checkbox.square input[type=checkbox]:checked ~ .txt, .checkbox.square input[type=radio]:checked ~ .txt {
  color: #000;
}
.checkbox.square .icon {
  flex: 0 0 14px;
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #ccc;
  border-radius: 2px;
  overflow: hidden;
}
.checkbox.square .icon::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: url("/images/user/common/check_all.png") no-repeat;
  margin: 3px auto;
  opacity: 0;
  transition: border 0.3s, color 0.3s;
}
.checkbox.square .txt {
  transition: color 0.3s;
}

.radio {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.radio.round input[type=radio] {
  display: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
}
.radio.round input[type=radio]:checked + .icon {
  border-color: #000;
}
.radio.round input[type=radio]:checked + .icon::before {
  display: block;
}
.radio.round .icon {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #ccc;
}
.radio.round .icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  aspect-ratio: 1/1;
  background-color: #474747;
}
.radios {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
@media all and (max-width: 768px) {
  .radios {
    flex-direction: column;
    gap: 5px;
  }
}
.radios > .radio {
  justify-content: flex-start;
}

.input-box {
  position: relative;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 2px;
  transition: border 0.3s;
}
.input-box.hide {
  border-color: transparent;
}
.input-box.hide:has(*:focus) {
  border-color: transparent;
}
.input-box.bg-gray {
  border-color: #f9f9f9;
  background-color: #f9f9f9;
}
.input-box.barlist-wrap {
  padding: 0.5rem 1.6rem 0.5rem 0.5rem;
}
.input-box:has(*:focus) {
  border-color: #474747;
}
.input-box:has(select)::before {
  display: block;
}
.input-box::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  width: 7px;
  height: 4px;
  background: url("/images/user/common/select.png") no-repeat center;
}
.input-box input, .input-box textarea, .input-box select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
  font-size: 13px;
  color: #666666;
  padding: 0.5em;
}
.input-box input {
  height: 32px;
  padding: 0 8px;
}
.input-box select {
  min-width: 58px;
  height: 32px;
  padding: 0.5rem 1.6rem 0.5rem 0.5rem;
}

.flex {
  display: flex;
}
.flex-align-center {
  display: flex;
  align-items: center;
}
.flex-fustify-center {
  display: flex;
  justify-content: center;
}
.flex-all-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.box {
  position: relative;
}
.box-border {
  position: relative;
  width: 100%;
  border: 1px solid transparent;
  padding: 46px;
  line-height: 1.6;
}
@media all and (max-width: 768px) {
  .box-border {
    padding: 23px;
  }
}
.box-border.gray {
  border-color: #f4f4f4;
}
.box-border.bold {
  border-width: 10px;
}

/* 말줄임, 줄 수 변경 표기까지 */
.lineskip-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lineskip-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.lineskip-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.lineskip-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.lineskip-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

/* //말줄임, 줄 수 변경 표기까지 */
/* 작은 대화상자 popovers */
.popovers {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  z-index: 1;
  background: #fff;
  border: 1px solid #d5d5d5;
  box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
}
.popovers.active {
  pointer-events: unset;
  visibility: visible;
  opacity: 1;
}
.popovers-wrap {
  position: relative;
}
.popovers-box {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  min-width: 140px;
  padding: 10px;
  font-size: 12px;
  color: #676767;
  line-height: 17px;
}
.popovers-close.btn-close {
  position: relative;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("/images/user/common/idi_layer_close.png") no-repeat center;
  filter: opacity(0.58);
}
.popovers-main .txt {
  word-break: keep-all;
}

/* //작은 대화상자 popovers */
/* 상품 tag */
.product-tag[data-tag=베스트] {
  background-color: #ffffff;
  border: 2px solid #51bec0;
  color: #51bec0;
}
.product-tag[data-tag=신상품] {
  background-color: #ffffff;
  border: 2px solid #fb8e8c;
  color: #fb8e8c;
}
.product-tag[data-tag=이벤트] {
  background-color: #ffffff;
  border: 2px solid #bf6dd8;
  color: #bf6dd8;
}
.product-tag[data-tag=인기] {
  background-color: #ffffff;
  border: 2px solid #e33886;
  color: #e33886;
}
.product-tag[data-tag=추천] {
  background-color: #ffffff;
  border: 2px solid #001e41;
  color: #001e41;
}
.product-tag[data-tag=기획] {
  background-color: #ffffff;
  border: 2px solid #0dac59;
  color: #0dac59;
}
.product-tag[data-tag=세일] {
  background-color: #ffffff;
  border: 2px solid #f88122;
  color: #f88122;
}
.product-tag[data-tag=예약] {
  background-color: #ffffff;
  border: 2px solid #bda474;
  color: #bda474;
}
.product-tag[data-tag=품절] {
  background-color: #ffffff;
  border: 2px solid #b4b4b4;
  color: #888888;
}
.product-tag[data-tag=더보기] {
  background-color: #ffffff;
  border: 2px solid #9e9e9e;
  color: #9e9e9e;
}

/* //상품 tag */
.sum-control-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

/* animation */
@keyframes modalFadeIn {
  0% {
    left: 100%;
    opacity: 0;
  }
  10% {
    left: 0;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes modalFadeOut {
  0% {
    left: 0;
    opacity: 1;
  }
  90% {
    left: 0;
    opacity: 0;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    z-index: 0;
    visibility: hidden;
    display: none;
  }
}
@keyframes dropdownSlideUp {
  0% {
    transform: translate3d(calc(var(--center) * 1%), calc(var(--tailH) * 1px + 0%), 0) rotateX(0deg);
    opacity: 1;
    visibility: visible;
  }
  90% {
    transform: translate3d(calc(var(--center) * 1%), 25%, 0) rotateX(0deg);
    opacity: 0;
    visibility: visible;
  }
  100% {
    transform: translate3d(calc(var(--center) * 1%), 25%, 0) rotateX(0deg);
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}
@keyframes dropdownSlideDown {
  0% {
    transform: translate3d(calc(var(--center) * 1%), 25%, 0) rotateX(0deg);
    opacity: 0;
    visibility: hidden;
    display: flex;
  }
  10% {
    transform: translate3d(calc(var(--center) * 1%), 25%, 0) rotateX(0deg);
    opacity: 1;
    visibility: visible;
  }
  100% {
    transform: translate3d(calc(var(--center) * 1%), calc(var(--tailH) * 1px + 0%), 0) rotateX(0deg);
    opacity: 1;
    visibility: visible;
  }
}
@keyframes dropdownFadeOff {
  0% {
    opacity: 1;
    visibility: visible;
  }
  90% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}
@keyframes dropdownFadeOn {
  0% {
    opacity: 0;
    visibility: hidden;
    display: flex;
  }
  10% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes moveLeftRight {
  0% {
    margin-left: 0;
    margin-right: 0;
  }
  50% {
    margin-left: 5px;
    margin-right: -5px;
  }
  100% {
    margin-left: 0;
    margin-right: 0;
  }
}
@keyframes moveUpDown {
  0% {
    margin-up: 0;
    margin-bottom: 0;
  }
  50% {
    margin-up: 5px;
    margin-bottom: -5px;
  }
  100% {
    margin-up: 0;
    margin-bottom: 0;
  }
}
@keyframes isFlex {
  0% {
    display: none;
  }
  100% {
    display: flex;
  }
}
/* //animation */
.fmNormal {
  margin-bottom: 30px;
  border-top: 1px solid #999;
}
.fmNormal .guide {
  font-size: 12px;
  letter-spacing: -0.48px;
  line-height: 19px;
  margin-bottom: 10px;
}
.fmNormal .checkbox {
  display: none;
}
.fmNormal .checkbox:checked + .checkbox-box::after {
  content: "\f00c";
  text-align: center;
  font-family: "FontAwesome";
  font-size: 10px;
  line-height: 16px;
  color: #fff;
  background: #373737;
}
.fmNormal .checkbox-box {
  position: relative;
  display: block;
  width: 17px;
  height: 17px;
}
.fmNormal .checkbox-box::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #ededed;
}
.fmNormal .btn-attach-add {
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #474747;
  border-radius: 2px;
  color: #fff;
  background: #474747;
  white-space: nowrap;
}
.fmNormal .btn-attach-remove {
  margin-left: 10px;
  white-space: nowrap;
}
.fmNormal input[type=file] {
  display: none;
}
.fmNormal-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
}
.fmNormal-input-wrap:not(:has(input[type=checkbox]), :has(input[type=radio]), :has(textarea)) {
  height: 32px;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 5px;
}
.fmNormal-input-wrap:has(textarea) {
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 5px;
}
.fmNormal-btn {
  display: block;
  height: 38px;
  padding: 9px 20px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fff;
}
.fmNormal-btn.active, .fmNormal-btn:hover {
  border-color: #373737;
  background: #373737;
  color: #fff;
}
.fmNormal-btn.btn-save {
  border-color: #373737;
  background: #373737;
  color: #fff;
}
.fmNormal-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.fmNormal-row {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  padding: 15px;
}
.fmNormal-key {
  flex: 0 0 150px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.fmNormal-key .la-check {
  font-weight: bold;
  color: #373737;
}
.fmNormal-value {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
}
.fmNormal-value > * {
  width: 100%;
}
.fmNormal-value .fmNormal-input-wrap {
  width: 100%;
}
.fmNormal-value .flex-align-center {
  gap: 5px;
}
.fmNormal-tit-wrap + .fmNormal-value {
  flex: 1;
}
.fmNormal-writer-wrap + .fmNormal-value {
  width: 125px;
}
.fmNormal-img-wrap + .fmNormal-value .fmNormal-input-wrap {
  width: 350px;
}
.fmNormal-cont-wrap + .fmNormal-value {
  flex: 1;
}

/* 게시판 */
.bd {
  /* 게시판 paging */
  /* //게시판 paging */
  /* 게시판공통 정보 */
  /* 게시판공통 정보 */
}
.bd:has(.bdNormal-wrap) {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.bd .box-border {
  margin-top: 18px;
}
.bdNormal {
  /* 게시판 일반 */
  position: relative;
  border-top: 1px solid #222;
}
.bdNormal.boardFaq {
  border-top: unset;
}
.bdNormal li.empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 21px;
  padding: 65px 0;
}
.bdNormal li.empty .icon {
  width: 36px;
}
.bdNormal li.empty .txt {
  position: relative;
  font-family: "Verdana", Malgun Gothic;
  font-weight: 400;
  font-size: 13px;
  color: #cccccc;
}
.bdNormal ~ .bdNormal {
  margin-top: 30px;
}
.bdNormal + .boardPaging {
  margin-top: 30px;
}
.bdNormal-wrap {
  position: relative;
}
.bdNormal-wrap ~ .bdNormal-wrap {
  margin-top: 40px;
}
.bdNormal-wrap ~ .box-border, .bdNormal-wrap ~ .box-border-wrap {
  margin-top: 80px;
}
.bdNormal-tit {
  font-family: "NanumSquare", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #373737;
}
.bdNormal-tit + .bdNormal {
  margin-top: 20px;
}
.bdNormal-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media all and (max-width: 768px) {
  .bdNormal-top {
    align-items: flex-start;
    flex-direction: column;
  }
}
.bdNormal-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
@media all and (max-width: 1023px) {
  .bdNormal-filter {
    justify-content: flex-start;
  }
}
.bdNormal-filter .list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 17px;
  flex-wrap: wrap;
}
.bdNormal-filter .list > li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.bdNormal-filter .list > li:not(:last-child)::before {
  display: block;
}
.bdNormal-filter .list > li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  width: 1px;
  height: 9px;
  background: #e7e7e7;
  right: -8px;
}
.bdNormal-filter-switch {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bdNormal-filter-switch > li button {
  display: flex;
}
.bdNormal-filter-switch > li button img {
  width: 8px;
  height: auto;
}
.bdNormal-filter-order {
  min-width: 100px;
}
.bdNormal-sum {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bdNormal-sum dl {
  display: flex;
  align-items: center;
  gap: 3px;
  font-family: "Verdana", Malgun Gothic;
  color: #666666;
}
.bdNormal-total dd {
  font-weight: 700;
  color: #373737;
}
.bdNormal-search-container {
  display: flex;
  align-items: center;
  gap: 6px;
}
.bdNormal-search-cate {
  position: relative;
  padding: 0px 8px;
}
.bdNormal-search-cate::before {
  content: "";
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 8px;
  height: 4px;
  background: url("/images/user/common/select.png") no-repeat center;
  background-size: cover;
}
.bdNormal-search-cate select {
  width: 82px;
  height: 32px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
}
.bdNormal-search-input input {
  height: 32px;
}
.bdNormal-li {
  width: 100%;
  border-bottom: 1px solid #ddd;
}
@media all and (max-width: 1023px) {
  .bdNormal-li {
    height: auto;
    padding: 8px 0;
  }
}
@media all and (max-width: 768px) {
  .bdNormal-li {
    border-bottom-color: transparent;
  }
}
.bdNormal-li.empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 21px;
  padding: 65px 0;
}
.bdNormal-li.empty .icon {
  width: 36px;
}
.bdNormal-li.empty .txt {
  position: relative;
  font-family: "Verdana", Malgun Gothic;
  font-weight: 400;
  font-size: 13px;
  color: #cccccc;
}
@media all and (max-width: 1023px) {
  .bdNormal-li:first-child {
    border-bottom-width: 0;
    padding: 0;
  }
}
.bdNormal-li:not(.bdNormal-head):not(.empty):hover {
  background-color: #FFFBF6;
}
.bdNormal-li a {
  display: block;
  color: #666;
}
.bdNormal-li a.btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bdNormal-list {
  width: 100%;
}
.bdNormal-link-more {
  font-size: 13px;
  color: #666666;
}
.bdNormal-rowli {
  flex: 1;
  width: 0;
  overflow: hidden;
  padding: 1rem 0;
}
.bdNormal-rowli.col-tit:first-child {
  padding-left: 20px;
}
.bdNormal-rowli.col-num {
  flex: 0 0 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdNormal-rowli.col-num {
    flex: 0;
    font-size: 0;
  }
}
@media all and (max-width: 1023px) {
  .bdNormal-rowli.col-num {
    justify-content: flex-start;
    flex: none;
    width: auto;
  }
}
.bdNormal-rowli.col-tit {
  flex: 6.4 6.4 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media all and (max-width: 1023px) {
  .bdNormal-rowli.col-tit {
    flex: 0 0 100%;
  }
}
.bdNormal-rowli.col-tit .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bdNormal-rowli.col-attachment {
  flex: 1.2 1.2 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdNormal-rowli.col-attachment {
    justify-content: flex-start;
    flex: none;
    width: auto;
  }
}
.bdNormal-rowli.col-writer {
  flex: 1.2 1.2 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdNormal-rowli.col-writer {
    justify-content: flex-start;
    flex: none;
    width: auto;
  }
}
.bdNormal-rowli.col-day {
  flex: 1.4 1.4 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdNormal-rowli.col-day {
    justify-content: flex-start;
    flex: none;
    width: auto;
  }
}
.bdNormal-rowli.col-hits {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdNormal-rowli.col-hits {
    justify-content: flex-start;
    flex: none;
    width: auto;
  }
}
.bdNormal-rowli.col-else {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdNormal-rowli.col-else {
    justify-content: flex-start;
    flex: none;
    width: auto;
  }
}
.bdNormal-rowli img {
  vertical-align: 0;
}
.bdNormal-rowli img.reply {
  width: 31px;
  padding-right: 5px;
}
.bdNormal-rowli .icon.reply img {
  width: 31px;
  padding-right: 5px;
}
.bdNormal-rowli .column {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}
.bdNormal-rowlist {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 0 10px;
}
@media all and (max-width: 1023px) {
  .bdNormal-rowlist {
    flex-wrap: wrap;
    gap: 8px 20px;
  }
}
.bdNormal-headli {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  font-family: "Malgun Gothic", sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #373737;
  word-break: keep-all;
}
.bdNormal-headlist {
  background: #f9f9f9;
}
@media all and (max-width: 1023px) {
  .bdNormal-headlist {
    display: none;
  }
}
.bdNormal-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 10px 3px;
  border-radius: 800px;
  font-size: 12px;
  border: 1px solid #5A5243;
  background-color: #fff;
  color: #5A5243;
}
.bdNormal-tags {
  display: flex;
  align-items: center;
  gap: 0 3px;
}
.bdNormal-btn {
  display: block;
  height: 38px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  color: #666;
  text-align: center;
  padding: 9px 20px;
  transition: all 0.3s;
}
.bdNormal-btn.active, .bdNormal-btn:hover {
  border-color: #373737;
  background: #373737;
  color: #fff;
}
.bdNormal-btn.btn-list {
  border-color: #373737;
  background: #373737;
  color: #fff;
}
.bdNormal-btn.btn-newbd {
  border-color: #373737;
  background: #373737;
  color: #fff;
}
.bdNormal-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin: 20px 0 45px 0;
}
.bdNormal-inputs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
}
@media all and (max-width: 509px) {
  .bdNormal-inputs {
    flex: 1;
  }
}
.bdNormal-inputs:has(textarea) {
  flex: 1;
}
.bdNormal-inputs:has(.bdNormal-input-group-wrap) {
  flex-direction: column;
  align-items: flex-start;
}
.bdNormal-inputs .input-box:has(textarea) {
  flex: 1;
}
.bdNormal-inputs .input-box:has(textarea) textarea {
  min-height: 126px;
}
.bdNormal-input-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.bdNormal-input-group.line-full {
  width: 100%;
  gap: 20px;
}
.bdNormal-input-group-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bdNormal-input-group-wrap:has(.line-full) {
  width: 100%;
}
.bdNormal-input-group-wrap ~ .bdNormal-input-group-wrap:has(.bdNormal-input-group-tit) {
  padding-top: 15px;
}
.bdNormalL {
  /* 좌측해더 */
}
@media all and (max-width: 509px) {
  .bdNormalL .input-box {
    flex: 1;
  }
}
.bdNormalL .input-box.address {
  flex: 1;
}
@media all and (max-width: 509px) {
  .bdNormalL .input-box.address {
    flex: 1;
    width: 100%;
  }
}
.bdNormalL .input-box.address-detail {
  flex: 1;
}
@media all and (max-width: 509px) {
  .bdNormalL .input-box.address-detail {
    flex: unset;
    width: 100%;
  }
}
.bdNormalL .input-box.flex-1 {
  flex: 1;
}
@media all and (max-width: 509px) {
  .bdNormalL .input-box.flex-1 {
    flex: unset;
    width: 100%;
  }
}
.bdNormalL .barlist {
  padding-left: 14px;
}
.bdNormalL .barlist > li {
  position: relative;
}
.bdNormalL .barlist > li::before {
  content: "";
  position: absolute;
  left: -10px;
  top: calc((1.82rem - 1px) / 2);
  display: block;
  width: 4px;
  height: 1px;
  border-radius: 50%;
  background-color: #000;
}
.bdNormalL .barlist > li {
  font-size: 13px;
  line-height: 24px;
}
.bdNormalL .barlist-wrap {
  padding-left: 10px;
}
.bdNormalL .checkbox .txt {
  font-size: 13px;
  line-height: 20px;
}
.bdNormalL-li {
  position: relative;
}
@media all and (max-width: 1023px) {
  .bdNormalL-li {
    padding: 0;
  }
}
.bdNormalL-li:first-child {
  border-bottom-width: 1px;
}
.bdNormalL-li.required .bdNormalL-headli .txt::before {
  content: "";
  position: absolute;
  right: calc(100% + 20px);
  top: 30px;
  transform: translate(50%, -50%);
  display: block;
  width: 11px;
  height: 9px;
  background: url("/images/user/basket/check2.png") no-repeat center;
  background-size: contain;
}
.bdNormalL-li.consent-info .checkbox.round {
  padding-left: 16px;
}
.bdNormalL-li:not(.bdBasket-li-head):not(.empty):hover, .bdNormalL-li:not(.bdOrder-li-head):not(.empty):hover {
  background-color: unset;
}
.bdNormalL-li.basket-orderer-memo .bdNormalL-headli {
  height: 138px;
}
.bdNormalL-li.join .checkbox.round .icon {
  margin-top: 4px;
}
.bdNormalL-rowli {
  position: relative;
}
@media all and (max-width: 768px) {
  .bdNormalL-rowli {
    width: 100%;
  }
}
.bdNormalL-rowli:not(.bdNormalL-headli) {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 74px;
  padding: 13px 10px 16px;
}
.bdNormalL-rowlist {
  align-items: flex-start;
  gap: 0;
  background: linear-gradient(90deg, #f9f9f9 180px, transparent 180px);
}
@media all and (max-width: 768px) {
  .bdNormalL-rowlist {
    background: transparent;
    flex-direction: column;
  }
}
.bdNormalL-headli {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
  padding-left: 40px;
  padding-right: 15px;
  max-width: 180px;
}
@media all and (max-width: 768px) {
  .bdNormalL-headli {
    max-width: unset;
    background-color: #f9f9f9;
  }
}
.bdNormalL-headli .txt {
  position: relative;
  display: flex;
  min-height: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.bdBasket {
  /* 주문서 - 상단물품 */
}
.bdBasket .checkbox {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
}
.bdBasket .checkbox:checked + .checkbox-box {
  background: url("/images/user/common/check_all.png") no-repeat center;
}
.bdBasket .checkbox-box {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  vertical-align: middle;
  cursor: pointer;
}
@media all and (max-width: 768px) {
  .bdBasket-li {
    border-bottom-color: #666;
  }
}
.bdBasket-li:not(.bdBasket-li-head):not(.empty):hover {
  background-color: transparent;
}
.bdBasket-li .checkbox-wrap {
  pointer-events: none;
}
.bdBasket-list:has([class*=colspan]) {
  display: grid;
  grid-template-columns: 130px 1fr;
}
@media all and (max-width: 768px) {
  .bdBasket-list:has([class*=colspan]) {
    grid-template-columns: 1fr;
  }
}
.bdBasket-list:has([class*=colspan]) .bdBasket-head {
  grid-column: 1/3;
}
.bdBasket-list:has([class*=colspan]) .bdBasket-li {
  grid-column: 2/3;
}
@media all and (max-width: 768px) {
  .bdBasket-list:has([class*=colspan]) .bdBasket-li {
    grid-column: 1/2;
  }
}
.bdBasket-list:has([class*=colspan]) .bdBasket-li[class*=colspan] {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: 1/2;
  padding-right: 10px;
}
@media all and (max-width: 768px) {
  .bdBasket-list:has([class*=colspan]) .bdBasket-li[class*=colspan] {
    display: none;
  }
}
.bdBasket-list:has([class*=colspan]) .bdBasket-li.total {
  grid-column: 1/3;
}
.bdBasket-list:has([class*=colspan]) .bdBasket-li.colspan1 {
  grid-row: span 1;
}
.bdBasket-list:has([class*=colspan]) .bdBasket-li.colspan2 {
  grid-row: span 2;
}
.bdBasket-list:has([class*=colspan]) .bdBasket-li.colspan3 {
  grid-row: span 3;
}
.bdBasket-list:has([class*=colspan]) .bdBasket-li.colspan4 {
  grid-row: span 4;
}
.bdBasket-list:has([class*=colspan]) .bdBasket-li.colspan5 {
  grid-row: span 5;
}
.bdBasket-list:has([class*=colspan]) .bdBasket-li.colspan6 {
  grid-row: span 6;
}
.bdBasket-list:has([class*=colspan]) .bdBasket-li.colspan7 {
  grid-row: span 7;
}
.bdBasket-rowli {
  padding: 1rem 0;
}
.bdBasket-rowli.col-num {
  flex: 0 0 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-num {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowli.col-num {
    grid-column: 1/2;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-num {
    display: none;
  }
}
.bdBasket-rowli.col-img {
  flex: 0 0 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-img {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowli.col-img {
    grid-column: 1/2;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-img {
    grid-column: 1/2;
    grid-row: 2/7;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowli.col-img {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.bdBasket-rowli.col-img > img {
  width: 90px;
  aspect-ratio: 1/1;
}
.bdBasket-rowli.col-name {
  flex: 5 5 0;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  margin-left: 6px;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-name {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowli.col-name {
    grid-column: 1/2;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-name {
    grid-column: 2/3;
    margin-left: 0px;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowli.col-name {
    grid-column: 1/2;
  }
}
.bdBasket-rowli.col-name > .txt {
  word-break: keep-all;
}
@media all and (max-width: 768px) {
  .bdBasket-rowli.col-name > .txt {
    line-height: 18px;
  }
}
.bdBasket-rowli.col-fund {
  flex: 1.5 1.5 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-fund {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowli.col-fund {
    grid-column: 1/2;
  }
}
.bdBasket-rowli.col-sum {
  flex: 2 2 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-sum {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowli.col-sum {
    grid-column: 1/2;
  }
}
.bdBasket-rowli.col-sum .sum-control-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
}
@media all and (max-width: 768px) {
  .bdBasket-rowli.col-sum .sum-control-wrap {
    gap: 6px;
  }
}
.bdBasket-rowli.col-sum .sum-control-wrap .input-box {
  width: 100%;
}
.bdBasket-rowli.col-sum .sum {
  text-align: center;
}
.bdBasket-rowli.col-sum .sum::-webkit-outer-spin-button, .bdBasket-rowli.col-sum .sum::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.bdBasket-rowli.col-price {
  flex: 2.5 2.5 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-price {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowli.col-price {
    grid-column: 1/2;
  }
}
.bdBasket-rowli.col-order-price {
  flex: 2.5 2.5 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-order-price {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowli.col-order-price {
    grid-column: 1/2;
  }
}
.bdBasket-rowli.col-check-buy {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-check-buy {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowli.col-check-buy {
    grid-column: 1/2;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-check-buy {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.bdBasket-rowli.col-day {
  flex: 0 0 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-day {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowli.col-day {
    grid-column: 1/2;
  }
}
.bdBasket-rowli.col-period {
  flex: 0 0 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-period {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowli.col-period {
    grid-column: 1/2;
  }
}
.bdBasket-rowli.col-cate {
  flex: 0 0 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-cate {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowli.col-cate {
    grid-column: 1/2;
  }
}
.bdBasket-rowli.col-else {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-else {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowli.col-else {
    grid-column: 1/2;
  }
}
.bdBasket-rowli.col-info {
  flex: 4 4 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli.col-info {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowli.col-info {
    grid-column: 1/2;
  }
}
.bdBasket-rowli .laptop, .bdBasket-rowli .pad {
  display: none;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli .laptop {
    display: block;
  }
}
@media all and (max-width: 768px) {
  .bdBasket-rowli .pad {
    display: block;
  }
}
.bdBasket-rowli .unit {
  color: #999;
  font-weight: normal;
  display: none;
  padding-right: 10px;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowli .unit {
    display: block;
  }
}
.bdBasket-rowlist {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 0 10px;
}
@media all and (max-width: 1023px) {
  .bdBasket-rowlist {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 2px 20px;
  }
}
@media all and (max-width: 509px) {
  .bdBasket-rowlist {
    grid-template-columns: 1fr;
  }
}
.bdBasket-headli {
  height: 45px;
}
@media all and (max-width: 1023px) {
  .bdBasket-headli.col-num {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-headli.col-img {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-headli.col-name {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-headli.col-fund {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-headli.col-sum {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-headli.col-price {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-headli.col-order-price {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-headli.col-check-buy {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-headli.col-check-buy {
    display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-headli.col-day {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-headli.col-period {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-headli.col-cate {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-headli.col-else {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdBasket-headli.col-info {
    display: none;
  }
}
.bdMypage {
  /* 마이페이지 공통 게시판  */
}
@media all and (max-width: 768px) {
  .bdMypage-li {
    border-bottom: 1px solid #ddd;
  }
}
.bdMypage-rowli {
  flex: 1;
  padding: 1rem 0;
}
.bdMypage-rowli.col-num {
  flex: 1 1 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-num {
    justify-content: flex-start;
    padding: 10px;
  }
}
@media all and (max-width: 1023px) {
  .bdMypage-rowli.col-num {
    display: none;
  }
}
.bdMypage-rowli.col-nickname {
  flex: 1.5 1.5 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-nickname {
    justify-content: flex-start;
    padding: 10px;
  }
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-nickname {
    display: none;
  }
}
.bdMypage-rowli.col-cont {
  flex: 3.5 3.5 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-cont {
    justify-content: flex-start;
    padding: 10px;
  }
}
.bdMypage-rowli.col-base {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-base {
    justify-content: flex-start;
    padding: 10px;
  }
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-base {
    display: none;
  }
}
.bdMypage-rowli.col-modify {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-modify {
    justify-content: flex-start;
    padding: 10px;
  }
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-modify {
    display: none;
  }
}
.bdMypage-rowli.col-remove {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-remove {
    justify-content: flex-start;
    padding: 10px;
  }
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-remove {
    display: none;
  }
}
.bdMypage-rowli.col-ordername {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-ordername {
    justify-content: flex-start;
    padding: 10px;
  }
}
@media all and (max-width: 1023px) {
  .bdMypage-rowli.col-ordername:not(.bdMypage-headli) > .txt {
    display: none;
  }
}
.bdMypage-rowli.col-date {
  flex: 0.3 0.3 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-date {
    justify-content: flex-start;
    padding: 10px;
  }
}
@media all and (max-width: 1023px) {
  .bdMypage-rowli.col-date {
    display: none;
  }
}
.bdMypage-rowli.col-episode {
  flex: 0.3 0.3 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-episode {
    justify-content: flex-start;
    padding: 10px;
  }
}
@media all and (max-width: 1023px) {
  .bdMypage-rowli.col-episode {
    display: none;
  }
}
.bdMypage-rowli.col-change {
  flex: 0.5 0.5 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-change {
    justify-content: flex-start;
    padding: 10px;
  }
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-change {
    display: none;
  }
}
.bdMypage-rowli.col-more {
  flex: 0.5 0.5 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-more {
    justify-content: flex-start;
    padding: 10px;
  }
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-more {
    display: none;
  }
}
.bdMypage-rowli.col-order-date {
  flex: 1.5 1.5 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-order-date {
    justify-content: flex-start;
    padding: 10px;
  }
}
@media all and (max-width: 1023px) {
  .bdMypage-rowli.col-order-date {
    display: none;
  }
}
.bdMypage-rowli.col-order-prod {
  flex: 3.5 3.5 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-order-prod {
    justify-content: flex-start;
    padding: 10px;
  }
}
.bdMypage-rowli.col-order-prod:not(.bdMypage-headli) {
  justify-content: flex-start;
}
@media all and (max-width: 1023px) {
  .bdMypage-rowli.col-order-prod > .btn {
    display: none;
  }
}
.bdMypage-rowli.col-price {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-price {
    justify-content: flex-start;
    padding: 10px;
  }
}
@media all and (max-width: 1023px) {
  .bdMypage-rowli.col-price {
    display: none;
  }
}
.bdMypage-rowli.col-state {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-state {
    justify-content: flex-start;
    padding: 10px;
  }
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-state {
    display: none;
  }
}
.bdMypage-rowli.col-cancel {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-cancel {
    justify-content: flex-start;
    padding: 10px;
  }
}
.bdMypage-rowli.col-else {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-else {
    justify-content: flex-start;
    padding: 10px;
  }
}
@media all and (max-width: 768px) {
  .bdMypage-rowli.col-else {
    display: none;
  }
}
.bdMypage-rowli .laptop, .bdMypage-rowli .pad {
  display: none;
}
@media all and (max-width: 1023px) {
  .bdMypage-rowli .laptop {
    display: block;
  }
}
@media all and (max-width: 768px) {
  .bdMypage-rowli .pad {
    display: block;
  }
}
.bdMypage-rowli .unit {
  color: #999;
  font-weight: normal;
}
.bdMypage-rowli .group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.bdMypage-rowli .group.flex-column {
  flex-direction: column;
  align-items: unset;
  justify-content: center;
}
.bdMypage-rowli .group.line-full {
  width: 100%;
}
.bdMypage-rowli .group-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bdMypage-rowli .dl {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.bdMypage-rowli .result {
  display: none;
}
.bdMypage-rowli .result.active {
  display: block;
}
.bdMypage-rowlist {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 0 10px;
}
@media all and (max-width: 1023px) {
  .bdMypage-rowlist {
    flex-wrap: wrap;
    gap: 8px 20px;
  }
}
.bdMypage-headli {
  height: 45px;
}
@media all and (max-width: 768px) {
  .bdMypage-headlist {
    display: none;
  }
}
.bdMypage-headli.col-name {
  justify-content: center;
}
@media all and (max-width: 1023px) {
  .bdMypage-headli.col-name {
    flex-direction: row;
    align-items: center;
  }
}
.bdOrder {
  /* 주문서 - 상단물품 */
}
@media all and (max-width: 768px) {
  .bdOrder-li {
    border-bottom: 1px solid #ddd;
  }
}
.bdOrder-rowli {
  padding: 1rem 0;
  flex: 1;
}
.bdOrder-rowli.col-img {
  flex: 0 0 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdOrder-rowli.col-img {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdOrder-rowli.col-img {
    grid-column: 1/2;
  }
}
@media all and (max-width: 1023px) {
  .bdOrder-rowli.col-img {
    grid-column: 1/2;
    grid-row: 2/7;
  }
}
@media all and (max-width: 509px) {
  .bdOrder-rowli.col-img {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.bdOrder-rowli.col-img > img {
  width: 90px;
  aspect-ratio: 1/1;
}
.bdOrder-rowli.col-name {
  flex: 7 7 0;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  margin-left: 6px;
}
@media all and (max-width: 1023px) {
  .bdOrder-rowli.col-name {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdOrder-rowli.col-name {
    grid-column: 1/2;
  }
}
@media all and (max-width: 1023px) {
  .bdOrder-rowli.col-name {
    grid-column: 2/3;
    margin-left: 0px;
  }
}
@media all and (max-width: 509px) {
  .bdOrder-rowli.col-name {
    grid-column: 1/2;
  }
}
@media all and (max-width: 768px) {
  .bdOrder-rowli.col-name > .txt {
    line-height: 18px;
  }
}
.bdOrder-rowli.col-sum {
  flex: 1.5 1.5 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdOrder-rowli.col-sum {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdOrder-rowli.col-sum {
    grid-column: 1/2;
  }
}
.bdOrder-rowli.col-price {
  flex: 2.5 2.5 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdOrder-rowli.col-price {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdOrder-rowli.col-price {
    grid-column: 1/2;
  }
}
.bdOrder-rowli.col-order-price {
  flex: 2.5 2.5 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdOrder-rowli.col-order-price {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdOrder-rowli.col-order-price {
    grid-column: 1/2;
  }
}
.bdOrder-rowli.col-else {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdOrder-rowli.col-else {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdOrder-rowli.col-else {
    grid-column: 1/2;
  }
}
.bdOrder-rowli.col-info {
  flex: 4 4 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdOrder-rowli.col-info {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdOrder-rowli.col-info {
    grid-column: 1/2;
  }
}
.bdOrder-rowli.col-day {
  flex: 0 0 110px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdOrder-rowli.col-day {
    grid-column: 2/3;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 509px) {
  .bdOrder-rowli.col-day {
    grid-column: 1/2;
  }
}
.bdOrder-rowli .laptop, .bdOrder-rowli .pad {
  display: none;
}
@media all and (max-width: 1023px) {
  .bdOrder-rowli .laptop {
    display: block;
  }
}
@media all and (max-width: 768px) {
  .bdOrder-rowli .pad {
    display: block;
  }
}
.bdOrder-rowli .unit {
  color: #999;
  font-weight: normal;
  display: none;
  padding-right: 10px;
}
@media all and (max-width: 1023px) {
  .bdOrder-rowli .unit {
    display: block;
  }
}
.bdOrder-rowlist {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 0 10px;
}
@media all and (max-width: 1023px) {
  .bdOrder-rowlist {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 2px 20px;
  }
}
@media all and (max-width: 768px) {
  .bdOrder-rowlist {
    grid-template-columns: 80px 1fr;
  }
}
@media all and (max-width: 509px) {
  .bdOrder-rowlist {
    grid-template-columns: 1fr;
  }
}
.bdOrder-headli {
  height: 45px;
}
@media all and (max-width: 1023px) {
  .bdOrder-headli.col-img {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdOrder-headli.col-name {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdOrder-headli.col-sum {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdOrder-headli.col-price {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdOrder-headli.col-order-price {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdOrder-headli.col-else {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdOrder-headli.col-info {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  .bdOrder-headli.col-day {
    display: none;
  }
}
.bdModalAdd {
  /* 배송지 목록 */
}
.bdModalAdd-wrap {
  height: 100%;
  overflow-y: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
}
.bdModalAdd-wrap::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
.bdModalAdd-wrap::-webkit-scrollbar-track-piece {
  background: transparent;
}
.bdModalAdd-wrap::-webkit-scrollbar-track {
  border-radius: 800px;
  background-color: transparent;
}
.bdModalAdd-wrap::-webkit-scrollbar-thumb {
  border-radius: 800px;
  background-color: transparent;
}
.bdModalAdd-wrap::-webkit-scrollbar {
  width: 8px;
}
.bdModalAdd-wrap::-webkit-scrollbar-track {
  box-shadow: none;
}
.bdModalAdd-wrap::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
}
@media all and (max-width: 1023px) {
  .bdModalAdd-wrap {
    border-top: 1px solid #ddd;
  }
}
.bdModalAdd-li {
  cursor: pointer;
}
@media all and (max-width: 1023px) {
  .bdModalAdd-li {
    border-color: #ddd;
  }
}
.bdModalAdd-li:not(.bdModalAdd-head):hover {
  background-color: rgba(201, 53, 53, 0.12);
}
.bdModalAdd-rowli {
  padding: 1rem 0;
}
.bdModalAdd-rowli.col-nickname {
  flex: 0 0 140px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowli.col-nickname {
    flex: unset;
    flex: 0 0 100%;
  }
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowli.col-nickname {
    justify-content: flex-start;
    align-items: flex-start;
    flex: unset;
    width: auto;
  }
}
.bdModalAdd-rowli.col-name {
  flex: 2 2 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowli.col-name {
    flex: unset;
    flex: 0 0 100%;
  }
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowli.col-name {
    justify-content: flex-start;
    align-items: flex-start;
    flex: unset;
    width: auto;
  }
}
.bdModalAdd-rowli.col-tel {
  flex: 2 2 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowli.col-tel {
    flex: unset;
    flex: 0 0 100%;
  }
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowli.col-tel {
    justify-content: flex-start;
    align-items: flex-start;
    flex: unset;
    width: auto;
  }
}
.bdModalAdd-rowli.col-phone {
  flex: 1.5 1.5 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowli.col-phone {
    flex: unset;
    flex: 0 0 100%;
  }
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowli.col-phone {
    justify-content: flex-start;
    align-items: flex-start;
    flex: unset;
    width: auto;
  }
}
.bdModalAdd-rowli.col-post {
  flex: 1.5 1.5 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowli.col-post {
    flex: unset;
    flex: 0 0 100%;
  }
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowli.col-post {
    justify-content: flex-start;
    align-items: flex-start;
    flex: unset;
    width: auto;
  }
}
.bdModalAdd-rowli.col-address {
  flex: 4 4 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowli.col-address {
    flex: unset;
    flex: 0 0 100%;
  }
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowli.col-address {
    justify-content: flex-start;
    align-items: flex-start;
    flex: unset;
    width: auto;
  }
}
.bdModalAdd-rowli.col-address-detail {
  flex: 4 4 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowli.col-address-detail {
    flex: unset;
    flex: 0 0 100%;
  }
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowli.col-address-detail {
    justify-content: flex-start;
    align-items: flex-start;
    flex: unset;
    width: auto;
  }
}
.bdModalAdd-rowli .unit {
  font-size: 12px;
  color: #666;
  display: none;
  white-space: nowrap;
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowli .unit {
    display: block;
    margin-right: 4px;
  }
}
.bdModalAdd-rowlist {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 0 10px;
}
@media all and (max-width: 1023px) {
  .bdModalAdd-rowlist {
    flex-wrap: wrap;
    gap: 2px 20px;
  }
}
.bdModalAdd-head {
  position: sticky;
  top: 0;
  z-index: 5;
}
.bdModalAdd-headli {
  height: 45px;
}
.bdProduct-controller {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 17px;
  border-bottom: 2px solid #474747;
}
@media all and (max-width: 768px) {
  .bdProduct-controller {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 20px;
  }
}
.bdProduct-controller-total .txt {
  font-family: "NotoKR", sans-serif;
  font-size: 14px;
  color: #666666;
}
.bdProduct-controller-total .num {
  font-family: "PT Sans Caption", sans-serif;
  font-weight: bold;
  color: #ed1b24;
}
.bdProduct-controller-order {
  display: flex;
  align-items: center;
  gap: 5px;
}
.bdProduct-controller-order.active .icon {
  width: 13px;
}
.bdProduct-controller-order.active .txt {
  color: #000;
}
.bdProduct-controller-order .icon {
  width: 0;
  overflow: hidden;
  transition: width 0.3s;
}
.bdProduct-controller-order .icon i {
  font-weight: 700;
}
.bdProduct-controller-order .txt {
  font-family: "NotoKR", sans-serif;
  font-weight: 500;
  color: #666666;
}
.bdProduct-controller-orders {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media all and (max-width: 509px) {
  .bdProduct-controller-orders {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
.bdProduct-tag {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #474747;
  font-size: 12px;
  font-family: "Verdana", Malgun Gothic;
  font-weight: bold;
  letter-spacing: -0.08em;
  color: #fff;
}
@media all and (max-width: 509px) {
  .bdProduct-tag {
    width: 37px;
    height: 37px;
    line-height: 34px;
    font-size: 9px;
  }
}
.bdProduct-tags {
  position: absolute;
  left: 26px;
  top: 26px;
  display: flex;
  align-items: center;
  gap: 4px;
  z-index: 1;
}
@media all and (max-width: 768px) {
  .bdProduct-tags {
    left: unset;
    right: 26px;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
}
.bdProduct-tags .popovers-main {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media all and (max-width: 768px) {
  .bdProduct-tags .popovers-main {
    flex-wrap: wrap;
  }
}
.bdProduct-li {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: 25%;
  border: 1px solid #dfdfdf;
  padding-bottom: 40px;
}
@media all and (max-width: 1023px) {
  .bdProduct-li {
    width: 33.3333333333%;
  }
}
@media all and (max-width: 768px) {
  .bdProduct-li {
    width: 50%;
  }
}
@media all and (max-width: 509px) {
  .bdProduct-li {
    width: 100%;
  }
}
.bdProduct-li:hover {
  border-color: #474747;
}
.bdProduct-li:hover .bdProduct-li-btns {
  left: 50%;
  opacity: 1;
}
.bdProduct-li:hover .bdProduct-li-overlay {
  display: flex;
  opacity: 1;
}
@media all and (max-width: 449px) {
  .bdProduct-li:hover .bdProduct-li-overlay {
    display: none;
    opacity: 0;
  }
}
.bdProduct-li:nth-of-type(n+5) {
  margin-top: -1px;
  border-top-color: transparent;
}
@media all and (max-width: 1023px) {
  .bdProduct-li:nth-of-type(n+5) {
    margin-top: 0;
    border-top-color: #dfdfdf;
  }
}
.bdProduct-li:nth-of-type(n+5):hover {
  border-top-color: #7e2727;
}
.bdProduct-li:not(:nth-of-type(4n+1)) {
  margin-left: -1px;
  border-left-color: transparent;
}
@media all and (max-width: 1023px) {
  .bdProduct-li:not(:nth-of-type(4n+1)) {
    margin-left: 0;
    border-left-color: #dfdfdf;
  }
}
.bdProduct-li:not(:nth-of-type(4n+1)):hover {
  border-left-color: #474747;
}
@media all and (max-width: 1023px) {
  .bdProduct-li:nth-of-type(n+4) {
    margin-top: -1px;
    border-top-color: transparent;
  }
}
@media all and (max-width: 768px) {
  .bdProduct-li:nth-of-type(n+4) {
    margin-top: 0;
    border-top-color: #dfdfdf;
  }
}
.bdProduct-li:nth-of-type(n+4):hover {
  border-top-color: #7e2727;
}
@media all and (max-width: 1023px) {
  .bdProduct-li:not(:nth-of-type(3n+1)) {
    margin-left: -1px;
    border-left-color: transparent;
  }
}
@media all and (max-width: 768px) {
  .bdProduct-li:not(:nth-of-type(3n+1)) {
    margin-left: 0;
    border-left-color: #dfdfdf;
  }
}
.bdProduct-li:not(:nth-of-type(3n+1)):hover {
  border-left-color: #474747;
}
@media all and (max-width: 768px) {
  .bdProduct-li:nth-of-type(n+3) {
    margin-top: -1px;
    border-top-color: transparent;
  }
}
@media all and (max-width: 449px) {
  .bdProduct-li:nth-of-type(n+3) {
    margin-top: 0;
    border-top-color: #dfdfdf;
  }
}
.bdProduct-li:nth-of-type(n+3):hover {
  border-top-color: #7e2727;
}
@media all and (max-width: 768px) {
  .bdProduct-li:not(:nth-of-type(2n+1)) {
    margin-left: -1px;
    border-left-color: transparent;
  }
}
@media all and (max-width: 449px) {
  .bdProduct-li:not(:nth-of-type(2n+1)) {
    margin-left: 0;
    border-left-color: #dfdfdf;
  }
}
.bdProduct-li:not(:nth-of-type(2n+1)):hover {
  border-left-color: #474747;
}
@media all and (max-width: 449px) {
  .bdProduct-li:nth-of-type(n+2) {
    margin-top: -1px;
    border-top-color: transparent;
  }
}
.bdProduct-li:nth-of-type(n+2):hover {
  border-top-color: #7e2727;
}
@media all and (max-width: 449px) {
  .bdProduct-li:not(:nth-of-type(1n+1)) {
    margin-left: -1px;
    border-left-color: transparent;
  }
}
.bdProduct-li:not(:nth-of-type(1n+1)):hover {
  border-left-color: #474747;
}
.bdProduct-li:has(.bdProduct-option:last-child) .bdProduct-option {
  padding-top: 15px;
}
.bdProduct-list {
  display: flex;
  flex-wrap: wrap;
}
.bdProduct-link {
  position: relative;
  overflow: hidden;
}
.bdProduct-li-overlay {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 1;
}
.bdProduct-li-btns {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  opacity: 0;
  z-index: 1;
  transition: left 0.3s, opacity 0.3s;
}
.bdProduct-img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  padding: 30px;
}
.bdProduct-img img {
  width: 100%;
}
.bdProduct-tit {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: auto;
  z-index: 0;
  padding: 0 30px;
}
.bdProduct-tit .txt {
  position: relative;
  display: block;
  font-size: 12px;
  color: #666666;
  line-height: 1.4;
  text-align: center;
  word-break: keep-all;
}
.bdProduct-price {
  padding-top: 15px;
  text-align: center;
}
.bdProduct-price.fw-bold {
  font-family: "PT Sans Caption", sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
}
.bdProduct-sum {
  padding: 10px 80px 0;
}
@media all and (max-width: 1439px) {
  .bdProduct-sum {
    padding: 10px 20% 0;
  }
}
.bdProduct-sum .sum-control-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.bdProduct-sum .sum-control-wrap .sum {
  text-align: center;
}
.bdProduct-cate-tit {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
.bdProduct-cate-tit .tit {
  position: relative;
  display: block;
  font-family: "play_basicRI", sans-serif;
  font-weight: bold;
  color: #000;
  font-size: 16px;
  letter-spacing: 0.05em;
}
.bdProduct-cate-tit .info {
  position: relative;
  display: block;
  font-family: "Malgun Gothic", sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #474747;
}
.bdProduct-cate-tit-wrap {
  position: relative;
  display: block;
  padding: 38px 0 27px;
}
.bdProduct-cate-tags {
  margin-top: 26px;
  margin-left: 26px;
}
.bdProduct-option {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  padding: 0 30px;
}
.bdJoin {
  border-top-color: transparent;
}
.bdJoin .bdNormal-tit h4 {
  font-family: "NanumSquare";
  font-weight: 700;
  font-size: 28px;
  margin-top: 65px;
}
.bdJoin .bdNormal-li {
  border-bottom-color: transparent;
}
.bdJoin .bdNormal-li.support .checkbox .txt {
  font-family: "NotoKR";
  font-weight: 500;
  font-size: 16px;
  margin-left: 4px;
  word-break: keep-all;
}
.bdJoin .bdNormalL-headli .txt {
  font-family: "NotoKR";
  font-weight: 500;
  font-size: 15px;
}
.bdJoin .bdNormalL-rowlist {
  background: transparent;
}
.bdJoin [class*=btn-square] {
  width: 100%;
  height: 47px;
  white-space: nowrap;
}
.bdJoin .input-box.flex-1 {
  flex: 1;
}
@media all and (max-width: 509px) {
  .bdJoin .input-box.flex-1 {
    flex: unset;
    width: 100%;
  }
}
.bdJoin .input-box input, .bdJoin .input-box select {
  height: 47px;
}
@media all and (max-width: 768px) {
  .bdJoin .input-box [class*=width_] {
    width: 100% !important;
  }
}
.bdJoin .bdNormalL-rowli:not(.bdNormalL-headli) {
  gap: 10px;
}
.bdJoin .bdNormal-inputs {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 145px;
  gap: 10px;
}
@media all and (max-width: 768px) {
  .bdJoin .bdNormal-inputs {
    grid-template-columns: 1fr;
  }
}
.bdJoin .bdNormal-inputs.direction-columns {
  grid-template-columns: 1fr;
  width: 100%;
}
.bdJoin .bdNormal-inputs > .input-box {
  grid-column: span 1;
}
.bdJoin .bdNormal-inputs > .full {
  grid-column: span 2;
}
@media all and (max-width: 768px) {
  .bdJoin .bdNormal-inputs > .full {
    grid-column: span 1;
  }
}
.bdJoin .bdNormal-inputs > .btn-wrap {
  grid-column: span 1;
}
.bdJoin .bdNormal-inputs > .box {
  flex-direction: row;
}
.bdJoin .bdNormal-inputs > .checkboxes {
  display: flex;
  align-items: center;
  gap: 15px;
}
.bdJoin .bdNormal-inputs .checkbox-wrap {
  display: flex;
}
.bdJoin .bdNormal-inputs .bdNormal-input-group {
  gap: 15px;
}
.bdJoin .barlist {
  padding-left: 14px;
}
.bdJoin .barlist > li {
  position: relative;
}
.bdJoin .barlist > li::before {
  content: "";
  position: absolute;
  left: -10px;
  top: calc((1.82rem - 1px) / 2);
  display: block;
  width: 4px;
  height: 1px;
  border-radius: 50%;
  background-color: #000;
}
.bdJoin .barlist > li {
  font-size: 13px;
  line-height: 24px;
}
.bdJoin .barlist-wrap {
  padding-left: 10px;
}
.bdJoin .signature-pad {
  width: 100%;
  aspect-ratio: 400/200;
}
.bdJoin-support {
  display: none;
}
.bdJoin-support.active {
  display: block;
}
@media all and (max-width: 768px) {
  .bdPaging-li.first, .bdPaging-li.prev, .bdPaging-li.next, .bdPaging-li.last {
    display: none;
  }
}
.bdPaging-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.bdPaging-list .paging {
  display: block;
  height: 32px;
  padding: 0 11px;
  font-family: "Verdana", "Malgun Gothic", sans-serif;
  font-weight: normal;
  line-height: 29px;
  color: #888;
  border-radius: 3px;
  border: 1px solid #d2d2d2;
}
.bdPostInfo {
  display: flex;
  align-items: center;
  gap: 8px;
}
.v-wrap {
  display: none;
}
.v-wrap.active {
  display: block;
}

.fm-wrap {
  display: none;
}
.fm-wrap.active {
  display: block;
}

.bd-wrap {
  display: none;
}
.bd-wrap.active {
  display: block;
}

.bdQ-wrap {
  display: none;
}
.bdQ-wrap.active {
  display: block;
}

/* //게시판 */
/* 게시판 form */
.fm-plate-date-wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 5px;
}

/* //게시판 form */
/* 게시판 상세 */
.vNormal-tit {
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 10px;
}
.vNormal-tit-wrap {
  position: relative;
  display: block;
  border-top: 1px solid #999;
  border-bottom: 1px solid #ddd;
  background: #fafafa;
  padding: 15px;
}
.vNormal-info {
  font-size: 12px;
  line-height: 19px;
  font-size: 12px;
  letter-spacing: -0.48px;
}
.vNormal-info:not(:last-child) {
  margin-right: 20px;
}
.vNormal-infos {
  position: relative;
  display: flex;
  align-items: center;
}
.vNormal-cont {
  min-height: 430px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
  line-height: 21px;
  padding: 30px 15px 0;
}
.vNormal-btn {
  display: block;
  height: 38px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  color: #666;
  text-align: center;
  padding: 9px 20px;
  transition: all 0.3s;
}
.vNormal-btn.active, .vNormal-btn:hover {
  border-color: #373737;
  background: #373737;
  color: #fff;
}
.vNormal-btn.btn-list {
  border-color: #373737;
  background: #373737;
  color: #fff;
}
.vNormal-btn.btn-newbd {
  border-color: #373737;
  background: #373737;
  color: #fff;
}
.vNormal-btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  margin: 20px 0 45px 0;
}
/* //게시판 상세 */
/* faq */
.boardFaq.bdNormal {
  margin-bottom: 0;
}
.boardFaq.bdNormal > ul > li > .answer .box:not(:first-child) {
  margin-top: 10px;
}
.boardFaq.bdNormal > ul > li > .answer .postMark {
  left: -40px;
  top: 0;
}
.boardFaq li.empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 21px;
  padding: 65px 0;
}
.boardFaq li.empty .icon {
  width: 36px;
}
.boardFaq li.empty .txt {
  position: relative;
  font-family: "Verdana", Malgun Gothic;
  font-weight: 400;
  font-size: 13px;
  color: #cccccc;
}
.boardFaq li .line {
  cursor: pointer;
}

/* faq */

/* #itemTable 250818 사용하지 않음 */
/* #itemTable {
  margin-top: 20px;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #dddddd;
}
#itemTable thead th {
  text-align: center;
  font-family: "Malgun Gothic", sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #373737;
  padding: 15px 0;
  background: #f9f9f9;
}
#itemTable tbody td {
  font-family: "Verdana", "Malgun Gothic", sans-serif;
  text-align: center;
  border-top: 1px solid #dddddd;
  padding: 10px 0;
}
@media all and (max-width: 509px) {
  #itemTable tbody td {
    padding: 10px 0 5px;
  }
}
#itemTable tbody td.table_pc_td {
  text-align: left;
  padding-left: 20px;
}
@media all and (max-width: 509px) {
  #itemTable tbody td.table_pc_td {
    padding-left: 10px;
  }
}
#itemTable tbody td img {
  width: auto;
  max-width: 100%;
  height: 80px;
} */
 /* #itemTable 250818 사용하지 않음 */

div.boardTable .col-tit {
  display: flex;
  align-items: center;
  gap: 6px;
  text-align: left;
}
div.boardTable .col-tit .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.boardTable .no_txt {
  position: relative;
  border-top: 0;
  font-family: "Verdana", Malgun Gothic;
  padding-top: 65px;
  padding-bottom: 75px;
}
div.boardTable .no_txt img {
  width: 36px;
}
div.boardTable .no_txt .txt {
  padding-top: 11px;
  font-size: 13px;
  font-weight: 400;
  color: #cccccc;
}

.boardSearch .typing {
  padding: 0.5em;
  border: 1px solid #ccc;
}
@media screen and (min-width: 440px) {
  .boardSearch .typing {
    width: 200px;
    margin-top: 0;
  }
}
.boardSearch .btn-search {
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #474747;
  border-radius: 2px;
  color: #fff;
  background: #474747;
}
@media screen and (min-width: 440px) {
  .boardSearch .btn-search {
    width: auto;
    margin-top: 0;
  }
}
.boardMenu ul li .btn {
  font-size: 14px;
  letter-spacing: -0.56px;
}
@media all and (max-width: 1439px) {
  .boardMenu ul li .btn {
    font-size: 13px;
    letter-spacing: -0.52px;
  }
}
@media all and (max-width: 1023px) {
  .boardMenu ul li .btn {
    font-size: 12px;
    letter-spacing: -0.48px;
  }
}
@media all and (max-width: 768px) {
  .boardMenu ul li .btn {
    font-size: 14px;
    letter-spacing: -0.56px;
    font-size: 11px;
    letter-spacing: -0.44px;
  }
}
@media all and (max-width: 509px) {
  .boardMenu ul li .btn {
    font-size: 14px;
    letter-spacing: -0.56px;
    font-size: 11px;
    letter-spacing: -0.44px;
  }
}
.boardMenu ul li .btn,
.boardMenu ul li button.btn {
  display: block;
  height: 38px;
  padding: 9px 20px;
  text-align: center;
}

div.board input[type=text],
div.board input[type=time],
div.board input[type=password],
div.board input[type=email],
div.board select,
div.board textarea {
  padding: 0.5em;
  border: 1px solid #ccc;
}

div.board input[type=time] {
  height: 32px;
  border-radius: 2px;
}

div.boardTable table tr td a img.newContent {
  width: 16px;
  margin-left: 0px;
  vertical-align: middle;
}

div.viewInfo ul {
  display: flex;
  align-items: center;
  gap: 4px 20px;
}
@media all and (max-width: 1023px) {
  div.viewInfo ul {
    flex-wrap: wrap;
  }
}
div.viewInfo ul li {
  float: unset;
  margin-right: 0;
}

@media all and (max-width: 509px) {
  div.boardMenu ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 5px;
  }
}
@media all and (max-width: 509px) {
  div.boardMenu ul li {
    float: unset;
    width: 100%;
    margin-left: 0;
  }
}

.table_pc_list {
  text-align: left;
  margin-top: 7px;
}
@media all and (max-width: 509px) {
  .table_pc_list {
    margin-top: 1px;
  }
}
.table_pc_list ul li {
  font-size: 13px;
  font-family: "Verdana", Malgun Gothic;
  margin-bottom: 7px;
}
.table_pc_list ul li strong {
  font-weight: normal;
  color: #000;
  /* line-height: 19px; */
}

.cus_best > div.boardList {
  border-top: unset;
}

.cus_best div.boardFaq > ul > li > div.answer {
  line-height: 21px !important;
}

.cus_best div.boardFaq > ul > li > div.answer {
  padding: 28px 28px 28px 80px;
}

/* 공통 네비 */
.user-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.user-menu .link {
  color: #747474;
  font-family: "Elza Text", "NotoKR", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.user-menu .link:hover {
  color: #000;
}

/* //공통 네비 */
/* 해더 네비 */
.header-nav .header-menu {
  display: flex;
  flex-flow: row nowrap;
  gap: 40px;
  align-items: center;
}

.header-nav .nav {
  height: 100%;
}
@media all and (max-width: 1289px) {
  .header-nav .nav {
    display: none;
  }
}
.header-nav .nav-li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#434343;
}

.header-nav .nav-li::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  display: none;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #000000;
}

.header-nav .nav-li.li01 {
  display: none;
}

.header-nav .nav-li.li07 {
  display: none;
}

.header-nav .nav-li.li03 {
  display: none;
}

.header-nav .nav-list {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  gap: 3rem;
  height: 100%;
  padding: 0;
}
.header-nav .nav-list-wrap {
  display: none;
}
.header-nav .nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Dashiell Fine", serif;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.07rem;
  color: #434343;
}

.header-nav .nav-link:hover {
  color: #124BD1;
}

@media all and (max-width: 1023px) {
  .header-nav .nav-link {
    font-size: 1.5272727273rem;
    line-height: 2.1381818182rem;
  }
}
.header-nav .nav-link:lang(en) {
  text-transform: uppercase;
}
.header-nav .nav-sublist-wrap {
  display: none;
}
.header-nav .nav-sublink {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-nav .nav-thirdlist-wrap {
  display: none;
}
.header-nav .nav-thirdlink {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-nav .nav-forthlist-wrap {
  display: none;
}
.header-nav .nav-forthlink {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* //해더 네비 */
/* 서브메뉴의 네비 */
/* //서브메뉴의 네비 */
/* modal 네비 / 전체 네비 */
.modal-nav .nav-li {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-nav .nav-li.li03 {
    display: none;
}

.modal-nav .nav-list {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 20px;
}
.modal-nav .nav-list-wrap {
  display: none;
}
.modal-nav .nav-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 20px 0;
  cursor: pointer;
  font-family: "PT Sans Caption", sans-serif;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: #666;
  text-transform: uppercase;
}
.modal-nav .nav-link:hover::before {
  opacity: 1;
}
.modal-nav .nav-link::before {
  content: "";
  position: relative;
  display: block;
  width: 5px;
  height: 5px;
  background: #000000;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.5s;
}
.modal-nav .nav-sublist-wrap {
  display: none;
}
.modal-nav .nav-sublink {
  position: relative;
}
.modal-nav .nav-thirdlist-wrap {
  display: none;
}
.modal-nav .nav-thirdlink {
  position: relative;
}
.modal-nav .nav-forthlist-wrap {
  display: none;
}
.modal-nav .nav-forthlink {
  position: relative;
}

/* //modal 네비 / 전체 네비  */
.header {
  position: relative;
  display: flex;
  flex-flow: column;
  z-index: 99;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  padding: 10px 100px 30px;
}
@media all and (max-width: 1289px) {
  .header {
    flex-direction: row-reverse;
    background-color: #fff;
    width: 100%;
    justify-content: space-between;
    padding: 0px;
  }
}
@media all and (max-width: 768px) {
  .header {
    position: fixed;    
    top: 0;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
  }
}
@media all and (max-width: 768px) {
  .header:has(.header-search-container.active)::after {
    grid-column: 1/3;
    grid-row: 3/4;
    height: calc(100vh - 50px);
    opacity: 1;
  }
}
.header::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: height 0.5s, opacity 0.3s;
  z-index: -1;
}
@media all and (max-width: 1289px) {
  .header-logo > .icon img {
    content: url("/images/user/common/m_logo.png");
  }
}
@media all and (max-width: 768px) {
  .header-logo > .icon img {
    width: 4.68rem;
  }
}
@media all and (max-width: 520px) {
  .header-logo > .icon img {
    width: 40px;
  }
}
@media (max-width: 370px) {
  .header-logo > .icon img {
      width: 35px;
  }
}
.header-logo > .txt {
  display: none;
}
.header-logo-wrap {
  position: relative;
  z-index: 9;
}
@media all and (max-width: 1289px) {
  .header-logo-wrap {
    margin-left: 80px;
    width: 50px;
  }

  .header-logo-wrap img {
    width: 100%;
  }
}

@media all and (max-width: 1023px) {
  .header-logo-wrap {
    margin-left: 65px;
  }
}
@media all and (max-width: 768px) {
  .header-logo-wrap {
    position: relative;
    left: unset;
    top: unset;
    transform: unset;
  }
}
.header-nav {
  position: relative;
  opacity: 0;
  transition: opacity 0.3s;  
  margin-top: 0px;
}

.header-nav .layout {
  max-width: none;
  display: flex;
  flex-flow: row nowrap;
  padding: 0px;
}

@media all and (max-width: 1289px) {
  .header-nav {
    width: 100%;
    display: flex;
    align-items: center;
  }
}
@media all and (max-width: 768px) {
  .header-nav {
  }
}
.header-nav.active {
  opacity: 1;
}
.header-nav > .layout {  
  justify-content: space-between;
  align-items: end;
}
@media all and (max-width: 1289px) {
  .header-nav > .layout {  
    align-items: center;
  }
}
@media all and (max-width: 768px) {
  .header-nav > .layout {
    display: flex;
    align-items: center;
    gap: 1.44rem;
  }
}
.header-nav .btn-allmenu {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  z-index: 9;
}
@media all and (max-width: 1289px) {
  .header-nav .btn-allmenu {
    left: 4rem;
    display: block;
  }
}
@media all and (max-width: 1023px) {
  .header-nav .btn-allmenu {
    left: 2.1818181818rem;
  }
}
@media all and (max-width: 768px) {
  .header-logo-wrap {
    margin-left: 58px;
  }
}

@media (max-width: 520px) {
    .header-logo-wrap {
        margin-left: 54px;
    }
}

@media (max-width: 370px) {
  .header-logo-wrap {
    margin-left: 45px;
    width: auto;
  }
  .header-nav .btn-allmenu {
    left: 10px;
  }
}
.header-mymenu {
  position: relative;
  z-index: 10;
  padding: 21px 0 0px;
}

.header-mymenu .layout {
  max-width: none;
}
@media all and (max-width: 1289px) {
  .header-mymenu {
    padding: 20px 0;
  }

  .header-mymenu > .layout {
    padding-left: 15px;
  }
}
@media all and (max-width: 768px) {
  .header-mymenu {
    height: 50px;
  }
}
@media all and (max-width: 520px) {
  .header-mymenu > .layout {
    padding-left: 10px;
  }
}

@media (max-width: 520px) {
  .header-mymenu > .layout {
      padding-left: 7px;
  }
}
.header-mymenu > .layout {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-between;
}
.header-mymenu-alert {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  font-family: "PT Sans Caption", sans-serif;
  color: #666666;
  font-size: 13px;
  letter-spacing: 0.03em;
}
@media all and (max-width: 1289px) {
  .header-mymenu-alert {
    display: none;
  }
}
.header-mymenu-alert b {
  font-weight: bold;
  color: #000;
}
.header-mymenu-bookmark {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  font-family: "Verdana", sans-serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  padding-top: 0.2rem;
}
.header-mymenu-bookmark:hover {
  color: #000;
}
.header-mymenu-bookmark:hover::before {
  background: url("/images/user/common/top_star_h.png") no-repeat center center;
}
.header-mymenu-bookmark::before {
  content: "";
  position: relative;
  width: 12px;
  height: 12px;
  background: url("/images/user/common/top_star.png") no-repeat center center;
  margin-top: -0.2rem;
  transition: background 0.3s;
}
.header-mymenu-welcome {
  font-size: 12px;
}
.header-user-menu {
  margin-left: auto;
  margin-right: 25px;
}
@media all and (max-width: 1289px) {
  .header-user-menu {
    display: none;
  }
}
.header-product-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.header-product-menu .idi_top_cart {
  margin-left: -10px;
}
@media all and (max-width: 1289px) {
  .header-product-menu {
    margin-left: auto;
  }
}

@media all and (max-width: 520px) {
  .header-product-menu {
    gap: 6px;
  }

  .header-product-menu .idi_top_cart {
    margin-left: -5px;
  }
}

@media (max-width: 370px) {
  .header-product-menu {
      gap: 3px;
  }

  .header-product-menu .idi_top_cart {
      margin-left: -1px;
  }
}

.header-product-menu .topCartCnt {
  background: #FF6600;
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 6px;
  font-family: "PT Sans Caption", sans-serif;
  color: #fff;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
}

.header-product-menu .topCartCnt.empty {
  background: #929292;
}
.header-product-menu .btn {
  display: block;
}

.header-product-menu .btn-open-search {
  width: 20px;
}
.header-product-menu .btn-open-search.open > img {
  content: url("/images/user/common/icon_close.svg");
}
.header-product-menu .btn-open-search > img {
  width: 20px;
}
.header-product-menu > li:has(.btn.btn-open-search) {
  padding-top: 1px;
}
.header-search {
  display: flex;
  justify-content: center;
  align-items: center;
  /* max-width: 60rem; */
  margin: 0 auto;
  background: #FFF;
  padding: 150px 0;
}
.header-search-container {
  position: fixed;
  top: 0px;
  left: 0px;
  border-top: 1px solid #d5d5d5;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  width: calc(100% + 200px);
  margin-top: 0px;
  margin-left: -100px;
  z-index: 9;
  height: 100vh;
}
.header-search-box {
  max-width: 600px;
  width: 100%;
  display: flex;
  position: relative;
  height: 60px;  
  border-bottom: 2px solid #474747
}

@media all and (max-width: 1289px) {
  .header-search-container {
    grid-column: 1/4;
    grid-row: 2/3;
  }
}
@media all and (max-width: 1024px) {
  .header-search {
    padding: 100px 0;
  }
}
@media all and (max-width: 768px) {
  .header-search-container {
    max-width: unset;
    border-top: unset;
  }
  .header-search-box {
    max-width: 500px;
    height: 50px;
  }
}
@media all and (max-width: 600px) {
  .header-search {
    padding: 70px 0;
  }
  .header-search-box {
    max-width: none;
    width: 50%;
  }
}

@media (max-width: 500px) {
  .header-search {
      padding: 71px 0 50px;
  }

  .header-search-box {
    height: 45px;
  }
}

.header-search-input[type=text] {
  width: calc(100% - 55px);
  border: 0;
  font-family: "Elza Text", "NotoKR", sans-serif;
  font-weight: 500;
  font-size: 24px;
  color: #000;
  position: relative;
  margin: 0;
  padding: 0 10px;
}

@media all and (max-width: 768px) {
  .header-search-input[type=text] {
    width: calc(100% - 45px);
    font-size: 20px;
    padding-left: 10px;
  }
}
@media all and (max-width: 600px) {
  .header-search-input[type=text] {
    width: calc(100% - 35px);
    font-size: 18px;
    padding: 0 5px;
  }
}
.header-search-input[type=text]::placeholder {
  font-weight: 400;
  font-size: 20px;
  color: #a5a5a5;
}
@media all and (max-width: 768px) {
  .header-search-input[type=text]::placeholder {
    font-size: 17px;
  }
}
@media all and (max-width: 600px) {
  .header-search-input[type=text]::placeholder {
    font-size: 16px;
  }
}
.header-search-btn {
  position: absolute !important;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.header-search-btn .icon {
  display: block;
  width: 35px;
  aspect-ratio: 1 / 1;
}
.header-search-btn .icon img {
  display: block;
  width: 100%;
}
@media all and (max-width: 768px) {
  .header-search-btn {
    right: 10px;
  }
  .header-search-btn .icon {
    width: 28px;
  }
}

@media all and (max-width: 600px) {
  .header-search-btn {
    right: 5px;
  }
  .header-search-btn .icon {
    width: 24px;
  }
}

@media all and (max-width: 500px) {
  .header-search-btn .icon {
    width: 22px;
  }
}

.sect-subbanner {
  background: url("/images/user/sub/sub_common_bg.png") no-repeat center;
  height: 250px;
}
.sect-subbanner[data-tit="site helper"] {
  height: 250px;
}
.sect-subbanner[data-tit="site helper"] .subbanner {
  background: url("/images/user/sub/sub_common_bg.png") no-repeat center;
  background-size: cover;
}
.sect-subbanner[data-tit=basket] {
  height: 250px;
}
.sect-subbanner[data-tit=basket] .subbanner {
  background: url("/images/user/basket/basket_bg.png") no-repeat center;
  background-size: cover;
}
.sect-subbanner[data-tit="since 1857"] {
  height: 560px;
}
.sect-subbanner[data-tit="since 1857"] .subbanner {
  background: url("/images/user/brand/brand_sub_bg.png") no-repeat center;
  background-size: cover;
}
.sect-subbanner[data-tit=product] {
  height: 250px;
}
.sect-subbanner[data-tit=product] .subbanner {
  background: url("/images/user/product/prod_sub_bg.jpg") no-repeat center;
  background-size: cover;
}
.sect-subbanner[data-tit="Frequently Asked questions"] {
  height: 250px;
}
.sect-subbanner[data-tit="Frequently Asked questions"] .subbanner {
  background: url("/images/user/qna/qna_bg.jpg") no-repeat center;
  background-size: cover;
}
.sect-subbanner[data-tit=media] {
  height: 250px;
}
.sect-subbanner[data-tit=media] .subbanner {
  background: url("/images/user/media/media_bg.jpg") no-repeat center;
  background-size: cover;
}
.sect-subbanner[data-tit=event] {
  height: 250px;
}
.sect-subbanner[data-tit=event] .subbanner {
  background: url("/images/user/event/event_bg.jpg") no-repeat center;
  background-size: cover;
}
.sect-subbanner[data-tit=mypage] {
  height: 250px;
}
.sect-subbanner[data-tit=mypage] .subbanner {
  background: url("/images/user/mypage/mypage_bg.png") no-repeat center;
  background-size: cover;
}
.sect-subbanner[data-tit="since 1857"] .subbanner-txt {
  font-family: "play_basic_Regular", sans-serif;
  font-size: 48px;
  font-style: italic;
  color: #fff;
  z-index: 1;
  letter-spacing: 0.03em;
  margin-top: 0;
}
.sect-subbanner[data-tit="since 1857"] .subbanner-txt-sub {
  font-family: "nanum_basicL";
  font-size: 19px;
  color: #fff;
  margin-top: 23px;
}
.sect-subbanner .subbanner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  margin-top: 0px;
}
.sect-subbanner .subbanner-txt {
  font-family: "play_basicRI", sans-serif;
  font-size: 36px;
  color: #fff;
  z-index: 1;
  letter-spacing: 0.03em;
  margin-top: 0;
}

/* 서브8. 상품 리스트 */
#speed_order {
  display: none;

  position: relative;
  /* display: flex; */
  width: 164px;
  height: 33px;
  z-index: 8;  
  background: #434343;
  border-radius: 33px;
  justify-content: space-between;
  align-items: center;
  padding: 0 13px;
  transition: color 0.2s;
  overflow: hidden;
  bottom: unset;
  right: unset;
}

#speed_order::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #124BD1; /* 원하는 hover 색상 */
  transition: left 0.2s ease;
  z-index: -1;
}

#speed_order:hover {
  background: #9b9b9b;
}

#speed_order:hover::before {
  left: 0;
}

#speed_order span {
  font-size: 15px;
  color: #FFF;
  text-align: center;
  font-family: elza-text, sans-serif;
  font-weight: 500;
  letter-spacing: 0px;
  margin-left: 5px;
  margin-top: unset;
  line-height: 1;
}
@media (max-width: 1289px) {
  #speed_order {
    width: 154px;
    height: 29px;
  }

  #speed_order span {
    font-size: 14px;
    margin-left: 2px;
  }

  #speed_order img {
    width: 18px;
  }
}

@media (max-width: 520px) {
  #speed_order {
    width: 134px;
    height: 27px;
    padding: 0 12px;
  }

  #speed_order span {
    font-size: 12px;
  }

  #speed_order img {
    width: 16px;
  }
}

@media (max-width: 370px) {
  #speed_order {
    width: auto;
    height: 25px;
    padding: 0 10px;
  }

  #speed_order span {
    font-size: 11px;
    margin-left: 0px;
  }

  #speed_order img {
    display: none;
  }
}

@media all and (max-width: 768px) {
  #speed_order1 {
    bottom: -35px;
  }
}
@media all and (max-width: 1023px) {
  #speed_order1 span {
    display: none;
    font-size: 13px;
    margin-top: 8px;
  }
}
@media all and (max-width: 768px) {
  #speed_order1 img {
    width: 53px;
    margin: 0 auto;
    display: block;
  }
}

#common_go_top span {
  color: #777;
}
#common_go_top span:nth-child(1) {
  display: block;
  font-size: 15px;
  text-align: center;
}
#common_go_top span:nth-child(2) {
  position: relative;
  font-family: "Georgia";
  font-style: italic;
  letter-spacing: 0.08em;
}
@media all and (max-width: 768px) {
  #common_go_top img {
    width: 40px;
  }
}

@media all and (max-width: 768px) {
  #go_to_top {
    bottom: 85px;
    right: 19px;
  }
}
@media all and (max-width: 768px) {
  #go_to_top img {
    width: 40px;
  }
}

.btn {
  position: relative;
  cursor: pointer;
}
.btns-prod {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  opacity: 0;
  z-index: 1;
  transition: left 0.3s, opacity 0.3s;
}
.btn-square-white {
  border-radius: 2px;
  border: 1px solid #474747;
  background: #fff;
  color: #474747;
  padding: 9.4px 10px 8px;
}
.btn-square-black {
  border-radius: 2px;
  background: #474747;
  color: #fff;
  padding: 9.4px 10px 8px;
}
.btn-square-red {
  border-radius: 2px;
  background: #FF3333;
  color: #fff;
  padding: 9.4px 10px 8px;
}
.btn-rounding-border {
  border-radius: 150px;
  border: 1px solid #474747;
  font-family: "NotoKR";
  font-weight: 500;
  font-size: 18px;
  color: #474747;
  padding: 18px 45px;
}
@media all and (max-width: 768px) {
  .btn-rounding-border {
    font-size: 15px;
  }
}
.btn-rounding-black {
  border-radius: 150px;
  background: #474747;
  font-family: "NotoKR";
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  padding: 18px 45px;
}
@media all and (max-width: 768px) {
  .btn-rounding-black {
    font-size: 15px;
  }
}
.btn-rounding-gray {
  border-radius: 150px;
  background: #efefef;
  font-family: "NotoKR";
  font-weight: 500;
  font-size: 18px;
  color: #999;
  padding: 18px 45px;
}
@media all and (max-width: 768px) {
  .btn-rounding-gray {
    font-size: 15px;
  }
}
.btn-open-list {
  color: #999999;
  border-color: #d5d5d5;
}
.btn-open-view {
  text-align: left;
}
.btn-close {
  width: 30px;
  height: 30px;
}
.btn-close > .bar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 30px;
  height: 2px;
  border-top: 1px solid #fff;
  transform-origin: 0 0;
}
.btn-close > .bar:first-child {
  transform: rotate(-45deg) translate(-50%, -50%);
}
.btn-close > .bar:last-child {
  transform: rotate(45deg) translate(-50%, -50%);
}
.btn-add-interest {
  color: #999999;
  border-color: #d5d5d5;
}
.btn-allmenu {
  width: 23px;
  height: 14px;
}
.btn-allmenu > .bar {
  display: block;
  height: 2px;
  background: #474747;
  z-index: 1;
}
.btn-allmenu > .bar:nth-child(1) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.btn-allmenu > .bar:nth-child(2) {
  position: relative;
  width: 17px;
  font-size: 0;
  overflow: hidden;
}
.btn-allmenu > .bar:nth-child(3) {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.btn-sum-control {
  flex: 0 0 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  line-height: 1;
}
.btn-sum-control > * {
  pointer-events: none;
}
.btn-sum-minus {
  font-size: 13px;
}
.btn-sub-menus {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  display: none;
}
@media all and (max-width: 1023px) {
  .btn-sub-menus {
    display: block;
  }
}
.btn-sub-menus img {
  width: 100%;
}
.btn-order-stop {
  display: none;
}
.btn-order-stop.active {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-order-active {
  display: none;
}
.btn-order-active.active {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-cancel.mypage-btn {
  display: none;
}
.btn-cancel.mypage-btn.active {
  display: block;
}

.modal {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  width: calc(100% - 50px);
  height: 100vh;
  z-index: 9999;
  transition: all 0.5s;
  background: #fff;
}
.modal .btn-close {
  position: absolute;
  top: 10px;
  right: -30px;
  display: block;
}
.modals-container {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
@media all and (max-width: 1023px) {
  .modals-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 80px;
  }
}
@media all and (max-width: 768px) {
  .modals-container {
    padding: 30px;
  }
}
@media all and (max-width: 509px) {
  .modals-container {
    padding: 15px;
  }
}
.modals-container.close {
  display: none;
}
.modals-container > .modal-wrap {
  position: absolute;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: all 0.3s;
}
@media all and (max-width: 1023px) {
  .modals-container > .modal-wrap {
    position: relative;
    left: unset;
    top: unset;
    right: unset;
    bottom: unset;
  }
}
.modals-container > .modal-wrap.active {
  display: block;
  max-height: 1000vh;
}
.modals-container > .modal-wrap.close {
  max-height: 0;
  border-width: 0;
}
.modal-first {
  /* 접속시팝업 */
}
.modal-first-wrap {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100vw;
}
@media all and (max-width: 1023px) {
  .modal-first-wrap {
    width: 100vw;
    max-width: unset;
  }
}
.modal-first-wrap .modal {
  position: relative;
  background: #fff;
  z-index: 99;
  top: unset;
  left: unset;
  transform: unset;
  width: auto;
  height: auto;
  transition: unset;
}
.modal-first-wrap .modal img {
  width: 100%;
}
.modal-first-wrap .modal .btn-close {
  position: relative;
  left: unset;
  top: unset;
  bottom: unset;
  right: unset;
  width: auto;
  height: auto;
}
.modal-controller {
  /* 팝업 컨트롤 */
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #474747;
  padding: 10px 15px;
  z-index: 99;
}
.modal-controller .btn {
  color: #fff;
}
.modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: none;
}
.modal-wrap.active .modal {
  transform: translateX(0);
}
.modal-top {
  position: relative;
}
.modal-main {
  position: relative;
  overflow-y: auto;
}
.modal-center {
  left: 50%;
  top: 50%;
  transform: translate(-250%, -50%);
  width: 540px;
  height: 560px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
}
.modal-center::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
.modal-center::-webkit-scrollbar-track-piece {
  background: transparent;
}
.modal-center::-webkit-scrollbar-track {
  border-radius: 800px;
  background-color: transparent;
}
.modal-center::-webkit-scrollbar-thumb {
  border-radius: 800px;
  background-color: transparent;
}
.modal-center::-webkit-scrollbar {
  width: 8px;
}
.modal-center::-webkit-scrollbar-track {
  box-shadow: none;
}
.modal-center::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
}
@media all and (max-width: 768px) {
  .modal-center {
    width: calc(100% - 30px);
  }
}
.modal-center .btn-close {
  right: 10px;
}
.modal-center .modal-top {
  height: 40px;
}
.modal-center .modal-main {
  padding: 20px;
}
.modal-center .modal-bottom {
  padding: 20px;
}
.modal-center-wrap {
  z-index: 1001;
}
@media all and (max-width: 768px) {
  .modal-center-wrap {
    width: 100%;
  }
}
.modal-center-wrap.active .modal {
  transform: translate(-50%, -50%);
}
.modal-nav-top {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  border-bottom: 1px solid #d5d5d5;
}
.modal-nav-main {
  height: calc(100vh - 50px);
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
}
.modal-nav-main::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
.modal-nav-main::-webkit-scrollbar-track-piece {
  background: transparent;
}
.modal-nav-main::-webkit-scrollbar-track {
  border-radius: 800px;
  background-color: transparent;
}
.modal-nav-main::-webkit-scrollbar-thumb {
  border-radius: 800px;
  background-color: transparent;
}
.modal-nav-main::-webkit-scrollbar {
  width: 8px;
}
.modal-nav-main::-webkit-scrollbar-track {
  box-shadow: none;
}
.modal-nav-main::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
}
.modal-post {
  left: 50%;
  top: 50%;
  transform: translate(-250%, -50%);
  width: 540px;
  height: 560px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
}
.modal-post::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
.modal-post::-webkit-scrollbar-track-piece {
  background: transparent;
}
.modal-post::-webkit-scrollbar-track {
  border-radius: 800px;
  background-color: transparent;
}
.modal-post::-webkit-scrollbar-thumb {
  border-radius: 800px;
  background-color: transparent;
}
.modal-post::-webkit-scrollbar {
  width: 8px;
}
.modal-post::-webkit-scrollbar-track {
  box-shadow: none;
}
.modal-post::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
}
.modal-post .btn-close {
  right: 10px;
}
.modal-post .modal-top {
  height: 40px;
}
.modal-post .modal-main {
  padding: 20px;
}
.modal-post-wrap {
  z-index: 1001;
}
.modal-post-wrap.active .modal {
  transform: translate(-50%, -50%);
}
.modal-address {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: auto;
}
@media all and (max-height: 768px) {
  .modal-address {
    height: calc(var(--vh, 1vh) * 100 - 40px);
  }
}
.modal-address .btn-close {
  right: -40px;
}
@media all and (max-width: 768px) {
  .modal-address .btn-close {
    right: -20px;
    width: 16px;
    aspect-ratio: 1/2;
  }
}
@media all and (max-width: 768px) {
  .modal-address .btn-close > img {
    width: 100%;
  }
}
.modal-address .modal-main {
  height: 100%;
  padding: 20px;
  overflow: hidden;
}
.modal-address .modal-main .bdModaslAdd-wrap {
  overflow-y: auto;
}
.modal-address-wrap.active .modal {
  transform: translate(-50%, -50%);
}
.modal-address-bd-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.modal-sub-menus {
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
  width: auto;
  height: auto;
  z-index: 9999;
  transition: all 0.5s;
  background: unset;
}
.modal-sub-menus-wrap {
  position: relative;
  display: block;
  top: unset;
  left: unset;
  width: auto;
  height: auto;
  background-color: unset;
}

@media all and (max-width: 1023px) {
  .modal-sub-menus-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: none;
  }
}
.modal-sub-menus-wrap.active .btn-close {
  display: none;
}
@media all and (max-width: 1023px) {
  .modal-sub-menus-wrap.active .btn-close {
    display: block;
  }
}
.modal-sub-menus-wrap.active .modal-main {
  margin-left: 0;
}
.modal-sub-menus-wrap.close {
  display: block !important;
}
@media all and (max-width: 1023px) {
  .modal-sub-menus-wrap.close {
    display: none !important;
  }
}
.modal-sub-menus-wrap .btn-close {
  display: none;
  right: unset;
  left: 236px;
  width: 20px;
}
.modal-sub-menus-wrap .btn-close img {
  width: 100%;
}
.modal-sub-menus-wrap .modal-main {
  height: calc(var(--vh, 1vh) * 100);
  background-color: #fff;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.modal-sub-menus-wrap .modal-main::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
.modal-sub-menus-wrap .modal-main::-webkit-scrollbar-track-piece {
  background: transparent;
}
.modal-sub-menus-wrap .modal-main::-webkit-scrollbar-track {
  border-radius: 800px;
  background-color: transparent;
}
.modal-sub-menus-wrap .modal-main::-webkit-scrollbar-thumb {
  border-radius: 800px;
  background-color: transparent;
}

.wrap-typeFaq .modal-sub-menus-wrap .modal-main,
.wrap-typeBoard .modal-sub-menus-wrap .modal-main {
  height: auto;
}
@media all and (max-width: 1023px) {
  .modal-sub-menus-wrap .modal-main {
    max-width: 226px;
    margin-left: -226px;
    transition: margin 0.3s;
  }
}
.modal-id {
  display: flex;
  flex-direction: column;
}
.modal-id-wrap.active {
  display: block;
}
.modal-id-wrap .modal-main {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  word-break: keep-all;
  line-height: 1.4;
}
.modal-id-wrap .modal-main strong {
  font-size: 18px;
}

/* swiper 공통 */
.swiper .swiper-wrapper {
  height: auto;
}
.swiper-btn-prev, .swiper-btn-next {
  width: 8px;
  height: 15px;
}
.swiper-btn-prev.swiper-button-lock, .swiper-btn-next.swiper-button-lock {
  opacity: 0.4;
}
.swiper-btn-prev {
  background: url("./assets/images/user/common/icon-swiper-arrow-left-black.svg");
}
.swiper-btn-next {
  background: url("./assets/images/user/common/icon-swiper-arrow-right-black.svg");
}
.swiper-controller {
  display: flex;
  align-items: center;
  gap: 1.7rem;
}
.swiper-paginations {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.swiper-pagination-fraction {
  font-variant-numeric: tabular-nums;
}
.swiper-pagination-progressbar.swiper-pagination {
  --swiper-pagination-progressbar-size: 2px;
  --swiper-pagination-color: #001300;
  --swiper-pagination-progressbar-bg-color: #E9E9E9;
  width: 100%;
  max-width: 24.5rem;
}
@media all and (max-width: 768px) {
  .swiper-pagination-progressbar.swiper-pagination {
    max-width: 12rem;
  }
}
.swiper-pagination-current, .swiper-pagination-total {
  display: block;
}
.swiper-zoomin-btn-wrap {
  margin-left: auto;
}
.swiper-startup-detail-intro .swiper-slide {
  aspect-ratio: 16/9;
  max-height: calc(var(--vh, 1vh) * 100);
}
.swiper-startup-detail-intro .swiper-slide img, .swiper-startup-detail-intro .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* //swiper 공통 */
.ui-helper-zfix {
  filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-button {
  -moz-user-select: none;
  -ms-user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-datepicker {
  padding: unset;
}
.ui-datepicker table {
  margin: unset;
}
.ui-datepicker th {
  font-family: "Malgun Gothic";
  color: #333;
}
.ui-datepicker th:first-child {
  color: #ed341b;
}
.ui-datepicker th:last-child {
  color: #3579d4;
}
.ui-datepicker th:nth-of-type(1) a {
  color: #ed341b;
}
.ui-datepicker th:nth-of-type(1) a.ui-state-active {
  color: #fff;
}
.ui-datepicker th:nth-of-type(1) a:hover {
  color: #fff;
}
.ui-datepicker th:nth-of-type(7) a {
  color: #3579d4;
}
.ui-datepicker th:nth-of-type(7) a.ui-state-active {
  color: #fff;
}
.ui-datepicker th:nth-of-type(7) a:hover {
  color: #fff;
}
.ui-datepicker td a {
  padding: 0.5em 0.5em 0.6em 0.4em;
  font-family: "Verdana", sans-serif;
  text-align: center;
}
.ui-datepicker .ui-datepicker-header {
  padding: 0.7em 0;
  margin: -0.5em -0.5em 0.3em;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 13px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 5px;
}
.ui-datepicker .ui-datepicker-prev span {
  background: url("/images/user/jquery/date_prev_off.png") no-repeat 0 0;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 5px;
}
.ui-datepicker .ui-datepicker-next span {
  background: url("/images/user/jquery/date_next_off.png") no-repeat 0 0;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}
.ui-datepicker .ui-datepicker-title {
  line-height: 2.3em;
  font-weight: 600;
  color: #333;
  font-family: "Verdana", "Malgun Gothic";
}
.ui-datepicker .ui-datepicker-title select {
  height: auto !important;
  margin: 1px 0 0;
  padding: 3px;
  border: 1px solid #c2c2c2;
  vertical-align: 0;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  width: 43%;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month {
  margin-left: 4px;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  margin-right: 2px;
}

.ui-draggable-handle {
  -ms-touch-action: none;
}

.ui-resizable-handle {
  -ms-touch-action: none;
}

.ui-selectable {
  -ms-touch-action: none;
}

.ui-slider .ui-slider-handle {
  cursor: default;
  -ms-touch-action: none;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-sortable-handle {
  -ms-touch-action: none;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Malgun Gothic";
  font-size: 1em;
}

#slider-range.ui-widget.ui-widget-content {
  border: 0;
  border-radius: 0;
  background: #757575;
  margin-top: 0;
  padding: 0;
  position: relative;
}

#slider-range.ui-widget.ui-widget-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}

#ui-datepicker-div.ui-widget.ui-widget-content {
  border: 1px solid #aaa;
  border-radius: 3px;
  background: #fff;
  margin-top: 5px;
  padding: 0.5em;
  position: relative;
  z-index: 10 !important;
}

.ui-widget.ui-widget-content:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
  display: none;
}

.ui-widget-header {
  border: unset;
  border-bottom: 1px solid #dcdcdc;
  background: unset;
  color: #333333;
  font-weight: unset;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: unset;
  background: unset;
  font-weight: normal;
  color: #454545;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: unset;
  background: #757575;
  color: #fff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: unset;
  background: #00a6a6;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: unset;
  background: #e8ebef;
  color: #454545;
}

/* states and images */
.ui-widget-header .ui-icon {
  background-image: unset;
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0px;
}

/* Overlays */
.ui-widget-overlay {
  opacity: 0.003;
  filter: Alpha(Opacity=0.3); /* support: IE8 */
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
}

.leftFrame {
  display: none;
}

/* 상품 더보기 아이콘 */
#hiddenIcon185 {
  top: 55px;
  left: 0px;
}

#hiddenIcon185 span + span + span + span + span {
  margin-top: 3px;
}

.prod_soldOut {
  top: 20px;
  left: 20px;
  display: none;
  width: 48px;
  height: 48px;
  background: #fff;
  border: 2px solid #b4b4b4;
  border-radius: 50%;
  font-family: "Verdana", Malgun Gothic;
  font-weight: bold;
  font-size: 12px;
  color: #888888;
  letter-spacing: -0.08em;
}
.prod_soldOut.active {
  display: block;
}

.icon_event {
  line-height: 45px;
  text-align: center;
}

.icon_event1 {
  background: #fff;
  border: 2px solid #fb8e8c;
  color: #fb8e8c;
}

.icon_event2 {
  background: #fff;
  border: 2px solid #001e41;
  color: #001e41;
}

.icon_event3 {
  background: #fff;
  border: 2px solid #0dac59;
  color: #0dac59;
}

.icon_event4 {
  background: #fff;
  border: 2px solid #e33886;
  color: #e33886;
}

.icon_event5 {
  background: #fff;
  border: 2px solid #bf6dd8;
  color: #bf6dd8;
}

.icon_event6 {
  background: #fff;
  border: 2px solid #bda474;
  color: #bda474;
}

.icon_event7 {
  background: #fff;
  border: 2px solid #51bec0;
  color: #39b5b7;
}

.icon_event8 {
  background: #fff;
  border: 2px solid #f88122;
  color: #f88122;
}

span.icon_event9 {
  cursor: pointer;
  background: #fff;
  border: 2px solid #9e9e9e;
  color: #9e9e9e;
  letter-spacing: -0.4em;
  padding-right: 4px;
}

label.icon_event9 {
  cursor: pointer;
}

.prodList_icon {
  position: absolute;
  top: 21px;
  left: 21px;
  float: left;
  margin-right: 7px;
  margin-top: 5px;
}
.prodList_icon.active {
  background: #fff;
  border: 1px solid #d5d5d5;
  padding: 30px;
  width: 100%;
  z-index: 1;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}
.prodList_icon.active span {
  float: left;
  margin-right: 7px;
  margin-top: 5px;
}
.prodList_icon.active span.icon_event9 {
  display: none;
}

div.prod_view_list_left .prodDetail_icons.active {
  background: #fff;
  border: 1px solid #d5d5d5;
  padding: 30px;
  width: 100%;
  z-index: 1;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}

a, input, select, button {
  vertical-align: middle;
}

.boardTable table {
  font-size: 13px;
  letter-spacing: -0.52px;
}

div.boardTable table tr td a {
  position: relative;
}
div.boardTable table tr td a span.noticeIcon {
  flex: 0 0 25px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  aspect-ratio: 1/1;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  border-radius: 50%;
  background: #474747;
}

div.boardTable table tr td a span.lock {
  margin-right: unset;
}

div.boardSearch select {
  padding-right: 30px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(/images/user/main/select_arrow.png) no-repeat 90% 50%;
  background-size: 7px 4px;
  border-radius: 3px;
  padding: 5px 8px;
  font-family: "Malgun Gothic";
  font-size: 14px;
  color: #666666;
}

div.board div.boardPaging ul li.pagingCurrent a, div.board div.boardPaging ul li.pagingCurrent strong {
  color: #fff;
  border: 1px solid #474747;
  background: #474747;
}
div.board div.boardPaging ul li a, div.board div.boardPaging ul li strong {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  color: #888;
  border: 1px solid #d2d2d2;
  width: 32px;
  height: 32px;
  line-height: 29px;
  border-radius: 3px;
}

div.boardPaging ul li a:has(i.la) {
  padding-top: 1px;
}

div.boardPaging ul li a i.la {
  font-size: 12px !important;
  letter-spacing: 0;
}

@media screen and (min-width: 770px) {
  div.boardPaging ul li.pagingPrev, div.boardPaging ul li.pagingNext, div.boardPaging ul li.pagingFirst, div.boardPaging ul li.pagingLast {
    display: inline-block;
  }
}

@media all and (max-width: 1023px) {
  .table_hidden_1024_th, .table_hidden_1024_td {
    display: none;
  }
}

@media all and (max-width: 509px) {
  .table_hidden_500_th, .table_hidden_500_td {
    display: none;
  }
}

.table_block_1024_td {
  display: none;
}
@media all and (max-width: 1023px) {
  .table_block_1024_td {
    display: block;
  }
}

.table_block_500_td {
  display: none;
}
@media all and (max-width: 509px) {
  .table_block_500_td {
    display: block;
  }
}

@media all and (max-width: 1023px) {
  .table_block_1024_td span, .table_block_500_td span {
    color: #999 !important;
    font-weight: normal;
  }
}

div.new_tab_boardMenu {
  text-align: center;
}

div.boardFaq > ul > li > div.answer {
  display: block;
  overflow: hidden;
  height: 0;
  border-top-width: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition: all 0.3s;
}
div.boardFaq > ul > li > div.answer.active {
  border-top-width: 1px;
}

div.viewContent .video {
  display: block;
  width: 100%;
  height: 100%;
}
div.viewContent .video-wrap {
  aspect-ratio: 16/9;
}

ul.boardFieldset > li > label,
ul.boardFieldset > li > span.label {
  font-size: 13px;
}

.width_5px {
  width: 5px !important;
}

.width_10px {
  width: 10px !important;
}

.width_15px {
  width: 15px !important;
}

.width_20px {
  width: 20px !important;
}

.width_25px {
  width: 25px !important;
}

.width_30px {
  width: 30px !important;
}

.width_35px {
  width: 35px !important;
}

.width_40px {
  width: 40px !important;
}

.width_45px {
  width: 45px !important;
}

.width_50px {
  width: 50px !important;
}

.width_55px {
  width: 55px !important;
}

.width_60px {
  width: 60px !important;
}

.width_65px {
  width: 65px !important;
}

.width_70px {
  width: 70px !important;
}

.width_75px {
  width: 75px !important;
}

.width_80px {
  width: 80px !important;
}

.width_85px {
  width: 85px !important;
}

.width_90px {
  width: 90px !important;
}

.width_95px {
  width: 95px !important;
}

.width_100px {
  width: 100px !important;
}

.width_105px {
  width: 105px !important;
}

.width_110px {
  width: 110px !important;
}

.width_115px {
  width: 115px !important;
}

.width_120px {
  width: 120px !important;
}

.width_125px {
  width: 125px !important;
}

.width_130px {
  width: 130px !important;
}

.width_135px {
  width: 135px !important;
}

.width_140px {
  width: 140px !important;
}

.width_145px {
  width: 145px !important;
}

.width_150px {
  width: 150px !important;
}

.width_155px {
  width: 155px !important;
}

.width_160px {
  width: 160px !important;
}

.width_165px {
  width: 165px !important;
}

.width_170px {
  width: 170px !important;
}

.width_175px {
  width: 175px !important;
}

.width_180px {
  width: 180px !important;
}

.width_185px {
  width: 185px !important;
}

.width_190px {
  width: 190px !important;
}

.width_195px {
  width: 195px !important;
}

.width_200px {
  width: 200px !important;
}

.width_205px {
  width: 205px !important;
}

.width_210px {
  width: 210px !important;
}

.width_215px {
  width: 215px !important;
}

.width_220px {
  width: 220px !important;
}

.width_225px {
  width: 225px !important;
}

.width_230px {
  width: 230px !important;
}

.width_235px {
  width: 235px !important;
}

.width_240px {
  width: 240px !important;
}

.width_245px {
  width: 245px !important;
}

.width_250px {
  width: 250px !important;
}

.width_255px {
  width: 255px !important;
}

.width_260px {
  width: 260px !important;
}

.width_265px {
  width: 265px !important;
}

.width_270px {
  width: 270px !important;
}

.width_275px {
  width: 275px !important;
}

.width_280px {
  width: 280px !important;
}

.width_285px {
  width: 285px !important;
}

.width_290px {
  width: 290px !important;
}

.width_295px {
  width: 295px !important;
}

.width_300px {
  width: 300px !important;
}

.width_305px {
  width: 305px !important;
}

.width_310px {
  width: 310px !important;
}

.width_315px {
  width: 315px !important;
}

.width_320px {
  width: 320px !important;
}

.width_325px {
  width: 325px !important;
}

.width_330px {
  width: 330px !important;
}

.width_335px {
  width: 335px !important;
}

.width_340px {
  width: 340px !important;
}

.width_345px {
  width: 345px !important;
}

.width_350px {
  width: 350px !important;
}

.width_355px {
  width: 355px !important;
}

.width_360px {
  width: 360px !important;
}

.width_365px {
  width: 365px !important;
}

.width_370px {
  width: 370px !important;
}

.width_375px {
  width: 375px !important;
}

.width_380px {
  width: 380px !important;
}

.width_385px {
  width: 385px !important;
}

.width_390px {
  width: 390px !important;
}

.width_395px {
  width: 395px !important;
}

.width_400px {
  width: 400px !important;
}

.width_405px {
  width: 405px !important;
}

.width_410px {
  width: 410px !important;
}

.width_415px {
  width: 415px !important;
}

.width_420px {
  width: 420px !important;
}

.width_425px {
  width: 425px !important;
}

.width_430px {
  width: 430px !important;
}

.width_435px {
  width: 435px !important;
}

.width_440px {
  width: 440px !important;
}

.width_445px {
  width: 445px !important;
}

.width_450px {
  width: 450px !important;
}

.width_455px {
  width: 455px !important;
}

.width_460px {
  width: 460px !important;
}

.width_465px {
  width: 465px !important;
}

.width_470px {
  width: 470px !important;
}

.width_475px {
  width: 475px !important;
}

.width_480px {
  width: 480px !important;
}

.width_485px {
  width: 485px !important;
}

.width_490px {
  width: 490px !important;
}

.width_495px {
  width: 495px !important;
}

.width_500px {
  width: 500px !important;
}

.width_505px {
  width: 505px !important;
}

.width_510px {
  width: 510px !important;
}

.width_515px {
  width: 515px !important;
}

.width_520px {
  width: 520px !important;
}

.width_525px {
  width: 525px !important;
}

.width_530px {
  width: 530px !important;
}

.width_535px {
  width: 535px !important;
}

.width_540px {
  width: 540px !important;
}

.width_545px {
  width: 545px !important;
}

.width_550px {
  width: 550px !important;
}

.width_555px {
  width: 555px !important;
}

.width_560px {
  width: 560px !important;
}

.width_565px {
  width: 565px !important;
}

.width_570px {
  width: 570px !important;
}

.width_575px {
  width: 575px !important;
}

.width_580px {
  width: 580px !important;
}

.width_585px {
  width: 585px !important;
}

.width_590px {
  width: 590px !important;
}

.width_595px {
  width: 595px !important;
}

.width_600px {
  width: 600px !important;
}

.width_605px {
  width: 605px !important;
}

.width_610px {
  width: 610px !important;
}

.width_615px {
  width: 615px !important;
}

.width_620px {
  width: 620px !important;
}

.width_625px {
  width: 625px !important;
}

.width_630px {
  width: 630px !important;
}

.width_635px {
  width: 635px !important;
}

.width_640px {
  width: 640px !important;
}

.width_645px {
  width: 645px !important;
}

.width_650px {
  width: 650px !important;
}

.width_655px {
  width: 655px !important;
}

.width_660px {
  width: 660px !important;
}

.width_665px {
  width: 665px !important;
}

.width_670px {
  width: 670px !important;
}

.width_675px {
  width: 675px !important;
}

.width_680px {
  width: 680px !important;
}

.width_685px {
  width: 685px !important;
}

.width_690px {
  width: 690px !important;
}

.width_695px {
  width: 695px !important;
}

.width_700px {
  width: 700px !important;
}

.width_5pe {
  width: 5% !important;
}

.width_7pe {
  width: 7% !important;
}

.width_10pe {
  width: 10% !important;
}

.width_13pe {
  width: 13% !important;
}

.width_15pe {
  width: 15% !important;
}

.width_17pe {
  width: 17% !important;
}

.width_20pe {
  width: 20% !important;
}

.width_23pe {
  width: 23% !important;
}

.width_25pe {
  width: 25% !important;
}

.width_27pe {
  width: 27% !important;
}

.width_30pe {
  width: 30% !important;
}

.width_33pe {
  width: 33% !important;
}

.width_35pe {
  width: 35% !important;
}

.width_37pe {
  width: 37% !important;
}

.width_40pe {
  width: 40% !important;
}

.width_43pe {
  width: 43% !important;
}

.width_45pe {
  width: 45% !important;
}

.width_47pe {
  width: 47% !important;
}

.width_50pe {
  width: 50% !important;
}

.width_53pe {
  width: 53% !important;
}

.width_55pe {
  width: 55% !important;
}

.width_57pe {
  width: 57% !important;
}

.width_60pe {
  width: 60% !important;
}

.width_63pe {
  width: 63% !important;
}

.width_65pe {
  width: 65% !important;
}

.width_67pe {
  width: 67% !important;
}

.width_70pe {
  width: 70% !important;
}

.width_73pe {
  width: 73% !important;
}

.width_75pe {
  width: 75% !important;
}

.width_77pe {
  width: 77% !important;
}

.width_80pe {
  width: 80% !important;
}

.width_83pe {
  width: 83% !important;
}

.width_85pe {
  width: 85% !important;
}

.width_87pe {
  width: 87% !important;
}

.width_90pe {
  width: 90% !important;
}

.width_93pe {
  width: 93% !important;
}

.width_95pe {
  width: 95% !important;
}

.width_97pe {
  width: 97% !important;
}

.width_99pe {
  width: 99% !important;
}

.width_100pe {
  width: 100% !important;
}

.event_type .event_list ul li div.left {
  position: relative;
  float: unset;
  width: unset;
  height: 100%;
  overflow: hidden;
}
@media all and (max-width: 768px) {
  .event_type .event_list ul li div.left {
    width: 100%;
    height: 300px;
  }
}

.event_type .event_list ul li div.right {
  position: relative;
  float: unset;
  width: unset;
  height: 100%;
  overflow: hidden;
}
@media all and (max-width: 768px) {
  .event_type .event_list ul li div.right {
    width: 100%;
  }
}

.event_type .event_list ul li div.right div {
  position: relative;
  top: unset;
  transform: unset;
  left: unset;
  width: unset;
}

.event_type .event_list ul li div.right a {
  font-family: "NanumEB";
  font-size: 22px;
  color: #000;
  display: block;
  letter-spacing: -0.05em;
  line-height: 1.3;
  width: 80%;
  transition: all 0.3s;
}

.event_type .event_list ul li div.right p {
  font-size: 14px;
  color: #8b8b8b;
  margin-top: 12px;
  letter-spacing: -0.05em;
  line-height: 1.3;
  padding-right: 0;
}

div.terms {
  height: 470px;
  overflow-y: auto;
  margin-top: 15px;
  padding: 14px;
  line-height: 21px;
  border: 1px solid #474747;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
}
div.terms::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
div.terms::-webkit-scrollbar-track-piece {
  background: transparent;
}
div.terms::-webkit-scrollbar-track {
  border-radius: 800px;
  background-color: transparent;
}
div.terms::-webkit-scrollbar-thumb {
  border-radius: 800px;
  background-color: transparent;
}
div.terms::-webkit-scrollbar {
  width: 8px;
}
div.terms::-webkit-scrollbar-track {
  box-shadow: none;
}
div.terms::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
}

ul.board_form {
  margin-top: 15px;
}

ul.board_form > li {
  padding-top: 20px;
}

.join_common ul li label {
  cursor: pointer;
}

.join_common ul li > label {
  font-family: "NotoKrM";
  font-size: 15px;
  font-weight: normal;
}

ul.board_form li > label {
  margin-top: 0 !important;
  display: block;
  padding-bottom: 10px;
  font-family: "Malgun Gothic";
  font-size: 14px;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.025em;
}

ul.board_form > li div:nth-of-type(1) {
  padding-top: 0;
}

ul.board_form > li div.withButton {
  padding-right: 155px;
}

ul.board_form > li div {
  padding-top: 10px;
}

ul.board_form > li div {
  position: relative;
}

.join_common ul li:nth-child(6) {
  padding-top: 30px;
}

.join_common ul li:nth-child(7) {
  padding-top: 30px;
}

ul.board_form > li label span {
  color: #ed1b24;
}

ul.board_form > li i {
  color: #000;
}

ul.board_form > li div input[type=text], ul.board_form > li div input[type=password] {
  width: 100%;
  padding: 12px 14px 16px 14px;
  font-family: "Verdana", Malgun Gothic;
  font-size: 14px;
  letter-spacing: -0.025em;
  border: 1px solid #d5d5d5;
}

ul.board_form > li div input[type=button] {
  position: absolute;
  right: 0;
  top: 0;
  width: 145px;
  padding: 16px 0;
  color: #fff;
  border: 1px solid #474747;
  background: #474747;
}

.join_placeholder {
  display: block;
  margin-top: 7px;
  line-height: 18px;
  letter-spacing: -0.05em;
}

.join_common ul li label {
  cursor: pointer;
}

.join_common ul li > label {
  font-family: "NotoKrM";
  font-size: 15px;
  font-weight: normal;
}

ul.board_form li > label {
  margin-top: 0 !important;
  display: block;
  padding-bottom: 10px;
  font-family: "Malgun Gothic";
  font-size: 14px;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.025em;
}

ul.board_form > li div input[type=text], ul.board_form > li div input[type=password] {
  width: 100%;
  padding: 12px 14px 16px 14px;
  font-family: "Verdana", Malgun Gothic;
  font-size: 14px;
  letter-spacing: -0.025em;
  border: 1px solid #d5d5d5;
}

ul.board_form > li div.withButton {
  padding-right: 155px;
}

ul.board_form > li div input[type=button] {
  position: absolute;
  right: 0;
  top: 0;
  width: 145px;
  padding: 16px 0;
  color: #fff;
  border: 1px solid #474747;
  background: #474747;
}

.radio_style input[type=radio] {
  display: none;
}

.join_common ul li:nth-child(6) label:nth-of-type(2) {
  margin-right: 15px;
}

.join_common ul li:nth-child(6) label:nth-of-type(2), .join_common ul li:nth-child(6) label:nth-of-type(4) {
  margin-left: 3px;
  color: #666666;
}

#birth_year {
  width: 77px;
}

#birth_month, #birth_day {
  width: 60px;
}

.join_common ul li:nth-child(7) input[type=text] {
  width: 77px;
  float: left;
  margin-right: 10px;
}

.join_common ul li:nth-child(8) input[type=text] {
  width: 77px;
  float: left;
  margin-right: 10px;
}

ul.board_form > li div input[type=button] {
  position: absolute;
  right: 0;
  top: 0;
  width: 145px;
  padding: 16px 0;
  color: #fff;
  border: 1px solid #474747;
  background: #474747;
}

@media screen and (min-width: 768px) {
  ul.board_form > li {
    position: relative;
    padding-left: 150px;
    overflow: hidden;
  }
  ul.board_form li > label {
    position: absolute;
    left: 0;
    top: 35px;
    z-index: 1;
  }
  ul.board_form li div.sms {
    position: absolute;
    right: 120px;
    top: 34px;
    padding-top: 0;
  }
  ul.board_form li div.sms label:nth-of-type(1) {
    margin-right: 3px;
  }
}
@media screen and (min-width: 500px) {
  ul.board_form > li div input[type=text], ul.board_form > li div input[type=password] {
    padding: 15px 14px 13px 14px;
  }
  ul.board_form > li div input[type=button], ul.board_form > li div #chkCuCode, ul.board_form > li div #checkNickNameDupButton {
    line-height: 0;
    padding: 23px 0 21px;
  }
  ul.board_form > li:nth-child(9) .checkbox_style label:nth-of-type(2) {
    margin-left: 4px;
  }
}
.idi_footer {
  margin-top: 90px;  
}

.wrap-typeMain .idi_footer {
  margin-top: 0px;  
}

.main-sect.sect-visual {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.main-sect.sect-visual > .layout {
  /* max-width: 1920px; */
  max-width: unset;
  padding: 0;
}
@media all and (max-width: 1023px) {
  .main-sect.sect-care .main-sect-care {
    padding-bottom: 46px;
  }
}
.main-sect-tit {
  font-family: "play_basicRI", sans-serif;
  font-size: 36px;
  color: #000;
  text-align: center;
  padding: 76px 0 62px;
  letter-spacing: 0.02em;
}
@media all and (max-width: 509px) {
  .main-sect-tit {
    padding: 40px 0 30px;
    font-size: 28px;
  }
}
.main-news {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, minmax(280px, 1fr));
  gap: 40px;
}
@media all and (max-width: 1023px) {
  .main-news {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto 280px;
    gap: 20px;
  }
}
.main-news-box {
  cursor: pointer;
  border: 1px solid #d9d9d9;
  transition: border 0.3s;
}
.main-news-box.event .main-news-box-img {
  width: 100%;
  height: 280px;
}
.main-news-box.event .main-news-box-cont {
  padding: 30px 27px 94px;
}
.main-news-box.event .main-news-box-cate {
  border: 1px solid #474747;
  padding: 8px 20px;
}
.main-news-box.event .main-news-box-cate .icon {
  display: none;
}
.main-news-box.event .main-news-box-cate .txt {
  font-family: "play_basicRI", sans-serif;
  font-size: 16px;
  color: #474747;
  letter-spacing: 0.03em;
  text-transform: capitalize;
}
.main-news-box.event .main-news-box-tit {
  font-family: "NotoKR", sans-serif;
  font-size: 19px;
  color: #000;
  line-height: 25px;
  margin: 29px 0 15px;
}
.main-news-box.event .main-news-box-desc {
  width: auto;
  height: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: "Verdana", Malgun Gothic;
  font-size: 16px;
  color: #666666;
  line-height: 25px;
  margin-bottom: 20px;
}
.main-news-box.event .main-news-box-day {
  margin-top: 3px;
}
.main-news-box.event .main-news-box-day .icon > img {
  vertical-align: -6px;
  display: inline-block;
  width: 61px;
}
.main-news-box.event .main-news-box-day .txt {
  display: inline-block;
  font-family: "Verdana", Malgun Gothic;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0.01em;
}
.main-news-box.blog {
  display: flex;
  flex-direction: column;
  padding: 26px 26px 23px;
  overflow: hidden;
}
.main-news-box.blog .main-news-box-cont {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.main-news-box.blog .main-news-box-cate .icon {
  width: 40px;
}
.main-news-box.blog .main-news-box-cate .icon > img {
  width: 100%;
}
.main-news-box.blog .main-news-box-cate .txt {
  display: none;
}
.main-news-box.blog .main-news-box-tit {
  position: relative;
  font-family: "Verdana", "Malgun Gothic";
  font-weight: bold;
  font-size: 16px;
  color: #000;
  margin: 18px 0 21px;
}
.main-news-box.blog .main-news-box-desc {
  width: auto;
  font-family: "Verdana", Malgun Gothic;
  font-size: 14px;
  color: #666666;
  line-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.main-news-box.blog .main-news-box-day {
  margin-top: auto;
}
.main-news-box.blog .main-news-box-day .txt {
  display: block;
  font-family: "pt_sans_c";
  font-size: 11px;
  color: #666666;
  letter-spacing: 0.05em;
}
.main-news-box:hover {
  border-color: #474747;
}
.main-news-box1x {
  grid-column: span 1;
  grid-row: span 1;
}
@media all and (max-width: 1023px) {
  .main-news-box1x {
    grid-row: span 1;
  }
}
.main-news-box2x {
  grid-column: span 2;
  grid-row: span 2;
}
@media all and (max-width: 1023px) {
  .main-news-box2x {
    grid-row: span 1;
  }
}
.main-news-box-img {
  position: relative;
  overflow: hidden;
}
.main-news-box-img > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  min-width: 100%;
  min-height: 100%;
}
.main-news-box-cate {
  display: inline-block;
}
.main-news-box-cate .icon {
  display: block;
}
.main-news-box-tit {
  display: flex;
  align-items: center;
  gap: 6px;
}
.main-news-box-tit .txt {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-news-box-tit .icon.new {
  display: none;
  vertical-align: -1px;
  margin-right: 5px;
}
.main-news-box-tit .icon.new.active {
  display: block;
}
.main-news-box-tit .icon.new > img {
  width: 18px;
}
@media all and (max-width: 1023px) {
  .main-news-box-tit .icon.new > img {
    width: 14px;
  }
}
.main-news-box-day {
  margin-top: 3px;
}
.main-news-box-day .icon > img {
  vertical-align: -6px;
  display: inline-block;
  width: 61px;
}
.main-news-box-day .txt {
  display: inline-block;
  font-family: "Verdana", Malgun Gothic;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0.01em;
}

.m_swiper_round_btn {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: #bababa;
  transition: all 0.3s;
  margin: 0 2px;
  position: relative;
}
.m_swiper_round_btn.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
aa .m_swiper_round_btn:hover {
  background-color: #474747;
}
.m_swiper_round_btn.prev span {
  transform-origin: 0 0;
  left: 20px;
  top: 50%;
}
.m_swiper_round_btn.prev span:first-child {
  transform: rotate(-45deg);
  left: 19px;
}
.m_swiper_round_btn.prev span:last-child {
  transform: rotate(45deg);
}
.m_swiper_round_btn.next span {
  transform-origin: 100% 0;
  right: 18px;
  top: 50%;
}
.m_swiper_round_btn.next span:first-child {
  transform: rotate(-45deg);
  right: 19px;
}
.m_swiper_round_btn.next span:last-child {
  transform: rotate(45deg);
}
.m_swiper_round_btn span {
  display: block;
  width: 10px;
  height: 2px;
  border-top: 1px solid #fff;
  transition: all 0.3s;
  position: absolute;
  top: 48% !important;
}
.m_swiper_round_btns {
  position: absolute;
  z-index: 5;
}
.m_product {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  padding: 15px 30px 0 30px;
  overflow: hidden;
  background-color: #fff;
  transition: all 0.5s;
}
.m_product:hover .m_product_overlay {
  opacity: 1;
}
.m_product:hover .btns-prod {
  left: 50%;
  opacity: 1;
}
.m_product img {
  width: 90%;
  aspect-ratio: 1/1;
}
.m_products {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  aspect-ratio: 1/1;
  overflow: hidden;
}
.m_products::before, .m_products::after {
  content: "";
  position: absolute;
  z-index: 5;
}
.m_products::before {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  border-right: 1px solid #dbdbdb;
}
.m_products::after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  border-top: 1px solid #dbdbdb;
}
.m_product_overlay {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  opacity: 0;
  transition: opacity 0.3s;
}
.m_product_name {
  margin-top: 10px;
  display: block;
  font-family: "Verdana", Malgun Gothic;
  font-size: 14px;
  text-align: center;
  line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: #000;
}
.m_page {
  position: relative;
  display: flex;
  gap: 80px;
  width: 100%;
}
@media all and (max-width: 1289px) {
  .m_page {
    gap: 4rem;
  }
}
@media all and (max-width: 1023px) {
  .m_page {
    gap: 0;
  }
}
.m_page_rep_wrap {
  position: relative;
  flex: 1;
  height: 100%;
}
@media all and (max-width: 1023px) {
  .m_page_rep_wrap {
    flex: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16.9090909091rem;
  }
}
@media all and (max-width: 768px) {
  .m_page_rep_wrap {
    height: 245px;
  }
}
.m_page_rep_img {
  width: 100%;
}
@media all and (max-width: 1023px) {
  .m_page_rep_img {
    display: none;
  }
}
.m_page_rep_txt {
  position: absolute;
  top: 64px;
  left: 64px;
}
@media all and (max-width: 1023px) {
  .m_page_rep_txt {
    position: relative;
    left: unset;
    top: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}
.m_page_rep_txt h2 {
  font-family: "play_basicRI", sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
}
@media all and (max-width: 509px) {
  .m_page_rep_txt h2 {
    font-size: 12px;
  }
}
.m_page_rep_desc {
  margin-top: 34px;
}
@media all and (max-width: 1023px) {
  .m_page_rep_desc {
    display: flex;
    gap: 6px;
    margin-top: 24px;
  }
}
@media all and (max-width: 768px) {
  .m_page_rep_desc {
    flex-direction: column;
    gap: 0px;
  }
}
.m_page_rep_desc span {
  display: block;
  font-family: "NanumSquare", sans-serif;
  font-size: 3.4rem;
  line-height: 4.76rem;
  letter-spacing: -0.17rem;
  line-height: 4.6rem;
  color: #000;
}
@media all and (max-width: 768px) {
  .m_page_rep_desc span {
    font-size: 4.08rem;
    line-height: 5.712rem;
    letter-spacing: -0.204rem;
    line-height: 5.52rem;
  }
}
@media all and (max-width: 509px) {
  .m_page_rep_desc span {
    font-size: 3.6rem;
    line-height: 5.04rem;
    letter-spacing: -0.18rem;
    line-height: 4.5rem;
  }
}
.m_page_rep_desc span:not(:first-child) {
  font-weight: 700;
}
.m_page_btn {
  width: 37px;
  height: 37px;
}
.m_page_btn.prev span {
  transform-origin: 0 0;
  left: 16px;
  top: 50%;
}
.m_page_btn.prev span:first-child {
  left: 15px;
}
.m_page_btn.next span {
  right: 14px;
}
.m_page_btn.next span:first-child {
  right: 15px;
}
.m_page_btn.swiper-button-lock {
  display: none;
}
.m_page_btn span {
  width: 7px;
}
.m_page_list_img {
  position: relative;
  flex: 1 1 100px;
  max-width: 600px;
  overflow: hidden;
}
@media all and (max-width: 1023px) {
  .m_page_list_img {
    flex: unset;
    max-width: unset;
  }
}
.m_visual_swiper {
  /* max-width: 1920px; */
  margin: 0 auto;
  width: 100%;
}
.m_visual_swiper .swiper-slide {
  /* width: calc(100vw / 1920 * 500); */
  width: calc((100vw - 10px * 2) / 3 * 1.15);
  opacity: 0;
  transition-property: transform, opacity;
}
@media all and (max-width: 1921px) {
  .m_visual_swiper .swiper-slide {
    width: calc((1920px - 10px * 2) / 3 * 1.15);
  }
}
@media all and (max-width: 730px) {
  .m_visual_swiper .swiper-slide {
    width: 100%;
  }
}
.m_visual_swiper .swiper-slide-next {
  opacity: 1;
}
.m_visual_swiper .swiper-slide:where(.swiper-slide-active, .swiper-slide-prev, .swiper-slide-next) {
  opacity: 1;
}
.m_visual_swiper .swiper-slide a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  transition: transform .3s;
  padding: 0 3px;
}
@media all and (max-width: 1023px) {
  .m_visual_swiper .swiper-slide a {
    padding: 0px;
  }
}
.m_visual_swiper .swiper-slide-prev a {
  transform: translateY(-4%) skewY(-3deg);
}
.m_visual_swiper .swiper-slide-next a {
  transform: translateY(-4%) skewY(3deg);
}
.m_visual_swiper .swiper-slide .bg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, transparent);
  transition: background .3s, transform .3s;
  z-index: 1;
}
.m_visual_swiper .swiper-slide-prev .bg {
  transform: translate(-50%, -56%) skewY(-0deg) scale(1.1);
  background: linear-gradient(90deg, #ffffffb4, transparent);
}
.m_visual_swiper .swiper-slide-next .bg {
  transform: translate(-50%, -56%) scale(1.1);
  background: linear-gradient(270deg, #ffffffb4, transparent);
}
.m_visual_swiper .swiper-slide .image_title {
  position: absolute;
  left: 40px;
  bottom: 30px;
  z-index: 1;
  transition: transform .3s;
}

@media all and (max-width: 1023px) {
  .m_visual_swiper .swiper-slide .image_title {
    width: 47%;
    left: 5vw;
    bottom: 5vw;
  }

  .m_visual_swiper .swiper-slide .image_title img {
    display: block;
    width: 100%;
  }
}

@media all and (max-width: 520px) {
  .m_visual_swiper .swiper-slide .image_title {
    width: 70%;
  }
}

.m_visual_swiper .swiper-slide-prev .image_title {
  left: 60px;
}

.m_visual_swiper .swiper-slide .image_wrap {
  position: relative;
  height: 100%;
  transition: transform .3s;
}
.m_visual_swiper .swiper-slide .image_wrap::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 50%;
  bottom: 0px;
  left: 0px;
  background: linear-gradient(0deg, black, transparent);
  opacity: 0.4;
}
.m_visual_swiper .swiper-slide-prev .image_wrap {
  transform: translateY(-6%) scale(1.1);
}
.m_visual_swiper .swiper-slide-next .image_wrap {
  transform: translateY(-6%) scale(1.1);
}
.m_visual_swiper .image_wrap img {
  width: 100%;
  height: auto;
}
@media all and (max-width: 768px) {
  .m_visual_swiper_btn {
    display: none;
  }
}
.m_visual_swiper_btn.prev {
  left: 3%;
}
.m_visual_swiper_btn.next {
  right: 3%;
}
.m_visual_swiper_btn::after {
  display: none;
}
.m_best {
  position: relative;
}
@media all and (max-width: 768px) {
  .m_best {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 2.4rem;
  }
}
.m_best::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc((100% - 1200px) / 2 + 1200px - (100% - 1230px));
  width: calc((100% - 1200px) / 2 + 420px + 100px);
  height: 100%;
  background-color: #fff;
  z-index: 3;
}
@media all and (max-width: 1289px) {
  .m_best::before {
    width: calc(4rem + 420px + 100px);
  }
}
@media all and (max-width: 1023px) {
  .m_best::before {
    width: calc(4rem + 380px + 40px);
  }
}
@media all and (max-width: 768px) {
  .m_best::before {
    display: none;
  }
}
.m_best_content_wrap {
  position: relative;
  width: 1200px;
  height: 690px;
  margin: 0 auto;
}
@media all and (max-width: 1289px) {
  .m_best_content_wrap {
    padding-left: 4rem;
  }
}
@media all and (max-width: 1023px) {
  .m_best_content_wrap {
    height: calc(100vw - (4rem + 380px + 40px));
    min-height: 350px;
    padding-left: 2.1818181818rem;
  }
}
@media all and (max-width: 768px) {
  .m_best_content_wrap {
    width: 100%;
    padding-left: 0;
  }
}
.m_best_btns {
  bottom: 135px;
  left: 0;
}
@media all and (max-width: 1289px) {
  .m_best_btns {
    left: 4rem;
  }
}
@media all and (max-width: 1023px) {
  .m_best_btns {
    bottom: 2.1818181818rem;
  }
}
@media all and (max-width: 768px) {
  .m_best_btns {
    display: none;
  }
}
.m_best_txt_swiper {
  position: relative;
  width: 420px;
  height: 100%;
  margin: 0;
  z-index: 5;
  pointer-events: none;
}
@media all and (max-width: 1023px) {
  .m_best_txt_swiper {
    width: auto;
    max-width: 380px;
    min-height: 420px;
  }
}
@media all and (max-width: 768px) {
  .m_best_txt_swiper {
    width: 100%;
    max-width: unset;
    min-height: unset;
    pointer-events: unset;
  }
}
.m_best_txt_swiper p {
  margin-top: 30px;
  font-family: "NotoKrL";
  color: #666666;
  font-size: 21px;
  line-height: 32px;
  width: 420px;
  letter-spacing: -0.03em;
  height: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-bottom: 25px;
}
@media all and (max-width: 1023px) {
  .m_best_txt_swiper p {
    margin-top: 10px;
    width: 360px;
    height: 63px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media all and (max-width: 768px) {
  .m_best_txt_swiper p {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 12px;
  }
}
.m_best_txt_swiper span:nth-of-type(1) {
  margin-top: 0px;
  display: inline-block;
  color: #ed1b24;
  font-size: 31px;
}
@media all and (max-width: 1023px) {
  .m_best_txt_swiper span:nth-of-type(1) {
    font-size: 26px;
  }
}
@media all and (max-width: 768px) {
  .m_best_txt_swiper span:nth-of-type(1) {
    font-size: 17px;
  }
}
.m_best_txt_swiper span:nth-of-type(1).star_color_no {
  color: #cccccc;
}
.m_best_txt_swiper .swiper-slide {
  width: 100%;
  height: 100%;
}
.m_best_txt_swiper .m_best_name {
  cursor: pointer;
  font-family: "NanumSquare";
  font-weight: 700;
  font-size: 40px;
  color: #000;
  margin-top: 73px;
  line-height: 50px;
  width: 420px;
  height: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media all and (max-width: 1289px) {
  .m_best_txt_swiper .m_best_name {
    margin-top: 33px;
  }
}
@media all and (max-width: 1023px) {
  .m_best_txt_swiper .m_best_name {
    display: -webkit-box;
    width: 100%;
    height: 80px;
    display: inline-block;
    font-size: 30px;
    line-height: 40px;
    margin-top: 20px;
  }
}
@media all and (max-width: 768px) {
  .m_best_txt_swiper .m_best_name {
    height: auto;
    min-height: 60px;
    display: -webkit-box !important;
    font-size: 23px;
    line-height: 30px;
    text-overflow: ellipsis;
    margin-top: 15px;
    overflow: hidden;
  }
}
.m_best_txt_swiper .m_best_pay_list {
  margin-top: 43px;
}
@media all and (max-width: 1023px) {
  .m_best_txt_swiper .m_best_pay_list {
    margin-top: 15px;
  }
}
.m_best_txt_swiper .m_best_pay_list > li {
  float: left;
  position: relative;
  font-family: "Playfair Display SC", serif;
  font-size: 48px;
  color: #000;
}
.m_best_txt_swiper .m_best_pay_list > li:first-child {
  opacity: 0.5;
  font-size: 34px;
  margin-right: 28px;
  margin-top: 3px;
}
@media all and (max-width: 1023px) {
  .m_best_txt_swiper .m_best_pay_list > li:first-child {
    margin-right: 23px;
  }
}
@media all and (max-width: 768px) {
  .m_best_txt_swiper .m_best_pay_list > li:first-child {
    font-size: 20px;
    margin-right: 20px;
    margin-top: -2px;
  }
}
.m_best_txt_swiper .m_best_pay_list > li:first-child::before {
  content: "";
  position: absolute;
  top: 64%;
  /* transform: translateY(-50%); */
  width: 112%;
  height: 1px;
  background: #e0e0e0;
  z-index: 15;
}
.m_best_txt_swiper .m_best_pay_list > li:first-child::after {
  content: "";
  position: absolute;
  top: 17.3px;
  right: -13%;
  width: 6px;
  height: 11px;
  background: url("/images/user/common/arrow_last.png") no-repeat center center;
  background-size: 6px 11px;
}
.m_best_txt_swiper .m_best_pay_list > li:first-child strong {
  font-family: "NanumSquare";
  font-weight: 300;
  font-size: 21px;
  opacity: 0.5;
  font-weight: normal;
  margin-right: 5px;
}
.m_best_txt_swiper .m_best_pay_list > li:nth-child(2) {
  margin-top: -7px;
}
@media all and (max-width: 768px) {
  .m_best_txt_swiper .m_best_pay_list > li:nth-child(2) {
    font-size: 27px;
  }
}
.m_best_txt_swiper .m_best_pay_list > li:nth-child(2) strong {
  font-family: "NanumSquare";
  font-weight: 300;
  font-size: 30px;
  color: #000;
  margin-right: 5px;
}
.m_best_img_swiper {
  /* slide 너비 */
  position: absolute;
  /* layout 1200px 좌우 빈 간격의 하나에서 자기 슬라이드 width 만큼 하나 더 뺀다 */
  left: calc((100% - 1200px) / 2 + 1200px - (100% - 1230px));
  left: calc((100% - 1200px) / 2 + 420px + 100px);
  top: 0;
  width: calc(100% - 1230px);
  width: 100%;
  max-width: 690px;
  height: 100%;
  margin: 0;
  z-index: 1;
  overflow: visible;
}
@media all and (max-width: 1289px) {
  .m_best_img_swiper {
    left: calc(4rem + 420px + 100px);
    width: calc(100% - (4rem + 420px + 100px));
  }
}
@media all and (max-width: 1023px) {
  .m_best_img_swiper {
    left: calc(4rem + 380px + 40px);
    width: calc(100% - (4rem + 380px + 40px));
  }
}
@media all and (max-width: 768px) {
  .m_best_img_swiper {
    position: relative;
    left: unset;
    top: unset;
    width: 100%;
    height: auto;
  }
}
.m_best_img_swiper .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.m_best_img_swiper .swiper-slide img {
  width: 100%;
}
@media all and (max-width: 1023px) {
  .m_best_img_swiper .swiper-slide img {
    aspect-ratio: 1/1;
  }
}
.m_best_img_swiper .swiper-slide div:nth-child(2) img {
  display: block;
  text-align: center;
}
@media all and (max-width: 768px) {
  .m_care_line_container {
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
    overflow-x: auto;
  }
  .m_care_line_container::-webkit-scrollbar {
    width: 0px;
    background: transparent;
  }
  .m_care_line_container::-webkit-scrollbar-track-piece {
    background: transparent;
  }
  .m_care_line_container::-webkit-scrollbar-track {
    border-radius: 800px;
    background-color: transparent;
  }
  .m_care_line_container::-webkit-scrollbar-thumb {
    border-radius: 800px;
    background-color: transparent;
  }
  .m_care_line_container::-webkit-scrollbar {
    width: 8px;
  }
  .m_care_line_container::-webkit-scrollbar-track {
    box-shadow: none;
  }
  .m_care_line_container::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
.m_care_line_list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 0px 0 84px;
}
@media all and (max-width: 1023px) {
  .m_care_line_list {
    padding-bottom: 46px;
  }
}
@media all and (max-width: 768px) {
  .m_care_line_list {
    width: 720px;
  }
}
@media all and (max-width: 509px) {
  .m_care_line_list {
    width: 570px;
    padding: 70px 0 35px;
  }
}
.m_care_line_list > li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  width: 120px;
  position: relative;
  cursor: pointer;
}
@media all and (max-width: 509px) {
  .m_care_line_list > li {
    width: 570px;
  }
}
.m_care_line_list > li.active .m_care_line_name {
  background: #474747;
  color: #fff;
  letter-spacing: 0.05em;
}
.m_care_line_list > li.cleansing .m_care_line_img {
  margin-top: -65px;
  width: 20px;
  height: 46px;
}
.m_care_line_list > li.skin .m_care_line_img {
  margin-top: -65px;
  width: 22px;
  height: 46px;
}
.m_care_line_list > li.special .m_care_line_img {
  margin-top: -53px;
  width: 33px;
  height: 27px;
}
.m_care_line_list > li.premium .m_care_line_img {
  margin-top: -65px;
  width: 20px;
  height: 45px;
}
.m_care_line_list > li.bodyHair .m_care_line_img {
  margin-top: -65px;
  width: 23px;
  height: 43px;
}
.m_care_line_list > li > img {
  height: 45px;
}
.m_care_line_img {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 45px;
}
.m_care_line_img > img {
  height: 100%;
  object-fit: contain;
}
.m_care_line_name {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-family: "pt_sans_c";
  font-size: 13px;
  color: #666666;
  padding: 5px 16px;
  border-radius: 15px;
  transition: background 0.3s, color 0.3s, letter-spacing 0.3s;
}
.m_care_page:not(:has(.swiper .swiper-slide)) .m_care_btns {
  display: none;
}
@media all and (max-width: 1023px) {
  .m_care_page {
    flex-direction: column;
  }
}
@media all and (max-width: 1023px) {
  .m_care_rep_wrap:has(.m_care_rep_txt.cleansing) {
    background-color: #f7f1e7;
  }
  .m_care_rep_wrap:has(.m_care_rep_txt.skin) {
    background-color: #f5f6e8;
  }
  .m_care_rep_wrap:has(.m_care_rep_txt.special) {
    background-color: #faeee4;
  }
  .m_care_rep_wrap:has(.m_care_rep_txt.premium) {
    background-color: #f7e7ef;
  }
  .m_care_rep_wrap:has(.m_care_rep_txt.bodyHair) {
    background-color: #f8e9f7;
  }
}
.m_care_rep_txt.cleansing h2 {
  color: #b79c67;
}
.m_care_rep_txt.skin h2 {
  color: #009b41;
}
.m_care_rep_txt.special h2 {
  color: #fb872b;
}
.m_care_rep_txt.premium h2 {
  color: #d55b92;
}
.m_care_rep_txt.bodyHair h2 {
  color: #a528ae;
}
.m_care_btns {
  bottom: 265px;
  left: 61px;
}
@media all and (max-width: 1023px) {
  .m_care_btns {
    left: 50%;
    top: 77.5px;
    right: unset;
    bottom: unset;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    width: calc(100% - 4.3636363636rem);
  }
}
@media all and (max-width: 768px) {
  .m_care_btns {
    top: 122.5px;
  }
}
.m_care_list_swiper {
  width: 100%;
}
.m_care_list_swiper .swiper-slide {
  width: 100%;
  overflow: hidden;
}
.m_care_list_swiper .swiper-slide.swiper-slide-visible .m_product {
  opacity: 1;
}
.m_care_list_swiper .swiper-slide .m_product {
  opacity: 0;
}
.m_care_list_swiper .swiper-slide .m_product:nth-child(2n+1) {
  left: -50%;
}
.m_care_list_swiper .swiper-slide .m_product:nth-child(2n) {
  right: -50%;
}
.m_care_list_swiper .swiper-slide .m_product:nth-child(-n+2) {
  top: -50%;
}
.m_care_list_swiper .swiper-slide .m_product:nth-child(n+3) {
  bottom: -50%;
}
.m_care_list_swiper .swiper-slide-active .m_product:nth-child(2n+1) {
  left: 0%;
}
.m_care_list_swiper .swiper-slide-active .m_product:nth-child(2n) {
  right: 0%;
}
.m_care_list_swiper .swiper-slide-active .m_product:nth-child(-n+2) {
  top: 0%;
}
.m_care_list_swiper .swiper-slide-active .m_product:nth-child(n+3) {
  bottom: 0%;
}
.m_bia_page {
  flex-direction: row-reverse;
}
@media all and (max-width: 1023px) {
  .m_bia_page {
    flex-direction: column;
  }
}
@media all and (max-width: 1023px) {
  .m_bia_rep_wrap:has(.m_bia_rep_txt.coffee) {
    background-color: #e9e4dc;
  }
  .m_bia_rep_wrap:has(.m_bia_rep_txt.sample) {
    background-color: #fff;
  }
}
.m_bia_rep_txt.coffee h2 {
  color: #795039;
}
.m_bia_rep_txt.sample h2 {
  color: #000;
}
.m_bia_btns {
  right: 357px;
  bottom: 265px;
}
@media all and (max-width: 1023px) {
  .m_bia_btns {
    left: 50%;
    top: 77.5px;
    right: unset;
    bottom: unset;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    width: calc(100% - 4.3636363636rem);
  }
}
@media all and (max-width: 768px) {
  .m_bia_btns {
    top: 122.5px;
  }
}
.m_bia_list_swiper {
  width: 100%;
}
.m_bia_list_swiper .swiper-slide {
  width: 100%;
  overflow: hidden;
}
.m_bia_list_swiper .swiper-slide.swiper-slide-visible .m_product {
  opacity: 1;
}
.m_bia_list_swiper .swiper-slide .m_product {
  opacity: 0;
}
.m_bia_list_swiper .swiper-slide .m_product:nth-child(2n+1) {
  left: -50%;
}
.m_bia_list_swiper .swiper-slide .m_product:nth-child(2n) {
  right: -50%;
}
.m_bia_list_swiper .swiper-slide .m_product:nth-child(-n+2) {
  top: -50%;
}
.m_bia_list_swiper .swiper-slide .m_product:nth-child(n+3) {
  bottom: -50%;
}
.m_bia_list_swiper .swiper-slide-active .m_product:nth-child(2n+1) {
  left: 0%;
}
.m_bia_list_swiper .swiper-slide-active .m_product:nth-child(2n) {
  right: 0%;
}
.m_bia_list_swiper .swiper-slide-active .m_product:nth-child(-n+2) {
  top: 0%;
}
.m_bia_list_swiper .swiper-slide-active .m_product:nth-child(n+3) {
  bottom: 0%;
}
/* idi brand */
.m_brand {
  position: relative;
  width: 100%;
  height: 605px;
  margin-top: 100px;
}
@media all and (max-width: 1023px) {
  .m_brand {
    height: auto;
  }
}
@media all and (max-width: 509px) {
  .m_brand {
    margin-top: 60px;
  }
}

.m_brand > div:first-child {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
  background: #8c8e8b url(/images/user/main/m_brand_left.png) no-repeat -50px center;
  background-size: cover;
  padding: 90px 117px 98px 18%;
}
@media all and (max-width: 1919px) {
  .m_brand > div:first-child {
    padding: 90px 117px 98px 118px;
  }
}
@media all and (max-width: 1289px) {
  .m_brand > div:first-child {
    padding: 68px 57px;
  }
}
@media all and (max-width: 1023px) {
  .m_brand > div:first-child {
    float: none;
    width: 100%;
  }
}
@media all and (max-width: 509px) {
  .m_brand > div:first-child {
    padding: 36px 20px 40px;
    overflow: hidden;
  }
}

.m_brand > div:first-child h3 {
  letter-spacing: 0.07em;
  font-family: "play_basicRI", sans-serif;
  font-size: 16px;
  color: #d8d4ae;
}

.m_brand > div:first-child h4 {
  margin: 37px 0;
  font-family: "NanumSquare";
  font-size: 34px;
  color: #fff;
  line-height: 49px;
}
@media all and (max-width: 509px) {
  .m_brand > div:first-child h4 {
    text-align: center;
    font-size: 27px;
    line-height: 38px;
    margin: 27px 0 10px;
  }
}

.m_brand > div:first-child p {
  font-family: "Verdana", Malgun Gothic;
  font-size: 16px;
  color: #ffffff;
  line-height: 30px;
  width: 99%;
  max-width: 610px;
}
@media all and (max-width: 509px) {
  .m_brand > div:first-child p {
    font-size: 14px;
    line-height: 26px;
  }
}

.m_brand > div:first-child a {
  font-size: 16px;
  color: #fff;
  display: inline-block;
  padding: 15px 30px;
  border: 1px solid #fff;
  margin-top: 58px;
}
@media all and (max-width: 509px) {
  .m_brand > div:first-child a {
    float: right;
    margin-top: 20px;
    font-size: 13px;
    padding: 10px 21px;
    text-align: center;
    width: 100%;
  }
}

.m_brand > div:nth-child(2) {
  position: relative;
  float: right;
  width: 50%;
  height: 100%;
  background: url(/images/user/main/m_brand_right_test.png) no-repeat left center;
  /* background-size:cover; */
}
@media all and (max-width: 1023px) {
  .m_brand > div:nth-child(2) {
    display: none;
  }
}

.m_brand > div:nth-child(2) img {
  margin-left: -1px;
  height: 658px;
  object-fit: cover;
}

/* idi brand */
.sub-sect.sect-tit {
  padding-top: 86px;
}
.sub-sect.sect-container.sect-menus {
  flex: 0 0 226px;
}
@media all and (max-width: 1023px) {
  .sub-sect.sect-container.sect-menus {
    position: fixed;
    left: 0;
    top: 0;
    height: calc(var(--vh, 1vh) * 100);
    z-index: 99;
  }
}
.sub-sect.sect-container.sect-views {
  flex: 1;
  min-width: 0;
}
.sub-sect.sect-containers {
  padding-top: 46px;
}
.sub-tit-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub-tit-wrap:has(.sub-views-subtit) {
  padding-top: 15px;
}
.sub-tabs-li {
  cursor: pointer;
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 52px;
  border: 1px solid #dfdfdf;
  border-bottom-color: #474747;
  font-family: "NotoKR";
  font-weight: 500;
  font-size: 15px;
  color: #999999;
}
.sub-tabs-li.active {
  border: 1px solid #474747;
  border-bottom-color: transparent;
  color: #474747;
}
.sub-tabs-li.active:not(:first-child) {
  border: 1px solid #474747;
  border-bottom-color: transparent;
}
.sub-tabs-li:not(:first-child) {
  border-left-color: transparent;
}
.sub-tabs-list {
  display: flex;
  align-items: center;
  width: 100%;
}
@media all and (max-width: 768px) {
  .sub-tabs-list {
    width: 738px;
    padding: 0 15px;
  }
}
.sub-containers {
  display: flex;
  column-gap: 50px;
}
.sub-menu {
  cursor: pointer;
  position: relative;
  display: block;
  font-size: 13px;
}
.sub-menu::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.sub-menus.menutype-main:has(li.active) {
  background: #f9f9f9;
}
.sub-menus.menutype-main:has(li.active) > li {
  border-bottom: 1px dotted #d5d5d5;
}
.sub-menus.menutype-main:has(li.active) > li.active::before {
  display: block;
}
.sub-menus.menutype-main:has(li.active) > li.hide {
  display: none;
}
.sub-menus.menutype-main:has(li.active) > li > .sub-menu {
  padding: 15px 0 15px 20px;
  font-weight: bold;
  font-size: 14px;
  color: #373737;
}
.sub-menus.menutype-sub {
  background: #fff;
  padding: 20px 20px;
  padding-top: 15px;
}
.sub-menus.menutype-sub > li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #666;
}
.sub-menus.menutype-sub > li.active {
  color: #000;
}
.sub-menus.menutype-sub > li.active .sub-menu::before {
  display: block;
}
.sub-menus.menutype-sub > li.hide {
  display: none;
}
.sub-menus.menutype-sub > li:not(:first-child) {
  padding-top: 10px;
}
.sub-menus.menutype-sub > li:has(.active) {
  color: #000;
}
.sub-menus.menutype-sub > li:has(.active) .sub-menu::before {
  display: block;
}
.sub-menus.menutype-third {
  display: none;
}
.sub-menus:not(:has(> li)) {
  display: none;
}
.sub-menus > li {
  position: relative;
  background-color: transparent;
}
.sub-menus > li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  display: none;
  background: url("/images/user/common/qna_active_li.png") no-repeat center center;
  background-size: 4px 8px;
  width: 4px;
  height: 8px;
}
.sub-menus > li li {
  background-color: #fff;
}
.sub-menus > li li::before {
  position: relative;
  right: unset;
  top: unset;
  transform: unset;
  background: url("/images/user/common/re.png") no-repeat;
  display: block;
  width: 5px;
  height: 5px;
}
.sub-menus-wrap {
  margin-top: 23px;
  border-top: 1px solid #222;
}
@media all and (max-width: 1023px) {
  .sub-menus-wrap {
    margin-top: 0;
    border-top-width: 0;
  }
}
.sub-menus-tit {
  font-family: "NanumSquare", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #373737;
  letter-spacing: 1px;
  margin-top: 7px;
  text-transform: uppercase;
}
@media all and (max-width: 1023px) {
  .sub-menus-tit {
    display: none;
  }
}
.sub-box {
  border: 1px solid #dddddd;
  padding: 22px;
}
@media all and (max-width: 1023px) {
  .sub-box {
    border-width: 0;
    padding-top: 25px;
  }
}
.sub-box-tit {
  font-family: "NotoKR", sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #373737;
}
.sub-accounts {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sub-accounts-wrap {
  padding-top: 20px;
}
@media all and (max-width: 1023px) {
  .sub-accounts-wrap {
    padding-top: 15px;
  }
}
.sub-account-box {
  position: relative;
  width: 100%;
  background: #f9f9f9;
  margin-top: 50px;
}
@media all and (max-width: 1023px) {
  .sub-account-box {
    margin-top: 0;
  }
}
.sub-account-box-tit {
  line-height: 1;
}
.sub-account-info {
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: 1;
}
.sub-account-bank {
  font-size: 13px;
}
.sub-account-num {
  padding-top: 8px;
  font-size: 11px;
  letter-spacing: 0.02em;
}
.sub-guide {
  position: relative;
  display: block;
  font-size: 13px;
}
.sub-guide-box {
  margin-top: 22px;
}
@media all and (max-width: 1023px) {
  .sub-guide-box {
    margin-top: 0;
  }
}
.sub-guide-list {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  padding-inline-start: 8px;
  padding-top: 19px;
}
.sub-guide-list > li {
  position: relative;
}
.sub-guide-list > li::before {
  content: "";
  position: absolute;
  left: -0.8rem;
  top: 0.9rem;
  transform: translateY(-50%);
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #666;
}
@media all and (max-width: 1023px) {
  .sub-guide-list {
    padding-top: 15px;
  }
  .sub-guide-list > li {
    position: relative;
  }
  .sub-guide-list > li::before {
    content: "";
    position: absolute;
    left: -0.8rem;
    top: 0.9rem;
    transform: translateY(-50%);
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #666;
  }
}
.sub-view .board {
  margin-top: 20px;
}
.sub-views-tit {
  font-family: "NanumSquare", sans-serif;
  font-weight: 700;
  font-size: 30px;
  color: #373737;
}
@media all and (max-width: 768px) {
  .sub-views-tit {
    text-align: center;
  }
}
.sub-views-tit.basket-board {
  font-size: 25px;
}
.sub-view-v-wrap {
  display: none;
}
.sub-view-v-wrap.active {
  display: block;
}
.sub-view-fm-wrap {
  display: none;
}
.sub-view-fm-wrap.active {
  display: block;
}
.sub-view-bd-wrap {
  display: none;
}
.sub-view-bd-wrap.active {
  display: block;
}
.sub-view-bdQ-wrap {
  display: none;
}
.sub-view-bdQ-wrap.active {
  display: block;
}

.basket {
  /* 비회원 조회 */
  /* //비회원 조회 */
}
.basket-sect.sect-step {
  padding-top: 55px;
}
@media all and (max-width: 509px) {
  .basket-sect.sect-step {
    padding-top: 30px;
  }
}
.basket-sect.sect-inquiry {
  display: none;
  padding-top: 40px;
}
.basket-sect.sect-inquiry.active {
  display: block;
}
.basket-sect.sect-info {
  padding-top: 40px;
}
.basket-top {
  position: relative;
  width: 100%;
  padding: 40px 50px;
  border: 10px solid #f4f4f4;
  overflow: hidden;
}
@media all and (max-width: 768px) {
  .basket-top {
    padding: 40px 10px;
  }
}
@media all and (max-width: 509px) {
  .basket-top {
    padding: 10px 0;
    border: 0;
  }
}
.basket-top h1 {
  font-family: "NanumSquare", sans-serif;
  font-weight: 700;
  font-size: 30px;
  color: #373737;
  float: left;
}
@media all and (max-width: 1023px) {
  .basket-top h1 {
    float: none;
    text-align: center;
  }
}
.basket-top-list li {
  float: left;
  position: relative;
}
.basket-top-list li.active img:nth-child(1) {
  display: none;
}
.basket-top-list li.active img:nth-child(2) {
  display: block;
}
.basket-top-list li.active .basket-txt h2, .basket-top-list li.active .basket-txt h3 {
  color: #333;
  font-weight: bold;
}
.basket-top-list li:not(:last-child) {
  margin-right: 72px;
}
@media all and (max-width: 768px) {
  .basket-top-list li:not(:last-child) {
    margin-right: 6rem;
  }
}
@media all and (max-width: 509px) {
  .basket-top-list li:not(:last-child) {
    margin-right: 3rem;
  }
}
.basket-top-list li:not(:last-child):before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -31px;
  width: 13px;
  height: 23px;
  background: url("/images/user/basket/right_arrow.png") no-repeat;
  background-size: 13px 23px;
}
@media all and (max-width: 768px) {
  .basket-top-list li:not(:last-child):before {
    right: -27px;
  }
}
@media all and (max-width: 509px) {
  .basket-top-list li:not(:last-child):before {
    right: -12px;
  }
}
.basket-top-list li:first-child img {
  width: 40px;
}
.basket-top-list li:nth-child(2) img {
  width: 50px;
  height: 40px;
}
.basket-top-list li:nth-child(3) img {
  width: 43px;
  height: 40px;
}
.basket-top-list li img {
  float: left;
}
@media all and (max-width: 768px) {
  .basket-top-list li img {
    float: none;
    text-align: center;
    margin: 0 auto;
  }
}
.basket-top-list li img:nth-child(2) {
  display: none;
}
.basket-top-list li .basket-txt {
  float: left;
  padding: 2px 15px;
}
@media all and (max-width: 768px) {
  .basket-top-list li .basket-txt {
    float: none;
    padding: 1.2rem 1.8rem;
  }
}
@media all and (max-width: 509px) {
  .basket-top-list li .basket-txt {
    padding: 0.96rem 0.96rem;
  }
}
.basket-top-list li .basket-txt h2 {
  font-size: 12px;
  font-family: "Verdana", Malgun Gothic;
  color: #c3c3c3;
  letter-spacing: 0.02em;
}
.basket-top-list li .basket-txt h2 .num {
  letter-spacing: 0.05em;
}
.basket-top-list li .basket-txt h3 {
  font-family: "Malgun Gothic";
  font-size: 14px;
  color: #c3c3c3;
  margin-top: 6px;
  font-weight: bold;
}
.basket-top-list-wrap {
  float: right;
}
@media all and (max-width: 1023px) {
  .basket-top-list-wrap {
    float: none;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    display: table;
  }
}
.basket-board {
  padding-top: 65px;
}
.basket-board.basket-board-tit {
  padding-top: 25px;
}
.basket-inquiry {
  max-width: 400px;
  margin: 0 auto;
}
.basket-inquiry .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.basket-inquiry .input-box.bg-gray {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0px 18px;
}
.basket-inquiry-input {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.basket-inquiry-input h3 {
  font-family: "nanum_basicB";
  font-size: 30px;
  text-align: center;
  padding-top: 35px;
  margin-bottom: 30px;
}
.basket-inquiry-input .btn {
  margin-top: 25px;
}
.basket-inquiry-ad {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 25px 0 15px;
}
.basket-inquiry-ad span {
  position: relative;
  padding: 0 15px;
}
.basket-inquiry-ad span::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -23px;
  width: 16px;
  height: 16px;
  background: url("/images/user/mypage/idi_notice.png") no-repeat center center;
  background-size: 16px 16px;
}
.basket-inquiry-ad .btn {
  margin-top: 18px;
}

.basket-complete {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 6rem;
}
@media all and (max-width: 768px) {
  .basket-complete {
    padding-top: 4.8rem;
  }
}
.basket-complete h3 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: "NanumSquare";
  font-size: 24px;
  color: #999999;
  text-align: center;
  margin: 33px 0 20px;
  word-break: keep-all;
}
@media all and (max-width: 768px) {
  .basket-complete h3 {
    flex-direction: column;
  }
}
.basket-complete h3 i {
  font-weight: 700;
}
.basket-complete h3 .point {
  color: #333333;
}
.basket-complete h4 {
  text-align: center;
  font-size: 14px;
  color: #666666;
  font-family: "Verdana", Malgun Gothic;
  line-height: 23px;
  word-break: keep-all;
}
.basket-receipt-li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 46px;
}
.basket-receipt-li.order-num .popovers {
  right: unset;
  left: 0;
}
.basket-receipt-li .popovers {
  width: 550px;
}
@media all and (max-width: 768px) {
  .basket-receipt-li .popovers {
    width: calc(100vw - 12rem);
  }
}
.basket-receipt-list {
  width: 100%;
  max-width: 550px;
}
@media all and (max-width: 768px) {
  .basket-receipt-list {
    max-width: unset;
  }
}
.basket-receipt-list-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.basket-receipt-tit {
  display: flex;
  justify-content: center;
  align-items: center;
}
.basket-receipt-info {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666666;
}
.basket-receipt-btn-popovers .icon {
  position: relative;
  width: 16px;
  height: 16px;
  background: url("/images/user/common/idi_layer.png") no-repeat center;
}
.basket-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 4rem;
}

.login-sect {
  max-width: 400px;
  margin: 0 auto;
}
@media all and (max-width: 509px) {
  .login-sect {
    max-width: unset;
  }
}
.login-sect.sect-tit {
  padding-top: 75px;
  padding-bottom: 45px;
}
.login-tit {
  font-family: "NanumSquare", sans-serif;
  font-weight: 700;
  font-size: 30px;
  text-align: center;
}
.login-tit + * {
  padding-top: 15px;
}
.login-tit-wrap {
  font-family: "Malgun Gothic", sans-serif;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.025em;
  text-align: center;
  color: #666;
}
.login-form legend {
  display: none;
}
.login-form-checkes {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  padding-top: 23px;
}
.login-form-checkes .cehckbox-wrap {
  display: flex;
  align-items: center;
}
.login-form-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-form-link:not(:first-child)::before {
  display: block;
}
.login-form-link::before {
  content: "";
  position: absolute;
  left: -23px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  width: 1px;
  height: 13px;
  background: #ddd;
}
.login-form-links {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 46px;
  padding-top: 30px;
}
.login-form-btn {
  width: 100%;
}
.login-form-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 25px;
}
@media all and (max-width: 768px) {
  .login-form-btns {
    flex-direction: column;
  }
}
.login-input-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0px 18px;
  border: none;
  background: #f9f9f9;
}
.login-input-box input[type=text], .login-input-box input[type=password] {
  font-family: "Verdana", Malgun Gothic;
  font-size: 15px;
  line-height: 1;
  color: #000;
  padding: 0;
}
.login-input-box-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.join-sect.sect-btns {
  padding-top: 30px;
}
.join-sect.sect-tabs {
  max-width: 600px;
  margin: 0 auto;
  padding-top: 55px;
  padding-bottom: 15px;
}
.join-sect.sect-form .bdJoin {
  max-width: 600px;
  margin: 0 auto;
}
.join-step {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  padding-top: 35px;
}
.join-step-list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.join-step-list::before {
  content: "";
  position: absolute;
  left: 0%;
  top: calc(50% - 10px);
  transform: translateY(-50%);
  display: block;
  width: 100%;
  height: 1px;
  background-color: #efefef;
  z-index: -1;
}
.join-step-box {
  display: inline-block;
  text-align: center;
}
.join-step-box img {
  width: 78px;
}
.join-step-box span {
  display: block;
  margin-top: 13px;
  font-weight: bold;
  color: #999;
}
.join-step-box span.active {
  color: #474747;
}
.join-terms {
  max-width: 600px;
  margin: 0 auto;
  padding-top: 23px;
}
.join-terms .checkbox {
  justify-content: unset;
}
.join-terms .checkbox-wrap {
  display: flex;
}
.join-btn.btn-prev {
  background: #efefef;
  color: #999;
}
.join-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.wrap-typeJoinSearch .join-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.wrap-typeJoinSearch .join-btns {
  max-width: 600px;
  margin: 0 auto;
}
.wrap-typeJoinSearch .join-btn-wrap {
  width: 100%;
}
.wrap-typeJoinSearch .li-id {
  display: none;
}
.wrap-typeJoinSearch .li-id.active {
  display: block;
}
@media all and (max-width: 768px) {
  .wrap-typeJoinSearch .sub-tabs-list {
    width: 100%;
    padding: 0;
  }
}
@media all and (max-width: 768px) {
  .wrap-typeJoinSearch .join-sect.sect-tabs {
    margin: 0;
    max-width: unset;
  }
}

/* 서브5. 회원가입-3 */
div.joincomplete {
  padding-top: 190px;
  text-align: center;
  background: url("/images/user/join/bg2_joincomplete.png") center 75px no-repeat;
}

div.joincomplete p {
  padding: 0;
  word-break: keep-all;
}

div.joincomplete p:nth-of-type(1) {
  font-family: "nanum_basicB";
  font-size: 24px;
  letter-spacing: -0.025em;
  color: #999999;
}

div.joincomplete p:nth-of-type(1) strong {
  font-family: "nanum_basicB";
  font-size: 24px;
  font-weight: normal;
  color: #474747;
}

div.joincomplete p:nth-of-type(2) {
  padding-top: 25px;
  line-height: 22px;
}

div.joincomplete a {
  display: inline-block;
  width: 120px;
  margin-top: 45px;
  padding: 16px 0;
  color: #fff;
  border: 1px solid #474747;
  background: #474747;
  border-radius: 150px;
}

.wrap-typeBrand .idi_footer {
  margin-top: 0;
}

.brand-sect.sect-idi {
  position: relative;
  width: 100%;
  height: 890px;
  background: url("/images/user/brand/brand_idi.png") no-repeat center center;
  background-size: cover;
}
.brand-sect.sect-history {
  position: relative;
  width: 100%;
  height: auto;
  background: #474747;
}
.brand-sect.sect-story {
  padding: 125px 0 150px;
}
@media all and (max-width: 768px) {
  .brand-sect.sect-story {
    padding: 55px 0 60px;
  }
}
.brand-sect.sect-rule {
  background-color: #fafafa;
  padding: 140px 0 140px;
}
@media all and (max-width: 768px) {
  .brand-sect.sect-rule {
    padding: 60px 0 40px;
  }
}
.brand-gift {
  padding: 122px 0 172px;
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
}
.brand-gift h2 {
  font-family: "nanum_basicR", sans-serif;
  font-size: 30px;
  color: #474747;
  line-height: 46px;
}
@media all and (max-width: 509px) {
  .brand-gift h2 {
    font-size: 26px;
    line-height: 34px;
  }
}
.brand-gift p {
  margin-top: 35px;
  line-height: 27px;
  font-family: "Malgun Gothic";
  font-size: 15px;
  color: #666666;
}
@media all and (max-width: 509px) {
  .brand-gift p {
    padding: 0 50px;
    margin-top: 30px;
  }
}
.brand-idi {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.brand-idi img {
  margin-top: -50px;
}
.brand-idi p {
  font-size: 15px;
  font-family: "Verdana", Malgun Gothic;
  color: #666666;
  line-height: 25px;
  width: 77%;
  margin: 40px auto 0;
}
.brand-list {
  padding: 120px 0 135px;
}
.brand-list ul {
  display: flex;
  justify-content: center;
  gap: 120px;
}
@media all and (max-width: 1439px) {
  .brand-list ul {
    gap: 60px;
  }
}
@media all and (max-width: 1023px) {
  .brand-list ul {
    gap: 30px;
  }
}
@media all and (max-width: 509px) {
  .brand-list ul {
    flex-direction: column;
    gap: 60px;
  }
}
.brand-list ul > li {
  flex: 1;
  text-align: center;
}
.brand-list ul > li h2 {
  font-family: "NanumSquare";
  font-weight: bold;
  font-size: 20px;
  color: #474747;
  margin: 56px 0 28px;
}
@media all and (max-width: 509px) {
  .brand-list ul > li h2 {
    margin: 26px 0 18px;
  }
}
.brand-list ul > li p {
  font-size: 15px;
  color: #666666;
  line-height: 28px;
  text-align: left;
}
.brand-history {
  padding: 132px 104px 138px 104px;
}
@media all and (max-width: 768px) {
  .brand-history {
    padding: 60px 0;
  }
}
.brand-history h2 {
  font-family: "NanumSquare", sans-serif;
  font-size: 30px;
  color: #ffffff;
  text-align: center;
  opacity: 0.8;
  letter-spacing: 0.1em;
}
.brand-history-swiper {
  position: relative;
}
.brand-history-swiper-btn {
  position: relative;
}
@media all and (max-width: 509px) {
  .brand-history-swiper-btn {
    display: none;
  }
}
.brand-history-swiper-btn.prev {
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
}
@media all and (max-width: 768px) {
  .brand-history-swiper-btn.prev {
    left: 22%;
    top: calc(50% - 150px);
  }
}
.brand-history-swiper-btn.next {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
}
@media all and (max-width: 768px) {
  .brand-history-swiper-btn.next {
    right: 22%;
    top: calc(50% - 150px);
  }
}
.brand-history-swiper-controller {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.brand-history-slide {
  display: flex;
  align-items: flex-start;
  gap: 83px;
  color: #fff;
  padding: 70px 120px 80px;
  overflow: hidden;
}
@media all and (max-width: 1439px) {
  .brand-history-slide {
    gap: 30px;
    padding: 50px 20px 60px;
  }
}
@media all and (max-width: 768px) {
  .brand-history-slide {
    flex-direction: column;
    align-items: center;
  }
}
.brand-history-slide h3 {
  font-family: "pt_serif_i", sans-serif;
  font-size: 20px;
  color: #fff;
  letter-spacing: 0.1em;
}
.brand-history-slide-info p {
  font-family: "Verdana", Malgun Gothic;
  font-size: 15px;
  color: #c3c3c3;
  margin-top: 25px;
  line-height: 28px;
}
.brand-story-tit {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "NanumSquare";
  font-size: 30px;
  color: #474747;
  line-height: 46px;
}
@media all and (max-width: 768px) {
  .brand-story-tit {
    display: block;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
  }
}
.brand-story-tit b {
  letter-spacing: 0.05em;
}
.brand-story-tit p {
  display: inline;
}
.brand-story-poster {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: url("/images/user/brand/brand_story_bg.png") no-repeat center;
  aspect-ratio: 1200/465;
  margin-top: 70px;
}
@media all and (max-width: 768px) {
  .brand-story-poster {
    padding: 30px 15px;
  }
}
.brand-story-poster h4 {
  font-family: "play_basicRI";
  font-size: 48px;
  color: #fff;
  letter-spacing: 0.1em;
}
@media all and (max-width: 768px) {
  .brand-story-poster h4 {
    font-size: 32px;
  }
}
.brand-story-poster p {
  font-family: "NanumSquare";
  font-weight: 300;
  font-size: 19px;
  color: #fff;
  margin-top: 22px;
}
@media all and (max-width: 768px) {
  .brand-story-poster p {
    font-size: 15px;
    margin-top: 15px;
    text-align: center;
    word-break: keep-all;
  }
}
.brand-story-li {
  flex: 1;
  font-size: 15px;
  color: #666666;
  line-height: 26px;
}
.brand-story-list {
  display: flex;
  justify-content: center;
  gap: 10px 100px;
}
@media all and (max-width: 1439px) {
  .brand-story-list {
    gap: 10px 60px;
  }
}
@media all and (max-width: 768px) {
  .brand-story-list {
    flex-direction: column;
    gap: 30px;
  }
}
.brand-story-list-wrap {
  padding: 70px 128px;
}
@media all and (max-width: 1439px) {
  .brand-story-list-wrap {
    padding: 70px 0px;
  }
}
@media all and (max-width: 768px) {
  .brand-story-list-wrap {
    padding: 30px 0px;
  }
}
.brand-rule {
  display: flex;
  justify-content: center;
  gap: 128px;
}
@media all and (max-width: 1023px) {
  .brand-rule {
    gap: 60px;
  }
}
@media all and (max-width: 768px) {
  .brand-rule {
    flex-direction: column;
    gap: 40px;
  }
}
.brand-rule-philosophy {
  width: 200px;
}
@media all and (max-width: 768px) {
  .brand-rule-philosophy {
    width: auto;
    text-align: center;
  }
}
.brand-rule-philosophy h2 {
  font-family: "NanumSquare";
  font-weight: 300;
  font-size: 30px;
  color: #474747;
  margin-bottom: 30px;
}
.brand-rule-philosophy p {
  font-size: 15px;
  color: #666;
  line-height-step: 26px;
}
.brand-rule-list.ordered-num-list > li {
  align-items: center;
  color: #666;
  font-size: 15px;
  line-height: 20px;
  gap: 15px;
}
.brand-rule-list.ordered-num-list > li::before {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  background-color: #474747;
  color: #fff;
  font-family: "play_basicRI";
  font-size: 18px;
  line-height: 25px;
  text-align: center;
}
.brand-rule-list > li:not(:first-child) {
  padding-top: 30px;
}
.brand-rule-list-wrap {
  padding-top: 60px;
}
@media all and (max-width: 768px) {
  .brand-rule-list-wrap {
    padding-top: 0;
  }
}

.wrap-typeProductGoods .product-sect.sect-notice {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 48px 0 27px;
  text-align: center;
}
.wrap-typeProductGoods .product-sect.sect-notice h4 {
  font-family: "play_basicRI", sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  letter-spacing: 0.05em;
}
.wrap-typeProductGoods .product-sect.sect-notice h4 + * {
  padding-top: 10px;
}
.wrap-typeProductGoods .product-sect.sect-notice h4 ~ * {
  line-height: 1.4;
}
.wrap-typeProductGoods .product-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 56px;
  border-radius: 150px;
  border: 1px solid #d5d5d5;
  font-family: "NotoKrM", sans-serif;
  font-size: 18px;
  color: #999999;
  padding: 0;
}
.wrap-typeProductGoods .product-btns {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 43px;
}

@media all and (max-width: 768px) {
  .detail-sect.sect-tabs > .layout {
    padding: 0;
    overflow: auto;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
  }
  .detail-sect.sect-tabs > .layout::-webkit-scrollbar {
    width: 0px;
    background: transparent;
  }
  .detail-sect.sect-tabs > .layout::-webkit-scrollbar-track-piece {
    background: transparent;
  }
  .detail-sect.sect-tabs > .layout::-webkit-scrollbar-track {
    border-radius: 800px;
    background-color: transparent;
  }
  .detail-sect.sect-tabs > .layout::-webkit-scrollbar-thumb {
    border-radius: 800px;
    background-color: transparent;
  }
}
.detail-view {
  display: flex;
  margin-top: 60px;
  margin-bottom: 70px;
  gap: 7.3rem;
}
@media all and (max-width: 1023px) {
  .detail-view {
    flex-direction: column;
  }
}
@media all and (max-width: 768px) {
  .detail-view {
    gap: 4.2rem;
  }
}
.detail-view-container {
  flex: 1;
}
@media all and (max-width: 1439px) {
  .detail-view-container:has(.detail-view-img) {
    flex: 0.9;
  }
}
@media all and (max-width: 1023px) {
  .detail-view-container:has(.detail-view-img) {
    display: flex;
    flex-direction: column-reverse;
  }
}
.detail-view-rowli {
  position: relative;
  display: flex;
  align-items: center;
  height: 30px;
  font-family: "PT Sans Caption";
  font-size: 15px;
  color: #666;
}
.detail-view-rowli > .tit {
  flex: 0 0 140px;
  width: 0;
  display: flex;
  align-items: center;
}
@media all and (max-width: 768px) {
  .detail-view-rowli > .tit {
    flex: 0 0 120px;
  }
}
.detail-view-rowli > .info {
  flex: 1;
  width: 0;
  display: flex;
  align-items: center;
}
.detail-view-tag {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #474747;
  font-size: 12px;
  font-family: "Verdana", Malgun Gothic;
  font-weight: bold;
  letter-spacing: -0.08em;
  color: #fff;
}
@media all and (max-width: 509px) {
  .detail-view-tag {
    width: 37px;
    height: 37px;
    line-height: 34px;
    font-size: 9px;
  }
}
.detail-view-tags {
  display: flex;
  align-items: center;
  gap: 4px;
}
.detail-view-tags .popovers-main {
  display: flex;
  align-items: center;
  gap: 4px;
}
.detail-view-img {
  width: 540px;
  height: 540px;
  aspect-ratio: 1/1;
  margin-top: -24px;
}
@media all and (max-width: 1439px) {
  .detail-view-img {
    width: 100%;
    height: auto;
  }
}
.detail-view-img > img {
  width: 100%;
  height: 100%;
}
.detail-view-info-main {
  padding-bottom: 70px;
}
@media all and (max-width: 768px) {
  .detail-view-info-main {
    padding-bottom: 23px;
  }
}
.detail-view-info-more {
  border-top: 2px solid #474747;
  padding-top: 45px;
}
@media all and (max-width: 768px) {
  .detail-view-info-more {
    padding-top: 25px;
  }
}
.detail-view-info-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media all and (max-width: 768px) {
  .detail-view-info-list {
    gap: 20px;
  }
}
.detail-view-cate {
  font-family: "play_basicRI", sans-serif;
  font-size: 16px;
  color: #777;
  letter-spacing: 0.05em;
}
.detail-view-name {
  font-family: "NanumSquare";
  font-weight: 700;
  font-size: 36px;
  color: #000;
  line-height: 45px;
  margin: 19px 0;
}
@media all and (max-width: 768px) {
  .detail-view-name {
    font-size: 26px;
    line-height: 30px;
    margin: 19px 0 12px;
  }
}
.detail-view-intro {
  font-family: "Verdana", Malgun Gothic;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.detail-view-intro-regular {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 32px;
}
.detail-view-intro-regular .c-red {
  font-size: 20px;
}
.detail-view-price-container {
  display: flex;
  padding-top: 38px;
}
@media all and (max-width: 768px) {
  .detail-view-price-container {
    flex-wrap: wrap;
  }
}
.detail-view-price-wrap {
  display: flex;
  align-items: flex-end;
  gap: 30px;
}
@media all and (max-width: 768px) {
  .detail-view-price-wrap {
    width: 100%;
  }
}
.detail-view-price-wrap .symbol {
  font-family: "NanumSquare";
}
.detail-view-price-origin {
  position: relative;
  font-family: "PT Sans Caption";
  font-size: 18px;
  color: #999999;
}
.detail-view-price-origin::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 125%;
  height: 1px;
  background-color: #9fa19f;
}
.detail-view-price-origin::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -15%;
  width: 6px;
  height: 11px;
  background: url("/images/user/common/arrow_last.png") no-repeat center center;
  background-size: 6px 11px;
}
.detail-view-price-last {
  position: relative;
  font-family: "PT Sans Caption";
  font-weight: 700;
  font-size: 26px;
  color: #c93535;
}
.detail-view-price-last .symbol {
  font-weight: 300;
  font-size: 23px;
}
.detail-view-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
@media all and (max-width: 768px) {
  .detail-view-actions {
    width: 100%;
    justify-content: flex-end;
  }
}
.detail-view-like {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0em;
  color: #444;
  font-family: "Verdana", Malgun Gothic;
}
.detail-view-like .icon {
  font-size: 22px;
}
.detail-view-like .icon .la {
  font-weight: bold;
}
.detail-view-copy {
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-view-preference > .info {
  font-size: 20px;
}
.detail-view-option-select {
  width: 100%;
}
.detail-view-option-select::before {
  content: "";
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 12px;
  height: 6px;
  background: url("/images/user/common/select.png") no-repeat center;
  background-size: cover;
  filter: brightness(100);
}
.detail-view-option-select select {
  width: 100%;
  height: 32px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
  background: #888;
  color: #fff;
  padding: 0 7px;
  outline-color: #888;
}
.detail-view-sum-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.detail-view-sum-box .input-box {
  max-width: 55px;
}
.detail-view-sum-box .input-box:has(input:read-only) {
  pointer-events: none;
}
.detail-view-sum-box .input-box input {
  text-align: right;
}
.detail-view-btns {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 28px;
}
@media all and (max-width: 768px) {
  .detail-view-btns {
    padding-top: 30px;
    flex-wrap: wrap;
  }
}
.detail-view-btns > .btn {
  width: calc((100% - 30px) / 4);
  height: 56px;
  padding: 0;
}
@media all and (max-width: 768px) {
  .detail-view-btns > .btn {
    width: calc((100% - 10px) / 2);
    height: 48px;
    padding: 0;
  }
}
.detail-view-btn-minus, .detail-view-btn-plus {
  flex: 0 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 50%;
  font-size: 14px;
  color: #444;
}
@media all and (max-width: 1023px) {
  .detail-tabview.related .detail-tabview-main {
    display: flex;
    align-items: center;
  }
}
.detail-tabview .board {
  margin-top: 0;
}
.detail-tabview .board .col-tit {
  text-align: left;
}
.detail-tabview .boardForm.reply .line-secret {
  display: none;
}
.detail-tabview .boardForm.reply .line-star {
  display: none;
}
.detail-tabviews-li {
  display: none;
}
.detail-tabviews-li.active {
  display: block;
}
.detail-tabview-bd .bdNormal-rowli {
  height: 48px;
}
.detail-tabview-bd .bdNormal-rowli.col-tit {
  display: flex;
  align-items: center;
}
.detail-tabview-bd .bdNormal-rowlist {
  height: auto;
  align-items: center;
}
.detail-tabview-bd .bdNormal-headli {
  height: 48px;
}
.detail-tabview-bd .bdNormalL-rowli {
  height: auto;
}
.detail-tabview-bd .bdNormalL-rowlist {
  height: auto;
  align-items: center;
  background: linear-gradient(90deg, #f9f9f9 240px, transparent 240px);
}
@media all and (max-width: 768px) {
  .detail-tabview-bd .bdNormalL-rowlist {
    background: transparent;
  }
}
.detail-tabview-bd .bdNormalL-headli {
  max-width: 240px;
  height: 100%;
  padding: 0px;
}
@media all and (max-width: 768px) {
  .detail-tabview-bd .bdNormalL-headli {
    max-width: unset;
    background-color: #f9f9f9;
    padding: 15px;
  }
}
.detail-tabview-bd-wrap:has(.detail-tabview-info-bd) {
  padding-top: 80px;
}
.detail-tabview-bd-li {
  position: relative;
  font-family: "Verdana", Malgun Gothic;
  font-size: 14px;
  color: #666666;
  line-height: 25px;
  margin-bottom: 18px;
}
.detail-tabview-bd-li::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 11px;
  display: block;
  width: 3px;
  height: 3px;
  background: #666666;
}
.detail-tabview-bd-tit {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  word-break: keep-all;
}
.detail-tabview-bd-tit > .icon {
  display: block;
  font-size: 30px;
}
.detail-tabview-bd-tit > .txt {
  height: auto;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
}
.detail-tabview-bd-cont {
  padding: 42px 20px 28px 40px;
}
@media all and (max-width: 768px) {
  .detail-tabview-bd-cont {
    padding: 15px 20px 15px 30px;
  }
}
.detail-tabview-tit {
  font-family: "NanumSquare";
  font-weight: 700;
  font-size: 20px;
  color: #373737;
  padding: 60px 0 34px;
}
.detail-tabview-main {
  position: relative;
}
.detail-tabview-info-img {
  width: 100%;
}
.detail-tabview-info-img img {
  width: 100%;
}
.detail-tabview-related-swiper {
  position: relative;
}
@media all and (max-width: 1023px) {
  .detail-tabview-related-swiper {
    order: 1;
  }
}
.detail-tabview-related-swiper .swiper-slide {
  width: calc((100% - 27rem) / 4);
}
.detail-tabview-related-swiper-btn {
  top: 50%;
  transform: translateY(-50%);
}
.detail-tabview-related-swiper-btn.prev {
  left: calc(var(--swiper-navigation-size) / 44 * -27 - 10px);
}
@media all and (max-width: 1023px) {
  .detail-tabview-related-swiper-btn.prev {
    order: 0;
    flex: 1 1 50px;
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    transform: unset;
    margin: 0;
    padding: 0;
  }
}
.detail-tabview-related-swiper-btn.prev::after {
  background: url("/images/user/product/left.png") no-repeat center;
}
.detail-tabview-related-swiper-btn.next {
  right: calc(var(--swiper-navigation-size) / 44 * -27 - 10px);
}
@media all and (max-width: 1023px) {
  .detail-tabview-related-swiper-btn.next {
    order: 1;
    flex: 1 1 50px;
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    transform: unset;
    margin: 0;
    padding: 0;
  }
}
.detail-tabview-related-swiper-btn.next::after {
  background: url("/images/user/product/right.png") no-repeat center;
}
.detail-tabview-related-swiper-btn::after {
  font-size: 0;
  width: 100%;
  height: 100%;
}
.detail-tabview-related-link {
  width: 100%;
}
.detail-tabview-related-product {
  width: 100%;
}
.detail-tabview-related-img {
  width: 100%;
}
.detail-tabview-related-img > img {
  width: 100%;
}
.detail-tabview-related-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-tabview-return-bd .list.style-bar {
  padding-left: 14px;
}
.detail-tabview-return-bd .list.style-bar > li {
  position: relative;
}
.detail-tabview-return-bd .list.style-bar > li::before {
  content: "";
  position: absolute;
  left: -10px;
  top: calc((2.506rem - 1px) / 2);
  display: block;
  width: 5px;
  height: 1px;
  border-radius: 50%;
  background-color: #000;
}
/* scss productList */
.product-board {
  position: relative;
  display: none;
}
.product-board.active {
  display: block;
}
.product-cate {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
}
.product-cate.active .product-cate-name {
  background: #474747;
  color: #fff;
  letter-spacing: 0.05em;
}
.product-cate-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
}
.product-cate-img > img {
  height: 100%;
  object-fit: contain;
}
.product-cate-name {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  font-family: "PT Sans Caption", sans-serif;
  font-size: 13px;
  color: #666666;
  padding: 5px 16px;
  border-radius: 15px;
  transition: background 0.3s, color 0.3s, letter-spacing 0.3s;
}
.product-cate-container {
  padding: 60px 0;
}
.product-cate-swiper {
  max-width: 900px;
}
.product-cate-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-cate-swiper-btn {
  font-size: 24px;
  color: #444;
}
@media all and (max-width: 449px) {
  .product-cate-swiper-btn {
    display: none;
  }
}
.product-cate-swiper-btn::after {
  display: none;
}
.product-cate-notice {
  padding-top: 20px;
  display: none;
}
@media all and (max-width: 449px) {
  .product-cate-notice {
    display: block;
  }
}

.typing {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
  width: 100%;
  height: 100%;
  outline: unset;
}
.boardSearch .typing {
  height: auto;
}
.typing-wrap {
  position: relative;
  width: 100%;
  padding: 15px 17px 17px;
}
@media all and (max-width: 768px) {
  .typing-wrap {
    padding: 0px 10px;
  }
}
.typing-wrap:has(.typing) {
  padding: 0;
}
.typing-wrap:has(.typing) .typing {
  width: 100%;
  height: 100%;
  padding: 15px 17px 17px;
}
@media all and (max-width: 768px) {
  .typing-wrap:has(.typing) .typing {
    padding: 0px 10px;
  }
}
.typing-wrap:has(.typing:focus), .typing-wrap:has(.select:open) {
  border: 1px solid #1e1e1e;
}
.typing-wrap:has(.typing:disabled) {
  background-color: rgba(30, 30, 30, 0.05);
}
.typing-wrap:has(> input:disabled), .typing-wrap:has(select:disabled) {
  background-color: rgba(30, 30, 30, 0.05);
}
.typing-wrap:has(> input:disabled) input, .typing-wrap:has(> input:disabled) select, .typing-wrap:has(select:disabled) input, .typing-wrap:has(select:disabled) select {
  background-color: transparent;
}
.typing-wrap:has(select:not(:has(option))) {
  background-color: rgba(30, 30, 30, 0.05);
}
.typing-wrap:has(select:not(:has(option))) input, .typing-wrap:has(select:not(:has(option))) select {
  background-color: transparent;
}
.typing-box {
  display: flex;
  width: 100%;
  height: 40px;
  border: 1px solid #E5E5E5;
  background-color: #FFFFFF;
}
.typing-box:has(textarea) {
  height: auto;
  min-height: 300px;
}
@media all and (max-width: 768px) {
  .typing-box {
    height: 30px;
  }
}

.select {
  cursor: pointer;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
  width: 100%;
  padding: 0 15px;
  outline: unset;
  font-size: 13px;
}
@media all and (max-width: 768px) {
  .select {
    font-size: 13px;
    padding: 0 10px;
  }
}
.select-wrap {
  position: relative;
  display: flex;
  width: 100%;
}
.select-wrap:has(.select:open)::after {
  transform: translateY(-50%) rotate(180deg);
}
.select-wrap:has(+ *) {
  max-width: 95px;
}
@media all and (max-width: 768px) {
  .select-wrap:has(+ *) {
    max-width: 75px;
  }
}
.select-wrap::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 12px;
  height: 100%;
  background: url("/images/user/common/icon_arrow_bottom_black.svg") no-repeat center;
  transition: transform 0.3s;
  pointer-events: none;
}
@media all and (max-width: 768px) {
  .select-wrap::after {
    width: 10px;
    right: 12px;
  }
}
.select-wrap + .typing-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #DDDDDD;
}

/* scss productList */
@media all and (max-width: 509px) {
  .event-list-wrap {
    padding-top: 15px;
  }
}
.event-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .event-box {
    flex-direction: column;
  }
}
.event-box.empty {
  flex-direction: column;
  gap: 21px;
  padding: 65px 0;
}
.event-box.empty .icon {
  width: 36px;
}
.event-box.empty .txt {
  position: relative;
  font-family: "Verdana", Malgun Gothic;
  font-weight: 400;
  font-size: 13px;
  color: #cccccc;
}
.event-plate {
  flex: 1;
  min-width: 0;
}
@media all and (max-width: 768px) {
  .event-plate {
    flex: unset;
  }
}
.event-plate-img {
  flex: 0 0 350px;
}
@media all and (max-width: 768px) {
  .event-plate-img {
    flex: unset;
    width: 100%;
  }
}
.event-plate-info {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 50px;
}
.event-plate-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.event-thumbnail-img {
  max-width: 480px;
}
@media all and (max-width: 768px) {
  .event-thumbnail-img {
    max-width: 768px;
  }
}
.event-thumbnail-img-wrap {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 마이페이지 */
.mypage-views {
  padding-top: 18px;
}
.mypage-view-btn {
  display: flex;
  justify-content: flex-end;
}
.mypage-view-filter {
  display: flex;
  justify-content: flex-end;
}
.mypage-view-filter + .bd {
  padding-top: 10px;
}
.mypage-btn {
  width: 70px;
  height: 28px;
  border: 1px solid #333;
  color: #333;
  border-radius: 3px;
}
.mypage-btn.btn-add-address {
  width: auto;
  height: auto;
  font-family: "Verdana", Malgun Gothic;
  color: #666666;
  font-size: 14px;
  padding: 10px 15px;
  border: 1px solid #cccccc;
  border-radius: 3px;
}
.mypage-form.active .bdNormal-btn-wrap.add-wrap {
  display: block;
}
.mypage-form.active .bdNormal-btn-wrap.modify-wrap {
  display: none;
}
.mypage-form.modify .bdNormal-btn-wrap.add-wrap {
  display: none;
}
.mypage-form.modify .bdNormal-btn-wrap.modify-wrap {
  display: block;
}

/* 대시보드 */
.dashboard-qna-reply {
  padding: 1px 6px;
  border: 1px solid #373737;
  border-radius: 3px;
  background: #373737;
  font-size: 12px;
  letter-spacing: -0.05em;
  color: #fff;
}
.dashboard-box-li {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 50px;
}
@media all and (max-width: 1023px) {
  .dashboard-box-li {
    flex-direction: column;
  }
}
.dashboard-box-list {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.dashboard-box-li-tit {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
@media all and (max-width: 1023px) {
  .dashboard-box-li-tit img {
    display: none;
  }
}
.dashboard-box-li-cont .num {
  font-size: 26px;
  font-family: "NanumSquare";
  font-weight: bold;
  color: #000;
  padding-right: 5px;
}

/* //대시보드 */
/* 후원회원연동 */
.interlock-view {
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  flex-direction: column;
  text-align: center;
  margin-top: 87px;
}
.interlock-view.received .interlock-cont {
  max-width: inherit;
}
@media screen and (max-width: 500px) {
  .interlock-view.received .interlock-cont {
    max-width: 330px;
  }
}
.interlock-view.active {
  display: flex;
}
.interlock-view .btn {
  vertical-align: unset;
}
.interlock-view .popovers-wrap {
  display: flex;
}
.interlock-img {
  width: 100%;
}
.interlock-img-wrap {
  width: 91px;
}
.interlock-tit {
  font-family: "NanumSquare", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #999999;
  margin: 40px 0 30px;
}
@media screen and (max-width: 500px) {
  .interlock-tit {
    font-size: 22px !important;
  }
}
.interlock-cont {
  max-width: 400px;
  font-family: "Verdana", "Malgun Gothic", sans-serif;
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  word-break: keep-all;
  margin: 0 auto;
}
.interlock-btn {
  border-radius: 150px;
  background: #474747;
  font-family: "NotoKR", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  padding: 18px 55px;
  margin-top: 62px;
}
.interlock-li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  width: 100%;
}
.interlock-li dl {
  display: flex;
  align-items: center;
  gap: 17px;
}
.interlock-li dt {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #000;
  font-weight: 700;
}
.interlock-li dd {
  flex: 3;
}
/* //후원회원연동 */
/* 회원탈퇴 */
/* //회원탈퇴 */
/* 정기구매 내역조회  */
.wrap-typeMypageRegularHistory .bdMypage-rowli .unit {
  font-weight: bold;
  font-size: 13px;
  color: #444;
}
.wrap-typeMypageRegularHistory .bdMypage-rowli .dl.episode .txt {
  color: #999;
}
.wrap-typeMypageRegularHistory .bdMypage-rowli .dl:not(:first-child) {
  margin-top: 12px;
}

/* //정기구매 내역조회  */
/* 구매내역 */
.wrap-typeMypageOrderHistory .bdMypage-total {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  padding: 40px 30px;
  background: #f9f9f9;
}
.wrap-typeMypageOrderHistory .bdMypage-total .total {
  font-family: "nanum_basicB", "NanumSquare", sans-serif;
  font-weight: 700;
  font-size: 26px;
  color: #373737;
}

/* //구매내역 */
/* 적립금 */
.wrap-typeMypageActivityEmoney .bdNormal-wrap {
  padding-top: 0;
}
.wrap-typeMypageActivityEmoney .emoney_point {
  position: relative;
  width: 100%;
  margin: 22px 0;
  padding: 27px 0;
  text-align: center;
  border: 10px solid #f4f4f4;
}
.wrap-typeMypageActivityEmoney .emoney_point p {
  position: relative;
  font-family: "Verdana", Malgun Gothic;
  font-size: 14px;
  color: #666666;
}
@media all and (max-width: 509px) {
  .wrap-typeMypageActivityEmoney .emoney_point p {
    line-height: 27px;
  }
}
.wrap-typeMypageActivityEmoney .emoney_point p img {
  margin-right: 20px;
}
@media all and (max-width: 509px) {
  .wrap-typeMypageActivityEmoney .emoney_point p img {
    display: none !important;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
  }
}
.wrap-typeMypageActivityEmoney .emoney_point p span:nth-of-type(1) {
  color: #000000;
  font-weight: bold;
}
.wrap-typeMypageActivityEmoney .emoney_point p span:nth-of-type(2) {
  font-family: "NanumSquare", sans-serif;
  font-size: 26px;
  color: #000000;
}
@media all and (max-width: 509px) {
  .wrap-typeMypageActivityEmoney .emoney_point p span:nth-of-type(2) {
    vertical-align: -2px;
  }
}
.wrap-typeMypageActivityEmoney .emoney_point p span:nth-of-type(3) {
  font-family: "NanumSquare", sans-serif;
  font-size: 18px;
  color: #373737;
}
.wrap-typeMypageActivityEmoney .emoney_point p br {
  display: none;
}
@media all and (max-width: 509px) {
  .wrap-typeMypageActivityEmoney .emoney_point p br {
    display: block;
  }
}

/* //적립금 */
/* 쿠폰 */
.wrap-typeMypageActivityCoupon .bdNormal-wrap {
  padding-top: 0;
}

/* //쿠폰 */
/* 상품보관함 */
.wrap-typeMypageActivityWish .bdNormal-wrap {
  padding-top: 0;
}

/* //상품보관함 */
/* 최근보관함 */
.wrap-typeMypageActivityRecently .bdNormal-wrap {
  padding-top: 0;
}
.wrap-typeMypageActivityRecently .bdNormal-top {
  flex-wrap: wrap;
}
@media all and (max-width: 1023px) {
  .wrap-typeMypageActivityRecently .bdNormal-top {
    row-gap: 16px;
  }
}

/* //최근보관함 */
/* //마이페이지 *//*# sourceMappingURL=style.css.map */






/* css 수정 */
/* 메인 */
.main-sect .swiper-wrapper {
    align-items: stretch;
}

.main-sect.sect-visual {
    padding: 0 10px;
}
@media all and (max-width: 1023px) {
  .main-sect.sect-visual {
    padding: 0px;
  }
}

@media all and (max-width: 768px) {
  .main-sect.sect-visual {
    margin-top: 50px;
  }
}

@media all and (max-width: 1289px) {
  .main-sect.sect-visual > .layout {
    padding: 0;
  }
}


.main-sect.sect-board.sect-notice {
  margin-top: 100px;
}

.main-sect.sect-board.sect-event {
  margin-top: 150px;
  margin-bottom: 130px;
}

.main-sect.sect-board .layout {
  max-width: 1000px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.main-sect.sect-board .n_title {
  display: flex;
  flex-flow: column;
  gap: 10px;  
}

.main-sect.sect-board .n_title h2 {
  font-size: 27px;
  font-family: "dashiell-fine", serif;
  font-weight: bold;
  line-height: 1.5;
  color: #000;
  letter-spacing: 3.5px;
  min-width: 120px;
}

.main-sect.sect-board .n_title a {
  display: flex;
  flex-flow: row;
  font-size: 14px;
  color: #747474;
  letter-spacing: 0.5px;
  gap: 10px;
  align-items: center;
  line-height: 1.3;
}

.main-sect.sect-board ul {
  display: flex;
  flex-flow: column;
  gap: 20px;
  width: calc(100% - 200px);
}

.main-sect.sect-board ul li {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  font-family: "NotoKrL";
  align-items: center;
  width: 100%;
}

.main-sect.sect-board ul li > div {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  width: calc(100% - 150px);
}

.main-sect.sect-board ul li .n_link {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  width: calc(100% - 150px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 2px 0;
}

.main-sect.sect-board ul li > div .n_link {
  width: calc(100% - 80px);
}

.main-sect.sect-board ul li .n_date {
  font-size: 16px;
  color: #747474;
  width: 90px;
  text-align: right;
  font-family: elza-text, sans-serif;
  font-weight: 300;
}

.main-sect.sect-board ul li .n_category {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 63px;
  padding: 6px 0px;
  font-size: 16px;
  line-height: 1.2;
  color: #ACACAC;
  background: #434343;
  border-radius: 30px;
}

.main-sect.sect-board ul li .n_category.n_ing {
  color: #FFF;
  background: #FF6600;  
}

@media all and (max-width: 1023px) {
  .main-sect.sect-board.sect-notice {
    margin-top: 50px;
  }

  .main-sect.sect-board.sect-event {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .main-sect.sect-board .layout {
    max-width: none;
    margin: 0;
    padding: 0 4rem;
  }

  .main-sect.sect-board ul {
    gap: 20px;
    width: calc(100% - 180px);
  }
}

@media all and (max-width: 1000px) {
  .main-sect.sect-board.sect-notice {
    margin-top: 35px;
  }
  .main-sect.sect-board.sect-event {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  
  .main-sect.sect-board .layout {
    flex-flow: column;
    gap: 30px;
    padding: 0 4rem;
  }

  .main-sect.sect-board .n_title {
    flex-flow: row nowrap;
    gap: 0px;
    width: 100%;
    justify-content: space-between;
  }

  .main-sect.sect-board ul {
    gap: 15px;
    width: 100%;
  }
}

@media all and (max-width: 768px) {
  .main-sect.sect-board .layout {
    padding: 0 2.1818181818rem;
  }
  .main-sect.sect-board .n_title h2 {
    font-size: 24px;
    line-height: 1.0;
    letter-spacing: 2.5px;
    min-width: auto;
  }

  .main-sect.sect-board .n_title a {
    font-size: 13px;
    letter-spacing: 0.3px;
    gap: 6px;
  }

  .main-sect.sect-board ul li .n_link {
    font-size: 17px;
    width: calc(100% - 130px);
  }

  .main-sect.sect-board ul li > div {
    gap: 10px;
    width: calc(100% - 100px);
  }

  .main-sect.sect-board ul li .n_date {
    font-size: 15px;
    width: 85px;
  }

  .main-sect.sect-board ul li .n_category {
    padding: 5px 0px;
    font-size: 15px;
    line-height: 1.1;
  }
}

@media all and (max-width: 600px) {
  .main-sect.sect-board .layout {
    gap: 25px;
  }
  
  .main-sect.sect-board.sect-event {
    margin-top: 55px;
    margin-bottom: 55px;
  }

  .main-sect.sect-board .n_title h2 {
    font-size: 22px;
    letter-spacing: 1.5px;
  }

  .main-sect.sect-board ul li {
    flex-flow: column;
    align-items: flex-start;
    gap: 5px;
  }

  .main-sect.sect-board ul li .n_link {
    font-size: 16px;
    width: 100%;
  }

  .main-sect.sect-board ul li .n_date {
    text-align: left;
  }

  .main-sect.sect-board ul li > div {
    gap: 10px;
    width: 100%;
  }

  .main-sect.sect-board ul li .n_category {
    padding: 4px 0px;
    font-size: 14px;
    width: 59px;
  }
}

.main-sect.sect-product {
  display: flex;
  flex-flow: column;
  gap: 25px; 
  border-top: 1px solid #252F46;
  padding: 50px 100px 70px;
  transition: 0.3s;
}

.main-sect.sect-product .product_title {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.main-sect.sect-product .product_title h2 {
  font-size: 20px;
  letter-spacing: 1.5px;
  font-family: "dashiell-fine", serif;
  color: #000000;
  font-weight: 500;
}

.main-sect.sect-product .product_title a {
  font-size: 12px;
  letter-spacing: 1.5px;
  font-family: elza-text, sans-serif;
  color: #747474;
  text-decoration : underline;
  text-underline-offset : 4px;
  text-decoration-color: #CCCCCC;
}

.main-sect.sect-product .product_title a:hover {
  color: #000;
  text-decoration-color: #000;
}

.main-sect.sect-product .product_list {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  justify-content: space-between;
}

.main-sect.sect-product .product_list div {
  display: flex;
  min-width: 7%;
  transition: 0.3s;
}

.main-sect.sect-product .product_list div a {
  display: flex;
  flex-flow: column;
  gap: 8px;
  align-items: center;
  width: 100%;
}

.main-sect.sect-product .product_list div .icon img {
  display: block;
  width: 100%;
}

.main-sect.sect-product .product_list div .title {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.4px;
  font-family: elza-text, sans-serif;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
}

@media all and (max-width: 1500px) {
  .main-sect.sect-product {
    padding: 40px 4rem 60px;
  }
}
@media all and (max-width: 1400px) {
  .main-sect.sect-product .product_list div .title {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.2px;
    text-align: center;
  }

  .main-sect.sect-product .product_list div {
    min-width: 6%;
  }
}

@media all and (max-width: 1200px) {
  .main-sect.sect-product .product_list {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 30px 20px;    
  }

  .main-sect.sect-product .product_list div {
      min-width: auto;    
      flex: 0 1 12.3%;  
  }
}

@media all and (max-width: 1000px) {
  .main-sect.sect-product .product_list {
    gap: 20px 10px;    
  }
  .main-sect.sect-product .product_list div {
      flex: 0 1 calc(20% - 10px);  
  }
}

@media all and (max-width: 768px) {
  .main-sect.sect-product {
    padding: 25px 2.1818181818rem 40px;
    gap: 17px;
  }
  .main-sect.sect-product .product_title h2 {
    font-size: 18px;
  }

  .main-sect.sect-product .product_title a {
    font-size: 11px;
  } 

  .main-sect.sect-product .product_list div a {
    gap: 0px;
  }

}

@media all and (max-width: 600px) {
  .main-sect.sect-product .product_list div {
      flex: 0 1 calc(33.3334% - 10px);  
  }
}

@media all and (max-width: 370px) {
  .main-sect.sect-product .product_list div {
      flex: 0 1 calc(50% - 5px);  
  }
}



/* //메인 */
/* footer */
.idi_footer {
  position: relative;
  width: 100%;
  background: #252F46;
  display: flex;
  flex-flow: column;
  padding-bottom: 50px;
}

.idi_footer > div:first-child {
  border-bottom: 1px solid #34405B;
}

.idi_footer .layout {
  max-width: none;
  padding: 0 100px;
}

.footer_top {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 20px;
}

.footer_top ul {
  display: flex;
  flex-flow: row nowrap;
  gap: 25px;
}

.footer_top ul li {
  line-height: 1.3;
  font-size: 16px;
  color: #BFCAE4;
  font-family: "NotoKrR";
}

.footer_top ul li:nth-child(2) {
  color: #FFF;
}

.footer_top ul li:hover a {
  color: #FFF;
  transition: all 0.5s;
}

.footer_menu {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 55px 0 0;
  gap: 20px;
}

.footer_menu .copy_box {
  display: flex;
  flex-flow: column;
  gap: 10px;  
}

.footer_menu .copy_box ul {
  display: flex;
  flex-flow: row wrap;
  width: auto;
  gap: 3px 15px;
}

.footer_menu .copy_box ul li {
  position: relative;
  color: #E4ECFF;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0px;
  padding-right: 15px;
  font-family: "NotoKrL";
  font-weight: normal;
}

.footer_menu .copy_box ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background: #556280;
}

.footer_menu .sns_box {
  display: flex;
  flex-flow: row nowrap;
  gap: 11px;
}

@media all and (max-width: 1340px) {
  .idi_footer .layout {
    padding: 0 4rem;
  }
}

@media all and (max-width: 1200px) {
  .footer_top {
    padding-top: 30px;
    padding-bottom: 15px;
  }

  .footer_menu {
    align-items: flex-start;
    padding: 35px 0 0;
    gap: 10px;
  }
}

@media all and (max-width: 768px) {
  .idi_footer {
    padding-bottom: 30px;
  }
  .idi_footer .layout {
    padding: 0 2.1818181818rem;
  }

  .footer_top ul {
    gap: 15px;
  }

  .footer_menu {
    flex-flow: column;
    align-items: flex-start;
    padding: 25px 0 0;
    gap: 20px;
  }
}

@media all and (max-width: 767px) {
  .footer_top {
    padding-top: 20px;
    flex-flow: column;
    gap: 15px;
  }

  .footer_top .b_logo {
    width: 150px;
  }

  .footer_top .b_logo img {
    display: block;
    width: 100%;
  }
  .footer_top ul li {
    font-size: 15px;
  }
  .footer_menu .copy_box {
    align-items: center;
  }

  .footer_menu .copy_box ul {
    gap: 3px 20px;
    justify-content: center;
  }

  .footer_menu .copy_box ul li {
    font-size: 15px;
    padding-right: 0px;
  }

  .footer_menu .copy_box ul li:not(:last-child)::after {
    display: none;
  }

  .footer_menu .sns_box {
    align-self: center;
  }

  .footer_menu .sns_box a {
    width: 45px;
  }

  .footer_menu .sns_box a img {
    display: block;
    width: 100%;
  }  
}

@media all and (max-width: 500px) {
  .footer_top ul {
    flex-wrap: wrap;
    gap: 3px 15px;
    justify-content: center;
  }

  .footer_menu .copy_box ul {
    word-break: keep-all;
    text-align: center;
  }

  .footer_menu .sns_box a {
    width: 40px;
  }
}

/* // footer */
/* css 수정 */