@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-login, #btn-idfind, #btn-join, #btn-findpw, #btn-ok, #btn-complete, #btn-auth {
  width: 34.375vw;
}
@media (min-width: 641px) {
  #btn-login, #btn-idfind, #btn-join, #btn-findpw, #btn-ok, #btn-complete, #btn-auth {
    width: 9.1667rem;
  }
}
@media (min-width: 1200px) {
  #btn-login, #btn-idfind, #btn-join, #btn-findpw, #btn-ok, #btn-complete, #btn-auth {
    width: 147px;
  }
}
@media screen and (min-width: 1200px) {
  #btn-login, #btn-idfind, #btn-join, #btn-findpw, #btn-ok, #btn-complete, #btn-auth {
    width: 220px;
  }
}

/* 로그인 하단 텍스트 버튼 */
.login-option-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-option-row {
  gap: 7.5781vw;
}
@media (min-width: 641px) {
  .login-option-row {
    gap: 2.0208rem;
  }
}
@media (min-width: 1200px) {
  .login-option-row {
    gap: 32px;
  }
}
.login-option-row {
  margin-top: 12.5vw;
}
@media (min-width: 641px) {
  .login-option-row {
    margin-top: 3.3333rem;
  }
}
@media (min-width: 1200px) {
  .login-option-row {
    margin-top: 53px;
  }
}
@media screen and (min-width: 1200px) {
  .login-option-row {
    gap: 33px;
    margin-top: 48px;
  }
}
.login-option-row li {
  position: relative;
}
.login-option-row li:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: #C4C4C4;
}
.login-option-row li:before {
  right: -3.75vw;
}
@media (min-width: 641px) {
  .login-option-row li:before {
    right: -1rem;
  }
}
@media (min-width: 1200px) {
  .login-option-row li:before {
    right: -16px;
  }
}
.login-option-row li:last-child:before {
  display: none;
}
.login-option-row li a {
  font-weight: 500;
  color: #9F9F9F;
}
.login-option-row li a {
  font-size: 3.75vw;
}
@media (min-width: 641px) {
  .login-option-row li a {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .login-option-row li a {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .login-option-row li a {
    font-size: 18px;
  }
}
.login-option-row li a:hover {
  color: #000000;
}

/* 아이디 찾기 */
#idfind-Form .form-row, #pwfind-Form .form-row {
  margin-bottom: 5vw;
}
@media (min-width: 641px) {
  #idfind-Form .form-row, #pwfind-Form .form-row {
    margin-bottom: 1.3333rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form .form-row, #pwfind-Form .form-row {
    margin-bottom: 21px;
  }
}
@media screen and (min-width: 1200px) {
  #idfind-Form .form-row, #pwfind-Form .form-row {
    margin-bottom: 16px;
  }
}
#idfind-Form .radio, #pwfind-Form .radio {
  flex-direction: column;
}
#idfind-Form .radio, #pwfind-Form .radio {
  gap: 3.125vw;
}
@media (min-width: 641px) {
  #idfind-Form .radio, #pwfind-Form .radio {
    gap: 0.8333rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form .radio, #pwfind-Form .radio {
    gap: 13px;
  }
}
#idfind-Form .radio, #pwfind-Form .radio {
  margin-bottom: 12.5vw;
}
@media (min-width: 641px) {
  #idfind-Form .radio, #pwfind-Form .radio {
    margin-bottom: 3.3333rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form .radio, #pwfind-Form .radio {
    margin-bottom: 53px;
  }
}
@media screen and (min-width: 1200px) {
  #idfind-Form .radio, #pwfind-Form .radio {
    gap: 24px;
    margin-bottom: 36px;
  }
}
#idfind-Form .radio .group-items, #pwfind-Form .radio .group-items {
  background: #F8F8F8;
  width: 100%;
}
#idfind-Form .radio .group-items, #pwfind-Form .radio .group-items {
  padding: 6.25vw;
}
@media (min-width: 641px) {
  #idfind-Form .radio .group-items, #pwfind-Form .radio .group-items {
    padding: 1.6667rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form .radio .group-items, #pwfind-Form .radio .group-items {
    padding: 27px;
  }
}
#idfind-Form .radio .group-items, #pwfind-Form .radio .group-items {
  border-radius: 2.8125vw;
}
@media (min-width: 641px) {
  #idfind-Form .radio .group-items, #pwfind-Form .radio .group-items {
    border-radius: 0.75rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form .radio .group-items, #pwfind-Form .radio .group-items {
    border-radius: 12px;
  }
}
#idfind-Form .radio .group-items, #pwfind-Form .radio .group-items {
  gap: 2.8125vw;
}
@media (min-width: 641px) {
  #idfind-Form .radio .group-items, #pwfind-Form .radio .group-items {
    gap: 0.75rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form .radio .group-items, #pwfind-Form .radio .group-items {
    gap: 12px;
  }
}
@media screen and (min-width: 1200px) {
  #idfind-Form .radio .group-items, #pwfind-Form .radio .group-items {
    padding: 32px 48px;
    gap: 8px;
  }
}
#idfind-Form .radio .group-items > p, #pwfind-Form .radio .group-items > p {
  color: #9F9F9F;
  font-weight: 400;
}
#idfind-Form .radio .group-items > p, #pwfind-Form .radio .group-items > p {
  font-size: 3.5938vw;
}
@media (min-width: 641px) {
  #idfind-Form .radio .group-items > p, #pwfind-Form .radio .group-items > p {
    font-size: 0.9583rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form .radio .group-items > p, #pwfind-Form .radio .group-items > p {
    font-size: 15px;
  }
}
#idfind-Form .radio .group-items > p, #pwfind-Form .radio .group-items > p {
  padding-left: 5.9375vw;
}
@media (min-width: 641px) {
  #idfind-Form .radio .group-items > p, #pwfind-Form .radio .group-items > p {
    padding-left: 1.5833rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form .radio .group-items > p, #pwfind-Form .radio .group-items > p {
    padding-left: 25px;
  }
}
@media screen and (min-width: 1200px) {
  #idfind-Form .radio .group-items > p, #pwfind-Form .radio .group-items > p {
    font-size: 16px;
    padding-left: 28px;
  }
}
#idfind-Form .radio > div.error, #pwfind-Form .radio > div.error {
  margin-left: 0;
}
#idfind-Form .group .btn-txt, #pwfind-Form .group .btn-txt {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 600;
  color: #AE8766;
}
#idfind-Form .group .btn-txt, #pwfind-Form .group .btn-txt {
  padding: 0vw 5vw;
}
@media (min-width: 641px) {
  #idfind-Form .group .btn-txt, #pwfind-Form .group .btn-txt {
    padding: 0rem 1.3333rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form .group .btn-txt, #pwfind-Form .group .btn-txt {
    padding: 0px 21px;
  }
}
#idfind-Form .group .btn-txt, #pwfind-Form .group .btn-txt {
  height: 12.5vw;
}
@media (min-width: 641px) {
  #idfind-Form .group .btn-txt, #pwfind-Form .group .btn-txt {
    height: 3.3333rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form .group .btn-txt, #pwfind-Form .group .btn-txt {
    height: 53px;
  }
}
#idfind-Form .group .btn-txt, #pwfind-Form .group .btn-txt {
  font-size: 3.75vw;
}
@media (min-width: 641px) {
  #idfind-Form .group .btn-txt, #pwfind-Form .group .btn-txt {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form .group .btn-txt, #pwfind-Form .group .btn-txt {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  #idfind-Form .group .btn-txt, #pwfind-Form .group .btn-txt {
    height: 64px;
    font-size: 18px;
    padding: 0 24px;
  }
}
#idfind-Form #auth-code-area .form-row, #pwfind-Form #auth-code-area .form-row {
  margin-bottom: 5.625vw;
}
@media (min-width: 641px) {
  #idfind-Form #auth-code-area .form-row, #pwfind-Form #auth-code-area .form-row {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form #auth-code-area .form-row, #pwfind-Form #auth-code-area .form-row {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1200px) {
  #idfind-Form #auth-code-area .form-row, #pwfind-Form #auth-code-area .form-row {
    margin-bottom: 20px;
  }
}
#idfind-Form .auth-option-row, #pwfind-Form .auth-option-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#idfind-Form .auth-option-row, #pwfind-Form .auth-option-row {
  margin-bottom: 12.5vw;
}
@media (min-width: 641px) {
  #idfind-Form .auth-option-row, #pwfind-Form .auth-option-row {
    margin-bottom: 3.3333rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form .auth-option-row, #pwfind-Form .auth-option-row {
    margin-bottom: 53px;
  }
}
#idfind-Form .auth-option-row li, #pwfind-Form .auth-option-row li {
  font-weight: 500;
  color: #888888;
}
#idfind-Form .auth-option-row li, #pwfind-Form .auth-option-row li {
  font-size: 3.5938vw;
}
@media (min-width: 641px) {
  #idfind-Form .auth-option-row li, #pwfind-Form .auth-option-row li {
    font-size: 0.9583rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form .auth-option-row li, #pwfind-Form .auth-option-row li {
    font-size: 15px;
  }
}
@media screen and (min-width: 1200px) {
  #idfind-Form .auth-option-row li, #pwfind-Form .auth-option-row li {
    font-size: 16px;
  }
}
#idfind-Form .auth-option-row li:last-child, #pwfind-Form .auth-option-row li:last-child {
  padding-left: 1.875vw;
}
@media (min-width: 641px) {
  #idfind-Form .auth-option-row li:last-child, #pwfind-Form .auth-option-row li:last-child {
    padding-left: 0.5rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form .auth-option-row li:last-child, #pwfind-Form .auth-option-row li:last-child {
    padding-left: 8px;
  }
}
#idfind-Form .auth-option-row li:last-child a, #pwfind-Form .auth-option-row li:last-child a {
  font-weight: 700;
  color: #888888;
  font-weight: 700;
  letter-spacing: -0.46px;
  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;
}
#idfind-Form .auth-option-row li:last-child a, #pwfind-Form .auth-option-row li:last-child a {
  font-size: 3.5938vw;
}
@media (min-width: 641px) {
  #idfind-Form .auth-option-row li:last-child a, #pwfind-Form .auth-option-row li:last-child a {
    font-size: 0.9583rem;
  }
}
@media (min-width: 1200px) {
  #idfind-Form .auth-option-row li:last-child a, #pwfind-Form .auth-option-row li:last-child a {
    font-size: 15px;
  }
}
@media screen and (min-width: 1200px) {
  #idfind-Form .auth-option-row li:last-child a, #pwfind-Form .auth-option-row li:last-child a {
    font-size: 16px;
  }
}

/* 아이디찾기 결과 */
.result-msg {
  color: #2B2B2B;
  font-weight: 500;
  text-align: center;
}
.result-msg {
  font-size: 4.0625vw;
}
@media (min-width: 641px) {
  .result-msg {
    font-size: 1.0833rem;
  }
}
@media (min-width: 1200px) {
  .result-msg {
    font-size: 17px;
  }
}
.result-msg {
  margin-bottom: 4.0625vw;
}
@media (min-width: 641px) {
  .result-msg {
    margin-bottom: 1.0833rem;
  }
}
@media (min-width: 1200px) {
  .result-msg {
    margin-bottom: 17px;
  }
}
@media screen and (min-width: 1200px) {
  .result-msg {
    font-size: 20px;
  }
}

.box-row {
  flex-flow: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-row {
  gap: 5vw;
}
@media (min-width: 641px) {
  .box-row {
    gap: 1.3333rem;
  }
}
@media (min-width: 1200px) {
  .box-row {
    gap: 21px;
  }
}
.box-row {
  margin-bottom: 12.5vw;
}
@media (min-width: 641px) {
  .box-row {
    margin-bottom: 3.3333rem;
  }
}
@media (min-width: 1200px) {
  .box-row {
    margin-bottom: 53px;
  }
}
.box-row strong {
  display: block;
  width: 100%;
  color: #444444;
  font-weight: 600;
  text-align: center;
}
.box-row strong {
  font-size: 4.6875vw;
}
@media (min-width: 641px) {
  .box-row strong {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .box-row strong {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .box-row strong {
    font-size: 24px;
  }
}
.box-row span {
  color: #9F9F9F;
  font-weight: 500;
  text-align: center;
}
.box-row span {
  font-size: 3.75vw;
}
@media (min-width: 641px) {
  .box-row span {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .box-row span {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .box-row span {
    font-size: 18px;
  }
}

.box-row + .btn-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-row + .btn-row #btn-login, .box-row + .btn-row #btn-findpw {
  width: 40.625vw;
}
@media (min-width: 641px) {
  .box-row + .btn-row #btn-login, .box-row + .btn-row #btn-findpw {
    width: 10.8333rem;
  }
}
@media (min-width: 1200px) {
  .box-row + .btn-row #btn-login, .box-row + .btn-row #btn-findpw {
    width: 173px;
  }
}
@media screen and (min-width: 580px) {
  .box-row + .btn-row #btn-login, .box-row + .btn-row #btn-findpw {
    width: 37.5vw;
  }
}
@media screen and (min-width: 580px) and (min-width: 641px) {
  .box-row + .btn-row #btn-login, .box-row + .btn-row #btn-findpw {
    width: 10rem;
  }
}
@media screen and (min-width: 580px) and (min-width: 1200px) {
  .box-row + .btn-row #btn-login, .box-row + .btn-row #btn-findpw {
    width: 160px;
  }
}
@media screen and (min-width: 640px) {
  .box-row + .btn-row #btn-login, .box-row + .btn-row #btn-findpw {
    width: 13rem;
  }
}
@media screen and (min-width: 1200px) {
  .box-row + .btn-row #btn-login, .box-row + .btn-row #btn-findpw {
    width: 220px;
  }
}

/* 아이디찾기 실패 */
.fail-row .box-row p {
  text-align: center;
  width: 100%;
  line-height: 100%;
}
.fail-row .box-row:nth-child(1) {
  background: none;
  padding: 0;
}
.fail-row .box-row:nth-child(1) {
  margin-bottom: 18.75vw;
}
@media (min-width: 641px) {
  .fail-row .box-row:nth-child(1) {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .fail-row .box-row:nth-child(1) {
    margin-bottom: 80px;
  }
}
.fail-row .box-row:nth-child(1) {
  gap: 9.375vw;
}
@media (min-width: 641px) {
  .fail-row .box-row:nth-child(1) {
    gap: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .fail-row .box-row:nth-child(1) {
    gap: 40px;
  }
}
.fail-row .box-row:nth-child(1) p {
  font-weight: 500;
}
.fail-row .box-row:nth-child(1) p strong {
  font-weight: 700;
  color: #6FA05A;
}
@media screen and (min-width: 1200px) {
  .fail-row .box-row:nth-child(1) p strong {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .fail-row .box-row:nth-child(1) p {
    font-size: 20px;
  }
}
.fail-row .box-row:nth-child(2) {
  margin-bottom: 0;
}
.fail-row .box-row:nth-child(2) {
  padding: 9.375vw 0vw;
}
@media (min-width: 641px) {
  .fail-row .box-row:nth-child(2) {
    padding: 2.5rem 0rem;
  }
}
@media (min-width: 1200px) {
  .fail-row .box-row:nth-child(2) {
    padding: 40px 0px;
  }
}
@media screen and (min-width: 1200px) {
  .fail-row .box-row:nth-child(2) {
    padding: 48px 0px;
  }
}
.fail-row .box-row:nth-child(2) p {
  line-height: 1.5;
}
.fail-row .box-row:nth-child(2) p {
  margin-bottom: 4.375vw;
}
@media (min-width: 641px) {
  .fail-row .box-row:nth-child(2) p {
    margin-bottom: 1.1667rem;
  }
}
@media (min-width: 1200px) {
  .fail-row .box-row:nth-child(2) p {
    margin-bottom: 19px;
  }
}
@media screen and (min-width: 1200px) {
  .fail-row .box-row:nth-child(2) p {
    font-size: 18px;
  }
}

/* 비밀번호 아이디입력 */
#pwfindForm p {
  color: #444444;
  text-align: center;
  font-weight: 500;
  letter-spacing: -0.52px;
}
#pwfindForm p {
  font-size: 4.0625vw;
}
@media (min-width: 641px) {
  #pwfindForm p {
    font-size: 1.0833rem;
  }
}
@media (min-width: 1200px) {
  #pwfindForm p {
    font-size: 17px;
  }
}
#pwfindForm p {
  margin-bottom: 12.5vw;
}
@media (min-width: 641px) {
  #pwfindForm p {
    margin-bottom: 3.3333rem;
  }
}
@media (min-width: 1200px) {
  #pwfindForm p {
    margin-bottom: 53px;
  }
}
@media screen and (min-width: 1200px) {
  #pwfindForm p {
    font-size: 18px;
    margin-bottom: 80px;
  }
}
#pwfindForm .form-row {
  margin-bottom: 12.5vw;
}
@media (min-width: 641px) {
  #pwfindForm .form-row {
    margin-bottom: 3.3333rem;
  }
}
@media (min-width: 1200px) {
  #pwfindForm .form-row {
    margin-bottom: 53px;
  }
}
@media screen and (min-width: 1200px) {
  #pwfindForm .form-row {
    margin-bottom: 64px;
  }
}