@charset "euc-kr";

/* ========================================================================== 
   XONDA SERVICE LANDING
   °øÅë ¼­ºñ½º ¼Ò°³ ÆäÀÌÁö: ¹«·á¹®ÀÚ / ´Üü¹®ÀÚ¹ß¼Û / ¹®ÀÚ¿¬µ¿
   ========================================================================== */

@keyframes highlight-pen {
  0% {
    background-size: 0% 100%; /* óÀ½¿¡´Â ¾Æ¹« °Íµµ Ç¥½ÃµÇÁö ¾ÊÀ½ */
  }
  100% {
    background-size: 100% 100%; /* ³¡À¸·Î °¥¼ö·Ï Àüü ¿µ¿ªÀ» ä¿ò */
  }
}

mark.hl-green{background: linear-gradient(90deg, #bfffa1 100%, transparent 0%);}
mark.hl-yellow{background: linear-gradient(90deg, #FFFF00 100%, transparent 0%);}
mark.hl-red{background: linear-gradient(90deg, #FFD0D0 100%, transparent 0%);}

mark.hl-green,
mark.hl-yellow,
mark.hl-red{
  background-repeat: no-repeat;
  background-size: 0% 100%;
  animation: highlight-pen 1s ease forwards .5s;
  white-space: pre-wrap; /* ÅؽºÆ®°¡ ¿©·¯ ÁÙ¿¡ °ÉÃÄ Ãâ·ÂµÇµµ·Ï */
  padding:2px 5px;
}

.xs-button--primary-ad {
  border-color: transparent !important;
  color: #fff !important;
  background: linear-gradient(135deg,#ef4052,#bd1228) !important;
  box-shadow: 0 10px 24px rgba(202,25,48,.24);
}

.xs-button--primary-ad:hover {
  color: #fff;
  background: linear-gradient(135deg,#dc263b,#a80f24);
}




.xonda-service {
  --xs-point: #075cf1;
  --xs-point-dark: #073b9d;
  --xs-text: #101d3d;
  --xs-muted: #62708b;
  --xs-line: #dce5f2;
  --xs-soft: #f4f8ff;
  min-width: 320px;
  overflow: hidden;
  color: var(--xs-text);
  background: #fff;
  font-family: Pretendard, "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  letter-spacing: -.02em;
}
.xonda-service * { box-sizing: border-box; }
.xonda-service h1,
.xonda-service h2,
.xonda-service h3,
.xonda-service p,
.xonda-service ul { margin: 0; padding: 0; }
.xonda-service ul { list-style: none; }
.xonda-service a { color: inherit; text-decoration: none; }
.xonda-service img { max-width: 100%; vertical-align: middle; }
.xonda-service .xs-container { width: min(1200px,calc(100% - 40px)); margin: 0 auto; }
.xonda-service .xs-section { padding: 20px 0; }
.xonda-service .xs-section[id] { scroll-margin-top: 130px; }
.xonda-service > .xs-section:nth-of-type(odd) { margin-top: 20px; margin-bottom: 20px; background: #f7faff; border-top: 1px solid #C8DDFF; border-bottom: 1px solid #C8DDFF; }
.xonda-service .xs-section__head { position: relative; margin-bottom: 32px; padding-top: 28px; text-align: center; }
.xonda-service .xs-section__head::before { content: ""; position: absolute; top: 4px; left: 50%; width: 174px; height: 2px; border-radius: 999px; background: linear-gradient(90deg,#dbe5f3 0,#dbe5f3 72px,transparent 72px,transparent 102px,#dbe5f3 102px,#dbe5f3 174px); transform: translateX(-50%); }
.xonda-service .xs-section__head::after { content: ""; position: absolute; top: 0; left: 50%; width: 10px; height: 10px; border-radius: 50%; background: var(--xs-point); transform: translateX(-50%); }
.xonda-service .xs-section__head span { display: block; margin-bottom: 8px; color: var(--xs-point); font-size: 14px; font-weight: 800; }
.xonda-service .xs-section__head h2 { font-size: clamp(28px,3vw,40px); line-height: 1.25; }
.xonda-service .xs-section__head p { margin-top: 12px; color: var(--xs-muted); font-size: 16px; }
.xonda-service .xs-sr-only { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0,0,0,0); }









.xonda-service .xs-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.xonda-service .xs-button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; padding: 0 28px; border: 1px solid var(--xs-point); border-radius: 11px; color: var(--xs-point); background: #fff; font-size: 14px; font-weight: 800; }
.xonda-service .xs-button--primary { color: #fff; background: var(--xs-point); box-shadow: 0 10px 24px rgba(7,92,241,.2); }
.xonda-service .xs-button--external::after { display: inline-block; margin-left: 7px; content: "\2197"; font-size: 12px; line-height: 1; transition: transform .2s ease; }
.xonda-service .xs-button--external:hover::after { transform: translate(2px,-2px); }
.xonda-service .xs-button:hover { filter: brightness(.96); }

/* ¼­ºñ½º ÇÏÀ§ ¸Þ´º ----------------------------------------------------- */
.xonda-service .xs-service-nav {
  border-bottom: 5px solid #efefef;
  background: #fff;
}

.xonda-service .xs-service-nav__list {
  display: flex;
  min-height: 72px;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 6px;
  padding-top: 18px;
}

.xonda-service .xs-service-nav__link {
  min-width: 98px;
  flex: 0 0 auto;
  padding: 14px 16px 13px;
  border: 1px solid #efefef;
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
  color: #555;
  background: linear-gradient(#e9eef6, #cfdbeb);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.xonda-service .xs-service-nav__link:hover {
  color: var(--xs-point-dark);
  border-color: #b9c8da;
  background: #f7f9fc;
}

.xonda-service .xs-service-nav__link.is-active,
.xonda-service .xs-service-nav__link[aria-current="page"] {
  position: relative;
  z-index: 1;
  margin-bottom: -1px;
  padding-top: 13px;
  border-top: 2px solid var(--xs-point);
  border-color: var(--xs-point) #d8e1ec #fff;
  color: var(--xs-point-dark);
  background: #fff;
}


/* ½Å·Ú ÁöÇ¥ ------------------------------------------------------------ */
.xonda-service .xs-proof { position: relative; z-index: 3; margin-top: -22px; margin-bottom: 20px }
.xonda-service .xs-proof__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 10px 0; border: 1px solid #e1e9f4; border-radius: 16px; background: #fff; box-shadow: 0 14px 34px rgba(33,75,139,.12); }
.xonda-service .xs-proof__item { --xs-proof-icon-size: clamp(42px,4.4vw,52px); display: flex; min-width: 0; overflow: hidden; align-items: center; justify-content: center; gap: clamp(7px,1vw,14px); padding: 5px clamp(8px,1.3vw,18px); border-right: 1px solid #e5eaf2; color: inherit; text-decoration: none; }
.xonda-service .xs-proof__item:last-child { border-right: 0; }
.xonda-service .xs-proof__item:not(:has(> img)):not(:has(> i.fa)) { justify-content: center; text-align: center; }
.xonda-service .xs-proof__item:not(:has(> img)):not(:has(> i.fa)) b { flex: 0 0 auto; }
.xonda-service .xs-proof__item:not(:has(> img)):not(:has(> i.fa)) span { min-width: 0; flex: 0 1 auto; }
.xonda-service a.xs-proof__item { cursor: pointer; transition: background-color .2s ease; }
.xonda-service a.xs-proof__item:hover { color: inherit; background: #f5f9ff; text-decoration: none; }
.xonda-service .xs-proof__item img { flex: 0 0 var(--xs-proof-icon-size); width: var(--xs-proof-icon-size); height: var(--xs-proof-icon-size); object-fit: contain; }
.xonda-service .xs-proof__item > i.fa { display: inline-flex; width: var(--xs-proof-icon-size); height: var(--xs-proof-icon-size); flex: 0 0 var(--xs-proof-icon-size); align-items: center; justify-content: center; font-size: var(--xs-proof-icon-size); line-height: 1; }
.xonda-service .xs-proof__item > i.fa.xs-proof__icon--3d,
.xonda-service .xs-proof__grid .xs-proof__item > i.fa { text-shadow: -1px -1px 0 rgba(255,255,255,.5),1px 1px 0 rgba(0,0,0,.15),0 3px 4px rgba(0,0,0,.16); }
.xonda-service .xs-proof__item p { display: flex; min-width: 0; overflow: hidden; flex-direction: column; white-space: nowrap; }
.xonda-service .xs-proof__item b,
.xonda-service .xs-proof__item span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xonda-service .xs-proof__item b { font-size: clamp(14px,1.3vw,16px); }
.xonda-service .xs-proof__item span { color: var(--xs-muted); font-size: clamp(11px,1vw,12px); }

/* ÇýÅÃ/±â´É Ä«µå ------------------------------------------------------- */
.xonda-service .xs-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.xonda-service .xs-card { display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--xs-line); border-radius: 18px; background: #fff; }
.xonda-service .xs-card__text { display: inline-grid; width: auto; max-width: 100%; min-width: 42px; height: 42px; align-self: flex-start; margin-bottom: 20px; padding: 0 11px; place-items: center; border-radius: 12px; color: #fff; background: #333333; font-size: 14px; font-weight: 800; white-space: nowrap; }
.xonda-service .xs-card h3 { margin-bottom: 10px; font-size: 20px; }
.xonda-service .xs-card p { color: var(--xs-muted); font-size: 14px; word-break: keep-all; }
.xonda-service .xs-card__actions { display: flex; flex-wrap: wrap; align-items: stretch; gap: 6px; margin-top: auto; padding-top: 18px; }
.xonda-service .xs-card__action { position: relative; display: inline-flex; max-width: 100%; min-height: 34px; align-items: center; justify-content: center; padding: 6px 11px; border: 1px solid #b8b8b8; border-radius: 6px; color: #333333; background: linear-gradient(#fff,#f5f5f5); font-size: 12px; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; white-space: normal; word-break: keep-all; word-wrap: break-word; overflow-wrap: anywhere; transition: color .2s ease,border-color .2s ease,background .2s ease; }
.xonda-service .xs-card__actions i,
.xonda-service .xs-card__action img { flex: 0 0 auto; margin-right: 6px; }
.xonda-service .xs-card__action img { width: 16px; height: 16px; object-fit: contain; }
.xonda-service .xs-card__action--external::after { flex: 0 0 auto; margin-left: 5px; content: "\2197"; }
.xonda-service .xs-card__action:hover,
.xonda-service .xs-card__action:focus { z-index: 1; color: #fff; border-color: var(--xs-point); background: var(--xs-point); text-decoration: none; }
.xonda-service .xs-card__actions--group { flex-wrap: nowrap; gap: 0; }
.xonda-service .xs-card__actions--group .xs-card__action { min-width: 0; flex: 1 1 0; border-radius: 0; }
.xonda-service .xs-card__actions--group .xs-card__action + .xs-card__action { margin-left: -1px; }
.xonda-service .xs-card__actions--group .xs-card__action:first-child { border-radius: 6px 0 0 6px; }
.xonda-service .xs-card__actions--group .xs-card__action:last-child { border-radius: 0 6px 6px 0; }

/* ¹®ÀÚ¿¬µ¿ »ùÇà -------------------------------------------------------- */
.xonda-service .xs-integration-panel { overflow: hidden; border: 1px solid #d7e2f2; border-radius: 22px; background: #fff; box-shadow: 0 16px 40px rgba(31,66,120,.1); }
.xonda-service .xs-integration-type-panel[hidden],
.xonda-service .xs-integration-sample-pane[hidden] { display: none !important; }
.xonda-service .xs-integration-type-panel,
.xonda-service .xs-integration-sample-pane { display: block; }
.xonda-service .xs-integration-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; padding: 1px; background: #cfdced; }
.xonda-service .xs-integration-tabs__button { display: flex; min-width: 0; min-height: 72px; align-items: center; justify-content: center; gap: 9px; padding: 12px 16px; border: 0; color: #4b5972; background: #f4f7fb; font-family: inherit; font-size: 17px; cursor: pointer; transition: color .2s ease,background .2s ease; }
.xonda-service .xs-integration-tabs__button:hover { color: #124cac; background: #edf4ff; }
.xonda-service .xs-integration-tabs__button.is-active { position: relative; z-index: 1; color: #fff; background: linear-gradient(135deg,#185dce,#073b9d); box-shadow: 0 8px 18px rgba(18,76,172,.22); }
.xonda-service .xs-integration-tabs__button i { font-size: 21px; }
.xonda-service .xs-integration-tabs__button b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xonda-service .xs-integration-tabs__button em { flex: 0 0 auto; padding: 2px 7px; border-radius: 999px; color: #075cf1; background: #dceaff; font-size: 11px; font-style: normal; font-weight: 800; line-height: 1.4; }
.xonda-service .xs-integration-summary { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.95fr); gap: 30px; padding: 30px; }
.xonda-service .xs-integration-summary__copy { min-width: 0; }
.xonda-service .xs-integration-label { display: inline-flex; margin-bottom: 10px; padding: 3px 9px; border-radius: 999px; color: #075cf1; background: #e8f1ff; font-size: 11px; font-weight: 800; }
.xonda-service .xs-integration-summary h3 { margin-bottom: 9px; font-size: 23px; }
.xonda-service .xs-integration-summary__copy > p { color: var(--xs-muted); font-size: 14px; word-break: keep-all; }
.xonda-service .xs-integration-features { display: flex; flex-wrap: wrap; gap: 7px 16px; margin-top: 17px; }
.xonda-service .xs-integration-features li { position: relative; padding-left: 18px; color: #3c4c68; font-size: 12px; }
.xonda-service .xs-integration-features li::before { position: absolute; top: .35em; left: 0; color: #1253e1; content: "\f058"; font-family: FontAwesome; line-height: 1; }
.xonda-service .xs-integration-flow { display: flex; min-width: 0; min-height: 210px; flex-direction: column; padding: 18px; border: 1px solid #dae5f3; border-radius: 16px; background: linear-gradient(145deg,#f9fbff,#edf4ff); }
.xonda-service .xs-integration-flow__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 16px; }
.xonda-service .xs-integration-flow__head b { font-size: 14px; }
.xonda-service .xs-integration-flow__head span { color: #7a879c; font-size: 11px; }
.xonda-service .xs-integration-flow__body { display: flex; min-height: 140px; flex: 1; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; text-align: center; }
.xonda-service .xs-integration-flow__body > span { display: flex; min-width: 82px; min-height: 70px; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 8px; border: 1px solid #cfdbeb; border-radius: 11px; color: #263b61; background: #fff; font-size: 11px; font-weight: 700; }
.xonda-service .xs-integration-flow__body > span i { color: #1253e1; font-size: 22px; }
.xonda-service .xs-integration-flow__body > i { color: #7a94bd; font-size: 18px; }
.xonda-service .xs-integration-flow__body--return { position: relative; padding-top: 28px; padding-bottom: 28px; }
.xonda-service .xs-integration-flow__direction { position: absolute; left: 50%; display: inline-flex; align-items: center; gap: 6px; color: #526b92; font-family: "Malgun Gothic", "¸¼Àº °íµñ", "Apple SD Gothic Neo", sans-serif; font-size: 11px; font-weight: 700; line-height: 1; transform: translateX(-50%); white-space: nowrap; }
.xonda-service .xs-integration-flow__direction--send { top: 7px; }
.xonda-service .xs-integration-flow__direction--result { bottom: 7px; }
.xonda-service .xs-integration-flow__direction i { color: #1253e1; font-size: 14px; }
.xonda-service .xs-integration-flow__image { width: 100%; height: 100%; max-height: 170px; flex: 1; object-fit: contain; }
.xonda-service .xs-integration-sample { padding: 30px; border-top: 1px solid #e0e8f3; background: #f8faff; }
.xonda-service .xs-integration-sample__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.xonda-service .xs-integration-sample__head > div:first-child > span { display: block; margin-bottom: 4px; color: #1253e1; font-size: 11px; font-weight: 800; }
.xonda-service .xs-integration-sample__head h3 { font-size: 22px; }
.xonda-service .xs-integration-sample__head p { margin-top: 4px; color: var(--xs-muted); font-size: 13px; }
.xonda-service .xs-integration-subtabs { display: flex; flex-wrap: wrap; gap: 7px; }
.xonda-service .xs-integration-subtab { min-height: 34px; padding: 6px 15px; border: 1px solid #c9d3e2; border-radius: 999px; color: #46546b; background: #fff; font-family: inherit; font-size: 12px; font-weight: 700; cursor: pointer; transition: .2s ease; }
.xonda-service .xs-integration-subtab:hover { color: #075cf1; border-color: #8ab1ef; }
.xonda-service .xs-integration-subtab.is-active { color: #075cf1; border-color: #75a5ef; background: #eaf2ff; box-shadow: inset 0 0 0 1px #b8d0f5; }
.xonda-service .xs-integration-viewer { overflow: hidden; border: 1px solid #25334a; border-radius: 13px; background: #0d1117; box-shadow: 0 12px 28px rgba(16,32,58,.16); }
.xonda-service .xs-integration-viewer__toolbar { display: flex; min-height: 49px; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 14px; border-bottom: 1px solid #303a49; color: #e7edf7; background: #192230; }
.xonda-service .xs-integration-viewer__toolbar b { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.xonda-service .xs-integration-copy { flex: 0 0 auto; min-height: 29px; padding: 4px 9px; border: 1px solid #66758b; border-radius: 5px; color: #e7edf7; background: #263244; font-family: inherit; font-size: 11px; cursor: pointer; }
.xonda-service .xs-integration-copy i { margin-right: 5px; }
.xonda-service .xs-integration-copy:hover { border-color: #8fb8f4; background: #33445e; }
.xonda-service .xs-integration-file + .xs-integration-file { border-top: 1px solid #303a49; }
.xonda-service .xs-integration-viewer__label { display: inline-block; margin-right: 7px; padding: 2px 7px; border-radius: 4px; font-size: 11px; line-height: 1.4; vertical-align: middle; }
.xonda-service .xs-integration-viewer__label--config { color: #decfff; background: #3b2f59; }
.xonda-service .xs-integration-viewer__label--sample { color: #b9dcff; background: #243f62; }
.xonda-service .xs-integration-guide { min-height: 260px; padding: 24px; color: #d7dfeb; background: #0d1117; }
.xonda-service .xs-integration-guide ol { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; counter-reset: integration-guide; }
.xonda-service .xs-integration-guide li { position: relative; min-height: 42px; padding-left: 52px; counter-increment: integration-guide; }
.xonda-service .xs-integration-guide li::before { position: absolute; top: 0; left: 0; display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; color: #fff; background: #1253e1; content: counter(integration-guide); font-size: 13px; font-weight: 800; }
.xonda-service .xs-integration-guide li b,
.xonda-service .xs-integration-guide li span { display: block; }
.xonda-service .xs-integration-guide li b { margin-bottom: 2px; color: #fff; font-size: 13px; }
.xonda-service .xs-integration-guide li span { color: #aebbcf; font-size: 12px; }
.xonda-service pre.xs-integration-code { overflow: auto; min-height: 260px; max-height: 460px; margin: 0; padding: 0; border: 0; border-radius: 0; color: #d7dfeb; background: #0d1117; font-size: 13px; line-height: 1.65; white-space: pre; word-break: normal; word-wrap: normal; }
.xonda-service pre.xs-integration-code code { display: block; min-height: 260px; padding: 24px; color: inherit; background: transparent; white-space: pre; }
.xonda-service pre.xs-integration-code--config,
.xonda-service pre.xs-integration-code--config code { min-height: 0; }
.xonda-service pre.xs-integration-code--config { max-height: none; }
.xonda-service pre.xs-integration-code--config code { padding-top: 18px; padding-bottom: 18px; }
.xonda-service .xs-integration-downloads { margin-top: 18px; padding-top: 18px; border-top: 1px solid #dce5f2; }
.xonda-service .xs-integration-downloads__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 7px; margin-bottom: 11px; }
.xonda-service .xs-integration-downloads__head b { font-size: 14px; }
.xonda-service .xs-integration-downloads__head span { color: #748098; font-size: 11px; }
.xonda-service .xs-integration-downloads__buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.xonda-service .xs-integration-download { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; padding: 7px 14px; border: 1px solid #075cf1; border-radius: 7px; color: #fff; background: #075cf1; font-size: 12px; font-weight: 800; text-align: center; word-break: keep-all; transition: .2s ease; }
.xonda-service .xs-integration-download i { margin-right: 7px; }
.xonda-service .xs-integration-download--sub { color: #333; border-color: #aeb8c7; background: #fff; }
.xonda-service .xs-integration-download:hover,
.xonda-service .xs-integration-download:focus { color: #fff; border-color: #073b9d; background: #073b9d; text-decoration: none; }

/* ÀÛÀº ¾È³» ¹× ¼³¸í¹® -------------------------------------------------- */
.xonda-service .xs-integration-features li,
.xonda-service .xs-integration-flow__head span,
.xonda-service .xs-integration-guide li span,
.xonda-service .xs-integration-downloads__head span { font-family: "Malgun Gothic", "¸¼Àº °íµñ", "Apple SD Gothic Neo", sans-serif; font-weight: normal; letter-spacing: 0; }

/* ÀÌ¿ë ¼ø¼­ ------------------------------------------------------------ */
.xonda-service .xs-steps { display: flex; margin: 50px 0 0; padding: 0; list-style: none !important; }
.xonda-service .xs-step { position: relative; min-width: 0; flex: 1 1 0; padding: 0 clamp(14px,2.2vw,28px); text-align: center; list-style: none !important; }
.xonda-service .xs-step::marker { content: ""; }
.xonda-service .xs-step::before { display: none !important; content: none !important; }
.xonda-service .xs-step:not(:last-child)::after { position: absolute; z-index: 0; top: 31px; left: 50%; width: 100%; height: 3px; background: #d7dfeb; content: ""; }
.xonda-service .xs-step b { position: relative; z-index: 1; display: flex; width: 64px; height: 64px; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto 22px; border: 4px solid #fff; border-radius: 50%; color: #fff; background: var(--xs-point); box-shadow: 0 8px 20px rgba(30,48,82,.24); font-size: 23px; line-height: 1; }
.xonda-service .xs-step b::before { margin-bottom: 2px; content: "STEP"; font-size: 11px; font-weight: 700; letter-spacing: .08em; opacity: .78; }
.xonda-service .xs-step h3 { display: flex; min-height: 50px; align-items: flex-end; justify-content: center; margin-bottom: 13px; padding-bottom: 11px; border-bottom: 1px dashed #cfd6e1; font-size: 18px; }
.xonda-service .xs-step p { color: var(--xs-muted); font-size: 13px; line-height: 1.55; word-break: keep-all; }
.xonda-service .xs-step__action { display: inline-flex; max-width: 100%; min-height: 28px; align-items: center; justify-content: center; margin-top: 11px; padding: 4px 9px; border: 1px solid #999; border-radius: 5px; color: #333333; background: #fff; font-size: 11px; font-weight: 700; line-height: 1.25; text-align: center; text-decoration: none; word-break: keep-all; }
.xonda-service .xs-step__action::after { flex: 0 0 auto; margin-left: 5px; content: "\2192"; }
.xonda-service .xs-step__action--external::after { content: "\2197"; }
.xonda-service .xs-step__action:hover,
.xonda-service .xs-step__action:focus { color: #fff; border-color: var(--xs-point); background: var(--xs-point); text-decoration: none; }

/* °øÅë ¿ä±Ý ¾È³» ------------------------------------------------------- */
.xonda-service .xs-price-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.xonda-service .xs-price-card { position: relative; display: flex; min-height: 210px; flex-direction: column; padding: 24px; border: 1px solid var(--xs-line); border-radius: 16px; background: #fff; }
.xonda-service .xs-price-card--active { border: 2px solid var(--xs-point); box-shadow: 0 10px 24px rgba(7,92,241,.1); }
.xonda-service .xs-price-card--active::after { position: absolute; top: 14px; right: 14px; display: inline-flex; min-height: 21px; align-items: center; padding: 2px 7px; border-radius: 999px; color: #fff; background: var(--xs-point); content: "ÇöÀç ¼­ºñ½º"; font-size: 11px; font-weight: 800; line-height: 1.2; white-space: nowrap; }
.xonda-service .xs-price-card em { color: var(--xs-point); font-size: 12px; font-style: normal; font-weight: 800; }
.xonda-service .xs-price-card h3 { margin: 7px 0 8px; font-size: 20px; }
.xonda-service .xs-price-card p { flex: 1; color: var(--xs-muted); font-size: 13px; }
.xonda-service .xs-price-card a { margin-top: 18px; color: var(--xs-point); font-size: 13px; font-weight: 700; }
.xonda-service .xs-price-note { margin-top: 16px; color: #7b879d; text-align: center; font-size: 12px; }


/* ¹®ÀÚÀü¿ë »óÇ° ------------------------------------------------------- */
.xp-price-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.xp-price-table-wrap{height:100%;overflow:hidden;border:1px solid #dfe5f2;border-radius:14px;background:#fff;box-shadow:0 8px 28px rgba(31,53,105,.08)}
.xp-price-table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed}
.xp-price-table thead tr:last-child th{
    padding: 5px 10px;
    margin: 0;
    text-align: center;
    background: gray;
    color: #ffffff;
	font-weight:normal;
}
.xp-price-table th{padding:8px 6px;color:#fff; background: linear-gradient(#505050, #333333); font-size:13px;text-align:center;font-weight:normal;}
.xp-price-table th+th{border-left:1px solid rgba(255,255,255,.38)}
.xp-price-table th:nth-child(2){width:31%}
.xp-price-table th:last-child{width:16%}
.xp-price-table td{padding:5px 7px;border-bottom:1px solid #edf0f6;color:#59647a;font-size:13px;text-align:right;vertical-align:middle}
.xp-price-table td:last-child{text-align:center}
.xp-price-table tbody tr:last-child td{border-bottom:0}
.xp-price-table tbody tr:nth-child(even){background:#F9F9F9}
.xp-price-table td:nth-child(2) small{display:block;margin-bottom:2px;color:#8b94a7;font-size:10px;font-weight:500;line-height:1.25;white-space:nowrap}
.xp-price-table strong{display:block;color:var(--xs-point);font-size:14px}
.xp-price-table em{display:inline-block;color:#e55245;font-size:12px;font-style:normal;font-weight:800;white-space:nowrap;background:#e9edf5;padding:1px 5px;border-radius:999px;}
.xp-price-table small{font-family:verdana;}
.xp-price-table th small{font-weight:normal;}
.xp-price-table td b:after,
.xp-price-table td strong:after,
.xp-price-table td small:after{
	content:"¿ø";
	color:#8b94a7;
	padding-left:3px;
	font-weight:normal;
}
.xp-price-table td b:after{
	color:#333333;
}
.xp-rate-badge{display:block;margin-top:3px;padding:1px 5px;color:#6d7689;font-size:11px;font-family: verdana;font-weight:400;white-space:nowrap}
.xp-rate-badge--first{
	color: #d9534f !important;
}
.xp-rate-badge--double{
    animation: 2s infinite shake-animation;
    font-weight: 400;
}
.xp-rate-badge--double:before{
	content:"¡Ú";
	color:red;
	padding-right:3px;
}
.xp-rate-badge--double:after{
	content:"¡Ú";
	color:red;
	padding-left:3px;
}

.xp-charge-button{
	display:inline-flex;
	min-width:46px;
	padding:2px 8px;
	align-items:center;
	justify-content:center;
	border-radius:4px;
    border: 1px solid var(--xs-point-dark);
    background: linear-gradient(var(--xs-point), var(--xs-point-dark));
	color:#fff!important;
	font-size:12px;
	font-weight:400;
	line-height:1.2;
	letter-spacing:.06em;
}
.xp-charge-button:hover{
    color: #FFFF00;
    border:1px solid #1f3c88;
    background: var(--xs-point-dark);
    box-shadow: inset 0 3px 6px rgba(0,0,0,0.35);
}
.xp-price-notice{margin-top:18px;padding:16px 20px;border-radius:10px;color:#67728a;background:#eef2ff;font-size:13px;line-height:1.7}
.xp-price-notice strong{color:#bd3e34}
.xp-centered-actions{justify-content:center}
@media(max-width:900px){.xp-price-split{grid-template-columns:1fr}}
@media(max-width:600px){.xp-price-table th,.xp-price-table td{padding:13px 5px;font-size:12px}.xp-price-table strong{font-size:13px}}



/* ¿¬µ¿È¸¿ø Àü¿ë ¹®ÀÚ»óÇ° ---------------------------------------------- */
.xonda-service .xapi-price-table-wrap { overflow: hidden; border: 1px solid #dbe3f0; border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgba(22,52,105,.09); }
.xonda-service .xapi-price-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.xonda-service .xapi-price-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.xonda-service .xapi-price-table th { padding: 13px 9px; border-left: 1px solid rgba(255,255,255,.3); color: #fff; background: linear-gradient(180deg,var(--xs-point),var(--xs-point-dark)); font-size: 13px; font-weight: 600; text-align: center; }
.xonda-service .xapi-price-table th:first-child { width: 14%; border-left: 0; }
.xonda-service .xapi-price-table th:nth-child(2) { width: 14%; }
.xonda-service .xapi-price-table th:nth-child(6) { width: 10%; }
.xonda-service .xapi-price-table td { position: relative; padding: 15px 8px; border-right: 1px solid #e7ebf2; border-bottom: 1px solid #e7ebf2; color: #526078; font-size: 12px; text-align: center; vertical-align: middle; }
.xonda-service .xapi-price-table td:last-child { border-right: 0; }
.xonda-service .xapi-price-table tbody tr:last-child td { border-bottom: 0; }
.xonda-service .xapi-price-table tbody tr:nth-child(even) { background: #fafbfe; }
.xonda-service .xapi-price-table tbody tr:hover { background: #f3f7ff; }
.xonda-service .xapi-price-table td > strong { display: block; color: #17488f; font-family: Verdana,sans-serif; font-size: 15px; }
.xonda-service .xapi-price-table__count { display: inline-flex; min-width: 64px; justify-content: center; margin-right: 5px; padding: 4px 6px; border-radius: 5px; color: #fff; background: #667386; font-family: Verdana,sans-serif; font-size: 11px; font-weight: 700; }
.xonda-service .xapi-price-table td > b { display: inline-flex; min-width: 43px; justify-content: center; padding: 4px 6px; border-radius: 5px; color: #fff; background: #2d9f62; font-family: Verdana,sans-serif; font-size: 11px; }
.xonda-service .xapi-price-table td > em { display: block; margin-top: 5px; color: #e04455; font-family: Verdana,sans-serif; font-size: 10px; font-style: normal; }
.xonda-service .xapi-price-table td > em::after { margin-left: 2px; content: "\2193"; }
.xonda-service .xapi-price-table td > .xapi-price-table__base { color: #7b8798; }
.xonda-service .xapi-price-table td > .xapi-price-table__base::after { content: ""; }
.xonda-service .xapi-price-table__badge { display: inline-flex; margin-bottom: 5px; padding: 2px 7px; border-radius: 999px; color: #fff; background: #e5485d; font-size: 10px; font-weight: 700; }
.xonda-service .xapi-price-table__best { background: #fff8f8; }
.xonda-service .xapi-price-table__action a { display: inline-flex; min-height: 30px; align-items: center; justify-content: center; padding: 5px 10px; border: 1px solid var(--xs-point-dark); border-radius: 6px; color: #fff; background: linear-gradient(180deg,var(--xs-point),var(--xs-point-dark)); font-size: 12px; font-weight: 400; text-decoration: none; box-shadow: 0 3px 8px rgba(18,65,146,.18); }
.xonda-service .xapi-price-table__action a:hover,
.xonda-service .xapi-price-table__action a:focus { color: #fff; background: var(--xs-point-dark); transform: translateY(-1px); }

@media (max-width: 700px) {
  .xonda-service .xapi-price-table-wrap { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .xonda-service .xapi-price-table,
  .xonda-service .xapi-price-table tbody { display: block; }
  .xonda-service .xapi-price-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
  .xonda-service .xapi-price-table tbody { display: grid; gap: 14px; }
  .xonda-service .xapi-price-table tr { display: grid; overflow: hidden; grid-template-columns: repeat(6,minmax(0,1fr)); border: 1px solid #dbe3f0; border-radius: 14px; background: #fff; box-shadow: 0 8px 22px rgba(22,52,105,.07); }
  .xonda-service .xapi-price-table tbody tr:nth-child(even),
  .xonda-service .xapi-price-table tbody tr:hover { background: #fff; }
  .xonda-service .xapi-price-table td { display: block; min-width: 0; padding: 12px 5px; border-right: 1px solid #e7ebf2; border-bottom: 1px solid #e7ebf2; }
  .xonda-service .xapi-price-table td::before { display: block; margin-bottom: 7px; color: #7c8799; content: attr(data-label); font-size: 10px; font-weight: 700; }
  .xonda-service .xapi-price-table td:nth-child(1),
  .xonda-service .xapi-price-table td:nth-child(2) { grid-column: span 3; background: #f7f9fd; }
  .xonda-service .xapi-price-table td:nth-child(2) { border-right: 0; }
  .xonda-service .xapi-price-table td:nth-child(3),
  .xonda-service .xapi-price-table td:nth-child(4),
  .xonda-service .xapi-price-table td:nth-child(5) { grid-column: span 2; }
  .xonda-service .xapi-price-table td:nth-child(5) { border-right: 0; }
  .xonda-service .xapi-price-table td:nth-child(6) { grid-column: 1 / -1; border: 0; }
  .xonda-service .xapi-price-table td > strong { font-size: 14px; }
  .xonda-service .xapi-price-table__count { display: flex; width: fit-content; min-width: 0; margin: 0 auto 5px; }
  .xonda-service .xapi-price-table td > b { min-width: 0; }
  .xonda-service .xapi-price-table__action::before { display: none !important; }
  .xonda-service .xapi-price-table__action a { width: min(100%,180px); }
}
/* Ä«µåÇü ¿¬µ¿¿ä±ÝÇ¥ --------------------------------------------------- */
.xonda-service .xapi-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.xonda-service .xapi-product-card { --xapi-card-color: #1768bb; --xapi-card-dark: #0c4d8f; --xapi-card-soft: #eff6ff; --xapi-card-border: #a9caeb; --xapi-card-shadow: rgba(23,104,187,.16); position: relative; display: flex; min-width: 0; min-height: 420px; flex-direction: column; align-items: center; padding: 24px 14px 20px; border: 1px solid var(--xapi-card-border); border-top: 6px solid var(--xapi-card-color); border-radius: 16px; background: #fff; box-shadow: 0 12px 28px rgba(31,55,88,.08); text-align: center; }
.xonda-service .xapi-product-card:nth-child(1) { --xapi-card-color: #e91e63; --xapi-card-dark: #ad1457; --xapi-card-soft: #fff0f5; --xapi-card-border: #f4a9c3; --xapi-card-shadow: rgba(233,30,99,.18); }
.xonda-service .xapi-product-card:nth-child(2) { --xapi-card-color: #0aa879; --xapi-card-dark: #087858; --xapi-card-soft: #edfbf6; --xapi-card-border: #92d9c5; --xapi-card-shadow: rgba(10,168,121,.18); }
.xonda-service .xapi-product-card:nth-child(3) { --xapi-card-color: #1268bd; --xapi-card-dark: #0b4c91; --xapi-card-soft: #eef6ff; --xapi-card-border: #9bc4eb; --xapi-card-shadow: rgba(18,104,189,.18); }
.xonda-service .xapi-product-card:nth-child(4) { --xapi-card-color: #e45b3f; --xapi-card-dark: #b53d28; --xapi-card-soft: #fff2ee; --xapi-card-border: #f0ad9f; --xapi-card-shadow: rgba(228,91,63,.18); }
.xonda-service .xapi-product-card--best { box-shadow: 0 16px 34px var(--xapi-card-shadow); }
.xonda-service .xapi-product-card__best { position: absolute; top: -14px; right: 12px; padding: 5px 9px; border-radius: 999px; color: #fff; background: #e1492f; font-size: 10px; font-weight: 900; letter-spacing: .02em; }
.xonda-service .xapi-product-card__label { color: var(--xapi-card-dark); font-size: 12px; font-weight: 800; }
.xonda-service .xapi-product-card h3 { margin: 8px 0 0; color: var(--xapi-card-dark); font-family: Verdana,sans-serif; font-size: 29px; line-height: 1.15; }
.xonda-service .xapi-product-card__tax { color: #8a91a0; font-size: 11px; }
.xonda-service .xapi-product-card__rates { width: 100%; margin: 20px 0 15px; padding: 12px 8px; border-radius: 12px; background: var(--xapi-card-soft); }
.xonda-service .xapi-product-card__rates table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.xonda-service .xapi-product-card__rates caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.xonda-service .xapi-product-card__rates th,
.xonda-service .xapi-product-card__rates td { padding: 6px 2px; border-bottom: 1px solid rgba(80,100,130,.12); color: #48576c; font-family: Verdana,sans-serif; font-size: 11px; text-align: right; white-space: nowrap; }
.xonda-service .xapi-product-card__rates thead th { padding-top: 0; color: #929baa; font-size: 9px; font-weight: 400; }
.xonda-service .xapi-product-card__rates th:first-child { width: 20%; text-align: left; }
.xonda-service .xapi-product-card__rates th:nth-child(2) { width: 31%; }
.xonda-service .xapi-product-card__rates th:nth-child(3) { width: 25%; }
.xonda-service .xapi-product-card__rates th:nth-child(4) { width: 24%; }
.xonda-service .xapi-product-card__rates tbody th { color: var(--xapi-card-dark); font-family: inherit; font-weight: 700; }
.xonda-service .xapi-product-card__rates tbody td:nth-child(3) { color: #238451; font-weight: 700; }
.xonda-service .xapi-product-card__rates tbody td:last-child { color: #df4555; font-size: 10px; }
.xonda-service .xapi-product-card__rates tbody tr:last-child th,
.xonda-service .xapi-product-card__rates tbody tr:last-child td { border-bottom: 0; }
.xonda-service .xapi-product-card__cash { color: #5d6879; font-size: 12px; }
.xonda-service .xapi-product-card__cash strong { display: block; margin-top: 2px; color: var(--xapi-card-dark); font-family: Verdana,sans-serif; font-size: 21px; }
.xonda-service .xapi-product-card > em { margin: 4px 0 16px; color: var(--xapi-card-dark); font-size: 11px; font-style: normal; font-weight: 700; }
.xonda-service .xapi-product-card .xp-charge-button { width: 100%; margin-top: auto; padding: 5px; border-color: #2b2b2b; background: linear-gradient(#4c4c4c,#333); }

@media (max-width: 1000px) {
  .xonda-service .xapi-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 600px) {
  .xonda-service .xapi-product-grid { grid-template-columns: 1fr; }
  .xonda-service .xapi-product-card { min-height: 0; }
}
/* ´Ù¸¥ ±â´É ¹Ù·Î°¡±â --------------------------------------------------- */
.xonda-service .xs-link-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.xonda-service .xs-link { display: flex; min-height: 92px; align-items: center; justify-content: space-between; padding: 20px; border: 1px solid var(--xs-line); border-radius: 14px; background: #fff; }
.xonda-service .xs-link b { display: block; font-size: 16px; }
.xonda-service .xs-link span { color: var(--xs-muted); font-size: 12px; }
.xonda-service .xs-link::after { color: var(--xs-point); content: "\2192"; font-size: 20px; }

/* ÁÖ¿äƯ¡ / ÁÖÀÇ»çÇ× -------------------------------------------------- */
.xonda-service .xs-info-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 60px; }
.xonda-service .xs-info-card { display: flex; min-width: 0; flex-direction: column; padding: 20px; border-top: 5px solid #4a90e2; border-radius: 20px; background: #fff; box-shadow: 0 8px 20px rgba(0,0,0,.1); }
.xonda-service .xs-info-card--primary { border-top-color: #4a90e2; background: linear-gradient(to bottom,#f9fbff 0,#fff 40%); }
.xonda-service .xs-info-card--success { border-top-color: #27ae60; background: linear-gradient(to bottom,#f4fff8 0,#fff 40%); }
.xonda-service .xs-info-card h3 { margin: 0 0 20px; font-family: Pretendard,"Noto Sans KR",sans-serif; font-size: 22px; font-weight: 700; }
.xonda-service .xs-info-card ul { margin: 10px 0 0; padding-left: 18px; list-style: disc; }
.xonda-service .xs-info-card li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dashed gray; font-size: 14px; line-height: 1.6; word-break: keep-all; }
.xonda-service .xs-info-card li b { color: #0000d7; }
.xonda-service .xs-info-card li.xs-info-card__danger { color: #c40000; }

/* ÀÚÁÖ ¹¯´Â Áú¹® ------------------------------------------------------- */
.xonda-service .xs-faq-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.xonda-service .xs-faq-tab { padding: 6px 14px; border: 1px solid #e3e6f0; border-radius: 999px; color: #555; background: #f7f8fc; font-family: inherit; font-size: 13px; cursor: pointer; transition: .2s; }
.xonda-service .xs-faq-tab:hover { border-color: #cfc6ff; background: #eeeaff; }
.xonda-service .xs-faq-tab.is-active { border-color: #1e66bd; color: #fff; background: #1e66bd; font-weight: 600; }
.xonda-service .xs-faq-count { margin-left: 4px; font-size: 11px; opacity: .7; }
.xonda-service .xs-faq-empty { padding: 40px 10px; border: 1px dashed #e3e6f0; border-radius: 10px; color: #888; background: #fafbff; text-align: center; font-size: 14px; }
.xonda-service .xs-faq-item { overflow: hidden; margin-bottom: 14px; border: 1px solid #e9e6ff; border-radius: 10px; background: #fff; transition: .18s; }
.xonda-service .xs-faq-item:hover { border-color: #dcd6ff; }
.xonda-service .xs-faq-question { position: relative; width: 100%; padding: 20px 56px 20px 22px; border: 0; color: #2f2a45; background: #f7f6ff; font-family: inherit; font-size: 16px; font-weight: 600; line-height: 1.5; text-align: left; word-break: keep-all; cursor: pointer; transition: background .18s; }
.xonda-service > .xs-section:nth-of-type(odd) .xs-faq-item:not(.is-open) .xs-faq-question,
.xonda-service .xs-section--soft .xs-faq-item:not(.is-open) .xs-faq-question { background: linear-gradient(135deg,#fff 0%,#edf5ff 100%); }
.xonda-service .xs-faq-question:focus { outline: 0; }
.xonda-service .xs-faq-icon { position: absolute; top: 50%; right: 20px; width: 22px; height: 22px; transform: translateY(-50%); }
.xonda-service .xs-faq-icon::before,
.xonda-service .xs-faq-icon::after { position: absolute; border-radius: 2px; background: #1e66bd; content: ""; }
.xonda-service .xs-faq-icon::before { top: 10px; left: 4px; width: 14px; height: 2px; }
.xonda-service .xs-faq-icon::after { top: 4px; left: 10px; width: 2px; height: 14px; transition: opacity .2s; }
.xonda-service .xs-faq-item.is-open .xs-faq-icon::after { opacity: 0; }
.xonda-service .xs-faq-answer { display: none; padding: 22px; border-top: 1px solid #f1efff; color: #6b6785; background: #fff; box-shadow: inset 2px 2px 4px rgba(0,0,0,.25),inset -2px -2px 3px rgba(238,238,247,.9); font-size: 14px; line-height: 1.65; word-break: keep-all; }
.xonda-service .xs-faq-answer p + p { margin-top: 10px; }
.xonda-service .xs-faq-answer ul { margin: 10px 0; padding: 0; list-style: none; }
.xonda-service .xs-faq-answer li { position: relative; min-height: 1em; margin: 4px 0; padding-left: 16px; }
.xonda-service .xs-faq-answer li::before { position: absolute; top: .65em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: linear-gradient(135deg,#8b7cff,#6a5cff); box-shadow: 0 0 0 2px rgba(122,108,255,.12); content: ""; }
.xonda-service .xs-faq-answer b { color: #0c3d87; }

/* °ü·Ã ¼­ºñ½º ÅÂ±× ----------------------------------------------------- */
.xonda-service .xs-related-links {
  border-top: 1px solid #dce5f2;
  border-bottom: 1px solid #dce5f2;
  background: linear-gradient(135deg,#e8eef4 0%,#f5f7fa 52%,#e9f2f1 100%);
}

.xonda-service > section.xs-section.xs-section--before-related {
  margin-bottom: 0;
}

.xonda-service > .xs-section--before-related + .xs-related-links {
  border-top: 0;
}
.xonda-service .xs-related-links__inner {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.xonda-service .xs-related-links__title {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  color: #334158;
  font-size: 14px;
}

.xonda-service .xs-related-links__title i {
  color: var(--xs-point);
  font-size: 17px;
}

.xonda-service .xs-related-links__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.xonda-service .xs-related-links__list a {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 7px 13px;
  border: 1px solid #d9e2ed;
  border-radius: 999px;
  color: #5b687d;
  background: #fff;
  box-shadow: 0 3px 10px rgba(51,65,88,.07);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

.xonda-service .xs-related-links__list a:hover {
  color: var(--xs-point-dark);
  border-color: var(--xs-point);
  background: var(--xs-soft);
}

.xonda-service .xs-related-links__list a[aria-current="page"] {
  color: #fff;
  border-color: var(--xs-point);
  background: var(--xs-point);
}

/* ÇÏ´Ü Àüȯ ¿µ¿ª ------------------------------------------------------- */
.xonda-service .xs-final { color: #fff; background: linear-gradient(120deg,#071d51,#075cf1); }
.xonda-service .xs-final__inner { display: flex; min-height: 250px; align-items: center; justify-content: space-between; gap: 32px; }
.xonda-service .xs-final h2 { font-size: clamp(28px,3vw,40px); }
.xonda-service .xs-final p { margin-top: 8px; color: #c9dcff; }
.xonda-service .xs-final .xs-button { border-color: #fff; color: var(--xs-point); background: #fff; }

/* ÁÖÁ¦º° »ö»ó ---------------------------------------------------------- */
.xonda-service--free { --xs-point: #16a34a; --xs-point-dark: #15803d; }

.xonda-service--free .xs-button--primary { background: #16a34a; box-shadow: 0 10px 24px rgba(22,163,74,.24); }
.xonda-service--free .xs-button--primary:hover { background: #15803d; }

@keyframes xs-free-visual-hue {
  0%, 100% { filter: hue-rotate(0deg); }
  50% { filter: hue-rotate(-70deg); }
}
.xonda-service--bulk { --xs-point: #0b8f87; --xs-point-dark: #08766f; }


.xonda-service--bulk .xs-button { color: #08766f; border-color: #38a9a2; }
.xonda-service--bulk .xs-button--primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #10a39a, #08766f);
  box-shadow: 0 10px 24px rgba(11, 143, 135, .24);
}
.xonda-service--bulk .xs-button--primary:hover { background: linear-gradient(135deg, #0b8f87, #065f5a); }

.xonda-service--api { --xs-point: #1253e1; --xs-point-dark: #0052cc; }


.xonda-service--api .xs-button { color: #0052cc; border-color: #0052cc; }
.xonda-service--api .xs-button--primary {
  color: #fff;
  border-color: transparent;
  background: #0052cc;
  box-shadow: 0 10px 24px rgba(0, 82, 204, .24);
}
.xonda-service--api .xs-button--primary:hover { background: #0041a3; }

.xonda-service--fax { --xs-point: #7a3db8; --xs-point-dark: #55258a; --xs-soft: #f7f1fc; }

.xonda-service--fax .xs-button { color: #55258a; border-color: #7a3db8; }
.xonda-service--fax .xs-button--primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg,#8d49c8,#55258a);
  box-shadow: 0 10px 24px rgba(94,42,145,.24);
}
.xonda-service--fax .xs-button--primary:hover { background: linear-gradient(135deg,#7a3db8,#421d6c); }

@media (max-width: 1180px) {
  .xonda-service .xs-info-card li { font-size: 12px; }
}

@media (min-width: 901px) {



.xonda-service .xs-actions { gap: 11px; margin-top: 22px; }
}

.xonda-service .xa-legal-note {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-top: 22px;
  padding: 17px 20px;
  border: 1px solid #dce3eb;
  border-radius: 14px;
  background: #f7f9fb;
}

.xonda-service .xa-legal-note i {
  flex: 0 0 auto;
  margin-top: 3px;
  color: #c92136;
  font-size: 21px;
}

.xonda-service .xa-legal-note p {
  color: #4d5b6e;
  font-size: 14px;
  word-break: keep-all;
}

.xonda-service .xa-legal-note strong {
  color: inherit;
  font-weight: 700;
}

.xonda-service .xa-legal-note b {
  color: #c92136;
  font-weight: 700;
}
@media (max-width: 1050px) {
  .xonda-service .xs-proof__item { --xs-proof-icon-size: 46px; gap: 8px; padding-inline: 8px; }
  .xonda-service .xs-proof__item b { font-size: 14px; }
  .xonda-service .xs-proof__item span { font-size: 11px; }
  .xonda-service .xs-steps { flex-direction: column; gap: 28px; margin-top: 38px; }
  .xonda-service .xs-step { height: auto; min-height: 68px; flex: 0 0 auto; padding: 0 0 0 88px; text-align: left; }
  .xonda-service .xs-step:not(:last-child)::after { top: 32px; left: 31px; width: 3px; height: calc(100% + 28px); }
  .xonda-service .xs-step b { position: absolute; top: 0; left: 0; margin: 0; }
  .xonda-service .xs-step h3 { min-height: 0; align-items: flex-start; justify-content: flex-start; margin-bottom: 10px; padding: 3px 0 10px; }
}

@media (max-width: 991px) {
  .xonda-service .xs-info-grid { gap: 20px; }
}

@media (max-width: 900px) {
  .xonda-service .xs-service-nav__list {
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }



.xonda-service .xs-card-grid { grid-template-columns: 1fr; }
  .xonda-service .xs-integration-summary { grid-template-columns: 1fr; }
  .xonda-service .xs-price-grid,
  .xonda-service .xs-link-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 767px) {
  .xonda-service .xs-section { padding-top: 12px; padding-bottom: 12px; }
  .xonda-service > .xs-section:nth-of-type(odd) { margin-top: 12px; margin-bottom: 12px; }
}

@media (max-width: 720px) {
  .xonda-service .xs-proof { margin-top: 18px; }
  .xonda-service .xs-proof__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .xonda-service .xs-proof__item { --xs-proof-icon-size: 42px; justify-content: flex-start; gap: 9px; padding: 11px 10px; border-bottom: 1px solid #e5eaf2; }
  .xonda-service .xs-proof__item:not(:has(> img)):not(:has(> i.fa)) { flex-direction: column; justify-content: center; gap: 3px; }
  .xonda-service .xs-proof__item:nth-child(2n) { border-right: 0; }
  .xonda-service .xs-proof__item:nth-child(n+3) { border-bottom: 0; }
  .xonda-service .xs-proof__item b { font-size: 13px; }
  .xonda-service .xs-proof__item span { font-size: 11px; }
  .xonda-service .xs-integration-tabs__button { min-height: 58px; gap: 6px; padding: 9px 7px; font-size: 14px; }
  .xonda-service .xs-integration-tabs__button i { display: none; }
  .xonda-service .xs-integration-summary,
  .xonda-service .xs-integration-sample { padding: 20px; }
  .xonda-service .xs-integration-flow { min-height: 190px; }
}

@media (max-width: 600px) {
  .xonda-service { font-size: 15px; }
  .xonda-service .xs-service-nav .xs-container { width: 100%; }
  .xonda-service .xs-service-nav__list { min-height: 46px; gap: 2px; padding: 12px 10px 0; }
  .xonda-service .xs-service-nav__link { min-width: 0; padding: 8px 5px; font-size: 12px; white-space: nowrap; }
  .xonda-service .xs-service-nav__link.is-active,
  .xonda-service .xs-service-nav__link[aria-current="page"] { padding-top: 7px; }
  .xonda-service .xs-related-links__inner { align-items: flex-start; flex-direction: column; gap: 12px; padding-top: 20px; padding-bottom: 20px; }
  .xonda-service .xs-related-links__list { gap: 7px; }
  .xonda-service .xs-related-links__list a { min-height: 32px; padding: 6px 11px; font-size: 12px; }
  .xonda-service .xs-container { width: min(100% - 32px,1200px); }


.xonda-service .xs-actions { margin-top: 20px; }
  .xonda-service .xs-price-grid,
  .xonda-service .xs-link-grid { grid-template-columns: 1fr; }
  .xonda-service .xs-info-grid { grid-template-columns: 1fr; gap: 40px; }
  .xonda-service .xs-info-card { padding: 20px 10px; }
  .xonda-service .xs-info-card h3 { margin: 0 10px 20px; }
  .xonda-service .xs-info-card ul { margin: 10px 10px 0 0; }
  .xonda-service .xs-faq-question,
  .xonda-service .xs-faq-answer { padding: 18px; font-size: 12px; }
  .xonda-service .xs-faq-question { padding-right: 50px; }
  .xonda-service .xs-faq-icon { right: 16px; }
  .xonda-service .xs-final__inner { min-height: 300px; flex-direction: column; justify-content: center; text-align: center; }
  .xonda-service .xs-integration-tabs__button { min-width: 0; padding-right: 4px; padding-left: 4px; font-size: 12px; white-space: nowrap; }
  .xonda-service .xs-integration-tabs__button em { padding: 1px 5px; font-size: 11px; }
  .xonda-service .xs-integration-summary,
  .xonda-service .xs-integration-sample { padding: 17px 14px; }
  .xonda-service .xs-integration-summary h3,
  .xonda-service .xs-integration-sample__head h3 { font-size: 20px; }
  .xonda-service .xs-integration-sample__head { align-items: flex-start; }
  .xonda-service .xs-integration-subtabs { width: 100%; }
  .xonda-service .xs-integration-subtab { flex: 1 1 auto; padding-right: 10px; padding-left: 10px; }
  .xonda-service .xs-integration-flow__body { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .xonda-service .xs-integration-flow__body > span { min-width: 0; }
  .xonda-service .xs-integration-flow__body > i { display: none; }
  .xonda-service .xs-integration-guide { padding: 19px 15px; }
  .xonda-service pre.xs-integration-code code { padding: 18px 14px; }
}

@media (max-width: 420px) {
	.xonda-service .xs-faq-tab { padding: 5px 12px; font-size: 12px; }
	.xonda-service .xs-proof__item { --xs-proof-icon-size: 36px; gap: 6px; padding-inline: 6px; }
	.xonda-service .xs-proof__item b { font-size: 12px; }
	.xonda-service .xs-proof__item span { font-size: 11px; }
	.xonda-service .xs-card__actions--group { flex-direction: column; gap: 6px; }
	.xonda-service .xs-card__actions--group .xs-card__action { width: 100%; flex-basis: auto; border-radius: 6px; }
	.xonda-service .xs-card__actions--group .xs-card__action + .xs-card__action { margin-left: 0; }
	.xonda-service .xs-card__actions--group .xs-card__action:first-child,
	.xonda-service .xs-card__actions--group .xs-card__action:last-child { border-radius: 6px; }
	.xonda-service .xs-integration-tabs__button { gap: 4px; font-size: 11px; }
	.xonda-service .xs-integration-downloads__buttons { display: grid; grid-template-columns: 1fr; }
	.xonda-service .xs-integration-download { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
}