@font-face {
  font-family: 'Escoredream';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
  font-weight: normal;
  font-display: swap;
}

.fsg-wrap {
  width: 100%;
  margin: 0 auto;
  padding: 12px;
  box-sizing: border-box;
  font-family: 'Pretendard', 'Apple SD Gothic Neo', sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #111111;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.fsg-card {
  border: 1px solid rgba(225, 101, 134, 0.12);
  border-radius: 16px;
  box-shadow: 0px 2px 20px 0px rgba(44, 31, 14, 0.07);
  padding: 0 0 18px;
  box-sizing: border-box;
  background: #FFFFFF;
}

.fsg-title {
  padding: 22px 14px 18px;
  text-align: center;
}

.fsg-title span {
  font-family: 'NanumMyeongjo', 'Nanum Myeongjo', serif;
  font-weight: 800;
  font-size: 48px;
  color: #111111;
}

.fsg-section {
  padding: 3px 22px;
  box-sizing: border-box;
}

.fsg-section-inner {
  border-top: 1px solid rgba(221, 221, 221, 0.9);
  padding: 14px 0;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.fsg-section-title {
  font-family: 'Pretendard', sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #B1002F;
}

.fsg-qa-group {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.fsg-qa {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.fsg-q-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.fsg-q-row span {
  font-family: 'Pretendard', sans-serif;
  font-weight: 700;
  font-size: 22px;
}

.fsg-answer {
  font-size: 18px;
  line-height: 1.6;
  word-break: keep-all;
}

.fsg-accent {
  color: #B1002F;
}

.fsg-example-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.fsg-example-card {
  flex: 1 1 320px;
  min-width: 280px;
  background: rgba(252, 240, 243, 0.5);
  border: 1px solid rgba(242, 189, 202, 0.5);
  border-radius: 15px;
  padding: 16px 22px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.fsg-example-img {
  flex: 1 1 320px;
  min-width: 280px;
}

.fsg-example-img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 15px;
}

.fsg-badge {
  display: inline-block;
  align-self: flex-start;
  background: #E16586;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 18px;
  padding: 5px 22px;
  border-radius: 40px;
}

.fsg-label-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.fsg-label-title {
  color: #E16586;
  font-weight: 700;
  font-size: 18px;
}

.fsg-label-text {
  font-family: 'Escoredream', 'Pretendard', sans-serif;
  font-weight: normal;
  font-size: 18px;
}

.fsg-ribbon-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fsg-ribbon-item {
  background: rgba(246, 220, 227, 0.5);
  border-radius: 10px;
  padding: 7px 14px;
  font-family: 'Escoredream', 'Pretendard', sans-serif;
  font-weight: normal;
  font-size: 18px;
}

.fsg-common {
  background: #FCF0F3;
  border: 1px solid #F2BDCA;
  border-radius: 15px;
  padding: 16px 22px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.fsg-title-border {
  border-bottom: 1px solid rgba(225, 101, 134, 0.08);
}

.fsg-body {
  padding: 18px 22px;
  box-sizing: border-box;
}

.fsg-step-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fsg-step {
  display: flex;
  align-items: center;
  gap: 16px;
}

.fsg-step-num {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 100px;
  background: #E16586;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', sans-serif;
  font-weight: 800;
  font-size: 15px;
}

.fsg-step-text {
  font-size: 18px;
  line-height: 1.5;
}

.fsg-callout {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 22px;
  background: rgba(225, 101, 134, 0.1);
  border-radius: 14px;
  padding: 22px 24px;
  box-sizing: border-box;
}

.fsg-callout-img {
  flex: 0 0 auto;
  width: 120px;
  max-width: 32%;
  height: auto;
  display: block;
}

.fsg-callout-content {
  flex: 0 1 auto;
  max-width: 640px;
  min-width: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
  text-align: center;
}

.fsg-callout-title {
  font-family: 'NanumMyeongjo', 'Nanum Myeongjo', serif;
  font-weight: 800;
  font-size: 28px;
  color: #B1002F;
}

.fsg-callout-text-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.fsg-callout-text {
  font-size: 18px;
  line-height: 1.3;
}

.fsg-origin-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 0 0 22px;
}

.fsg-origin-pill {
  background: #C34063;
  color: #FFFFFF;
  border-radius: 100px;
  padding: 14px 36px;
  display: inline-block;
}

.fsg-origin-pill span {
  font-family: 'NanumMyeongjo', 'Nanum Myeongjo', serif;
  font-weight: 700;
  font-size: 40px;
}

.fsg-origin-desc {
  font-size: 18px;
  text-align: center;
  white-space: nowrap;
}

.fsg-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.fsg-table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
}

.fsg-table th {
  padding: 11px 8px;
  font-family: 'Pretendard', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #111111;
  background: #FCF0F3;
  border-bottom: 1px solid rgba(225, 101, 134, 0.3);
  text-align: center;
}

.fsg-table td {
  padding: 9px 12px;
  font-size: 16px;
  color: #111111;
  border-bottom: 1px solid rgba(221, 221, 221, 0.9);
  vertical-align: middle;
}

.fsg-table td.fsg-td-center {
  text-align: center;
}

.fsg-origin-badge {
  display: inline-block;
  padding: 6px 18px;
  border-radius: 70px;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
}

.fsg-origin-badge--domestic {
  background: #FCF0F3;
  color: #8C0025;
}

.fsg-origin-badge--import {
  background: #F6EFDC;
  color: #623219;
}

@media (max-width: 768px) {
  .fsg-wrap {
    padding: 8px 0;
    font-size: 15px;
  }
  .fsg-card {
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
  .fsg-origin-badge {
    font-size: 13px;
  }
  .fsg-title {
    padding: 14px 0 10px;
  }
  .fsg-title span {
    font-size: 24px;
  }
  .fsg-section {
    padding: 3px 0;
  }
  .fsg-section-inner {
    gap: 14px;
    padding: 12px 0;
  }
  .fsg-qa-group {
    gap: 18px;
  }
  .fsg-qa {
    gap: 10px;
  }
  .fsg-example-card,
  .fsg-common {
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
    gap: 16px;
  }
  .fsg-callout {
    background: none;
    border-radius: 0;
    padding: 0;
    gap: 14px;
  }
  .fsg-body {
    padding: 12px 0;
  }
  .fsg-step {
    gap: 12px;
  }
  .fsg-step-num {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }
  .fsg-callout-img {
    max-width: 45%;
  }
  .fsg-callout-title {
    font-size: 19px;
  }
  .fsg-section-title {
    font-size: 18px;
  }
  .fsg-q-row span {
    font-size: 16px;
  }
  .fsg-answer,
  .fsg-label-title,
  .fsg-label-text,
  .fsg-badge,
  .fsg-ribbon-item,
  .fsg-step-text,
  .fsg-callout-text {
    font-size: 15px;
  }
  .fsg-badge {
    padding: 4px 16px;
  }
  .fsg-origin-pill {
    padding: 9px 22px;
  }
  .fsg-origin-pill span {
    font-size: 23px;
  }
  .fsg-origin-desc {
    font-size: 15px;
  }
}

.fsg-origin-mobile-list {
  display: none;
}

.fsg-origin-mobile-card {
  padding: 0 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fsg-origin-mobile-head {
  display: flex;
  align-items: center;
  gap: 14px;
}

.fsg-origin-mobile-divider {
  height: 1px;
  background: #DDDDDD;
  width: 100%;
}

.fsg-origin-mobile-items {
  font-size: 15px;
  line-height: 1.4;
  color: #111111;
}

@media (max-width: 768px) {
  .fsg-origin-desc {
    white-space: normal;
  }
  .fsg-table-wrap {
    display: none;
  }
  .fsg-origin-mobile-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .fsg-origin-mobile-card {
    padding: 0;
  }
  .fsg-origin-head {
    padding: 0 0 14px;
  }
  .fsg-origin-mobile-items {
    font-size: 14px;
  }
}

.fsg-ship-steps {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.fsg-step-row {
  display: flex;
  align-items: flex-start;
  gap: 22px;
}

.fsg-step-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 0;
}

.fsg-step-title {
  font-family: 'Pretendard', sans-serif;
  font-weight: 800;
  font-size: 22px;
  color: #111111;
}

.fsg-step-body {
  font-size: 18px;
  line-height: 1.6;
  color: #111111;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.fsg-bullet {
  padding-left: 1em;
  text-indent: -1em;
}

.fsg-ship-highlight {
  background: #E16586;
  border-radius: 16px;
  box-shadow: 0px 4px 24px 0px rgba(44, 31, 14, 0.2);
  padding: 24px 20px;
  box-sizing: border-box;
}

.fsg-ship-highlight-text {
  font-family: 'NanumMyeongjo', 'Nanum Myeongjo', serif;
  font-weight: 800;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 1.5;
  text-align: center;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.fsg-sub-box {
  background: #FCF0F3;
  border-radius: 15px;
  padding: 10px 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 2px 0;
}

.fsg-cs-hero {
  position: relative;
  border-radius: 16px;
  box-shadow: 0px 4px 24px 0px rgba(44, 31, 14, 0.2);
  padding: 24px 20px;
  box-sizing: border-box;
  background-image: linear-gradient(147deg, rgba(206, 63, 101, 0.9) 36%, rgba(225, 101, 134, 0.63) 81%), url('/theme/ks001/img/cs-hero-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  text-align: center;
}

.fsg-cs-hero-title {
  font-family: 'NanumMyeongjo', 'Nanum Myeongjo', serif;
  font-weight: 800;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 1.5;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.fsg-cs-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.fsg-cs-phone {
  font-family: 'Pretendard', sans-serif;
  font-weight: 900;
  font-size: 32px;
  color: #FFFFFF;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.fsg-cs-address {
  font-family: 'Pretendard', sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
}

.fsg-cs-hours {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.fsg-cs-hours-item {
  font-family: 'Pretendard', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 768px) {
  .fsg-step-row {
    gap: 12px;
  }
  .fsg-step-title {
    font-size: 17px;
  }
  .fsg-step-body {
    font-size: 15px;
  }
  .fsg-sub-box {
    background: none;
    border-radius: 0;
    padding: 0 2px;
  }
  .fsg-ship-highlight {
    border-radius: 12px;
    box-shadow: none;
    padding: 16px 12px;
  }
  .fsg-ship-highlight-text {
    font-size: 17px;
  }
  .fsg-cs-hero {
    border-radius: 12px;
    box-shadow: none;
    padding: 16px 12px;
    gap: 14px;
  }
  .fsg-cs-hero-title {
    font-size: 17px;
  }
  .fsg-cs-phone {
    font-size: 22px;
  }
  .fsg-cs-address,
  .fsg-cs-hours-item {
    font-size: 14px;
  }
}