@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;
  font-size: var(--Typography-UI-Button-L);
  line-height: 150%;
  font-weight: 700;
  letter-spacing: -0.01em;
}
@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.md {
  padding: 16px 24px;
  font-size: var(--Typography-UI-Button-M);
  line-height: 150%;
  font-weight: 700;
  letter-spacing: -0.01em;
}
@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.sm {
  padding: 12px 20px;
  font-size: var(--Typography-UI-Button-S);
  line-height: 150%;
  font-weight: 600;
  letter-spacing: -0.01em;
}
@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.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;
  background: var(--gray-0);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
  .card {
    border-radius: 8px;
  }
}

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

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

.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.png") center/contain no-repeat;
  transition: all 0.2s ease;
}

.o_checkbox:checked + label.o_checkbox_label::before {
  background: url("../img/ic-checkbox-on.png") 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;
  }
}
@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;
}
#header .o_container .header_left .logo {
  width: 138px;
  margin-right: 66px;
}
#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 #gnb-list {
  display: flex;
  gap: 48px;
  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.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 .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;
  }
}
@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;
  padding: var(--o-card-padding);
}
@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.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;
  font-size: var(--Typography-Heading-H4);
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .section_title_area .section_tit_badge {
    border-radius: 8px;
  }
}
@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: 100px;
  background: linear-gradient(180deg, var(--gray-0) 11.89%, var(--wms-200) 100%);
  position: relative;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main section#hero {
    padding: 70px 20px 20px;
  }
}
@media (max-width: 767px) {
  #main section#hero {
    padding: 54px 20px 20px;
  }
}
#main section#hero .swiper {
  width: 100%;
}
#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;
}
#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;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@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;
  }
}
@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.png") center/cover no-repeat;
  border-radius: 20px;
  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 {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  #main section#solution #enterprise .o_container .img_area {
    border-radius: 12px;
  }
}
@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.png"), 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;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
@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 .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 {
  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;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  #main section#clients .client_list .list {
    border-radius: 8px;
  }
}
@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.png") 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.png") 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;
  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 {
    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;
  }
}
@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;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@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;
  }
}
@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.png") center/cover no-repeat;
  border-radius: 20px;
  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 {
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  main#wms section#enterprise .o_container .img_area {
    border-radius: 12px;
  }
}
@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.png"), 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.png");
  --bs-accordion-btn-icon: url("../img/ic-arrow-close.png");
}
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.png") 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.png") 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;
  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 {
    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;
  }
}
@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.png");
  --bs-accordion-btn-icon: url("../img/ic-arrow-close.png");
}
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#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 {
  /* 기본 테이블 스타일(데스크톱/태블릿) 유지 */
  /* 검색바: 아이콘 삽입(HTML 수정 없이) */
}
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 .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.png") 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;
  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: 8px;
  }
}
@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;
  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: 8px;
  }
}
@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;
    /* 판매처명은 카드 상단 헤더로 */
    /* 가로 나열 */
    /* 값(○/X) 스타일 */
    /* 마지막 칸 오른쪽 여백 제거(선택) */
  }
  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: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: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: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[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: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: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 .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;
  --bs-nav-pills-link-active-bg: var(--gray-0);
}
@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 > 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;
  font-size: var(--Typography-Body-S);
  line-height: 140%;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-weight: 700;
}
@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.active {
  color: var(--gray-900);
  border-radius: 12px;
  background: var(--gray-0);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
@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 > 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;
  padding-bottom: 24px;
}
@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 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%;
}

#bottom_banner {
  padding: var(--section-spacing-xs) 0;
  background: url("../img/main-bottom-banner-back.png") 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;
}/*# sourceMappingURL=style.css.map */