@charset "UTF-8";
:root {
  --brand: #cf8f56;
  --brand-hover: color-mix(in srgb, var(--brand) 88%, black);
  --brand-active: color-mix(in srgb, var(--brand) 76%, black);
  --brand-soft: color-mix(in srgb, var(--brand) 8%, white);
  --secondary: #c6ac8f;
  --secondary-hover:color-mix(in srgb, var(--secondary) 88%, black);
  --secondary-soft: color-mix(in srgb, var(--secondary) 8%, white);
  --accent: #566f52;
  --on-brand: #ffffff;
  --on-secondary: #ffffff;
  --font: "Pretendard", "Noto Sans KR", sans-serif;
  --font-display: "GangwonEdu Modu";
  --radius: 8px;
  --radius-sm: 4px;
  --radius-lg: 16px;
  --page-bg: #ffffff;
}

.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

a {
  color: inherit;
  text-decoration: none;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  border: 0;
  border-radius: var(--radius);
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  height: 44px;
  padding: 0 20px;
  font-size: 15px;
}

.btn--sm {
  height: 32px;
  padding: 0 16px;
  font-size: 13px;
}

.btn--md {
  height: 44px;
  padding: 0 20px;
  font-size: 15px;
}

.btn--lg {
  height: 56px;
  padding: 0 24px;
  font-size: 20px;
  border-radius: var(--radius-lg);
}

.btn-primary {
  background: var(--brand);
  color: var(--on-brand);
}
.btn-primary:hover {
  background: var(--brand-hover);
}

.btn-outline {
  background: #ffffff;
  border: 1px solid var(--brand);
  color: var(--brand);
}
.btn-outline:hover {
  background: var(--brand-soft);
}

.btn-gray {
  background: #eaeae8;
  color: #111111;
}
.btn-gray:hover {
  background: #cdcdcd;
}

.btn-ghost {
  height: auto;
  padding: 12px 16px;
  background: transparent;
  color: var(--brand);
  font-size: 16px;
  text-decoration: none;
}
.btn-ghost:link, .btn-ghost:visited {
  color: var(--brand);
}
.btn-ghost:hover {
  background-color: var(--brand-soft);
}

.btn-ghost--muted {
  color: var(--secondary);
}
.btn-ghost--muted:link, .btn-ghost--muted:visited {
  color: var(--secondary);
}
.btn-ghost--muted:hover {
  background-color: color-mix(in srgb, var(--secondary) 12%, white);
}

.btn-ghost--accent {
  color: var(--accent);
}
.btn-ghost--accent:link, .btn-ghost--accent:visited {
  color: var(--accent);
}
.btn-ghost--accent:hover {
  background-color: color-mix(in srgb, var(--accent) 12%, white);
}

.btn-ghost--logout {
  padding-left: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 21C4.45 21 3.97933 20.8043 3.588 20.413C3.19667 20.0217 3.00067 19.5507 3 19V5C3 4.45 3.196 3.97933 3.588 3.588C3.98 3.19667 4.45067 3.00067 5 3H12V5H5V19H12V21H5ZM16 17L14.625 15.55L17.175 13H9V11H17.175L14.625 8.45L16 7L21 12L16 17Z' fill='%23C6AC8F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 16px center;
  background-size: 24px;
}

.main-cards-col {
  width: 100%;
}
@media (min-width: 1024px) {
  .main-cards-col {
    flex: 1;
  }
}

.main-cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.main-card--notice {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  border-radius: 1em;
  background: #f5f5f5;
  background-size: cover;
  background-position: center;
  text-align: center;
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 20px;
  line-height: 1.5;
  color: #111111;
}

.main-card {
  position: relative;
  width: 100%;
  min-height: clamp(120px, 26vw, 246px);
  border-radius: 1em;
  overflow: hidden;
  transition: background-color 0.2s ease;
}

.main-card--banner {
  min-height: 0;
}
.main-card--banner img {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 1025px) {
  .main-card:only-child {
    min-height: 508px;
  }
  .main-card:only-child .main-card__link--nib::after,
  .main-card:only-child .main-card__link--gavel::after {
    transform: none;
    opacity: 0.7;
    top: auto;
    bottom: clamp(24px, 3vw, 44px);
    left: auto;
    right: clamp(16px, 3vw, 40px);
    height: 215px;
  }
  .main-card:only-child .main-card__link--nib {
    padding-left: clamp(24px, 4vw, 40px);
    padding-right: clamp(88px, 17vw, 190px);
  }
}

.main-card--brand {
  background: var(--brand);
}
.main-card--brand:hover {
  background: var(--accent);
}

.main-card--secondary {
  background: var(--secondary);
}
.main-card--secondary:hover {
  background: color-mix(in srgb, var(--secondary) 85%, black);
}

.main-card__link {
  display: block;
  position: relative;
  height: 100%;
  min-height: inherit;
  padding: clamp(20px, 4vw, 42px) clamp(24px, 4vw, 40px);
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
}

.main-card__link--nib::after,
.main-card__link--gavel::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: clamp(64px, 13vw, 135px);
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.6;
  pointer-events: none;
}

.main-card__link--nib {
  padding-left: clamp(88px, 17vw, 190px);
}
.main-card__link--nib::after {
  left: clamp(16px, 3vw, 40px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='162' height='163' viewBox='0 0 162 163' fill='none'%3E%3Cpath d='M119.024 0.5L162 43.3272L150.25 55.037L107.275 12.2096L119.024 0.5ZM0 156.411L71.2934 85.3636C67.4462 78.2938 70.5927 68.7811 78.9331 65.953C88.8937 62.5757 98.8524 71.2449 96.816 81.5202C95.0157 90.6011 85.0303 94.9659 77.2633 91.0975L5.61404 162.5C62.3691 132.198 105.314 123.999 125.122 126.334C126.792 112.482 128.439 69.1177 141.73 55.9116L106.397 20.7C93.1447 33.9448 49.631 35.5863 35.7302 37.2512C38.0451 56.7453 27.8711 107.136 0 156.411Z' fill='white'/%3E%3C/svg%3E");
}

.main-card__link--gavel {
  padding-right: clamp(88px, 17vw, 190px);
}
.main-card__link--gavel::after {
  right: clamp(16px, 3vw, 40px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='156' height='136' viewBox='0 0 156 136' fill='none'%3E%3Cpath d='M83.0624 5.5625V17.375H96.3937C98.7629 17.375 101.078 18.0905 103.036 19.4202L114.49 27.2097C114.774 27.3987 115.089 27.4955 115.435 27.5H143.124C144.467 27.5 145.754 28.0334 146.704 28.9828C147.653 29.9322 148.186 31.2198 148.186 32.5625C148.186 33.9052 147.653 35.1928 146.704 36.1422C145.754 37.0916 144.467 37.625 143.124 37.625H132.472L155.193 89.465C155.647 90.5016 155.742 91.6606 155.46 92.7569C155.179 93.8532 154.538 94.8235 153.64 95.513C152.965 96.0125 152.268 96.476 151.548 96.9035C149.839 97.9313 148.057 98.8315 146.215 99.5967C140.11 102.15 133.555 103.456 126.937 103.438C120.321 103.466 113.767 102.162 107.666 99.6035C105.825 98.8361 104.042 97.9336 102.334 96.9035C101.616 96.4918 100.924 96.0364 100.261 95.54L100.228 95.513C99.3301 94.8235 98.6894 93.8532 98.408 92.7569C98.1265 91.6606 98.2206 90.5016 98.6752 89.465L121.409 37.625H115.429C113.059 37.625 110.744 36.9095 108.787 35.5798L97.3319 27.7903C97.053 27.6013 96.7238 27.5002 96.3869 27.5H83.0624V125.375H113.35C114.692 125.375 115.98 125.908 116.929 126.858C117.879 127.807 118.412 129.095 118.412 130.438C118.412 131.78 117.879 133.068 116.929 134.017C115.98 134.967 114.692 135.5 113.35 135.5H42.6502C41.3075 135.5 40.0199 134.967 39.0704 134.017C38.121 133.068 37.5877 131.78 37.5877 130.438C37.5877 129.095 38.121 127.807 39.0704 126.858C40.0199 125.908 41.3075 125.375 42.6502 125.375H72.9374V27.5H59.6062C59.2693 27.5002 58.9401 27.6013 58.6612 27.7903L47.2132 35.5798C45.2557 36.9095 42.9404 37.625 40.5712 37.625H34.5907L57.3247 89.465C57.7647 90.4721 57.865 91.595 57.6105 92.6642C57.356 93.7334 56.7605 94.6907 55.9139 95.3915C55.3739 95.8303 54.8339 96.242 53.8214 96.8968C52.1153 98.0039 50.3283 98.9809 48.4754 99.8195C42.3805 102.594 35.759 104.021 29.0624 104.005C22.3658 104.021 15.7443 102.594 9.64943 99.8195C7.79657 98.9809 6.00951 98.0039 4.30343 96.8968C3.58494 96.4328 2.88891 95.935 2.21768 95.405C1.37605 94.6975 0.783998 93.7383 0.528788 92.6689C0.273577 91.5994 0.368715 90.4763 0.800178 89.465L23.5274 37.625H12.8827C11.54 37.625 10.2524 37.0916 9.30295 36.1422C8.35355 35.1928 7.82018 33.9052 7.82018 32.5625C7.82018 31.2198 8.35355 29.9322 9.30295 28.9828C10.2524 28.0334 11.54 27.5 12.8827 27.5H40.5712C40.9132 27.5 41.2304 27.4032 41.5229 27.2097L52.9642 19.4202C54.9217 18.0837 57.2437 17.375 59.6129 17.375H72.9374V5.5625C72.9374 4.21984 73.4708 2.93217 74.4202 1.98277C75.3696 1.03337 76.6573 0.5 77.9999 0.5C79.3426 0.5 80.6302 1.03337 81.5797 1.98277C82.5291 2.93217 83.0624 4.21984 83.0624 5.5625ZM11.8027 89.5865C17.1138 92.4184 23.0435 93.891 29.0624 93.8727C35.0813 93.891 41.0111 92.4184 46.3222 89.5865L29.0624 50.234L11.8027 89.5865ZM109.745 89.4245C110.299 89.6945 110.917 89.978 111.601 90.275C115.179 91.7803 120.41 93.3125 126.937 93.3125C132.888 93.3284 138.765 91.9993 144.13 89.4245L126.937 50.2272L109.745 89.4245Z' fill='white'/%3E%3C/svg%3E");
}

.main-card__title {
  display: block;
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: clamp(20px, 4vw, 32px);
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
}
.main-card__title::after {
  content: "›";
  margin-left: 8px;
  font-weight: 700;
}

.main-card__desc {
  display: block;
  margin-top: 10px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: clamp(16px, 1.8vw, 20px);
  line-height: 1.5;
  color: #fff;
}

.input,
.select {
  height: 44px;
  padding: 0 12px;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: #111111;
  background: #ffffff;
  box-sizing: border-box;
}
.input:focus,
.select:focus {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 2px var(--brand-soft);
}
.input::placeholder,
.select::placeholder {
  color: #c2c2c2;
}

.input--sm {
  width: 90px;
}

.input--md {
  width: 140px;
}

.input--lg {
  width: 300px;
}

.input--full {
  width: 100%;
}

.form-field {
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.form-field__label {
  width: 140px;
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
}

.form-field__req {
  color: #ee0000;
}

.form-hint {
  margin-left: 4px;
  font-size: 12px;
  color: #c2c2c2;
}

.form-sep {
  margin: 0 4px;
  color: #cdcdcd;
}

@media (max-width: 768px) {
  .form-field__label {
    width: 100%;
    margin-bottom: 4px;
  }
  .input--lg {
    width: 100%;
  }
}
.form-check {
  display: inline-flex;
  align-items: center;
}
.form-check input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.form-check input[type=checkbox] + label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.form-check input[type=checkbox] + label::before {
  content: "";
  width: 18px;
  height: 18px;
  margin: 0 8px 0 0;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  background: #ffffff;
  box-sizing: border-box;
}
.form-check input[type=checkbox]:focus + label::before {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 2px var(--brand-soft);
}
.form-check input[type=checkbox]:checked + label::before {
  border-color: var(--brand);
  background: var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/12px;
}

.manual-guide-wrap {
  width: 100%;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  margin-top: 32px;
}

.manual-guide {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: #fff8e7;
  border: 1px solid #f0d576;
  border-radius: 1em;
}
@media (max-width: 768px) {
  .manual-guide {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
}

.manual-guide__title {
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #8a6d00;
  white-space: nowrap;
}

.manual-guide__reopen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  height: 48px;
  padding: 0 20px;
  border: 1px solid #8a6d00;
  border-radius: var(--radius);
  background: #fff;
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #8a6d00;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.manual-guide__reopen:hover {
  background: #8a6d00;
  color: #fff;
}
@media (max-width: 768px) {
  .manual-guide__reopen {
    margin-left: 0;
    width: 100%;
  }
}

.ds-shell {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.site-header {
  padding: 24px 0;
  border-bottom: 1px solid #f5f5f5;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 50;
}
.site-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #fff;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .site-header {
    padding: 16px 0;
  }
}

.site-header__overlay {
  display: none;
}
@media (max-width: 1024px) {
  .site-header__overlay.is-open {
    display: block;
    position: fixed;
    inset: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.4);
  }
}

.site-header__inner {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  min-height: 48px;
  position: relative;
  z-index: 1;
  background: #fff;
}

.site-header__toggle {
  display: none;
}
@media (max-width: 1024px) {
  .site-header__toggle {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    cursor: pointer;
  }
  .site-header__toggle span {
    display: block;
    width: 24px;
    height: 2px;
    margin: 0 auto;
    background: #111111;
    border-radius: 2px;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }
  .site-header__toggle:hover {
    background: none;
    border: 0;
  }
  .site-header__toggle.is-active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  .site-header__toggle.is-active span:nth-child(2) {
    opacity: 0;
  }
  .site-header__toggle.is-active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }
}

.site-header__logo {
  display: block;
}
.site-header__logo img {
  height: var(--site-header-logo-h, 48px);
  width: auto;
  max-width: 240px;
  object-fit: contain;
  display: block;
}

.site-header__nav {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: auto;
}
@media (max-width: 1024px) {
  .site-header__nav {
    margin-left: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 12px 16px;
    background: #fff;
    border-top: 1px solid #eaeae8;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    z-index: 100;
  }
  .site-header__nav.is-open {
    display: flex;
  }
}

.site-header--minimal .site-header__inner {
  justify-content: flex-start;
}

.header-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 48px;
  padding: 0 20px;
  border-radius: 1em;
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  font-size: 16px;
  white-space: nowrap;
  transition: background-color 0.15s ease, color 0.15s ease;
}
@media (max-width: 1024px) {
  .header-btn {
    width: 100%;
    padding: 0 14px;
  }
}

.header-btn--outline {
  background: #fff;
  border: 1px solid var(--brand);
  color: var(--brand);
}
.header-btn--outline:hover {
  background: var(--brand-soft);
}

.header-btn--admin {
  background: var(--accent);
  color: #fff;
}
.header-btn--admin:hover {
  background: var(--brand);
}

.header-btn--text {
  background: transparent;
  color: #111111;
}
@media (max-width: 1024px) {
  .header-btn--text {
    border: 1px solid #cdcdcd;
  }
}

.site-header__logout {
  display: inline-block;
  padding: 8px 16px 8px 44px;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: var(--secondary);
  white-space: nowrap;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 21C4.45 21 3.97933 20.8043 3.588 20.413C3.19667 20.0217 3.00067 19.5507 3 19V5C3 4.45 3.196 3.97933 3.588 3.588C3.98 3.19667 4.45067 3.00067 5 3H12V5H5V19H12V21H5ZM16 17L14.625 15.55L17.175 13H9V11H17.175L14.625 8.45L16 7L21 12L16 17Z' fill='%23C6AC8F'/%3E%3C/svg%3E") no-repeat left 16px center/24px;
}
@media (max-width: 1024px) {
  .site-header__logout {
    margin-left: auto;
  }
}

.site-footer {
  width: 100%;
  margin-top: auto;
  background: #f5f5f5;
}

.site-footer__inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .site-footer__inner {
    gap: 20px;
    padding-top: 28px;
    padding-bottom: 28px;
  }
}

.site-footer__support {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.site-footer__support-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: clamp(24px, 5vw, 40px);
  font-weight: 700;
}

.site-footer__tel {
  color: #ee0000;
  font-size: clamp(28px, 6vw, 50px);
}

.site-footer__hours {
  font-family: "Noto Sans KR", sans-serif;
  font-size: clamp(16px, 2vw, 20px);
}

.site-footer__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  line-height: 1.6;
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  color: #111111;
}
.site-footer__info .site-footer__row span {
  padding: 0 8px;
  border-left: 1px solid #111111;
}
.site-footer__info .site-footer__row span:first-child {
  padding-left: 0;
  border-left: 0;
}
@media (max-width: 768px) {
  .site-footer__info .site-footer__row span {
    display: block;
    padding: 0;
    border-left: 0;
  }
}

.login {
  width: 950px;
  max-width: 100%;
  margin: 40px auto 80px;
  padding: 0 16px;
  box-sizing: border-box;
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
}

.login__cols {
  display: flex;
  gap: 24px;
}

.login--single {
  width: 460px;
}

.login__tabs {
  display: flex;
  width: fit-content;
  margin: 0 auto 40px;
  gap: 4px;
  padding: 4px;
  background: #f5f5f5;
  border-radius: 1em;
}

.login__tab {
  padding: 8px 24px;
  border: 0;
  border-radius: 1em;
  background: transparent;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  color: #c2c2c2;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.login__tab.is-active {
  color: var(--on-brand);
  font-weight: 700;
}

#tab-admin.is-active {
  background: var(--accent);
}

#tab-study.is-active {
  background: var(--brand);
}

.login__card.is-hidden {
  display: none;
}

.login__card {
  flex: 1;
  min-width: 0;
  background: #fff;
  border: 1px solid #eaeae8;
  border-radius: 16px;
  overflow: hidden;
}

.login__title {
  padding: 16px 0;
  background: var(--brand);
  color: var(--on-brand);
  text-align: center;
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

#frm .login__title {
  background: var(--accent);
}
#frm .btn-primary {
  background: var(--accent);
}
#frm .btn-primary:hover {
  background: var(--brand);
}
#frm .btn-outline {
  border-color: var(--accent);
  color: var(--accent);
}
#frm .btn-outline:hover {
  background: var(--accent);
  color: #fff;
}

.login__body {
  padding: 32px;
}

.login__field {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.login__field .input {
  flex: 1;
  width: auto;
}

.login__label {
  flex: 0 0 64px;
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  font-size: 15px;
}

.login__options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 16px 0 24px;
  padding-left: 76px;
  font-size: 15px;
}

.login__find {
  color: #111111;
  font-weight: 500;
  text-decoration: none;
}
.login__find:hover {
  color: var(--brand);
  text-decoration: underline;
}

.login__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.login__submit {
  width: 100%;
}

.login__divider {
  height: 1px;
  margin: 4px 0;
  background: #eaeae8;
}

.login__row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.login__row .btn {
  flex: 1 1 140px;
  min-width: 0;
}

.login__guide-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.login__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px 12px;
  margin-top: 4px;
}
.login__links a {
  color: #111111;
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
}
.login__links a:hover {
  color: var(--brand);
}

@media (max-width: 768px) {
  .login__cols {
    flex-direction: column;
  }
}
.login-input {
  width: 100%;
  padding: 12px 36px 12px 44px;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  background: #ffffff;
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15px;
  color: #111111;
  box-sizing: border-box;
}
.login-input:focus {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 2px var(--brand-soft);
}
.login-input::placeholder {
  color: #c2c2c2;
}

.login-field {
  position: relative;
}

.login-field::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.login-field--user::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 8C10.4596 8 10.9148 7.90947 11.3394 7.73358C11.764 7.55769 12.1499 7.29988 12.4749 6.97487C12.7999 6.64987 13.0577 6.26403 13.2336 5.83939C13.4095 5.41475 13.5 4.95963 13.5 4.5C13.5 4.04037 13.4095 3.58525 13.2336 3.16061C13.0577 2.73597 12.7999 2.35013 12.4749 2.02513C12.1499 1.70012 11.764 1.44231 11.3394 1.26642C10.9148 1.09053 10.4596 1 10 1C9.07174 1 8.1815 1.36875 7.52513 2.02513C6.86875 2.6815 6.5 3.57174 6.5 4.5C6.5 5.42826 6.86875 6.3185 7.52513 6.97487C8.1815 7.63125 9.07174 8 10 8ZM1 18.4V19H19V18.4C19 16.16 19 15.04 18.564 14.184C18.1805 13.4314 17.5686 12.8195 16.816 12.436C15.96 12 14.84 12 12.6 12H7.4C5.16 12 4.04 12 3.184 12.436C2.43139 12.8195 1.81949 13.4314 1.436 14.184C1 15.04 1 16.16 1 18.4Z' stroke='%23EAE8E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 20px;
}

.login-field--user.is-focus::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 8C10.4596 8 10.9148 7.90947 11.3394 7.73358C11.764 7.55769 12.1499 7.29988 12.4749 6.97487C12.7999 6.64987 13.0577 6.26403 13.2336 5.83939C13.4095 5.41475 13.5 4.95963 13.5 4.5C13.5 4.04037 13.4095 3.58525 13.2336 3.16061C13.0577 2.73597 12.7999 2.35013 12.4749 2.02513C12.1499 1.70012 11.764 1.44231 11.3394 1.26642C10.9148 1.09053 10.4596 1 10 1C9.07174 1 8.1815 1.36875 7.52513 2.02513C6.86875 2.6815 6.5 3.57174 6.5 4.5C6.5 5.42826 6.86875 6.3185 7.52513 6.97487C8.1815 7.63125 9.07174 8 10 8ZM1 18.4V19H19V18.4C19 16.16 19 15.04 18.564 14.184C18.1805 13.4314 17.5686 12.8195 16.816 12.436C15.96 12 14.84 12 12.6 12H7.4C5.16 12 4.04 12 3.184 12.436C2.43139 12.8195 1.81949 13.4314 1.436 14.184C1 15.04 1 16.16 1 18.4Z' stroke='%23C2C2C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.login-field--lock::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 10H6C5.46957 10 4.96086 10.2107 4.58579 10.5858C4.21071 10.9609 4 11.4696 4 12V19C4 19.5304 4.21071 20.0391 4.58579 20.4142C4.96086 20.7893 5.46957 21 6 21H18C18.5304 21 19.0391 20.7893 19.4142 20.4142C19.7893 20.0391 20 19.5304 20 19V12C20 11.4696 19.7893 10.9609 19.4142 10.5858C19.0391 10.2107 18.5304 10 18 10H16M8 10V7C8 5.93913 8.42143 4.92172 9.17157 4.17157C9.92172 3.42143 10.9391 3 12 3C13.0609 3 14.0783 3.42143 14.8284 4.17157C15.5786 4.92172 16 5.93913 16 7V10M8 10H16M12 14V17' stroke='%23EAE8E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.login-field--lock.is-focus::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 10H6C5.46957 10 4.96086 10.2107 4.58579 10.5858C4.21071 10.9609 4 11.4696 4 12V19C4 19.5304 4.21071 20.0391 4.58579 20.4142C4.96086 20.7893 5.46957 21 6 21H18C18.5304 21 19.0391 20.7893 19.4142 20.4142C19.7893 20.0391 20 19.5304 20 19V12C20 11.4696 19.7893 10.9609 19.4142 10.5858C19.0391 10.2107 18.5304 10 18 10H16M8 10V7C8 5.93913 8.42143 4.92172 9.17157 4.17157C9.92172 3.42143 10.9391 3 12 3C13.0609 3 14.0783 3.42143 14.8284 4.17157C15.5786 4.92172 16 5.93913 16 7V10M8 10H16M12 14V17' stroke='%23C2C2C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.login-field--user::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 13C23 19.0751 18.0751 24 12 24C5.92487 24 1 19.0751 1 13C1 6.92487 5.92487 2 12 2C18.0751 2 23 6.92487 23 13ZM11 11.7781V8.11111C11 7.55883 11.4477 7.11111 12 7.11111C12.5523 7.11111 13 7.55883 13 8.11111V11.7781C12.9998 12.3302 12.5522 12.7781 12 12.7781C11.4478 12.7781 11.0002 12.3302 11 11.7781ZM11 15.4444V16.6671C11.0002 17.2192 11.4479 17.6671 12 17.6671C12.5521 17.6671 12.9998 17.2192 13 16.6671V15.4444C13 14.8922 12.5523 14.4444 12 14.4444C11.4477 14.4444 11 14.8922 11 15.4444Z' fill='%23EE0000'/%3E%3C/svg%3E") no-repeat center/100%;
  opacity: 0;
  transition: opacity 0.15s;
}

.login-field--user.input-error::after {
  opacity: 1;
}

.login-eye {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M4.12217 12.7173V12.7223C4.09407 12.8283 4.04535 12.9277 3.97881 13.0149C3.91226 13.102 3.82919 13.1752 3.73435 13.2302C3.63951 13.2852 3.53476 13.321 3.42608 13.3355C3.3174 13.35 3.20693 13.3429 3.10098 13.3147C2.38181 13.1245 2.50862 12.2952 2.50862 12.2952L2.53866 12.1917C2.53866 12.1917 2.58204 12.0516 2.61708 11.9498C3.04528 10.7492 3.67565 9.63066 4.48092 8.64258C5.97766 6.81712 8.4956 5 12.4919 5C16.4883 5 19.0062 6.81712 20.5046 8.64258C21.3099 9.63066 21.9402 10.7492 22.3684 11.9498C22.4044 12.0529 22.4377 12.157 22.4686 12.2618L22.4736 12.2835V12.2902L22.4752 12.2935C22.5282 12.5059 22.4955 12.7305 22.3844 12.919C22.2732 13.1076 22.0924 13.2448 21.881 13.3013C21.6695 13.3578 21.4444 13.3289 21.254 13.2209C21.0637 13.1129 20.9234 12.9345 20.8634 12.724L20.8617 12.7173L20.8483 12.6756L20.7899 12.4937C20.4262 11.4801 19.8931 10.5356 19.2131 9.70048C17.975 8.19039 15.9042 6.66861 12.4919 6.66861C9.07962 6.66861 7.01054 8.19039 5.77076 9.70048C5.0908 10.5356 4.55761 11.4801 4.19392 12.4937L4.13552 12.6756L4.12217 12.7173ZM8.3204 14.1774C8.3204 13.071 8.7599 12.01 9.54221 11.2276C10.3245 10.4453 11.3856 10.0058 12.4919 10.0058C13.5983 10.0058 14.6593 10.4453 15.4416 11.2276C16.224 12.01 16.6635 13.071 16.6635 14.1774C16.6635 15.2837 16.224 16.3448 15.4416 17.1271C14.6593 17.9094 13.5983 18.3489 12.4919 18.3489C11.3856 18.3489 10.3245 17.9094 9.54221 17.1271C8.7599 16.3448 8.3204 15.2837 8.3204 14.1774Z' fill='%23AEAEAC'/%3E%3C/svg%3E") no-repeat center/100%;
}

.login-eye.is-visible {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M4.12217 12.7173V12.7223C4.09407 12.8283 4.04535 12.9277 3.97881 13.0149C3.91226 13.102 3.82919 13.1752 3.73435 13.2302C3.63951 13.2852 3.53476 13.321 3.42608 13.3355C3.3174 13.35 3.20693 13.3429 3.10098 13.3147C2.38181 13.1245 2.50862 12.2952 2.50862 12.2952L2.53866 12.1917C2.53866 12.1917 2.58204 12.0516 2.61708 11.9498C3.04528 10.7492 3.67565 9.63066 4.48092 8.64258C5.97766 6.81712 8.4956 5 12.4919 5C16.4883 5 19.0062 6.81712 20.5046 8.64258C21.3099 9.63066 21.9402 10.7492 22.3684 11.9498C22.4044 12.0529 22.4377 12.157 22.4686 12.2618L22.4736 12.2835V12.2902L22.4752 12.2935C22.5282 12.5059 22.4955 12.7305 22.3844 12.919C22.2732 13.1076 22.0924 13.2448 21.881 13.3013C21.6695 13.3578 21.4444 13.3289 21.254 13.2209C21.0637 13.1129 20.9234 12.9345 20.8634 12.724L20.8617 12.7173L20.8483 12.6756L20.7899 12.4937C20.4262 11.4801 19.8931 10.5356 19.2131 9.70048C17.975 8.19039 15.9042 6.66861 12.4919 6.66861C9.07962 6.66861 7.01054 8.19039 5.77076 9.70048C5.0908 10.5356 4.55761 11.4801 4.19392 12.4937L4.13552 12.6756L4.12217 12.7173ZM8.3204 14.1774C8.3204 13.071 8.7599 12.01 9.54221 11.2276C10.3245 10.4453 11.3856 10.0058 12.4919 10.0058C13.5983 10.0058 14.6593 10.4453 15.4416 11.2276C16.224 12.01 16.6635 13.071 16.6635 14.1774C16.6635 15.2837 16.224 16.3448 15.4416 17.1271C14.6593 17.9094 13.5983 18.3489 12.4919 18.3489C11.3856 18.3489 10.3245 17.9094 9.54221 17.1271C8.7599 16.3448 8.3204 15.2837 8.3204 14.1774Z' fill='%234CAF50'/%3E%3C/svg%3E");
}

.landing-row {
  width: 100%;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  padding-top: 40px;
  padding-bottom: 80px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .landing-row {
    flex-direction: row;
  }
}

.login-panel {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  flex-shrink: 0;
  min-height: 508px;
  padding: 16px 27px;
  background: #f5f5f5;
  border-radius: 1em;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .login-panel {
    width: 424px;
  }
}

.login-panel__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.login-panel__title {
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
}

.login-panel__subtitle {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.login-panel__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  height: 100%;
  padding: 4px 0;
  margin-top: 26px;
}

.login-panel__group {
  width: 100%;
}

.login-panel__group .btn {
  width: 100%;
}

.alert-message {
  height: 24px;
  text-indent: 8px;
  font-size: 16px;
  color: #ee0000;
}

.login-dash {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 16px;
}

.login-dash__welcome {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 80px;
}

.login-dash__greeting {
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #111111;
}

.login-dash__greeting > span {
  flex-shrink: 0;
}

.login-dash__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.login-dash__logout-row {
  display: flex;
  justify-content: center;
}

.login-dash__actions {
  display: flex;
  gap: 16px;
}
.login-dash__actions .btn {
  flex: 1;
}

.login-dash__actions--stack {
  flex-direction: column;
}
.login-dash__actions--stack .btn {
  width: 100%;
  flex: none;
}

.find {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 600px;
  padding: 40px 16px 80px;
}

.find__tabs {
  display: inline-flex;
  gap: 4px;
  margin-bottom: 40px;
  padding: 4px;
  background: #f5f5f5;
  border-radius: 1em;
}

.find__tab {
  padding: 8px 24px;
  border: 0;
  border-radius: 1em;
  background: transparent;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  color: #c2c2c2;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.find__tab.is-active {
  background: var(--brand);
  color: var(--on-brand);
  font-weight: 700;
}

.find__form {
  width: 400px;
  max-width: 100%;
  margin: 0 auto;
}
.find__form.is-hidden {
  display: none;
}

.find__row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.find__row > .input {
  flex: 1;
  width: auto;
  max-width: none;
}

.find__row--last {
  margin-bottom: 40px;
}

.find__label {
  flex: 0 0 64px;
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  font-size: 15px;
}

.find__phone {
  display: grid;
  grid-template-columns: 56px 1fr 1fr;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.find__phone .input {
  min-width: 0;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
}
.find__phone .input--prefix {
  background: #f5f5f5;
  color: #c2c2c2;
}

.find__actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 8px;
}
.find__actions .btn {
  padding: 14px 44px;
}

.find__result {
  width: 335px;
  max-width: 100%;
  margin-top: 24px;
  border-top: 1px solid #cdcdcd;
}

.intro {
  width: 100%;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  margin-bottom: 80px;
}

.intro__heading {
  padding: 16px 0;
  border-bottom: 1px solid #eaeae8;
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: clamp(20px, 4vw, 32px);
  font-weight: 700;
}

.intro__video {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 16/9;
  max-height: 698px;
  margin: 40px 0 clamp(56px, 10vw, 160px);
}

.intro__media {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  object-fit: cover;
}

.intro__greeting {
  display: flex;
  gap: clamp(40px, 6vw, 116px);
  align-items: flex-start;
  padding: clamp(40px, 6vw, 80px) 0 clamp(56px, 10vw, 160px) 27px;
}

.intro__portrait {
  flex-shrink: 0;
  width: 403px;
  height: 508px;
}
.intro__portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.intro__body {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}
.intro__body p + p {
  margin-top: 30px;
}

.intro__emph {
  color: var(--brand);
  font-size: 20px;
  font-weight: 700;
}

.intro__sign {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px 22px;
  margin-top: clamp(40px, 6vw, 80px);
}

.intro__sign-role {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.intro__sign-name {
  font-family: var(--font-display);
  font-size: clamp(28px, 5vw, 36px);
  font-weight: 400;
}

@media (max-width: 900px) {
  .intro__greeting {
    flex-direction: column;
    gap: 40px;
    padding-left: 0;
  }
  .intro__portrait {
    width: 100%;
    max-width: 403px;
    height: auto;
  }
}
#container {
  background: #ffffff;
  padding: 40px 0 80px;
}

#container .join_wrap,
.join_form {
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

.join_wrap h1,
.join_form h1 {
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--brand);
  margin-bottom: 16px;
}

.join_wraptxt {
  font-size: 16px;
  color: #595959;
  line-height: 1.6;
}
.join_wraptxt a {
  color: var(--brand);
  font-weight: 600;
}

.search_block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 16px 0 40px;
}
.search_block .searchForm {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.search_block label {
  font-weight: 600;
  font-size: 14px;
}

.academyTable {
  width: 100%;
  border-collapse: collapse;
  border-top: 2px solid var(--brand);
}
.academyTable th {
  padding: 12px 8px;
  background: var(--brand);
  color: var(--on-brand);
  font-weight: 600;
  font-size: 15px;
}
.academyTable td {
  padding: 16px 8px;
  border-bottom: 1px solid #eaeae8;
  text-align: center;
  font-size: 14px;
  vertical-align: middle;
}
.academyTable td.txt_left {
  text-align: left;
}
.academyTable tbody tr:hover {
  background: #f5f5f5;
}
.academyTable input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.academyTable input[type=checkbox] + label {
  display: inline-block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  background: #ffffff;
  box-sizing: border-box;
  vertical-align: middle;
}
.academyTable input[type=checkbox]:checked + label {
  border-color: var(--brand);
  background: var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/12px;
}

.join-cert__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
.join-cert__row .academyName {
  flex: 1 1 240px;
  min-width: 0;
}
.join-cert__row form {
  margin: 0;
}

.join-cert__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  height: 44px;
  padding: 0 16px 0 40px;
  border-radius: 4px;
  background-color: var(--brand);
  color: var(--on-brand);
  font-weight: 600;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 20px;
}
.join-cert__btn:hover {
  filter: brightness(0.95);
}
.join-cert__btn--phone {
  background-image: url("/images/member/icon_phone.png");
}
.join-cert__btn--ipin {
  background-image: url("/images/member/icon_ipin.png");
  background-size: 23px;
}

.join-cert__note {
  margin-top: 12px;
  font-size: 16px;
  color: #ee0000;
}

.join_form {
  background: #ffffff;
  border: 1px solid #eaeae8;
  border-radius: 16px;
  padding: 40px;
}
.join_form ul {
  margin: 24px 0;
  padding: 0;
}
.join_form .form-check {
  margin: 16px 0 24px;
}

.join_submit {
  width: 100%;
  margin-top: 24px;
}

@media (max-width: 768px) {
  .search_block,
  .search_block .searchForm {
    width: 100%;
  }
  .join-cert__btn {
    min-width: 140px;
  }
  .join_form {
    padding: 20px;
  }
  .search_table {
    overflow-x: auto;
  }
  .academyTable {
    min-width: 560px;
  }
  .join_wraptxt,
  .join-cert__note {
    font-size: 14px;
  }
}