.cs-page { padding-top: 240rem; padding-bottom: 200rem; }
.cs-page__head { margin-bottom: 80rem; }
.cs-page .cs-layout { position: relative; display: flex; align-items: flex-start; justify-content: space-between; }
.cs-page .cs-tabs { position: sticky; top: 120rem; align-self: flex-start; width: calc(100% - 697rem); }
.cs-page .cs-form { flex: 1; display: flex; flex-direction: column; gap: 80rem; width: 697rem; }
.cs-layout { display: flex; align-items: start; justify-content: space-between; }
.cs-tabs { width: auto; display: flex; flex-direction: column; gap: 24rem; }
.cs-tabs__list { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 8rem; }
.cs-tabs__btn { position: relative; display: inline-flex; align-items: center; justify-content: space-between; gap: 40rem; min-height: 58rem; padding: 16rem 24rem; color: var(--text-lowest); border: 1px solid var(--line-medium); cursor: pointer; transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast); }
.cs-tabs__btn-arrow { display: none; width: 20rem; height: 20rem; }
.cs-tabs__btn--active, .cs-tabs__btn[aria-selected="true"] { color: var(--text-highest); border-width: 1.4px; border-color: var(--line-highest); }
.cs-tabs__btn--active .cs-tabs__btn-arrow, .cs-tabs__btn[aria-selected="true"] .cs-tabs__btn-arrow { display: inline-block; }
.cs-form { width: 697rem; }
.cs-form__form { display: flex; flex-direction: column; gap: 40rem; border-top: 4px solid var(--line-highest); padding-top: 40rem; }
.cs-form__notice { margin-bottom: 20rem; color: var(--text-low); }
.cs-form__row { width: 100%; min-width: 0; }
.cs-input__label { display: inline-flex; align-items: center; gap: var(--sp-100); margin-bottom: var(--sp-200); }
.input__required { font-style: normal; color: var(--text-danger); }
.cs-form__row .input__field-wrap { height: 60rem; border: 1px solid var(--bd-disabled); padding: 15rem 20rem; }
.cs-form__row .selectbox__field-wrap { width: 45%; height: 60rem; border: 1px solid var(--bd-disabled); }
.cs-form__row .input__field-wrap.cs-form__textarea { min-height: 200rem; height: auto; resize: vertical; }
.cs-form__row .input__field-wrap.cs-form__textarea textarea { min-height: 300rem; }
.cs-file__row { display: flex; align-items: center; gap: 8rem; margin-top: 8rem; }
.cs-file__field { flex: 1; min-width: 0; }
.cs-file__btn { flex-shrink: 0; min-width: 120rem; }
.cs-file__help { margin-top: 12rem; color: var(--text-medium); }
.cs-policy { display: flex; flex-direction: column; gap: 12rem; border-top: 1px solid var(--line-highest); border-bottom: 4px solid var(--line-highest); padding-top: 40rem; padding-bottom: 44rem; }
.cs-policy__box { display: flex; flex-direction: column; gap: 4rem; max-height: 220rem; padding: 16rem; color: var(--text-high); border: 1px solid var(--bd-disabled); background: var(--bg-white); overflow-y: auto; }
.cs-policy__box:focus-visible { outline: 2rem solid var(--bd-focused); outline-offset: 2rem; }
.cs-policy__text { margin-bottom: 20rem; }
.cs-policy__sub-txt { color: var(--text-medium); }
.cs-agree { display: flex; justify-content: flex-start; flex-direction: column; gap: 20rem; }
.cs-captcha { display: flex; align-items: center; gap: 12rem; }
.cs-captcha__group { flex-shrink: 0; display: flex; align-items: center; gap: 20rem; }
.cs-captcha__img { width: 248rem; height: 56rem; background: var(--color-gray-100, #f0f0f0); }
.cs-captcha__img img { width: 100%; }
.cs-captcha__btns { display: flex; flex-direction: column; gap: 8rem; }
.cs-captcha__btn { display: inline-flex; align-items: center; justify-content: center; width: 24rem; height: 24rem; padding: 0; background: var(--bg-white); border: 1px solid var(--line-medium); border-radius: 4rem; cursor: pointer; transition: border-color var(--transition-fast); }
.cs-captcha__btn:hover, .cs-captcha__btn:focus-visible { border-color: var(--line-highest); outline: none; }
.cs-captcha__btn img { width: 16rem; height: 16rem; }
.cs-captcha__input-wrap { width: 320rem; }
.cs-form__submit { display: flex; justify-content: flex-start; }
.cs-form__submit-btn { min-width: 100rem; padding: 0 32rem; }

@media (max-width: 1024px) {
  .cs-page { padding-top: 180rem; padding-bottom: 100rem; }
  .cs-page__head { margin-bottom: 40rem; }
  .cs-page .cs-tabs { width: 100%; position: unset; }
  .cs-page .cs-form { width: 100%; }
  .cs-layout { flex-direction: column; gap: 40rem; }
  .cs-tabs {width: 100%; gap: 20rem;}
  .cs-form {width: 100%;}
  .cs-form__row .selectbox__field-wrap { width: 100%; }
  .cs-tabs__list { grid-template-columns: repeat(2, 1fr); gap: 4rem; }
  .cs-tabs__btn { min-height: 44rem; font-size: 18rem; }
  .cs-form__form { gap: 32rem; }
  .cs-file__btn { min-width: 100rem; }
  .cs-policy { padding-top: 32rem; padding-bottom: 32rem; }
  .cs-policy__sub-txt { font-size: 14rem; line-height: 150%; }  
  .cs-captcha { flex-direction: column; align-items: stretch; gap: 12rem; }
  .cs-captcha__input-wrap { width: 100%; min-width: 0; }
  .cs-form__submit-btn { width: 100%; min-width: 0; }
}