@charset "UTF-8";
/* =================================================================
   1. [SCSS Variables] Raw Data Definition
   * 이곳은 '순수 값'만 정의합니다. 실제 코드에서는 사용하지 않는 것을 권장합니다.
   * 브랜드 컬러 코드가 바뀌면 여기만 수정하세요.
   ================================================================= */
/* 드롭다운,멀티포함 */
/* Level 1: Fixed UI (헤더 영역) */
/* Level 2: Dropdowns (헤더 위에 뜨는 요소) */
/* Level 3: Overlays (전체 화면을 덮는 요소) */
/* Level 4: Controls (가장 최상위 컨트롤) */
/**
 * [A. 일반 속성용] width, height, padding, margin, gap 등
 * @param $property : CSS 속성명
 * @param $values : 값
 * @param $raw : (옵션) true일 경우 /3 계산 안함
 */
/**
 * [B. 폰트 전용] font-size + line-height + Text Crop
 */
#btn-next, #btn-login {
  width: 34.375vw;
}
@media (min-width: 641px) {
  #btn-next, #btn-login {
    width: 9.1667rem;
  }
}
@media (min-width: 1200px) {
  #btn-next, #btn-login {
    width: 147px;
  }
}
@media screen and (min-width: 1200px) {
  #btn-next, #btn-login {
    width: 220px;
  }
}

/* =========================================
   SCSS: 개인정보처리방침 리스트 스타일
   ========================================= */
.step-row {
  margin-bottom: 12.5vw;
}
@media (min-width: 641px) {
  .step-row {
    margin-bottom: 3.3333rem;
  }
}
@media (min-width: 1200px) {
  .step-row {
    margin-bottom: 53px;
  }
}

.policy-group .box-row {
  border-radius: 2.8125vw;
}
@media (min-width: 641px) {
  .policy-group .box-row {
    border-radius: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .policy-group .box-row {
    border-radius: 12px;
  }
}
@media screen and (min-width: 480px) {
  .policy-group .box-row {
    border-radius: 16px;
  }
}
.policy-group .box-row:nth-of-type(1) {
  margin-bottom: 5vw;
}
@media (min-width: 641px) {
  .policy-group .box-row:nth-of-type(1) {
    margin-bottom: 1.3333rem;
  }
}
@media (min-width: 1200px) {
  .policy-group .box-row:nth-of-type(1) {
    margin-bottom: 21px;
  }
}
.policy-group .box-row:nth-of-type(1) {
  padding: 5.625vw 6.25vw;
}
@media (min-width: 641px) {
  .policy-group .box-row:nth-of-type(1) {
    padding: 1.5rem 1.6667rem;
  }
}
@media (min-width: 1200px) {
  .policy-group .box-row:nth-of-type(1) {
    padding: 24px 27px;
  }
}
@media screen and (min-width: 480px) {
  .policy-group .box-row:nth-of-type(1) {
    padding: 30px 48px;
  }
}
.policy-group .box-row:nth-of-type(2) {
  margin-bottom: 12.5vw;
}
@media (min-width: 641px) {
  .policy-group .box-row:nth-of-type(2) {
    margin-bottom: 3.3333rem;
  }
}
@media (min-width: 1200px) {
  .policy-group .box-row:nth-of-type(2) {
    margin-bottom: 53px;
  }
}
.policy-group .box-row:nth-of-type(2) {
  padding: 9.375vw 6.25vw;
}
@media (min-width: 641px) {
  .policy-group .box-row:nth-of-type(2) {
    padding: 2.5rem 1.6667rem;
  }
}
@media (min-width: 1200px) {
  .policy-group .box-row:nth-of-type(2) {
    padding: 40px 27px;
  }
}
@media screen and (min-width: 480px) {
  .policy-group .box-row:nth-of-type(2) {
    padding: 48px;
  }
}
.policy-group .box-row .group {
  padding-bottom: 7.8125vw;
}
@media (min-width: 641px) {
  .policy-group .box-row .group {
    padding-bottom: 2.0833rem;
  }
}
@media (min-width: 1200px) {
  .policy-group .box-row .group {
    padding-bottom: 33px;
  }
}
.policy-group .box-row .group:last-child {
  padding-bottom: 0;
}
.policy-group .box-row .group .box-view {
  background: #ffffff;
}
.policy-group .box-row .group .box-view {
  margin: 5vw 0 0 0;
}
@media (min-width: 641px) {
  .policy-group .box-row .group .box-view {
    margin: 1.3333rem 0 0 0;
  }
}
@media (min-width: 1200px) {
  .policy-group .box-row .group .box-view {
    margin: 21px 0 0 0;
  }
}
.policy-group .box-row .group .box-view {
  height: 37.5vw;
}
@media (min-width: 641px) {
  .policy-group .box-row .group .box-view {
    height: 10rem;
  }
}
@media (min-width: 1200px) {
  .policy-group .box-row .group .box-view {
    height: 160px;
  }
}
.policy-group .box-row .group .box-view {
  padding: 5vw;
}
@media (min-width: 641px) {
  .policy-group .box-row .group .box-view {
    padding: 1.3333rem;
  }
}
@media (min-width: 1200px) {
  .policy-group .box-row .group .box-view {
    padding: 21px;
  }
}
@media screen and (min-width: 480px) {
  .policy-group .box-row .group .box-view {
    padding: 24px;
  }
}
.policy-group .box-row .group .box-view .policy-row {
  padding: 0;
  background: #ffffff;
}
.policy-group .box-row .group .box-view .policy-row h2, .policy-group .box-row .group .box-view .policy-row h3 {
  color: #888888;
}
.policy-group .box-row .group .box-view .policy-row h2, .policy-group .box-row .group .box-view .policy-row h3 {
  font-size: 4.0625vw;
}
@media (min-width: 641px) {
  .policy-group .box-row .group .box-view .policy-row h2, .policy-group .box-row .group .box-view .policy-row h3 {
    font-size: 1.0833rem;
  }
}
@media (min-width: 1200px) {
  .policy-group .box-row .group .box-view .policy-row h2, .policy-group .box-row .group .box-view .policy-row h3 {
    font-size: 17px;
  }
}
.policy-group .box-row .group .box-view .policy-row ol li {
  color: #888888;
}
.policy-group .box-row .group .box-view .policy-row ol li:before {
  color: #888888;
}
.policy-group .box-row .group .box-view .policy-row ol ul, .policy-group .box-row .group .box-view .policy-row ol p {
  color: #888888;
}
.policy-group .box-row .group .box-view .policy-row ol ul, .policy-group .box-row .group .box-view .policy-row ol p {
  margin-top: 1.5625vw;
}
@media (min-width: 641px) {
  .policy-group .box-row .group .box-view .policy-row ol ul, .policy-group .box-row .group .box-view .policy-row ol p {
    margin-top: 0.4167rem;
  }
}
@media (min-width: 1200px) {
  .policy-group .box-row .group .box-view .policy-row ol ul, .policy-group .box-row .group .box-view .policy-row ol p {
    margin-top: 7px;
  }
}
.policy-group .box-row .group .box-view .policy-row .policy-header p, .policy-group .box-row .group .box-view .policy-row .policy-header th, .policy-group .box-row .group .box-view .policy-row .policy-header td, .policy-group .box-row .group .box-view .policy-row .policy-header a {
  color: #888888;
}
.policy-group .box-row .group .box-view .policy-row .policy-header .policy-index {
  display: none;
}
.policy-group .box-row .form-row {
  margin-bottom: 0;
}
.policy-group .box-row .form-row .group-items button, .policy-group .box-row .form-row .group-items a {
  color: #888888;
  font-weight: 600;
  letter-spacing: -0.48px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.policy-group .box-row .form-row .group-items button, .policy-group .box-row .form-row .group-items a {
  font-size: 3.75vw;
}
@media (min-width: 641px) {
  .policy-group .box-row .form-row .group-items button, .policy-group .box-row .form-row .group-items a {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .policy-group .box-row .form-row .group-items button, .policy-group .box-row .form-row .group-items a {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .policy-group .box-row .form-row .group-items button, .policy-group .box-row .form-row .group-items a {
    font-size: 18px;
  }
}

.info-group .box-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.info-group .box-row {
  padding: 4.6875vw 5.625vw;
}
@media (min-width: 641px) {
  .info-group .box-row {
    padding: 1.25rem 1.5rem;
  }
}
@media (min-width: 1200px) {
  .info-group .box-row {
    padding: 20px 24px;
  }
}
.info-group .box-row {
  margin-bottom: 12.5vw;
}
@media (min-width: 641px) {
  .info-group .box-row {
    margin-bottom: 3.3333rem;
  }
}
@media (min-width: 1200px) {
  .info-group .box-row {
    margin-bottom: 53px;
  }
}
@media screen and (min-width: 480px) {
  .info-group .box-row {
    margin-bottom: 48px;
  }
}
.info-group .box-row .icon-svg {
  width: 6.25vw;
}
@media (min-width: 641px) {
  .info-group .box-row .icon-svg {
    width: 1.6667rem;
  }
}
@media (min-width: 1200px) {
  .info-group .box-row .icon-svg {
    width: 27px;
  }
}
.info-group .box-row .icon-svg {
  height: 6.25vw;
}
@media (min-width: 641px) {
  .info-group .box-row .icon-svg {
    height: 1.6667rem;
  }
}
@media (min-width: 1200px) {
  .info-group .box-row .icon-svg {
    height: 27px;
  }
}
@media screen and (min-width: 480px) {
  .info-group .box-row .icon-svg {
    width: 36px;
    height: 36px;
  }
}
.info-group .box-row strong {
  color: #616161;
  font-weight: 700;
}
.info-group .box-row strong {
  font-size: 4.6875vw;
}
@media (min-width: 641px) {
  .info-group .box-row strong {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .info-group .box-row strong {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  .info-group .box-row strong {
    font-size: 24px;
  }
}

.login-info-group {
  margin-bottom: 15.625vw;
}
@media (min-width: 641px) {
  .login-info-group {
    margin-bottom: 4.1667rem;
  }
}
@media (min-width: 1200px) {
  .login-info-group {
    margin-bottom: 67px;
  }
}
@media screen and (min-width: 480px) {
  .login-info-group {
    margin-bottom: 80px;
  }
}
.login-info-group .group.id-check button, .login-info-group .group.id-check a {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 600;
  color: #2B2B2B;
}
.login-info-group .group.id-check button, .login-info-group .group.id-check a {
  height: 12.5vw;
}
@media (min-width: 641px) {
  .login-info-group .group.id-check button, .login-info-group .group.id-check a {
    height: 3.3333rem;
  }
}
@media (min-width: 1200px) {
  .login-info-group .group.id-check button, .login-info-group .group.id-check a {
    height: 53px;
  }
}
.login-info-group .group.id-check button, .login-info-group .group.id-check a {
  font-size: 3.75vw;
}
@media (min-width: 641px) {
  .login-info-group .group.id-check button, .login-info-group .group.id-check a {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .login-info-group .group.id-check button, .login-info-group .group.id-check a {
    font-size: 16px;
  }
}
.login-info-group .group.id-check button, .login-info-group .group.id-check a {
  padding: 0vw 5vw;
}
@media (min-width: 641px) {
  .login-info-group .group.id-check button, .login-info-group .group.id-check a {
    padding: 0rem 1.3333rem;
  }
}
@media (min-width: 1200px) {
  .login-info-group .group.id-check button, .login-info-group .group.id-check a {
    padding: 0px 21px;
  }
}
@media screen and (min-width: 480px) {
  .login-info-group .group.id-check button, .login-info-group .group.id-check a {
    height: 64px;
  }
}
.login-info-group .group.id-check input.error + button {
  bottom: 7.8125vw;
}
@media (min-width: 641px) {
  .login-info-group .group.id-check input.error + button {
    bottom: 2.0833rem;
  }
}
@media (min-width: 1200px) {
  .login-info-group .group.id-check input.error + button {
    bottom: 33px;
  }
}
.login-info-group .group.id-check input.error + a {
  bottom: 7.8125vw;
}
@media (min-width: 641px) {
  .login-info-group .group.id-check input.error + a {
    bottom: 2.0833rem;
  }
}
@media (min-width: 1200px) {
  .login-info-group .group.id-check input.error + a {
    bottom: 33px;
  }
}

.user-info-group .group.addr1 #btn-zip-search {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-info-group .group.addr1 #btn-zip-search {
  gap: 0.9375vw;
}
@media (min-width: 641px) {
  .user-info-group .group.addr1 #btn-zip-search {
    gap: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .user-info-group .group.addr1 #btn-zip-search {
    gap: 4px;
  }
}
.user-info-group .group.addr1 #btn-zip-search {
  height: 12.5vw;
}
@media (min-width: 641px) {
  .user-info-group .group.addr1 #btn-zip-search {
    height: 3.3333rem;
  }
}
@media (min-width: 1200px) {
  .user-info-group .group.addr1 #btn-zip-search {
    height: 53px;
  }
}
.user-info-group .group.addr1 #btn-zip-search {
  padding: 0vw 5vw;
}
@media (min-width: 641px) {
  .user-info-group .group.addr1 #btn-zip-search {
    padding: 0rem 1.3333rem;
  }
}
@media (min-width: 1200px) {
  .user-info-group .group.addr1 #btn-zip-search {
    padding: 0px 21px;
  }
}
@media screen and (min-width: 480px) {
  .user-info-group .group.addr1 #btn-zip-search {
    height: 64px;
    gap: 4px;
  }
}
.user-info-group .group.addr1 #btn-zip-search .icon-svg {
  --search-stroke: #2B2B2B;
}
.user-info-group .group.addr1 #btn-zip-search .icon-svg {
  width: 4.0625vw;
}
@media (min-width: 641px) {
  .user-info-group .group.addr1 #btn-zip-search .icon-svg {
    width: 1.0833rem;
  }
}
@media (min-width: 1200px) {
  .user-info-group .group.addr1 #btn-zip-search .icon-svg {
    width: 17px;
  }
}
.user-info-group .group.addr1 #btn-zip-search .icon-svg {
  height: 4.0625vw;
}
@media (min-width: 641px) {
  .user-info-group .group.addr1 #btn-zip-search .icon-svg {
    height: 1.0833rem;
  }
}
@media (min-width: 1200px) {
  .user-info-group .group.addr1 #btn-zip-search .icon-svg {
    height: 17px;
  }
}
.user-info-group .group.addr1 #btn-zip-search strong {
  font-weight: 600;
  color: #2B2B2B;
}
.user-info-group .group.addr1 #btn-zip-search strong {
  font-size: 3.75vw;
}
@media (min-width: 641px) {
  .user-info-group .group.addr1 #btn-zip-search strong {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .user-info-group .group.addr1 #btn-zip-search strong {
    font-size: 16px;
  }
}
.user-info-group .group.addr1 input.error + #btn-zip-search {
  bottom: 7.8125vw;
}
@media (min-width: 641px) {
  .user-info-group .group.addr1 input.error + #btn-zip-search {
    bottom: 2.0833rem;
  }
}
@media (min-width: 1200px) {
  .user-info-group .group.addr1 input.error + #btn-zip-search {
    bottom: 33px;
  }
}
.user-info-group .group.addr2 .form-row:nth-child(1) {
  margin-bottom: 5vw;
}
@media (min-width: 641px) {
  .user-info-group .group.addr2 .form-row:nth-child(1) {
    margin-bottom: 1.3333rem;
  }
}
@media (min-width: 1200px) {
  .user-info-group .group.addr2 .form-row:nth-child(1) {
    margin-bottom: 21px;
  }
}
@media screen and (min-width: 480px) {
  .user-info-group .group.addr2 .form-row:nth-child(1) {
    margin-bottom: 16px;
  }
}

.complete-row .box-row {
  text-align: center;
}
.complete-row .box-row {
  margin-bottom: 12.5vw;
}
@media (min-width: 641px) {
  .complete-row .box-row {
    margin-bottom: 3.3333rem;
  }
}
@media (min-width: 1200px) {
  .complete-row .box-row {
    margin-bottom: 53px;
  }
}
@media screen and (min-width: 480px) {
  .complete-row .box-row {
    padding: 48px 43px;
    margin-bottom: 64px;
  }
}
.complete-row .box-row strong {
  color: #0C6FB8;
  font-weight: 700;
}
.complete-row .box-row strong {
  font-size: 4.6875vw;
}
@media (min-width: 641px) {
  .complete-row .box-row strong {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .complete-row .box-row strong {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  .complete-row .box-row strong {
    font-size: 24px;
    letter-spacing: -0.24px;
  }
}
.complete-row .box-row p {
  color: #444444;
  font-weight: 500;
}
.complete-row .box-row p {
  font-size: 4.6875vw;
}
@media (min-width: 641px) {
  .complete-row .box-row p {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .complete-row .box-row p {
    font-size: 20px;
  }
}
.complete-row .box-row p {
  margin-bottom: 6.25vw;
}
@media (min-width: 641px) {
  .complete-row .box-row p {
    margin-bottom: 1.6667rem;
  }
}
@media (min-width: 1200px) {
  .complete-row .box-row p {
    margin-bottom: 27px;
  }
}
@media screen and (min-width: 480px) {
  .complete-row .box-row p {
    font-size: 24px;
    letter-spacing: -0.24px;
  }
}
.complete-row .box-row span {
  color: #888888;
  font-weight: 500;
}
.complete-row .box-row span {
  font-size: 3.75vw;
}
@media (min-width: 641px) {
  .complete-row .box-row span {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .complete-row .box-row span {
    font-size: 16px;
  }
}
@media screen and (min-width: 480px) {
  .complete-row .box-row span {
    font-size: 18px;
  }
}

.auth-row .box-row {
  text-align: center;
}
.auth-row .box-row {
  margin-bottom: 12.5vw;
}
@media (min-width: 641px) {
  .auth-row .box-row {
    margin-bottom: 3.3333rem;
  }
}
@media (min-width: 1200px) {
  .auth-row .box-row {
    margin-bottom: 53px;
  }
}
@media screen and (min-width: 480px) {
  .auth-row .box-row {
    padding: 48px 43px;
    margin-bottom: 64px;
  }
}
.auth-row .box-row.white {
  background: #ffffff;
  padding: 0;
}
.auth-row .box-row p {
  color: #444444;
  font-weight: 500;
}
.auth-row .box-row p {
  font-size: 4.0625vw;
}
@media (min-width: 641px) {
  .auth-row .box-row p {
    font-size: 1.0833rem;
  }
}
@media (min-width: 1200px) {
  .auth-row .box-row p {
    font-size: 17px;
  }
}
.auth-row .box-row p {
  margin-bottom: 9.375vw;
}
@media (min-width: 641px) {
  .auth-row .box-row p {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .auth-row .box-row p {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 480px) {
  .auth-row .box-row p {
    font-size: 20px;
    letter-spacing: -0.24px;
    margin-bottom: 48px;
  }
}
.auth-row .box-row p b {
  font-weight: 700;
}
.auth-row .box-row p b {
  font-size: 4.0625vw;
}
@media (min-width: 641px) {
  .auth-row .box-row p b {
    font-size: 1.0833rem;
  }
}
@media (min-width: 1200px) {
  .auth-row .box-row p b {
    font-size: 17px;
  }
}
@media screen and (min-width: 1200px) {
  .auth-row .box-row p b {
    font-size: 20px;
  }
}
.auth-row .box-row p strong {
  font-weight: 700;
  color: #0C6FB8;
}
.auth-row .box-row .btn-row .btn {
  width: 40.625vw;
}
@media (min-width: 641px) {
  .auth-row .box-row .btn-row .btn {
    width: 10.8333rem;
  }
}
@media (min-width: 1200px) {
  .auth-row .box-row .btn-row .btn {
    width: 173px;
  }
}
@media screen and (min-width: 1200px) {
  .auth-row .box-row .btn-row .btn {
    width: 220px;
  }
}

section.reg-01 .section-inner .auth-row .box-row {
  margin-bottom: 0;
}