@charset "UTF-8";
/*
XET CSS v2.0.4 2024-08-02 for supported in all modern browsers
By xetemplate(https://xetemplate.com)
*/
:root {
  --xet-theme-color: #dd1130;
  --xet-theme-border-color2: #bac2c3;
  --xet-theme-body-bg-color: #eeeeee;
  --xet-theme-content-bg-color: #ffffff;
  --xet-theme-dark-body-bg-color: #161619;
  --xet-theme-dark-content-bg-color: #080707;
  --xet-theme-dark-text-strong-color: #EFF2F7;
  --xet-theme-box-shadow: 0px 0.5rem 1rem rgba(0, 0, 0, .08);
  --xet-theme-transition-all: all 0.2s ease-out;
  --xet-theme-button-height: 38px;
  --xet-theme-section-padding: 32px 0;
  --xet-theme-section-padding-lg: 48px 0;
  --xet-theme-section-padding-xl: 64px 0;
  --xet-theme-grid-gap-xs: 16px;
  --xet-theme-grid-gap: 24px;
  --xet-theme-grid-gap-xl: 32px;
  --xet-theme-grid-gap-xxl: 40px;
}

html,
body,
table,
th,
td,
button,
select,
input,
textarea {
  font-size: 16px;
  font-family: var(--font), -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  word-break: keep-all;
}

@media (min-width: 992px) {
  html,
body,
table,
th,
td,
button,
select,
input,
textarea {
    font-size: 14px;
  }
}
::-webkit-scrollbar {
  display: none;
}

body {
  background-color: #fff;
  color: var(--xet-theme-text-strong-color);
}

.theme-color {
  color: var(--xet-theme-color) !important;
}

.xet-btn {
  z-index: 2;
  min-width: var(--xet-theme-button-height);
}
.xet-btn > i + span {
  margin-left: 2px;
}
.xet-btn.btn-primary-theme {
  background-color: var(--xet-theme-color) !important;
  color: #fff !important;
}
.xet-btn.btn-submit {
  background-color: var(--xet-theme-color) !important;
  color: #fff !important;
}
.xet-btn.btn-theme {
  position: relative;
  border-radius: 0;
}
.xet-btn.btn-theme::before, .xet-btn.btn-theme::after {
  content: "";
  z-index: -1;
  position: absolute;
  width: calc(100%);
  height: calc(50% - 10px);
  pointer-events: none;
  transition: var(--xet-theme-transition-all);
  border: 1px solid var(--xet-theme-btn-border-color);
}
.xet-btn.btn-theme.invert {
  color: #fff;
}
.xet-btn.btn-theme.invert::before, .xet-btn.btn-theme.invert::after {
  border-color: var(--xet-theme-dark-btn-border-color);
}
.xet-btn.btn-theme::before {
  border-width: 1px 1px 0 1px;
  left: 0;
  top: 0;
}
.xet-btn.btn-theme::after {
  border-width: 0 1px 1px 1px;
  bottom: 0;
  right: 0;
}
.xet-btn.btn-theme:hover::before, .xet-btn.btn-theme:hover::after {
  background-color: var(--xet-theme-color) !important;
  border-color: var(--xet-theme-color) !important;
  height: calc(50% - 0px);
  width: 100%;
}
.xet-btn.btn-theme:hover {
  color: #fff !important;
}

[data-aos] {
  will-change: transform, opacity;
}

.xet-layout {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh);
  min-height: 100dvh;
  overflow: hidden;
}
.xet-layout .vh100 {
  height: 100vh;
}
.xet-layout .vh75 {
  height: 75vh;
}
@supports (height: 100dvh) {
  .xet-layout .vh100 {
    height: 100dvh;
  }
  .xet-layout .vh75 {
    height: 75dvh;
  }
}
.xet-layout a {
  transition: var(--xet-theme-transition-all);
}
.xet-layout.member-act, .xet-layout.sub {
  background-color: var(--xet-theme-body-bg-color);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}
.xet-layout .lnb {
  z-index: 2;
  display: none;
  border-top: 0.5px solid var(--xet-theme-border-color);
  border-bottom: 0.5px solid var(--xet-theme-border-color);
  background-color: var(--xet-theme-body-bg-color);
}
.xet-layout .lnb.scroll-to-fixed-fixed {
  background-color: var(--xet-theme-content-bg-color);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.15);
}
.xet-layout .lnb .lnb__list ul {
  display: flex;
}
.xet-layout .lnb .lnb__list ul > li {
  flex: 1;
}
.xet-layout .lnb .lnb__list ul > li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 58px;
  padding: 0 0.5rem;
  text-align: center;
  transition: var(--xet-theme-transition-all);
}
.xet-layout .lnb .lnb__list ul > li a.is-active {
  font-weight: 700;
  background-color: var(--xet-theme-color) !important;
  color: #fff !important;
}
.xet-layout .lnb .lnb__list ul > li a:not(.is-active):hover {
  color: var(--xet-theme-color) !important;
}
.xet-layout .layout__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.xet-layout .layout__body .layout__body-content {
  flex: 1;
}
.xet-layout .layout__body {
  z-index: 2;
}
.xet-layout .layout__body .layout__body-content {
  background-color: var(--xet-theme-content-bg-color);
}
.xet-layout .layout__body .layout__body-content .xet-content {
  padding: 2rem 0;
}
.xet-layout .layout__body .layout__body-content .xet-content .page-title {
  text-align: center;
  margin-bottom: 2rem;
}
.xet-layout .layout-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 2rem 0;
  background-color: var(--xet-theme-body-bg-color);
}
.xet-layout .layout-footer > div {
  z-index: 3;
}
.xet-layout .layout-footer .xet-btn {
  color: inherit;
}
.xet-layout .layout-footer .layout-footer__body {
  /* Footer Nav */
}
.xet-layout .layout-footer .layout-footer__body > div + div {
  margin-top: 2rem;
}
.xet-layout .layout-footer .layout-footer__body .h4 {
  margin-bottom: 1rem;
}
.xet-layout .layout-footer .layout-footer__body .footer-nav ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 8px;
}
.xet-layout .layout-footer .layout-footer__body .footer-nav ul > li + li {
  padding-top: 8px;
  border-top: 0.5px solid var(--xet-theme-border-color2);
}
.xet-layout .layout-footer .layout-footer__body .footer-nav ul > li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.xet-layout .layout-footer .layout-footer__body .contact ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 8px;
}
.xet-layout .layout-footer .layout-footer__body .contact ul > li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.xet-layout .layout-footer .layout-footer__body .contact ul > li > span:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--xet-theme-button-height);
  height: var(--xet-theme-button-height);
  border: 1px solid var(--xet-theme-border-color2);
}
.xet-layout .layout-footer .layout-footer__body .contact ul > li > span:last-child {
  display: flex;
  flex-direction: column;
}
.xet-layout .layout-footer .layout-footer__body .contact ul > li.is-address{
  align-items:flex-start;
}

.xet-layout .layout-footer .layout-footer__body .contact ul > li.is-address > span:first-child{
  margin-top:2px;
}
.xet-layout .layout-footer .layout-footer__body .sns ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.xet-layout .layout-footer .layout-footer__body .sns ul > li a {
  width: var(--xet-theme-button-height);
  border: 1px solid var(--xet-theme-border-color2);
  border-radius: var(--xet-theme-button-height);
}
.xet-layout .layout-footer .layout-footer__body .sns ul > li a:hover {
  border-color: var(--xet-theme-color) !important;
  background-color: var(--xet-theme-color) !important;
  color: #fff !important;
}
.xet-layout .layout-footer .copyright {
  text-align: center;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 0.5px solid var(--xet-theme-border-color2);
}
.xet-layout .layout-footer a:hover {
  color: var(--xet-theme-color);
}

#xet-scrolltop-btn {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.65);
}
#xet-scrolltop-btn > i {
  font-size: 1rem;
}

body.app-style .xet-layout {
  padding-bottom: 60px;
}
body.app-style #xet-scrolltop-btn {
  bottom: 76px;
}

.gslide-description {
  text-align: center;
  padding: 0 !important;
  background-color: var(--xet-theme-content-bg-color);
}
.gslide-description .gslide-title {
  font-size: 1.125rem !important;
  color: var(--xet-theme-text-strong-color);
}
.gslide-description .gslide-desc {
  color: var(--xet-theme-text-base-color);
}
.gslide-description .gslide-desc a {
  color: var(--xet-theme-color);
  border-bottom: 1px dotted var(--xet-theme-color);
}

body.color_scheme_dark {
  background-color: #000;
  color: var(--xet-theme-dark-text-strong-color);
}
body.color_scheme_dark .xet-btn.btn-theme::before, body.color_scheme_dark .xet-btn.btn-theme::after {
  border-color: var(--xet-theme-dark-btn-border-color);
}
body.color_scheme_dark .xet-btn.btn-theme.invert {
  color: #111;
}
body.color_scheme_dark .xet-btn.btn-theme.invert::before, body.color_scheme_dark .xet-btn.btn-theme.invert::after {
  border-color: var(--xet-theme-btn-border-color);
}
body.color_scheme_dark .xet-layout.member-act, body.color_scheme_dark .xet-layout.sub {
  background-color: var(--xet-theme-dark-body-bg-color);
}
body.color_scheme_dark .xet-layout .lnb {
  border-color: var(--xet-theme-dark-border-color);
  background-color: var(--xet-theme-dark-body-bg-color);
}
body.color_scheme_dark .xet-layout .layout__body .layout__body-content {
  background-color: var(--xet-theme-dark-content-bg-color);
}
body.color_scheme_dark .xet-layout .layout-footer {
  background-color: var(--xet-theme-dark-body-bg-color);
  color: var(--xet-theme-dark-text-base-color);
}
body.color_scheme_dark .xet-layout .layout-footer .layout-footer__body {
  /* Footer Nav */
}
body.color_scheme_dark .xet-layout .layout-footer .layout-footer__body .footer-nav ul > li + li {
  border-color: var(--xet-theme-dark-border-color);
}
body.color_scheme_dark .xet-layout .layout-footer .layout-footer__body .contact ul > li > span:first-child {
  border-color: var(--xet-theme-dark-border-color);
}
body.color_scheme_dark .xet-layout .layout-footer .layout-footer__body .sns ul > li a {
  border-color: var(--xet-theme-dark-border-color);
}
body.color_scheme_dark .xet-layout .layout-footer .copyright {
  border-color: var(--xet-theme-dark-border-color);
}
body.color_scheme_dark .gslide-description {
  background-color: var(--xet-theme-dark-content-bg-color);
}
body.color_scheme_dark .gslide-description .gslide-title {
  color: var(--xet-theme-dark-text-strong-color);
}
body.color_scheme_dark .gslide-description .gslide-desc {
  color: var(--xet-theme-dark-text-base-color);
}
body.color_scheme_dark #xet-scrolltop-btn {
  background: rgba(143, 143, 143, 0.65);
}

@media (min-width: 992px) {
  .xet-layout .lnb {
    display: block;
  }
  .xet-layout .layout__body .layout__body-content .xet-content {
    padding: 3rem 0;
  }
  .xet-layout .layout__body .layout__body-content .xet-content .page-title {
    margin-bottom: 3rem;
  }
  .xet-layout .layout-footer {
    padding: 3rem 0;
  }
  .xet-layout .layout-footer .layout-footer__body {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
  }
  .xet-layout .layout-footer .layout-footer__body > div {
    flex: 1;
  }
  .xet-layout .layout-footer .layout-footer__body > div + div {
    margin-top: 0;
  }
  .xet-layout .layout-footer .layout-footer__body .h4 {
    margin-bottom: 16px;
  }
  .xet-layout .layout-footer .copyright {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    padding-top: 2rem;
  }
  .xet-layout.main .layout-footer {
    padding: 4rem 0;
  }

  /* 모바일 앱스타일 사용시 */
  body.app-style .xet-layout {
    padding-bottom: 0;
  }
  body.app-style #xet-scrolltop-btn {
    bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .xet-layout .layout__body .layout__body-content .xet-content {
    padding: 4rem 0;
  }
  .xet-layout .layout-footer {
    padding: 4rem 0;
  }
  .xet-layout.main .layout-footer {
    padding: 6rem 0;
  }

  #xet-scrolltop-btn {
    width: 4rem;
    height: 4rem;
  }
  #xet-scrolltop-btn i {
    font-size: 1.5rem;
  }
}

/* =========================
   SouthBros Main Sections
   clean / aligned / full replace
========================= */

.xet-layout .sb-section{
  --sb-accent:var(--xet-theme-color);
  --sb-line:var(--xet-theme-border-color);
  --sb-bg:var(--xet-theme-content-bg-color);
  --sb-text:var(--xet-theme-text-strong-color);
  --sb-text2:var(--xet-theme-text-base-color);
  --sb-gap:24px;
  --sb-gap-sm:16px;
  --sb-radius:20px;
  --sb-radius-sm:16px;
  --sb-shadow:0 10px 30px rgba(0,0,0,.05);
  --sb-shadow-hover:0 16px 36px rgba(0,0,0,.08);
  position:relative;
  padding:96px 0;
  background:#fff;
}

.xet-layout .sb-section.sb-section--alt{
  background:#fafafa;
}

/* title */
.xet-layout .sb-section .section-title{
  max-width:860px;
  margin:0 auto;
  text-align:center;
}

.xet-layout .sb-section .section-title .small-title{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border:1px solid var(--sb-line);
  border-radius:999px;
  background:#fff;
  color:var(--sb-accent);
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1;
  box-shadow:0 4px 12px rgba(0,0,0,.04);
}

.xet-layout .sb-section .section-title .small-title i{
  font-size:1rem;
  line-height:1;
}

.xet-layout .sb-section .section-title .h2,
.xet-layout .sb-section .section-title h2{
  margin:18px 0 0;
  font-size:2rem;
  line-height:1.22;
  letter-spacing:-.04em;
  font-weight:800;
  color:var(--sb-text);
}

.xet-layout .sb-section .section-title .section-desc{
  max-width:720px;
  margin:16px auto 0;
  color:var(--sb-text2);
  font-size:1rem;
  line-height:1.8;
}

.xet-layout .sb-section .section-content{
  margin-top:42px;
}

/* grid */
.xet-layout .sb-section .sb-grid{
  display:grid;
  gap:var(--sb-gap);
}

.xet-layout .sb-section .sb-grid.grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.xet-layout .sb-section .sb-grid.grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.xet-layout .sb-section .sb-grid.grid-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

/* common box */
.xet-layout .sb-section :is(.sb-card,.sb-point,.sb-time-card,.sb-benefit-main,.sb-benefit-list>div,.sb-step,.sb-compare){
  border:1px solid var(--sb-line);
  border-radius:var(--sb-radius);
  background:var(--sb-bg);
  box-shadow:var(--sb-shadow);
}

.xet-layout .sb-section :is(.sb-card,.sb-point,.sb-step){
  transition:.25s ease;
}

.xet-layout .sb-section :is(.sb-card,.sb-point,.sb-step):hover{
  transform:translateY(-4px);
  box-shadow:var(--sb-shadow-hover);
  border-color:rgba(0,0,0,.12);
}

/* card */
.xet-layout .sb-section .sb-card{
  position:relative;
  height:100%;
  padding:28px 24px;
  text-align:left;
}

.xet-layout .sb-section .sb-card.soft{
  background:linear-gradient(180deg,#fff 0%,#fafafa 100%);
}

.xet-layout .sb-section .sb-icon{
  width:54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 0 18px;
  border:1px solid var(--sb-line);
  border-radius:14px;
  background:linear-gradient(180deg,#fff 0%,#fafafa 100%);
  color:var(--sb-accent);
}

.xet-layout .sb-section .sb-icon i{
  font-size:1.35rem;
  line-height:1;
}

.xet-layout .sb-section .sb-card h3,
.xet-layout .sb-section .sb-time-card h3{
  margin:0 0 10px;
  font-size:1.22rem;
  line-height:1.35;
  letter-spacing:-.02em;
  font-weight:800;
  color:var(--sb-text);
}

.xet-layout .sb-section .sb-card p,
.xet-layout .sb-section .sb-time-card p,
.xet-layout .sb-section .sb-point p,
.xet-layout .sb-section .sb-step p{
  margin:0;
  color:var(--sb-text2);
  font-size:.95rem;
  line-height:1.75;
}

.xet-layout .sb-section .sb-list{
  list-style:none;
  margin:18px 0 0;
  padding:0;
}

.xet-layout .sb-section .sb-list li{
  position:relative;
  padding-left:16px;
  color:var(--sb-text2);
  font-size:.92rem;
  line-height:1.75;
}

.xet-layout .sb-section .sb-list li + li{
  margin-top:8px;
}

.xet-layout .sb-section .sb-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:11px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--sb-accent);
}

/* note */
.xet-layout .sb-section .sb-note{
  margin-top:24px;
  padding:18px 22px;
  border-left:4px solid var(--sb-accent);
  border-radius:16px;
  background:#fafafa;
  color:var(--sb-text2);
  text-align:left;
  box-shadow:0 8px 24px rgba(0,0,0,.04);
}

.xet-layout .sb-section .sb-note strong{
  color:var(--sb-text);
}

/* =========================
   company intro
========================= */

.xet-layout .sb-section .sb-about-box{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:var(--sb-gap);
  align-items:stretch;
}

.xet-layout .sb-section .sb-about-visual{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:430px;
  padding:28px;
  border-radius:24px;
  color:#fff;
  background:#111 center/cover no-repeat;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(0,0,0,.12);
}

.xet-layout .sb-section .sb-about-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.14) 0%,rgba(0,0,0,.28) 45%,rgba(0,0,0,.60) 100%);
  z-index:0;
}

.xet-layout .sb-section .sb-about-visual::after{
  content:"";
  position:absolute;
  right:-60px;
  bottom:-60px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  z-index:0;
}

.xet-layout .sb-section .sb-about-visual>*{
  position:relative;
  z-index:1;
}

.xet-layout .sb-section .sb-about-visual .badge{
  position:absolute;
  top:22px;
  left:22px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:.74rem;
  font-weight:700;
  line-height:1;
  backdrop-filter:blur(6px);
}

.xet-layout .sb-section .sb-about-copy{
  max-width:440px;
}

.xet-layout .sb-section .sb-about-copy h3{
  margin:0 0 10px;
  font-size:2rem;
  line-height:1.22;
  letter-spacing:-.04em;
  font-weight:800;
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.16);
}

.xet-layout .sb-section .sb-about-copy p{
  margin:0;
  color:rgba(255,255,255,.9);
  font-size:.98rem;
  line-height:1.72;
  text-shadow:0 2px 10px rgba(0,0,0,.12);
}

.xet-layout .sb-section .sb-pills{
  display:none;
}

.xet-layout .sb-section .sb-points{
  display:grid;
  gap:16px;
}

.xet-layout .sb-section .sb-point{
  display:flex;
  gap:14px;
  align-items:flex-start;
  min-height:118px;
  padding:22px 20px;
  text-align:left;
}

.xet-layout .sb-section .sb-point .num,
.xet-layout .sb-section .sb-step .num{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border-radius:12px;
  background:#111;
  color:#fff;
  font-size:.88rem;
  font-weight:700;
}

.xet-layout .sb-section .sb-point h4,
.xet-layout .sb-section .sb-step h4{
  margin:0 0 6px;
  font-size:1rem;
  line-height:1.4;
  font-weight:800;
  color:var(--sb-text);
}

/* =========================
   timeline
========================= */

.xet-layout .sb-section .sb-timeline{
  position:relative;
  display:grid;
  gap:18px;
  text-align:left;
}

.xet-layout .sb-section .sb-timeline::before{
  content:"";
  position:absolute;
  left:18px;
  top:8px;
  bottom:8px;
  width:2px;
  background:linear-gradient(to bottom,var(--sb-accent),rgba(0,0,0,.08));
}

.xet-layout .sb-section .sb-time-item{
  position:relative;
  padding-left:56px;
}

.xet-layout .sb-section .sb-time-item::before{
  content:"";
  position:absolute;
  left:10px;
  top:10px;
  width:16px;
  height:16px;
  border:4px solid var(--sb-accent);
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 8px rgba(221,17,48,.06);
}

.xet-layout .sb-section .sb-time-card{
  padding:22px 24px;
}

.xet-layout .sb-section .sb-time-card .year{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 12px;
  border:1px solid var(--sb-line);
  border-radius:999px;
  background:#fafafa;
  color:var(--sb-accent);
  font-size:.8rem;
  font-weight:700;
}

.xet-layout .sb-section .sb-time-card h3{
  margin:12px 0 8px;
  font-size:1.18rem;
}

/* =========================
   compare
========================= */

.xet-layout .sb-section .sb-compare{
  overflow-x:auto;
  text-align:left;
}

.xet-layout .sb-section .sb-compare table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
}

.xet-layout .sb-section .sb-compare th,
.xet-layout .sb-section .sb-compare td{
  padding:18px 20px;
  border-bottom:1px solid var(--sb-line);
  font-size:.94rem;
  line-height:1.7;
}

.xet-layout .sb-section .sb-compare thead th{
  background:#f7f7f7;
  font-weight:800;
  color:var(--sb-text);
}

.xet-layout .sb-section .sb-compare tbody tr:last-child td{
  border-bottom:0;
}

.xet-layout .sb-section .sb-compare tbody tr:hover{
  background:rgba(0,0,0,.015);
}

.xet-layout .sb-section .sb-bad,
.xet-layout .sb-section .sb-good{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:700;
}

.xet-layout .sb-section .sb-bad::before,
.xet-layout .sb-section .sb-good::before{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#fff;
  font-size:.75rem;
  line-height:1;
}

.xet-layout .sb-section .sb-bad::before{
  content:"✕";
  background:#999;
}

.xet-layout .sb-section .sb-good::before{
  content:"✓";
  background:var(--sb-accent);
}

/* =========================
   business model
========================= */

.xet-layout .sb-section .sb-steps{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

.xet-layout .sb-section .sb-step{
  height:100%;
  padding:24px 18px;
  text-align:center;
}

.xet-layout .sb-section .sb-step .num{
  margin:0 auto 14px;
  border-radius:50%;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.xet-layout .sb-section .sb-bm-grid{
  margin-top:24px;
}

.xet-layout .sb-section .sb-bm-grid.is-single{
  display:block;
  max-width:420px;
  margin:24px auto 0;
}

.xet-layout .sb-section .sb-bm-grid.is-single .sb-card{
  text-align:center;
}

.xet-layout .sb-section .sb-bm-grid.is-single .sb-icon{
  margin:0 auto 18px;
}

/* =========================
   solution section
========================= */

.xet-layout .sb-section#solution .section-content{
  margin-top:40px;
}

.xet-layout .sb-section#solution .sb-solution-banner{
  position:relative;
  overflow:hidden;
  margin-bottom:24px;
  border:1px solid var(--sb-line);
  border-radius:24px;
  box-shadow:0 14px 36px rgba(0,0,0,.08);
  background:#111;
}

.xet-layout .sb-section#solution .sb-solution-banner img{
  display:block;
  width:100%;
  height:400px;
  object-fit:cover;
  object-position:center 62%;
}

.xet-layout .sb-section#solution .sb-solution-banner::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.24) 45%,rgba(0,0,0,.66) 100%);
  z-index:1;
}

.xet-layout .sb-section#solution .sb-solution-banner__overlay{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  padding:30px;
  color:#fff;
}

.xet-layout .sb-section#solution .sb-solution-banner__badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  font-size:.74rem;
  font-weight:700;
  line-height:1;
  backdrop-filter:blur(6px);
}

.xet-layout .sb-section#solution .sb-solution-banner__badge i{
  font-size:1rem;
  line-height:1;
}

.xet-layout .sb-section#solution .sb-solution-banner__overlay strong{
  display:block;
  max-width:560px;
  margin:0;
  font-size:1.8rem;
  line-height:1.24;
  letter-spacing:-.04em;
  font-weight:800;
  text-align:left;
}

.xet-layout .sb-section#solution .sb-solution-banner__overlay p{
  max-width:620px;
  margin:0;
  color:rgba(255,255,255,.88);
  font-size:.96rem;
  line-height:1.72;
  text-align:left;
}

/* solution cards */
.xet-layout .sb-section#solution .sb-grid.grid-4{
  gap:18px;
  align-items:stretch;
}

.xet-layout .sb-section#solution .sb-grid.grid-4 .sb-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  min-height:276px;
  padding:24px 22px;
  text-align:left;
}

.xet-layout .sb-section#solution .sb-grid.grid-4 .sb-card .sb-icon{
  margin-bottom:16px;
}

.xet-layout .sb-section#solution .sb-grid.grid-4 .sb-card h3{
  margin-bottom:8px;
}

.xet-layout .sb-section#solution .sb-grid.grid-4 .sb-card p{
  min-height:74px;
}

.xet-layout .sb-section#solution .sb-grid.grid-4 .sb-card .sb-list{
  margin-top:14px;
}

/* benefit */
.xet-layout .sb-section#solution .sb-benefit{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:18px;
  margin-top:24px;
}

.xet-layout .sb-section#solution .sb-benefit-main{
  padding:28px;
  border-radius:22px;
  background:linear-gradient(135deg,#fafafa 0%,#f3f3f3 100%);
  text-align:left;
}

.xet-layout .sb-section#solution .sb-benefit-main__label{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  margin-bottom:14px;
  padding:6px 12px;
  border:1px solid var(--sb-line);
  border-radius:999px;
  background:#fff;
  color:var(--sb-accent);
  font-size:.72rem;
  font-weight:700;
  line-height:1;
}

.xet-layout .sb-section#solution .sb-benefit-main h3{
  margin:0 0 12px;
  font-size:1.58rem;
  line-height:1.28;
  letter-spacing:-.03em;
  font-weight:800;
  color:var(--sb-text);
}

.xet-layout .sb-section#solution .sb-benefit-main p{
  margin:0;
  color:var(--sb-text2);
  font-size:.96rem;
  line-height:1.78;
}

.xet-layout .sb-section#solution .sb-benefit-main__chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.xet-layout .sb-section#solution .sb-benefit-main__chips span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border:1px solid var(--sb-line);
  border-radius:999px;
  background:#fff;
  font-size:.84rem;
  font-weight:600;
  color:var(--sb-text);
}

.xet-layout .sb-section#solution .sb-benefit-list{
  display:grid;
  gap:14px;
}

.xet-layout .sb-section#solution .sb-benefit-list>div{
  display:flex;
  align-items:flex-start;
  gap:14px;
  min-height:unset;
  padding:20px 22px;
  border-radius:18px;
}

.xet-layout .sb-section#solution .sb-benefit-list>div i{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border:1px solid var(--sb-line);
  border-radius:14px;
  background:#fff;
  color:var(--sb-accent);
  font-size:1.2rem;
}

.xet-layout .sb-section#solution .sb-benefit-list>div strong{
  display:block;
  margin-bottom:6px;
  font-size:1rem;
  line-height:1.4;
  font-weight:800;
  color:var(--sb-text);
}

.xet-layout .sb-section#solution .sb-benefit-list>div p{
  margin:0;
  color:var(--sb-text2);
  font-size:.9rem;
  line-height:1.68;
}

/* responsive */
@media (max-width:991px){
  .xet-layout .sb-section{
    padding:72px 0;
  }

  .xet-layout .sb-section .sb-grid.grid-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .xet-layout .sb-section :is(.sb-about-box,.sb-benefit){
    grid-template-columns:1fr;
  }

  .xet-layout .sb-section .sb-steps{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .xet-layout .sb-section#solution .sb-solution-banner img{
    height:340px;
    object-position:center 64%;
  }
}

/* =========================
   SouthBros mobile optimize
   append at the very bottom
========================= */

/* tablet */
@media (max-width: 1024px){
  .xet-layout .sb-section{
    --sb-gap: 18px;
    padding: 72px 0;
  }

  .xet-layout .sb-section .section-title{
    max-width: 760px;
  }

  .xet-layout .sb-section .section-title .h2,
  .xet-layout .sb-section .section-title h2{
    font-size: 1.85rem;
    line-height: 1.28;
  }

  .xet-layout .sb-section .section-title .section-desc{
    max-width: 640px;
    font-size: .95rem;
    line-height: 1.72;
  }

  .xet-layout .sb-section .section-content{
    margin-top: 34px;
  }

  .xet-layout .sb-section .sb-grid.grid-4{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .xet-layout .sb-section .sb-steps{
    grid-template-columns: repeat(3, minmax(0,1fr));
  }

  .xet-layout .sb-section .sb-about-box,
  .xet-layout .sb-section .sb-benefit{
    grid-template-columns: 1fr;
  }

  .xet-layout .sb-section .sb-about-visual{
    min-height: 360px;
  }

  .xet-layout .sb-section .sb-about-copy{
    max-width: 520px;
  }

  .xet-layout .sb-section .sb-about-copy h3{
    font-size: 1.7rem;
  }

  .xet-layout .sb-section .sb-point{
    min-height: auto;
  }

  .xet-layout .sb-section#solution .sb-solution-banner img{
    height: 320px;
    object-position: center 68%;
  }

  .xet-layout .sb-section#solution .sb-solution-banner__overlay{
    padding: 24px;
  }

  .xet-layout .sb-section#solution .sb-solution-banner__overlay strong{
    max-width: 100%;
    font-size: 1.5rem;
  }

  .xet-layout .sb-section#solution .sb-solution-banner__overlay p{
    max-width: 100%;
    font-size: .92rem;
  }

  .xet-layout .sb-section#solution .sb-grid.grid-4 .sb-card{
    min-height: auto;
    padding: 22px 20px;
  }

  .xet-layout .sb-section#solution .sb-grid.grid-4 .sb-card p{
    min-height: auto;
  }

  .xet-layout .sb-section#solution .sb-benefit-main{
    padding: 24px;
  }

  .xet-layout .sb-section#solution .sb-benefit-list > div{
    padding: 18px 18px;
  }

  .xet-layout .sb-section .sb-compare th,
  .xet-layout .sb-section .sb-compare td{
    padding: 14px 16px;
    font-size: .9rem;
  }
}

/* mobile */
@media (max-width: 767px){
  .xet-layout .sb-section{
    --sb-gap: 14px;
    padding: 52px 0;
  }

  .xet-layout .sb-section .xet-container{
    padding-left: 16px;
    padding-right: 16px;
  }

  .xet-layout .sb-section .section-title .small-title{
    min-height: 34px;
    padding: 7px 12px;
    font-size: .68rem;
    letter-spacing: .06em;
  }

  .xet-layout .sb-section .section-title .h2,
  .xet-layout .sb-section .section-title h2{
    font-size: 1.55rem;
    line-height: 1.32;
    letter-spacing: -.035em;
  }

  .xet-layout .sb-section .section-title .section-desc{
    font-size: .92rem;
    line-height: 1.68;
  }

  .xet-layout .sb-section .section-content{
    margin-top: 28px;
  }

  .xet-layout .sb-section .sb-grid.grid-2,
  .xet-layout .sb-section .sb-grid.grid-3,
  .xet-layout .sb-section .sb-grid.grid-4,
  .xet-layout .sb-section .sb-steps{
    grid-template-columns: 1fr;
  }

  .xet-layout .sb-section :is(.sb-card,.sb-time-card,.sb-about-visual,.sb-point,.sb-benefit-main,.sb-benefit-list>div,.sb-step){
    padding: 18px;
    border-radius: 16px;
  }

  .xet-layout .sb-section .sb-icon{
    width: 48px;
    height: 48px;
    margin-bottom: 14px;
    border-radius: 12px;
  }

  .xet-layout .sb-section .sb-icon i{
    font-size: 1.15rem;
  }

  .xet-layout .sb-section .sb-card h3,
  .xet-layout .sb-section .sb-time-card h3{
    font-size: 1.08rem;
    line-height: 1.36;
  }

  .xet-layout .sb-section .sb-card p,
  .xet-layout .sb-section .sb-time-card p,
  .xet-layout .sb-section .sb-point p,
  .xet-layout .sb-section .sb-step p,
  .xet-layout .sb-section .sb-list li{
    font-size: .9rem;
    line-height: 1.68;
  }

  /* company intro */
  .xet-layout .sb-section .sb-about-visual{
    min-height: 300px;
    padding: 20px;
    justify-content: flex-end;
  }

  .xet-layout .sb-section .sb-about-visual .badge{
    top: 16px;
    left: 16px;
    padding: 7px 11px;
    font-size: .68rem;
  }

  .xet-layout .sb-section .sb-about-copy{
    max-width: none;
  }

  .xet-layout .sb-section .sb-about-copy h3{
    font-size: 1.4rem;
    line-height: 1.3;
  }

  .xet-layout .sb-section .sb-about-copy p{
    font-size: .9rem;
    line-height: 1.65;
  }

  .xet-layout .sb-section .sb-point{
    min-height: auto;
    gap: 12px;
  }

  .xet-layout .sb-section .sb-point .num,
  .xet-layout .sb-section .sb-step .num{
    width: 38px;
    height: 38px;
    font-size: .8rem;
  }

  /* timeline */
  .xet-layout .sb-section .sb-time-item{
    padding-left: 44px;
  }

  .xet-layout .sb-section .sb-timeline::before{
    left: 14px;
  }

  .xet-layout .sb-section .sb-time-item::before{
    left: 6px;
    width: 14px;
    height: 14px;
    border-width: 3px;
    box-shadow: 0 0 0 6px rgba(221,17,48,.05);
  }

  .xet-layout .sb-section .sb-time-card .year{
    min-height: 28px;
    padding: 4px 10px;
    font-size: .74rem;
  }

  /* solution */
  .xet-layout .sb-section#solution .sb-solution-banner{
    border-radius: 18px;
  }

  .xet-layout .sb-section#solution .sb-solution-banner img{
    height: 250px;
    object-position: center 72%;
  }

  .xet-layout .sb-section#solution .sb-solution-banner__overlay{
    gap: 8px;
    padding: 18px;
  }

  .xet-layout .sb-section#solution .sb-solution-banner__badge{
    padding: 7px 10px;
    font-size: .66rem;
  }

  .xet-layout .sb-section#solution .sb-solution-banner__overlay strong{
    font-size: 1.2rem;
    line-height: 1.34;
  }

  .xet-layout .sb-section#solution .sb-solution-banner__overlay p{
    font-size: .86rem;
    line-height: 1.6;
  }

  .xet-layout .sb-section#solution .sb-grid.grid-4 .sb-card{
    min-height: auto;
    padding: 18px;
  }

  .xet-layout .sb-section#solution .sb-grid.grid-4 .sb-card p{
    min-height: auto;
  }

  .xet-layout .sb-section#solution .sb-benefit{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .xet-layout .sb-section#solution .sb-benefit-main{
    padding: 20px;
  }

  .xet-layout .sb-section#solution .sb-benefit-main h3{
    font-size: 1.28rem;
    line-height: 1.34;
  }

  .xet-layout .sb-section#solution .sb-benefit-main p{
    font-size: .9rem;
    line-height: 1.66;
  }

  .xet-layout .sb-section#solution .sb-benefit-main__chips{
    gap: 8px;
    margin-top: 14px;
  }

  .xet-layout .sb-section#solution .sb-benefit-main__chips span{
    min-height: 30px;
    padding: 6px 10px;
    font-size: .76rem;
  }

  .xet-layout .sb-section#solution .sb-benefit-list{
    gap: 12px;
  }

  .xet-layout .sb-section#solution .sb-benefit-list > div{
    gap: 12px;
    padding: 16px;
  }

  .xet-layout .sb-section#solution .sb-benefit-list > div i{
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 1.05rem;
  }

  .xet-layout .sb-section#solution .sb-benefit-list > div strong{
    font-size: .94rem;
  }

  .xet-layout .sb-section#solution .sb-benefit-list > div p{
    font-size: .84rem;
    line-height: 1.58;
  }

  /* business model */
  .xet-layout .sb-section .sb-step{
    padding: 18px 16px;
  }

  .xet-layout .sb-section .sb-bm-grid.is-single{
    max-width: none;
  }

  /* compare */
  .xet-layout .sb-section .sb-compare th,
  .xet-layout .sb-section .sb-compare td{
    padding: 12px 14px;
    font-size: .84rem;
    line-height: 1.55;
    white-space: nowrap;
  }

  /* contact form mobile friendly */
  .xet-layout input,
  .xet-layout select,
  .xet-layout textarea,
  .xet-layout button{
    font-size: 16px !important;
  }

  .sb-section{
    scroll-margin-top: 76px;
  }
}

/* very small phones */
@media (max-width: 420px){
  .xet-layout .sb-section{
    padding: 44px 0;
  }

  .xet-layout .sb-section .xet-container{
    padding-left: 14px;
    padding-right: 14px;
  }

  .xet-layout .sb-section .section-title .h2,
  .xet-layout .sb-section .section-title h2{
    font-size: 1.42rem;
  }

  .xet-layout .sb-section .section-title .section-desc{
    font-size: .88rem;
  }

  .xet-layout .sb-section .sb-card,
  .xet-layout .sb-section .sb-time-card,
  .xet-layout .sb-section .sb-point,
  .xet-layout .sb-section .sb-step,
  .xet-layout .sb-section#solution .sb-benefit-main,
  .xet-layout .sb-section#solution .sb-benefit-list > div{
    padding: 16px;
  }

  .xet-layout .sb-section .sb-about-visual{
    min-height: 270px;
  }

  .xet-layout .sb-section .sb-about-copy h3{
    font-size: 1.28rem;
  }

  .xet-layout .sb-section#solution .sb-solution-banner img{
    height: 220px;
    object-position: center 74%;
  }

  .xet-layout .sb-section#solution .sb-solution-banner__overlay{
    padding: 16px;
  }

  .xet-layout .sb-section#solution .sb-solution-banner__overlay strong{
    font-size: 1.08rem;
  }

  .xet-layout .sb-section#solution .sb-solution-banner__overlay p{
    font-size: .82rem;
  }
}

html{
  scroll-behavior:smooth;
}

.sb-section{
  scroll-margin-top:100px;
}