@charset "UTF-8";
/* Design Tokens */
/* Breakpoints */
/* Gutters */
/* Brand */
/* Grays */
/* Semantic */
/* Shadows */
/* 반응형 헬퍼 */
/* 기본 타이포 믹스인 */
/* 포커스 링 */
/* ===========================
   Font Family (Pretendard)
   =========================== */
@font-face {
  font-family: "Pretendard";
  src: url("../fonts/PretendardVariable.woff2") format("woff2");
  font-weight: 1 900;
  font-style: normal;
  font-display: swap;
}
/* ===========================
   Base Typography
   =========================== */
html {
  font-size: 100%;
}

body {
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  color: #262C33;
}

/* ===========================
   Mixins (var() 기반)
   =========================== */
/* Display / Headings */
.text-display {
  font-size: var(--Typography-Display);
  line-height: 135%;
  font-weight: 700;
  letter-spacing: -0.02em;
}

h1, .h1 {
  font-size: var(--Typography-Heading-H1);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}

h2, .h2 {
  font-size: var(--Typography-Heading-H2);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}

h3, .h3 {
  font-size: var(--Typography-Heading-H3);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}

h4, .h4 {
  font-size: var(--Typography-Heading-H4);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* Titles */
.title-l {
  font-size: var(--Typography-Body-L);
  line-height: 160%;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.title-m {
  font-size: var(--Typography-Body-M);
  line-height: 160%;
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* Body */
.text-l {
  font-size: var(--Typography-Body-L);
  line-height: 140%;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.text-m {
  font-size: var(--Typography-Body-M);
  line-height: 140%;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.text-s {
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.text-xs {
  font-size: var(--Typography-Body-XS);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* UI Text (버튼, 라벨 등) */
.text-ui-navi {
  font-size: var(--Typography-UI-Navi);
  line-height: 140%;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.text-ui-notice {
  font-size: var(--Typography-UI-Notice);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.text-ui-top {
  font-size: var(--Typography-UI-Top);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.text-ui-price {
  font-size: var(--Typography-UI-Price);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.text-ui-button-l {
  font-size: var(--Typography-UI-Button-L);
  line-height: 150%;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.text-ui-button-m {
  font-size: var(--Typography-UI-Button-M);
  line-height: 150%;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.text-ui-button-s {
  font-size: var(--Typography-UI-Button-S);
  line-height: 150%;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.text-ui-table-header {
  font-size: var(--Typography-UI-Table-Header);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.text-ui-table-cell {
  font-size: var(--Typography-UI-Table-Cell);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.text-ui-form-label {
  font-size: var(--Typography-UI-Form-Label);
  line-height: 140%;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.text-ui-form-placeholder {
  font-size: var(--Typography-UI-Form-Placeholder);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* Utility */
.text-utility-list {
  color: #4F5861;
  font-size: var(--Typography-Utility-List);
  line-height: 140%;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.text-utility-caption {
  color: #68737C;
  font-size: var(--Typography-Utility-Caption);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.text-utility-footer-contact {
  font-size: var(--Typography-Utility-Footer-Contact);
  line-height: 140%;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.text-utility-footer-info {
  font-size: var(--Typography-Utility-Footer-Info);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.wms-100 {
  color: #F6F5FF;
}

.wms-200 {
  color: #E5E5FF;
}

.wms-300 {
  color: #CBD8FF;
}

.wms-400 {
  color: #9799FF;
}

.wms-500 {
  color: #6238EA;
}

.wms-600 {
  color: #210685;
}

.fms-100 {
  color: #F1F7FF;
}

.fms-200 {
  color: #C3DCFF;
}

.fms-300 {
  color: #86B8FF;
}

.fms-400 {
  color: #5A93FF;
}

.fms-500 {
  color: #3563F7;
}

.fms-600 {
  color: #1729AD;
}

/* Grays */
.gray-0 {
  color: #FFFFFF;
}

.gray-50 {
  color: #F8F8F9;
}

.gray-100 {
  color: #F3F4F6;
}

.gray-200 {
  color: #E1E5E9;
}

.gray-300 {
  color: #CBD0D6;
}

.gray-400 {
  color: #ABB0B9;
}

.gray-500 {
  color: #898D99;
}

.gray-600 {
  color: #68737C;
}

.gray-700 {
  color: #4F5861;
}

.gray-800 {
  color: #3A424B;
}

.gray-900 {
  color: #262C33;
}

.o_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 400px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  border: 1px solid transparent;
}
.o_btn.lg {
  padding: 20px 32px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .o_btn.lg {
    padding: 16px 28px;
  }
}
@media (max-width: 767px) {
  .o_btn.lg {
    padding: 12px 24px;
  }
}
.o_btn.lg {
  font-size: var(--Typography-UI-Button-L);
  line-height: 150%;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.o_btn.md {
  padding: 16px 24px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .o_btn.md {
    padding: 12px 20px;
  }
}
@media (max-width: 767px) {
  .o_btn.md {
    padding: 12px 24px;
  }
}
.o_btn.md {
  font-size: var(--Typography-UI-Button-M);
  line-height: 150%;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.o_btn.sm {
  padding: 12px 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .o_btn.sm {
    padding: 8px 16px;
  }
}
@media (max-width: 767px) {
  .o_btn.sm {
    padding: 8px 12px;
  }
}
.o_btn.sm {
  font-size: var(--Typography-UI-Button-S);
  line-height: 150%;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.o_btn.block {
  width: 100%;
}
.o_btn.pill {
  border-radius: 9999px;
}
.o_btn.primary {
  background: #6238EA;
  color: #FFFFFF;
}
.o_btn.primary:hover {
  background: rgb(77.3045454545, 29.7681818182, 231.2318181818);
}
.o_btn.primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(98, 56, 234, 0.2);
}
.o_btn.rvs-primary {
  background: #FFFFFF;
  color: #6238EA;
}
.o_btn.rvs-primary:hover {
  background: rgb(229.5, 229.5, 229.5);
}
.o_btn.rvs-primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
}
.o_btn.secondary {
  background: #E5E5FF;
  color: #210685;
}
.o_btn.secondary:hover {
  background: rgb(204.8, 204.8, 255);
}
.o_btn.secondary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(98, 56, 234, 0.2);
}
.o_btn.tertiary {
  background: #F3F4F6;
  color: #3D17AD;
}
.o_btn.tertiary:hover {
  background: #F8F8F9;
}
.o_btn.tertiary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(98, 56, 234, 0.2);
}
.o_btn.outline-primary {
  background: transparent;
  color: #6238EA;
  border-color: #6238EA;
}
.o_btn.outline-primary:hover {
  background: rgba(98, 56, 234, 0.06);
}
.o_btn.outline-primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(98, 56, 234, 0.2);
}
.o_btn.outline-secondary {
  background: transparent;
  color: #4F5861;
  border-color: #4F5861;
}
.o_btn.outline-secondary:hover {
  background: rgba(79, 88, 97, 0.06);
}
.o_btn.outline-secondary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(79, 88, 97, 0.2);
}
.o_btn.outline-white {
  background: transparent;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.o_btn.outline-white:hover {
  background: rgba(255, 255, 255, 0.06);
}
.o_btn.outline-white:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
}
.o_btn.top_evt {
  background: transparent;
  color: #CBD8FF;
  border-color: #CBD8FF;
}
.o_btn.top_evt:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(98, 56, 234, 0.2);
}
.o_btn.ghost {
  background: transparent;
  border: none;
}
.o_btn.disabled, .o_btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.o_container {
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .o_container {
    padding: 0 40px;
  }
}
@media (min-width: 1200px) {
  .o_container {
    max-width: 1200px;
    padding: 0;
  }
}

.flex-ac-jc {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-ac-jsb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gap1 {
  gap: 1px;
}

.gap2 {
  gap: 2px;
}

.gap3 {
  gap: 3px;
}

.gap4 {
  gap: 4px;
}

.gap5 {
  gap: 5px;
}

.gap6 {
  gap: 6px;
}

.gap7 {
  gap: 7px;
}

.gap8 {
  gap: 8px;
}

.gap9 {
  gap: 9px;
}

.gap10 {
  gap: 10px;
}

.gap15 {
  gap: 15px;
}

.gap16 {
  gap: 16px;
}

.gap20 {
  gap: 20px;
}

.gap25 {
  gap: 25px;
}

.gap30 {
  gap: 30px;
}

.gap35 {
  gap: 35px;
}

.gap40 {
  gap: 40px;
}

.gap45 {
  gap: 45px;
}

.gap50 {
  gap: 50px;
}

.pc,
.tablet,
.mobile {
  display: none !important;
}

/* 분기에서만 켜기 */
@media (min-width: 1200px) {
  .pc {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .tablet {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .mobile {
    display: block !important;
  }
}
.card {
  border-radius: 12px;
}
@media (max-width: 767px) {
  .card {
    border-radius: 8px;
  }
}
.card {
  background: var(--gray-0);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.tab {
  border-radius: 12px;
}
@media (max-width: 767px) {
  .tab {
    border-radius: 8px;
  }
}
.tab {
  background: var(--gray-0);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.tab-selected {
  border-radius: 12px;
}
@media (max-width: 767px) {
  .tab-selected {
    border-radius: 8px;
  }
}
.tab-selected {
  background: var(--gray-0);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.o_input {
  display: block;
  width: 100%;
  border: 1px solid #898D99;
  padding: 16px;
  background: #FFFFFF;
  transition: 0.2s border-color ease, 0.2s box-shadow ease;
  font-size: var(--Typography-UI-Form-Placeholder);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .o_input {
    border-radius: 8px;
  }
}
.o_input::placeholder {
  color: #ABB0B9;
}
.o_input:focus {
  border-color: #6238EA;
  outline: none;
  box-shadow: 0 0 0 3px rgba(98, 56, 234, 0.2);
}
.o_input.error {
  border-color: #EF2816;
}
.o_input.disabled, .o_input:disabled {
  background: #F3F4F6;
  color: #ABB0B9;
  cursor: not-allowed;
}

/* Search input (optional) */
.o_input-search {
  position: relative;
}
.o_input-search .input {
  padding-left: 40px;
}
.o_input-search .icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #898D99;
}

fieldset.form_item.required .input_label:after {
  display: inline-block;
  content: "";
  margin-left: 4px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: var(--wms-500);
  vertical-align: super;
}
fieldset.form_item .input_label {
  margin-bottom: 12px;
  font-size: var(--Typography-Body-XS);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.o_checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.o_checkbox + label.o_checkbox_label {
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  user-select: none;
  /* 박스 아이콘 */
}
.o_checkbox + label.o_checkbox_label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url("../img/ic-checkbox-off.webp") center/contain no-repeat;
  transition: all 0.2s ease;
}

.o_checkbox:checked + label.o_checkbox_label::before {
  background: url("../img/ic-checkbox-on.webp") center/contain no-repeat;
}

:root {
  --wms-100: #F6F5FF;
  --wms-200: #E5E5FF;
  --wms-300: #CBD8FF;
  --wms-400: #9799FF;
  --wms-500: #6238EA;
  --wms-600: #210685;
  --fms-100: #F1F7FF;
  --fms-200: #C3DCFF;
  --fms-300: #86B8FF;
  --fms-400: #5A93FF;
  --fms-500: #3563F7;
  --fms-600: #1729AD;
  --gray-0: #FFFFFF;
  --gray-50: #F8F8F9;
  --gray-100: #F3F4F6;
  --gray-200: #E1E5E9;
  --gray-300: #CBD0D6;
  --gray-400: #ABB0B9;
  --gray-500: #898D99;
  --gray-600: #68737C;
  --gray-700: #4F5861;
  --gray-800: #3A424B;
  --gray-900: #262C33;
  --section-spacing-m: 200px;
  --section-spacing-s: 150px;
  --section-spacing-xs: 100px;
  --Typography-Display: 58px;
  --Typography-Heading-H1: 46px;
  --Typography-Heading-H2: 40px;
  --Typography-Heading-H3: 36px;
  --Typography-Heading-H4: 30px;
  --Typography-Body-L: 24px;
  --Typography-Body-M: 22px;
  --Typography-Body-S: 18px;
  --Typography-Body-XS: 16px;
  --Typography-UI-Navi: 16px;
  --Typography-UI-Notice: 16px;
  --Typography-UI-Top: 18px;
  --Typography-UI-Price: 24px;
  --Typography-UI-Button-L: 22px;
  --Typography-UI-Button-M: 18px;
  --Typography-UI-Button-S: 16px;
  --Typography-UI-Table-Header: 16px;
  --Typography-UI-Table-Cell: 16px;
  --Typography-UI-Form-Label: 16px;
  --Typography-UI-Form-Placeholder: 16px;
  --Typography-Utility-List: 18px;
  --Typography-Utility-Caption: 14px;
  --Typography-Utility-Footer-Contact: 16px;
  --Typography-Utility-Footer-Info: 13px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  :root {
    --section-spacing-m: 140px;
    --section-spacing-s: 100px;
    --section-spacing-xs: 80px;
    --Typography-Display: 50px;
    --Typography-Heading-H1: 40px;
    --Typography-Heading-H2: 36px;
    --Typography-Heading-H3: 32px;
    --Typography-Heading-H4: 26px;
    --Typography-Body-L: 22px;
    --Typography-Body-M: 20px;
    --Typography-Body-S: 16px;
    --Typography-Body-XS: 14px;
    --Typography-UI-Navi: 20px;
    --Typography-UI-Notice: 14px;
    --Typography-UI-Top: 16px;
    --Typography-UI-Price: 28px;
    --Typography-UI-Button-L: 20px;
    --Typography-UI-Button-M: 16px;
    --Typography-UI-Button-S: 14px;
    --Typography-UI-Table-Header: 14px;
    --Typography-UI-Table-Cell: 14px;
    --Typography-UI-Form-Label: 14px;
    --Typography-UI-Form-Placeholder: 14px;
    --Typography-Utility-List: 16px;
    --Typography-Utility-Caption: 12px;
    --Typography-Utility-Footer-Contact: 14px;
    --Typography-Utility-Footer-Info: 12px;
  }
}
@media (max-width: 767px) {
  :root {
    --section-spacing-m: 100px;
    --section-spacing-s: 60px;
    --section-spacing-xs: 40px;
    --Typography-Display: 36px;
    --Typography-Heading-H1: 30px;
    --Typography-Heading-H2: 26px;
    --Typography-Heading-H3: 22px;
    --Typography-Heading-H4: 20px;
    --Typography-Body-L: 17px;
    --Typography-Body-M: 16px;
    --Typography-Body-S: 14px;
    --Typography-Body-XS: 12px;
    --Typography-UI-Navi: 18px;
    --Typography-UI-Notice: 13px;
    --Typography-UI-Top: 14px;
    --Typography-UI-Price: 24px;
    --Typography-UI-Button-L: 16px;
    --Typography-UI-Button-M: 14px;
    --Typography-UI-Button-S: 12px;
    --Typography-UI-Table-Header: 13px;
    --Typography-UI-Table-Cell: 13px;
    --Typography-UI-Form-Label: 13px;
    --Typography-UI-Form-Placeholder: 12px;
    --Typography-Utility-List: 14px;
    --Typography-Utility-Caption: 11px;
    --Typography-Utility-Footer-Contact: 13px;
    --Typography-Utility-Footer-Info: 12px;
  }
}
/* top */
#top_event {
  position: sticky;
  top: 0;
  z-index: 1050;
  backdrop-filter: saturate(1.2) blur(6px);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3A424B;
  color: #FFFFFF;
  font-size: var(--Typography-UI-Notice);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
#top_event .label {
  color: #CBD8FF;
  font-size: var(--Typography-Body-XS);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
  border: 1px solid #CBD8FF;
  border-radius: 8px;
  padding: 4px 12px;
}
#top_event .txt {
  padding: 0 16px;
  font-size: var(--Typography-Body-XS);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* Header */
body.menu-open {
  overflow: hidden;
}
body.menu-open #menu_background {
  opacity: 1 !important;
  pointer-events: auto !important;
}

#header {
  position: sticky;
  top: 50px;
  background: #fff;
  z-index: 1050;
  border-bottom: 1px solid #E1E5E9;
  height: 70px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #header {
    height: 80px;
  }
}
@media (max-width: 767px) {
  #header {
    height: 80px;
  }
}
#header #menu_background {
  position: fixed;
  /* 화면 전체 오버레이 */
  inset: 0;
  z-index: 1049;
  background: rgba(0, 0, 0, 0.2);
  /* 페이드 트랜지션 */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
#header #kakao_counsel {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 1;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
#header #kakao_counsel .tit_wrap {
  display: flex;
  gap: 4px;
  align-items: center;
}
#header #kakao_counsel .tit_wrap span {
  line-height: 1.1;
}
#header #kakao_counsel .tit_wrap img {
  width: 23px;
  height: 23px;
}
#header .o_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1200px) {
  #header .o_container {
    padding: 0 10px;
  }
}
@media (max-width: 1199px) {
  #header .o_container > * {
    flex: 1;
  }
}
#header .o_container #gnb-toggle-wrap {
  display: none;
}
@media (max-width: 1199px) {
  #header .o_container #gnb-toggle-wrap {
    display: block;
  }
}
#header .o_container #gnb-toggle-wrap > button {
  background: none;
  border: none;
  width: 40px;
  height: 45px;
  background: url("../img/menu-tablet.svg") center/contain no-repeat;
}
@media (max-width: 767px) {
  #header .o_container #gnb-toggle-wrap > button {
    width: 34px;
    height: 38px;
    background-image: url("../img/menu-mobile.svg");
  }
}
#header .o_container .header_left {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (min-width: 1200px) {
  #header .o_container .header_left {
    align-self: stretch;
  }
}
#header .o_container .header_left .logo {
  width: 138px;
}
#header .o_container .header_left .logo img {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #header .o_container .header_left .logo {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  #header .o_container .header_left .logo {
    width: 100px;
    margin-right: 0;
  }
}
#header .o_container .header_left .ri-menu-line:before {
  font-size: 40px;
}
#header .o_container .header_left .gnb {
  /* PC: gnb-list > li 를 #header 70px 풀 높이로 stretch */
}
@media (min-width: 1200px) {
  #header .o_container .header_left .gnb {
    align-self: stretch;
    height: 100%;
  }
}
#header .o_container .header_left .gnb #gnb-list {
  display: flex;
  gap: 48px;
  align-items: stretch;
}
@media (min-width: 1200px) {
  #header .o_container .header_left .gnb #gnb-list {
    height: 100%;
  }
}
#header .o_container .header_left .gnb #gnb-list li {
  display: flex;
  align-items: center;
}
#header .o_container .header_left .gnb #gnb-list li a.active, #header .o_container .header_left .gnb #gnb-list li a:hover {
  color: #3D17AD;
}
#header .o_container .header_left .gnb #gnb-list li.has-submenu {
  position: relative;
}
#header .o_container .header_left .gnb #gnb-list li.has-submenu > .submenu-toggle {
  cursor: pointer;
}
#header .o_container .header_left .gnb #gnb-list li.has-submenu {
  /* li 가 70px 풀 높이이므로 top:100% = #header bottom */
}
#header .o_container .header_left .gnb #gnb-list li.has-submenu .submenu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 156px;
  padding: 0 24px;
  background: #FFFEFE;
  border-radius: 0 0 8px 8px;
  box-shadow: 1px 6px 4.4px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 1052;
}
#header .o_container .header_left .gnb #gnb-list li.has-submenu .submenu li {
  display: block;
  width: 100%;
}
#header .o_container .header_left .gnb #gnb-list li.has-submenu .submenu li a {
  display: block;
  padding: 15px 0;
  color: #3A424B;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.4;
  white-space: nowrap;
  text-align: center;
}
#header .o_container .header_left .gnb #gnb-list li.has-submenu .submenu li a.active, #header .o_container .header_left .gnb #gnb-list li.has-submenu .submenu li a:hover {
  color: #3D17AD;
}
#header .o_container .header_left .gnb #gnb-list li.has-submenu:hover > .submenu, #header .o_container .header_left .gnb #gnb-list li.has-submenu:focus-within > .submenu {
  opacity: 1;
  visibility: visible;
}
#header .o_container .header_left .gnb #gnb-list.open {
  display: flex;
}
#header .o_container .header_left .gnb .btn_wrap {
  display: none;
}
@media (max-width: 1199px) {
  #header .o_container .header_left {
    justify-content: center;
  }
  #header .o_container .header_left .gnb {
    position: absolute;
    left: 0;
    top: -50px;
    z-index: 1051;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-width: 300px;
    height: 100dvh;
    background: #fff;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    will-change: transform;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  #header .o_container .header_left .gnb {
    min-width: 230px;
  }
}
@media (max-width: 1199px) {
  #header .o_container .header_left .gnb.is-open {
    transform: translateX(0);
  }
  #header .o_container .header_left .gnb #gnb-list {
    flex-direction: column;
    gap: 0;
    height: 100%;
  }
  #header .o_container .header_left .gnb #gnb-list li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #F3F4F6;
  }
  #header .o_container .header_left .gnb #gnb-list li a {
    padding: 24px;
    text-align: left;
    display: block;
  }
  #header .o_container .header_left .gnb #gnb-list li a.active, #header .o_container .header_left .gnb #gnb-list li a:hover {
    background-color: #F6F5FF;
    color: #3D17AD;
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu {
    position: static;
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu > .submenu-toggle {
    cursor: pointer;
    position: relative;
    /* chevron 아이콘 (▾) — 펼쳤을 때 180도 회전 */
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu > .submenu-toggle::after {
    content: "";
    position: absolute;
    right: 24px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), margin-top 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu {
    /* PC desktop 드롭다운 스타일 reset (모바일은 아코디언) */
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu .submenu {
    position: static;
    transform: none;
    margin: 0;
    padding: 0;
    min-width: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    /* 아코디언 자연스러운 펼침 애니메이션 (max-height transition) */
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu .submenu li {
    border-bottom: none;
    background-color: #F0EEFF;
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu .submenu li a {
    /* 대메뉴 padding 24px 대비 들여쓰기: 좌측 56px */
    padding: 20px 24px 20px 56px;
    text-align: left;
    color: #3A424B;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.01em;
    white-space: normal;
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu .submenu li a.active, #header .o_container .header_left .gnb #gnb-list li.has-submenu .submenu li a:hover {
    background-color: #F0EEFF;
    color: #3D17AD;
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu {
    /* hover로 인한 자동 노출 차단 (아코디언만 사용) */
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu:hover > .submenu, #header .o_container .header_left .gnb #gnb-list li.has-submenu:focus-within > .submenu {
    max-height: 0;
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu {
    /* active: 펼침과 무관, toggle 보라색 하이라이트만 적용 */
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu.active > .submenu-toggle {
    background-color: #F6F5FF;
    color: #3D17AD;
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu {
    /* is-expanded: 실제 펼침 상태 (사용자 토글) */
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu.is-expanded > .submenu-toggle {
    background-color: #F6F5FF;
    color: #3D17AD;
    /* chevron 180도 회전 */
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu.is-expanded > .submenu-toggle::after {
    transform: rotate(225deg);
    margin-top: -4px;
  }
  #header .o_container .header_left .gnb #gnb-list li.has-submenu.is-expanded .submenu, #header .o_container .header_left .gnb #gnb-list li.has-submenu.is-expanded:hover > .submenu, #header .o_container .header_left .gnb #gnb-list li.has-submenu.is-expanded:focus-within > .submenu {
    max-height: 500px;
  }
  #header .o_container .header_left .gnb .btn_wrap {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 24px;
  }
  #header .o_container .header_left .gnb .btn_wrap > button {
    font-weight: 700;
  }
}
#header .o_container .header_right .btn_wrap {
  display: flex;
  justify-content: end;
  gap: 20px;
}
@media (max-width: 1199px) {
  #header .o_container .header_right .btn_wrap .btn_login {
    display: none;
  }
}
#header {
  /* 사용자 환경 배려 */
}
@media (prefers-reduced-motion: reduce) {
  #header .gnb {
    transition: none !important;
  }
  #header #menu_background {
    transition: none !important;
  }
}

/* wms,fms card */
.o_card.card {
  border: none;
  --o-card-padding: 58px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .o_card.card {
    --o-card-padding: 48px;
  }
}
@media (max-width: 767px) {
  .o_card.card {
    --o-card-padding: 32px;
  }
}
.o_card.card {
  padding: var(--o-card-padding);
}
.o_card.card.card_ani {
  flex-direction: row;
  justify-content: space-between;
  padding: var(--o-card-padding) 0 0 var(--o-card-padding);
  overflow: hidden;
}
@media (max-width: 1199px) {
  .o_card.card.card_ani {
    flex-direction: column;
    gap: 48px;
  }
}
@media (max-width: 767px) {
  .o_card.card.card_ani {
    gap: 32px;
  }
}
.o_card.card.card_ani .btn_wrap {
  margin-top: 32px;
}
.o_card.card.card_ani .ani_wrap {
  max-width: 590px;
}
@media (max-width: 1199px) {
  .o_card.card.card_ani .ani_wrap {
    max-width: 100%;
  }
}
.o_card.card .card_sub_tit {
  margin-bottom: 4px;
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-weight: 700;
}
.o_card.card .card_tit {
  margin-bottom: 24px;
  font-size: var(--Typography-Heading-H4);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.o_card.card .card_desc {
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.o_card.card .img_wrap {
  padding-top: 37px;
  text-align: right;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .o_card.card .img_wrap {
    padding-top: 48px;
  }
}
@media (max-width: 767px) {
  .o_card.card .img_wrap {
    padding-top: 32px;
  }
}
.o_card.card .img_wrap img {
  width: 180px;
  height: 180px;
}
@media (max-width: 767px) {
  .o_card.card .img_wrap img {
    width: 130px;
    height: 130px;
  }
}

.section_title_area {
  text-align: center;
  margin-bottom: var(--section-spacing-xs);
}
.section_title_area .section_tit_badge {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  padding: 20px 28px;
  margin-bottom: 40px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .section_title_area .section_tit_badge {
    border-radius: 8px;
  }
}
.section_title_area .section_tit_badge {
  font-size: var(--Typography-Heading-H4);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .section_title_area .section_tit_badge {
    padding: 20px 28px;
  }
}
@media (max-width: 767px) {
  .section_title_area .section_tit_badge {
    padding: 16px 20px;
  }
}
.section_title_area .section_tit_badge i {
  font-size: var(--Typography-Heading-H4);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.section_title_area .section_sub_tit {
  color: var(--gray-700);
  font-size: var(--Typography-Body-L);
  line-height: 140%;
  font-weight: 600;
  letter-spacing: -0.01em;
  font-weight: 500;
}

#main section#hero {
  padding: 0;
  background: linear-gradient(180deg, var(--gray-0) 11.89%, var(--wms-200) 100%);
  position: relative;
}
#main section#hero .swiper {
  width: 100%;
}
#main section#hero .swiper-slide {
  padding: 100px;
  box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#hero .swiper-slide {
    padding: 70px 20px 20px;
  }
}
@media (max-width: 767px) {
  #main section#hero .swiper-slide {
    padding: 54px 20px 20px;
  }
}
@media (min-width: 1200px) {
  #main section#hero .swiper-slide {
    min-height: 920px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
#main section#hero .swiper-slide.hero-video-slide {
  padding: 0;
  min-height: 0;
  position: relative;
  overflow: hidden;
}
#main section#hero .swiper-slide.hero-video-slide .hero-video {
  width: 100%;
  height: auto;
  display: block;
}
#main section#hero .swiper-slide.hero-video-slide article {
  position: absolute;
  inset: 0;
  padding: 100px;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 2;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#hero .swiper-slide.hero-video-slide article {
    padding: 70px 20px 20px;
  }
}
@media (max-width: 767px) {
  #main section#hero .swiper-slide.hero-video-slide article {
    padding: 54px 20px 20px;
  }
}
#main section#hero .swiper-slide.hero-video-slide article::after {
  content: "";
  display: block;
  flex: 0 1 850px;
  max-width: 850px;
  aspect-ratio: 850/720;
}
@media (max-width: 1199px) {
  #main section#hero .swiper-slide.hero-video-slide article::after {
    display: none;
  }
}
#main section#hero .swiper-slide.hero-video-slide article .text_area {
  pointer-events: auto;
}
#main section#hero .swiper-slide.hero-video-slide article .text_area .titles .title,
#main section#hero .swiper-slide.hero-video-slide article .text_area .titles .sub_title {
  color: #FFFFFF;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15), 1px -1px 0 rgba(0, 0, 0, 0.15), -1px 1px 0 rgba(0, 0, 0, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.15), 0 2px 10px rgba(0, 0, 0, 0.12);
}
#main section#hero .swiper-slide.hero-video-slide article .text_area .titles .sub_title {
  color: rgba(255, 255, 255, 0.95);
}
#main section#hero .swiper-slide.hero-video-slide article .text_area .btn_group {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#hero .swiper-slide.hero-video-slide article .text_area .btn_group {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  #main section#hero .swiper-slide.hero-video-slide article .text_area .btn_group {
    gap: 8px;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  #main section#hero .swiper-slide.hero-video-slide {
    min-height: 540px;
  }
  #main section#hero .swiper-slide.hero-video-slide .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (min-width: 1860px) {
  #main section#hero .swiper-slide.hero-video-slide {
    min-height: 920px;
  }
  #main section#hero .swiper-slide.hero-video-slide .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
#main section#hero .swiper-slide.hero-partner-slide {
  padding: 0;
  min-height: 0;
  position: relative;
  overflow: hidden;
  background: #0B0B10 url("../img/ybcommerce/hero-slide-bg.webp") center/cover no-repeat;
}
@media (max-width: 767px) {
  #main section#hero .swiper-slide.hero-partner-slide {
    background-position: bottom center;
    background-size: auto;
  }
}
#main section#hero .swiper-slide.hero-partner-slide article {
  position: relative;
  min-height: 920px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 100px;
  box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#hero .swiper-slide.hero-partner-slide article {
    min-height: 700px;
    padding: 70px 20px 20px;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  #main section#hero .swiper-slide.hero-partner-slide article {
    min-height: 700px;
    padding: 54px 20px 40px;
    justify-content: flex-start;
  }
  #main section#hero .swiper-slide.hero-partner-slide article::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11, 11, 16, 0) 0%, rgba(11, 11, 16, 0.15) 45%, rgba(11, 11, 16, 0.6) 100%);
    pointer-events: none;
  }
}
#main section#hero .swiper-slide.hero-partner-slide article .text_area {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#main section#hero .swiper-slide.hero-partner-slide article .text_area .hero-partner-logo {
  height: 39px;
  width: auto;
  margin-bottom: 63px;
}
@media (max-width: 1199px) {
  #main section#hero .swiper-slide.hero-partner-slide article .text_area .hero-partner-logo {
    height: 28px;
    margin-bottom: 32px;
  }
}
#main section#hero .swiper-slide.hero-partner-slide article .text_area .titles .title,
#main section#hero .swiper-slide.hero-partner-slide article .text_area .titles .sub_title {
  color: #FFFFFF;
}
#main section#hero .swiper-slide.hero-partner-slide article .text_area .titles .sub_title {
  color: #B8A9C0;
}
#main section#hero .swiper-slide.hero-partner-slide article .text_area .btn_group {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 1199px) {
  #main section#hero .swiper-slide.hero-partner-slide article .text_area .btn_group {
    gap: 12px;
  }
}
#main section#hero .swiper-pagination {
  bottom: 24px;
}
#main section#hero .swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background: url("../img/slider-pagination.svg") center/contain no-repeat;
}
#main section#hero .swiper-pagination .swiper-pagination-bullet-active {
  background-image: url("../img/slider-pagination-active.svg");
}
#main section#hero .swiper-button-prev {
  left: 60px;
}
@media (max-width: 1199px) {
  #main section#hero .swiper-button-prev {
    display: none;
  }
}
#main section#hero .swiper-button-next {
  right: 60px;
}
@media (max-width: 1199px) {
  #main section#hero .swiper-button-next {
    display: none;
  }
}
#main section#hero .container2 {
  max-width: none;
  align-items: center;
}
#main section#hero .container2 article {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
}
@media (max-width: 1199px) {
  #main section#hero .container2 article {
    flex-direction: column;
    gap: 0;
    text-align: center;
  }
}
@media (min-width: 1200px) {
  #main section#hero .container2 article .text_area {
    min-width: 410px;
  }
}
#main section#hero .container2 article .text_area .titles {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1 1 0;
  margin-bottom: 52px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#hero .container2 article .text_area .titles {
    gap: 24px;
    align-items: center;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  #main section#hero .container2 article .text_area .titles {
    gap: 20px;
    align-items: center;
    margin-bottom: 32px;
  }
}
#main section#hero .container2 article .text_area .titles .sub_title {
  color: #68737C;
}
#main section#hero .container2 article picture {
  max-width: 850px;
  max-height: 720px;
}
#main section#hero .container2 article picture img {
  width: 100%;
  max-width: 850px;
  max-height: 720px;
}
@media (max-width: 1199px) {
  #main section#hero .container2 article picture img.send {
    margin-top: 10%;
  }
}
#main section#intro {
  padding: var(--section-spacing-m) 0;
}
#main section#intro .o_container {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  #main section#intro .o_container {
    flex-direction: column;
    gap: 40px;
  }
}
#main section#intro .o_container .text_area {
  display: flex;
  gap: 72px;
  flex-direction: column;
}
@media (max-width: 1199px) {
  #main section#intro .o_container .text_area {
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 767px) {
  #main section#intro .o_container .text_area {
    gap: 40px;
  }
}
#main section#intro .o_container .text_area .titles .sub_tit {
  color: var(--wms-600);
}
#main section#intro .o_container .text_area .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#main section#intro .o_container .text_area .content article {
  padding: 32px;
  background: var(--wms-100);
  border-radius: 16px;
}
@media (max-width: 767px) {
  #main section#intro .o_container .text_area .content article {
    border-radius: 12px;
  }
}
@media (max-width: 1199px) {
  #main section#intro .o_container .text_area .content article {
    background: var(--gray-50);
  }
}
#main section#intro .o_container .text_area .content article .tit {
  margin-bottom: 10px;
}
#main section#intro .o_container picture {
  max-width: 600px;
}
@media (max-width: 1199px) {
  #main section#intro .o_container picture {
    max-width: none;
  }
}
#main section#intro .o_container picture img {
  width: 100%;
}
#main section#solution {
  padding: var(--section-spacing-m) 0;
  background: var(--gray-50);
}
#main section#solution #enterprise {
  padding: var(--section-spacing-s) 0;
}
#main section#solution #enterprise .o_container > h3 {
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  #main section#solution #enterprise .o_container > h3 {
    text-align: center;
  }
}
#main section#solution #enterprise .o_container > article {
  display: flex;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#solution #enterprise .o_container > article {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #main section#solution #enterprise .o_container > article {
    border-radius: 12px;
  }
}
@media (max-width: 1199px) {
  #main section#solution #enterprise .o_container > article {
    flex-direction: column;
  }
}
#main section#solution #enterprise .o_container > article > * {
  flex: 1;
}
#main section#solution #enterprise .o_container .text_area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 52px;
  padding: 52px;
  background-color: var(--gray-0);
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#solution #enterprise .o_container .text_area {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #main section#solution #enterprise .o_container .text_area {
    border-radius: 12px;
  }
}
#main section#solution #enterprise .o_container .text_area {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (max-width: 1199px) {
  #main section#solution #enterprise .o_container .text_area {
    border-radius: 20px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}
@media (max-width: 1199px) and (min-width: 768px) and (max-width: 1199px) {
  #main section#solution #enterprise .o_container .text_area {
    border-radius: 16px;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  #main section#solution #enterprise .o_container .text_area {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  #main section#solution #enterprise .o_container .text_area {
    padding: 24px;
  }
}
#main section#solution #enterprise .o_container .text_area .txt_wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 767px) {
  #main section#solution #enterprise .o_container .text_area .txt_wrap {
    align-items: center;
  }
}
#main section#solution #enterprise .o_container .text_area .txt_wrap .titles {
  color: var(--wms-600);
}
@media (max-width: 767px) {
  #main section#solution #enterprise .o_container .text_area .txt_wrap .titles {
    text-align: center;
  }
}
#main section#solution #enterprise .o_container .text_area .txt_wrap ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#main section#solution #enterprise .o_container .text_area .btn_wrap {
  text-align: right;
}
@media (max-width: 767px) {
  #main section#solution #enterprise .o_container .text_area .btn_wrap {
    text-align: center;
  }
}
#main section#solution #enterprise .o_container .img_area {
  aspect-ratio: 336/235.2;
  background: url("../img/main-enterprise-section-banner-img.webp") center/cover no-repeat;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#solution #enterprise .o_container .img_area {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #main section#solution #enterprise .o_container .img_area {
    border-radius: 12px;
  }
}
#main section#solution #enterprise .o_container .img_area {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#solution #enterprise .o_container .img_area {
    aspect-ratio: 344/179;
  }
}
@media (max-width: 1199px) {
  #main section#solution #enterprise .o_container .img_area {
    border-radius: 20px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
}
@media (max-width: 1199px) and (min-width: 768px) and (max-width: 1199px) {
  #main section#solution #enterprise .o_container .img_area {
    border-radius: 16px;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  #main section#solution #enterprise .o_container .img_area {
    border-radius: 12px;
  }
}
#main section#solution #banner .o_container .text_area {
  padding: 40px 40px 88px;
  background: url("../img/banner-teaching.webp"), linear-gradient(90deg, #DFEDFF 0%, #B8DAFF 100%);
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#solution #banner .o_container .text_area {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #main section#solution #banner .o_container .text_area {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  #main section#solution #banner .o_container .text_area {
    aspect-ratio: 2/1.3;
    background-position: right bottom, center;
    background-size: 80%, contain;
  }
}
#main section#solution #banner .o_container .text_area .o_btn.ghost {
  padding: 0;
  margin-top: 8px;
  color: #006CD9;
}
#main section#wms .o_container .text_area,
#main section#fulfillment .o_container .text_area {
  margin-bottom: var(--section-spacing-xs);
}
#main section#wms .o_container .text_area .titles,
#main section#fulfillment .o_container .text_area .titles {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#main section#wms .o_container .text_area .titles .info,
#main section#fulfillment .o_container .text_area .titles .info {
  color: var(--wms-500);
}
@media (max-width: 1199px) {
  #main section#wms .o_container .text_area,
  #main section#fulfillment .o_container .text_area {
    text-align: center;
  }
}
#main section#wms .o_container .tab_content .tablet.mobile,
#main section#fulfillment .o_container .tab_content .tablet.mobile {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: center;
  padding: 20px;
  background-color: var(--wms-500);
  color: var(--gray-0);
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#wms .o_container .tab_content .tablet.mobile,
  #main section#fulfillment .o_container .tab_content .tablet.mobile {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #main section#wms .o_container .tab_content .tablet.mobile,
  #main section#fulfillment .o_container .tab_content .tablet.mobile {
    border-radius: 12px;
  }
}
#main section#wms .o_container .tab_content .tablet.mobile,
#main section#fulfillment .o_container .tab_content .tablet.mobile {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
#main section#wms .o_container .tab_content .nav_wrap,
#main section#fulfillment .o_container .tab_content .nav_wrap {
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  #main section#wms .o_container .tab_content .nav_wrap,
  #main section#fulfillment .o_container .tab_content .nav_wrap {
    display: none;
  }
}
#main section#wms .o_container .tab_content .nav_wrap .nav,
#main section#fulfillment .o_container .tab_content .nav_wrap .nav {
  border: none;
  display: flex;
  gap: 20px;
}
#main section#wms .o_container .tab_content .nav_wrap .nav .nav_text_wrap,
#main section#fulfillment .o_container .tab_content .nav_wrap .nav .nav_text_wrap {
  border: none;
  flex: 1;
  text-align: center;
  padding: 43px 20px;
  background: var(--gray-0);
  cursor: pointer;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#wms .o_container .tab_content .nav_wrap .nav .nav_text_wrap,
  #main section#fulfillment .o_container .tab_content .nav_wrap .nav .nav_text_wrap {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #main section#wms .o_container .tab_content .nav_wrap .nav .nav_text_wrap,
  #main section#fulfillment .o_container .tab_content .nav_wrap .nav .nav_text_wrap {
    border-radius: 12px;
  }
}
#main section#wms .o_container .tab_content .nav_wrap .nav .nav_text_wrap > span,
#main section#fulfillment .o_container .tab_content .nav_wrap .nav .nav_text_wrap > span {
  color: var(--gray-500);
}
#main section#wms .o_container .tab_content .nav_wrap .nav .nav_text_wrap > p,
#main section#fulfillment .o_container .tab_content .nav_wrap .nav .nav_text_wrap > p {
  color: var(--gray-600);
}
#main section#wms .o_container .tab_content .nav_wrap .nav .nav_text_wrap.active,
#main section#fulfillment .o_container .tab_content .nav_wrap .nav .nav_text_wrap.active {
  background-color: var(--wms-500);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
#main section#wms .o_container .tab_content .nav_wrap .nav .nav_text_wrap.active > span,
#main section#fulfillment .o_container .tab_content .nav_wrap .nav .nav_text_wrap.active > span {
  color: var(--gray-0);
}
#main section#wms .o_container .tab_content .nav_wrap .nav .nav_text_wrap.active > p,
#main section#fulfillment .o_container .tab_content .nav_wrap .nav .nav_text_wrap.active > p {
  color: var(--gray-0);
}
#main section#wms .o_container .tab_content .content_wrap,
#main section#fulfillment .o_container .tab_content .content_wrap {
  overflow: hidden;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#wms .o_container .tab_content .content_wrap,
  #main section#fulfillment .o_container .tab_content .content_wrap {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #main section#wms .o_container .tab_content .content_wrap,
  #main section#fulfillment .o_container .tab_content .content_wrap {
    border-radius: 12px;
  }
}
@media (max-width: 1199px) {
  #main section#wms .o_container .tab_content .content_wrap,
  #main section#fulfillment .o_container .tab_content .content_wrap {
    display: flex;
    flex-direction: column;
    gap: var(--section-spacing-xs);
  }
}
@media (max-width: 1199px) {
  #main section#wms .o_container .tab_content .content_wrap .tab-pane,
  #main section#fulfillment .o_container .tab_content .content_wrap .tab-pane {
    display: block;
  }
  #main section#wms .o_container .tab_content .content_wrap .tab-pane.fade:not(.show),
  #main section#fulfillment .o_container .tab_content .content_wrap .tab-pane.fade:not(.show) {
    opacity: 1;
  }
}
#main section#wms .o_container .tab_content .content_wrap .tab-pane .tab_wrap,
#main section#fulfillment .o_container .tab_content .content_wrap .tab-pane .tab_wrap {
  display: flex;
  gap: 10px;
  align-items: center;
  background-color: var(--gray-0);
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#wms .o_container .tab_content .content_wrap .tab-pane .tab_wrap,
  #main section#fulfillment .o_container .tab_content .content_wrap .tab-pane .tab_wrap {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #main section#wms .o_container .tab_content .content_wrap .tab-pane .tab_wrap,
  #main section#fulfillment .o_container .tab_content .content_wrap .tab-pane .tab_wrap {
    border-radius: 12px;
  }
}
@media (max-width: 1199px) {
  #main section#wms .o_container .tab_content .content_wrap .tab-pane .tab_wrap,
  #main section#fulfillment .o_container .tab_content .content_wrap .tab-pane .tab_wrap {
    flex-direction: column-reverse;
    gap: 26px;
  }
}
#main section#wms .o_container .tab_content .content_wrap .tab-pane .tab_wrap .tab_left,
#main section#fulfillment .o_container .tab_content .content_wrap .tab-pane .tab_wrap .tab_left {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}
@media (max-width: 1199px) {
  #main section#wms .o_container .tab_content .content_wrap .tab-pane .tab_wrap .tab_left,
  #main section#fulfillment .o_container .tab_content .content_wrap .tab-pane .tab_wrap .tab_left {
    gap: 16px;
  }
}
#main section#wms .o_container .tab_content .content_wrap .tab-pane .tab_wrap .tab_left .func_list,
#main section#fulfillment .o_container .tab_content .content_wrap .tab-pane .tab_wrap .tab_left .func_list {
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: 362px;
  padding: 22.5px 20px;
  background-color: var(--wms-100);
  border-radius: 12px;
}
@media (max-width: 767px) {
  #main section#wms .o_container .tab_content .content_wrap .tab-pane .tab_wrap .tab_left .func_list,
  #main section#fulfillment .o_container .tab_content .content_wrap .tab-pane .tab_wrap .tab_left .func_list {
    border-radius: 8px;
  }
}
@media (max-width: 1199px) {
  #main section#wms .o_container .tab_content .content_wrap .tab-pane .tab_wrap .tab_left .func_list,
  #main section#fulfillment .o_container .tab_content .content_wrap .tab-pane .tab_wrap .tab_left .func_list {
    justify-content: center;
    min-width: 0;
    padding: 16px 20px;
  }
}
#main section#wms .o_container .tab_content .content_wrap .tab-pane .tab_wrap .tab_left,
#main section#fulfillment .o_container .tab_content .content_wrap .tab-pane .tab_wrap .tab_left {
  max-width: 783px;
}
@media (max-width: 1199px) {
  #main section#wms .o_container .tab_content .content_wrap .tab-pane .tab_wrap .tab_left,
  #main section#fulfillment .o_container .tab_content .content_wrap .tab-pane .tab_wrap .tab_left {
    width: 100%;
    max-width: none;
  }
}
#main section#fulfillment {
  padding: var(--section-spacing-m) 0;
  background-color: var(--gray-0);
}
#main section#fulfillment .o_container .text_area .titles .info {
  color: var(--fms-500);
}
#main section#fulfillment .o_container .tab_content .tablet.mobile {
  background-color: var(--fms-500);
}
#main section#fulfillment .o_container .tab_content .nav_wrap .nav .nav_text_wrap {
  background: var(--gray-50);
}
#main section#fulfillment .o_container .tab_content .nav_wrap .nav .nav_text_wrap.active {
  background-color: var(--fms-500);
}
#main section#fulfillment .o_container .tab_content .content_wrap .tab-pane .tab_wrap {
  background-color: var(--gray-50);
}
#main section#fulfillment .o_container .tab_content .content_wrap .tab-pane .tab_wrap .tab_left .func_list {
  background-color: var(--gray-0);
}
#main section#cooperation {
  position: relative;
  padding: var(--section-spacing-m) 0 20px;
  background: linear-gradient(180deg, #261E57 0%, #3E297D 100%);
}
#main section#cooperation .o_container .text_area {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: var(--section-spacing-xs);
}
@media (max-width: 1199px) {
  #main section#cooperation .o_container .text_area {
    align-items: center;
    text-align: center;
  }
}
#main section#cooperation .o_container .text_area .word_tit {
  color: var(--wms-300);
}
#main section#cooperation .o_container .text_area .tit {
  color: var(--gray-0);
}
#main section#cooperation .o_container .text_area .sub_tit {
  color: var(--gray-0);
}
#main section#cooperation .o_container .corp_list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(5, minmax(0, 1fr));
  gap: 20px;
}
@media (max-width: 767px) {
  #main section#cooperation .o_container .corp_list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
}
#main section#cooperation .o_container .corp_list .list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 24px;
  background-color: var(--gray-0);
  border-radius: var(--Radius-S, 12px);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  color: var(--gray-400);
  border-radius: 12px;
}
@media (max-width: 767px) {
  #main section#cooperation .o_container .corp_list .list {
    border-radius: 8px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#cooperation .o_container .corp_list .list {
    gap: 4px;
    padding: 12px;
  }
}
@media (max-width: 767px) {
  #main section#cooperation .o_container .corp_list .list {
    gap: 4px;
    padding: 8px;
  }
}
#main section#cooperation .o_container .corp_list .list.m {
  display: none;
}
@media (max-width: 767px) {
  #main section#cooperation .o_container .corp_list .list.m {
    display: flex;
  }
}
#main section#cooperation .o_container .corp_list .list .corp_img {
  width: 100%;
  aspect-ratio: 3/1;
  object-fit: contain;
  object-position: center;
}
#main section#cooperation .o_container .corp_list .list .corp_name {
  color: #68737C;
  font-size: var(--Typography-Utility-Caption);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
#main section#cooperation .cover {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 334px;
  z-index: 1;
  background: linear-gradient(180deg, rgba(62, 41, 125, 0) 0%, #3E297D 95.28%);
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#cooperation .cover {
    height: 174px;
  }
}
@media (max-width: 767px) {
  #main section#cooperation .cover {
    height: 154px;
  }
}
#main section#clients {
  padding: var(--section-spacing-s) 0;
  background-color: var(--gray-50);
  overflow: hidden;
}
#main section#clients .o_container .text_area {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: var(--section-spacing-xs);
}
@media (max-width: 1199px) {
  #main section#clients .o_container .text_area {
    align-items: center;
  }
}
#main section#clients .o_container .text_area .word_tit {
  color: var(--wms-500);
}
#main section#clients .o_container .text_area .tit {
  color: var(--gray-900);
}
#main section#clients .o_container .text_area .sub_tit {
  color: var(--gray-700);
}
#main section#clients .client_list .top,
#main section#clients .client_list .bottom {
  display: flex;
  gap: 40px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#clients .client_list .top,
  #main section#clients .client_list .bottom {
    gap: 22px;
  }
}
@media (max-width: 767px) {
  #main section#clients .client_list .top,
  #main section#clients .client_list .bottom {
    gap: 15px;
  }
}
@keyframes company-ani-right {
  0% {
    transform: translateX(-50%);
  }
  50% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes company-ani-left {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
#main section#clients .client_list .top {
  animation: company-ani-right 30s linear infinite;
  margin-bottom: 43px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#clients .client_list .top {
    margin-bottom: 22px;
  }
}
@media (max-width: 767px) {
  #main section#clients .client_list .top {
    margin-bottom: 15px;
  }
}
#main section#clients .client_list .bottom {
  animation: company-ani-left 30s linear infinite;
}
#main section#clients .client_list .list {
  width: 285px;
  height: 148px;
  padding: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  align-items: center;
  background-color: var(--gray-0);
  border-radius: 12px;
}
@media (max-width: 767px) {
  #main section#clients .client_list .list {
    border-radius: 8px;
  }
}
#main section#clients .client_list .list {
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#clients .client_list .list {
    width: 156.718px;
    height: 81.384px;
    padding: 12px;
  }
}
@media (max-width: 767px) {
  #main section#clients .client_list .list {
    width: 108.451px;
    height: 56.319px;
    padding: 8px;
  }
}
#main section#clients .client_list .list img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/1;
  object-fit: contain;
  object-position: center;
}

main#wms section#order,
main#wms section#das,
main#wms section#stock,
main#wms section#cs,
main#wms section#analysis {
  padding: var(--section-spacing-s) 0;
}
main#wms section#order .o_container,
main#wms section#das .o_container,
main#wms section#stock .o_container,
main#wms section#cs .o_container,
main#wms section#analysis .o_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main#wms section#order .o_container .content_area,
main#wms section#das .o_container .content_area,
main#wms section#stock .o_container .content_area,
main#wms section#cs .o_container .content_area,
main#wms section#analysis .o_container .content_area {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
main#wms section#order .o_container .content_area .gap_40,
main#wms section#das .o_container .content_area .gap_40,
main#wms section#stock .o_container .content_area .gap_40,
main#wms section#cs .o_container .content_area .gap_40,
main#wms section#analysis .o_container .content_area .gap_40 {
  display: flex;
  gap: 40px;
}
@media (max-width: 1199px) {
  main#wms section#order .o_container .content_area .gap_40,
  main#wms section#das .o_container .content_area .gap_40,
  main#wms section#stock .o_container .content_area .gap_40,
  main#wms section#cs .o_container .content_area .gap_40,
  main#wms section#analysis .o_container .content_area .gap_40 {
    flex-direction: column;
  }
}
main#wms section#order .o_container .content_area .gap_40 > *,
main#wms section#das .o_container .content_area .gap_40 > *,
main#wms section#stock .o_container .content_area .gap_40 > *,
main#wms section#cs .o_container .content_area .gap_40 > *,
main#wms section#analysis .o_container .content_area .gap_40 > * {
  flex: 1;
}
main#wms section#top_banner {
  position: relative;
}
main#wms section#top_banner .top_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 130px;
  background: url("../img/wms-background.webp") center/cover no-repeat;
  color: var(--gray-0);
  max-width: 100%;
}
main#wms section#top_banner .top_wrap .title_bagde {
  padding: 8px 24px;
  margin-bottom: 24px;
  border: 2px solid var(--wms-200);
  color: var(--wms-200);
  border-radius: 12px;
}
@media (max-width: 767px) {
  main#wms section#top_banner .top_wrap .title_bagde {
    border-radius: 8px;
  }
}
main#wms section#top_banner .top_wrap .title {
  text-align: center;
  margin-bottom: 32%;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#wms section#top_banner .top_wrap .title {
    margin-bottom: 40%;
  }
}
@media (max-width: 767px) {
  main#wms section#top_banner .top_wrap .title {
    margin-bottom: 66%;
  }
}
main#wms section#top_banner .top_wrap picture {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 50%;
  transform: translate(-50%, 8%);
  width: 90%;
}
main#wms section#top_banner .top_wrap picture img {
  width: 100%;
}
main#wms section#order {
  background: #F5F2FF;
}
main#wms section#order .o_container .section_title_area .section_tit_badge {
  color: #3F0D9D;
  background-color: #EBE5FF;
}
main#wms section#order .o_container .content_area .card .card_sub_tit {
  color: #3F0D9D;
}
main#wms section#das {
  background: #EAF9F4;
}
main#wms section#das .o_container .section_title_area .section_tit_badge {
  color: #0A6D62;
  background-color: #CFF2E7;
}
main#wms section#das .o_container .content_area .card .card_sub_tit {
  color: #0A6D62;
}
main#wms section#stock {
  background: #EBF8FF;
}
main#wms section#stock .o_container .section_title_area .section_tit_badge {
  color: #00609C;
  background-color: #CEEFFF;
}
main#wms section#stock .o_container .content_area .card .card_sub_tit {
  color: #00609C;
}
main#wms section#stock .o_container .content_area .toggle_wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion {
  --bs-accordion-btn-icon-width: 36px;
}
@media (max-width: 767px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion {
    --bs-accordion-btn-icon-width: 20px;
  }
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item {
  padding: 0;
  padding: 58px;
  border: none;
  background-color: #00609C;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item {
    border-radius: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item {
    padding: 48px;
  }
}
@media (max-width: 767px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item {
    padding: 24px;
  }
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-button {
  padding: 0;
  display: flex;
  gap: 40px;
  color: var(--gray-0);
  background-color: #00609C;
  font-size: var(--Typography-Heading-H3);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
  --bs-accordion-btn-active-icon: url("../img/ic-arrow-lg-close.svg");
  --bs-accordion-btn-icon: url("../img/ic-arrow-lg-close.svg");
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-button:after {
  background-position: center;
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-button:not(.collapsed) > p {
  color: var(--gray-600);
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-button .ic-crown {
  width: 37px;
  height: 23px;
  background: url("../img/ic-crown.webp") center/contain no-repeat;
}
@media (max-width: 767px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-button .ic-crown {
    width: 26px;
    height: 16px;
  }
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 0;
  padding-top: 58px;
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body {
    padding-top: 48px;
  }
}
@media (max-width: 767px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body {
    padding-top: 24px;
  }
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap {
  display: flex;
  gap: 40px;
}
@media (max-width: 1199px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap {
    gap: 20px;
  }
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  flex: 1;
  gap: 58px;
  padding: 48px 44px 48px 48px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
    flex-direction: row;
    gap: 48px;
    padding: 40px;
  }
}
@media (max-width: 767px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
    gap: 24px;
    padding: 24px;
  }
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
  background-color: var(--gray-0);
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
    border-radius: 12px;
  }
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article.center_item {
  gap: 100px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article.center_item {
    gap: 58px;
  }
}
@media (max-width: 767px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article.center_item {
    gap: 10px;
  }
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article.center_item .ac_img_wrap {
  text-align: center;
}
@media (max-width: 767px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article.center_item .ac_img_wrap {
    text-align: right;
  }
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article .ac_title_wrap .title {
  margin-bottom: 16px;
  font-weight: 600;
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article .ac_img_wrap {
  text-align: right;
}
main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article .ac_img_wrap img {
  width: 180px;
  height: 180px;
}
@media (max-width: 767px) {
  main#wms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article .ac_img_wrap img {
    width: 130px;
    height: 130px;
  }
}
main#wms section#cs {
  background: #FEF4FC;
}
main#wms section#cs .o_container .section_title_area .section_tit_badge {
  color: #81005E;
  background-color: #FFE1F9;
}
main#wms section#cs .o_container .content_area .card .card_sub_tit {
  color: #81005E;
}
main#wms section#analysis {
  background: #F0FBF0;
}
main#wms section#analysis .o_container .section_title_area .section_tit_badge {
  color: #067000;
  background-color: #D5F5D4;
}
main#wms section#analysis .o_container .content_area .card .card_sub_tit {
  color: #067000;
}
main#wms section#enterprise {
  padding: var(--section-spacing-xs) 0;
  background-color: var(--gray-50);
}
main#wms section#enterprise .o_container > h3 {
  margin-bottom: 24px;
  text-align: center;
}
main#wms section#enterprise .o_container > article {
  display: flex;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#wms section#enterprise .o_container > article {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#wms section#enterprise .o_container > article {
    border-radius: 12px;
  }
}
@media (max-width: 1199px) {
  main#wms section#enterprise .o_container > article {
    flex-direction: column;
  }
}
main#wms section#enterprise .o_container > article > * {
  flex: 1;
}
main#wms section#enterprise .o_container .text_area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 52px;
  padding: 52px;
  background-color: var(--gray-0);
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#wms section#enterprise .o_container .text_area {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#wms section#enterprise .o_container .text_area {
    border-radius: 12px;
  }
}
main#wms section#enterprise .o_container .text_area {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (max-width: 1199px) {
  main#wms section#enterprise .o_container .text_area {
    border-radius: 20px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}
@media (max-width: 1199px) and (min-width: 768px) and (max-width: 1199px) {
  main#wms section#enterprise .o_container .text_area {
    border-radius: 16px;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  main#wms section#enterprise .o_container .text_area {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  main#wms section#enterprise .o_container .text_area {
    padding: 24px;
  }
}
main#wms section#enterprise .o_container .text_area .txt_wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 767px) {
  main#wms section#enterprise .o_container .text_area .txt_wrap {
    align-items: center;
  }
}
main#wms section#enterprise .o_container .text_area .txt_wrap .titles {
  color: var(--wms-600);
}
@media (max-width: 767px) {
  main#wms section#enterprise .o_container .text_area .txt_wrap .titles {
    text-align: center;
  }
}
main#wms section#enterprise .o_container .text_area .txt_wrap ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
main#wms section#enterprise .o_container .text_area .btn_wrap {
  text-align: right;
}
@media (max-width: 767px) {
  main#wms section#enterprise .o_container .text_area .btn_wrap {
    text-align: center;
  }
}
main#wms section#enterprise .o_container .img_area {
  aspect-ratio: 336/235.2;
  background: url("../img/main-enterprise-section-banner-img.webp") center/cover no-repeat;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#wms section#enterprise .o_container .img_area {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#wms section#enterprise .o_container .img_area {
    border-radius: 12px;
  }
}
main#wms section#enterprise .o_container .img_area {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#wms section#enterprise .o_container .img_area {
    aspect-ratio: 344/179;
  }
}
@media (max-width: 1199px) {
  main#wms section#enterprise .o_container .img_area {
    border-radius: 20px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
}
@media (max-width: 1199px) and (min-width: 768px) and (max-width: 1199px) {
  main#wms section#enterprise .o_container .img_area {
    border-radius: 16px;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  main#wms section#enterprise .o_container .img_area {
    border-radius: 12px;
  }
}
main#wms section#review_banner {
  padding: var(--section-spacing-m) 0;
  background-color: var(--gray-0);
}
main#wms section#review_banner section#review .o_container .text_area {
  text-align: center;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  main#wms section#review_banner section#review .o_container .text_area {
    margin-bottom: 60px;
  }
}
main#wms section#review_banner section#review .o_container .content_area {
  display: flex;
  gap: 40px;
}
@media (max-width: 1199px) {
  main#wms section#review_banner section#review .o_container .content_area {
    flex-direction: column;
  }
}
main#wms section#review_banner section#review .o_container .content_area > * {
  flex: 1;
}
main#wms section#review_banner section#review .o_container .content_area article {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--gray-300);
  overflow: hidden;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#wms section#review_banner section#review .o_container .content_area article {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#wms section#review_banner section#review .o_container .content_area article {
    border-radius: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#wms section#review_banner section#review .o_container .content_area article {
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  main#wms section#review_banner section#review .o_container .content_area article {
    text-align: center;
  }
}
main#wms section#review_banner section#review .o_container .content_area article > * {
  flex: 1;
}
main#wms section#review_banner section#review .o_container .content_area article .corp_wrap {
  padding: 28px;
}
main#wms section#review_banner section#review .o_container .content_area article .corp_wrap .corp_represent {
  margin-bottom: 24px;
}
main#wms section#review_banner section#review .o_container .content_area article .corp_wrap .label_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  main#wms section#review_banner section#review .o_container .content_area article .corp_wrap .label_wrap {
    justify-content: center;
  }
}
main#wms section#review_banner section#review .o_container .content_area article .corp_wrap .label_wrap > span {
  padding: 8px 16px;
  background-color: var(--wms-100);
  color: var(--wms-600);
  font-size: var(--Typography-Body-XS);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
  border-radius: 8px;
}
main#wms section#review_banner section#review .o_container .content_area article .comment_wrap {
  padding: 32px 28px;
  background-color: var(--gray-100);
}
main#wms section#review_banner section#review .o_container .content_area article .comment_wrap .comment_title {
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 140%;
  /* 원하는 값 */
  min-height: 3em;
  max-height: 3em;
}
main#wms section#review_banner section#banner {
  padding-top: var(--section-spacing-s);
}
main#wms section#review_banner section#banner .o_container .text_area {
  padding: 40px 40px 88px;
  background: url("../img/banner-onehub.webp"), linear-gradient(90deg, #F2F3FF 0%, #D5DCFF 100%);
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#wms section#review_banner section#banner .o_container .text_area {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#wms section#review_banner section#banner .o_container .text_area {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  main#wms section#review_banner section#banner .o_container .text_area {
    aspect-ratio: 2/1.5;
    background-position: right bottom, center;
    background-size: 80%, contain;
  }
}
main#wms section#review_banner section#banner .o_container .text_area .o_btn.ghost {
  padding: 0;
  margin-top: 8px;
  color: var(--fms-600);
}
main#wms section#review_banner section#banner .o_container .text_area .o_btn.ghost svg {
  fill: var(--fms-600);
}
main#wms section#qna {
  padding: var(--section-spacing-m) 0;
  background-color: var(--gray-100);
}
main#wms section#qna .o_container {
  display: flex;
  gap: 38px;
}
@media (max-width: 1199px) {
  main#wms section#qna .o_container {
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  main#wms section#qna .o_container .text_area {
    text-align: center;
  }
}
main#wms section#qna .o_container .content_area {
  flex: 1;
}
main#wms section#qna .o_container .content_area .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
main#wms section#qna .o_container .content_area .accordion .accordion-item {
  padding: 28px 32px;
  border: none;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#wms section#qna .o_container .content_area .accordion .accordion-item {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#wms section#qna .o_container .content_area .accordion .accordion-item {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  main#wms section#qna .o_container .content_area .accordion .accordion-item {
    padding: 20px;
  }
}
main#wms section#qna .o_container .content_area .accordion .accordion-item .accordion-button {
  padding: 0;
  display: flex;
  gap: 40px;
  --bs-accordion-btn-active-icon: url("../img/ic-arrow-close.webp");
  --bs-accordion-btn-icon: url("../img/ic-arrow-close.webp");
}
main#wms section#qna .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
main#wms section#qna .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) > p {
  color: var(--gray-600);
}
main#wms section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 24px 0 0 54px;
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
main#wms section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body .o_btn {
  margin-top: 16px;
}
main#wms section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body .text_wrap {
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: start;
}

main#fms section#subdomain,
main#fms section#dashboard,
main#fms section#inflowsupport,
main#fms section#stock {
  padding: var(--section-spacing-s) 0;
}
main#fms section#subdomain .o_container,
main#fms section#dashboard .o_container,
main#fms section#inflowsupport .o_container,
main#fms section#stock .o_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main#fms section#subdomain .o_container .content_area,
main#fms section#dashboard .o_container .content_area,
main#fms section#inflowsupport .o_container .content_area,
main#fms section#stock .o_container .content_area {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
main#fms section#subdomain .o_container .content_area .gap_40,
main#fms section#dashboard .o_container .content_area .gap_40,
main#fms section#inflowsupport .o_container .content_area .gap_40,
main#fms section#stock .o_container .content_area .gap_40 {
  display: flex;
  gap: 40px;
}
@media (max-width: 1199px) {
  main#fms section#subdomain .o_container .content_area .gap_40,
  main#fms section#dashboard .o_container .content_area .gap_40,
  main#fms section#inflowsupport .o_container .content_area .gap_40,
  main#fms section#stock .o_container .content_area .gap_40 {
    flex-direction: column;
  }
}
main#fms section#subdomain .o_container .content_area .gap_40 > *,
main#fms section#dashboard .o_container .content_area .gap_40 > *,
main#fms section#inflowsupport .o_container .content_area .gap_40 > *,
main#fms section#stock .o_container .content_area .gap_40 > * {
  flex: 1;
}
main#fms section#top_banner {
  position: relative;
}
main#fms section#top_banner .top_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 130px;
  background: url("../img/fms-background.webp") center/cover no-repeat;
  color: var(--gray-0);
  max-width: 100%;
}
main#fms section#top_banner .top_wrap .title_bagde {
  padding: 8px 24px;
  margin-bottom: 24px;
  border: 2px solid var(--fms-200);
  color: var(--fms-200);
  border-radius: 12px;
}
@media (max-width: 767px) {
  main#fms section#top_banner .top_wrap .title_bagde {
    border-radius: 8px;
  }
}
main#fms section#top_banner .top_wrap .title {
  text-align: center;
  margin-bottom: 28%;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#fms section#top_banner .top_wrap .title {
    margin-bottom: 32%;
  }
}
@media (max-width: 767px) {
  main#fms section#top_banner .top_wrap .title {
    margin-bottom: 64%;
  }
}
main#fms section#top_banner .top_wrap picture {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 50%;
  transform: translate(-50%, 13%);
  width: 65%;
}
@media (max-width: 767px) {
  main#fms section#top_banner .top_wrap picture {
    transform: translate(-50%, 8%);
    width: 90%;
  }
}
main#fms section#top_banner .top_wrap picture img {
  width: 100%;
}
main#fms section#subdomain {
  background: #F0FBF0;
}
main#fms section#subdomain .o_container .section_title_area .section_tit_badge {
  color: #067000;
  background-color: #D5F5D4;
}
main#fms section#subdomain .o_container .content_area .card .card_sub_tit {
  color: #067000;
}
main#fms section#dashboard {
  background: #F0F3FF;
}
main#fms section#dashboard .o_container .section_title_area .section_tit_badge {
  color: #001F74;
  background-color: #DDE6FF;
}
main#fms section#dashboard .o_container .content_area .card .card_sub_tit {
  color: #001F74;
}
main#fms section#inflowsupport {
  background: #FEF4FC;
}
main#fms section#inflowsupport .o_container .section_title_area .section_tit_badge {
  color: #81005E;
  background-color: #FFE1FE;
}
main#fms section#inflowsupport .o_container .content_area .card .card_sub_tit {
  color: #81005E;
}
main#fms section#stock {
  background: #EBF8FF;
}
main#fms section#stock .o_container .section_title_area .section_tit_badge {
  color: #00609C;
  background-color: #CEEFFF;
}
main#fms section#stock .o_container .content_area .card .card_sub_tit {
  color: #00609C;
}
main#fms section#stock .o_container .content_area .toggle_wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
main#fms section#stock .o_container .content_area .toggle_wrap .accordion {
  --bs-accordion-btn-icon-width: 36px;
}
@media (max-width: 767px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion {
    --bs-accordion-btn-icon-width: 20px;
  }
}
main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item {
  padding: 0;
  padding: 58px;
  border: none;
  background-color: #00609C;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item {
    border-radius: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item {
    padding: 48px;
  }
}
@media (max-width: 767px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item {
    padding: 24px;
  }
}
main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-button {
  padding: 0;
  display: flex;
  gap: 40px;
  color: var(--gray-0);
  background-color: #00609C;
  font-size: var(--Typography-Heading-H3);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
  --bs-accordion-btn-active-icon: url("../img/ic-arrow-lg-close.svg");
  --bs-accordion-btn-icon: url("../img/ic-arrow-lg-close.svg");
}
main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-button:not(.collapsed) > p {
  color: var(--gray-600);
}
main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-button .ic-crown {
  width: 37px;
  height: 23px;
  background: url("../img/ic-crown.webp") center/contain no-repeat;
}
@media (max-width: 767px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-button .ic-crown {
    width: 26px;
    height: 16px;
  }
}
main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 0;
  padding-top: 58px;
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body {
    padding-top: 48px;
  }
}
@media (max-width: 767px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body {
    padding-top: 24px;
  }
}
main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap {
  display: flex;
  gap: 40px;
}
@media (max-width: 1199px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap {
    gap: 20px;
  }
}
main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  flex: 1;
  gap: 58px;
  padding: 48px 44px 48px 48px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
    flex-direction: row;
    gap: 48px;
    padding: 40px;
  }
}
@media (max-width: 767px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
    gap: 24px;
    padding: 24px;
  }
}
main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
  background-color: var(--gray-0);
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
    border-radius: 12px;
  }
}
main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article.center_item {
  gap: 100px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article.center_item {
    gap: 58px;
  }
}
@media (max-width: 767px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article.center_item {
    gap: 10px;
  }
}
main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article.center_item .ac_img_wrap {
  text-align: center;
}
@media (max-width: 767px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article.center_item .ac_img_wrap {
    text-align: right;
  }
}
main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article .ac_title_wrap .title {
  margin-bottom: 16px;
  font-weight: 600;
}
main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article .ac_img_wrap {
  text-align: right;
}
main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article .ac_img_wrap img {
  width: 180px;
  height: 180px;
}
@media (max-width: 767px) {
  main#fms section#stock .o_container .content_area .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article .ac_img_wrap img {
    width: 130px;
    height: 130px;
  }
}
main#fms section#review_banner {
  padding: var(--section-spacing-m) 0;
  background-color: var(--gray-0);
}
main#fms section#review_banner section#review .o_container .text_area {
  text-align: center;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  main#fms section#review_banner section#review .o_container .text_area {
    margin-bottom: 60px;
  }
}
main#fms section#review_banner section#review .o_container .content_area {
  display: flex;
  gap: 40px;
}
@media (max-width: 1199px) {
  main#fms section#review_banner section#review .o_container .content_area {
    flex-direction: column;
  }
}
main#fms section#review_banner section#review .o_container .content_area > * {
  flex: 1;
}
main#fms section#review_banner section#review .o_container .content_area article {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--gray-300);
  overflow: hidden;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#fms section#review_banner section#review .o_container .content_area article {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#fms section#review_banner section#review .o_container .content_area article {
    border-radius: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#fms section#review_banner section#review .o_container .content_area article {
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  main#fms section#review_banner section#review .o_container .content_area article {
    text-align: center;
  }
}
main#fms section#review_banner section#review .o_container .content_area article > * {
  flex: 1;
}
main#fms section#review_banner section#review .o_container .content_area article .corp_wrap {
  padding: 28px;
}
main#fms section#review_banner section#review .o_container .content_area article .corp_wrap .corp_represent {
  margin-bottom: 24px;
}
main#fms section#review_banner section#review .o_container .content_area article .corp_wrap .label_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  main#fms section#review_banner section#review .o_container .content_area article .corp_wrap .label_wrap {
    justify-content: center;
  }
}
main#fms section#review_banner section#review .o_container .content_area article .corp_wrap .label_wrap > span {
  padding: 8px 16px;
  background-color: var(--fms-100);
  color: var(--fms-600);
  font-size: var(--Typography-Body-XS);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
  border-radius: 8px;
}
main#fms section#review_banner section#review .o_container .content_area article .comment_wrap {
  padding: 32px 28px;
  background-color: var(--gray-100);
}
main#fms section#review_banner section#review .o_container .content_area article .comment_wrap .comment_title {
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 140%;
  /* 원하는 값 */
  min-height: 3em;
  max-height: 3em;
}
main#fms section#qna {
  padding: var(--section-spacing-m) 0;
  background-color: var(--gray-100);
}
main#fms section#qna .o_container {
  display: flex;
  gap: 38px;
}
@media (max-width: 1199px) {
  main#fms section#qna .o_container {
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  main#fms section#qna .o_container .text_area {
    text-align: center;
  }
}
main#fms section#qna .o_container .content_area {
  flex: 1;
}
main#fms section#qna .o_container .content_area .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
main#fms section#qna .o_container .content_area .accordion .accordion-item {
  padding: 28px 32px;
  border: none;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#fms section#qna .o_container .content_area .accordion .accordion-item {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#fms section#qna .o_container .content_area .accordion .accordion-item {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  main#fms section#qna .o_container .content_area .accordion .accordion-item {
    padding: 20px;
  }
}
main#fms section#qna .o_container .content_area .accordion .accordion-item .accordion-button {
  padding: 0;
  display: flex;
  gap: 40px;
  --bs-accordion-btn-active-icon: url("../img/ic-arrow-close.webp");
  --bs-accordion-btn-icon: url("../img/ic-arrow-close.webp");
}
main#fms section#qna .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
main#fms section#qna .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) > p {
  color: var(--gray-600);
}
main#fms section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 24px 0 0 54px;
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
main#fms section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body .text_wrap {
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: start;
}

main#pos section#allinone,
main#pos section#unified,
main#pos section#customer,
main#pos section#effect {
  padding: var(--section-spacing-s) 0;
}
main#pos section#allinone .o_container,
main#pos section#unified .o_container,
main#pos section#customer .o_container,
main#pos section#effect .o_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main#pos section#allinone .o_container .content_area,
main#pos section#unified .o_container .content_area,
main#pos section#customer .o_container .content_area,
main#pos section#effect .o_container .content_area {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
main#pos section#allinone .o_container .content_area .gap_40,
main#pos section#unified .o_container .content_area .gap_40,
main#pos section#customer .o_container .content_area .gap_40,
main#pos section#effect .o_container .content_area .gap_40 {
  display: flex;
  gap: 40px;
}
@media (max-width: 1199px) {
  main#pos section#allinone .o_container .content_area .gap_40,
  main#pos section#unified .o_container .content_area .gap_40,
  main#pos section#customer .o_container .content_area .gap_40,
  main#pos section#effect .o_container .content_area .gap_40 {
    flex-direction: column;
  }
}
main#pos section#allinone .o_container .content_area .gap_40 > *,
main#pos section#unified .o_container .content_area .gap_40 > *,
main#pos section#customer .o_container .content_area .gap_40 > *,
main#pos section#effect .o_container .content_area .gap_40 > * {
  flex: 1;
}
main#pos section#top_banner {
  position: relative;
}
main#pos section#top_banner .top_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 130px;
  background: url("../img/fms-background.webp") center/cover no-repeat;
  color: var(--gray-0);
  max-width: 100%;
}
main#pos section#top_banner .top_wrap .title_bagde {
  padding: 8px 24px;
  margin-bottom: 24px;
  border: 2px solid var(--wms-200);
  color: var(--wms-200);
  border-radius: 12px;
}
@media (max-width: 767px) {
  main#pos section#top_banner .top_wrap .title_bagde {
    border-radius: 8px;
  }
}
main#pos section#top_banner .top_wrap .title {
  text-align: center;
  margin-bottom: min(28%, 557px);
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#pos section#top_banner .top_wrap .title {
    margin-bottom: min(33%, 557px);
  }
}
@media (max-width: 767px) {
  main#pos section#top_banner .top_wrap .title {
    margin-bottom: min(71%, 557px);
  }
}
main#pos section#top_banner .top_wrap picture {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 50%;
  transform: translate(-50%, 24%);
  width: 73%;
  max-width: 1400px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#pos section#top_banner .top_wrap picture {
    transform: translate(-50%, 26%);
  }
}
@media (max-width: 767px) {
  main#pos section#top_banner .top_wrap picture {
    transform: translate(-50%, 14%);
    width: 90%;
  }
}
main#pos section#top_banner .top_wrap picture img {
  width: 100%;
}
main#pos section#allinone {
  background: #EBF8FF;
}
main#pos section#allinone .o_container .section_title_area .section_tit_badge {
  color: #00609C;
  background-color: #CEEFFF;
}
main#pos section#unified {
  background: #EAF9F4;
}
main#pos section#unified .o_container .section_title_area .section_tit_badge {
  color: #0A6D62;
  background-color: #CFF2E7;
}
main#pos section#unified .o_container .content_area .card .card_sub_tit {
  color: #0A6D62;
}
@media (max-width: 1199px) {
  main#pos section#unified .o_container .content_area .card_ani .ani_wrap {
    padding: 0 var(--o-card-padding) var(--o-card-padding) 0;
    text-align: right;
  }
  main#pos section#unified .o_container .content_area .card_ani .ani_wrap img {
    width: 180px;
    height: 180px;
  }
}
main#pos section#customer {
  background: #F5F2FF;
}
main#pos section#customer .o_container .section_title_area .section_tit_badge {
  color: #3F0D9D;
  background-color: #EBE5FF;
}
main#pos section#customer .o_container .content_area .card .card_sub_tit {
  color: #3F0D9D;
}
main#pos section#customer .o_container .content_area .card .card_highlight {
  margin-top: 16px;
  color: #683DEC;
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-weight: 700;
  border-radius: 12px;
}
@media (max-width: 767px) {
  main#pos section#customer .o_container .content_area .card .card_highlight {
    border-radius: 8px;
  }
}
main#pos section#effect {
  background: #FEF4FC;
}
main#pos section#effect .o_container .section_title_area .section_tit_badge {
  color: #81005E;
  background-color: #FFE1F9;
}
main#pos section#effect .o_container .content_area .card.effect_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
main#pos section#effect .o_container .content_area .card.effect_card .img_wrap {
  padding-top: 0;
  margin-bottom: 24px;
  text-align: center;
}
@media (max-width: 767px) {
  main#pos section#effect .o_container .content_area .card.effect_card .img_wrap {
    margin-bottom: 16px;
  }
}
main#pos section#effect .o_container .content_area .card.effect_card .tit_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
main#pos section#effect .o_container .content_area .card.effect_card .tit_wrap .card_tit {
  margin-bottom: 0;
  color: var(--gray-900);
  font-size: var(--Typography-Heading-H1);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
main#pos section#effect .o_container .content_area .card.effect_card .tit_wrap .card_desc {
  color: var(--gray-700);
}
main#pos section#qna {
  padding: var(--section-spacing-m) 0;
  background-color: var(--gray-100);
}
main#pos section#qna .o_container {
  display: flex;
  gap: 38px;
}
@media (max-width: 1199px) {
  main#pos section#qna .o_container {
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  main#pos section#qna .o_container .text_area {
    text-align: center;
  }
}
main#pos section#qna .o_container .content_area {
  flex: 1;
}
main#pos section#qna .o_container .content_area .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
main#pos section#qna .o_container .content_area .accordion .accordion-item {
  padding: 28px 32px;
  border: none;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#pos section#qna .o_container .content_area .accordion .accordion-item {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#pos section#qna .o_container .content_area .accordion .accordion-item {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  main#pos section#qna .o_container .content_area .accordion .accordion-item {
    padding: 20px;
  }
}
main#pos section#qna .o_container .content_area .accordion .accordion-item .accordion-button {
  padding: 0;
  display: flex;
  gap: 40px;
  --bs-accordion-btn-active-icon: url("../img/ic-arrow-close.webp");
  --bs-accordion-btn-icon: url("../img/ic-arrow-close.webp");
}
main#pos section#qna .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
main#pos section#qna .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) > p {
  color: var(--gray-600);
}
main#pos section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 24px 0 0 54px;
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
main#pos section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body .o_btn {
  margin-top: 16px;
}
main#pos section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body .text_wrap {
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: start;
}

main#api .o_card.card.card_ani {
  padding: 0;
}
main#api .o_card.card.card_ani .tit_wrap {
  padding: var(--o-card-padding) 0 0 var(--o-card-padding);
}
@media (max-width: 1199px) {
  main#api .o_card.card.card_ani .ani_wrap {
    padding: 0 var(--o-card-padding) var(--o-card-padding) 0;
    text-align: right;
  }
  main#api .o_card.card.card_ani .ani_wrap img {
    width: 180px;
    height: 180px;
  }
}
main#api section#compare,
main#api section#features,
main#api section#process,
main#api section#pricing {
  padding: var(--section-spacing-s) 0;
}
main#api section#compare .o_container,
main#api section#features .o_container,
main#api section#process .o_container,
main#api section#pricing .o_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main#api section#compare .o_container .content_area,
main#api section#features .o_container .content_area,
main#api section#process .o_container .content_area,
main#api section#pricing .o_container .content_area {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
main#api section#top_banner {
  position: relative;
}
main#api section#top_banner .top_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 130px;
  background: url("../img/wms-background.webp") center/cover no-repeat;
  color: var(--gray-0);
  max-width: 100%;
}
main#api section#top_banner .top_wrap .title_bagde {
  padding: 8px 24px;
  margin-bottom: 24px;
  border: 2px solid var(--wms-200);
  color: var(--wms-200);
  border-radius: 12px;
}
@media (max-width: 767px) {
  main#api section#top_banner .top_wrap .title_bagde {
    border-radius: 8px;
  }
}
main#api section#top_banner .top_wrap .title {
  text-align: center;
  margin-bottom: min(33%, 600px);
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#api section#top_banner .top_wrap .title {
    margin-bottom: min(37%, 600px);
  }
}
@media (max-width: 767px) {
  main#api section#top_banner .top_wrap .title {
    margin-bottom: min(65%, 600px);
  }
}
main#api section#top_banner .top_wrap picture {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 50%;
  transform: translate(-50%, 16%);
  width: 70%;
  max-width: 1374px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#api section#top_banner .top_wrap picture {
    width: 90%;
    transform: translate(-50%, 19%);
  }
}
main#api section#top_banner .top_wrap picture img {
  width: 100%;
}
main#api section#compare {
  background: #EAF9F4;
}
main#api section#compare .o_container .section_title_area .section_tit_badge {
  color: #0A6D62;
  background-color: #CFF2E7;
}
main#api section#compare .o_container .content_area .gap_40 {
  flex-direction: column;
}
main#api section#compare .o_container .content_area .compare_card .tit_wrap .card_sub_tit {
  margin-bottom: 12px;
  font-size: 38px;
  line-height: 120%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#api section#compare .o_container .content_area .compare_card .tit_wrap .card_sub_tit {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  main#api section#compare .o_container .content_area .compare_card .tit_wrap .card_sub_tit {
    font-size: 28px;
  }
}
main#api section#compare .o_container .content_area .compare_card.before .card_sub_tit {
  color: #AC354F;
}
main#api section#compare .o_container .content_area .compare_card.after .card_sub_tit {
  color: #0D8073;
}
main#api section#features {
  background: #F5F2FF;
}
main#api section#features .o_container .section_title_area .section_tit_badge {
  color: #3F0D9D;
  background-color: #EBE5FF;
}
main#api section#features .o_container .content_area .gap_40 {
  flex-direction: column;
}
main#api section#features .o_container .content_area .feature_card .tit_wrap .card_desc {
  color: var(--gray-700);
}
main#api section#features .o_container .content_area .apply_banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 40px;
  background: linear-gradient(90deg, #F2F3FF 0%, #D5DCFF 100%);
  color: #3A424B;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#api section#features .o_container .content_area .apply_banner {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#api section#features .o_container .content_area .apply_banner {
    border-radius: 12px;
  }
}
main#api section#features .o_container .content_area .apply_banner {
  overflow: hidden;
}
@media (max-width: 767px) {
  main#api section#features .o_container .content_area .apply_banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
main#api section#features .o_container .content_area .apply_banner .text_area {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  padding-bottom: 40px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#api section#features .o_container .content_area .apply_banner .text_area {
    padding-bottom: 32px;
  }
}
@media (max-width: 767px) {
  main#api section#features .o_container .content_area .apply_banner .text_area {
    padding-bottom: 0;
  }
}
main#api section#features .o_container .content_area .apply_banner .text_area > p {
  color: var(--gray-700);
}
main#api section#features .o_container .content_area .apply_banner .text_area h4 {
  font-size: var(--Typography-Heading-H4);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0;
}
main#api section#features .o_container .content_area .apply_banner .text_area .o_btn.ghost {
  margin-top: 16px;
  padding: 0;
  color: var(--fms-600);
}
main#api section#features .o_container .content_area .apply_banner .text_area .o_btn.ghost svg {
  margin-left: 4px;
  fill: var(--fms-600);
}
main#api section#features .o_container .content_area .apply_banner .img_area {
  flex-shrink: 0;
  width: 40%;
  max-width: 420px;
  align-self: stretch;
  display: flex;
  align-items: flex-end;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#api section#features .o_container .content_area .apply_banner .img_area {
    width: 38%;
  }
}
@media (max-width: 767px) {
  main#api section#features .o_container .content_area .apply_banner .img_area {
    width: 80%;
    max-width: 320px;
    align-self: end;
  }
}
main#api section#features .o_container .content_area .apply_banner .img_area img {
  width: 100%;
  height: auto;
}
main#api section#process {
  background: #EBF8FF;
}
main#api section#process .o_container .section_title_area .section_tit_badge {
  color: #00609C;
  background-color: #CEEFFF;
}
main#api section#process .o_container .content_area .step_list {
  list-style: none;
  padding: 58px;
  margin: 0;
  display: flex;
  align-items: stretch;
  gap: 16px;
  background-color: var(--gray-0);
  border-radius: 32px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#api section#process .o_container .content_area .step_list {
    border-radius: 28px;
  }
}
@media (max-width: 767px) {
  main#api section#process .o_container .content_area .step_list {
    border-radius: 16px;
  }
}
@media (max-width: 1199px) {
  main#api section#process .o_container .content_area .step_list {
    flex-direction: column;
    padding: 32px 24px;
    gap: 24px;
  }
}
main#api section#process .o_container .content_area .step_list .step_item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 16px 8px;
}
main#api section#process .o_container .content_area .step_list .step_item .img_wrap {
  margin-bottom: 20px;
}
main#api section#process .o_container .content_area .step_list .step_item .img_wrap img {
  width: 140px;
  height: 140px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#api section#process .o_container .content_area .step_list .step_item .img_wrap img {
    width: 110px;
    height: 110px;
  }
}
@media (max-width: 767px) {
  main#api section#process .o_container .content_area .step_list .step_item .img_wrap img {
    width: 120px;
    height: 120px;
  }
}
main#api section#process .o_container .content_area .step_list .step_item .step_label {
  color: #3F0D9D;
  font-size: var(--Typography-Body-M);
  line-height: 160%;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-weight: 800;
}
main#api section#process .o_container .content_area .step_list .step_item .step_tit {
  margin: 0 0 12px;
  color: var(--gray-900);
  font-size: var(--Typography-Body-M);
  line-height: 160%;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-weight: 800;
  color: #3F0D9D;
}
main#api section#process .o_container .content_area .step_list .step_item .step_desc {
  color: var(--gray-700);
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
main#api section#process .o_container .content_area .step_list .step_arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  main#api section#process .o_container .content_area .step_list .step_arrow {
    padding-top: 0;
    transform: rotate(90deg);
  }
}
main#api section#process .o_container .content_area .step_list .step_arrow img {
  width: 24px;
  height: 24px;
  opacity: 0.4;
}
main#api section#pricing {
  background: #FEF4FC;
}
main#api section#pricing .o_container .section_title_area .section_tit_badge {
  color: #81005E;
  background-color: #FFE1F8;
}
main#api section#pricing .o_container .content_area .price_box {
  padding: 58px;
  background-color: #00609C;
  border-radius: 32px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#api section#pricing .o_container .content_area .price_box {
    border-radius: 28px;
  }
}
@media (max-width: 767px) {
  main#api section#pricing .o_container .content_area .price_box {
    border-radius: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#api section#pricing .o_container .content_area .price_box {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  main#api section#pricing .o_container .content_area .price_box {
    padding: 24px;
  }
}
main#api section#pricing .o_container .content_area .price_box .gap_40 {
  display: flex;
  gap: 40px;
}
@media (max-width: 1199px) {
  main#api section#pricing .o_container .content_area .price_box .gap_40 {
    flex-direction: column;
    gap: 24px;
  }
}
main#api section#pricing .o_container .content_area .price_box .gap_40 > * {
  flex: 1;
}
main#api section#pricing .o_container .content_area .price_box .price_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
  padding: 60px 40px;
  background-color: var(--gray-0);
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#api section#pricing .o_container .content_area .price_box .price_card {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#api section#pricing .o_container .content_area .price_box .price_card {
    border-radius: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#api section#pricing .o_container .content_area .price_box .price_card {
    padding: 40px 24px;
  }
}
@media (max-width: 767px) {
  main#api section#pricing .o_container .content_area .price_box .price_card {
    padding: 32px 24px;
    gap: 16px;
  }
}
main#api section#pricing .o_container .content_area .price_box .price_card .card_tit {
  margin: 0;
  color: var(--gray-900);
  font-size: var(--Typography-Heading-H1);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
main#api section#pricing .o_container .content_area .price_box .price_card .price_value {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  line-height: 1;
}
main#api section#pricing .o_container .content_area .price_box .price_card .price_value .num {
  color: #81005E;
  text-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  font-size: var(--Typography-Display);
  line-height: 135%;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
}
main#api section#pricing .o_container .content_area .price_box .price_card .price_value .unit {
  color: var(--gray-900);
  font-size: var(--Typography-Heading-H1);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
}
main#api section#pricing .o_container .content_area .price_box .price_card .price_value .unit small {
  display: inline-block;
  vertical-align: baseline;
  line-height: 1;
  font-size: 0.6em;
  font-weight: 600;
  color: var(--gray-700);
}
main#api section#pricing .o_container .content_area .price_box .price_card .card_desc {
  color: var(--gray-700);
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
main#api section#pricing .o_container .content_area .price_box .price_note {
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
  color: var(--gray-0);
  font-size: var(--Typography-Body-XS);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 180%;
}
@media (max-width: 767px) {
  main#api section#pricing .o_container .content_area .price_box .price_note {
    margin-top: 20px;
  }
}
main#api section#pricing .o_container .content_area .price_box .price_note li {
  display: flex;
}
main#api section#pricing .o_container .content_area .price_box .price_note li::before {
  content: "*";
  flex-shrink: 0;
  margin-right: 0.3em;
}
main#api section#qna {
  padding: var(--section-spacing-m) 0;
  background-color: var(--gray-100);
}
main#api section#qna .o_container {
  display: flex;
  gap: 38px;
}
@media (max-width: 1199px) {
  main#api section#qna .o_container {
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  main#api section#qna .o_container .text_area {
    text-align: center;
  }
}
main#api section#qna .o_container .content_area {
  flex: 1;
}
main#api section#qna .o_container .content_area .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
main#api section#qna .o_container .content_area .accordion .accordion-item {
  padding: 28px 32px;
  border: none;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#api section#qna .o_container .content_area .accordion .accordion-item {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#api section#qna .o_container .content_area .accordion .accordion-item {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  main#api section#qna .o_container .content_area .accordion .accordion-item {
    padding: 20px;
  }
}
main#api section#qna .o_container .content_area .accordion .accordion-item .accordion-button {
  padding: 0;
  display: flex;
  gap: 40px;
  --bs-accordion-btn-active-icon: url("../img/ic-arrow-close.webp");
  --bs-accordion-btn-icon: url("../img/ic-arrow-close.webp");
}
main#api section#qna .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
main#api section#qna .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) > p {
  color: var(--gray-600);
}
main#api section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 24px 0 0 54px;
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
main#api section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body .o_btn {
  margin-top: 16px;
}
main#api section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body .text_wrap {
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: start;
}

main#message section#feature,
main#message section#benefit,
main#message section#template,
main#message section#target,
main#message section#process,
main#message section#pricing {
  padding: var(--section-spacing-s) 0;
}
main#message section#feature .o_container,
main#message section#benefit .o_container,
main#message section#template .o_container,
main#message section#target .o_container,
main#message section#process .o_container,
main#message section#pricing .o_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main#message section#feature .o_container .content_area,
main#message section#benefit .o_container .content_area,
main#message section#template .o_container .content_area,
main#message section#target .o_container .content_area,
main#message section#process .o_container .content_area,
main#message section#pricing .o_container .content_area {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
main#message section#feature .o_container .content_area .gap_40,
main#message section#benefit .o_container .content_area .gap_40,
main#message section#template .o_container .content_area .gap_40,
main#message section#target .o_container .content_area .gap_40,
main#message section#process .o_container .content_area .gap_40,
main#message section#pricing .o_container .content_area .gap_40 {
  display: flex;
  gap: 40px;
}
@media (max-width: 1199px) {
  main#message section#feature .o_container .content_area .gap_40,
  main#message section#benefit .o_container .content_area .gap_40,
  main#message section#template .o_container .content_area .gap_40,
  main#message section#target .o_container .content_area .gap_40,
  main#message section#process .o_container .content_area .gap_40,
  main#message section#pricing .o_container .content_area .gap_40 {
    flex-direction: column;
  }
}
main#message section#feature .o_container .content_area .gap_40 > *,
main#message section#benefit .o_container .content_area .gap_40 > *,
main#message section#template .o_container .content_area .gap_40 > *,
main#message section#target .o_container .content_area .gap_40 > *,
main#message section#process .o_container .content_area .gap_40 > *,
main#message section#pricing .o_container .content_area .gap_40 > * {
  flex: 1;
}
main#message section#top_banner {
  position: relative;
}
main#message section#top_banner .top_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 150px;
  background: linear-gradient(180deg, #361793 0%, #291563 100%);
  color: var(--gray-0);
  text-align: center;
  max-width: 100%;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#message section#top_banner .top_wrap {
    padding-top: 140px;
  }
}
@media (max-width: 767px) {
  main#message section#top_banner .top_wrap {
    padding-top: 120px;
  }
}
main#message section#top_banner .top_wrap .title_bagde {
  padding: 8px 24px;
  margin-bottom: 24px;
  border: 2px solid #E5E5FF;
  color: #E5E5FF;
  border-radius: 12px;
}
@media (max-width: 767px) {
  main#message section#top_banner .top_wrap .title_bagde {
    border-radius: 8px;
  }
}
main#message section#top_banner .top_wrap .title {
  margin-bottom: min(28%, 540px);
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#message section#top_banner .top_wrap .title {
    margin-bottom: min(43%, 540px);
  }
}
@media (max-width: 767px) {
  main#message section#top_banner .top_wrap .title {
    margin-bottom: min(70%, 540px);
  }
}
main#message section#top_banner .top_wrap picture {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 50%;
  transform: translate(-50%, 25%);
  width: 72%;
  max-width: 1297px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#message section#top_banner .top_wrap picture {
    width: 90%;
    transform: translate(-50%, 24%);
  }
}
@media (max-width: 767px) {
  main#message section#top_banner .top_wrap picture {
    width: 89%;
    transform: translate(-48%, 18%);
  }
}
main#message section#top_banner .top_wrap picture img {
  display: block;
  width: 100%;
  height: auto;
}
main#message section#feature {
  background: #FEF4FC;
}
main#message section#feature .o_container .section_title_area .section_tit_badge {
  color: #81005E;
  background-color: #FFE1F9;
}
main#message section#feature .o_container .content_area .card.card_ani {
  padding: 0;
  overflow: hidden;
  align-items: stretch;
}
@media (max-width: 1199px) {
  main#message section#feature .o_container .content_area .card.card_ani {
    padding: var(--o-card-padding);
  }
}
main#message section#feature .o_container .content_area .card.card_ani .tit_wrap {
  padding: 58px 32px 58px 58px;
}
@media (max-width: 1199px) {
  main#message section#feature .o_container .content_area .card.card_ani .tit_wrap {
    padding: 0;
  }
}
main#message section#feature .o_container .content_area .card.card_ani .ani_wrap {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: none;
}
main#message section#feature .o_container .content_area .card.card_ani .ani_wrap img {
  width: 490px;
  height: 490px;
  object-fit: contain;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#message section#feature .o_container .content_area .card.card_ani .ani_wrap img {
    width: 180px;
    height: 180px;
  }
}
@media (max-width: 767px) {
  main#message section#feature .o_container .content_area .card.card_ani .ani_wrap img {
    width: 130px;
    height: 130px;
  }
}
main#message section#benefit {
  background: #EBF8FF;
}
main#message section#benefit .o_container .section_title_area .section_tit_badge {
  color: #00609C;
  background-color: #CEEFFF;
}
main#message section#benefit .o_container .content_area .card .card_sub_tit {
  color: #00609C;
}
main#message section#template {
  background: #F5F2FF;
}
main#message section#template .o_container .section_title_area .section_tit_badge {
  color: #3F0D9D;
  background-color: #EBE5FF;
}
main#message section#template .o_container .content_area .template_card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 40px;
  padding: 58px;
  background-color: var(--gray-0);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#message section#template .o_container .content_area .template_card {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#message section#template .o_container .content_area .template_card {
    border-radius: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#message section#template .o_container .content_area .template_card {
    padding: 58px 24px;
  }
}
@media (max-width: 767px) {
  main#message section#template .o_container .content_area .template_card {
    flex-direction: column;
    padding: 32px 24px;
    gap: 48px;
  }
}
main#message section#template .o_container .content_area .template_card .template_item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 28px;
}
@media (max-width: 767px) {
  main#message section#template .o_container .content_area .template_card .template_item {
    gap: 20px;
  }
}
main#message section#template .o_container .content_area .template_card .template_item.bar {
  flex: none;
  align-self: center;
  width: 150px;
  height: 3px;
  padding: 0;
  gap: 0;
  background-color: #D5D5D5;
}
main#message section#template .o_container .content_area .template_card .template_item .template_visual {
  width: 100%;
  max-width: 280px;
}
@media (max-width: 767px) {
  main#message section#template .o_container .content_area .template_card .template_item .template_visual {
    max-width: 240px;
  }
}
main#message section#template .o_container .content_area .template_card .template_item .template_visual img {
  width: 100%;
  height: auto;
}
main#message section#template .o_container .content_area .template_card .template_item .template_text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main#message section#template .o_container .content_area .template_card .template_item .template_text .item_tit {
  margin: 0 0 12px;
  color: var(--gray-900);
  font-size: var(--Typography-Heading-H4);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
main#message section#template .o_container .content_area .template_card .template_item .template_text .item_desc {
  margin-bottom: 20px;
  color: var(--gray-700);
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
main#message section#template .o_container .content_area .template_card .template_item .template_text .chip_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
main#message section#template .o_container .content_area .template_card .template_item .template_text .chip_wrap .chip {
  padding: 8px 16px;
  background-color: #F6F5FF;
  color: #3D17AD;
  font-weight: 600;
  font-size: var(--Typography-Body-XS);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
  border-radius: 12px;
}
@media (max-width: 767px) {
  main#message section#template .o_container .content_area .template_card .template_item .template_text .chip_wrap .chip {
    border-radius: 8px;
  }
}
main#message section#target {
  background: #F0FBF0;
}
main#message section#target .o_container .section_title_area .section_tit_badge {
  color: #067000;
  background-color: #D5F5D4;
}
main#message section#process {
  background: #EBF8FF;
}
main#message section#process .o_container .section_title_area .section_tit_badge {
  color: #00609C;
  background-color: #CEEFFF;
}
main#message section#process .o_container .content_area .step_list {
  list-style: none;
  padding: 58px;
  margin: 0;
  display: flex;
  align-items: stretch;
  gap: 16px;
  background-color: var(--gray-0);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-radius: 32px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#message section#process .o_container .content_area .step_list {
    border-radius: 28px;
  }
}
@media (max-width: 767px) {
  main#message section#process .o_container .content_area .step_list {
    border-radius: 16px;
  }
}
@media (max-width: 1199px) {
  main#message section#process .o_container .content_area .step_list {
    flex-direction: column;
    padding: 32px 24px;
    gap: 24px;
  }
}
main#message section#process .o_container .content_area .step_list .step_item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 16px 8px;
}
main#message section#process .o_container .content_area .step_list .step_item .img_wrap {
  margin-bottom: 20px;
}
main#message section#process .o_container .content_area .step_list .step_item .img_wrap img {
  width: 180px;
  height: 180px;
}
@media (max-width: 767px) {
  main#message section#process .o_container .content_area .step_list .step_item .img_wrap img {
    width: 130px;
    height: 130px;
  }
}
main#message section#process .o_container .content_area .step_list .step_item .step_label {
  color: #00609C;
  font-size: var(--Typography-Body-M);
  line-height: 160%;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-weight: 800;
}
main#message section#process .o_container .content_area .step_list .step_item .step_tit {
  margin: 0 0 12px;
  color: #00609C;
  font-size: var(--Typography-Body-M);
  line-height: 160%;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-weight: 800;
}
main#message section#process .o_container .content_area .step_list .step_item .step_desc {
  color: var(--gray-700);
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
main#message section#process .o_container .content_area .step_list .step_arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  main#message section#process .o_container .content_area .step_list .step_arrow {
    padding-top: 0;
    transform: rotate(90deg);
  }
}
main#message section#process .o_container .content_area .step_list .step_arrow img {
  width: 24px;
  height: 24px;
  opacity: 0.4;
}
main#message section#pricing {
  background: #F5F2FF;
}
main#message section#pricing .o_container .section_title_area .section_tit_badge {
  color: #3F0D9D;
  background-color: #EBE5FF;
}
main#message section#pricing .o_container .content_area .price_box {
  display: flex;
  flex-direction: column;
  gap: 58px;
  padding: 58px;
  background-color: #00609C;
  border-radius: 16px;
}
@media (max-width: 767px) {
  main#message section#pricing .o_container .content_area .price_box {
    border-radius: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#message section#pricing .o_container .content_area .price_box {
    gap: 40px;
    padding: 40px;
  }
}
@media (max-width: 767px) {
  main#message section#pricing .o_container .content_area .price_box {
    gap: 28px;
    padding: 24px;
  }
}
@media (max-width: 360px) {
  main#message section#pricing .o_container .content_area .price_box {
    padding: 16px;
  }
}
main#message section#pricing .o_container .content_area .price_box .price_table {
  padding: 40px 70px;
  background-color: var(--gray-0);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#message section#pricing .o_container .content_area .price_box .price_table {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#message section#pricing .o_container .content_area .price_box .price_table {
    border-radius: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#message section#pricing .o_container .content_area .price_box .price_table {
    padding: 32px;
  }
}
@media (max-width: 767px) {
  main#message section#pricing .o_container .content_area .price_box .price_table {
    padding: 20px;
  }
}
@media (max-width: 360px) {
  main#message section#pricing .o_container .content_area .price_box .price_table {
    padding: 14px 10px;
  }
}
main#message section#pricing .o_container .content_area .price_box .price_table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
main#message section#pricing .o_container .content_area .price_box .price_table table th,
main#message section#pricing .o_container .content_area .price_box .price_table table td {
  padding: 16px 24px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
main#message section#pricing .o_container .content_area .price_box .price_table table th:first-child,
main#message section#pricing .o_container .content_area .price_box .price_table table td:first-child {
  padding-left: 15%;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#message section#pricing .o_container .content_area .price_box .price_table table th:first-child,
  main#message section#pricing .o_container .content_area .price_box .price_table table td:first-child {
    padding-left: 18%;
  }
}
@media (max-width: 767px) {
  main#message section#pricing .o_container .content_area .price_box .price_table table th:first-child,
  main#message section#pricing .o_container .content_area .price_box .price_table table td:first-child {
    padding-left: 18%;
  }
}
@media (max-width: 400px) {
  main#message section#pricing .o_container .content_area .price_box .price_table table th:first-child,
  main#message section#pricing .o_container .content_area .price_box .price_table table td:first-child {
    padding-left: 13%;
  }
}
main#message section#pricing .o_container .content_area .price_box .price_table table th:last-child,
main#message section#pricing .o_container .content_area .price_box .price_table table td:last-child {
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#message section#pricing .o_container .content_area .price_box .price_table table th,
  main#message section#pricing .o_container .content_area .price_box .price_table table td {
    padding: 14px 16px;
  }
}
@media (max-width: 767px) {
  main#message section#pricing .o_container .content_area .price_box .price_table table th,
  main#message section#pricing .o_container .content_area .price_box .price_table table td {
    padding: 12px 10px;
  }
}
@media (max-width: 360px) {
  main#message section#pricing .o_container .content_area .price_box .price_table table th,
  main#message section#pricing .o_container .content_area .price_box .price_table table td {
    padding: 8px 4px;
  }
}
main#message section#pricing .o_container .content_area .price_box .price_table table thead th {
  color: var(--gray-900);
  background-color: #F6F5F7;
  padding: 13px 20px;
  font-size: var(--Typography-Heading-H4);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 32px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#message section#pricing .o_container .content_area .price_box .price_table table thead th {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  main#message section#pricing .o_container .content_area .price_box .price_table table thead th {
    font-size: 16px;
  }
}
@media (max-width: 360px) {
  main#message section#pricing .o_container .content_area .price_box .price_table table thead th {
    font-size: 13px;
  }
}
main#message section#pricing .o_container .content_area .price_box .price_table table thead th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
main#message section#pricing .o_container .content_area .price_box .price_table table thead th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
main#message section#pricing .o_container .content_area .price_box .price_table table tbody td {
  color: #4F5861;
  font-size: var(--Typography-Body-L);
  line-height: 140%;
  font-weight: 600;
  letter-spacing: -0.01em;
  font-size: 28px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#message section#pricing .o_container .content_area .price_box .price_table table tbody td {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  main#message section#pricing .o_container .content_area .price_box .price_table table tbody td {
    font-size: 15px;
  }
}
@media (max-width: 360px) {
  main#message section#pricing .o_container .content_area .price_box .price_table table tbody td {
    font-size: 13px;
  }
}
main#message section#pricing .o_container .content_area .price_box .price_table table tbody td small {
  color: #4F5861;
  font-size: 0.83em;
  font-weight: 500;
}
main#message section#pricing .o_container .content_area .price_box .price_table table tbody td.price_cell .num {
  color: #3F0D9D;
  font-weight: 700;
}
main#message section#pricing .o_container .content_area .price_box .price_table table tbody td.price_cell .won {
  color: var(--gray-900);
  font-weight: 500;
}
main#message section#pricing .o_container .content_area .price_box .price_table table tbody td.price_cell .per {
  color: #4F5861;
  font-size: 0.83em;
  font-weight: 500;
}
main#message section#pricing .o_container .content_area .price_box .price_table table tbody tr {
  background-image: repeating-linear-gradient(to right, #EAECF0 0 7px, transparent 7px 14px);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 1px;
}
main#message section#pricing .o_container .content_area .price_box .price_table table tbody tr:last-child {
  background-image: none;
}
main#message section#pricing .o_container .content_area .price_box .price_note {
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--gray-0);
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 200%;
}
main#message section#pricing .o_container .content_area .price_box .price_note li {
  display: flex;
}
main#message section#pricing .o_container .content_area .price_box .price_note li::before {
  content: "*";
  flex-shrink: 0;
  margin-right: 0.3em;
}
main#message section#qna {
  padding: var(--section-spacing-m) 0;
  background-color: #F3F4F6;
}
main#message section#qna .o_container {
  display: flex;
  gap: 38px;
}
@media (max-width: 1199px) {
  main#message section#qna .o_container {
    flex-direction: column;
  }
}
main#message section#qna .o_container .text_area .text-l {
  color: #6238EA;
}
@media (max-width: 1199px) {
  main#message section#qna .o_container .text_area {
    text-align: center;
  }
}
main#message section#qna .o_container .content_area {
  flex: 1;
}
main#message section#qna .o_container .content_area .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
main#message section#qna .o_container .content_area .accordion .accordion-item {
  padding: 28px 32px;
  border: none;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#message section#qna .o_container .content_area .accordion .accordion-item {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#message section#qna .o_container .content_area .accordion .accordion-item {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  main#message section#qna .o_container .content_area .accordion .accordion-item {
    padding: 20px;
  }
}
main#message section#qna .o_container .content_area .accordion .accordion-item .accordion-button {
  padding: 0;
  display: flex;
  gap: 40px;
  --bs-accordion-btn-active-icon: url("../img/ic-arrow-close.webp");
  --bs-accordion-btn-icon: url("../img/ic-arrow-close.webp");
}
main#message section#qna .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
main#message section#qna .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) > p {
  color: var(--gray-600);
}
main#message section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 24px 0 0 54px;
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
main#message section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body .o_btn {
  margin-top: 16px;
}
main#message section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body .text_wrap {
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: start;
}

main#shoplist {
  padding: var(--section-spacing-xs) 0 var(--section-spacing-m);
  background-color: var(--gray-50);
}
main#shoplist .o_container {
  padding: 0 20px;
}
main#shoplist .o_container .text_area .title {
  margin-bottom: 24px;
  color: var(--wms-600);
}
main#shoplist .o_container .text_area .desc {
  margin-bottom: 24px;
  color: var(--gray-700);
  font-weight: 500;
}
main#shoplist .o_container .content_area {
  /* 기본 테이블 스타일(데스크톱/태블릿) 유지 */
}
main#shoplist .o_container .content_area .table-wrap {
  background: #FFFFFF;
  border: 1px solid #F3F4F6;
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 767px) {
  main#shoplist .o_container .content_area .table-wrap {
    background: none;
  }
}
main#shoplist .o_container .content_area {
  /* 검색바: 아이콘 삽입(HTML 수정 없이) */
}
main#shoplist .o_container .content_area .channels-toolbar .search-box {
  position: relative;
  margin-bottom: 24px;
}
main#shoplist .o_container .content_area .channels-toolbar .search-box::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("../img/ic-search.webp") center/contain no-repeat;
  pointer-events: none;
}
main#shoplist .o_container .content_area .channels-toolbar .search-box input#channel-search {
  width: 308px;
}
@media (max-width: 767px) {
  main#shoplist .o_container .content_area .channels-toolbar .search-box input#channel-search {
    width: 100%;
  }
}
main#shoplist .o_container .content_area .channels-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0;
  border-radius: 12px;
}
@media (max-width: 767px) {
  main#shoplist .o_container .content_area .channels-table {
    border-radius: 8px;
  }
}
main#shoplist .o_container .content_area .channels-table .size-row {
  background: transparent;
  border: none;
}
main#shoplist .o_container .content_area .channels-table .size-row th {
  background: none;
  border: none;
}
@media (max-width: 767px) {
  main#shoplist .o_container .content_area thead tr {
    border: 1px solid var(--gray-200);
    background: #FFFFFF;
    margin-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    padding: 0;
    overflow: hidden;
    border-radius: 12px;
  }
}
main#shoplist .o_container .content_area thead tr:first-child th:first-child {
  border-radius: 12px;
}
@media (max-width: 767px) {
  main#shoplist .o_container .content_area thead tr:first-child th:first-child {
    border-radius: 8px;
  }
}
main#shoplist .o_container .content_area thead tr:first-child th:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
@media (max-width: 767px) {
  main#shoplist .o_container .content_area thead tr:first-child th:first-child {
    border-radius: 0;
  }
}
main#shoplist .o_container .content_area thead tr:first-child th:last-child {
  border-radius: 12px;
}
@media (max-width: 767px) {
  main#shoplist .o_container .content_area thead tr:first-child th:last-child {
    border-radius: 8px;
  }
}
main#shoplist .o_container .content_area thead tr:first-child th:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
}
@media (max-width: 767px) {
  main#shoplist .o_container .content_area thead tr:first-child th:last-child {
    border-radius: 0;
    border-right: 0;
  }
}
main#shoplist .o_container .content_area thead th {
  background: var(--gray-300);
  color: var(--gray-900);
  text-align: center;
  vertical-align: middle;
  padding: 12px;
  border-bottom: 1px solid #E1E5E9;
}
main#shoplist .o_container .content_area thead th.header_shop_name {
  width: 350px;
}
@media (max-width: 1199px) {
  main#shoplist .o_container .content_area thead th.header_shop_name {
    width: auto;
  }
}
main#shoplist .o_container .content_area thead th i {
  margin-left: 8px;
}
@media (max-width: 767px) {
  main#shoplist .o_container .content_area thead th {
    border-radius: 0;
    /* 판매처명은 카드 상단 헤더로 */
  }
  main#shoplist .o_container .content_area thead th:nth-child(1) {
    display: block;
    border: 0;
    white-space: normal;
    width: 100%;
    padding: 12px 0;
    border-bottom: 1px solid #E1E5E9;
  }
  main#shoplist .o_container .content_area thead th {
    /* 가로 나열 */
  }
  main#shoplist .o_container .content_area thead th:nth-child(n+2) {
    flex: 1;
    border: 0;
    text-align: center;
    white-space: normal; /* 줄바꿈 가능 */
    background: transparent;
    border-right: 1px solid var(--gray-200);
    padding: 12px;
    background-color: var(--gray-300);
  }
  main#shoplist .o_container .content_area thead th {
    /* 값(○/X) 스타일 */
  }
  main#shoplist .o_container .content_area thead th:nth-child(n+2) {
    font-size: 14px;
    line-height: 150%;
    font-weight: 600;
    letter-spacing: -1%;
    color: #262C33;
  }
  main#shoplist .o_container .content_area thead th {
    /* 마지막 칸 오른쪽 여백 제거(선택) */
  }
  main#shoplist .o_container .content_area thead th:nth-last-child(1) {
    margin-right: 0;
  }
}
main#shoplist .o_container .content_area tr.channel-row {
  background-color: var(--gray-0);
}
main#shoplist .o_container .content_area tr.channel-row:hover th, main#shoplist .o_container .content_area tr.channel-row:hover td {
  background-color: #FFFEED;
}
@media (max-width: 767px) {
  main#shoplist .o_container .content_area tr.channel-row {
    /* 줄바꿈 방지 (셀 가로 나열) */
    border: 1px solid #E1E5E9;
    background: #FFFFFF;
    margin-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    padding: 0;
    border-radius: 12px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  main#shoplist .o_container .content_area tr.channel-row {
    border-radius: 8px;
  }
}
main#shoplist .o_container .content_area tr.channel-row td {
  text-align: center;
  padding: 12px 14px;
  border-bottom: 1px solid #E1E5E9;
  border-right: 1px solid #E1E5E9;
  vertical-align: middle;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  letter-spacing: -1%;
  color: #262C33;
}
@media (max-width: 767px) {
  main#shoplist .o_container .content_area tr.channel-row td {
    /* 판매처명은 카드 상단 헤더로 */
  }
  main#shoplist .o_container .content_area tr.channel-row td:nth-child(1) {
    display: block;
    border: 0;
    white-space: normal; /* 줄바꿈 허용 */
    width: 100%;
    padding: 12px 0;
    border-bottom: 1px solid #E1E5E9;
  }
  main#shoplist .o_container .content_area tr.channel-row td {
    /* 판매처명 강조 */
  }
  main#shoplist .o_container .content_area tr.channel-row td[data-th=판매처] .logo_name_wrap {
    justify-content: center;
    gap: 24px;
  }
  main#shoplist .o_container .content_area tr.channel-row td[data-th=판매처] .logo_name_wrap .name {
    width: auto;
  }
  main#shoplist .o_container .content_area tr.channel-row td {
    /* 가로 나열 */
  }
  main#shoplist .o_container .content_area tr.channel-row td:nth-child(n+2) {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: 0;
    text-align: center;
    border-right: 1px solid var(--gray-200);
    padding: 0;
    color: #262C33;
    background: var(--gray-100);
  }
  main#shoplist .o_container .content_area tr.channel-row td:nth-child(n+2):before {
    display: block;
    content: attr(data-th);
    padding: 12px;
    border-bottom: 1px solid var(--gray-200);
  }
  main#shoplist .o_container .content_area tr.channel-row td:nth-child(n+2) i {
    padding: 12px;
    background: var(--gray-0);
  }
  main#shoplist .o_container .content_area tr.channel-row td {
    /* 마지막 칸 오른쪽 여백 제거(선택) */
  }
  main#shoplist .o_container .content_area tr.channel-row td:nth-last-child(1) {
    margin-right: 0;
    border-right: none;
  }
}
main#shoplist .o_container .content_area tr.channel-row td .logo_name_wrap {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 12px;
}
main#shoplist .o_container .content_area tr.channel-row td .logo_name_wrap .name {
  width: 50%;
  text-align: center;
}
main#shoplist .o_container .content_area tr.channel-row td .logo_name_wrap .img_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 38px;
  padding: 8px 12px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}
main#shoplist .o_container .content_area tr.channel-row td .logo_name_wrap .img_wrap img {
  max-height: 36px;
  max-width: 100%;
  object-fit: contain;
  display: block;
}
main#shoplist .o_container .content_area tr.channel-row td .ri-checkbox-blank-circle-line, main#shoplist .o_container .content_area tr.channel-row td .ri-close-line {
  font-size: 20px;
}
@media (max-width: 1199px) {
  main#shoplist .o_container .content_area tr.channel-row td .ri-checkbox-blank-circle-line, main#shoplist .o_container .content_area tr.channel-row td .ri-close-line {
    font-size: 18px;
  }
}
main#shoplist .o_container .content_area .no-result {
  margin-top: 10px;
}

main#priceinfo section#price {
  padding: var(--section-spacing-xs) 0 var(--section-spacing-m);
}
main#priceinfo section#price .o_container {
  padding: 0 20px;
}
main#priceinfo section#price .o_container .text_area .title {
  margin-bottom: 24px;
  color: var(--wms-600);
}
main#priceinfo section#price .o_container .text_area .desc {
  margin-bottom: 24px;
  color: var(--gray-700);
}
main#priceinfo section#price .o_container .content_area .tab_content .nav-tabs {
  display: flex;
  gap: 20px;
  border-bottom: none;
}
main#priceinfo section#price .o_container .content_area .tab_content .nav-tabs hr {
  padding: 52px 0;
}
main#priceinfo section#price .o_container .content_area .tab_content .nav-tabs .nav_text_wrap {
  flex: 1;
  padding: 20px;
  background-color: var(--gray-50);
  border: 2px solid var(--gray-300);
  text-align: center;
  color: var(--gray-500);
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#priceinfo section#price .o_container .content_area .tab_content .nav-tabs .nav_text_wrap {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#priceinfo section#price .o_container .content_area .tab_content .nav-tabs .nav_text_wrap {
    border-radius: 12px;
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .nav-tabs .nav_text_wrap:hover:nth-of-type(1), main#priceinfo section#price .o_container .content_area .tab_content .nav-tabs .nav_text_wrap.active:nth-of-type(1) {
  background-color: var(--wms-200);
  border: 2px solid var(--wms-500);
  color: var(--wms-600);
}
main#priceinfo section#price .o_container .content_area .tab_content .nav-tabs .nav_text_wrap:hover:nth-of-type(2), main#priceinfo section#price .o_container .content_area .tab_content .nav-tabs .nav_text_wrap.active:nth-of-type(2) {
  background-color: var(--fms-200);
  border: 2px solid var(--fms-500);
  color: var(--fms-600);
}
main#priceinfo section#price .o_container .content_area .tab_content .tab_divider {
  margin: 52px 0;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap {
  margin-bottom: 20px;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .sale_tab_wrap {
  margin-bottom: 40px;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_desc {
  margin-bottom: 20px;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .wms-swiper-pagination, main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .wms-swiper-pagination, main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    padding: 4px 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    /* 스크롤바 숨기기 */
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .wms-swiper-pagination::-webkit-scrollbar, main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    background: transparent;
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .wms-swiper-pagination .swiper-pagination-bullet, main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 20px;
  background-color: var(--gray-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  opacity: 1;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .wms-swiper-pagination .swiper-pagination-bullet, main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .wms-swiper-pagination .swiper-pagination-bullet, main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .wms-swiper-pagination .swiper-pagination-bullet, main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet {
    /* ADD: 모바일에선 고정폭 확장 금지 + 인라인 플로우로 */
    flex: 0 0 auto;
    display: inline-flex;
    vertical-align: top;
    min-width: 120px;
    scroll-snap-align: center;
    /* 텍스트가 길면 줄바꿈 허용하고 싶다면 ↓ 활성화
    white-space: normal;
    */
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .wms-swiper-pagination .swiper-pagination-bullet .level, main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet .level {
  margin-bottom: 8px;
  font-weight: 700;
  color: var(--wms-500);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .wms-swiper-pagination .swiper-pagination-bullet .period, main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet .period {
  color: var(--gray-500);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .wms-swiper-pagination .swiper-pagination-bullet .price, main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet .price {
  color: var(--wms-600);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .wms-swiper-pagination .swiper-pagination-bullet-active, main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--wms-500);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .wms-swiper-pagination .swiper-pagination-bullet-active .level, main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet-active .level {
  color: var(--gray-0);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .wms-swiper-pagination .swiper-pagination-bullet-active .period, main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet-active .period {
  color: var(--gray-100);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .wms-swiper-pagination .swiper-pagination-bullet-active .price, main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet-active .price {
  color: var(--wms-200);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet .level {
  color: var(--fms-500);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet .price {
  color: var(--fms-600);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--fms-500);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet-active .level {
  color: var(--gray-0);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .fms-swiper-pagination .swiper-pagination-bullet-active .price {
  color: var(--fms-200);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap {
  /* 공틍 */
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper:not(.swiper) .swiper-wrapper {
  display: flex;
  gap: 16px;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper:not(.swiper) .swiper-slide {
  flex: 1;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide {
  padding: 16px;
  border: 1px solid var(--gray-300);
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide {
    border-radius: 12px;
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .top_wrap {
  padding: 20px;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .top_wrap__title {
  color: var(--gray-900);
  margin-bottom: 20px;
  font-size: var(--Typography-UI-Price);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media (max-width: 1199px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .top_wrap {
    text-align: center;
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .mid_wrap {
  padding: 16px;
  background-color: var(--gray-50);
  color: var(--gray-600);
  border-radius: 12px;
}
@media (max-width: 767px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .mid_wrap {
    border-radius: 8px;
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .mid_wrap__title {
  margin-bottom: 24px;
  color: var(--gray-600);
}
@media (max-width: 1199px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .mid_wrap__title {
    text-align: center;
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .mid_wrap__title > b {
  margin-left: 8px;
  font-weight: 700;
  color: var(--gray-800);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .mid_wrap__list {
  color: var(--gray-800);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .mid_wrap__list--item {
  display: flex;
  justify-content: space-between;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .mid_wrap__list--item > b {
  font-weight: 700;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .mid_wrap__list hr {
  margin: 12px 0;
  border-color: var(--gray-300);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .bottom_wrap {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 20px 0 20px 20px;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .bottom_wrap__func_list {
  display: flex;
  gap: 12px;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .bottom_wrap__func_list_item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
@media (max-width: 1199px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .bottom_wrap__func_list_item {
    flex-direction: row;
    justify-content: space-between;
  }
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .bottom_wrap__func_list_item > * {
    flex: 1;
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .bottom_wrap__func_list_item--tit {
  position: relative;
  padding-left: 24px;
  color: var(--gray-800);
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-weight: 700;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .bottom_wrap__func_list_item--tit:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: var(--Typography-Body-S);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .bottom_wrap__func_list_item--list-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 24px;
}
@media (max-width: 1199px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .bottom_wrap__func_list_item--list-wrap {
    padding-left: 0;
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .price_table .price_swiper .swiper-slide article.level_wrap .bottom_wrap__func_list_item--list {
  color: var(--gray-600);
  font-size: var(--Typography-Body-XS);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap .vat_info {
  margin-top: 20px;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc {
  display: flex;
  gap: 15px;
  margin-bottom: 40px;
  border-radius: 16px;
}
@media (max-width: 767px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc {
    flex-direction: column;
    align-items: center;
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc .nav-pills {
  display: inline-flex;
  padding: 8px;
  background-color: var(--gray-200);
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc .nav-pills {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc .nav-pills {
    border-radius: 12px;
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc .nav-pills {
  --bs-nav-pills-link-active-bg: var(--gray-0);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc .nav-pills > li.nav-item {
  text-align: center;
  border-radius: 16px;
}
@media (max-width: 767px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc .nav-pills > li.nav-item {
    border-radius: 12px;
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc .nav-pills > li.nav-item .nav-link {
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 8px 20px;
  color: var(--gray-500);
  border-radius: 16px;
}
@media (max-width: 767px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc .nav-pills > li.nav-item .nav-link {
    border-radius: 12px;
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc .nav-pills > li.nav-item .nav-link {
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-weight: 700;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc .nav-pills > li.nav-item .nav-link.active {
  color: var(--gray-900);
  border-radius: 12px;
}
@media (max-width: 767px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc .nav-pills > li.nav-item .nav-link.active {
    border-radius: 8px;
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc .nav-pills > li.nav-item .nav-link.active {
  background: var(--gray-0);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .tab_wrap .price_desc .nav-pills > li.nav-item .nav-link > span {
  color: var(--wms-500);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .price_table .swiper-slide.swiper-slide-active {
  border: 2px solid var(--wms-400);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .price_table .swiper-slide.level_5 {
  height: auto;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .price_table .swiper-slide.level_5 article.level_wrap hr {
  width: 100%;
  margin: 0;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .price_table .swiper-slide.level_5 article.level_wrap .top_wrap__title {
  color: var(--gray-900);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .price_table .swiper-slide.level_5 article.level_wrap .top_wrap__price {
  color: var(--gray-500);
  padding-top: calc(var(--Typography-Utility-Caption) * 1.4);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .price_table .swiper-slide article.level_wrap .top_wrap__title {
  color: var(--wms-500);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .price_table .swiper-slide article.level_wrap .top_wrap__price {
  color: var(--wms-600);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .price_table .swiper-slide article.level_wrap .top_wrap__discount-wrap {
  display: block;
  overflow: hidden;
  height: 0;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .price_table .swiper-slide article.level_wrap .top_wrap__discount {
  display: inline-block;
  margin-top: 5px;
  padding: 4px 10px;
  color: var(--wms-600);
  background-color: var(--wms-100);
  border-radius: 8px;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .price_table .swiper-slide article.level_wrap .mid_wrap {
  width: calc(100% - 6px);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-wms .price_table .swiper-slide article.level_wrap .bottom_wrap__func_list_item--tit:before {
  content: url(../img/ic-check-wms.svg);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-fms .tab_wrap .price_desc {
  padding: 20px;
  background-color: var(--fms-400);
  border-radius: 16px;
}
@media (max-width: 767px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-fms .tab_wrap .price_desc {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-fms .tab_wrap .price_desc .bar {
    display: none;
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-fms .price_table .swiper-slide {
  padding: 16px 10px 16px 16px;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-fms .price_table .swiper-slide.swiper-slide-active {
  border: 2px solid var(--fms-400);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-fms .price_table .swiper-slide article.level_wrap .top_wrap__title {
  color: var(--fms-500);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-fms .price_table .swiper-slide article.level_wrap .top_wrap__price {
  color: var(--fms-600);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-fms .price_table .swiper-slide article.level_wrap .mid_wrap {
  width: calc(100% - 6px);
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-fms .price_table .swiper-slide article.level_wrap .mid_wrap__title {
  margin-bottom: 8px;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-fms .price_table .swiper-slide article.level_wrap .mid_wrap__sub_title {
  display: flex;
  gap: 4px;
  align-items: center;
}
@media (max-width: 1199px) {
  main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-fms .price_table .swiper-slide article.level_wrap .mid_wrap__sub_title {
    justify-content: center;
  }
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-fms .price_table .swiper-slide article.level_wrap .mid_wrap__sub_title {
  padding-bottom: 24px;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-fms .price_table .swiper-slide article.level_wrap .mid_wrap__sub_title img {
  height: 100%;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-fms .price_table .swiper-slide article.level_wrap .mid_wrap__sub_title b {
  font-weight: 700;
}
main#priceinfo section#price .o_container .content_area .tab_content .content_wrap #nav-fms .price_table .swiper-slide article.level_wrap .bottom_wrap__func_list_item--tit:before {
  content: url(../img/ic-check-fms.svg);
}
main#priceinfo section#qna {
  padding: var(--section-spacing-m) 0;
  background-color: var(--gray-50);
}
main#priceinfo section#qna .o_container {
  display: flex;
  gap: 38px;
}
@media (max-width: 1199px) {
  main#priceinfo section#qna .o_container {
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  main#priceinfo section#qna .o_container .text_area {
    text-align: center;
  }
}
main#priceinfo section#qna .o_container .content_area {
  flex: 1;
}
main#priceinfo section#qna .o_container .content_area .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
main#priceinfo section#qna .o_container .content_area .accordion .accordion-item {
  padding: 28px 32px;
  border: none;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#priceinfo section#qna .o_container .content_area .accordion .accordion-item {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#priceinfo section#qna .o_container .content_area .accordion .accordion-item {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  main#priceinfo section#qna .o_container .content_area .accordion .accordion-item {
    padding: 20px;
  }
}
main#priceinfo section#qna .o_container .content_area .accordion .accordion-item .accordion-button {
  padding: 0;
  display: flex;
  gap: 40px;
}
main#priceinfo section#qna .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
main#priceinfo section#qna .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) > p {
  color: var(--gray-600);
}
main#priceinfo section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 24px 0 0 54px;
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
main#priceinfo section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body .text_wrap {
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: start;
}

main#application {
  padding: var(--section-spacing-xs) 0;
}
main#application .application_form .o_container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  main#application .application_form .o_container {
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  main#application .application_form .title_area {
    text-align: center;
  }
}
main#application .application_form .form_area {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 600px;
}
@media (max-width: 1199px) {
  main#application .application_form .form_area {
    width: 100%;
    padding-top: var(--section-spacing-xs);
  }
}
main#application .application_form .form_area .form_item.service_wms, main#application .application_form .form_area .form_item.service_fms {
  display: none;
}
main#application .application_form .form_area .form_item .inflow_path_wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 13px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  main#application .application_form .form_area .form_item .inflow_path_wrap {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 767px) {
  main#application .application_form .form_area .form_item .inflow_path_wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
main#application .application_form .form_area .form_item .input_wrap .o-radio-pill .list {
  display: flex;
  gap: 12px;
}
main#application .application_form .form_area .form_item .input_wrap .o-radio-pill .list .input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
}
main#application .application_form .form_area .form_item .input_wrap .o-radio-pill .list .label {
  flex: 1;
  padding: 16px;
  text-align: center;
  border: 1px solid var(--gray-400);
  color: var(--gray-600);
  cursor: pointer;
  border-radius: 12px;
}
@media (max-width: 767px) {
  main#application .application_form .form_area .form_item .input_wrap .o-radio-pill .list .label {
    border-radius: 8px;
  }
}
main#application .application_form .form_area .form_item .input_wrap .o-radio-pill .list .input:checked + .label, main#application .application_form .form_area .form_item .input_wrap .o-radio-pill .list .input:hover + .label, main#application .application_form .form_area .form_item .input_wrap .o-radio-pill .list .input:focus + .label {
  border: 1px solid var(--wms-600);
  background-color: var(--wms-200);
  color: var(--wms-600);
}
main#application .application_form .form_area .agree_wrap {
  text-align: center;
  margin: 16px auto 0;
  max-width: 350px;
  width: 100%;
}
main#application .application_form .form_area .agree_wrap .list:has(#consent_marketing_prupose) {
  margin: 12px 0 32px;
}
main#application .application_form .form_area .agree_wrap .list .o_checkbox_label {
  display: flex;
  gap: 8px;
  color: var(--gray-900);
}
@media (max-width: 1199px) {
  main#application .application_form .form_area .agree_wrap .list .o_checkbox_label {
    display: inline-flex;
  }
}
main#application .application_form .form_area .agree_wrap .list .o_checkbox_label a {
  text-decoration: underline;
}
main#application .application_form .form_area .agree_wrap #apply {
  margin-top: 32px;
  width: 100%;
}

/* ============================================================
   도입 상담 신청 폼 (공통 컴포넌트 — _apply_form.html)
   서비스명만 바꿔 여러 랜딩에서 재사용
   ============================================================ */
section#apply_form {
  padding: var(--section-spacing-m) 0;
  background: var(--gray-100);
}
section#apply_form .title_area {
  margin-bottom: 40px;
  text-align: center;
}
section#apply_form .title_area .sub_label {
  margin-bottom: 8px;
  color: var(--wms-500);
  font-size: var(--Typography-Body-L);
  line-height: 140%;
  font-weight: 600;
  letter-spacing: -0.01em;
}
section#apply_form .form_area {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  section#apply_form .form_area {
    gap: 32px;
  }
}
section#apply_form .form_area {
  /* main#application 의 .agree_wrap 과 동일 */
}
section#apply_form .form_area .agree_wrap {
  text-align: center;
  margin: 16px auto 0;
  max-width: 350px;
  width: 100%;
}
section#apply_form .form_area .agree_wrap .list:has(#consent_marketing_prupose) {
  margin: 12px 0 32px;
}
section#apply_form .form_area .agree_wrap .list .o_checkbox_label {
  display: flex;
  gap: 8px;
  color: var(--gray-900);
}
@media (max-width: 1199px) {
  section#apply_form .form_area .agree_wrap .list .o_checkbox_label {
    display: inline-flex;
  }
}
section#apply_form .form_area .agree_wrap .list .o_checkbox_label a {
  text-decoration: underline;
}
section#apply_form .form_area .agree_wrap #apply {
  margin-top: 32px;
  width: 100%;
}

#bottom_banner {
  padding: var(--section-spacing-xs) 0;
  background: url("../img/main-bottom-banner-back.webp") center/100% 100% no-repeat;
}
#bottom_banner .text_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1199px) {
  #bottom_banner .text_area {
    flex-direction: column;
    align-items: center;
    gap: 32px;
    text-align: center;
  }
}
#bottom_banner .text_area .titles {
  color: var(--gray-0);
}

#site-footer {
  padding: 80px 0;
  background-color: var(--gray-900);
  color: var(--gray-0);
}
#site-footer .o_container {
  color: var(--gray-0);
}
@media (min-width: 768px) and (max-width: 1199px) {
  #site-footer .o_container {
    padding: 0 80px;
  }
}
#site-footer .o_container .top {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--gray-600);
}
@media (max-width: 767px) {
  #site-footer .o_container .top {
    flex-direction: column;
    gap: 24px;
    align-items: start;
  }
}
#site-footer .o_container .top .top_left .tel {
  margin-top: 11px;
}
#site-footer .o_container .top .top_left .email {
  margin-bottom: 13px;
}
#site-footer .o_container .top .top_right .icon_wrap {
  display: flex;
  justify-content: end;
  gap: 16px;
}
#site-footer .o_container .bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  #site-footer .o_container .bottom {
    flex-direction: column;
  }
}
#site-footer .o_container .bottom .bottom_left {
  display: flex;
  flex-direction: column;
}
#site-footer .o_container .bottom .bottom_left .logo_jiansoft {
  width: 150px;
  margin-bottom: 16px;
}
@media (max-width: 1199px) {
  #site-footer .o_container .bottom .bottom_left .logo_jiansoft {
    margin-bottom: 13px;
  }
}
#site-footer .o_container .bottom .bottom_left .address {
  margin-top: 8px;
}
@media (max-width: 767px) {
  #site-footer .o_container .bottom .bottom_left .corp_info .bar {
    display: none;
  }
}
#site-footer .o_container .bottom .bottom_right {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  #site-footer .o_container .bottom .bottom_right {
    flex-direction: row;
    align-items: end;
    justify-content: start;
    gap: 40px;
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  #site-footer .o_container .bottom .bottom_right {
    flex-direction: column-reverse;
    align-items: start;
  }
}
#site-footer .o_container .bottom .bottom_right .text_wrap {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 8px;
}
#site-footer .o_container .bottom .bottom_right .text_wrap .bar {
  padding: 0 12px;
}
@media (max-width: 1199px) {
  #site-footer .o_container .bottom .bottom_right .text_wrap {
    align-items: start;
  }
}

main#login {
  padding: var(--section-spacing-s) 0;
}
main#login .o_container {
  max-width: 450px;
}
main#login .o_container .tit_area {
  text-align: center;
  margin-bottom: 32px;
}
main#login .o_container .form_area {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
main#login .o_container .form_area .submit_wrap {
  margin: 16px 0 48px;
}
main#login .o_container .form_area .submit_wrap .checkbox_wrap {
  margin-bottom: 32px;
  text-align: center;
}
main#login .o_container .form_area .submit_wrap .checkbox_wrap label {
  font-weight: 600;
}
main#login .o_container .form_area .submit_wrap #btn_login {
  width: 100%;
}
main#login .o_container .ask_area {
  text-align: center;
}
main#login .o_container .ask_area .ask_wrap {
  display: inline-block;
  padding: 24px 32px;
  background-color: var(--gray-50);
}
main#login .o_container .ask_area .ask_wrap .ghost > span {
  font-weight: 700;
}

/* ============================================================
   Partnership Landing Page (구 partnership.css 통합)
   ============================================================ */
#partnership {
  --partner-hero-start: #3f0c9c;
  --partner-hero-mid: #210685;
  --partner-hero-end: #1a0560;
  --partner-badge-bg: #f4f1ff;
  --partner-badge-text: #3f0c9c;
  --partner-problem-bg: #FEF4FC;
  --partner-problem: #80005e;
  --partner-auto-bg: #F5F2FF;
  --partner-green-bg: #f0fbf0;
  --partner-green-accent: #096d61;
  --partner-green-badge: #eaf9f4;
  --partner-blue-bg: #ebf8ff;
  --partner-blue-accent: #005f9b;
  --partner-blue-badge: #e0f0ff;
  --partner-effect: #057000;
  --partner-benefit-bg: #1a3a6c;
  --partner-purple: #3c16ad;
  --partner-purple-light: #6238ea;
  --partner-integration-bg: #F5F2FF;
  /* 공통 */
}
#partnership .section_title_area {
  text-align: center;
  margin-bottom: 60px;
}
#partnership .section_tit_badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
  margin-bottom: 32px;
  border-radius: 16px;
  font-size: 24px;
  font-weight: 700;
  color: var(--partner-badge-text);
  background: var(--partner-badge-bg);
}
#partnership .section_tit_badge i {
  font-size: 22px;
}
#partnership .section_sub_tit {
  font-size: 22px;
  font-weight: 500;
  color: #4f5861;
  line-height: 1.6;
}
#partnership .o_card .card_sub_tit {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}
#partnership .o_card .card_tit {
  font-size: 24px;
  font-weight: 700;
  color: #262c33;
  line-height: 1.4;
  margin-bottom: 16px;
}
#partnership .o_card .card_desc {
  font-size: 16px;
  line-height: 1.7;
  color: #4f5861;
}
#partnership {
  /* === S1. 히어로 (fms #top_banner 패턴) === */
}
#partnership section#partner_hero {
  position: relative;
}
#partnership section#partner_hero .top_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 130px;
  background: linear-gradient(180deg, var(--partner-hero-start) 0%, var(--partner-hero-end) 100%);
  color: var(--gray-0);
  max-width: 100%;
}
#partnership section#partner_hero .top_wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/partnership/automation-equipment/hero-grid-bg.webp") center/cover no-repeat;
  opacity: 0.08;
  pointer-events: none;
}
#partnership section#partner_hero .top_wrap .title_badge {
  position: relative;
  z-index: 1;
  padding: 8px 24px;
  margin-bottom: 24px;
  color: #fff;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 12px;
}
@media (max-width: 767px) {
  #partnership section#partner_hero .top_wrap .title_badge {
    border-radius: 8px;
  }
}
#partnership section#partner_hero .top_wrap .title {
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: center;
  margin-bottom: min(32%, 670px);
}
@media (min-width: 768px) and (max-width: 1199px) {
  #partnership section#partner_hero .top_wrap .title {
    margin-bottom: 32%;
  }
}
@media (max-width: 767px) {
  #partnership section#partner_hero .top_wrap .title {
    margin-bottom: 46%;
  }
}
#partnership section#partner_hero .top_wrap picture {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 50%;
  transform: translate(-50%, 20%);
  width: 65%;
  max-width: 1374px;
  z-index: 2;
}
@media (max-width: 767px) {
  #partnership section#partner_hero .top_wrap picture {
    width: 90%;
  }
}
#partnership section#partner_hero .top_wrap picture img {
  width: 100%;
  height: auto;
  display: block;
}
#partnership {
  /* === S2. 문제 제기 === */
}
#partnership #partner_problems {
  background: var(--partner-problem-bg);
  padding: var(--section-spacing-s) 0;
  position: relative;
  z-index: 1;
}
#partnership #partner_problems .section_tit_badge {
  color: var(--partner-problem);
  background: #fcd6d2;
}
#partnership #partner_problems .problem_cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media (max-width: 1199px) {
  #partnership #partner_problems .problem_cards {
    grid-template-columns: 1fr;
  }
}
#partnership #partner_problems .o_card {
  background: #fff;
  border-radius: 12px;
  padding: 40px;
  text-align: center;
}
#partnership #partner_problems .card_tit {
  font-size: 22px;
  font-weight: 600;
}
#partnership #partner_problems .img_wrap {
  text-align: center;
  padding-top: 100px;
}
#partnership #partner_problems .img_wrap img {
  width: 180px;
  height: 180px;
  object-fit: contain;
}
#partnership {
  /* 태블릿/모바일: speed_bagger 카드처럼 이미지 우측 하단 */
}
@media (max-width: 1199px) {
  #partnership #partner_problems .o_card {
    display: flex;
    flex-direction: column;
    min-height: 280px;
  }
  #partnership #partner_problems .img_wrap {
    margin-top: auto;
    text-align: right;
    padding-top: 24px;
  }
}
#partnership {
  /* 영상 영역 */
}
#partnership #partner_problems .video_section {
  margin-top: 80px;
}
#partnership #partner_problems .video_section .section_tit_badge {
  color: #9c160c;
  background: #fcd6d2;
}
#partnership #partner_problems .video_placeholder {
  max-width: 860px;
  margin: 0 auto;
  background: #fff;
  border-radius: 12px;
  aspect-ratio: 16/9;
}
#partnership {
  /* === S3. 자동화 소개 === */
}
#partnership #partner_automation {
  padding: var(--section-spacing-s) 0;
  background: var(--partner-auto-bg);
}
#partnership #partner_automation .product_cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media (max-width: 1199px) {
  #partnership #partner_automation .product_cards {
    grid-template-columns: 1fr;
  }
}
#partnership #partner_automation .o_card {
  background: #fff;
  border-radius: 12px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 340px;
}
#partnership #partner_automation .o_card .tit_wrap {
  flex: 1;
}
#partnership #partner_automation .card_sub_tit {
  color: var(--partner-purple-light);
}
#partnership #partner_automation .card_tit {
  font-size: 28px;
}
#partnership #partner_automation .img_wrap {
  text-align: right;
  padding-top: 24px;
}
#partnership #partner_automation .img_wrap img {
  max-width: 302px;
  max-height: 180px;
  width: auto;
  object-fit: contain;
}
#partnership {
  /* === S4/S5. 스피드 배거 / 미니 소터 === */
}
#partnership #partner_speed_bagger, #partnership #partner_mini_sorter {
  padding: var(--section-spacing-s) 0;
}
#partnership #partner_speed_bagger {
  background: var(--partner-green-bg);
}
#partnership #partner_mini_sorter {
  background: var(--partner-blue-bg);
}
#partnership #partner_speed_bagger .section_tit_badge {
  background: var(--partner-green-badge);
  color: var(--partner-green-accent);
}
#partnership #partner_mini_sorter .section_tit_badge {
  background: var(--partner-blue-badge);
  color: var(--partner-blue-accent);
}
#partnership .product_hero_img {
  margin: 0 auto 40px;
  background: #fff;
  border-radius: 12px;
  padding: 40px;
  text-align: center;
  background: var(--gray-0);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
#partnership .product_hero_img img {
  max-width: 100%;
  height: auto;
}
#partnership .feature_cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media (max-width: 1199px) {
  #partnership .feature_cards {
    grid-template-columns: 1fr;
  }
}
#partnership .feature_cards .o_card {
  background: #fff;
  border-radius: 12px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 340px;
}
#partnership .feature_cards .o_card .tit_wrap {
  flex: 1;
}
#partnership .feature_cards .o_card .img_wrap {
  text-align: right;
  padding-top: 24px;
}
#partnership .feature_cards .o_card .img_wrap img {
  max-width: 180px;
  max-height: 180px;
  object-fit: contain;
}
#partnership #partner_speed_bagger .card_sub_tit {
  color: var(--partner-green-accent);
}
#partnership #partner_mini_sorter .card_sub_tit {
  color: var(--partner-blue-accent);
}
#partnership {
  /* === S6. 도입 효과 === */
}
#partnership #partner_effects {
  padding: var(--section-spacing-s) 0;
  background: var(--partner-green-bg);
}
#partnership #partner_effects .section_tit_badge {
  background: #e8f5e9;
  color: var(--partner-effect);
}
#partnership #partner_effects .effect_cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media (max-width: 1199px) {
  #partnership #partner_effects .effect_cards {
    grid-template-columns: 1fr;
  }
}
#partnership #partner_effects .effect_card {
  background: #fff;
  border-radius: 12px;
  padding: 60px 48px;
  text-align: center;
}
#partnership #partner_effects .effect_number {
  font-size: 120px;
  font-weight: 700;
  color: var(--partner-effect);
  line-height: 1.1;
  margin-bottom: 16px;
}
#partnership #partner_effects .effect_label {
  font-size: 30px;
  font-weight: 700;
  color: #262c33;
  margin-bottom: 20px;
}
#partnership {
  /* === S7. ONEWMS 연동 === */
}
#partnership #partner_integration {
  padding: var(--section-spacing-s) 0;
  background: var(--partner-integration-bg);
}
#partnership #partner_integration .integration_cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin-bottom: 48px;
}
@media (max-width: 1199px) {
  #partnership #partner_integration .integration_cards {
    grid-template-columns: 1fr;
  }
}
#partnership #partner_integration .integration_cards .o_card {
  background: #fff;
  border-radius: 12px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 380px;
}
#partnership #partner_integration .integration_cards .tit_wrap {
  flex: 1;
}
#partnership #partner_integration .integration_cards .img_wrap {
  text-align: right;
  padding-top: 24px;
}
#partnership #partner_integration .integration_cards .img_wrap img {
  max-width: 160px;
  max-height: 160px;
}
#partnership #partner_integration .card_sub_tit {
  color: var(--partner-purple);
}
#partnership {
  /* toggle_wrap: fms section#stock 의 .toggle_wrap 동일 패턴 */
}
#partnership #partner_integration .toggle_wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
#partnership #partner_integration .toggle_wrap .accordion {
  --bs-accordion-btn-icon-width: 36px;
}
@media (max-width: 767px) {
  #partnership #partner_integration .toggle_wrap .accordion {
    --bs-accordion-btn-icon-width: 20px;
  }
}
#partnership #partner_integration .toggle_wrap .accordion .accordion-item {
  padding: 58px;
  border: none;
  background-color: #00609C;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #partnership #partner_integration .toggle_wrap .accordion .accordion-item {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #partnership #partner_integration .toggle_wrap .accordion .accordion-item {
    border-radius: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #partnership #partner_integration .toggle_wrap .accordion .accordion-item {
    padding: 48px;
  }
}
@media (max-width: 767px) {
  #partnership #partner_integration .toggle_wrap .accordion .accordion-item {
    padding: 24px;
  }
}
#partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-button {
  padding: 0;
  display: flex;
  gap: 40px;
  color: var(--gray-0);
  background-color: #00609C;
  font-size: var(--Typography-Heading-H3);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
  --bs-accordion-btn-active-icon: url("../img/ic-arrow-lg-close.svg");
  --bs-accordion-btn-icon: url("../img/ic-arrow-lg-close.svg");
}
#partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
#partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-button:not(.collapsed) > .d-flex > p {
  color: var(--gray-0);
}
#partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-button .ic-crown {
  width: 37px;
  height: 23px;
  background: url("../img/partnership/automation-equipment/benefit-crown.svg") center/contain no-repeat;
}
@media (max-width: 767px) {
  #partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-button .ic-crown {
    width: 26px;
    height: 16px;
  }
}
#partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 0;
  padding-top: 58px;
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body {
    padding-top: 48px;
  }
}
@media (max-width: 767px) {
  #partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body {
    padding-top: 24px;
  }
}
#partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap {
  display: flex;
  gap: 40px;
}
@media (max-width: 1199px) {
  #partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  #partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap {
    gap: 20px;
  }
}
#partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  flex: 1;
  gap: 58px;
  padding: 48px 44px 48px 48px;
  background-color: var(--gray-0);
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
    border-radius: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
    flex-direction: row;
    gap: 48px;
    padding: 40px;
  }
}
@media (max-width: 767px) {
  #partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article {
    gap: 24px;
    padding: 24px;
  }
}
#partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article .ac_title_wrap .title {
  margin-bottom: 16px;
  font-weight: 600;
}
#partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article .ac_img_wrap {
  text-align: right;
}
#partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article .ac_img_wrap img {
  width: 180px;
  height: 180px;
}
@media (max-width: 767px) {
  #partnership #partner_integration .toggle_wrap .accordion .accordion-item .accordion-collapse .accordion-body .func_wrap article .ac_img_wrap img {
    width: 130px;
    height: 130px;
  }
}
#partnership {
  /* === S8. FAQ (fms #qna 패턴) === */
}
#partnership section#partner_faq {
  padding: var(--section-spacing-m) 0;
  background-color: var(--gray-100);
}
#partnership section#partner_faq .o_container {
  display: flex;
  gap: 38px;
}
@media (max-width: 1199px) {
  #partnership section#partner_faq .o_container {
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  #partnership section#partner_faq .o_container .text_area {
    text-align: center;
  }
}
#partnership section#partner_faq .o_container .text_area .text-l {
  color: var(--partner-purple-light);
}
#partnership section#partner_faq .o_container .content_area {
  flex: 1;
}
#partnership section#partner_faq .o_container .content_area .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#partnership section#partner_faq .o_container .content_area .accordion .accordion-item {
  padding: 28px 32px;
  border: none;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #partnership section#partner_faq .o_container .content_area .accordion .accordion-item {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #partnership section#partner_faq .o_container .content_area .accordion .accordion-item {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  #partnership section#partner_faq .o_container .content_area .accordion .accordion-item {
    padding: 20px;
  }
}
#partnership section#partner_faq .o_container .content_area .accordion .accordion-item .accordion-button {
  padding: 0;
  display: flex;
  gap: 40px;
  --bs-accordion-btn-active-icon: url("../img/ic-arrow-close.webp");
  --bs-accordion-btn-icon: url("../img/ic-arrow-close.webp");
}
#partnership section#partner_faq .o_container .content_area .accordion .accordion-item .accordion-button > .text-m {
  color: var(--partner-purple-light);
}
#partnership section#partner_faq .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
#partnership section#partner_faq .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) > p {
  color: var(--gray-600);
}
#partnership section#partner_faq .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 24px 0 0 54px;
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
#partnership section#partner_faq .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body .text_wrap {
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: start;
}
#partnership {
  /* === 반응형 === */
}
@media (min-width: 768px) and (max-width: 1199px) {
  #partnership .section_tit_badge {
    font-size: 20px;
  }
  #partnership .section_sub_tit {
    font-size: 20px;
  }
  #partnership #partner_effects .effect_label {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  #partnership .section_title_area {
    margin-bottom: 40px;
  }
  #partnership .section_tit_badge {
    font-size: 18px;
    padding: 10px 20px;
    margin-bottom: 24px;
  }
  #partnership .section_sub_tit {
    font-size: 18px;
  }
  #partnership .feature_cards .o_card,
  #partnership #partner_automation .o_card,
  #partnership #partner_integration .integration_cards .o_card {
    min-height: auto;
    padding: 32px;
  }
  #partnership .product_hero_img {
    padding: 24px;
    margin-bottom: 32px;
  }
  #partnership #partner_effects .effect_card {
    padding: 40px 24px;
  }
  #partnership #partner_effects .effect_number {
    font-size: 90px;
  }
  #partnership #partner_effects .effect_label {
    font-size: 22px;
  }
}
#partnership {
  /* partner_automation, partner_integration 뱃지 bg */
}
#partnership #partner_automation .section_tit_badge,
#partnership #partner_integration .section_tit_badge {
  background: #EBE5FF;
}
#partnership {
  /* problem_cards 텍스트 좌측 정렬 */
}
#partnership #partner_problems .o_card {
  text-align: left;
}
#partnership {
  /* video_section 별도 섹션, bg #FFF2F2 */
}
#partnership #partner_video {
  padding: var(--section-spacing-s) 0;
  background: #FFF2F2;
}
#partnership #partner_video .section_tit_badge {
  color: #9c160c;
  background: #fcd6d2;
}
#partnership #partner_video .video_placeholder {
  max-width: 860px;
  margin: 0 auto;
  background: #fff;
  border-radius: 12px;
  aspect-ratio: 16/9;
  overflow: hidden;
}
#partnership #partner_video .video_placeholder video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#partnership {
  /* partner_problems video_section 관련 기존 CSS 오버라이드 제거 */
}
#partnership #partner_problems .video_section {
  display: none;
}
#partnership {
  /* effect_number 텍스트 그림자 */
}
#partnership #partner_effects .effect_number {
  text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.15);
}
#partnership {
  /* partner_problems section_tit_badge */
}
#partnership #partner_problems .section_tit_badge {
  background: #FFE1F9;
  color: #81005E;
}
#partnership {
  /* FMS 기준 맞춤 - section_tit_badge */
}
#partnership .section_tit_badge {
  font-size: 30px;
  padding: 20px 28px;
  border-radius: 12px;
  gap: 20px;
}
#partnership .section_tit_badge i {
  font-size: 24px;
}
#partnership {
  /* FMS 기준 텍스트/카드 사이즈 맞춤 */
}
#partnership .section_sub_tit {
  font-size: 24px;
}
#partnership .feature_cards .o_card,
#partnership #partner_automation .o_card,
#partnership #partner_integration .integration_cards .o_card {
  padding: 58px;
}
#partnership .o_card .card_sub_tit {
  font-size: 18px;
  margin-bottom: 4px;
}
#partnership .o_card .card_tit {
  font-size: 30px;
  margin-bottom: 24px;
}
#partnership .o_card .card_desc {
  font-size: 18px;
}
@media (max-width: 767px) {
  #partnership .feature_cards .o_card,
  #partnership #partner_integration .integration_cards .o_card {
    padding: 32px;
  }
}
#partnership {
  /* 모바일 전체 조정 */
}
@media (max-width: 767px) {
  #partnership {
    /* 뱃지 크기 줄임 */
  }
  #partnership .section_tit_badge {
    font-size: 16px;
    padding: 10px 16px;
    gap: 8px;
  }
  #partnership .section_tit_badge i {
    font-size: 16px;
  }
  #partnership .section_sub_tit {
    font-size: 16px;
  }
  #partnership {
    /* 카드 텍스트 모바일 조정 */
  }
  #partnership .o_card .card_tit {
    font-size: 24px;
    margin-bottom: 16px;
  }
  #partnership .o_card .card_sub_tit {
    font-size: 16px;
  }
  #partnership .o_card .card_desc {
    font-size: 16px;
  }
  #partnership {
    /* 도입 효과 */
  }
  #partnership #partner_effects .effect_label {
    font-size: 20px;
  }
}

/* ============================================================
   RealPacking Landing Page (제휴 서비스 - 리얼패킹)
   ============================================================ */
#realpacking {
  --rp-hero-start: #361793;
  --rp-hero-end: #291563;
  --rp-hero-tag: #E5E5FF;
  /* 섹션별 뱃지/포인트 컬러 (각 섹션에서 재정의) */
  --rp-badge-bg: #EBE5FF;
  --rp-badge-fg: #3F0D9D;
  --rp-accent: #3F0D9D;
  /* 섹션 타이틀·카드 타이포는 공용 .section_title_area / .o_card.card 규칙을 그대로 사용.
     여기서는 리얼패킹 전용 컬러와 뱃지 말풍선 꼬리만 지정 */
}
#realpacking .section_tit_badge {
  position: relative;
  color: var(--rp-badge-fg);
  background: var(--rp-badge-bg);
  /* 말풍선 꼬리 */
}
#realpacking .section_tit_badge::after {
  content: "";
  position: absolute;
  left: 40px;
  bottom: -10px;
  border-style: solid;
  border-width: 11px 8px 0;
  border-color: var(--rp-badge-bg) transparent transparent;
}
@media (max-width: 767px) {
  #realpacking .section_tit_badge::after {
    left: 28px;
    bottom: -8px;
    border-width: 8px 6px 0;
  }
}
#realpacking {
  /* 카드 라운드만 디자인값(20/16/12)으로 — 공용 .card 는 radius-s(12) */
}
#realpacking .o_card {
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #realpacking .o_card {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #realpacking .o_card {
    border-radius: 12px;
  }
}
#realpacking .card_sub_tit {
  color: var(--rp-accent);
}
#realpacking {
  /* height 는 지정하지 않음 — .o_card.card 의 180/130 규칙을 덮지 않기 위함 */
}
#realpacking .img_wrap img,
#realpacking .ani_wrap img {
  max-width: 100%;
}
#realpacking {
  /* === S1. 히어로 === */
}
#realpacking section#rp_hero {
  position: relative;
  z-index: 2;
}
#realpacking section#rp_hero .top_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  padding-top: 130px;
  color: var(--gray-0);
  background: linear-gradient(180deg, var(--rp-hero-start) 0%, var(--rp-hero-end) 100%);
}
@media (min-width: 768px) and (max-width: 1199px) {
  #realpacking section#rp_hero .top_wrap {
    padding-top: 106px;
  }
}
@media (max-width: 767px) {
  #realpacking section#rp_hero .top_wrap {
    padding-top: 80px;
  }
}
#realpacking section#rp_hero .top_wrap .title_badge {
  margin-bottom: 24px;
  padding: 8px 24px;
  color: var(--rp-hero-tag);
  border: 2px solid var(--rp-hero-tag);
  border-radius: 12px;
}
@media (max-width: 767px) {
  #realpacking section#rp_hero .top_wrap .title_badge {
    border-radius: 8px;
  }
}
#realpacking section#rp_hero .top_wrap .title {
  margin-bottom: min(26%, 500px);
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #realpacking section#rp_hero .top_wrap .title {
    margin-bottom: 46%;
  }
}
@media (max-width: 767px) {
  #realpacking section#rp_hero .top_wrap .title {
    margin-bottom: 71%;
  }
}
#realpacking section#rp_hero .top_wrap picture {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 63%;
  max-width: 1211px;
  transform: translate(-50%, 21.5%);
}
@media (min-width: 768px) and (max-width: 1199px) {
  #realpacking section#rp_hero .top_wrap picture {
    width: 91%;
    transform: translate(-50%, 16.5%);
  }
}
@media (max-width: 767px) {
  #realpacking section#rp_hero .top_wrap picture {
    width: 95%;
    transform: translate(-50%, 12%);
  }
}
#realpacking section#rp_hero .top_wrap picture img {
  display: block;
  width: 100%;
  height: auto;
}
#realpacking {
  /* === S2. 문제 제기 === */
}
#realpacking section#rp_problems {
  --rp-badge-bg: #CEEFFF;
  --rp-badge-fg: #00609C;
  --rp-accent: #00609C;
  position: relative;
  z-index: 1;
  padding: var(--section-spacing-s) 0;
  background: #EBF8FF;
}
#realpacking section#rp_problems .problem_cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 1199px) {
  #realpacking section#rp_problems .problem_cards {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
#realpacking section#rp_problems .problem_cards .o_card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 80px 30px;
  gap: 20px;
  text-align: center;
}
#realpacking section#rp_problems .problem_cards .o_card .img_wrap {
  padding-top: 0;
}
#realpacking section#rp_problems .problem_cards .o_card .img_wrap img {
  width: 180px;
  height: 180px;
  object-fit: contain;
}
#realpacking section#rp_problems .problem_cards .o_card .tit_wrap {
  padding: 20px 0;
}
@media (max-width: 1199px) {
  #realpacking section#rp_problems .problem_cards .o_card {
    flex-direction: column-reverse;
    align-items: stretch;
    min-height: 0;
    padding: 48px;
    text-align: left;
  }
  #realpacking section#rp_problems .problem_cards .o_card .img_wrap {
    margin-top: 24px;
    text-align: right;
  }
  #realpacking section#rp_problems .problem_cards .o_card .img_wrap img {
    margin-left: auto;
  }
  #realpacking section#rp_problems .problem_cards .o_card .tit_wrap {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #realpacking section#rp_problems .problem_cards .o_card {
    padding: 32px;
  }
  #realpacking section#rp_problems .problem_cards .o_card .img_wrap img {
    width: 130px;
    height: 130px;
  }
}
#realpacking {
  /* === S3. 리얼패킹 기능 소개 === */
}
#realpacking section#rp_feature {
  --rp-badge-bg: #EBE5FF;
  --rp-badge-fg: #3F0D9D;
  --rp-accent: #3F0D9D;
  padding: var(--section-spacing-s) 0;
  background: #F5F2FF;
}
#realpacking section#rp_feature .content_area {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  #realpacking section#rp_feature .content_area {
    gap: 20px;
  }
}
#realpacking section#rp_feature {
  /* 포장 영상 자동 촬영 — #message section#feature 와 동일한 card_ani 패턴 */
}
#realpacking section#rp_feature .card.card_ani {
  padding: 0;
  align-items: stretch;
}
@media (max-width: 1199px) {
  #realpacking section#rp_feature .card.card_ani {
    padding: var(--o-card-padding);
  }
}
#realpacking section#rp_feature .card.card_ani .tit_wrap {
  padding: 58px 32px 58px 58px;
}
@media (max-width: 1199px) {
  #realpacking section#rp_feature .card.card_ani .tit_wrap {
    padding: 0;
  }
}
#realpacking section#rp_feature .card.card_ani .ani_wrap {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: none;
}
#realpacking section#rp_feature .card.card_ani .ani_wrap img {
  width: 490px;
  height: 490px;
  object-fit: contain;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #realpacking section#rp_feature .card.card_ani .ani_wrap img {
    width: 180px;
    height: 180px;
  }
}
@media (max-width: 767px) {
  #realpacking section#rp_feature .card.card_ani .ani_wrap img {
    width: 130px;
    height: 130px;
  }
}
#realpacking section#rp_feature {
  /* 운송장 영상 조회 / 알림톡 영상 전송 — .o_card.card 기본 패턴(padding, img_wrap 180·130) 사용 */
}
#realpacking section#rp_feature .feature_cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media (max-width: 1199px) {
  #realpacking section#rp_feature .feature_cards {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
#realpacking section#rp_feature .feature_cards .o_card.card {
  justify-content: space-between;
}
#realpacking {
  /* === S4. ONEWMS X 리얼패킹 === */
}
#realpacking section#rp_integration {
  --rp-badge-bg: #FFE1F9;
  --rp-badge-fg: #81005E;
  --rp-accent: #81005E;
  padding: var(--section-spacing-s) 0;
  background: #FEF4FC;
}
#realpacking section#rp_integration .content_area {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  #realpacking section#rp_integration .content_area {
    gap: 20px;
  }
}
#realpacking section#rp_integration {
  /* rp_feature 와 동일한 card_ani 패턴. 단 아이콘이 아닌 캡처 이미지이므로 크기 규칙만 다름 */
}
#realpacking section#rp_integration .card.card_ani {
  padding: 0;
  align-items: stretch;
}
@media (max-width: 1199px) {
  #realpacking section#rp_integration .card.card_ani {
    padding: var(--o-card-padding);
  }
}
#realpacking section#rp_integration .card.card_ani .tit_wrap {
  padding: 58px 32px 58px 58px;
}
@media (max-width: 1199px) {
  #realpacking section#rp_integration .card.card_ani .tit_wrap {
    padding: 0;
  }
}
#realpacking section#rp_integration .card.card_ani .ani_wrap {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: none;
  /* 캡처 이미지는 아이콘과 달리 카드 끝까지 채우지 않으므로 상하 여백을 둔다 */
  padding: 58px 20px 58px 0;
}
@media (max-width: 1199px) {
  #realpacking section#rp_integration .card.card_ani .ani_wrap {
    padding: 0;
  }
}
#realpacking section#rp_integration .card.card_ani .ani_wrap img {
  width: 100%;
  height: auto;
}
#realpacking section#rp_integration .card.card_ani {
  /* PC: 캡처 원본 비율 유지 — 디자인 기준 너비 */
}
@media (min-width: 1200px) {
  #realpacking section#rp_integration .card.card_ani:nth-of-type(1) .ani_wrap img {
    width: 629px;
  }
  #realpacking section#rp_integration .card.card_ani:nth-of-type(2) .ani_wrap img {
    width: 580px;
  }
  #realpacking section#rp_integration .card.card_ani:nth-of-type(3) .ani_wrap img {
    width: 520px;
  }
}

/* ============================================================
   퀵파인더 랜딩 (_quickfinder.html)
   구조는 #realpacking 과 동일한 패턴 — 섹션별 컬러/레이아웃만 다름
   ============================================================ */
#quickfinder {
  --qf-hero-start: #173893;
  --qf-hero-end: #070A55;
  --qf-hero-tag: #CEE2FF;
  /* 섹션별 뱃지/포인트 컬러 (각 섹션에서 재정의) */
  --qf-badge-bg: #DDE6FF;
  --qf-badge-fg: #001F74;
  --qf-accent: #001F74;
  /* 섹션 타이틀·카드 타이포는 공용 .section_title_area / .o_card.card 규칙을 그대로 사용.
     뱃지는 컬러만 지정 — 리얼패킹과 달리 시안에 말풍선 꼬리가 없다 */
}
#quickfinder .section_tit_badge {
  color: var(--qf-badge-fg);
  background: var(--qf-badge-bg);
}
@media (max-width: 767px) {
  #quickfinder .section_tit_badge {
    text-align: left;
  }
}
#quickfinder .o_card {
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #quickfinder .o_card {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #quickfinder .o_card {
    border-radius: 12px;
  }
}
#quickfinder .card_sub_tit {
  color: var(--qf-accent);
}
#quickfinder .img_wrap img,
#quickfinder .ani_wrap img {
  max-width: 100%;
}
#quickfinder {
  /* === S1. 히어로 === */
}
#quickfinder section#qf_hero {
  position: relative;
  z-index: 2;
}
#quickfinder section#qf_hero .top_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  padding-top: 130px;
  color: var(--gray-0);
  background: linear-gradient(180deg, var(--qf-hero-start) 0%, var(--qf-hero-end) 100%);
}
@media (min-width: 768px) and (max-width: 1199px) {
  #quickfinder section#qf_hero .top_wrap {
    padding-top: 140px;
  }
}
@media (max-width: 767px) {
  #quickfinder section#qf_hero .top_wrap {
    padding-top: 102px;
  }
}
#quickfinder section#qf_hero .top_wrap .title_badge {
  margin-bottom: 24px;
  padding: 8px 24px;
  color: var(--qf-hero-tag);
  border: 2px solid var(--qf-hero-tag);
  border-radius: 12px;
}
@media (max-width: 767px) {
  #quickfinder section#qf_hero .top_wrap .title_badge {
    border-radius: 8px;
  }
}
#quickfinder section#qf_hero .top_wrap .title {
  margin-bottom: min(26%, 500px);
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #quickfinder section#qf_hero .top_wrap .title {
    margin-bottom: 45%;
  }
}
@media (max-width: 767px) {
  #quickfinder section#qf_hero .top_wrap .title {
    margin-bottom: 74%;
  }
}
#quickfinder section#qf_hero .top_wrap picture {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 63%;
  max-width: 1212px;
  transform: translate(-50%, 19%);
}
@media (min-width: 768px) and (max-width: 1199px) {
  #quickfinder section#qf_hero .top_wrap picture {
    width: 86%;
    transform: translate(-50%, 12%);
  }
}
@media (max-width: 767px) {
  #quickfinder section#qf_hero .top_wrap picture {
    width: 96.5%;
    transform: translate(-50%, 10%);
  }
}
#quickfinder section#qf_hero .top_wrap picture img {
  display: block;
  width: 100%;
  height: auto;
}
#quickfinder {
  /* === S2. 문제 제기 === */
}
#quickfinder section#qf_problems {
  --qf-badge-bg: #D5F5D4;
  --qf-badge-fg: #067000;
  --qf-accent: #067000;
  position: relative;
  z-index: 1;
  padding: var(--section-spacing-s) 0;
  background: #F0FBF0;
}
#quickfinder section#qf_problems .problem_cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 1199px) {
  #quickfinder section#qf_problems .problem_cards {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
#quickfinder section#qf_problems .problem_cards .o_card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 80px 10px;
  gap: 20px;
  text-align: center;
}
#quickfinder section#qf_problems .problem_cards .o_card .img_wrap {
  padding-top: 0;
}
#quickfinder section#qf_problems .problem_cards .o_card .img_wrap img {
  width: 180px;
  height: 180px;
  object-fit: contain;
}
#quickfinder section#qf_problems .problem_cards .o_card .tit_wrap {
  padding: 20px 0;
}
@media (max-width: 1199px) {
  #quickfinder section#qf_problems .problem_cards .o_card {
    flex-direction: column-reverse;
    align-items: stretch;
    min-height: 0;
    padding: 48px;
    text-align: left;
  }
  #quickfinder section#qf_problems .problem_cards .o_card .img_wrap {
    margin-top: 24px;
    text-align: right;
  }
  #quickfinder section#qf_problems .problem_cards .o_card .img_wrap img {
    margin-left: auto;
  }
  #quickfinder section#qf_problems .problem_cards .o_card .tit_wrap {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #quickfinder section#qf_problems .problem_cards .o_card {
    padding: 32px;
  }
  #quickfinder section#qf_problems .problem_cards .o_card .img_wrap img {
    width: 130px;
    height: 130px;
  }
}
#quickfinder {
  /* === S3. 퀵파인더 기능 소개 === */
}
#quickfinder section#qf_feature {
  --qf-badge-bg: #DDE6FF;
  --qf-badge-fg: #001F74;
  --qf-accent: #001F74;
  padding: var(--section-spacing-s) 0;
  background: #F0F3FF;
  /* 4개 카드 2열 — .o_card.card 기본 패턴(padding, img_wrap 180·130) 사용 */
}
#quickfinder section#qf_feature .feature_cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media (max-width: 1199px) {
  #quickfinder section#qf_feature .feature_cards {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
#quickfinder section#qf_feature .feature_cards .o_card.card {
  justify-content: space-between;
}
#quickfinder {
  /* === S4. 퀵파인더 이용 방법 === */
}
#quickfinder section#qf_guide {
  --qf-badge-bg: #FFE1FE;
  --qf-badge-fg: #81005E;
  --qf-accent: #81005E;
  --qf-step: #00609C;
  padding: var(--section-spacing-s) 0;
  background: #FEF4FC;
}
#quickfinder section#qf_guide .content_area {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  #quickfinder section#qf_guide .content_area {
    gap: 20px;
  }
}
#quickfinder section#qf_guide {
  /* 카드 내부 3STEP — #message section#process 의 .step_list 와 동일 패턴 */
}
#quickfinder section#qf_guide .guide_card .card_tit {
  margin-bottom: 30px;
  /* 시안: 태블릿·모바일에서는 카드 제목도 가운데 정렬 */
}
@media (max-width: 1199px) {
  #quickfinder section#qf_guide .guide_card .card_tit {
    text-align: center;
  }
}
#quickfinder section#qf_guide .guide_card .step_list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  gap: 30px;
}
@media (max-width: 1199px) {
  #quickfinder section#qf_guide .guide_card .step_list {
    flex-direction: column;
    gap: 24px;
  }
}
#quickfinder section#qf_guide .guide_card .step_list .step_item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#quickfinder section#qf_guide .guide_card .step_list .step_item .img_wrap {
  padding-top: 0;
  margin-bottom: 32px;
  text-align: center;
}
#quickfinder section#qf_guide .guide_card .step_list .step_item .img_wrap img {
  width: 180px;
  height: 180px;
  object-fit: contain;
}
@media (max-width: 767px) {
  #quickfinder section#qf_guide .guide_card .step_list .step_item .img_wrap img {
    width: 130px;
    height: 130px;
  }
}
#quickfinder section#qf_guide .guide_card .step_list .step_item .step_label,
#quickfinder section#qf_guide .guide_card .step_list .step_item .step_tit {
  color: var(--qf-step);
  font-size: var(--Typography-Body-M);
  line-height: 160%;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-weight: 800;
}
#quickfinder section#qf_guide .guide_card .step_list .step_item .step_tit {
  margin: 0;
}
#quickfinder section#qf_guide .guide_card .step_list .step_arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  #quickfinder section#qf_guide .guide_card .step_list .step_arrow {
    transform: rotate(90deg);
  }
}
#quickfinder section#qf_guide .guide_card .step_list .step_arrow img {
  width: 24px;
  height: 24px;
  opacity: 0.4;
}
#quickfinder {
  /* === S5. ONEWMS X 퀵파인더 === */
}
#quickfinder section#qf_integration {
  --qf-badge-bg: #FFE5E5;
  --qf-badge-fg: #9D170D;
  --qf-accent: #9D170D;
  padding: var(--section-spacing-s) 0;
  background: #FFF2F2;
}
#quickfinder section#qf_integration .content_area {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  #quickfinder section#qf_integration .content_area {
    gap: 20px;
  }
}
#quickfinder section#qf_integration {
  /* #realpacking section#rp_integration 과 동일한 card_ani 패턴 */
}
#quickfinder section#qf_integration .card.card_ani {
  padding: 0;
  align-items: stretch;
  /* 시안 카드 높이 490 — 캡처 이미지는 그 안에서 세로 중앙 */
}
@media (min-width: 1200px) {
  #quickfinder section#qf_integration .card.card_ani {
    min-height: 490px;
  }
}
@media (max-width: 1199px) {
  #quickfinder section#qf_integration .card.card_ani {
    padding: var(--o-card-padding);
  }
}
#quickfinder section#qf_integration .card.card_ani .tit_wrap {
  padding: 58px 32px 58px 58px;
}
@media (max-width: 1199px) {
  #quickfinder section#qf_integration .card.card_ani .tit_wrap {
    padding: 0;
  }
}
#quickfinder section#qf_integration .card.card_ani .ani_wrap {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: none;
  /* 캡처 이미지도 카드 여백 안으로 (시안 우측 여백 35~52px) */
  padding: 40px 40px 40px 0;
}
@media (max-width: 1199px) {
  #quickfinder section#qf_integration .card.card_ani .ani_wrap {
    padding: 0;
  }
}
#quickfinder section#qf_integration .card.card_ani .ani_wrap img {
  width: 100%;
  height: auto;
}
#quickfinder section#qf_integration .card.card_ani {
  /* PC: 캡처 원본 비율 유지 — 디자인 기준 너비 */
}
@media (min-width: 1200px) {
  #quickfinder section#qf_integration .card.card_ani:nth-of-type(1) .ani_wrap img {
    width: 629px;
  }
  #quickfinder section#qf_integration .card.card_ani:nth-of-type(2) .ani_wrap img {
    width: 515px;
  }
}

/* ============================================================
   ONE ERP 랜딩 (_erp.html)
   구조는 #quickfinder 와 동일한 패턴 — 섹션별 컬러/레이아웃만 다름
   공용 .section_title_area / .o_card.card / 타이포 토큰을 그대로 사용
   ============================================================ */
#erp {
  --erp-hero-start: #173893;
  --erp-hero-end: #070A55;
  --erp-hero-tag: #CEE2FF;
  /* 섹션별 뱃지/포인트 컬러 (각 섹션에서 재정의) */
  --erp-badge-bg: #CEEFFF;
  --erp-badge-fg: #00609C;
  --erp-accent: #00609C;
  /* 한글은 어절 단위로 줄바꿈 — 시안의 문구 배치를 유지 */
  word-break: keep-all;
  overflow-wrap: break-word;
}
#erp .section_tit_badge {
  color: var(--erp-badge-fg);
  background: var(--erp-badge-bg);
}
@media (max-width: 767px) {
  #erp .section_tit_badge {
    text-align: left;
  }
}
#erp .o_card {
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp .o_card {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #erp .o_card {
    border-radius: 12px;
  }
}
#erp .card_sub_tit {
  color: var(--erp-accent);
}
#erp .img_wrap img {
  max-width: 100%;
}
#erp {
  /* === S1. 히어로 === */
}
#erp section#erp_hero {
  position: relative;
  z-index: 2;
}
#erp section#erp_hero .top_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  padding-top: 130px;
  color: var(--gray-0);
  background-color: var(--erp-hero-end);
  background-image: url("../img/erp-hero-grid.webp"), linear-gradient(180deg, var(--erp-hero-start) 0%, var(--erp-hero-end) 100%);
  background-size: cover, auto;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  background-blend-mode: multiply, normal;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_hero .top_wrap {
    padding-top: 140px;
  }
}
@media (max-width: 767px) {
  #erp section#erp_hero .top_wrap {
    padding-top: 96px;
  }
}
#erp section#erp_hero .top_wrap .title_badge {
  margin-bottom: 24px;
  padding: 8px 24px;
  color: var(--erp-hero-tag);
  border: 2px solid var(--erp-hero-tag);
  border-radius: 12px;
}
@media (max-width: 767px) {
  #erp section#erp_hero .top_wrap .title_badge {
    border-radius: 8px;
  }
}
#erp section#erp_hero .top_wrap .title {
  margin-bottom: min(26%, 500px);
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_hero .top_wrap .title {
    margin-bottom: 45%;
  }
}
@media (max-width: 767px) {
  #erp section#erp_hero .top_wrap .title {
    margin-bottom: 72.5%;
  }
}
#erp section#erp_hero .top_wrap {
  /* 시안 히어로 일러스트 — 배너 하단을 넘어 프로모션 배너 위로 걸침 */
}
#erp section#erp_hero .top_wrap picture {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 76.25%;
  max-width: 1464px;
  transform: translate(-50%, 15.09%);
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_hero .top_wrap picture {
    width: 94.53%;
    transform: translate(-50%, 10.22%);
  }
}
@media (max-width: 767px) {
  #erp section#erp_hero .top_wrap picture {
    width: 100%;
    transform: translate(-50%, 13.85%);
  }
}
#erp section#erp_hero .top_wrap picture img {
  display: block;
  width: 100%;
  height: auto;
}
#erp {
  /* === S2. 무료 이용 안내 배너 === */
}
#erp section#erp_promo {
  position: relative;
  z-index: 1;
  padding: 151px 0 101px;
  background: linear-gradient(180deg, #51439F 0%, #887AD3 100%);
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_promo {
    padding: 50px 0;
  }
}
@media (max-width: 767px) {
  #erp section#erp_promo {
    padding: 55px 0 50px;
  }
}
#erp section#erp_promo .promo_card {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 58px;
  min-height: 363px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_promo .promo_card {
    gap: 20px;
    padding: 40px;
    min-height: 420px;
  }
}
@media (max-width: 767px) {
  #erp section#erp_promo .promo_card {
    gap: 10px;
    padding: 32px 20px;
    min-height: 357px;
  }
}
#erp section#erp_promo .promo_card .tit_wrap {
  flex: 1;
}
#erp section#erp_promo .promo_card .promo_sub_tit {
  margin-bottom: 10px;
  color: #E59A00;
  font-size: 27px;
  line-height: 1.6;
  letter-spacing: -0.01em;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_promo .promo_card .promo_sub_tit {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  #erp section#erp_promo .promo_card .promo_sub_tit {
    margin-bottom: 20px;
    font-size: 16px;
  }
}
#erp section#erp_promo .promo_card {
  /* 시안: 브랜드명 / 본문 / 강조 문구의 크기·컬러가 각각 다르다 */
}
#erp section#erp_promo .promo_card .promo_tit {
  margin-bottom: 10px;
  color: #000;
  font-size: 40px;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-weight: 800;
}
#erp section#erp_promo .promo_card .promo_tit .promo_accent {
  color: #F2B600;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_promo .promo_card .promo_tit {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 1.2;
  }
  #erp section#erp_promo .promo_card .promo_tit .promo_brand {
    display: block;
    color: #454545;
    font-size: 24px;
  }
  #erp section#erp_promo .promo_card .promo_tit .promo_accent {
    font-size: 46px;
  }
}
@media (max-width: 767px) {
  #erp section#erp_promo .promo_card .promo_tit {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.2;
  }
  #erp section#erp_promo .promo_card .promo_tit .promo_brand {
    display: block;
    color: #454545;
    font-size: 20px;
  }
  #erp section#erp_promo .promo_card .promo_tit .promo_accent {
    font-size: 40px;
  }
}
#erp section#erp_promo .promo_card .promo_desc {
  color: #454545;
  font-size: 27px;
  line-height: 1.6;
  letter-spacing: -0.01em;
  font-weight: 500;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_promo .promo_card .promo_desc {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  #erp section#erp_promo .promo_card .promo_desc {
    font-size: 16px;
  }
}
#erp section#erp_promo .promo_card .img_wrap {
  flex-shrink: 0;
  padding-top: 0;
}
#erp section#erp_promo .promo_card .img_wrap img {
  display: block;
  width: 300px;
  height: auto;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_promo .promo_card .img_wrap img {
    width: 270px;
  }
}
#erp section#erp_promo .promo_card .img_wrap img {
  /* 좁은 폭에서 문구(특히 하단 2줄)가 밀리지 않는 크기 */
}
@media (max-width: 767px) {
  #erp section#erp_promo .promo_card .img_wrap img {
    width: 140px;
  }
}
#erp {
  /* === S3. 문제 제기 (Before / After) === */
}
#erp section#erp_problem {
  --erp-badge-bg: #CEEFFF;
  --erp-badge-fg: #00609C;
  --erp-accent: #00609C;
  padding: var(--section-spacing-s) 0;
  background: #EBF8FF;
}
#erp section#erp_problem .content_area {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  #erp section#erp_problem .content_area {
    gap: 20px;
  }
}
#erp section#erp_problem {
  /* 시안: 텍스트는 카드 상단 정렬, 이미지 영역은 카드 전체 높이(490)를 차지 */
}
#erp section#erp_problem .compare_card {
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  gap: 40px;
  padding: 0;
}
@media (min-width: 1200px) {
  #erp section#erp_problem .compare_card {
    min-height: 490px;
  }
}
@media (max-width: 1199px) {
  #erp section#erp_problem .compare_card {
    flex-direction: column;
    gap: 0;
  }
}
#erp section#erp_problem .compare_card .tit_wrap {
  flex: 1;
  padding: var(--o-card-padding) 0 var(--o-card-padding) var(--o-card-padding);
}
@media (max-width: 1199px) {
  #erp section#erp_problem .compare_card .tit_wrap {
    padding: var(--o-card-padding) var(--o-card-padding) 0;
  }
}
#erp section#erp_problem .compare_card .compare_label {
  margin-bottom: 4px;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_problem .compare_card .compare_label {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  #erp section#erp_problem .compare_card .compare_label {
    font-size: 22px;
  }
}
#erp section#erp_problem .compare_card .card_tit {
  margin-bottom: 24px;
}
#erp section#erp_problem .compare_card .img_wrap {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
@media (min-width: 1200px) {
  #erp section#erp_problem .compare_card .img_wrap {
    width: 490px;
  }
}
#erp section#erp_problem .compare_card .img_wrap {
  /* 시안 태블릿·모바일: 일러스트가 카드 우측 여백에 맞춰 정렬된다 */
}
@media (max-width: 1199px) {
  #erp section#erp_problem .compare_card .img_wrap {
    justify-content: flex-end;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_problem .compare_card .img_wrap {
    padding: 48px var(--o-card-padding) 48px 0;
  }
}
@media (max-width: 767px) {
  #erp section#erp_problem .compare_card .img_wrap {
    padding: 32px var(--o-card-padding) 32px 0;
  }
}
#erp section#erp_problem .compare_card .img_wrap {
  /* 에셋은 시안 @2x — PC 는 1/2 크기, 태블릿·모바일은 카드 공통 박스 */
}
#erp section#erp_problem .compare_card .img_wrap img {
  width: 180px;
  height: 180px;
  object-fit: contain;
}
@media (max-width: 767px) {
  #erp section#erp_problem .compare_card .img_wrap img {
    width: 130px;
    height: 130px;
  }
}
@media (min-width: 1200px) {
  #erp section#erp_problem .compare_card.before .img_wrap img {
    width: 420px;
    height: auto;
  }
  #erp section#erp_problem .compare_card.after .img_wrap img {
    width: 360px;
    height: auto;
  }
}
#erp section#erp_problem .compare_card.before .compare_label {
  color: #AC354F;
}
#erp section#erp_problem .compare_card.after .compare_label {
  color: #0D8073;
}
#erp {
  /* === S4. ONE ERP 핵심 기능 === */
}
#erp section#erp_feature {
  --erp-badge-bg: #EBE5FF;
  --erp-badge-fg: #3F0D9D;
  --erp-accent: #3F0D9D;
  padding: var(--section-spacing-s) 0;
  background: #F5F2FF;
}
#erp section#erp_feature .content_area {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 767px) {
  #erp section#erp_feature .content_area {
    gap: 20px;
  }
}
#erp section#erp_feature .feature_card {
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  gap: 10px;
  padding: 0;
}
@media (min-width: 1200px) {
  #erp section#erp_feature .feature_card {
    min-height: 520px;
  }
}
@media (max-width: 1199px) {
  #erp section#erp_feature .feature_card {
    flex-direction: column;
    gap: 0;
  }
}
#erp section#erp_feature .feature_card .tit_wrap {
  flex-shrink: 0;
  padding: var(--o-card-padding) 0 var(--o-card-padding) var(--o-card-padding);
}
@media (max-width: 1199px) {
  #erp section#erp_feature .feature_card .tit_wrap {
    padding: var(--o-card-padding) var(--o-card-padding) 0;
  }
}
#erp section#erp_feature .feature_card .img_wrap {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
@media (min-width: 1200px) {
  #erp section#erp_feature .feature_card .img_wrap {
    width: 490px;
  }
}
#erp section#erp_feature .feature_card .img_wrap {
  /* 시안 태블릿·모바일: 일러스트가 카드 우측 여백에 맞춰 정렬된다 */
}
@media (max-width: 1199px) {
  #erp section#erp_feature .feature_card .img_wrap {
    justify-content: flex-end;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_feature .feature_card .img_wrap {
    padding: 48px var(--o-card-padding) 48px 0;
  }
}
@media (max-width: 767px) {
  #erp section#erp_feature .feature_card .img_wrap {
    padding: 32px var(--o-card-padding) 32px 0;
  }
}
#erp section#erp_feature .feature_card .img_wrap img {
  width: 180px;
  height: 180px;
  object-fit: contain;
}
@media (max-width: 767px) {
  #erp section#erp_feature .feature_card .img_wrap img {
    width: 130px;
    height: 130px;
  }
}
#erp section#erp_feature .feature_card {
  /* 시안 PC: 2번째 카드는 이미지 - 텍스트 순서로 반전 */
}
@media (min-width: 1200px) {
  #erp section#erp_feature .feature_card.reverse {
    flex-direction: row-reverse;
  }
  #erp section#erp_feature .feature_card.reverse .tit_wrap {
    padding: var(--o-card-padding) var(--o-card-padding) var(--o-card-padding) 0;
  }
}
@media (min-width: 1200px) {
  #erp section#erp_feature .feature_card:nth-of-type(1) .img_wrap img {
    width: 400px;
    height: auto;
  }
  #erp section#erp_feature .feature_card:nth-of-type(2) .img_wrap img {
    width: 298px;
    height: auto;
  }
  #erp section#erp_feature .feature_card:nth-of-type(3) .img_wrap img {
    width: 370px;
    height: auto;
  }
}
#erp {
  /* === S5. 도입 효과 === */
}
#erp section#erp_benefit {
  --erp-badge-bg: #FFE1FE;
  --erp-badge-fg: #81005E;
  --erp-accent: #81005E;
  padding: var(--section-spacing-s) 0;
  background: #FEF4FC;
}
#erp section#erp_benefit .benefit_cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 1199px) {
  #erp section#erp_benefit .benefit_cards {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
#erp section#erp_benefit .benefit_cards .benefit_card {
  justify-content: space-between;
  /* 380px 카드에서는 좌우 여백을 줄여야 시안의 줄바꿈이 유지된다 */
}
@media (min-width: 1200px) {
  #erp section#erp_benefit .benefit_cards .benefit_card {
    min-height: 520px;
    padding: var(--o-card-padding) 40px;
  }
}
#erp section#erp_benefit .benefit_cards .benefit_card {
  /* 에셋은 시안 @2x — PC 는 1/2 크기, 태블릿·모바일은 카드 공통 박스에 맞춘다 */
}
#erp section#erp_benefit .benefit_cards .benefit_card .img_wrap img {
  width: 180px;
  height: 180px;
  object-fit: contain;
}
@media (max-width: 767px) {
  #erp section#erp_benefit .benefit_cards .benefit_card .img_wrap img {
    width: 130px;
    height: 130px;
  }
}
@media (min-width: 1200px) {
  #erp section#erp_benefit .benefit_cards .benefit_card:nth-of-type(1) .img_wrap img {
    width: 197px;
    height: auto;
  }
  #erp section#erp_benefit .benefit_cards .benefit_card:nth-of-type(2) .img_wrap img {
    width: 180px;
    height: auto;
  }
  #erp section#erp_benefit .benefit_cards .benefit_card:nth-of-type(3) .img_wrap img {
    width: 180px;
    height: auto;
  }
}
#erp {
  /* === S6. 연동 방법 === */
}
#erp section#erp_process {
  --erp-badge-bg: #D5F5D4;
  --erp-badge-fg: #067000;
  --erp-accent: #067000;
  padding: var(--section-spacing-s) 0;
  background: #F0FBF0;
  /* 카드 내부 3STEP — #quickfinder .guide_card 와 동일 패턴 */
}
#erp section#erp_process .process_card .step_list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 40px;
}
@media (max-width: 1199px) {
  #erp section#erp_process .process_card .step_list {
    flex-direction: column;
    gap: 24px;
  }
}
#erp section#erp_process .process_card .step_list .step_item {
  flex: 1;
}
@media (min-width: 1200px) {
  #erp section#erp_process .process_card .step_list .step_item {
    max-width: 270px;
  }
}
#erp section#erp_process .process_card .step_list .step_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#erp section#erp_process .process_card .step_list .step_item .img_wrap {
  padding-top: 0;
  margin-bottom: 58px;
  text-align: center;
}
@media (max-width: 1199px) {
  #erp section#erp_process .process_card .step_list .step_item .img_wrap {
    margin-bottom: 32px;
  }
}
#erp section#erp_process .process_card .step_list .step_item .img_wrap img {
  width: 175px;
  height: auto;
}
@media (max-width: 767px) {
  #erp section#erp_process .process_card .step_list .step_item .img_wrap img {
    width: 130px;
  }
}
#erp section#erp_process .process_card .step_list .step_item .step_tit {
  margin: 0 0 24px;
  color: var(--erp-accent);
  font-size: var(--Typography-Body-M);
  line-height: 160%;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-weight: 700;
}
#erp section#erp_process .process_card .step_list .step_item .step_tit .step_label {
  display: block;
}
#erp section#erp_process .process_card .step_list .step_item .step_desc {
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
#erp section#erp_process .process_card .step_list .step_item .step_desc > b {
  font-weight: 700;
}
#erp section#erp_process .process_card .step_list .step_item .step_btn {
  margin-top: 32px;
  color: #3D17AD;
  /* 밑줄 전환 타이밍을 .o_btn 배경색 전환(all .2s ease)과 맞춘다.
     text-decoration 은 애니메이션 대상이 아니므로 색으로 전환한다 */
}
#erp section#erp_process .process_card .step_list .step_item .step_btn span {
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.2s ease;
}
#erp section#erp_process .process_card .step_list .step_item .step_btn {
  /* 버튼 여백까지 포함해 배경색과 같은 영역에서 동작하도록 버튼 기준 hover */
}
#erp section#erp_process .process_card .step_list .step_item .step_btn:hover span {
  text-decoration-color: currentColor;
}
#erp section#erp_process .process_card .step_list .step_arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  #erp section#erp_process .process_card .step_list .step_arrow {
    transform: rotate(90deg);
  }
}
#erp section#erp_process .process_card .step_list .step_arrow img {
  width: 24px;
  height: 24px;
  opacity: 0.4;
}
#erp {
  /* === S7. 이용 안내 === */
}
#erp section#erp_guide {
  --erp-badge-bg: #DDE6FF;
  --erp-badge-fg: #001F74;
  --erp-accent: #001F74;
  padding: var(--section-spacing-m) 0 var(--section-spacing-s);
  background: #F0F3FF;
}
#erp section#erp_guide .guide_cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1199px) {
  #erp section#erp_guide .guide_cards {
    grid-template-columns: 1fr;
  }
}
#erp section#erp_guide .guide_cards .guide_card {
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 50px 20px;
  text-align: center;
}
#erp section#erp_guide .guide_cards .guide_card.highlight {
  background: #FFF8E8;
}
@media (min-width: 1200px) {
  #erp section#erp_guide .guide_cards .guide_card {
    min-height: 520px;
    justify-content: flex-start;
    padding: 80px 20px 50px;
  }
}
#erp section#erp_guide .guide_cards .guide_card {
  /* 시안 태블릿: 아이콘이 좌측, 문구가 우측인 가로 배치.
     아이콘블록 208(80 + 좌우 64) + 간격 20 + 나머지 전부가 문구 블록이라
     카드가 달라도 아이콘 84 / 문구 248 에서 시작한다 */
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_guide .guide_cards .guide_card {
    flex-direction: row;
    gap: 20px;
    text-align: left;
  }
}
@media (max-width: 767px) {
  #erp section#erp_guide .guide_cards .guide_card {
    padding: 32px 20px;
  }
}
#erp section#erp_guide .guide_cards .guide_card {
  /* 시안: 이모지가 80x80 라운드 박스 위에 놓인다 */
}
#erp section#erp_guide .guide_cards .guide_card .guide_icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: 0;
  background: #DDE6FF;
  border-radius: 15px;
  line-height: 1;
  /* 에셋은 시안 @2x — 표시 크기는 시안 이모지와 동일한 48px */
}
#erp section#erp_guide .guide_cards .guide_card .guide_icon img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
@media (min-width: 1200px) {
  #erp section#erp_guide .guide_cards .guide_card .guide_icon {
    margin-bottom: 30px;
  }
}
#erp section#erp_guide .guide_cards .guide_card .guide_icon {
  /* 시안 태블릿: 아이콘 영역이 208px 폭 안에서 가운데 놓인다 */
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_guide .guide_cards .guide_card .guide_icon {
    margin: 0 64px;
  }
}
#erp section#erp_guide .guide_cards .guide_card.highlight .guide_icon {
  background: #FFECB8;
}
#erp section#erp_guide .guide_cards .guide_card .guide_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  /* 문구 블록에 공통 기준 폭을 줘서 카드마다 문구 길이가 달라도 폭이 같아진다.
     덕분에 묶음을 카드 가운데 정렬해도 카드끼리 시작 위치가 어긋나지 않는다.
     420 = 768 기준 카드 내부(648) - 아이콘블록(208) - 간격(20) */
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_guide .guide_cards .guide_card .guide_body {
    flex: 0 1 420px;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  #erp section#erp_guide .guide_cards .guide_card .guide_body {
    gap: 24px;
  }
}
#erp section#erp_guide .guide_cards .guide_card .tit_wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#erp_guide .guide_cards .guide_card .tit_wrap {
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  #erp section#erp_guide .guide_cards .guide_card .tit_wrap {
    gap: 4px;
  }
}
#erp section#erp_guide .guide_cards .guide_card .guide_tit {
  margin: 0;
  font-size: 48px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-weight: 700;
}
@media (max-width: 767px) {
  #erp section#erp_guide .guide_cards .guide_card .guide_tit {
    font-size: 36px;
  }
}
#erp section#erp_guide .guide_cards .guide_card .guide_value {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  margin: 0;
  line-height: 1.4;
}
#erp section#erp_guide .guide_cards .guide_card .guide_value .num {
  color: #C98A00;
  font-size: 64px;
  letter-spacing: -0.02em;
  font-weight: 700;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
  #erp section#erp_guide .guide_cards .guide_card .guide_value .num.is_text {
    font-size: 48px;
  }
}
#erp section#erp_guide .guide_cards .guide_card .guide_value .unit {
  color: var(--gray-900);
  font-size: 48px;
  letter-spacing: -0.02em;
  font-weight: 700;
  /* 시안: 단위 뒤 '/월' 은 작은 크기·회색 */
}
#erp section#erp_guide .guide_cards .guide_card .guide_value .unit small {
  color: #676868;
  font-size: 34px;
  font-weight: 700;
}
#erp section#erp_guide .guide_cards .guide_card .guide_desc {
  color: var(--gray-700);
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
#erp {
  /* === S8. 자주 묻는 질문 — main#api section#qna 와 동일 패턴 === */
}
#erp section#qna {
  padding: var(--section-spacing-m) 0;
  background-color: var(--gray-100);
}
#erp section#qna .o_container {
  display: flex;
  gap: 38px;
}
@media (max-width: 1199px) {
  #erp section#qna .o_container {
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  #erp section#qna .o_container .text_area {
    text-align: center;
  }
}
#erp section#qna .o_container .content_area {
  flex: 1;
}
#erp section#qna .o_container .content_area .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#erp section#qna .o_container .content_area .accordion .accordion-item {
  padding: 28px 32px;
  border: none;
  border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #erp section#qna .o_container .content_area .accordion .accordion-item {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #erp section#qna .o_container .content_area .accordion .accordion-item {
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  #erp section#qna .o_container .content_area .accordion .accordion-item {
    padding: 20px;
  }
}
#erp section#qna .o_container .content_area .accordion .accordion-item .accordion-button {
  padding: 0;
  display: flex;
  gap: 40px;
  --bs-accordion-btn-active-icon: url("../img/ic-arrow-close.webp");
  --bs-accordion-btn-icon: url("../img/ic-arrow-close.webp");
}
#erp section#qna .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
#erp section#qna .o_container .content_area .accordion .accordion-item .accordion-button:not(.collapsed) > p {
  color: var(--gray-600);
}
#erp section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 24px 0 0 54px;
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
#erp section#qna .o_container .content_area .accordion .accordion-item .accordion-collapse .accordion-body .o_btn {
  margin-top: 16px;
}

/* ===================================================================
   재고관리 PLUS 랜딩 (stockplus.html / _stockplus.html)
   =================================================================== */
#stockplus {
  --sp-hero-start: #361793;
  --sp-hero-end: #291563;
  --sp-hero-tag: #E5E5FF;
  --sp-label: #6238EA;
  --sp-ink: #262C33;
  --sp-card-radius: 20px;
  /* 데모 그룹 컬러 (로케이션 그룹) */
  --sp-fast: #FF7A1A;
  --sp-cold: #4F8EF7;
  --sp-slow: #149E86;
  --sp-season: #8B5CF6;
  --sp-unused: #DEDFE1;
  /* 한글은 어절 단위로 줄바꿈 — 시안의 문구 배치를 유지 */
  word-break: keep-all;
  overflow-wrap: break-word;
}
#stockplus section {
  padding: var(--section-spacing-s) 0;
}
#stockplus .card {
  border: none; /* bootstrap .card 기본 테두리 제거 */
  border-radius: var(--sp-card-radius);
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus .card {
    --sp-card-radius: 16px;
  }
}
@media (max-width: 767px) {
  #stockplus .card {
    --sp-card-radius: 12px;
  }
}
#stockplus {
  /* 공통 섹션 헤더 (라벨 + 타이틀 + 설명) */
}
#stockplus .section_head {
  text-align: center;
  margin-bottom: var(--section-spacing-xs);
}
#stockplus .section_head .section_label {
  margin-bottom: 40px;
  color: var(--sp-label);
  font-size: 20px;
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus .section_head .section_label {
    margin-bottom: 32px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #stockplus .section_head .section_label {
    margin-bottom: 24px;
    font-size: 16px;
  }
}
#stockplus .section_head .section_tit {
  color: #000;
  font-size: var(--Typography-Heading-H4);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
#stockplus .section_head .section_desc {
  margin-top: 40px;
  color: var(--gray-700);
  font-size: var(--Typography-Body-L);
  line-height: 160%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus .section_head .section_desc {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  #stockplus .section_head .section_desc {
    margin-top: 24px;
    font-size: 16px;
    line-height: 140%;
  }
}
#stockplus {
  /* 카드 그리드 (2열 / 3열) */
}
#stockplus .card_grid {
  display: grid;
  gap: 40px;
}
#stockplus .card_grid.two {
  grid-template-columns: repeat(2, 1fr);
}
#stockplus .card_grid.three {
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
@media (max-width: 1199px) {
  #stockplus .card_grid.two, #stockplus .card_grid.three {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus .card_grid {
    gap: 40px;
  }
  #stockplus .card_grid.three {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  #stockplus .card_grid {
    gap: 40px;
  }
  #stockplus .card_grid.three {
    gap: 40px;
  }
}
#stockplus {
  /* === S1. 히어로 === */
}
#stockplus section#stockplus_hero {
  padding: 0;
  background-color: var(--sp-hero-end);
  background-image: url("../img/stockplus-hero-bg.webp");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_hero {
    background-image: url("../img/stockplus-hero-bg-t.webp");
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_hero {
    background-image: url("../img/stockplus-hero-bg-m.webp");
  }
}
#stockplus section#stockplus_hero .hero_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 132px;
  color: var(--gray-0);
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_hero .hero_inner {
    padding-top: 94px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_hero .hero_inner {
    padding-top: 102px;
  }
}
#stockplus section#stockplus_hero .title_badge {
  margin-bottom: 24px;
  padding: 8px 24px;
  color: var(--sp-hero-tag);
  border: 2px solid var(--sp-hero-tag);
  border-radius: 12px;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_hero .title_badge {
    border-radius: 8px;
  }
}
#stockplus section#stockplus_hero .title {
  text-align: center;
}
#stockplus section#stockplus_hero {
  /* 브랜드 로고 일러스트 (글로우 여백 포함) — 타이틀 하단에 살짝 겹침 */
}
#stockplus section#stockplus_hero picture {
  display: block;
  width: 83.65%;
  max-width: 1606px;
  margin: -36px auto 0;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_hero picture {
    width: 100%;
    margin-top: -4px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_hero picture {
    width: 100%;
    margin-top: -26px;
  }
}
#stockplus section#stockplus_hero picture img {
  display: block;
  width: 100%;
  height: auto;
}
#stockplus {
  /* === S2. PROMOTION & BROADCAST === */
}
#stockplus section#stockplus_promo {
  background: #F8F8FB;
}
#stockplus section#stockplus_promo .promo_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 24px 58px;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_promo .promo_card {
    padding: 56px 40px 48px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_promo .promo_card {
    padding: 48px 20px 40px;
  }
}
#stockplus section#stockplus_promo .promo_card .icon_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin-bottom: 48px;
  background: #DDE6FF;
  border-radius: 15px;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_promo .promo_card .icon_wrap {
    width: 65px;
    height: 65px;
    margin-bottom: 36px;
  }
}
#stockplus section#stockplus_promo .promo_card .icon_wrap img {
  width: 48px;
  height: 48px;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_promo .promo_card .icon_wrap img {
    width: 40px;
    height: 40px;
  }
}
#stockplus section#stockplus_promo .promo_card .card_tit {
  margin-bottom: 4px;
  color: var(--sp-ink);
  font-size: var(--Typography-Heading-H4);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_promo .promo_card .card_tit {
    margin-bottom: 16px;
  }
}
#stockplus section#stockplus_promo .promo_card .card_sub {
  color: var(--sp-ink);
  font-size: 20px;
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_promo .promo_card .card_sub {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_promo .promo_card .card_sub {
    font-size: 14px;
  }
}
#stockplus section#stockplus_promo .promo_card .card_list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  width: 100%;
  margin-top: 40px;
  padding-top: 58px;
  border-top: 1px dashed #747474;
  color: var(--sp-ink);
  font-size: 20px;
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_promo .promo_card .card_list {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_promo .promo_card .card_list {
    gap: 24px;
    margin-top: 32px;
    padding-top: 40px;
    font-size: 14px;
  }
}
#stockplus section#stockplus_promo .promo_card .card_list strong {
  font-weight: 900;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_promo .promo_card .card_list strong {
    font-weight: 700;
  }
}
#stockplus {
  /* === S3. CHANNEL & REGION === */
}
#stockplus section#stockplus_channel {
  background: #F5F4FC;
}
#stockplus section#stockplus_channel .channel_card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 520px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_channel .channel_card {
    min-height: 0;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_channel .channel_card {
    min-height: 0;
  }
}
#stockplus section#stockplus_channel .channel_card .tit_wrap {
  padding: 40px 40px 0;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_channel .channel_card .tit_wrap {
    padding: 32px 32px 0;
  }
}
#stockplus section#stockplus_channel .channel_card .channel_tag {
  display: inline-block;
  margin-bottom: 25px;
  padding: 8px 17px;
  border-radius: 10px;
  font-size: 20px;
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_channel .channel_card .channel_tag {
    margin-bottom: 20px;
    padding: 5px 12px;
    border-radius: 5px;
    font-size: 15px;
  }
}
#stockplus section#stockplus_channel .channel_card .channel_tag.orange {
  background: #FFE4CC;
  color: #9B5517;
}
#stockplus section#stockplus_channel .channel_card .channel_tag.blue {
  background: #E4EEFE;
  color: #3052CB;
}
#stockplus section#stockplus_channel .channel_card .channel_tag.green {
  background: #D7F3EC;
  color: #198684;
}
#stockplus section#stockplus_channel .channel_card .channel_tag.purple {
  background: #EFE7FE;
  color: #7135D6;
}
#stockplus section#stockplus_channel .channel_card .card_tit {
  margin-bottom: 20px;
  color: var(--sp-ink);
  font-size: var(--Typography-Heading-H4);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_channel .channel_card .card_tit {
    margin-bottom: 16px;
  }
}
#stockplus section#stockplus_channel .channel_card .card_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: var(--sp-ink);
  font-size: 20px;
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_channel .channel_card .card_list {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_channel .channel_card .card_list {
    gap: 16px;
    font-size: 14px;
  }
}
#stockplus section#stockplus_channel .channel_card .img_wrap {
  padding: 40px 58px 58px;
  text-align: right;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_channel .channel_card .img_wrap {
    padding: 32px 32px 32px;
  }
}
#stockplus section#stockplus_channel .channel_card .img_wrap img {
  width: 180px;
  height: 180px;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_channel .channel_card .img_wrap img {
    width: 130px;
    height: 130px;
  }
}
#stockplus {
  /* === S4. WHY IT MATTERS === */
}
#stockplus section#stockplus_why {
  background: #F8F7FC;
}
#stockplus section#stockplus_why .why_card {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_why .why_card {
    flex-direction: column-reverse;
    min-height: 0;
  }
}
#stockplus section#stockplus_why .why_card .img_wrap {
  display: flex;
  justify-content: center;
  padding: 58px 58px 0;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_why .why_card .img_wrap {
    justify-content: flex-end;
    padding: 0 32px 32px;
  }
}
#stockplus section#stockplus_why .why_card .img_wrap img {
  width: 180px;
  height: 180px;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_why .why_card .img_wrap img {
    width: 130px;
    height: 130px;
  }
}
#stockplus section#stockplus_why .why_card .tit_wrap {
  padding: 48px 44px 48px 48px;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_why .why_card .tit_wrap {
    padding: 32px 32px 32px;
  }
}
#stockplus section#stockplus_why .why_card .card_tit {
  margin-bottom: 16px;
  color: var(--sp-ink);
  font-size: var(--Typography-Body-L);
  line-height: 140%;
  font-weight: 600;
  letter-spacing: -0.01em;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_why .why_card .card_tit {
    margin-bottom: 20px;
    font-size: var(--Typography-Heading-H4);
    line-height: 140%;
    font-weight: 700;
    letter-spacing: -0.02em;
  }
}
#stockplus section#stockplus_why .why_card .card_desc {
  color: var(--gray-700);
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
#stockplus {
  /* === S5. CORE FEATURES === */
}
#stockplus section#stockplus_core {
  background: #F5F3FC;
}
#stockplus section#stockplus_core .core_cards {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_core .core_cards {
    gap: 80px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_core .core_cards {
    gap: 40px;
  }
}
#stockplus section#stockplus_core .core_card {
  display: flex;
  flex-direction: row; /* bootstrap .card(column) 덮어쓰기 */
  align-items: center;
  gap: 35px;
  padding: 60px 30px;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_core .core_card {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 32px;
    padding: 0 0 32px;
  }
}
#stockplus section#stockplus_core .core_card .tit_wrap {
  flex: 0 0 566px;
  max-width: 566px;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_core .core_card .tit_wrap {
    flex: none;
    max-width: none;
    padding: 0 32px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_core .core_card .tit_wrap {
    padding: 0 16px;
  }
}
#stockplus section#stockplus_core .core_card .card_sub_tit {
  margin-bottom: 20px;
  color: #5B21B6;
  font-size: 20px;
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_core .core_card .card_sub_tit {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_core .core_card .card_sub_tit {
    margin-bottom: 16px;
    font-size: 15px;
  }
}
#stockplus section#stockplus_core .core_card .card_tit {
  margin-bottom: 20px;
  color: var(--sp-ink);
  font-size: var(--Typography-Heading-H3);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_core .core_card .card_tit {
    margin-bottom: 16px;
    font-size: 20px;
  }
}
#stockplus section#stockplus_core .core_card .card_desc {
  margin-bottom: 30px;
  color: var(--gray-700);
  font-size: var(--Typography-Body-L);
  line-height: 160%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_core .core_card .card_desc {
    margin-bottom: 24px;
    font-size: var(--Typography-Body-S);
    line-height: 140%;
  }
}
#stockplus section#stockplus_core .core_card .card_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_core .core_card .card_list {
    gap: 12px;
  }
}
#stockplus section#stockplus_core .core_card .card_list li {
  padding: 16px 32px;
  background: #F8F7FC;
  border-radius: 16px;
  color: var(--gray-800);
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_core .core_card .card_list li {
    padding: 16px;
    border-radius: 12px;
  }
}
#stockplus section#stockplus_core .core_card .img_wrap {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_core .core_card .img_wrap {
    padding: 32px 32px 0;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_core .core_card .img_wrap {
    padding: 16px 16px 0;
  }
}
#stockplus section#stockplus_core .core_card .img_wrap picture {
  display: block;
  width: 100%;
}
#stockplus section#stockplus_core .core_card .img_wrap img {
  display: block;
  width: 100%;
  max-width: 545px;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_core .core_card .img_wrap img {
    max-width: 100%;
  }
}
#stockplus {
  /* === S6. INTERACTIVE PREVIEW (창고별 랙 데모) === */
}
#stockplus section#stockplus_demo {
  background: #F3F5FA;
}
#stockplus section#stockplus_demo .demo_card {
  padding: 58px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_demo .demo_card {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_demo .demo_card {
    padding: 32px 12px;
  }
}
#stockplus section#stockplus_demo .demo_card {
  /* 태블릿/모바일: 타이틀 → 창고 탭 → 랙 그리드 → 상세 → 범례 순으로 세로 배치 */
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_demo .demo_card {
    display: flex;
    flex-direction: column;
  }
}
#stockplus section#stockplus_demo .demo_head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_demo .demo_head {
    display: contents;
  }
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_demo .demo_tit_wrap {
    order: 1;
    margin-bottom: 24px;
  }
}
#stockplus section#stockplus_demo .demo_label {
  margin-bottom: 8px;
  color: #0A6D62;
  font-size: var(--Typography-UI-Top);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.01em;
}
#stockplus section#stockplus_demo .demo_tit {
  color: var(--sp-ink);
  font-size: var(--Typography-Heading-H4);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
#stockplus section#stockplus_demo .demo_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_demo .demo_tabs {
    order: 2;
    margin-bottom: 24px; /* 창고 탭 ↔ 랙 그리드 간격 */
  }
}
#stockplus section#stockplus_demo .demo_tab {
  padding: 10px 16px;
  border: none;
  border-radius: 400px;
  background: var(--gray-100);
  color: #000;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
  font-size: 13px;
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_demo .demo_tab {
    flex: 1 1 0;
    padding: 12px 8px;
    font-size: 13px;
  }
}
#stockplus section#stockplus_demo .demo_tab:hover {
  background: var(--gray-200);
}
#stockplus section#stockplus_demo .demo_tab.active {
  background: #2F5EE0;
  color: var(--gray-0);
}
#stockplus section#stockplus_demo .demo_body {
  display: grid;
  /* 상세 테이블(nowrap)의 min-content 가 우측 컬럼을 키우지 않도록 minmax(0, 1fr) */
  grid-template-columns: 436px minmax(0, 1fr);
  gap: 60px;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_demo .demo_body {
    display: contents;
  }
}
#stockplus section#stockplus_demo .demo_grid_wrap {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_demo .demo_grid_wrap {
    display: contents;
  }
}
#stockplus section#stockplus_demo .demo_grid {
  display: grid;
  grid-template-columns: repeat(8, 44px);
  gap: 9px 12px;
  margin-bottom: 60px;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_demo .demo_grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 8px 6px;
    margin-bottom: 20px; /* 랙 그리드 ↔ 상세 패널 간격 */
    order: 3;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_demo .demo_grid {
    gap: 6px 5px;
  }
}
#stockplus section#stockplus_demo .demo_cell {
  min-width: 0;
  height: 29px;
  padding: 0;
  border: none;
  border-radius: 5px;
  color: var(--gray-0);
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
  font-size: 9px;
  line-height: 140%;
  font-weight: 900;
  letter-spacing: -0.01em;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_demo .demo_cell {
    height: 36px;
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_demo .demo_cell {
    height: 30px;
    font-size: 8px;
    letter-spacing: -0.03em;
  }
}
#stockplus section#stockplus_demo .demo_cell.fast {
  background: var(--sp-fast);
}
#stockplus section#stockplus_demo .demo_cell.cold {
  background: var(--sp-cold);
}
#stockplus section#stockplus_demo .demo_cell.slow {
  background: var(--sp-slow);
}
#stockplus section#stockplus_demo .demo_cell.season {
  background: var(--sp-season);
}
#stockplus section#stockplus_demo .demo_cell:hover {
  transform: scale(1.08);
  box-shadow: 0 0 0 2px var(--sp-ink);
}
#stockplus section#stockplus_demo .demo_cell.selected {
  box-shadow: 0 0 0 2px #2F5EE0;
  transform: scale(1.08);
}
#stockplus section#stockplus_demo .demo_legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 25px;
  margin-bottom: 20px;
  color: #000;
  font-size: 15px;
  line-height: 140%;
  font-weight: 600;
  letter-spacing: -0.01em;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_demo .demo_legend {
    order: 5;
    margin: 20px 0 0;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_demo .demo_legend {
    gap: 8px 10px;
    font-size: 12px;
  }
}
#stockplus section#stockplus_demo .demo_legend span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_demo .demo_legend span {
    gap: 6px;
  }
}
#stockplus section#stockplus_demo .demo_legend i {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 3px;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_demo .demo_legend i {
    width: 12px;
    height: 12px;
  }
}
#stockplus section#stockplus_demo .demo_legend i.fast {
  background: var(--sp-fast);
}
#stockplus section#stockplus_demo .demo_legend i.cold {
  background: var(--sp-cold);
}
#stockplus section#stockplus_demo .demo_legend i.slow {
  background: var(--sp-slow);
}
#stockplus section#stockplus_demo .demo_legend i.season {
  background: var(--sp-season);
}
#stockplus section#stockplus_demo .demo_legend i.unused {
  background: var(--sp-unused);
}
#stockplus section#stockplus_demo .demo_note {
  color: #8D8D8D;
  font-size: 15px;
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_demo .demo_note {
    order: 6;
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_demo .demo_note {
    font-size: 11px;
  }
}
#stockplus section#stockplus_demo .demo_detail {
  min-width: 0;
  min-height: 345px;
  padding: 18px 14px;
  background: #F5F7FB;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_demo .demo_detail {
    order: 4;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_demo .demo_detail {
    min-height: 340px;
    padding: 16px;
  }
}
#stockplus section#stockplus_demo .demo_detail {
  /* bootstrap .placeholder 와 충돌 방지를 위해 별도 클래스 사용 */
}
#stockplus section#stockplus_demo .demo_detail .demo_placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 295px;
  color: #969595;
  text-align: center;
  font-size: 14px;
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
}
@media (max-width: 767px) {
  #stockplus section#stockplus_demo .demo_detail .demo_placeholder {
    min-height: 300px;
    font-size: 13px;
  }
}
#stockplus section#stockplus_demo .demo_detail .detail_head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--gray-300);
}
#stockplus section#stockplus_demo .demo_detail .detail_code {
  color: var(--sp-ink);
  font-size: 17px;
  line-height: 140%;
  font-weight: 900;
  letter-spacing: -0.01em;
}
#stockplus section#stockplus_demo .demo_detail .detail_group {
  padding: 4px 10px;
  border-radius: 400px;
  color: var(--gray-0);
  font-size: 12px;
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.01em;
}
#stockplus section#stockplus_demo .demo_detail .detail_group.fast {
  background: var(--sp-fast);
}
#stockplus section#stockplus_demo .demo_detail .detail_group.cold {
  background: var(--sp-cold);
}
#stockplus section#stockplus_demo .demo_detail .detail_group.slow {
  background: var(--sp-slow);
}
#stockplus section#stockplus_demo .demo_detail .detail_group.season {
  background: var(--sp-season);
}
#stockplus section#stockplus_demo .demo_detail .detail_table_wrap {
  overflow-x: auto;
}
#stockplus section#stockplus_demo .demo_detail .detail_table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 12px;
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.02em;
}
#stockplus section#stockplus_demo .demo_detail .detail_table th,
#stockplus section#stockplus_demo .demo_detail .detail_table td {
  padding: 8px 7px;
  text-align: left;
  background: var(--gray-0);
}
#stockplus section#stockplus_demo .demo_detail .detail_table th {
  color: var(--gray-600);
  font-weight: 700;
  border-bottom: 2px solid var(--gray-300);
}
#stockplus section#stockplus_demo .demo_detail .detail_table td {
  color: var(--sp-ink);
  border-bottom: 1px solid var(--gray-200);
}
#stockplus section#stockplus_demo .demo_detail .detail_table tr:last-child td {
  border-bottom: none;
}
#stockplus section#stockplus_demo .demo_detail .detail_table .num {
  text-align: right;
  font-weight: 700;
}
#stockplus {
  /* === S7. 숫자로 보는 ONEWMS === */
}
#stockplus section#stockplus_stats {
  background: #F5F6FA;
}
#stockplus section#stockplus_stats .stat_list {
  display: flex;
  justify-content: center;
  gap: 40px;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_stats .stat_list {
    flex-direction: column;
    align-items: center;
    gap: 80px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_stats .stat_list {
    gap: 60px;
  }
}
#stockplus section#stockplus_stats .stat_item {
  flex: 1 1 0;
  min-width: 0;
  text-align: center;
}
@media (max-width: 1199px) {
  #stockplus section#stockplus_stats .stat_item {
    flex: none;
  }
}
#stockplus section#stockplus_stats .stat_num {
  margin-bottom: 40px;
  color: #1D1930;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 92px;
  line-height: 130%;
  font-weight: 800;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_stats .stat_num {
    margin-bottom: 24px;
    font-size: 90px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_stats .stat_num {
    margin-bottom: 16px;
    font-size: 90px;
  }
}
#stockplus section#stockplus_stats .stat_label {
  color: #626B7A;
  font-size: 36px;
  line-height: 120%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_stats .stat_label {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_stats .stat_label {
    font-size: 22px;
  }
}
#stockplus {
  /* === S8. GET STARTED === */
}
#stockplus section#stockplus_cta {
  background: #111827;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_cta {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_cta {
    padding: 40px 0;
  }
}
#stockplus section#stockplus_cta .section_label {
  margin-bottom: 40px;
  color: #8E64FF;
  font-size: 20px;
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_cta .section_label {
    margin-bottom: 32px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_cta .section_label {
    margin-bottom: 24px;
    font-size: 16px;
  }
}
#stockplus section#stockplus_cta .cta_tit {
  margin-bottom: 60px;
  color: var(--gray-0);
  font-size: 48px;
  line-height: 140%;
  font-weight: 900;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #stockplus section#stockplus_cta .cta_tit {
    margin-bottom: 40px;
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  #stockplus section#stockplus_cta .cta_tit {
    margin-bottom: 32px;
    font-size: 22px;
    font-weight: 700;
  }
}
#stockplus section#stockplus_cta .o_btn {
  color: #3D17AD;
}/*# sourceMappingURL=style.css.map */