@charset "UTF-8";
/* =================================================================
   1. [SCSS Variables] Raw Data Definition
   * 이곳은 '순수 값'만 정의합니다. 실제 코드에서는 사용하지 않는 것을 권장합니다.
   * 브랜드 컬러 코드가 바뀌면 여기만 수정하세요.
   ================================================================= */
/* 체크박스 & 라디오 아이콘 크기 (모바일px, PCpx) */
/* 드롭다운,멀티포함 */
/*
기존과 충돌로 강제 리셋
*/
#main-logo {
  position: unset;
  display: unset;
}

@media screen and (min-width: 768px) {
  .dropdown-list li {
    height: 37px;
    border-radius: 0;
  }
}
@media screen and (min-width: 1200px) {
  .dropdown-list li {
    height: 48px;
  }
}

/* =================================================================
   [0]공통 main 요소
   ================================================================= */
.v2-contents {
  width: 100%;
  margin: auto;
}
.v2-contents.member {
  max-width: 128vw;
}
@media (min-width: 768px) {
  .v2-contents.member {
    max-width: 30rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member {
    max-width: 480px;
  }
}
.v2-contents.member {
  padding: 12.8vw 5.3333vw 32vw 5.3333vw;
}
@media (min-width: 768px) {
  .v2-contents.member {
    padding: 3rem 1.25rem 7.5rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member {
    padding: 48px 20px 120px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member {
    max-width: 480px;
    padding: 120px 0 160px 0;
  }
}
.v2-contents.width-full {
  max-width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  height: auto;
}
.v2-contents.width-full .v2-form-wrapper {
  max-width: 480px;
  margin: auto;
  padding: 0vw 5.3333vw;
}
@media (min-width: 768px) {
  .v2-contents.width-full .v2-form-wrapper {
    padding: 0rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.width-full .v2-form-wrapper {
    padding: 0px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.width-full .v2-form-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.v2-contents.width-full .v2-form-wrapper.full {
  max-width: 100%;
  padding: 0vw 5.3333vw;
}
@media (min-width: 768px) {
  .v2-contents.width-full .v2-form-wrapper.full {
    padding: 0rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.width-full .v2-form-wrapper.full {
    padding: 0px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.width-full .v2-form-wrapper.full {
    padding-left: 0;
    padding-right: 0;
  }
}

/* =================================================================
   [0]공통 타이틀 모듈 (.v2-page-header)
   ================================================================= */
.v2-page-header {
  text-align: center;
  padding-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .v2-page-header {
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-page-header {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-page-header {
    padding-bottom: 64px;
  }
}
.v2-page-header .v2-page-title {
  color: var(--primary-01-main, #494E8F);
  text-align: center;
  font-weight: 800;
  letter-spacing: -0.32px;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  .v2-page-header .v2-page-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-page-header .v2-page-title {
    font-size: 24px;
  }
}
.v2-page-header .v2-page-title {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-page-header .v2-page-title {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-page-header .v2-page-title {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-page-header .v2-page-title {
    font-size: 32px;
    margin-bottom: 24px;
  }
}
.v2-page-header .v2-page-desc {
  color: var(--primary-gray-08, #555);
  text-align: center;
  font-weight: 500;
  letter-spacing: -0.14px;
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-page-header .v2-page-desc {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-page-header .v2-page-desc {
    font-size: 14px;
  }
}
.v2-page-header .v2-page-desc strong {
  color: var(--primary-01-main, #494E8F);
}
@media screen and (min-width: 1200px) {
  .v2-page-header .v2-page-desc {
    letter-spacing: -0.2px;
    font-size: 20px;
  }
}
.v2-page-header .v2-sub-text {
  color: var(--primary-gray-06, #888);
  text-align: center;
  font-weight: 500;
  letter-spacing: -0.12px;
  margin-top: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-page-header .v2-sub-text {
    margin-top: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-page-header .v2-sub-text {
    margin-top: 8px;
  }
}
.v2-page-header .v2-sub-text {
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-page-header .v2-sub-text {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-page-header .v2-sub-text {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-page-header .v2-sub-text {
    font-size: var(--text-lg);
    margin-top: 18px;
  }
}

/* =================================================================
   [0]폼 래퍼
   ================================================================= */
.v2-form-wrapper {
  width: 100%;
}

/* =================================================================
   [1] 로그인
   ================================================================= */
/* -----------------------------------------------------------------
   1-1. 로그인 폼 세부 레이아웃
   ----------------------------------------------------------------- */
.v2-form {
  display: flex;
  flex-direction: column;
}
.v2-form .v2-form-row .btn-toggle-pw {
  position: absolute;
  right: 0;
  border: none;
  cursor: pointer;
  background: url("/images/v2/icon-pw-view.svg") no-repeat center center;
  background-size: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-form .v2-form-row .btn-toggle-pw {
    background-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-form .v2-form-row .btn-toggle-pw {
    background-size: 16px;
  }
}
.v2-form .v2-form-row .btn-toggle-pw {
  display: flex;
  justify-content: center;
  align-items: center;
  right: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-form .v2-form-row .btn-toggle-pw {
    right: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-form .v2-form-row .btn-toggle-pw {
    right: 16px;
  }
}
.v2-form .v2-form-row .btn-toggle-pw {
  width: 11.2vw;
}
@media (min-width: 768px) {
  .v2-form .v2-form-row .btn-toggle-pw {
    width: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-form .v2-form-row .btn-toggle-pw {
    width: 42px;
  }
}
.v2-form .v2-form-row .btn-toggle-pw {
  height: 11.2vw;
}
@media (min-width: 768px) {
  .v2-form .v2-form-row .btn-toggle-pw {
    height: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-form .v2-form-row .btn-toggle-pw {
    height: 42px;
  }
}
.v2-form .v2-form-row .btn-toggle-pw {
  top: 7.7333vw;
}
@media (min-width: 768px) {
  .v2-form .v2-form-row .btn-toggle-pw {
    top: 1.8125rem;
  }
}
@media (min-width: 1200px) {
  .v2-form .v2-form-row .btn-toggle-pw {
    top: 29px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-form .v2-form-row .btn-toggle-pw {
    width: 60px;
    height: 60px;
    background-size: 24px;
    top: 39px;
  }
}
.v2-form .v2-form-row .btn-toggle-pw.hide {
  background: url("/images/v2/icon-pw-hide.svg") no-repeat center center;
  background-size: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-form .v2-form-row .btn-toggle-pw.hide {
    background-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-form .v2-form-row .btn-toggle-pw.hide {
    background-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-form .v2-form-row .btn-toggle-pw.hide {
    background-size: 24px;
  }
}
.v2-form .v2-btn-login {
  width: 100%;
}
.v2-form .v2-check-box {
  margin-top: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-form .v2-check-box {
    margin-top: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-form .v2-check-box {
    margin-top: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-form .v2-check-box {
    margin-top: 22px;
  }
}

/* -----------------------------------------------------------------
   1-2. SNS
   ----------------------------------------------------------------- */
.v2-sns-section {
  text-align: center;
  margin-top: 12.8vw;
}
@media (min-width: 768px) {
  .v2-sns-section {
    margin-top: 3rem;
  }
}
@media (min-width: 1200px) {
  .v2-sns-section {
    margin-top: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-sns-section {
    margin-top: 64px;
  }
}
.v2-sns-section .v2-sns-title {
  position: relative;
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-sns-section .v2-sns-title {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-sns-section .v2-sns-title {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-sns-section .v2-sns-title {
    margin-bottom: 32px;
  }
}
.v2-sns-section .v2-sns-title span {
  position: relative;
  z-index: 2;
  color: var(--primary-gray-10, #222);
  text-align: center;
  font-weight: 600;
  letter-spacing: -0.2px;
  background: #fff;
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-sns-section .v2-sns-title span {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-sns-section .v2-sns-title span {
    font-size: 14px;
  }
}
.v2-sns-section .v2-sns-title span {
  padding: 0 4.2667vw;
}
@media (min-width: 768px) {
  .v2-sns-section .v2-sns-title span {
    padding: 0 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-sns-section .v2-sns-title span {
    padding: 0 16px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-sns-section .v2-sns-title span {
    padding: 0 25px;
    font-size: 20px;
  }
}
.v2-sns-section .v2-sns-title::before {
  content: "";
  width: 100%;
  position: absolute;
  top: 49%;
  left: 0;
  z-index: 1;
  background: var(--primary-gray-05, #AAA);
  height: 0.2667vw;
}
@media (min-width: 768px) {
  .v2-sns-section .v2-sns-title::before {
    height: 0.0625rem;
  }
}
@media (min-width: 1200px) {
  .v2-sns-section .v2-sns-title::before {
    height: 1px;
  }
}

.v2-sns-buttons {
  display: flex;
  justify-content: center;
  gap: 13.8667vw;
}
@media (min-width: 768px) {
  .v2-sns-buttons {
    gap: 3.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-sns-buttons {
    gap: 52px;
  }
}
.v2-sns-buttons .v2-btn-sns {
  border: none;
  background: transparent;
  cursor: pointer;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-sns-buttons .v2-btn-sns {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-sns-buttons .v2-btn-sns {
    gap: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-sns-buttons .v2-btn-sns {
    gap: 12px;
  }
}
.v2-sns-buttons .v2-btn-sns span {
  color: var(--primary-gray-10, #222);
  text-align: center;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.14px;
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .v2-sns-buttons .v2-btn-sns span {
    font-size: var(--text-sm);
  }
}
@media (min-width: 1200px) {
  .v2-sns-buttons .v2-btn-sns span {
    font-size: var(--text-sm);
  }
}
@media screen and (min-width: 1200px) {
  .v2-sns-buttons .v2-btn-sns span {
    font-size: var(--text-lg);
  }
}
.v2-sns-buttons .v2-btn-sns i {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.7333vw;
}
@media (min-width: 768px) {
  .v2-sns-buttons .v2-btn-sns i {
    width: 2.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-sns-buttons .v2-btn-sns i {
    width: 44px;
  }
}
.v2-sns-buttons .v2-btn-sns i {
  height: 11.7333vw;
}
@media (min-width: 768px) {
  .v2-sns-buttons .v2-btn-sns i {
    height: 2.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-sns-buttons .v2-btn-sns i {
    height: 44px;
  }
}
.v2-sns-buttons .v2-btn-sns i {
  border-radius: 11.7333vw;
}
@media (min-width: 768px) {
  .v2-sns-buttons .v2-btn-sns i {
    border-radius: 2.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-sns-buttons .v2-btn-sns i {
    border-radius: 44px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-sns-buttons .v2-btn-sns i {
    width: 60px;
    height: 60px;
    border-radius: 60px;
  }
}
.v2-sns-buttons .v2-btn-sns.naver i {
  background: #03c75a;
}
.v2-sns-buttons .v2-btn-sns.kakao i {
  background: #fee500;
}
.v2-sns-buttons .v2-btn-sns.google i {
  background: var(--primary-gray-02, #F5F5F5);
}

.v2-contents.member {
  /* 2-3. 하단 버튼 그룹 */
}
.v2-contents.member .v2-btn-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.2vw;
}
@media (min-width: 768px) {
  .v2-contents.member .v2-btn-group {
    gap: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-btn-group {
    gap: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-btn-group {
    gap: 16px;
  }
}
.v2-contents.member .v2-btn-group .v2-find-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.v2-contents.member .v2-btn-group .v2-find-box a {
  color: var(--primary-gray-06, #888);
  font-weight: 500;
  line-height: 100%; /* 16px */
  letter-spacing: -0.16px;
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member .v2-btn-group .v2-find-box a {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-btn-group .v2-find-box a {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-btn-group .v2-find-box a {
    font-size: var(--text-base);
  }
}
.v2-contents.member .v2-btn-group .v2-find-box .divider {
  color: var(--primary-gray-06, #888);
  margin: 0 2.6667vw;
}
@media (min-width: 768px) {
  .v2-contents.member .v2-btn-group .v2-find-box .divider {
    margin: 0 0.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-btn-group .v2-find-box .divider {
    margin: 0 10px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-btn-group .v2-find-box .divider {
    margin: 0 12px;
  }
}
.v2-contents.member {
  /* 회원가입 유도 박스 */
}
.v2-contents.member .v2-signup-box {
  width: 100%;
  background: var(--gray-white);
  border: 1px solid var(--primary-gray-04, #DDD);
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.6vw;
}
@media (min-width: 768px) {
  .v2-contents.member .v2-signup-box {
    border-radius: 0.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-signup-box {
    border-radius: 6px;
  }
}
.v2-contents.member .v2-signup-box {
  height: 11.2vw;
}
@media (min-width: 768px) {
  .v2-contents.member .v2-signup-box {
    height: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-signup-box {
    height: 42px;
  }
}
.v2-contents.member .v2-signup-box {
  gap: 2.6667vw;
}
@media (min-width: 768px) {
  .v2-contents.member .v2-signup-box {
    gap: 0.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-signup-box {
    gap: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-signup-box {
    border-radius: 8px;
    height: 60px;
  }
  .v2-contents.member .v2-signup-box:hover {
    background: var(--primary-gray-02, #F5F5F5);
  }
}
.v2-contents.member .v2-signup-box span {
  color: var(--primary-gray-06, #888);
  text-align: center;
  font-weight: 500;
  line-height: 100%; /* 12px */
  letter-spacing: -0.12px;
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member .v2-signup-box span {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-signup-box span {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-signup-box span {
    font-size: var(--text-base);
  }
}
.v2-contents.member .v2-signup-box .link-signup {
  color: var(--primary-01-main, #494E8F);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.12px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member .v2-signup-box .link-signup {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-signup-box .link-signup {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-signup-box .link-signup {
    font-size: var(--text-base);
  }
}
.v2-contents.member {
  /* 계정정보 박스 */
}
.v2-contents.member .v2-account-info-box {
  padding: 0;
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-contents.member .v2-account-info-box {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box {
    margin-bottom: 24px;
  }
}
.v2-contents.member .v2-account-info-box .profile-area {
  display: flex;
  align-items: center;
  padding: 6.4vw;
}
@media (min-width: 768px) {
  .v2-contents.member .v2-account-info-box .profile-area {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .profile-area {
    padding: 24px;
  }
}
.v2-contents.member .v2-account-info-box .profile-area {
  gap: 3.2vw;
}
@media (min-width: 768px) {
  .v2-contents.member .v2-account-info-box .profile-area {
    gap: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .profile-area {
    gap: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .profile-area {
    padding: 40px 32px;
    gap: 16px;
  }
}
.v2-contents.member .v2-account-info-box .profile-area .thumb {
  flex-shrink: 0;
  border: 1px solid var(--primary-gray-03, #EEE);
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15.4667vw;
}
@media (min-width: 768px) {
  .v2-contents.member .v2-account-info-box .profile-area .thumb {
    width: 3.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .profile-area .thumb {
    width: 58px;
  }
}
.v2-contents.member .v2-account-info-box .profile-area .thumb {
  height: 15.4667vw;
}
@media (min-width: 768px) {
  .v2-contents.member .v2-account-info-box .profile-area .thumb {
    height: 3.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .profile-area .thumb {
    height: 58px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .profile-area .thumb {
    width: 80px;
    height: 80px;
  }
}
.v2-contents.member .v2-account-info-box .profile-area .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.v2-contents.member .v2-account-info-box .profile-area .info {
  display: flex;
  flex-direction: column;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-contents.member .v2-account-info-box .profile-area .info {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .profile-area .info {
    gap: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .profile-area .info {
    gap: 10px;
  }
}
.v2-contents.member .v2-account-info-box .profile-area .info .sns-name {
  color: var(--primary-gray-10, #222);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.16px;
  font-size: var(--text-base);
}
@media (min-width: 768px) {
  .v2-contents.member .v2-account-info-box .profile-area .info .sns-name {
    font-size: var(--text-base);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .profile-area .info .sns-name {
    font-size: var(--text-base);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .profile-area .info .sns-name {
    font-size: var(--text-xl);
  }
}
.v2-contents.member .v2-account-info-box .profile-area .info .user-desc {
  color: var(--PRIMARY-GRAY-07, #555);
  font-weight: 500;
  line-height: 100%; /* 14px */
  letter-spacing: -0.14px;
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .v2-contents.member .v2-account-info-box .profile-area .info .user-desc {
    font-size: var(--text-sm);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .profile-area .info .user-desc {
    font-size: var(--text-sm);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .profile-area .info .user-desc {
    font-size: var(--text-lg);
  }
}
.v2-contents.member .v2-account-info-box .profile-area .info .user-date {
  color: var(--PRIMARY-GRAY-07, #555);
  font-weight: 500;
  line-height: 100%; /* 14px */
  letter-spacing: -0.14px;
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member .v2-account-info-box .profile-area .info .user-date {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .profile-area .info .user-date {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .profile-area .info .user-date {
    font-size: var(--text-base);
  }
}
.v2-contents.member .v2-account-info-box .footer-area {
  background: var(--primary-gray-box, #F8F8FB);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-contents.member .v2-account-info-box .footer-area {
    padding: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .footer-area {
    padding: 14px;
  }
}
.v2-contents.member .v2-account-info-box .footer-area {
  gap: 1.6vw;
}
@media (min-width: 768px) {
  .v2-contents.member .v2-account-info-box .footer-area {
    gap: 0.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .footer-area {
    gap: 6px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .footer-area {
    padding: 20px;
  }
}
.v2-contents.member .v2-account-info-box .footer-area span {
  font-weight: 500;
  color: var(--primary-gray-06, #888);
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member .v2-account-info-box .footer-area span {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .footer-area span {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .footer-area span {
    font-size: var(--text-base);
  }
}
.v2-contents.member .v2-account-info-box .footer-area a, .v2-contents.member .v2-account-info-box .footer-area button {
  color: var(--primary-01-main, #494E8F);
  font-weight: 600;
  line-height: 100%; /* 12px */
  letter-spacing: -0.12px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member .v2-account-info-box .footer-area a, .v2-contents.member .v2-account-info-box .footer-area button {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .footer-area a, .v2-contents.member .v2-account-info-box .footer-area button {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .v2-account-info-box .footer-area a, .v2-contents.member .v2-account-info-box .footer-area button {
    font-size: var(--text-base);
  }
}
.v2-contents.member .v2-dropdown-box > button, .v2-contents.member .v2-multi-dropdown-box > button {
  z-index: 2;
}
.v2-contents.member .v2-dropdown-box > button:disabled, .v2-contents.member .v2-multi-dropdown-box > button:disabled {
  background: var(--primary-gray-03, #EEE);
  border-color: var(--primary-gray-04, #DDD);
  color: var(--primary-gray-06, #888);
}
.v2-contents.member .sns-box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-contents.member .sns-box {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .sns-box {
    gap: 8px;
  }
}
.v2-contents.member .sns-box {
  height: 11.2vw;
}
@media (min-width: 768px) {
  .v2-contents.member .sns-box {
    height: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .sns-box {
    height: 42px;
  }
}
.v2-contents.member .sns-box {
  border-radius: 1.6vw;
}
@media (min-width: 768px) {
  .v2-contents.member .sns-box {
    border-radius: 0.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .sns-box {
    border-radius: 6px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .sns-box {
    gap: 12px;
    height: 60px;
    border-radius: 8px;
  }
}
.v2-contents.member .sns-box span {
  color: var(--primary-gray-09, #333);
  text-align: center;
  font-weight: 500;
  letter-spacing: -0.12px;
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member .sns-box span {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .sns-box span {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .sns-box span {
    font-size: var(--text-base);
  }
}
.v2-contents.member .sns-box span strong {
  font-weight: 700;
}
.v2-contents.member .sns-box a {
  color: var(--primary-gray-09, #333);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.12px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member .sns-box a {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member .sns-box a {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member .sns-box a {
    font-size: var(--text-base);
  }
}
.v2-contents.member .sns-box.kakao {
  background: #FAE100;
}
.v2-contents.member .sns-box.naver {
  background: #04C60A;
}
.v2-contents.member .sns-box.google {
  background: var(--primary-gray-02, #F5F5F5);
}
.v2-contents.member {
  /* =================================================================
  [3] 아이디찾기 인증선택, [10] 비번찾기 인증선택
  ================================================================= */
}
.v2-contents.member.page-find-id-method, .v2-contents.member.page-find-pw-method {
  /* 3-1. 인증 방법 선택 박스 */
}
.v2-contents.member.page-find-id-method .v2-auth-method-box, .v2-contents.member.page-find-pw-method .v2-auth-method-box {
  display: flex;
  flex-direction: column;
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box, .v2-contents.member.page-find-pw-method .v2-auth-method-box {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box, .v2-contents.member.page-find-pw-method .v2-auth-method-box {
    margin-bottom: 16px;
  }
}
.v2-contents.member.page-find-id-method .v2-auth-method-box, .v2-contents.member.page-find-pw-method .v2-auth-method-box {
  gap: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box, .v2-contents.member.page-find-pw-method .v2-auth-method-box {
    gap: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box, .v2-contents.member.page-find-pw-method .v2-auth-method-box {
    gap: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box, .v2-contents.member.page-find-pw-method .v2-auth-method-box {
    margin-bottom: 24px;
    gap: 32px;
  }
}
.v2-contents.member.page-find-id-method .v2-auth-method-box, .v2-contents.member.page-find-pw-method .v2-auth-method-box {
  /* 설명이 포함된 커스텀 라디오 스타일 */
}
.v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box, .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box {
  align-items: flex-start;
}
.v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box label, .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box label {
  width: 100%;
  align-items: flex-start;
}
.v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box input[type=radio], .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box input[type=radio] {
  margin-top: 0.5333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box input[type=radio], .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box input[type=radio] {
    margin-top: 0.125rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box input[type=radio], .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box input[type=radio] {
    margin-top: 2px;
  }
}
.v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box input[type=radio], .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box input[type=radio] {
  /* 텍스트 상단 기준 정렬 미세조정 */
}
.v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box .text-group, .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box .text-group {
  display: flex;
  flex-direction: column;
  gap: 1.6vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box .text-group, .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box .text-group {
    gap: 0.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box .text-group, .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box .text-group {
    gap: 6px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box .text-group, .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box .text-group {
    gap: 8px;
  }
}
.v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box .text-group .title, .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box .text-group .title {
  color: var(--primary-gray-07, #666);
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
  letter-spacing: -0.14px;
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box .text-group .title, .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box .text-group .title {
    font-size: var(--text-sm);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box .text-group .title, .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box .text-group .title {
    font-size: var(--text-sm);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box .text-group .title, .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box .text-group .title {
    font-size: var(--text-lg);
  }
}
.v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box .text-group .desc, .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box .text-group .desc {
  color: var(--primary-gray-06, #888);
  font-weight: 500;
  letter-spacing: -0.14px;
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box .text-group .desc, .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box .text-group .desc {
    font-size: var(--text-sm);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box .text-group .desc, .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box .text-group .desc {
    font-size: var(--text-sm);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box .text-group .desc, .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box .text-group .desc {
    font-size: var(--text-lg);
  }
}
.v2-contents.member.page-find-id-method .v2-auth-method-box .v2-radio-box input[type=radio]:checked + .text-group .title, .v2-contents.member.page-find-pw-method .v2-auth-method-box .v2-radio-box input[type=radio]:checked + .text-group .title {
  color: var(--primary-gray-10, #222);
}
.v2-contents.member {
  /* =================================================================
  [2] 로그인-SNS정보 없음, [8]아이디찾기 실패, [14]비밀번호 재설정 완료
  ================================================================= */
}
.v2-contents.member.page-join-done .v2-illust-box, .v2-contents.member.page-sns-fail .v2-illust-box, .v2-contents.member.page-find-id-fail .v2-illust-box, .v2-contents.member.page-find-pw-done .v2-illust-box, .v2-contents.member.page-member-check-info .v2-illust-box, .v2-contents.member.page-member-auth-done .v2-illust-box, .v2-contents.member.page-member-global-done .v2-illust-box {
  text-align: center;
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-done .v2-illust-box, .v2-contents.member.page-sns-fail .v2-illust-box, .v2-contents.member.page-find-id-fail .v2-illust-box, .v2-contents.member.page-find-pw-done .v2-illust-box, .v2-contents.member.page-member-check-info .v2-illust-box, .v2-contents.member.page-member-auth-done .v2-illust-box, .v2-contents.member.page-member-global-done .v2-illust-box {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-illust-box, .v2-contents.member.page-sns-fail .v2-illust-box, .v2-contents.member.page-find-id-fail .v2-illust-box, .v2-contents.member.page-find-pw-done .v2-illust-box, .v2-contents.member.page-member-check-info .v2-illust-box, .v2-contents.member.page-member-auth-done .v2-illust-box, .v2-contents.member.page-member-global-done .v2-illust-box {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-illust-box, .v2-contents.member.page-sns-fail .v2-illust-box, .v2-contents.member.page-find-id-fail .v2-illust-box, .v2-contents.member.page-find-pw-done .v2-illust-box, .v2-contents.member.page-member-check-info .v2-illust-box, .v2-contents.member.page-member-auth-done .v2-illust-box, .v2-contents.member.page-member-global-done .v2-illust-box {
    margin-bottom: 40px;
  }
}
.v2-contents.member.page-join-done .v2-illust-box img, .v2-contents.member.page-sns-fail .v2-illust-box img, .v2-contents.member.page-find-id-fail .v2-illust-box img, .v2-contents.member.page-find-pw-done .v2-illust-box img, .v2-contents.member.page-member-check-info .v2-illust-box img, .v2-contents.member.page-member-auth-done .v2-illust-box img, .v2-contents.member.page-member-global-done .v2-illust-box img {
  max-width: 53.3333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-done .v2-illust-box img, .v2-contents.member.page-sns-fail .v2-illust-box img, .v2-contents.member.page-find-id-fail .v2-illust-box img, .v2-contents.member.page-find-pw-done .v2-illust-box img, .v2-contents.member.page-member-check-info .v2-illust-box img, .v2-contents.member.page-member-auth-done .v2-illust-box img, .v2-contents.member.page-member-global-done .v2-illust-box img {
    max-width: 12.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-illust-box img, .v2-contents.member.page-sns-fail .v2-illust-box img, .v2-contents.member.page-find-id-fail .v2-illust-box img, .v2-contents.member.page-find-pw-done .v2-illust-box img, .v2-contents.member.page-member-check-info .v2-illust-box img, .v2-contents.member.page-member-auth-done .v2-illust-box img, .v2-contents.member.page-member-global-done .v2-illust-box img {
    max-width: 200px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-illust-box img, .v2-contents.member.page-sns-fail .v2-illust-box img, .v2-contents.member.page-find-id-fail .v2-illust-box img, .v2-contents.member.page-find-pw-done .v2-illust-box img, .v2-contents.member.page-member-check-info .v2-illust-box img, .v2-contents.member.page-member-auth-done .v2-illust-box img, .v2-contents.member.page-member-global-done .v2-illust-box img {
    max-width: 280px;
  }
}
.v2-contents.member.page-join-done, .v2-contents.member.page-sns-fail, .v2-contents.member.page-find-id-fail, .v2-contents.member.page-find-pw-done, .v2-contents.member.page-member-check-info, .v2-contents.member.page-member-auth-done, .v2-contents.member.page-member-global-done {
  /* 2-2. 메시지 박스 */
}
.v2-contents.member.page-join-done .v2-message-box, .v2-contents.member.page-sns-fail .v2-message-box, .v2-contents.member.page-find-id-fail .v2-message-box, .v2-contents.member.page-find-pw-done .v2-message-box, .v2-contents.member.page-member-check-info .v2-message-box, .v2-contents.member.page-member-auth-done .v2-message-box, .v2-contents.member.page-member-global-done .v2-message-box {
  text-align: center;
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-done .v2-message-box, .v2-contents.member.page-sns-fail .v2-message-box, .v2-contents.member.page-find-id-fail .v2-message-box, .v2-contents.member.page-find-pw-done .v2-message-box, .v2-contents.member.page-member-check-info .v2-message-box, .v2-contents.member.page-member-auth-done .v2-message-box, .v2-contents.member.page-member-global-done .v2-message-box {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-message-box, .v2-contents.member.page-sns-fail .v2-message-box, .v2-contents.member.page-find-id-fail .v2-message-box, .v2-contents.member.page-find-pw-done .v2-message-box, .v2-contents.member.page-member-check-info .v2-message-box, .v2-contents.member.page-member-auth-done .v2-message-box, .v2-contents.member.page-member-global-done .v2-message-box {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-message-box, .v2-contents.member.page-sns-fail .v2-message-box, .v2-contents.member.page-find-id-fail .v2-message-box, .v2-contents.member.page-find-pw-done .v2-message-box, .v2-contents.member.page-member-check-info .v2-message-box, .v2-contents.member.page-member-auth-done .v2-message-box, .v2-contents.member.page-member-global-done .v2-message-box {
    margin-bottom: 24px;
  }
}
.v2-contents.member.page-join-done .v2-message-box .msg-main, .v2-contents.member.page-sns-fail .v2-message-box .msg-main, .v2-contents.member.page-find-id-fail .v2-message-box .msg-main, .v2-contents.member.page-find-pw-done .v2-message-box .msg-main, .v2-contents.member.page-member-check-info .v2-message-box .msg-main, .v2-contents.member.page-member-auth-done .v2-message-box .msg-main, .v2-contents.member.page-member-global-done .v2-message-box .msg-main {
  color: var(--PRIMARY-GRAY-09, #222);
  text-align: center;
  font-weight: 500;
  line-height: 100%; /* 14px */
  letter-spacing: -0.14px;
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-done .v2-message-box .msg-main, .v2-contents.member.page-sns-fail .v2-message-box .msg-main, .v2-contents.member.page-find-id-fail .v2-message-box .msg-main, .v2-contents.member.page-find-pw-done .v2-message-box .msg-main, .v2-contents.member.page-member-check-info .v2-message-box .msg-main, .v2-contents.member.page-member-auth-done .v2-message-box .msg-main, .v2-contents.member.page-member-global-done .v2-message-box .msg-main {
    font-size: var(--text-sm);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-message-box .msg-main, .v2-contents.member.page-sns-fail .v2-message-box .msg-main, .v2-contents.member.page-find-id-fail .v2-message-box .msg-main, .v2-contents.member.page-find-pw-done .v2-message-box .msg-main, .v2-contents.member.page-member-check-info .v2-message-box .msg-main, .v2-contents.member.page-member-auth-done .v2-message-box .msg-main, .v2-contents.member.page-member-global-done .v2-message-box .msg-main {
    font-size: var(--text-sm);
  }
}
.v2-contents.member.page-join-done .v2-message-box .msg-main, .v2-contents.member.page-sns-fail .v2-message-box .msg-main, .v2-contents.member.page-find-id-fail .v2-message-box .msg-main, .v2-contents.member.page-find-pw-done .v2-message-box .msg-main, .v2-contents.member.page-member-check-info .v2-message-box .msg-main, .v2-contents.member.page-member-auth-done .v2-message-box .msg-main, .v2-contents.member.page-member-global-done .v2-message-box .msg-main {
  margin-bottom: 2.6667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-done .v2-message-box .msg-main, .v2-contents.member.page-sns-fail .v2-message-box .msg-main, .v2-contents.member.page-find-id-fail .v2-message-box .msg-main, .v2-contents.member.page-find-pw-done .v2-message-box .msg-main, .v2-contents.member.page-member-check-info .v2-message-box .msg-main, .v2-contents.member.page-member-auth-done .v2-message-box .msg-main, .v2-contents.member.page-member-global-done .v2-message-box .msg-main {
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-message-box .msg-main, .v2-contents.member.page-sns-fail .v2-message-box .msg-main, .v2-contents.member.page-find-id-fail .v2-message-box .msg-main, .v2-contents.member.page-find-pw-done .v2-message-box .msg-main, .v2-contents.member.page-member-check-info .v2-message-box .msg-main, .v2-contents.member.page-member-auth-done .v2-message-box .msg-main, .v2-contents.member.page-member-global-done .v2-message-box .msg-main {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-message-box .msg-main, .v2-contents.member.page-sns-fail .v2-message-box .msg-main, .v2-contents.member.page-find-id-fail .v2-message-box .msg-main, .v2-contents.member.page-find-pw-done .v2-message-box .msg-main, .v2-contents.member.page-member-check-info .v2-message-box .msg-main, .v2-contents.member.page-member-auth-done .v2-message-box .msg-main, .v2-contents.member.page-member-global-done .v2-message-box .msg-main {
    font-size: var(--text-xl);
    margin-bottom: 12px;
  }
}
.v2-contents.member.page-join-done .v2-message-box .msg-main strong, .v2-contents.member.page-sns-fail .v2-message-box .msg-main strong, .v2-contents.member.page-find-id-fail .v2-message-box .msg-main strong, .v2-contents.member.page-find-pw-done .v2-message-box .msg-main strong, .v2-contents.member.page-member-check-info .v2-message-box .msg-main strong, .v2-contents.member.page-member-auth-done .v2-message-box .msg-main strong, .v2-contents.member.page-member-global-done .v2-message-box .msg-main strong {
  color: var(--primary-01-main, #494E8F);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.2px;
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-done .v2-message-box .msg-main strong, .v2-contents.member.page-sns-fail .v2-message-box .msg-main strong, .v2-contents.member.page-find-id-fail .v2-message-box .msg-main strong, .v2-contents.member.page-find-pw-done .v2-message-box .msg-main strong, .v2-contents.member.page-member-check-info .v2-message-box .msg-main strong, .v2-contents.member.page-member-auth-done .v2-message-box .msg-main strong, .v2-contents.member.page-member-global-done .v2-message-box .msg-main strong {
    font-size: var(--text-sm);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-message-box .msg-main strong, .v2-contents.member.page-sns-fail .v2-message-box .msg-main strong, .v2-contents.member.page-find-id-fail .v2-message-box .msg-main strong, .v2-contents.member.page-find-pw-done .v2-message-box .msg-main strong, .v2-contents.member.page-member-check-info .v2-message-box .msg-main strong, .v2-contents.member.page-member-auth-done .v2-message-box .msg-main strong, .v2-contents.member.page-member-global-done .v2-message-box .msg-main strong {
    font-size: var(--text-sm);
  }
}
.v2-contents.member.page-join-done .v2-message-box .msg-main strong, .v2-contents.member.page-sns-fail .v2-message-box .msg-main strong, .v2-contents.member.page-find-id-fail .v2-message-box .msg-main strong, .v2-contents.member.page-find-pw-done .v2-message-box .msg-main strong, .v2-contents.member.page-member-check-info .v2-message-box .msg-main strong, .v2-contents.member.page-member-auth-done .v2-message-box .msg-main strong, .v2-contents.member.page-member-global-done .v2-message-box .msg-main strong {
  margin-bottom: 2.6667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-done .v2-message-box .msg-main strong, .v2-contents.member.page-sns-fail .v2-message-box .msg-main strong, .v2-contents.member.page-find-id-fail .v2-message-box .msg-main strong, .v2-contents.member.page-find-pw-done .v2-message-box .msg-main strong, .v2-contents.member.page-member-check-info .v2-message-box .msg-main strong, .v2-contents.member.page-member-auth-done .v2-message-box .msg-main strong, .v2-contents.member.page-member-global-done .v2-message-box .msg-main strong {
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-message-box .msg-main strong, .v2-contents.member.page-sns-fail .v2-message-box .msg-main strong, .v2-contents.member.page-find-id-fail .v2-message-box .msg-main strong, .v2-contents.member.page-find-pw-done .v2-message-box .msg-main strong, .v2-contents.member.page-member-check-info .v2-message-box .msg-main strong, .v2-contents.member.page-member-auth-done .v2-message-box .msg-main strong, .v2-contents.member.page-member-global-done .v2-message-box .msg-main strong {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-message-box .msg-main strong, .v2-contents.member.page-sns-fail .v2-message-box .msg-main strong, .v2-contents.member.page-find-id-fail .v2-message-box .msg-main strong, .v2-contents.member.page-find-pw-done .v2-message-box .msg-main strong, .v2-contents.member.page-member-check-info .v2-message-box .msg-main strong, .v2-contents.member.page-member-auth-done .v2-message-box .msg-main strong, .v2-contents.member.page-member-global-done .v2-message-box .msg-main strong {
    font-size: var(--text-xl);
    margin-bottom: 12px;
  }
}
.v2-contents.member.page-join-done .v2-message-box .msg-sub, .v2-contents.member.page-sns-fail .v2-message-box .msg-sub, .v2-contents.member.page-find-id-fail .v2-message-box .msg-sub, .v2-contents.member.page-find-pw-done .v2-message-box .msg-sub, .v2-contents.member.page-member-check-info .v2-message-box .msg-sub, .v2-contents.member.page-member-auth-done .v2-message-box .msg-sub, .v2-contents.member.page-member-global-done .v2-message-box .msg-sub {
  color: var(--PRIMARY-GRAY-07, #555);
  text-align: center;
  font-weight: 500;
  letter-spacing: -0.12px;
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-done .v2-message-box .msg-sub, .v2-contents.member.page-sns-fail .v2-message-box .msg-sub, .v2-contents.member.page-find-id-fail .v2-message-box .msg-sub, .v2-contents.member.page-find-pw-done .v2-message-box .msg-sub, .v2-contents.member.page-member-check-info .v2-message-box .msg-sub, .v2-contents.member.page-member-auth-done .v2-message-box .msg-sub, .v2-contents.member.page-member-global-done .v2-message-box .msg-sub {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-message-box .msg-sub, .v2-contents.member.page-sns-fail .v2-message-box .msg-sub, .v2-contents.member.page-find-id-fail .v2-message-box .msg-sub, .v2-contents.member.page-find-pw-done .v2-message-box .msg-sub, .v2-contents.member.page-member-check-info .v2-message-box .msg-sub, .v2-contents.member.page-member-auth-done .v2-message-box .msg-sub, .v2-contents.member.page-member-global-done .v2-message-box .msg-sub {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-message-box .msg-sub, .v2-contents.member.page-sns-fail .v2-message-box .msg-sub, .v2-contents.member.page-find-id-fail .v2-message-box .msg-sub, .v2-contents.member.page-find-pw-done .v2-message-box .msg-sub, .v2-contents.member.page-member-check-info .v2-message-box .msg-sub, .v2-contents.member.page-member-auth-done .v2-message-box .msg-sub, .v2-contents.member.page-member-global-done .v2-message-box .msg-sub {
    font-size: var(--text-lg);
    letter-spacing: -0.18px;
  }
}
.v2-contents.member.page-join-done .sub-desc, .v2-contents.member.page-sns-fail .sub-desc, .v2-contents.member.page-find-id-fail .sub-desc, .v2-contents.member.page-find-pw-done .sub-desc, .v2-contents.member.page-member-check-info .sub-desc, .v2-contents.member.page-member-auth-done .sub-desc, .v2-contents.member.page-member-global-done .sub-desc {
  width: 100%;
  color: var(--PRIMARY-GRAY-07, #555);
  text-align: center;
  font-weight: 500;
  letter-spacing: -0.12px;
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-done .sub-desc, .v2-contents.member.page-sns-fail .sub-desc, .v2-contents.member.page-find-id-fail .sub-desc, .v2-contents.member.page-find-pw-done .sub-desc, .v2-contents.member.page-member-check-info .sub-desc, .v2-contents.member.page-member-auth-done .sub-desc, .v2-contents.member.page-member-global-done .sub-desc {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-done .sub-desc, .v2-contents.member.page-sns-fail .sub-desc, .v2-contents.member.page-find-id-fail .sub-desc, .v2-contents.member.page-find-pw-done .sub-desc, .v2-contents.member.page-member-check-info .sub-desc, .v2-contents.member.page-member-auth-done .sub-desc, .v2-contents.member.page-member-global-done .sub-desc {
    font-size: var(--text-xs);
  }
}
.v2-contents.member.page-join-done .sub-desc, .v2-contents.member.page-sns-fail .sub-desc, .v2-contents.member.page-find-id-fail .sub-desc, .v2-contents.member.page-find-pw-done .sub-desc, .v2-contents.member.page-member-check-info .sub-desc, .v2-contents.member.page-member-auth-done .sub-desc, .v2-contents.member.page-member-global-done .sub-desc {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-done .sub-desc, .v2-contents.member.page-sns-fail .sub-desc, .v2-contents.member.page-find-id-fail .sub-desc, .v2-contents.member.page-find-pw-done .sub-desc, .v2-contents.member.page-member-check-info .sub-desc, .v2-contents.member.page-member-auth-done .sub-desc, .v2-contents.member.page-member-global-done .sub-desc {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-done .sub-desc, .v2-contents.member.page-sns-fail .sub-desc, .v2-contents.member.page-find-id-fail .sub-desc, .v2-contents.member.page-find-pw-done .sub-desc, .v2-contents.member.page-member-check-info .sub-desc, .v2-contents.member.page-member-auth-done .sub-desc, .v2-contents.member.page-member-global-done .sub-desc {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-done .sub-desc, .v2-contents.member.page-sns-fail .sub-desc, .v2-contents.member.page-find-id-fail .sub-desc, .v2-contents.member.page-find-pw-done .sub-desc, .v2-contents.member.page-member-check-info .sub-desc, .v2-contents.member.page-member-auth-done .sub-desc, .v2-contents.member.page-member-global-done .sub-desc {
    font-size: var(--text-base);
    margin-bottom: 48px;
  }
}
.v2-contents.member.page-join-done .sub-desc strong, .v2-contents.member.page-sns-fail .sub-desc strong, .v2-contents.member.page-find-id-fail .sub-desc strong, .v2-contents.member.page-find-pw-done .sub-desc strong, .v2-contents.member.page-member-check-info .sub-desc strong, .v2-contents.member.page-member-auth-done .sub-desc strong, .v2-contents.member.page-member-global-done .sub-desc strong {
  color: var(--primary-01-main, #494E8F);
  font-weight: 700;
}
.v2-contents.member.page-login .v2-btn-group .v2-signup-box {
  margin-top: 12.8vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-login .v2-btn-group .v2-signup-box {
    margin-top: 3rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-login .v2-btn-group .v2-signup-box {
    margin-top: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-login .v2-btn-group .v2-signup-box {
    margin-top: 64px;
  }
}
.v2-contents.member {
  /* 아이디찾기 휴대폰, 이메일 인증 */
}
.v2-contents.member.page-login .v2-form-row, .v2-contents.member.page-join .v2-form-row, .v2-contents.member.page-find-id-phone .v2-form-row, .v2-contents.member.page-find-id-email .v2-form-row, .v2-contents.member.page-join-email .v2-form-row, .v2-contents.member.page-find-pw-phone .v2-form-row, .v2-contents.member.page-find-pw-email .v2-form-row, .v2-contents.member.page-find-pw .v2-form-row, .v2-contents.member.page-pw-reset .v2-form-row {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-login .v2-form-row, .v2-contents.member.page-join .v2-form-row, .v2-contents.member.page-find-id-phone .v2-form-row, .v2-contents.member.page-find-id-email .v2-form-row, .v2-contents.member.page-join-email .v2-form-row, .v2-contents.member.page-find-pw-phone .v2-form-row, .v2-contents.member.page-find-pw-email .v2-form-row, .v2-contents.member.page-find-pw .v2-form-row, .v2-contents.member.page-pw-reset .v2-form-row {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-login .v2-form-row, .v2-contents.member.page-join .v2-form-row, .v2-contents.member.page-find-id-phone .v2-form-row, .v2-contents.member.page-find-id-email .v2-form-row, .v2-contents.member.page-join-email .v2-form-row, .v2-contents.member.page-find-pw-phone .v2-form-row, .v2-contents.member.page-find-pw-email .v2-form-row, .v2-contents.member.page-find-pw .v2-form-row, .v2-contents.member.page-pw-reset .v2-form-row {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-login .v2-form-row, .v2-contents.member.page-join .v2-form-row, .v2-contents.member.page-find-id-phone .v2-form-row, .v2-contents.member.page-find-id-email .v2-form-row, .v2-contents.member.page-join-email .v2-form-row, .v2-contents.member.page-find-pw-phone .v2-form-row, .v2-contents.member.page-find-pw-email .v2-form-row, .v2-contents.member.page-find-pw .v2-form-row, .v2-contents.member.page-pw-reset .v2-form-row {
    margin-bottom: 48px;
  }
}
.v2-contents.member.page-login .v2-form-row label, .v2-contents.member.page-join .v2-form-row label, .v2-contents.member.page-find-id-phone .v2-form-row label, .v2-contents.member.page-find-id-email .v2-form-row label, .v2-contents.member.page-join-email .v2-form-row label, .v2-contents.member.page-find-pw-phone .v2-form-row label, .v2-contents.member.page-find-pw-email .v2-form-row label, .v2-contents.member.page-find-pw .v2-form-row label, .v2-contents.member.page-pw-reset .v2-form-row label {
  padding-left: 3.2vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-login .v2-form-row label, .v2-contents.member.page-join .v2-form-row label, .v2-contents.member.page-find-id-phone .v2-form-row label, .v2-contents.member.page-find-id-email .v2-form-row label, .v2-contents.member.page-join-email .v2-form-row label, .v2-contents.member.page-find-pw-phone .v2-form-row label, .v2-contents.member.page-find-pw-email .v2-form-row label, .v2-contents.member.page-find-pw .v2-form-row label, .v2-contents.member.page-pw-reset .v2-form-row label {
    padding-left: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-login .v2-form-row label, .v2-contents.member.page-join .v2-form-row label, .v2-contents.member.page-find-id-phone .v2-form-row label, .v2-contents.member.page-find-id-email .v2-form-row label, .v2-contents.member.page-join-email .v2-form-row label, .v2-contents.member.page-find-pw-phone .v2-form-row label, .v2-contents.member.page-find-pw-email .v2-form-row label, .v2-contents.member.page-find-pw .v2-form-row label, .v2-contents.member.page-pw-reset .v2-form-row label {
    padding-left: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-login .v2-form-row label, .v2-contents.member.page-join .v2-form-row label, .v2-contents.member.page-find-id-phone .v2-form-row label, .v2-contents.member.page-find-id-email .v2-form-row label, .v2-contents.member.page-join-email .v2-form-row label, .v2-contents.member.page-find-pw-phone .v2-form-row label, .v2-contents.member.page-find-pw-email .v2-form-row label, .v2-contents.member.page-find-pw .v2-form-row label, .v2-contents.member.page-pw-reset .v2-form-row label {
    padding-left: 16px;
  }
}
.v2-contents.member.page-login .v2-form-row input, .v2-contents.member.page-join .v2-form-row input, .v2-contents.member.page-find-id-phone .v2-form-row input, .v2-contents.member.page-find-id-email .v2-form-row input, .v2-contents.member.page-join-email .v2-form-row input, .v2-contents.member.page-find-pw-phone .v2-form-row input, .v2-contents.member.page-find-pw-email .v2-form-row input, .v2-contents.member.page-find-pw .v2-form-row input, .v2-contents.member.page-pw-reset .v2-form-row input {
  width: 100%;
  padding-left: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-login .v2-form-row input, .v2-contents.member.page-join .v2-form-row input, .v2-contents.member.page-find-id-phone .v2-form-row input, .v2-contents.member.page-find-id-email .v2-form-row input, .v2-contents.member.page-join-email .v2-form-row input, .v2-contents.member.page-find-pw-phone .v2-form-row input, .v2-contents.member.page-find-pw-email .v2-form-row input, .v2-contents.member.page-find-pw .v2-form-row input, .v2-contents.member.page-pw-reset .v2-form-row input {
    padding-left: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-login .v2-form-row input, .v2-contents.member.page-join .v2-form-row input, .v2-contents.member.page-find-id-phone .v2-form-row input, .v2-contents.member.page-find-id-email .v2-form-row input, .v2-contents.member.page-join-email .v2-form-row input, .v2-contents.member.page-find-pw-phone .v2-form-row input, .v2-contents.member.page-find-pw-email .v2-form-row input, .v2-contents.member.page-find-pw .v2-form-row input, .v2-contents.member.page-pw-reset .v2-form-row input {
    padding-left: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-login .v2-form-row input, .v2-contents.member.page-join .v2-form-row input, .v2-contents.member.page-find-id-phone .v2-form-row input, .v2-contents.member.page-find-id-email .v2-form-row input, .v2-contents.member.page-join-email .v2-form-row input, .v2-contents.member.page-find-pw-phone .v2-form-row input, .v2-contents.member.page-find-pw-email .v2-form-row input, .v2-contents.member.page-find-pw .v2-form-row input, .v2-contents.member.page-pw-reset .v2-form-row input {
    padding-left: 32px;
  }
}
.v2-contents.member.page-login .v2-form-row div.error, .v2-contents.member.page-join .v2-form-row div.error, .v2-contents.member.page-find-id-phone .v2-form-row div.error, .v2-contents.member.page-find-id-email .v2-form-row div.error, .v2-contents.member.page-join-email .v2-form-row div.error, .v2-contents.member.page-find-pw-phone .v2-form-row div.error, .v2-contents.member.page-find-pw-email .v2-form-row div.error, .v2-contents.member.page-find-pw .v2-form-row div.error, .v2-contents.member.page-pw-reset .v2-form-row div.error {
  padding-left: 2.6667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-login .v2-form-row div.error, .v2-contents.member.page-join .v2-form-row div.error, .v2-contents.member.page-find-id-phone .v2-form-row div.error, .v2-contents.member.page-find-id-email .v2-form-row div.error, .v2-contents.member.page-join-email .v2-form-row div.error, .v2-contents.member.page-find-pw-phone .v2-form-row div.error, .v2-contents.member.page-find-pw-email .v2-form-row div.error, .v2-contents.member.page-find-pw .v2-form-row div.error, .v2-contents.member.page-pw-reset .v2-form-row div.error {
    padding-left: 0.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-login .v2-form-row div.error, .v2-contents.member.page-join .v2-form-row div.error, .v2-contents.member.page-find-id-phone .v2-form-row div.error, .v2-contents.member.page-find-id-email .v2-form-row div.error, .v2-contents.member.page-join-email .v2-form-row div.error, .v2-contents.member.page-find-pw-phone .v2-form-row div.error, .v2-contents.member.page-find-pw-email .v2-form-row div.error, .v2-contents.member.page-find-pw .v2-form-row div.error, .v2-contents.member.page-pw-reset .v2-form-row div.error {
    padding-left: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-login .v2-form-row div.error, .v2-contents.member.page-join .v2-form-row div.error, .v2-contents.member.page-find-id-phone .v2-form-row div.error, .v2-contents.member.page-find-id-email .v2-form-row div.error, .v2-contents.member.page-join-email .v2-form-row div.error, .v2-contents.member.page-find-pw-phone .v2-form-row div.error, .v2-contents.member.page-find-pw-email .v2-form-row div.error, .v2-contents.member.page-find-pw .v2-form-row div.error, .v2-contents.member.page-pw-reset .v2-form-row div.error {
    padding-left: 16px;
  }
}
.v2-contents.member.page-login .v2-input-group, .v2-contents.member.page-join .v2-input-group, .v2-contents.member.page-find-id-phone .v2-input-group, .v2-contents.member.page-find-id-email .v2-input-group, .v2-contents.member.page-join-email .v2-input-group, .v2-contents.member.page-find-pw-phone .v2-input-group, .v2-contents.member.page-find-pw-email .v2-input-group, .v2-contents.member.page-find-pw .v2-input-group, .v2-contents.member.page-pw-reset .v2-input-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3.2vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-login .v2-input-group, .v2-contents.member.page-join .v2-input-group, .v2-contents.member.page-find-id-phone .v2-input-group, .v2-contents.member.page-find-id-email .v2-input-group, .v2-contents.member.page-join-email .v2-input-group, .v2-contents.member.page-find-pw-phone .v2-input-group, .v2-contents.member.page-find-pw-email .v2-input-group, .v2-contents.member.page-find-pw .v2-input-group, .v2-contents.member.page-pw-reset .v2-input-group {
    gap: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-login .v2-input-group, .v2-contents.member.page-join .v2-input-group, .v2-contents.member.page-find-id-phone .v2-input-group, .v2-contents.member.page-find-id-email .v2-input-group, .v2-contents.member.page-join-email .v2-input-group, .v2-contents.member.page-find-pw-phone .v2-input-group, .v2-contents.member.page-find-pw-email .v2-input-group, .v2-contents.member.page-find-pw .v2-input-group, .v2-contents.member.page-pw-reset .v2-input-group {
    gap: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-login .v2-input-group, .v2-contents.member.page-join .v2-input-group, .v2-contents.member.page-find-id-phone .v2-input-group, .v2-contents.member.page-find-id-email .v2-input-group, .v2-contents.member.page-join-email .v2-input-group, .v2-contents.member.page-find-pw-phone .v2-input-group, .v2-contents.member.page-find-pw-email .v2-input-group, .v2-contents.member.page-find-pw .v2-input-group, .v2-contents.member.page-pw-reset .v2-input-group {
    gap: 16px;
  }
}
.v2-contents.member.page-login .v2-input-group .input-btn-wrap, .v2-contents.member.page-join .v2-input-group .input-btn-wrap, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap {
  position: relative;
  width: 100%;
  /* 버튼이 들어갈 우측 공간 확보 */
}
.v2-contents.member.page-login .v2-input-group .input-btn-wrap input, .v2-contents.member.page-join .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap input, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap input {
  width: 100%;
  padding-left: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-login .v2-input-group .input-btn-wrap input, .v2-contents.member.page-join .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap input, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap input {
    padding-left: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-login .v2-input-group .input-btn-wrap input, .v2-contents.member.page-join .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap input, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap input {
    padding-left: 20px;
  }
}
.v2-contents.member.page-login .v2-input-group .input-btn-wrap input, .v2-contents.member.page-join .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap input, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap input {
  padding-right: 21.3333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-login .v2-input-group .input-btn-wrap input, .v2-contents.member.page-join .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap input, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap input {
    padding-right: 5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-login .v2-input-group .input-btn-wrap input, .v2-contents.member.page-join .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap input, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap input {
    padding-right: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-login .v2-input-group .input-btn-wrap input, .v2-contents.member.page-join .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap input, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap input, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap input {
    padding-left: 32px;
  }
}
.v2-contents.member.page-login .v2-input-group .input-btn-wrap, .v2-contents.member.page-join .v2-input-group .input-btn-wrap, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap {
  /* 입력창 내부 우측 버튼 */
}
.v2-contents.member.page-login .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-login .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .feedback {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-weight: 600;
  cursor: pointer;
  height: 11.2vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-login .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-login .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .feedback {
    height: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-login .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-login .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .feedback {
    height: 42px;
  }
}
.v2-contents.member.page-login .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-login .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .feedback {
  right: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-login .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-login .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .feedback {
    right: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-login .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-login .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .feedback {
    right: 20px;
  }
}
.v2-contents.member.page-login .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-login .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .feedback {
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .v2-contents.member.page-login .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-login .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .feedback {
    font-size: var(--text-sm);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-login .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-login .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .feedback {
    font-size: var(--text-sm);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-login .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-login .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .v2-btn-inside, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .feedback {
    right: 24px;
    height: 60px;
    font-size: var(--text-lg);
  }
}
.v2-contents.member.page-login .v2-input-group .input-btn-wrap .v2-btn-inside.text-red, .v2-contents.member.page-login .v2-input-group .input-btn-wrap .feedback.text-red, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .v2-btn-inside.text-red, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .feedback.text-red, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .v2-btn-inside.text-red, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .feedback.text-red, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .v2-btn-inside.text-red, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .feedback.text-red, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .v2-btn-inside.text-red, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .feedback.text-red, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .v2-btn-inside.text-red, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .feedback.text-red, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .v2-btn-inside.text-red, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .feedback.text-red, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .v2-btn-inside.text-red, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .feedback.text-red, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .v2-btn-inside.text-red, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .feedback.text-red {
  color: #FF4747;
}
.v2-contents.member.page-login .v2-input-group .input-btn-wrap .v2-btn-inside.text-gray, .v2-contents.member.page-login .v2-input-group .input-btn-wrap .feedback.text-gray, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .v2-btn-inside.text-gray, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .feedback.text-gray, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .v2-btn-inside.text-gray, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .feedback.text-gray, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .v2-btn-inside.text-gray, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .feedback.text-gray, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .v2-btn-inside.text-gray, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .feedback.text-gray, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .v2-btn-inside.text-gray, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .feedback.text-gray, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .v2-btn-inside.text-gray, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .feedback.text-gray, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .v2-btn-inside.text-gray, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .feedback.text-gray, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .v2-btn-inside.text-gray, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .feedback.text-gray {
  color: var(--primary-gray-06, #888);
}
.v2-contents.member.page-login .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-id-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-join-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-phone .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw-email .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-find-pw .v2-input-group .input-btn-wrap .feedback, .v2-contents.member.page-pw-reset .v2-input-group .input-btn-wrap .feedback {
  color: var(--primary-gray-06, #888);
  display: flex;
  justify-content: center;
  align-items: center;
}
.v2-contents.member.page-login .v2-resend-box, .v2-contents.member.page-join .v2-resend-box, .v2-contents.member.page-find-id-phone .v2-resend-box, .v2-contents.member.page-find-id-email .v2-resend-box, .v2-contents.member.page-join-email .v2-resend-box, .v2-contents.member.page-find-pw-phone .v2-resend-box, .v2-contents.member.page-find-pw-email .v2-resend-box, .v2-contents.member.page-find-pw .v2-resend-box, .v2-contents.member.page-pw-reset .v2-resend-box {
  width: 100%;
  text-align: right;
}
.v2-contents.member.page-login .v2-resend-box span, .v2-contents.member.page-join .v2-resend-box span, .v2-contents.member.page-find-id-phone .v2-resend-box span, .v2-contents.member.page-find-id-email .v2-resend-box span, .v2-contents.member.page-join-email .v2-resend-box span, .v2-contents.member.page-find-pw-phone .v2-resend-box span, .v2-contents.member.page-find-pw-email .v2-resend-box span, .v2-contents.member.page-find-pw .v2-resend-box span, .v2-contents.member.page-pw-reset .v2-resend-box span {
  color: var(--primary-gray-06, #888);
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member.page-login .v2-resend-box span, .v2-contents.member.page-join .v2-resend-box span, .v2-contents.member.page-find-id-phone .v2-resend-box span, .v2-contents.member.page-find-id-email .v2-resend-box span, .v2-contents.member.page-join-email .v2-resend-box span, .v2-contents.member.page-find-pw-phone .v2-resend-box span, .v2-contents.member.page-find-pw-email .v2-resend-box span, .v2-contents.member.page-find-pw .v2-resend-box span, .v2-contents.member.page-pw-reset .v2-resend-box span {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-login .v2-resend-box span, .v2-contents.member.page-join .v2-resend-box span, .v2-contents.member.page-find-id-phone .v2-resend-box span, .v2-contents.member.page-find-id-email .v2-resend-box span, .v2-contents.member.page-join-email .v2-resend-box span, .v2-contents.member.page-find-pw-phone .v2-resend-box span, .v2-contents.member.page-find-pw-email .v2-resend-box span, .v2-contents.member.page-find-pw .v2-resend-box span, .v2-contents.member.page-pw-reset .v2-resend-box span {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-login .v2-resend-box span, .v2-contents.member.page-join .v2-resend-box span, .v2-contents.member.page-find-id-phone .v2-resend-box span, .v2-contents.member.page-find-id-email .v2-resend-box span, .v2-contents.member.page-join-email .v2-resend-box span, .v2-contents.member.page-find-pw-phone .v2-resend-box span, .v2-contents.member.page-find-pw-email .v2-resend-box span, .v2-contents.member.page-find-pw .v2-resend-box span, .v2-contents.member.page-pw-reset .v2-resend-box span {
    font-size: var(--text-base);
  }
}
.v2-contents.member.page-login .v2-resend-box .link-resend, .v2-contents.member.page-join .v2-resend-box .link-resend, .v2-contents.member.page-find-id-phone .v2-resend-box .link-resend, .v2-contents.member.page-find-id-email .v2-resend-box .link-resend, .v2-contents.member.page-join-email .v2-resend-box .link-resend, .v2-contents.member.page-find-pw-phone .v2-resend-box .link-resend, .v2-contents.member.page-find-pw-email .v2-resend-box .link-resend, .v2-contents.member.page-find-pw .v2-resend-box .link-resend, .v2-contents.member.page-pw-reset .v2-resend-box .link-resend {
  color: var(--primary-gray-08, #555);
  font-weight: 600;
  text-decoration: underline;
  text-underline-position: from-font;
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member.page-login .v2-resend-box .link-resend, .v2-contents.member.page-join .v2-resend-box .link-resend, .v2-contents.member.page-find-id-phone .v2-resend-box .link-resend, .v2-contents.member.page-find-id-email .v2-resend-box .link-resend, .v2-contents.member.page-join-email .v2-resend-box .link-resend, .v2-contents.member.page-find-pw-phone .v2-resend-box .link-resend, .v2-contents.member.page-find-pw-email .v2-resend-box .link-resend, .v2-contents.member.page-find-pw .v2-resend-box .link-resend, .v2-contents.member.page-pw-reset .v2-resend-box .link-resend {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-login .v2-resend-box .link-resend, .v2-contents.member.page-join .v2-resend-box .link-resend, .v2-contents.member.page-find-id-phone .v2-resend-box .link-resend, .v2-contents.member.page-find-id-email .v2-resend-box .link-resend, .v2-contents.member.page-join-email .v2-resend-box .link-resend, .v2-contents.member.page-find-pw-phone .v2-resend-box .link-resend, .v2-contents.member.page-find-pw-email .v2-resend-box .link-resend, .v2-contents.member.page-find-pw .v2-resend-box .link-resend, .v2-contents.member.page-pw-reset .v2-resend-box .link-resend {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-login .v2-resend-box .link-resend, .v2-contents.member.page-join .v2-resend-box .link-resend, .v2-contents.member.page-find-id-phone .v2-resend-box .link-resend, .v2-contents.member.page-find-id-email .v2-resend-box .link-resend, .v2-contents.member.page-join-email .v2-resend-box .link-resend, .v2-contents.member.page-find-pw-phone .v2-resend-box .link-resend, .v2-contents.member.page-find-pw-email .v2-resend-box .link-resend, .v2-contents.member.page-find-pw .v2-resend-box .link-resend, .v2-contents.member.page-pw-reset .v2-resend-box .link-resend {
    font-size: var(--text-base);
  }
}
.v2-contents.member {
  /* 약관동의 */
}
.v2-contents.member.page-join-kr-terms label, .v2-contents.member.page-join-en-terms label {
  color: var(--primary-gray-07, #666);
  font-weight: 600;
  line-height: 100%; /* 14px */
  letter-spacing: -0.14px;
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms label, .v2-contents.member.page-join-en-terms label {
    font-size: var(--text-sm);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms label, .v2-contents.member.page-join-en-terms label {
    font-size: var(--text-sm);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms label, .v2-contents.member.page-join-en-terms label {
    font-size: var(--text-lg);
  }
}
.v2-contents.member.page-join-kr-terms .agree-content p, .v2-contents.member.page-join-en-terms .agree-content p {
  padding-bottom: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .agree-content p, .v2-contents.member.page-join-en-terms .agree-content p {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .agree-content p, .v2-contents.member.page-join-en-terms .agree-content p {
    padding-bottom: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .agree-content p, .v2-contents.member.page-join-en-terms .agree-content p {
    padding-bottom: 16px;
  }
}
.v2-contents.member.page-join-kr-terms .v2-form-row, .v2-contents.member.page-join-en-terms .v2-form-row {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
}
.v2-contents.member.page-join-kr-terms .v2-form-row .v2-check-box, .v2-contents.member.page-join-en-terms .v2-form-row .v2-check-box {
  margin-top: 0;
}
.v2-contents.member.page-join-kr-terms .error, .v2-contents.member.page-join-en-terms .error {
  width: 100%;
  position: relative;
  color: var(--color-error);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .error, .v2-contents.member.page-join-en-terms .error {
    font-size: var(--text-sm);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .error, .v2-contents.member.page-join-en-terms .error {
    font-size: var(--text-sm);
  }
}
.v2-contents.member.page-join-kr-terms .error, .v2-contents.member.page-join-en-terms .error {
  padding-top: 1.6vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .error, .v2-contents.member.page-join-en-terms .error {
    padding-top: 0.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .error, .v2-contents.member.page-join-en-terms .error {
    padding-top: 6px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .error, .v2-contents.member.page-join-en-terms .error {
    font-size: var(--text-lg);
    padding-top: 8px;
  }
}
.v2-contents.member.page-join-kr-terms .error:before, .v2-contents.member.page-join-en-terms .error:before {
  content: "*";
  color: inherit;
  margin-top: 2px;
  margin-right: 1.0667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .error:before, .v2-contents.member.page-join-en-terms .error:before {
    margin-right: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .error:before, .v2-contents.member.page-join-en-terms .error:before {
    margin-right: 4px;
  }
}
.v2-contents.member.page-join-kr-terms .error:before, .v2-contents.member.page-join-en-terms .error:before {
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .error:before, .v2-contents.member.page-join-en-terms .error:before {
    font-size: var(--text-sm);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .error:before, .v2-contents.member.page-join-en-terms .error:before {
    font-size: var(--text-sm);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .error:before, .v2-contents.member.page-join-en-terms .error:before {
    font-size: var(--text-lg);
  }
}
.v2-contents.member.page-join-kr-terms, .v2-contents.member.page-join-en-terms {
  /* 5-1. 전체 동의 박스 */
}
.v2-contents.member.page-join-kr-terms .v2-terms-all, .v2-contents.member.page-join-en-terms .v2-terms-all {
  border: 1px solid var(--primary-gray-04, #DDD);
  background: var(--primary-gray-02, #F5F5F5);
  border-radius: 1.6vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-all, .v2-contents.member.page-join-en-terms .v2-terms-all {
    border-radius: 0.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-all, .v2-contents.member.page-join-en-terms .v2-terms-all {
    border-radius: 6px;
  }
}
.v2-contents.member.page-join-kr-terms .v2-terms-all, .v2-contents.member.page-join-en-terms .v2-terms-all {
  margin-bottom: 7.4667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-all, .v2-contents.member.page-join-en-terms .v2-terms-all {
    margin-bottom: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-all, .v2-contents.member.page-join-en-terms .v2-terms-all {
    margin-bottom: 28px;
  }
}
.v2-contents.member.page-join-kr-terms .v2-terms-all, .v2-contents.member.page-join-en-terms .v2-terms-all {
  padding: 3.2vw 4.2667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-all, .v2-contents.member.page-join-en-terms .v2-terms-all {
    padding: 0.75rem 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-all, .v2-contents.member.page-join-en-terms .v2-terms-all {
    padding: 12px 16px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-all, .v2-contents.member.page-join-en-terms .v2-terms-all {
    padding: 16px 24px;
    border-radius: 8px;
    margin-bottom: 40px;
  }
}
.v2-contents.member.page-join-kr-terms, .v2-contents.member.page-join-en-terms {
  /* 5-2. 개별 약관 리스트 */
}
.v2-contents.member.page-join-kr-terms .v2-terms-list, .v2-contents.member.page-join-en-terms .v2-terms-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list, .v2-contents.member.page-join-en-terms .v2-terms-list {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list, .v2-contents.member.page-join-en-terms .v2-terms-list {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list, .v2-contents.member.page-join-en-terms .v2-terms-list {
    margin-bottom: 48px;
  }
}
.v2-contents.member.page-join-kr-terms .v2-terms-list li, .v2-contents.member.page-join-en-terms .v2-terms-list li {
  display: flex;
  flex-direction: column;
  margin: 3.2vw 0vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li, .v2-contents.member.page-join-en-terms .v2-terms-list li {
    margin: 0.75rem 0rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li, .v2-contents.member.page-join-en-terms .v2-terms-list li {
    margin: 12px 0px;
  }
}
.v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-head, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-head {
  flex-flow: wrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-head .v2-check-box label, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-head .v2-check-box label {
  color: var(--primary-gray-09, #333);
  font-size: 4vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-head .v2-check-box label, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-head .v2-check-box label {
    font-size: 0.9375rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-head .v2-check-box label, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-head .v2-check-box label {
    font-size: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-head .v2-check-box label, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-head .v2-check-box label {
    font-size: 16px;
  }
}
.v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-head .btn-toggle, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-head .btn-toggle {
  color: var(--primary-gray-08, #555);
  font-weight: 600;
  line-height: 100%; /* 14px */
  letter-spacing: -0.14px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-head .btn-toggle, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-head .btn-toggle {
    font-size: var(--text-sm);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-head .btn-toggle, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-head .btn-toggle {
    font-size: var(--text-sm);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-head .btn-toggle, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-head .btn-toggle {
    font-size: var(--text-lg);
  }
}
.v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body {
  display: none; /* 기본 닫힘 상태 */
  border: 1px solid var(--primary-gray-04, #DDD);
  background: var(--primary-gray-02, #F5F5F5);
  border-radius: 1.6vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body {
    border-radius: 0.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body {
    border-radius: 6px;
  }
}
.v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body {
  padding: 3.2vw 4.2667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body {
    padding: 0.75rem 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body {
    padding: 12px 16px;
  }
}
.v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body {
  margin-top: 3.2vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body {
    margin-top: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body {
    margin-top: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body {
    padding: 16px 24px;
    border-radius: 8px;
    margin-bottom: 40px;
  }
}
.v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body .scroll-area, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body .scroll-area {
  overflow-y: auto;
  line-height: 1.5;
  height: 32vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body .scroll-area, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body .scroll-area {
    height: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body .scroll-area, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body .scroll-area {
    height: 120px;
  }
}
.v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body .scroll-area, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body .scroll-area {
  /* 웹킷 기반 스크롤바 커스텀 */
}
.v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body .scroll-area::-webkit-scrollbar, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body .scroll-area::-webkit-scrollbar {
  width: 4px;
}
.v2-contents.member.page-join-kr-terms .v2-terms-list li .terms-body .scroll-area::-webkit-scrollbar-thumb, .v2-contents.member.page-join-en-terms .v2-terms-list li .terms-body .scroll-area::-webkit-scrollbar-thumb {
  background: var(--primary-gray-04, #DDD);
  border-radius: 4px;
}
.v2-contents.member.page-join-kr-terms .v2-terms-list li, .v2-contents.member.page-join-en-terms .v2-terms-list li {
  /* 스크립트로 is-open 클래스가 붙었을 때 박스 펼침 */
}
.v2-contents.member.page-join-kr-terms .v2-terms-list li.is-open .terms-body, .v2-contents.member.page-join-en-terms .v2-terms-list li.is-open .terms-body {
  display: block;
}
.v2-contents.member.page-join-kr-terms .v2-terms-list li:last-of-type, .v2-contents.member.page-join-en-terms .v2-terms-list li:last-of-type {
  margin-bottom: 0;
}
.v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner {
  max-width: 480px;
  margin: auto;
  padding: 10.6667vw 0vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner {
    padding: 2.5rem 0rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner {
    padding: 40px 0px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner {
    padding: 64px 0px;
  }
}
.v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head {
  flex-flow: wrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head > p {
  width: 100%;
  color: var(--primary-gray-10, #222);
  font-weight: 500;
  line-height: 100%; /* 14px */
  letter-spacing: -0.14px;
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head > p {
    font-size: var(--text-sm);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head > p {
    font-size: var(--text-sm);
  }
}
.v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head > p {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head > p {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head > p {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head > p {
    font-size: var(--text-xl);
  }
}
.v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head > p strong {
  font-weight: 700;
  color: var(--primary-01-main, #494E8F);
}
.v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head .v2-check-box label {
  color: var(--primary-gray-09, #333);
  font-size: 4vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head .v2-check-box label {
    font-size: 0.9375rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head .v2-check-box label {
    font-size: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head .v2-check-box label {
    font-size: 16px;
  }
}
.v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head .btn-toggle {
  color: var(--primary-gray-08, #555);
  font-weight: 600;
  line-height: 100%; /* 14px */
  letter-spacing: -0.14px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head .btn-toggle {
    font-size: var(--text-sm);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head .btn-toggle {
    font-size: var(--text-sm);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper.full .inner .terms-head .btn-toggle {
    font-size: var(--text-lg);
  }
}
.v2-contents.member.page-join-en-terms .v2-form-wrapper .v2-terms-list {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper .v2-terms-list {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper .v2-terms-list {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-en-terms .v2-form-wrapper .v2-terms-list {
    margin-bottom: 64px;
  }
}
.v2-contents.member.page-join-en-terms .v2-btn-group {
  margin-top: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-en-terms .v2-btn-group {
    margin-top: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-en-terms .v2-btn-group {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-en-terms .v2-btn-group {
    margin-top: 48px;
  }
}
.v2-contents.member.page-join .v2-dropdown .v2-dropdown-box:nth-of-type(1) {
  z-index: 3;
}
.v2-contents.member.page-join .v2-dropdown .v2-dropdown-box:nth-of-type(2) {
  z-index: 2;
}
.v2-contents.member.page-join-done .v2-btn-group {
  margin-top: 7.4667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-join-done .v2-btn-group {
    margin-top: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-btn-group {
    margin-top: 28px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-join-done .v2-btn-group {
    margin-top: 40px;
  }
}
.v2-contents.member {
  /* =================================================================
  [6] 개별 페이지: 마이페이지 내 정보 (page-mypage-info)
  ================================================================= */
}
.v2-contents.member.page-mypage-info .v2-mypage-wrapper {
  width: 100%;
  margin: 0 auto;
  background: var(--primary-gray-01, #F9F9F9);
  padding: 4.2667vw 0vw 0vw 0vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-wrapper {
    padding: 1rem 0rem 0rem 0rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-wrapper {
    padding: 16px 0px 0px 0px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-wrapper {
    padding-top: 0;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-wrapper.bottom {
  background: #fff;
  padding: 5.3333vw 5.3333vw 53.3333vw 5.3333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-wrapper.bottom {
    padding: 1.25rem 1.25rem 12.5rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-wrapper.bottom {
    padding: 20px 20px 200px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-wrapper.bottom {
    padding: 44px 0 0 0;
  }
}
.v2-contents.member.page-mypage-info {
  /* 1. 프로필 영역 */
}
.v2-contents.member.page-mypage-info .v2-profile-area {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 17.0667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-profile-area {
    padding-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area {
    padding-bottom: 64px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area {
    padding-bottom: 64px;
  }
}
.v2-contents.member.page-mypage-info .v2-profile-area .profile {
  position: relative;
  width: 34.1333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile {
    width: 8rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile {
    width: 128px;
  }
}
.v2-contents.member.page-mypage-info .v2-profile-area .profile {
  height: 29.3333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile {
    height: 6.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile {
    height: 110px;
  }
}
.v2-contents.member.page-mypage-info .v2-profile-area .profile .thumb-box {
  position: relative;
  border: 4px solid var(--primary-gray-10, #222);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 31.4667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile .thumb-box {
    width: 7.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile .thumb-box {
    width: 118px;
  }
}
.v2-contents.member.page-mypage-info .v2-profile-area .profile .thumb-box {
  height: 31.4667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile .thumb-box {
    height: 7.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile .thumb-box {
    height: 118px;
  }
}
.v2-contents.member.page-mypage-info .v2-profile-area .profile .thumb-box {
  border-radius: 31.4667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile .thumb-box {
    border-radius: 7.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile .thumb-box {
    border-radius: 118px;
  }
}
.v2-contents.member.page-mypage-info .v2-profile-area .profile .thumb-box img {
  width: 100%;
  height: auto;
}
.v2-contents.member.page-mypage-info .v2-profile-area .profile .v2-btn-edit {
  position: absolute;
  background-image: url("/images/v2/icon-pen.svg");
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  border: 3px solid var(--primary-gray-04, #DDD);
  cursor: pointer;
  right: 0;
  bottom: 0;
  flex-shrink: 0;
  filter: drop-shadow(0 0 24px rgba(0, 0, 0, 0.06));
  background-size: 4.5333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile .v2-btn-edit {
    background-size: 1.0625rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile .v2-btn-edit {
    background-size: 17px;
  }
}
.v2-contents.member.page-mypage-info .v2-profile-area .profile .v2-btn-edit {
  width: 10.6667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile .v2-btn-edit {
    width: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile .v2-btn-edit {
    width: 40px;
  }
}
.v2-contents.member.page-mypage-info .v2-profile-area .profile .v2-btn-edit {
  height: 10.6667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile .v2-btn-edit {
    height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile .v2-btn-edit {
    height: 40px;
  }
}
.v2-contents.member.page-mypage-info .v2-profile-area .profile .v2-btn-edit {
  border-radius: 10.6667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile .v2-btn-edit {
    border-radius: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .profile .v2-btn-edit {
    border-radius: 40px;
  }
}
.v2-contents.member.page-mypage-info .v2-profile-area .info-box {
  margin-top: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .info-box {
    margin-top: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .info-box {
    margin-top: 32px;
  }
}
.v2-contents.member.page-mypage-info .v2-profile-area .info-box .grade {
  display: block;
  color: var(--primary-gray-06, #888);
  font-weight: 500;
  margin-bottom: 3.2vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .info-box .grade {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .info-box .grade {
    margin-bottom: 12px;
  }
}
.v2-contents.member.page-mypage-info .v2-profile-area .info-box .grade {
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .info-box .grade {
    font-size: var(--text-sm);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .info-box .grade {
    font-size: var(--text-sm);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .info-box .grade {
    font-size: var(--text-xl);
  }
}
.v2-contents.member.page-mypage-info .v2-profile-area .info-box .name-group {
  color: var(--primary-gray-09, #222);
  font-weight: 700;
  font-size: var(--text-xl);
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .info-box .name-group {
    font-size: var(--text-xl);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .info-box .name-group {
    font-size: var(--text-xl);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-profile-area .info-box .name-group {
    font-size: 28px;
  }
}
.v2-contents.member.page-mypage-info .v2-profile-area .info-box .name-group .name {
  color: var(--primary-02-point, #F97173);
  font-weight: 700;
}
.v2-contents.member.page-mypage-info {
  /* 2. SNS 연동 안내 (말풍선) */
}
.v2-contents.member.page-mypage-info .v2-sns-tooltip {
  position: absolute;
  top: 0;
  background-color: var(--primary-01-main, #494E8F);
  text-align: center;
  font-weight: 500;
  line-height: 1.4;
  width: fit-content;
  margin: 0 auto;
  color: #fff;
  right: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-sns-tooltip {
    right: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-sns-tooltip {
    right: 20px;
  }
}
.v2-contents.member.page-mypage-info .v2-sns-tooltip {
  border-radius: 1.0667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-sns-tooltip {
    border-radius: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-sns-tooltip {
    border-radius: 4px;
  }
}
.v2-contents.member.page-mypage-info .v2-sns-tooltip {
  padding: 3.2vw 6.4vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-sns-tooltip {
    padding: 0.75rem 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-sns-tooltip {
    padding: 12px 24px;
  }
}
.v2-contents.member.page-mypage-info .v2-sns-tooltip {
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-sns-tooltip {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-sns-tooltip {
    font-size: var(--text-xs);
  }
}
.v2-contents.member.page-mypage-info .v2-sns-tooltip {
  top: -13.8667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-sns-tooltip {
    top: -3.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-sns-tooltip {
    top: -52px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-sns-tooltip {
    font-size: var(--text-base);
    border-radius: 8px;
    padding: 12px 20px;
    top: 20px;
  }
}
.v2-contents.member.page-mypage-info .v2-sns-tooltip strong {
  font-weight: 700;
}
.v2-contents.member.page-mypage-info .v2-sns-tooltip {
  /* 말풍선 아래 꼬리 */
}
.v2-contents.member.page-mypage-info .v2-sns-tooltip::after {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 20%;
  border-width: 8px 6px 0;
  border-style: solid;
  border-color: var(--primary-01-main, #494E8F) transparent transparent transparent;
}
.v2-contents.member.page-mypage-info {
  /* 3. 메뉴 리스트 */
}
.v2-contents.member.page-mypage-info .v2-mypage-menu {
  width: 100%;
  max-width: 480px;
  margin: auto;
}
.v2-contents.member.page-mypage-info .v2-mypage-menu li {
  position: relative;
  border-bottom: 1px solid var(--primary-gray-04, #ddd);
  padding: 0vw 4.2667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu li {
    padding: 0rem 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu li {
    padding: 0px 16px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu li {
    padding: 0 24px;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3.2vw 0;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link {
    padding: 0.75rem 0;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link {
    padding: 12px 0;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link {
    padding: 24px 0;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-label {
  color: var(--primary-gray-09, #222);
  font-weight: 600;
  font-size: var(--text-base);
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-label {
    font-size: var(--text-base);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-label {
    font-size: var(--text-base);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-label {
    font-size: var(--text-xl);
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right {
  display: flex;
  align-items: center;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right {
    gap: 8px;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .menu-value {
  color: var(--primary-gray-05, #aaa);
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .menu-value {
    font-size: var(--text-sm);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .menu-value {
    font-size: var(--text-sm);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .menu-value {
    font-size: var(--text-lg);
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons {
  gap: 0vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons {
    gap: 0rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons {
    gap: 0px;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns {
  gap: 0vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns {
    gap: 0rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns {
    gap: 0px;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns span {
  display: none;
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns i {
  width: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns i {
    width: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns i {
    width: 16px;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns i {
  height: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns i {
    height: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns i {
    height: 16px;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns i {
  border-radius: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns i {
    border-radius: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns i {
    border-radius: 16px;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns.naver i {
  background: #03c75a;
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns.naver i img {
  width: 1.8667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns.naver i img {
    width: 0.4375rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns.naver i img {
    width: 7px;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns.kakao i {
  background: #fee500;
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns.kakao i img {
  width: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns.kakao i img {
    width: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns.kakao i img {
    width: 8px;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns.google i {
  background: var(--primary-gray-02, #F5F5F5);
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns.google i img {
  width: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns.google i img {
    width: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .v2-sns-buttons .v2-btn-sns.google i img {
    width: 8px;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .icon-svg {
  width: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .icon-svg {
    width: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .icon-svg {
    width: 32px;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .icon-svg {
  height: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .icon-svg {
    height: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .icon-svg {
    height: 32px;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-menu .menu-link .menu-right .icon-svg svg {
  color: var(--primary-gray-05, #aaa);
}
.v2-contents.member.page-mypage-info {
  /* 4. 하단 보조 링크 */
}
.v2-contents.member.page-mypage-info .v2-mypage-footer {
  text-align: center;
  margin-top: 23.4667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-footer {
    margin-top: 5.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-footer {
    margin-top: 88px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-footer {
    margin-top: 56px;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-footer .link-item {
  font-weight: 500;
  color: var(--primary-gray-06, #888);
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-footer .link-item {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-footer .link-item {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-footer .link-item {
    font-size: var(--text-base);
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-footer .divider {
  color: var(--primary-gray-06, #888);
  margin: 0 3.2vw;
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-footer .divider {
    margin: 0 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-footer .divider {
    margin: 0 12px;
  }
}
.v2-contents.member.page-mypage-info .v2-mypage-footer .divider {
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member.page-mypage-info .v2-mypage-footer .divider {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-footer .divider {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.page-mypage-info .v2-mypage-footer .divider {
    font-size: var(--text-base);
  }
}
.v2-contents.member.mypage_sns .v2-sns-section {
  margin-top: 0;
}
.v2-contents.member.mypage_sns .v2-account-info-box .profile-area a {
  color: var(--primary-02-point, #F97173);
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  letter-spacing: -0.12px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  position: absolute;
  right: 6.4vw;
}
@media (min-width: 768px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area a {
    right: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area a {
    right: 24px;
  }
}
.v2-contents.member.mypage_sns .v2-account-info-box .profile-area a {
  top: 6.4vw;
}
@media (min-width: 768px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area a {
    top: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area a {
    top: 24px;
  }
}
.v2-contents.member.mypage_sns .v2-account-info-box .profile-area a {
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area a {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area a {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area a {
    font-size: var(--text-base);
  }
}
.v2-contents.member.mypage_sns .v2-account-info-box .profile-area .keep, .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .del {
  text-decoration: none;
  border: 1.5px solid var(--primary-02-point, #F97173);
  color: var(--primary-02-point, #F97173);
  font-weight: 700;
  line-height: 100%; /* 16px */
  letter-spacing: -0.16px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0vw 3.2vw;
}
@media (min-width: 768px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .keep, .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .del {
    padding: 0rem 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .keep, .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .del {
    padding: 0px 12px;
  }
}
.v2-contents.member.mypage_sns .v2-account-info-box .profile-area .keep, .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .del {
  height: 6.4vw;
}
@media (min-width: 768px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .keep, .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .del {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .keep, .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .del {
    height: 24px;
  }
}
.v2-contents.member.mypage_sns .v2-account-info-box .profile-area .keep, .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .del {
  border-radius: 6.4vw;
}
@media (min-width: 768px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .keep, .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .del {
    border-radius: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .keep, .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .del {
    border-radius: 24px;
  }
}
.v2-contents.member.mypage_sns .v2-account-info-box .profile-area .keep, .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .del {
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .keep, .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .del {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .keep, .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .del {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .keep, .v2-contents.member.mypage_sns .v2-account-info-box .profile-area .del {
    height: 32px;
    border-radius: 32px;
    font-size: var(--text-base);
  }
}
.v2-contents.member.mypage_sns .v2-account-info-box .profile-area .keep {
  color: var(--primary-gray-05, #AAA);
  border: 1.5px solid var(--primary-gray-05, #AAA);
}
.v2-contents.member.mypage_sns .account-rusult {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.mypage_sns .account-rusult {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.mypage_sns .account-rusult {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.mypage_sns .account-rusult {
    margin-bottom: 48px;
  }
}
.v2-contents.member.mypage_sns .account-rusult p {
  text-align: center;
  font-weight: 500;
  color: var(--primary-gray-07, #666);
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member.mypage_sns .account-rusult p {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.mypage_sns .account-rusult p {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.mypage_sns .account-rusult p {
    font-size: var(--text-base);
  }
}
.v2-contents.member.mypage_sns .account-rusult p:nth-child(1) strong {
  font-weight: 700;
}
.v2-contents.member.mypage_sns .account-rusult p:nth-child(2) strong {
  font-weight: 700;
  color: var(--primary-02-point, #F97173);
}
.v2-contents.member {
  /* 중복계정안내 (현재 로그인 계정 / 삭제되는 계정) */
}
.v2-contents.member.v2-duplicate-guide .v2-page-header .v2-page-desc {
  line-height: 1.4;
}
.v2-contents.member.v2-duplicate-guide .v2-page-header .v2-page-desc strong {
  font-weight: 500;
}
.v2-contents.member.v2-duplicate-guide .v2-account-group {
  margin-bottom: 10.6667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group {
    margin-bottom: 64px;
  }
}
.v2-contents.member.v2-duplicate-guide .v2-account-group:last-of-type {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group:last-of-type {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group:last-of-type {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group:last-of-type {
    margin-bottom: 48px;
  }
}
.v2-contents.member.v2-duplicate-guide .v2-account-group .v2-account-group-title {
  color: var(--primary-01-main, #494E8F);
  font-weight: 700;
  line-height: 100%;
  font-size: var(--text-base);
}
@media (min-width: 768px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group .v2-account-group-title {
    font-size: var(--text-base);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group .v2-account-group-title {
    font-size: var(--text-base);
  }
}
.v2-contents.member.v2-duplicate-guide .v2-account-group .v2-account-group-title {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group .v2-account-group-title {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group .v2-account-group-title {
    margin-bottom: 16px;
  }
}
.v2-contents.member.v2-duplicate-guide .v2-account-group .v2-account-group-title {
  letter-spacing: -0.0427vw;
}
@media (min-width: 768px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group .v2-account-group-title {
    letter-spacing: -0.01rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group .v2-account-group-title {
    letter-spacing: -0.16px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group .v2-account-group-title {
    font-size: var(--text-2xl);
    margin-bottom: 20px;
    letter-spacing: -0.24px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group .v2-account-info-box {
    border-width: 1.5px;
  }
}
.v2-contents.member.v2-duplicate-guide .v2-account-group .v2-account-info-box:last-child {
  margin-bottom: 0;
}
.v2-contents.member.v2-duplicate-guide .v2-account-group .v2-user-meta {
  display: flex;
  align-items: center;
  font-weight: 500;
  line-height: 100%;
  gap: 3.2vw;
}
@media (min-width: 768px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group .v2-user-meta {
    gap: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group .v2-user-meta {
    gap: 12px;
  }
}
.v2-contents.member.v2-duplicate-guide .v2-account-group .v2-user-meta {
  font-size: var(--text-xs);
}
@media (min-width: 768px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group .v2-user-meta {
    font-size: var(--text-xs);
  }
}
@media (min-width: 1200px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group .v2-user-meta {
    font-size: var(--text-xs);
  }
}
@media screen and (min-width: 1200px) {
  .v2-contents.member.v2-duplicate-guide .v2-account-group .v2-user-meta {
    font-size: var(--text-base);
  }
}
.v2-contents.member.v2-duplicate-guide .v2-account-group .v2-user-meta .v2-user-grade {
  color: var(--primary-02-point, #F97173);
}
.v2-contents.member.v2-duplicate-guide .v2-account-group .v2-user-meta .user-date {
  color: var(--primary-gray-06, #888);
  font-size: inherit;
}

.v2-dropdown > div:nth-of-type(1) {
  z-index: 2;
}
.v2-dropdown > div:nth-of-type(2) {
  z-index: 1;
}

/* pc 내정보수정 박스 */
.v2-mypage-profile-card {
  width: 528px;
  background-color: #FBF7F5;
  border-radius: 16px;
  border: 2px solid #F7EEEB;
  padding: 40px;
  margin-right: 24px;
  margin-bottom: 24px;
  align-content: space-between;
  flex-flow: wrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /* 1. 상단 프로필 영역 */
}
.v2-mypage-profile-card .profile-top {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.v2-mypage-profile-card .profile-thumb {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  border: 3px solid var(--primary-gray-10, #222);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-right: 16px;
}
.v2-mypage-profile-card .profile-thumb img {
  width: 100%;
  height: auto;
}
.v2-mypage-profile-card .profile-info {
  flex: 1; /* 중앙 정보 영역이 남은 여백을 채움 */
  padding-top: 5px;
}
.v2-mypage-profile-card .profile-info .grade {
  display: block;
  color: var(--primary-gray-07, #666);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.v2-mypage-profile-card .profile-info .name-group {
  color: var(--primary-gray-10, #222);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.32px;
  margin-bottom: 11px;
  padding: 0.1em 0;
  line-height: 1.5;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}
.v2-mypage-profile-card .profile-info .name-group .name {
  color: var(--primary-02-point, #F97173);
}
.v2-mypage-profile-card .profile-info .id-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.v2-mypage-profile-card .profile-info .id-group .id {
  color: var(--primary-gray-05, #AAA);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.18px;
}
.v2-mypage-profile-card .profile-info .id-group {
  /* N 연동 뱃지 */
}
.v2-mypage-profile-card .profile-info .id-group .icon-sns-naver {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: #04C60A;
  border-radius: 50%;
}
.v2-mypage-profile-card .profile-info .id-group .icon-sns-naver img {
  width: 8px;
}
.v2-mypage-profile-card .v2-sns-tooltip {
  position: absolute;
  right: 20px;
  top: 20px;
  color: var(--gray-white, #FFF);
  background-color: #555A97; /* 시안의 보라색 */
  text-align: center;
  line-height: 1.4;
  padding: 8px 20px;
  border-radius: 8px;
  margin-bottom: 12px;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.32px;
}
.v2-mypage-profile-card .v2-sns-tooltip strong {
  font-weight: 700;
}
.v2-mypage-profile-card .v2-sns-tooltip::after {
  content: "";
  position: absolute;
  bottom: -6px;
  right: 24px;
  border-width: 6px 6px 0;
  border-style: solid;
  border-color: #555A97 transparent transparent transparent;
}
.v2-mypage-profile-card {
  /* 2. 우측 SNS 관리 영역 */
}
.v2-mypage-profile-card .profile-action {
  display: flex;
  align-self: flex-end;
}
.v2-mypage-profile-card .profile-action .link-sns-manage {
  color: var(--primary-02-point, #F97173);
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%; /* 16px */
  letter-spacing: -0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.v2-mypage-profile-card {
  /* 3. 구분선 */
}
.v2-mypage-profile-card .profile-divider {
  width: 100%;
  border: 0;
  height: 2px;
  background-color: #F7EEEB;
}
.v2-mypage-profile-card {
  /* 4. 하단 안내 영역 */
}
.v2-mypage-profile-card .profile-bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.v2-mypage-profile-card .profile-bottom .notice-txt {
  color: var(--primary-gray-05, #AAA);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.18px;
}
.v2-mypage-profile-card .profile-bottom .link-app-install {
  color: var(--primary-02-point, #F97173);
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%; /* 16px */
  letter-spacing: -0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

/* =================================================================
   [v2] 마이페이지 - 내 정보 수정 (SNS 연동) 
   ================================================================= */
/* =================================================================
   [v2] 마이페이지 - 내 정보 수정 (SNS 연동 및 관리) 
   ================================================================= */
.v2-mypage-sns-wrap {
  width: 100%;
}
.v2-mypage-sns-wrap.pc-only .v2-page-title {
  color: var(--primary-gray-10, #222);
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.32px;
  margin-bottom: 40px;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box {
  padding: 64px 40px;
  text-align: center;
  border-radius: 16px;
  border: 2px solid #F7EEEB;
  background: #FBF7F5;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-header {
  flex-flow: wrap;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-header h3 {
  width: 100%;
  margin: 0 0 16px 0;
  color: var(--primary-gray-10, #222);
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.24px;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-header p {
  width: 100%;
  color: var(--primary-gray-07, #666);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.18px;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box {
  /* [연결 전] 텍스트가 있는 중앙 가로선 */
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-divider {
  position: relative;
  max-width: 480px;
  margin: 64px auto 32px auto;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-divider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #DDD;
  z-index: 1;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-divider span {
  position: relative;
  z-index: 2;
  background-color: #FAF8F7;
  padding: 0 34px;
  color: var(--primary-gray-10, #222);
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.2px;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box {
  /* [연결 전] 하단 SNS 버튼 묶음 */
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-sns-buttons {
  display: flex;
  justify-content: center;
  gap: 73px;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-sns-buttons .btn-sns {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-sns-buttons .btn-sns .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-sns-buttons .btn-sns .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-sns-buttons .btn-sns.naver .icon {
  background: #03C75A;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-sns-buttons .btn-sns.naver .icon img {
  width: 26px;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-sns-buttons .btn-sns.kakao .icon {
  background: #FEE500;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-sns-buttons .btn-sns.kakao .icon img {
  width: 30px;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-sns-buttons .btn-sns.google .icon {
  background: #F5F5F5;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-sns-buttons .btn-sns.google .icon img {
  width: 31px;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-sns-buttons .btn-sns .label {
  background-color: transparent;
  color: var(--primary-gray-10, #222);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.18px;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-connected-card {
  position: relative;
  max-width: 480px;
  margin: 48px auto 0;
  border-radius: 12px;
  padding: 40px 32px;
  display: flex;
  align-items: center;
  border-radius: 16px;
  border: 1.5px solid var(--primary-gray-04, #DDD);
  background: var(--gray-white, #FFF);
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-connected-card .card-profile {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  border: 2px solid var(--primary-gray-10, #222);
  background-color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-connected-card .card-profile img {
  width: 100%;
  height: auto;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-connected-card .card-info {
  flex: 1;
  text-align: left;
  margin-left: 16px;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-connected-card .card-info .sns-type {
  display: block;
  margin-bottom: 10px;
  color: var(--primary-gray-10, #222);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.2px;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-connected-card .card-info .user-detail {
  margin: 0;
  color: var(--PRIMARY-GRAY-07, #555);
  font-size: 18px;
  letter-spacing: -0.18px;
}
.v2-mypage-sns-wrap.pc-only .v2-sns-connect-box .box-connected-card .btn-disconnect {
  position: absolute;
  top: 24px;
  right: 32px;
  color: var(--primary-02-point, #F97173);
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.v2-mypage-sns-wrap.pc-only .v2-btn-wrap {
  margin-top: 80px;
  text-align: center;
}
.v2-mypage-sns-wrap.pc-only .v2-btn-wrap .btn-prev {
  background: var(--primary-01-main, #494E8F);
  min-width: 200px;
  min-height: 60px;
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  border: none;
  padding: 20px 48px;
  cursor: pointer;
  border-radius: 60px;
  color: var(--gray-white, #FFF);
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.2px;
}
.v2-mypage-sns-wrap.mo-only {
  /* 모바일 전용 스타일 예약 */
}

/* =================================================================
[v2] 모바일 전용: 내교실 앱 화면 (responsive 믹스인 적용)
================================================================= */
/* 공통 섹션 여백 */
.v2-section {
  margin-top: 12.8vw;
}
@media (min-width: 768px) {
  .v2-section {
    margin-top: 3rem;
  }
}
@media (min-width: 1200px) {
  .v2-section {
    margin-top: 48px;
  }
}

/* 공통 섹션 타이틀 */
.v2-sec-title {
  position: relative;
  display: inline-block;
  color: var(--primary-gray-10, #222);
  font-weight: 700;
  z-index: 1;
  padding: 0vw 1.3333vw 2.1333vw 1.3333vw;
}
@media (min-width: 768px) {
  .v2-sec-title {
    padding: 0rem 0.3125rem 0.5rem 0.3125rem;
  }
}
@media (min-width: 1200px) {
  .v2-sec-title {
    padding: 0px 5px 8px 5px;
  }
}
.v2-sec-title {
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-sec-title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-sec-title {
    font-size: 20px;
  }
}
.v2-sec-title {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-sec-title {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-sec-title {
    margin-bottom: 16px;
  }
}
.v2-sec-title:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background: rgba(213, 169, 155, 0.2);
  height: 3.2vw;
}
@media (min-width: 768px) {
  .v2-sec-title:before {
    height: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-sec-title:before {
    height: 12px;
  }
}
.v2-sec-title:before {
  border-radius: 3.2vw;
}
@media (min-width: 768px) {
  .v2-sec-title:before {
    border-radius: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-sec-title:before {
    border-radius: 12px;
  }
}

.v2-classroom-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 0;
  background: url("/images/v2/bg_myclass_body.png") no-repeat center top/100%;
  padding-top: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap {
    padding-top: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap {
    padding-top: 20px;
  }
}
.v2-classroom-wrap {
  padding-left: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap {
    padding-left: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap {
    padding-left: 20px;
  }
}
.v2-classroom-wrap {
  padding-right: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap {
    padding-right: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap {
    padding-right: 20px;
  }
}
.v2-classroom-wrap .v2-basic .v2-my-card {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 14.9333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-basic .v2-my-card {
    border-radius: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-basic .v2-my-card {
    border-radius: 56px;
  }
}
.v2-classroom-wrap .v2-basic .v2-my-card {
  height: 14.9333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-basic .v2-my-card {
    height: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-basic .v2-my-card {
    height: 56px;
  }
}
.v2-classroom-wrap .v2-basic .v2-my-card li {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #333;
  gap: 1.6vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li {
    gap: 0.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li {
    gap: 6px;
  }
}
.v2-classroom-wrap .v2-basic .v2-my-card li {
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li {
    font-size: 14px;
  }
}
.v2-classroom-wrap .v2-basic .v2-my-card li em {
  background: #F97173;
  color: #FFF;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.1px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.6667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li em {
    font-size: 0.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li em {
    font-size: 10px;
  }
}
.v2-classroom-wrap .v2-basic .v2-my-card li em {
  padding: 0vw 1.6vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li em {
    padding: 0rem 0.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li em {
    padding: 0px 6px;
  }
}
.v2-classroom-wrap .v2-basic .v2-my-card li em {
  border-radius: 4.5333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li em {
    border-radius: 1.0625rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li em {
    border-radius: 17px;
  }
}
.v2-classroom-wrap .v2-basic .v2-my-card li em {
  height: 4.5333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li em {
    height: 1.0625rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li em {
    height: 17px;
  }
}
.v2-classroom-wrap .v2-basic .v2-my-card li em {
  min-width: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li em {
    min-width: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li em {
    min-width: 32px;
  }
}
.v2-classroom-wrap .v2-basic .v2-my-card li i {
  width: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li i {
    width: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li i {
    width: 32px;
  }
}
.v2-classroom-wrap .v2-basic .v2-my-card li i {
  height: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li i {
    height: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-basic .v2-my-card li i {
    height: 32px;
  }
}
.v2-classroom-wrap .v2-basic .v2-my-card li i.icon-mail {
  background: url(/images/ico_msg.svg) no-repeat 0 0/100% auto;
}
.v2-classroom-wrap .v2-basic .v2-my-card li i.icon-chat {
  background: url(/images/ico_chat.svg) no-repeat 0 0/100% auto;
}
.v2-classroom-wrap .v2-basic .v2-my-card li:first-child:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 16px;
  background-color: #ddd;
}
.v2-classroom-wrap .v2-info-article {
  position: relative;
  margin: auto;
  padding: 0;
}
.v2-classroom-wrap .v2-info-article .align-side {
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .align-side {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .align-side {
    margin-bottom: 16px;
  }
}
.v2-classroom-wrap .v2-info-article .selectBox-w-arrow {
  background-image: url(/images/v2/ico_select2.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 50%;
  width: auto;
  margin-bottom: 0;
  height: 11.2vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .selectBox-w-arrow {
    height: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .selectBox-w-arrow {
    height: 42px;
  }
}
.v2-classroom-wrap .v2-info-article .selectBox-w-arrow {
  padding: 0vw 10.6667vw 0 5.3333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .selectBox-w-arrow {
    padding: 0rem 2.5rem 0 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .selectBox-w-arrow {
    padding: 0px 40px 0 20px;
  }
}
.v2-classroom-wrap .v2-info-article .selectBox-w-arrow {
  background-size: 4.2667vw 4.2667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .selectBox-w-arrow {
    background-size: 1rem 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .selectBox-w-arrow {
    background-size: 16px 16px;
  }
}
.v2-classroom-wrap .v2-info-article .btn-contact {
  color: #555;
  font-weight: 600;
  letter-spacing: -0.14px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .btn-contact {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .btn-contact {
    font-size: 14px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box {
  border: 1px solid #DDD;
  background: #FFF;
  overflow: hidden;
  box-shadow: none;
  border-radius: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box {
    border-radius: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box {
    border-radius: 8px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header {
  background: #F9F9F9;
  border-radius: 0;
  padding: 6.4vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header {
    padding: 24px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header .card-drop-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header .card-drop-title {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header .card-drop-title {
    margin-bottom: 16px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header .card-drop-title .article-title {
  color: #494E8F;
  font-weight: 700;
  text-align: left;
  padding-left: 0;
  letter-spacing: -0.2px;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header .card-drop-title .article-title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header .card-drop-title .article-title {
    font-size: 20px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header .card-drop-title .btn-second {
  font-weight: 600;
  min-height: auto;
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header .card-drop-title .btn-second {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header .card-drop-title .btn-second {
    font-size: 14px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header .card-drop-title .btn-second {
  padding: 0vw 4.2667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header .card-drop-title .btn-second {
    padding: 0rem 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header .card-drop-title .btn-second {
    padding: 0px 16px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header .card-drop-title .btn-second {
  height: 9.0667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header .card-drop-title .btn-second {
    height: 2.125rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header .card-drop-title .btn-second {
    height: 34px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header p {
  color: #222;
  font-weight: 500;
  letter-spacing: -0.14px;
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header p {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-header p {
    font-size: 14px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .legend-group em {
  border-radius: 1.0667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .legend-group em {
    border-radius: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .legend-group em {
    border-radius: 4px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .calendar li {
  width: 9.6vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .calendar li {
    width: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .calendar li {
    width: 36px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .calendar .week em {
  width: 9.6vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .calendar .week em {
    width: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .calendar .week em {
    width: 36px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .calendar .week em {
  height: 9.6vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .calendar .week em {
    height: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .calendar .week em {
    height: 36px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .participation .participation-header .article-title {
  color: #222;
  font-weight: 700;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .participation .participation-header .article-title {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .participation .participation-header .article-title {
    font-size: 18px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .participation .participation-header .legend-group {
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .participation .participation-header .legend-group {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .participation .participation-header .legend-group {
    gap: 8px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .participation .participation-header .legend-group em {
  font-weight: 700;
  font-size: 3.2vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .participation .participation-header .legend-group em {
    font-size: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .participation .participation-header .legend-group em {
    font-size: 12px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-line .tab-title {
  justify-content: unset;
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-line .tab-title li {
  width: auto;
  font-weight: 700;
  padding: 4.8vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-line .tab-title li {
    padding: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-line .tab-title li {
    padding: 18px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-line .tab-title li {
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-line .tab-title li {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-line .tab-title li {
    font-size: 16px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content {
  padding: 0;
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content {
    gap: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content {
    gap: 20px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content {
  margin-bottom: 6.4vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content {
    margin-bottom: 24px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content figure {
  flex-shrink: 0;
  width: 25.6vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content figure {
    width: 6rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content figure {
    width: 96px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div {
  flex-flow: wrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div .section-title {
  width: 100%;
  padding-left: 0;
  color: #494E8F;
  font-weight: 700;
  letter-spacing: -0.2px;
  text-box-trim: none;
  text-box-edge: unset;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div .section-title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div .section-title {
    font-size: 20px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div .section-title {
  margin-bottom: 0.5333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div .section-title {
    margin-bottom: 0.125rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div .section-title {
    margin-bottom: 2px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div p {
  width: 100%;
  color: #555;
  font-weight: 500;
  letter-spacing: -0.14px;
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div p {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div p {
    font-size: 14px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div p {
  margin-bottom: 2.6667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div p {
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div p {
    margin-bottom: 10px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div a {
  color: #AAA;
  font-weight: 600;
  letter-spacing: -0.14px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div a {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .lecture-content > div a {
    font-size: 14px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .btn-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 6.4vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .btn-group {
    padding: 0 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .btn-group {
    padding: 0 24px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .btn-group button {
  width: 48%;
  min-height: auto;
  font-weight: 600;
  padding: 0vw 12vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .btn-group button {
    padding: 0rem 2.8125rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .btn-group button {
    padding: 0px 45px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .btn-group button {
  height: 10.6667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .btn-group button {
    height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .btn-group button {
    height: 40px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .btn-group button {
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .btn-group button {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .my-lecture .btn-group button {
    font-size: 14px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .btn-group {
  margin: 2.1333vw auto 10.6667vw auto;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .btn-group {
    margin: 0.5rem auto 2.5rem auto;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .btn-group {
    margin: 8px auto 40px auto;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .btn-group .btn-point {
  min-height: auto;
  font-weight: 600;
  padding: 0vw 8vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .btn-group .btn-point {
    padding: 0rem 1.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .btn-group .btn-point {
    padding: 0px 30px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .btn-group .btn-point {
  height: 10.6667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .btn-group .btn-point {
    height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .btn-group .btn-point {
    height: 40px;
  }
}
.v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .btn-group .btn-point {
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .btn-group .btn-point {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-info-article .card-drop-box .card-drop-body .body-inner .tab-content .btn-group .btn-point {
    font-size: 14px;
  }
}
.v2-classroom-wrap .card-drop-box .bann li:last-child, .v2-classroom-wrap .bann-wrap .bann li:last-child {
  border-bottom: none;
}
.v2-classroom-wrap .card-drop-box .bann li .article-title, .v2-classroom-wrap .bann-wrap .bann li .article-title {
  line-height: 1.25;
  color: #222;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .card-drop-box .bann li .article-title, .v2-classroom-wrap .bann-wrap .bann li .article-title {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .card-drop-box .bann li .article-title, .v2-classroom-wrap .bann-wrap .bann li .article-title {
    font-size: 18px;
  }
}
.v2-classroom-wrap .card-drop-box .bann li em, .v2-classroom-wrap .bann-wrap .bann li em {
  color: #fff;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 3.2vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .card-drop-box .bann li em, .v2-classroom-wrap .bann-wrap .bann li em {
    font-size: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .card-drop-box .bann li em, .v2-classroom-wrap .bann-wrap .bann li em {
    font-size: 12px;
  }
}
.v2-classroom-wrap .card-drop-box .bann li em, .v2-classroom-wrap .bann-wrap .bann li em {
  padding: 0vw 2.1333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .card-drop-box .bann li em, .v2-classroom-wrap .bann-wrap .bann li em {
    padding: 0rem 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .card-drop-box .bann li em, .v2-classroom-wrap .bann-wrap .bann li em {
    padding: 0px 8px;
  }
}
.v2-classroom-wrap .card-drop-box .bann li em, .v2-classroom-wrap .bann-wrap .bann li em {
  border-radius: 1.0667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .card-drop-box .bann li em, .v2-classroom-wrap .bann-wrap .bann li em {
    border-radius: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .card-drop-box .bann li em, .v2-classroom-wrap .bann-wrap .bann li em {
    border-radius: 4px;
  }
}
.v2-classroom-wrap .card-drop-box .bann li em, .v2-classroom-wrap .bann-wrap .bann li em {
  height: 6.4vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .card-drop-box .bann li em, .v2-classroom-wrap .bann-wrap .bann li em {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .card-drop-box .bann li em, .v2-classroom-wrap .bann-wrap .bann li em {
    height: 24px;
  }
}
.v2-classroom-wrap .card-drop-box .bann li em, .v2-classroom-wrap .bann-wrap .bann li em {
  margin-bottom: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .card-drop-box .bann li em, .v2-classroom-wrap .bann-wrap .bann li em {
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .card-drop-box .bann li em, .v2-classroom-wrap .bann-wrap .bann li em {
    margin-bottom: 8px;
  }
}
.v2-classroom-wrap .card-drop-box .bann li em.legend-exercise, .v2-classroom-wrap .bann-wrap .bann li em.legend-exercise {
  background: #FFB589;
}
.v2-classroom-wrap .card-drop-box .bann li em.legend-practice, .v2-classroom-wrap .bann-wrap .bann li em.legend-practice {
  background: #9ECC74;
}
.v2-classroom-wrap .card-drop-box .bann li p, .v2-classroom-wrap .bann-wrap .bann li p {
  color: #555;
  font-weight: 500;
  word-break: keep-all;
  display: -webkit-box;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  margin-top: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .card-drop-box .bann li p, .v2-classroom-wrap .bann-wrap .bann li p {
    margin-top: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .card-drop-box .bann li p, .v2-classroom-wrap .bann-wrap .bann li p {
    margin-top: 8px;
  }
}
.v2-classroom-wrap .card-drop-box .bann li p, .v2-classroom-wrap .bann-wrap .bann li p {
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .card-drop-box .bann li p, .v2-classroom-wrap .bann-wrap .bann li p {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .card-drop-box .bann li p, .v2-classroom-wrap .bann-wrap .bann li p {
    font-size: 14px;
  }
}
.v2-classroom-wrap .card-drop-box .bann li button.btn-more-circle, .v2-classroom-wrap .bann-wrap .bann li button.btn-more-circle {
  background: url(/images/v2/ico_arrow_circle2.svg) no-repeat 0 0/2.2rem 2.2rem;
}
.v2-classroom-wrap {
  /* 2. 오늘의 마음나누기 (영상) */
}
.v2-classroom-wrap .v2-today-video {
  margin-bottom: 12.8vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video {
    margin-bottom: 48px;
  }
}
.v2-classroom-wrap .v2-today-video .video-list {
  display: flex;
  flex-direction: column;
  gap: 3.2vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video .video-list {
    gap: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video .video-list {
    gap: 12px;
  }
}
.v2-classroom-wrap .v2-today-video .video-card {
  display: flex;
  align-items: center;
  background: #FFF;
  border: 1px solid #DDD;
  gap: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video .video-card {
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video .video-card {
    gap: 16px;
  }
}
.v2-classroom-wrap .v2-today-video .video-card {
  border-radius: 3.2vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video .video-card {
    border-radius: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video .video-card {
    border-radius: 12px;
  }
}
.v2-classroom-wrap .v2-today-video .video-card {
  padding: 3.2vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video .video-card {
    padding: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video .video-card {
    padding: 12px;
  }
}
.v2-classroom-wrap .v2-today-video .video-card .thumb {
  position: relative;
  background: #000;
  flex-shrink: 0;
  overflow: hidden;
  width: 31.4667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video .video-card .thumb {
    width: 7.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video .video-card .thumb {
    width: 118px;
  }
}
.v2-classroom-wrap .v2-today-video .video-card .thumb {
  height: 21.3333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video .video-card .thumb {
    height: 5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video .video-card .thumb {
    height: 80px;
  }
}
.v2-classroom-wrap .v2-today-video .video-card .thumb {
  border-radius: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video .video-card .thumb {
    border-radius: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video .video-card .thumb {
    border-radius: 8px;
  }
}
.v2-classroom-wrap .v2-today-video .video-card .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
}
.v2-classroom-wrap .v2-today-video .video-card .thumb .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/images/v2/btn_play.svg") no-repeat center/contain;
  width: 7.4667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video .video-card .thumb .icon-play {
    width: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video .video-card .thumb .icon-play {
    width: 28px;
  }
}
.v2-classroom-wrap .v2-today-video .video-card .thumb .icon-play {
  height: 7.4667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video .video-card .thumb .icon-play {
    height: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video .video-card .thumb .icon-play {
    height: 28px;
  }
}
.v2-classroom-wrap .v2-today-video .video-card .info .badge {
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 3.2vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video .video-card .info .badge {
    font-size: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video .video-card .info .badge {
    font-size: 12px;
  }
}
.v2-classroom-wrap .v2-today-video .video-card .info .badge {
  padding: 0vw 2.1333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video .video-card .info .badge {
    padding: 0rem 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video .video-card .info .badge {
    padding: 0px 8px;
  }
}
.v2-classroom-wrap .v2-today-video .video-card .info .badge {
  border-radius: 1.0667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video .video-card .info .badge {
    border-radius: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video .video-card .info .badge {
    border-radius: 4px;
  }
}
.v2-classroom-wrap .v2-today-video .video-card .info .badge {
  margin-bottom: 2.6667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video .video-card .info .badge {
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video .video-card .info .badge {
    margin-bottom: 10px;
  }
}
.v2-classroom-wrap .v2-today-video .video-card .info .badge {
  height: 6.4vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video .video-card .info .badge {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video .video-card .info .badge {
    height: 24px;
  }
}
.v2-classroom-wrap .v2-today-video .video-card .info .badge.badge-purple {
  color: #494E8F;
  background: #ECF2FE;
}
.v2-classroom-wrap .v2-today-video .video-card .info .badge.badge-blue {
  color: #494E8F;
  background: #ECF2FE;
}
.v2-classroom-wrap .v2-today-video .video-card .info .title {
  color: #333;
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
  word-break: keep-all;
  display: -webkit-box;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-today-video .video-card .info .title {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-today-video .video-card .info .title {
    font-size: 16px;
  }
}
.v2-classroom-wrap {
  /* 3. 대시보드 (출석, 과제) */
}
.v2-classroom-wrap .v2-class-dashboard .dash-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.2vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-header {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-header {
    margin-bottom: 12px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-header .btn-select-course {
  background: #494E8F;
  color: #FFF;
  border: none;
  font-weight: 600;
  display: flex;
  align-items: center;
  border-radius: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-header .btn-select-course {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-header .btn-select-course {
    border-radius: 20px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-header .btn-select-course {
  padding: 1.6vw 4.2667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-header .btn-select-course {
    padding: 0.375rem 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-header .btn-select-course {
    padding: 6px 16px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-header .btn-select-course {
  font-size: 3.4667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-header .btn-select-course {
    font-size: 0.8125rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-header .btn-select-course {
    font-size: 13px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-header .btn-select-course {
  gap: 1.0667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-header .btn-select-course {
    gap: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-header .btn-select-course {
    gap: 4px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-header .link-inquiry {
  color: #666;
  font-size: 3.4667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-header .link-inquiry {
    font-size: 0.8125rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-header .link-inquiry {
    font-size: 13px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card {
  background: #FFF;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  border-radius: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card {
    border-radius: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card {
    border-radius: 16px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card {
  padding: 6.4vw 5.3333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card {
    padding: 1.5rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card {
    padding: 24px 20px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .card-top {
  margin-bottom: 6.4vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .card-top {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .card-top {
    margin-bottom: 24px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.2vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .title-row {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .title-row {
    margin-bottom: 12px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .title-row .course-name {
  font-weight: 800;
  color: #222;
  margin: 0;
  font-size: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .title-row .course-name {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .title-row .course-name {
    font-size: 20px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .title-row .btn-change-time {
  background: #C49F86;
  color: #FFF;
  border: none;
  border-radius: 1.0667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .title-row .btn-change-time {
    border-radius: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .title-row .btn-change-time {
    border-radius: 4px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .title-row .btn-change-time {
  font-size: 3.2vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .title-row .btn-change-time {
    font-size: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .title-row .btn-change-time {
    font-size: 12px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .title-row .btn-change-time {
  padding: 1.0667vw 2.1333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .title-row .btn-change-time {
    padding: 0.25rem 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .title-row .btn-change-time {
    padding: 4px 8px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .course-info {
  color: #555;
  line-height: 1.6;
  font-size: 3.4667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .course-info {
    font-size: 0.8125rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .card-top .course-info {
    font-size: 13px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .v2-tabs {
  display: flex;
  border-bottom: 1px solid #EEE;
  margin-bottom: 6.4vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .v2-tabs {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .v2-tabs {
    margin-bottom: 24px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .v2-tabs .tab-item {
  flex: 1;
  background: none;
  border: none;
  color: #888;
  font-weight: 500;
  border-bottom: 2px solid transparent;
  padding-top: 2.6667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .v2-tabs .tab-item {
    padding-top: 0.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .v2-tabs .tab-item {
    padding-top: 10px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .v2-tabs .tab-item {
  padding-bottom: 2.6667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .v2-tabs .tab-item {
    padding-bottom: 0.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .v2-tabs .tab-item {
    padding-bottom: 10px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .v2-tabs .tab-item {
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .v2-tabs .tab-item {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .v2-tabs .tab-item {
    font-size: 14px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .v2-tabs .tab-item.active {
  color: #FF5A60;
  font-weight: 700;
  border-bottom-color: #FF5A60;
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail {
    gap: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail {
    gap: 20px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail {
  margin-bottom: 6.4vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail {
    margin-bottom: 24px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .status-stamp {
  width: 19.2vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .status-stamp {
    width: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .status-stamp {
    width: 72px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .status-stamp {
  height: 19.2vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .status-stamp {
    height: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .status-stamp {
    height: 72px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .status-stamp img {
  width: 100%;
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .week-info h5 {
  font-weight: 700;
  color: #222;
  margin: 0 0 4px;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .week-info h5 {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .week-info h5 {
    font-size: 18px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .week-info .date {
  color: #666;
  margin: 0 0 4px;
  font-size: 3.4667vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .week-info .date {
    font-size: 0.8125rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .week-info .date {
    font-size: 13px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .week-info .status-text {
  color: #999;
  font-size: 3.2vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .week-info .status-text {
    font-size: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .week-detail .week-info .status-text {
    font-size: 12px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row {
  display: flex;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row {
    gap: 8px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row {
  margin-bottom: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row {
    margin-bottom: 32px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row .v2-btn {
  flex: 1;
  border: none;
  font-weight: 600;
  border-radius: 6.4vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row .v2-btn {
    border-radius: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row .v2-btn {
    border-radius: 24px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row .v2-btn {
  padding-top: 3.2vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row .v2-btn {
    padding-top: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row .v2-btn {
    padding-top: 12px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row .v2-btn {
  padding-bottom: 3.2vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row .v2-btn {
    padding-bottom: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row .v2-btn {
    padding-bottom: 12px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row .v2-btn {
  font-size: 4vw;
}
@media (min-width: 768px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row .v2-btn {
    font-size: 0.9375rem;
  }
}
@media (min-width: 1200px) {
  .v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row .v2-btn {
    font-size: 15px;
  }
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row .v2-btn.primary {
  background: #494E8F;
  color: #FFF;
}
.v2-classroom-wrap .v2-class-dashboard .dash-card .btn-group-row .v2-btn.secondary {
  background: #A4A4A4;
  color: #FFF;
}
.v2-classroom-wrap .v2-class-dashboard .dash-card {
  /* ... (이하 나의 참여, 과제 리스트, 참여 모아보기 등의 수치도 동일하게 @include responsive() 적용) ... */
}

.v2-card-list {
  padding: 0vw 5.3333vw;
}
@media (min-width: 768px) {
  .v2-card-list {
    padding: 0rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-card-list {
    padding: 0px 20px;
  }
}
.v2-card-list .selectBox {
  color: #888;
  font-weight: 500;
  background-image: url(/images/v2/ico_select3.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 50%;
  border-radius: 11.2vw;
}
@media (min-width: 768px) {
  .v2-card-list .selectBox {
    border-radius: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-card-list .selectBox {
    border-radius: 42px;
  }
}
.v2-card-list .selectBox {
  height: 11.2vw;
}
@media (min-width: 768px) {
  .v2-card-list .selectBox {
    height: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-card-list .selectBox {
    height: 42px;
  }
}
.v2-card-list .selectBox {
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-card-list .selectBox {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-card-list .selectBox {
    font-size: 14px;
  }
}

/* =================================================================
   [v2] 독립적인 뱃지(라벨) 컴포넌트 
   (면/선, 컬러를 조합해서 사용: ex. v2-tag green solid)
   ================================================================= */
.v2-tag {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  border-radius: 1.0667vw;
}
@media (min-width: 768px) {
  .v2-tag {
    border-radius: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-tag {
    border-radius: 4px;
  }
}
.v2-tag {
  padding: 0vw 2.1333vw;
}
@media (min-width: 768px) {
  .v2-tag {
    padding: 0rem 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-tag {
    padding: 0px 8px;
  }
}
.v2-tag {
  font-size: 3.2vw;
}
@media (min-width: 768px) {
  .v2-tag {
    font-size: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-tag {
    font-size: 12px;
  }
}
.v2-tag {
  height: 6.4vw;
}
@media (min-width: 768px) {
  .v2-tag {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-tag {
    height: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-tag {
    font-size: 13px;
    padding: 5px 10px;
  }
}
.v2-tag {
  /* --- [1] 컬러 지정 (기존 common.css 변수 적극 활용) --- */
}
.v2-tag.purple {
  --tag-color: var(--primary-01-main, #494E8F);
}
.v2-tag.orange {
  --tag-color: var(--color-exercise, #FFB589);
}
.v2-tag.green {
  --tag-color: var(--color-practice, #9ECC74);
}
.v2-tag.yellow {
  --tag-color: #FBAD18;
}
.v2-tag.brown {
  --tag-color: var(--color-public, #D5A99B);
}
.v2-tag {
  /* --- [2] 형태 지정 --- */
}
.v2-tag.default { /* 기본 해시태그 (회색 라인) */
  border: 1px solid #333;
  color: #333;
  background: #FFF;
}
.v2-tag.soft { /* 회색 배경 (심화과정 등) */
  background: var(--primary-gray-02, #F5F5F5);
  color: var(--primary-gray-07, #666);
  border: 1px solid transparent;
}
.v2-tag.solid { /* 테마색 면 채움 */
  background: var(--tag-color);
  color: #FFF;
  border: 1px solid var(--tag-color);
}
.v2-tag.line { /* 테마색 라인 */
  background: #FFF;
  color: var(--tag-color);
  border: 1px solid var(--tag-color);
}

/* =================================================================
   [v2] 공통 콘텐츠 카드 (리스트/상세 구조)
   ================================================================= */
.v2-content-card {
  position: relative;
  background: var(--bg-white, #FFF);
  border-radius: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-content-card {
    border-radius: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card {
    border-radius: 16px;
  }
}
.v2-content-card {
  overflow: hidden;
  margin-bottom: 6.4vw;
}
@media (min-width: 768px) {
  .v2-content-card {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-content-card {
    border-radius: 20px;
    margin-bottom: 32px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /*&:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
    }*/
  }
}
.v2-content-card {
  /* -------------------------------------------
     🎨 리스트용 테마 컬러 변수 선언
     ------------------------------------------- */
}
.v2-content-card.theme-review-purple {
  --card-theme: var(--primary-01-main, #494E8F);
  border: 1px solid var(--card-theme);
}
.v2-content-card.theme-practice-orange {
  --card-theme: var(--color-exercise, #FFB589);
  border: 1px solid var(--card-theme);
}
.v2-content-card.theme-action-green {
  --card-theme: var(--color-practice, #9ECC74);
  border: 1px solid var(--card-theme);
}
.v2-content-card.theme-training-yellow {
  --card-theme: #FBAD18;
}
.v2-content-card {
  border: 1px solid var(--card-theme);
}
.v2-content-card.theme-group-brown {
  --card-theme: var(--color-public, #D5A99B);
  border: 1px solid var(--card-theme);
}
.v2-content-card {
  /* -------------------------------------------
     공통 레이아웃 (헤더, 본문, 푸터)
     ------------------------------------------- */
}
.v2-content-card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.v2-content-card .card-header .user-profile {
  display: flex;
  align-items: center;
  gap: 3.2vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-header .user-profile {
    gap: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-header .user-profile {
    gap: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-header .user-profile {
    gap: 14px;
  }
}
.v2-content-card .card-header .user-profile .avatar {
  background: #FFF;
  border-radius: 50%;
  object-fit: cover;
  border: 1.5px solid #222;
  width: 10.6667vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-header .user-profile .avatar {
    width: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-header .user-profile .avatar {
    width: 40px;
  }
}
.v2-content-card .card-header .user-profile .avatar {
  height: 10.6667vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-header .user-profile .avatar {
    height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-header .user-profile .avatar {
    height: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-header .user-profile .avatar {
    width: 52px;
    height: 52px;
  }
}
.v2-content-card .card-header .user-profile .info {
  display: flex;
  flex-direction: column;
}
.v2-content-card .card-header .user-profile .info .name {
  font-weight: 600;
  font-size: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-header .user-profile .info .name {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-header .user-profile .info .name {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-header .user-profile .info .name {
    font-size: 17px;
  }
}
.v2-content-card .card-header .user-profile .info .date {
  font-weight: 400;
  font-size: 3.2vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-header .user-profile .info .date {
    font-size: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-header .user-profile .info .date {
    font-size: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-header .user-profile .info .date {
    font-size: 14px;
  }
}
.v2-content-card .card-header .btn-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  min-height: auto;
  /* 모바일에서 터치하기 쉽도록 여백(클릭 영역)을 넉넉히 줌 */
  padding: 2.1333vw 1.0667vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-header .btn-more {
    padding: 0.5rem 0.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-header .btn-more {
    padding: 8px 4px;
  }
}
.v2-content-card .card-header .btn-more svg {
  width: 4.5333vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-header .btn-more svg {
    width: 1.0625rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-header .btn-more svg {
    width: 17px;
  }
}
.v2-content-card .card-header .btn-more svg {
  height: auto;
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-header .btn-more {
    padding: 8px 6px;
    transition: opacity 0.2s;
  }
  .v2-content-card .card-header .btn-more:hover {
    opacity: 0.7;
  }
  .v2-content-card .card-header .btn-more svg {
    width: 20px; /* PC에서는 아이콘을 살짝 키움 */
  }
}
.v2-content-card {
  /* ===========================================
     [타입 B] 리스트용 카드 (type-list)
     =========================================== */
}
.v2-content-card.type-list .card-header {
  position: relative;
  color: #FFF;
  z-index: 1;
  /* 배경이 아닌 실제 콘텐츠를 위한 여백 */
  background-color: transparent !important;
  padding: 6.4vw 5.3333vw 9.0667vw 5.3333vw;
}
@media (min-width: 768px) {
  .v2-content-card.type-list .card-header {
    padding: 1.5rem 1.25rem 2.125rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card.type-list .card-header {
    padding: 24px 20px 34px 20px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-content-card.type-list .card-header {
    padding: 28px 28px 52px;
  }
}
.v2-content-card.type-list .card-header {
  /* 피그마 SVG 물결 마스크를 활용한 배경 레이어 */
}
.v2-content-card.type-list .card-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--card-theme); /* 지정된 테마색이 알아서 채워짐 */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 116' preserveAspectRatio='none'%3E%3Cpath d='M289.252 95.4892C321.056 95.9327 354.809 101.26 384 109.724V0H0V103.654C34.9062 112.856 75.3072 117.573 112.682 115.528C138.267 114.273 164.173 109.986 190.019 105.708L190.019 105.708C206.769 102.936 223.492 100.169 240.088 98.2331C256.379 96.3262 272.987 95.2398 289.252 95.4892Z' fill='%23000'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 116' preserveAspectRatio='none'%3E%3Cpath d='M289.252 95.4892C321.056 95.9327 354.809 101.26 384 109.724V0H0V103.654C34.9062 112.856 75.3072 117.573 112.682 115.528C138.267 114.273 164.173 109.986 190.019 105.708L190.019 105.708C206.769 102.936 223.492 100.169 240.088 98.2331C256.379 96.3262 272.987 95.2398 289.252 95.4892Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  z-index: -1;
}
.v2-content-card.type-list .card-header .info .date {
  color: rgba(255, 255, 255, 0.7);
}
.v2-content-card.type-list .card-header .btn-more {
  color: #FFF;
}
.v2-content-card .card-body {
  position: relative;
  z-index: 3;
  padding: 5.3333vw 5.3333vw 6.4vw 5.3333vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body {
    padding: 1.25rem 1.25rem 1.5rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body {
    padding: 20px 20px 24px 20px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-body {
    padding: 24px 28px 28px;
  }
}
.v2-content-card .card-body {
  /* 해시태그 & 라벨 분리 영역 */
}
.v2-content-card .card-body .tags-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.6vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .tags-row {
    gap: 0.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .tags-row {
    gap: 6px;
  }
}
.v2-content-card .card-body .tags-row {
  margin-bottom: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .tags-row {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .tags-row {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-body .tags-row {
    gap: 14px;
    margin-bottom: 16px;
  }
}
.v2-content-card .card-body .tags-row .hash-group, .v2-content-card .card-body .tags-row .label-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.6vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .tags-row .hash-group, .v2-content-card .card-body .tags-row .label-group {
    gap: 0.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .tags-row .hash-group, .v2-content-card .card-body .tags-row .label-group {
    gap: 6px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-body .tags-row .hash-group, .v2-content-card .card-body .tags-row .label-group {
    gap: 8px;
  }
}
.v2-content-card .card-body .card-title {
  color: var(--primary-gray-10, #222);
  font-weight: 600;
  letter-spacing: -0.18px;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .card-title {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .card-title {
    font-size: 18px;
  }
}
.v2-content-card .card-body .card-title {
  margin: 0vw 0vw 4.2667vw 0vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .card-title {
    margin: 0rem 0rem 1rem 0rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .card-title {
    margin: 0px 0px 16px 0px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-body .card-title {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
.v2-content-card .card-body .card-title.review {
  color: #666;
  background: #EEE;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  height: 6.4vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .card-title.review {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .card-title.review {
    height: 24px;
  }
}
.v2-content-card .card-body .card-title.review {
  padding: 0vw 2.1333vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .card-title.review {
    padding: 0rem 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .card-title.review {
    padding: 0px 8px;
  }
}
.v2-content-card .card-body .card-title.review {
  border-radius: 1.0667vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .card-title.review {
    border-radius: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .card-title.review {
    border-radius: 4px;
  }
}
.v2-content-card .card-body .card-title.review {
  font-size: 3.2vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .card-title.review {
    font-size: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .card-title.review {
    font-size: 12px;
  }
}
.v2-content-card .card-body .card-text {
  color: var(--primary-gray-08, #444);
  line-height: 1.5;
  margin: 0 0 16px 0;
  word-break: keep-all;
  overflow-wrap: break-word;
  font-weight: 500;
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .card-text {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .card-text {
    font-size: 14px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-body .card-text {
    font-size: 16px;
    margin-bottom: 24px;
    line-height: 1.6;
  }
}
.v2-content-card .card-body .card-text .btn-read-more {
  /* 🌟 핵심: 버튼이 다음 줄로 툭 떨어지지 않고 글자처럼 자연스럽게 이어지도록 설정 */
  display: inline-block;
  vertical-align: baseline; /* 텍스트 밑단에 정확히 맞춤 */
  background: none;
  border: none;
  padding: 0;
  /* 시안을 보면 더보기 버튼에 테마 컬러가 적용되어 있습니다 */
  color: var(--card-theme, #555A97);
  text-decoration: underline;
  text-underline-position: from-font;
  font-weight: 600;
  cursor: pointer;
  font-size: 3.4667vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .card-text .btn-read-more {
    font-size: 0.8125rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .card-text .btn-read-more {
    font-size: 13px;
  }
}
.v2-content-card .card-body .card-text .btn-read-more {
  margin-left: 1.0667vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .card-text .btn-read-more {
    margin-left: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .card-text .btn-read-more {
    margin-left: 4px;
  }
}
.v2-content-card .card-body .card-text .btn-read-more {
  /* ...과 더보기 사이의 간격 */
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-body .card-text .btn-read-more {
    font-size: 15px;
  }
}
.v2-content-card .card-body .card-media {
  position: relative; /* 떠있는 캐릭터의 위치 기준점 */
  /* 이미지가 2개일 때 묶어주는 그리드 영역 */
}
.v2-content-card .card-body .card-media .media-grid {
  display: flex;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .card-media .media-grid {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .card-media .media-grid {
    gap: 8px;
  }
}
.v2-content-card .card-body .card-media {
  /* 개별 이미지 박스 (고정 높이 & 라운드) */
}
.v2-content-card .card-body .card-media .media-box {
  position: relative;
  background: #E0E0E0;
  width: 100%;
  border-radius: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .card-media .media-box {
    border-radius: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .card-media .media-box {
    border-radius: 8px;
  }
}
.v2-content-card .card-body .card-media .media-box {
  height: 46.9333vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .card-media .media-box {
    height: 11rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .card-media .media-box {
    height: 176px;
  }
}
.v2-content-card .card-body .card-media .media-box {
  /* 🌟 핵심 1: 내부 이미지가 border-radius 밖으로 삐져나가지 않게 막음 */
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-body .card-media .media-box {
    height: 240px;
    border-radius: 12px;
  }
}
.v2-content-card .card-body .card-media .media-box.half {
  flex: 1; /* 2개일 때 정확히 1:1 비율로 나눔 */
}
.v2-content-card .card-body .card-media .media-box {
  /* 🌟 핵심 2: 내부에 들어오는 img 태그 제어 */
}
.v2-content-card .card-body .card-media .media-box img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 어떤 사이즈의 이미지가 와도 찌그러짐 없이 꽉 채움 */
  display: block; /* 이미지 하단에 생기는 미세한 여백(baseline) 제거 */
}
.v2-content-card .card-body .card-media {
  /* 떠있는 캐릭터 */
}
.v2-content-card .card-body .card-media .floating-char {
  position: absolute;
  z-index: 5;
  height: auto;
  bottom: -6.4vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .card-media .floating-char {
    bottom: -1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .card-media .floating-char {
    bottom: -24px;
  }
}
.v2-content-card .card-body .card-media .floating-char {
  right: 2.6667vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .card-media .floating-char {
    right: 0.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .card-media .floating-char {
    right: 10px;
  }
}
.v2-content-card .card-body .card-media .floating-char {
  width: 26.6667vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-body .card-media .floating-char {
    width: 6.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-body .card-media .floating-char {
    width: 100px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-body .card-media .floating-char {
    width: 90px;
    bottom: -16px;
    right: 20px;
  }
}
.v2-content-card .card-footer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid #ddd;
  padding: 4.2667vw 5.3333vw 6.4vw 5.3333vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-footer {
    padding: 1rem 1.25rem 1.5rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-footer {
    padding: 16px 20px 24px 20px;
  }
}
.v2-content-card .card-footer {
  gap: 6.4vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-footer {
    gap: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-footer {
    gap: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-footer {
    padding: 16px 28px;
    gap: 20px;
  }
}
.v2-content-card .card-footer .btn-action {
  display: inline-flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  color: #333;
  font-weight: 500;
  cursor: pointer;
  min-height: auto;
  width: auto;
  font-size: 3.7333vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-footer .btn-action {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-footer .btn-action {
    font-size: 14px;
  }
}
.v2-content-card .card-footer .btn-action {
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-footer .btn-action {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-footer .btn-action {
    gap: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-footer .btn-action {
    font-size: 15px;
    gap: 6px;
    transition: color 0.2s;
  }
  .v2-content-card .card-footer .btn-action:hover:not(.active) {
    color: var(--primary-gray-08, #555);
  }
}
.v2-content-card .card-footer .btn-action.active {
  color: #FF5A60;
  font-weight: 600;
}
.v2-content-card .card-footer .btn-action {
  /* 🌟 아이콘(i) 공통 스타일 추가 */
}
.v2-content-card .card-footer .btn-action i {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-footer .btn-action i {
    width: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-footer .btn-action i {
    width: 16px;
  }
}
.v2-content-card .card-footer .btn-action i {
  height: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-content-card .card-footer .btn-action i {
    height: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card .card-footer .btn-action i {
    height: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .v2-content-card .card-footer .btn-action i {
    width: 18px; /* PC에서는 아이콘 살짝 크게 */
    height: 18px;
  }
}
.v2-content-card .card-footer .btn-action {
  /* 🌟 개별 아이콘 SVG 적용 (URL-encoded) */
}
.v2-content-card .card-footer .btn-action .icon-heart {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.85223 14.4993C7.64323 14.4936 7.24183 14.447 6.84043 14.2047C6.11572 13.7673 0.607866 8.94024 0.75281 5.29498C0.897728 1.65035 5.38945 -0.0993918 7.99864 3.39766L8.05614 3.32536C10.6729 -0.0749282 15.1033 1.67574 15.2472 5.29498C15.3921 8.94024 9.88429 13.7673 9.15957 14.2047C8.6853 14.491 8.21103 14.5041 8.05412 14.4993H7.94588C7.92183 14.5001 7.89003 14.5004 7.85223 14.4993Z' stroke='%23333333'/%3E%3C/svg%3E");
}
.v2-content-card .card-footer .btn-action .icon-comment {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M0.835938 8.35641C0.835938 8.76603 1.3015 9.00185 1.63174 8.75952L2.80732 7.89687C2.83574 7.87595 2.87065 7.86459 2.90623 7.86459H8.6123C9.16458 7.86459 9.6123 7.41688 9.6123 6.86459V3C9.6123 2.44772 9.16458 2 8.6123 2H1.83594C1.28365 2 0.835938 2.44772 0.835938 3V8.35641Z' fill='white' stroke='%23333333' stroke-miterlimit='10'/%3E%3Cpath d='M14.8062 13.0021C14.8062 13.4138 14.3365 13.6491 14.0068 13.4026L12.352 12.1655C12.3166 12.1389 12.2731 12.1245 12.2289 12.1245H4.88048C4.3282 12.1245 3.88048 11.6768 3.88048 11.1245V5.68652C3.88048 5.13424 4.3282 4.68652 4.88048 4.68652H13.8062C14.3584 4.68652 14.8062 5.13424 14.8062 5.68652V13.0021Z' fill='white' stroke='%23333333' stroke-miterlimit='10'/%3E%3C/svg%3E");
}
.v2-content-card .card-footer .btn-action .icon-share {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cellipse cx='10.9928' cy='3.63464' rx='1.62953' ry='1.63464' stroke='%23333333'/%3E%3Cellipse cx='10.9928' cy='12.6864' rx='1.62953' ry='1.63464' stroke='%23333333'/%3E%3Ccircle cx='5.00836' cy='8.27448' r='1.71149' stroke='%23333333'/%3E%3Cpath d='M9.37153 4.84863L6.71973 6.98799M6.71973 9.55522L9.28696 11.6946' stroke='%23333333' stroke-linecap='round'/%3E%3C/svg%3E");
}
.v2-content-card .card-footer .btn-action {
  /* (선택사항) 활성화(.active) 되었을 때 꽉 찬 하트나 빨간색 하트로 변경하고 싶다면 
     여기에 다른 Data URI를 넣어주시면 됩니다. */
}
.v2-content-card .card-footer .btn-action.active .icon-heart {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.85223 14.4993C7.64323 14.4936 7.24183 14.447 6.84043 14.2047C6.11572 13.7673 0.607866 8.94024 0.75281 5.29498C0.897728 1.65035 5.38945 -0.0993918 7.99864 3.39766L8.05614 3.32536C10.6729 -0.0749283 15.1033 1.67574 15.2472 5.29498C15.3921 8.94024 9.88428 13.7673 9.15957 14.2047C8.6853 14.491 8.21103 14.5041 8.05412 14.4993H7.94588C7.92183 14.5001 7.89003 14.5004 7.85223 14.4993Z' fill='%23F97173'/%3E%3C/svg%3E");
}
.v2-content-card {
  /* ===========================================
     [타입 A] 상세용 카드 (type-detail)
     =========================================== */
}
.v2-content-card.type-detail {
  border: none;
}
.v2-content-card.type-detail .card-header {
  padding: 6.4vw 5.3333vw 4.2667vw 5.3333vw;
}
@media (min-width: 768px) {
  .v2-content-card.type-detail .card-header {
    padding: 1.5rem 1.25rem 1rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-content-card.type-detail .card-header {
    padding: 24px 20px 16px 20px;
  }
}
.v2-content-card.type-detail .card-header .info .date {
  color: #888;
}
.v2-content-card.type-detail .card-header .btn-more {
  color: #222;
}
.v2-content-card.type-detail .card-body {
  padding-top: 0;
}

/* =================================================================
   모바일웹 전용
   ================================================================= */
.apply .apply-body .common-list .tab-content .label {
  width: 100%;
  display: block;
  text-align: left;
  justify-content: flex-start;
}

/* =================================================================
   [v2] 앱 탭바
   ================================================================= */
.v2-tab-bar {
  position: fixed;
  z-index: 100;
  bottom: 0;
  width: 100%;
  background: #FFF;
  filter: drop-shadow(0 0 6.25px rgba(0, 0, 0, 0.2));
  -webkit-filter: drop-shadow(0 0 6.25px rgba(0, 0, 0, 0.2));
  height: 18.6667vw;
}
@media (min-width: 768px) {
  .v2-tab-bar {
    height: 4.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-tab-bar {
    height: 70px;
  }
}
.v2-tab-bar ul {
  width: 100%;
  height: 100%;
  flex-flow: wrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.v2-tab-bar li {
  position: relative;
  width: 25%;
  height: 100%;
  color: var(--color-gray, #aaa);
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  flex-flow: wrap;
  align-content: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.v2-tab-bar li span {
  display: block;
  width: 100%;
  color: #aaa;
  text-align: center;
  font-weight: 700;
  letter-spacing: -0.2px;
  font-size: 2.6667vw;
}
@media (min-width: 768px) {
  .v2-tab-bar li span {
    font-size: 0.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-tab-bar li span {
    font-size: 10px;
  }
}
.v2-tab-bar li:before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  flex-shrink: 0;
  width: 9.6vw;
}
@media (min-width: 768px) {
  .v2-tab-bar li:before {
    width: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-tab-bar li:before {
    width: 36px;
  }
}
.v2-tab-bar li:before {
  height: 9.6vw;
}
@media (min-width: 768px) {
  .v2-tab-bar li:before {
    height: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-tab-bar li:before {
    height: 36px;
  }
}
.v2-tab-bar li {
  /* =====================================
     🌟 활성화(.active) 공통 스타일
     ===================================== */
}
.v2-tab-bar li.active {
  color: var(--color-primary, #494E8F);
}
.v2-tab-bar li {
  /* =====================================
     🎨 메뉴별 아이콘 (기본 & 활성화)
     ===================================== */
}
.v2-tab-bar li.home:before {
  background-image: url(/images/v2/tabbar/tabbar_home.svg);
}
.v2-tab-bar li.home.active:before {
  background-image: url(/images/v2/tabbar/tabbar_home_on.svg);
}
.v2-tab-bar li.apply:before {
  background-image: url(/images/v2/tabbar/tabbar_application.svg);
}
.v2-tab-bar li.apply.active:before {
  background-image: url(/images/v2/tabbar/tabbar_application_on.svg);
}
.v2-tab-bar li.joint:before {
  background-image: url(/images/v2/tabbar/tabbar_action.svg);
}
.v2-tab-bar li.joint.active:before {
  background-image: url(/images/v2/tabbar/tabbar_action_on.svg);
}
.v2-tab-bar li.myclass:before {
  background-image: url(/images/v2/tabbar/tabbar_myclass.svg);
}
.v2-tab-bar li.myclass.active:before {
  background-image: url(/images/v2/tabbar/tabbar_myclass_on.svg);
}
.v2-tab-bar li.mypage {
  padding-bottom: 0 !important;
}
.v2-tab-bar li.mypage:before {
  background-image: url(/images/v2/tabbar/tabbar_mypage.svg);
}
.v2-tab-bar li.mypage.active:before {
  background-image: url(/images/v2/tabbar/tabbar_mypage_on.svg);
}
.v2-tab-bar li.performe:before {
  background-image: url(/images/v2/tabbar/tabbar_performe.svg);
}
.v2-tab-bar li.performe.active:before {
  background-image: url(/images/v2/tabbar/tabbar_performe_on.svg);
}
.v2-tab-bar li.practies:before {
  background-image: url(/images/v2/tabbar/tabbar_practies.svg);
}
.v2-tab-bar li.practies.active:before {
  background-image: url(/images/v2/tabbar/tabbar_practies_on.svg);
}
.v2-tab-bar li.gift:before {
  background-image: url(/images/v2/tabbar/tabbar_present.svg);
}
.v2-tab-bar li.gift.active:before {
  background-image: url(/images/v2/tabbar/tabbar_present_on.svg);
}
.v2-tab-bar li {
  /* 💡 동일한 이미지를 공유하는 그룹 */
}
.v2-tab-bar li.action:before, .v2-tab-bar li.implement:before {
  background-image: url(/images/v2/tabbar/tabbar_implement.svg);
}
.v2-tab-bar li.action.active:before, .v2-tab-bar li.implement.active:before {
  background-image: url(/images/v2/tabbar/tabbar_implement_on.svg);
}
.v2-tab-bar li.meeting:before, .v2-tab-bar li.happygroup:before {
  background-image: url(/images/v2/tabbar/tabbar_meeting.svg);
}
.v2-tab-bar li.meeting.active:before, .v2-tab-bar li.happygroup.active:before {
  background-image: url(/images/v2/tabbar/tabbar_meeting_on.svg);
}
.v2-tab-bar li.exercise:before, .v2-tab-bar li.parti:before {
  background-image: url(/images/v2/tabbar/tabbar_parti.svg);
}
.v2-tab-bar li.exercise.active:before, .v2-tab-bar li.parti.active:before {
  background-image: url(/images/v2/tabbar/tabbar_parti_on.svg);
}
.v2-tab-bar li.classreview:before, .v2-tab-bar li.review:before, .v2-tab-bar li.write:before {
  background-image: url(/images/v2/tabbar/tabbar_review.svg);
}
.v2-tab-bar li.classreview.active:before, .v2-tab-bar li.review.active:before, .v2-tab-bar li.write.active:before {
  background-image: url(/images/v2/tabbar/tabbar_review_on.svg);
}

.v2-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.v2-ico--heart {
  display: inline-block;
  flex-shrink: 0;
  width: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-ico--heart {
    width: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-ico--heart {
    width: 20px;
  }
}
.v2-ico--heart {
  height: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-ico--heart {
    height: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-ico--heart {
    height: 20px;
  }
}
.v2-ico--heart {
  background: url("/images/v2/ico-heart.svg") no-repeat center/contain;
}
.v2-ico--heart-on {
  display: inline-block;
  flex-shrink: 0;
  width: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-ico--heart-on {
    width: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-ico--heart-on {
    width: 16px;
  }
}
.v2-ico--heart-on {
  height: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-ico--heart-on {
    height: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-ico--heart-on {
    height: 16px;
  }
}
.v2-ico--heart-on {
  background: url("/images/v2/ico-heart-on.svg") no-repeat center/contain;
  margin-right: 1.0667vw;
}
@media (min-width: 768px) {
  .v2-ico--heart-on {
    margin-right: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-ico--heart-on {
    margin-right: 4px;
  }
}
.v2-ico--comment {
  display: inline-block;
  flex-shrink: 0;
  width: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-ico--comment {
    width: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-ico--comment {
    width: 20px;
  }
}
.v2-ico--comment {
  height: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-ico--comment {
    height: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-ico--comment {
    height: 20px;
  }
}
.v2-ico--comment {
  background: url("/images/v2/ico-comment.svg") no-repeat center/contain;
}
.v2-ico--share {
  display: inline-block;
  flex-shrink: 0;
  width: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-ico--share {
    width: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-ico--share {
    width: 20px;
  }
}
.v2-ico--share {
  height: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-ico--share {
    height: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-ico--share {
    height: 20px;
  }
}
.v2-ico--share {
  background: url("/images/v2/ico-share.svg") no-repeat center/contain;
}

.v2-more-btn {
  display: inline-block;
  flex-shrink: 0;
  width: 6.4vw;
}
@media (min-width: 768px) {
  .v2-more-btn {
    width: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-more-btn {
    width: 24px;
  }
}
.v2-more-btn {
  height: 6.4vw;
}
@media (min-width: 768px) {
  .v2-more-btn {
    height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-more-btn {
    height: 24px;
  }
}
.v2-more-btn {
  background: url("/images/v2/ico-more.svg") no-repeat center/contain;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
.v2-more-btn--sm {
  width: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-more-btn--sm {
    width: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-more-btn--sm {
    width: 20px;
  }
}
.v2-more-btn--sm {
  height: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-more-btn--sm {
    height: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-more-btn--sm {
    height: 20px;
  }
}

.v2-review-detail {
  color: #222222;
  letter-spacing: -0.02em;
  padding: 0 0 16vw;
}
@media (min-width: 768px) {
  .v2-review-detail {
    padding: 0 0 3.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-review-detail {
    padding: 0 0 60px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-review-detail {
    padding: 80px 0 120px;
  }
}
@media screen and (min-width: 768px) {
  .v2-review-detail__inner {
    max-width: 720px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .v2-review-detail__inner {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    max-width: 1160px;
  }
}
.v2-review-detail__btns {
  margin-top: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-review-detail__btns {
    margin-top: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-review-detail__btns {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-review-detail__btns {
    margin-top: 60px;
  }
}
.v2-review-detail__btns .v2-btn {
  width: auto;
  min-width: 37.3333vw;
}
@media (min-width: 768px) {
  .v2-review-detail__btns .v2-btn {
    min-width: 8.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-review-detail__btns .v2-btn {
    min-width: 140px;
  }
}
.v2-review-detail__btns .v2-btn {
  padding: 0 8.5333vw;
}
@media (min-width: 768px) {
  .v2-review-detail__btns .v2-btn {
    padding: 0 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-review-detail__btns .v2-btn {
    padding: 0 32px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-review-detail__btns .v2-btn {
    min-width: 200px;
  }
}

.v2-profile {
  display: flex;
  align-items: center;
  gap: 3.2vw;
}
@media (min-width: 768px) {
  .v2-profile {
    gap: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-profile {
    gap: 12px;
  }
}
.v2-profile__img {
  border: 1px solid #222222;
  border-radius: 50%;
  object-fit: cover;
  width: 10.6667vw;
}
@media (min-width: 768px) {
  .v2-profile__img {
    width: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-profile__img {
    width: 40px;
  }
}
.v2-profile__img {
  height: 10.6667vw;
}
@media (min-width: 768px) {
  .v2-profile__img {
    height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-profile__img {
    height: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-profile__img {
    width: 56px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-profile__img {
    height: 56px;
  }
}
.v2-profile__info {
  display: flex;
  flex-direction: column;
  gap: 0.5333vw;
}
@media (min-width: 768px) {
  .v2-profile__info {
    gap: 0.125rem;
  }
}
@media (min-width: 1200px) {
  .v2-profile__info {
    gap: 2px;
  }
}
.v2-profile__name {
  font-weight: 700;
  line-height: 1.3;
  font-size: var(--text-base);
}
@media screen and (min-width: 1200px) {
  .v2-profile__name {
    font-size: var(--text-lg);
  }
}
.v2-profile__date {
  color: #666666;
  font-size: var(--text-xs);
}
@media screen and (min-width: 1200px) {
  .v2-profile__date {
    font-size: var(--text-sm);
  }
}
.v2-profile--sm {
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-profile--sm {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-profile--sm {
    gap: 8px;
  }
}
.v2-profile--sm .v2-profile__img {
  width: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-profile--sm .v2-profile__img {
    width: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-profile--sm .v2-profile__img {
    width: 32px;
  }
}
.v2-profile--sm .v2-profile__img {
  height: 8.5333vw;
}
@media (min-width: 768px) {
  .v2-profile--sm .v2-profile__img {
    height: 2rem;
  }
}
@media (min-width: 1200px) {
  .v2-profile--sm .v2-profile__img {
    height: 32px;
  }
}
.v2-profile--sm .v2-profile__name {
  font-size: var(--text-sm);
}
@media screen and (min-width: 1200px) {
  .v2-profile--sm .v2-profile__name {
    font-size: var(--text-base);
  }
}

.v2-post {
  padding: 7.4667vw 5.3333vw 0;
}
@media (min-width: 768px) {
  .v2-post {
    padding: 1.75rem 1.25rem 0;
  }
}
@media (min-width: 1200px) {
  .v2-post {
    padding: 28px 20px 0;
  }
}
@media screen and (min-width: 1200px) {
  .v2-post {
    flex: 0 0 440px;
    width: 440px;
    padding: 40px 0 0;
  }
}
.v2-post__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.v2-post__tags {
  display: flex;
  gap: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-post__tags {
    gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-post__tags {
    gap: 8px;
  }
}
.v2-post__tags {
  margin-top: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-post__tags {
    margin-top: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-post__tags {
    margin-top: 16px;
  }
}
.v2-post__course {
  display: inline-block;
  background: #EEEEEE;
  color: #666666;
  margin-top: 3.2vw;
}
@media (min-width: 768px) {
  .v2-post__course {
    margin-top: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-post__course {
    margin-top: 12px;
  }
}
.v2-post__course {
  padding: 1.0667vw 2.6667vw;
}
@media (min-width: 768px) {
  .v2-post__course {
    padding: 0.25rem 0.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-post__course {
    padding: 4px 10px;
  }
}
.v2-post__course {
  border-radius: 1.0667vw;
}
@media (min-width: 768px) {
  .v2-post__course {
    border-radius: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-post__course {
    border-radius: 4px;
  }
}
.v2-post__course {
  font-size: var(--text-xs);
}
@media screen and (min-width: 1200px) {
  .v2-post__course {
    font-size: var(--text-sm);
  }
}
.v2-post__text {
  line-height: 1.7;
  word-break: keep-all;
  margin-top: 3.2vw;
}
@media (min-width: 768px) {
  .v2-post__text {
    margin-top: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-post__text {
    margin-top: 12px;
  }
}
.v2-post__text {
  font-size: var(--text-base);
}
.v2-post__figure {
  position: relative;
  margin-top: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-post__figure {
    margin-top: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-post__figure {
    margin-top: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-post__figure {
    margin-top: 20px;
  }
}
.v2-post__img {
  display: block;
  width: 100%;
  aspect-ratio: 335/200;
  object-fit: cover;
  border-radius: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-post__img {
    border-radius: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-post__img {
    border-radius: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-post__img {
    aspect-ratio: 440/264;
  }
}
.v2-post__mascot {
  position: absolute;
  right: 1.6vw;
}
@media (min-width: 768px) {
  .v2-post__mascot {
    right: 0.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-post__mascot {
    right: 6px;
  }
}
.v2-post__mascot {
  bottom: -1.6vw;
}
@media (min-width: 768px) {
  .v2-post__mascot {
    bottom: -0.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-post__mascot {
    bottom: -6px;
  }
}
.v2-post__mascot {
  width: 16vw;
}
@media (min-width: 768px) {
  .v2-post__mascot {
    width: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-post__mascot {
    width: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-post__mascot {
    width: 80px;
  }
}
.v2-post__actions {
  display: flex;
  align-items: center;
  border-top: 1px solid #DDDDDD;
  gap: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-post__actions {
    gap: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-post__actions {
    gap: 20px;
  }
}
.v2-post__actions {
  margin: 5.3333vw -5.3333vw 0;
}
@media (min-width: 768px) {
  .v2-post__actions {
    margin: 1.25rem -1.25rem 0;
  }
}
@media (min-width: 1200px) {
  .v2-post__actions {
    margin: 20px -20px 0;
  }
}
.v2-post__actions {
  padding: 4.2667vw 5.3333vw;
}
@media (min-width: 768px) {
  .v2-post__actions {
    padding: 1rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-post__actions {
    padding: 16px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-post__actions {
    margin: 24px 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .v2-post__actions {
    padding: 16px 0;
  }
}

.v2-tag {
  border: 1px solid #494E8F;
  font-weight: 700;
  color: #494E8F;
  padding: 1.0667vw 2.1333vw;
}
@media (min-width: 768px) {
  .v2-tag {
    padding: 0.25rem 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-tag {
    padding: 4px 8px;
  }
}
.v2-tag {
  border-radius: 1.0667vw;
}
@media (min-width: 768px) {
  .v2-tag {
    border-radius: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-tag {
    border-radius: 4px;
  }
}
.v2-tag {
  font-size: var(--text-xs);
}
@media screen and (min-width: 1200px) {
  .v2-tag {
    font-size: var(--text-sm);
  }
}

.v2-action {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 0;
  background: none;
  color: #222222;
  cursor: pointer;
  gap: 1.6vw;
}
@media (min-width: 768px) {
  .v2-action {
    gap: 0.375rem;
  }
}
@media (min-width: 1200px) {
  .v2-action {
    gap: 6px;
  }
}
.v2-action {
  font-size: var(--text-sm);
}
.v2-action__count {
  font-weight: 500;
}

.v2-comment {
  background: #faf6f2;
}
@media screen and (min-width: 1200px) {
  .v2-comment {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    border-radius: 20px;
  }
}
.v2-comment__body {
  padding: 8.5333vw 5.3333vw 10.6667vw;
}
@media (min-width: 768px) {
  .v2-comment__body {
    padding: 2rem 1.25rem 2.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__body {
    padding: 32px 20px 40px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-comment__body {
    padding: 40px;
  }
}
.v2-comment__write {
  display: flex;
  gap: 3.2vw;
}
@media (min-width: 768px) {
  .v2-comment__write {
    gap: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__write {
    gap: 12px;
  }
}
.v2-comment__write {
  margin-bottom: 7.4667vw;
}
@media (min-width: 768px) {
  .v2-comment__write {
    margin-bottom: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__write {
    margin-bottom: 28px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-comment__write {
    display: none;
  }
}
.v2-comment__input {
  flex: 1;
  min-width: 0;
  border: 1px solid #DDDDDD;
  background: #ffffff;
  height: 11.2vw;
}
@media (min-width: 768px) {
  .v2-comment__input {
    height: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__input {
    height: 42px;
  }
}
.v2-comment__input {
  padding: 0 4.2667vw;
}
@media (min-width: 768px) {
  .v2-comment__input {
    padding: 0 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__input {
    padding: 0 16px;
  }
}
.v2-comment__input {
  border-radius: 11.2vw;
}
@media (min-width: 768px) {
  .v2-comment__input {
    border-radius: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__input {
    border-radius: 42px;
  }
}
.v2-comment__input {
  font-size: var(--text-sm);
}
@media screen and (min-width: 1200px) {
  .v2-comment__input {
    height: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-comment__input {
    border-radius: 60px;
  }
}
.v2-comment__input::placeholder {
  color: #666666;
}
.v2-comment__input:focus-visible {
  outline: 2px solid #494E8F;
  outline-offset: 1px;
}
.v2-comment__submit {
  display: inline-block;
  flex-shrink: 0;
  width: 11.2vw;
}
@media (min-width: 768px) {
  .v2-comment__submit {
    width: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__submit {
    width: 42px;
  }
}
.v2-comment__submit {
  height: 11.2vw;
}
@media (min-width: 768px) {
  .v2-comment__submit {
    height: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__submit {
    height: 42px;
  }
}
.v2-comment__submit {
  background: url("/images/v2/ico-send.svg") no-repeat center/contain;
  border: 0;
  background-color: rgba(249, 113, 115, 0.15);
  cursor: pointer;
  border-radius: 3.2vw;
}
@media (min-width: 768px) {
  .v2-comment__submit {
    border-radius: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__submit {
    border-radius: 12px;
  }
}
.v2-comment__submit {
  background-size: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-comment__submit {
    background-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__submit {
    background-size: 20px;
  }
}
.v2-comment__head {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  min-height: 17.0667vw;
}
@media (min-width: 768px) {
  .v2-comment__head {
    min-height: 4rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__head {
    min-height: 64px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-comment__head {
    min-height: 80px;
  }
}
.v2-comment__head::after {
  content: "";
  position: absolute;
  left: 0;
  height: 1px;
  background: #DDDDDD;
  right: 37.3333vw;
}
@media (min-width: 768px) {
  .v2-comment__head::after {
    right: 8.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__head::after {
    right: 140px;
  }
}
.v2-comment__head::after {
  bottom: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-comment__head::after {
    bottom: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__head::after {
    bottom: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-comment__head::after {
    right: 160px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-comment__head::after {
    bottom: 12px;
  }
}
.v2-comment__title {
  align-self: flex-start;
  font-weight: 700;
  margin-top: 3.2vw;
}
@media (min-width: 768px) {
  .v2-comment__title {
    margin-top: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__title {
    margin-top: 12px;
  }
}
.v2-comment__title {
  font-size: var(--text-lg);
}
@media screen and (min-width: 1200px) {
  .v2-comment__title {
    margin-top: 4px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-comment__title {
    font-size: var(--text-xl);
  }
}
.v2-comment__mascot {
  width: 21.3333vw;
}
@media (min-width: 768px) {
  .v2-comment__mascot {
    width: 5rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__mascot {
    width: 80px;
  }
}
.v2-comment__mascot {
  margin-top: -2.6667vw;
}
@media (min-width: 768px) {
  .v2-comment__mascot {
    margin-top: -0.625rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__mascot {
    margin-top: -10px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-comment__mascot {
    width: 100px;
  }
}
.v2-comment__list {
  margin-top: 3.2vw;
}
@media (min-width: 768px) {
  .v2-comment__list {
    margin-top: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__list {
    margin-top: 12px;
  }
}
.v2-comment__item {
  padding-top: 5.3333vw;
}
@media (min-width: 768px) {
  .v2-comment__item {
    padding-top: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__item {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-comment__item {
    padding-top: 28px;
  }
}
.v2-comment__bubble {
  border: 1px solid #DDDDDD;
  background: #ffffff;
  line-height: 1.6;
  word-break: keep-all;
  margin-top: 2.1333vw;
}
@media (min-width: 768px) {
  .v2-comment__bubble {
    margin-top: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__bubble {
    margin-top: 8px;
  }
}
.v2-comment__bubble {
  padding: 4.2667vw 5.3333vw;
}
@media (min-width: 768px) {
  .v2-comment__bubble {
    padding: 1rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__bubble {
    padding: 16px 20px;
  }
}
.v2-comment__bubble {
  border-radius: 4.2667vw;
}
@media (min-width: 768px) {
  .v2-comment__bubble {
    border-radius: 1rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__bubble {
    border-radius: 16px;
  }
}
.v2-comment__bubble {
  font-size: var(--text-sm);
}
@media screen and (min-width: 1200px) {
  .v2-comment__bubble {
    margin-left: 44px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-comment__bubble {
    font-size: var(--text-base);
  }
}
.v2-comment__meta {
  display: flex;
  align-items: center;
  gap: 3.2vw;
}
@media (min-width: 768px) {
  .v2-comment__meta {
    gap: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__meta {
    gap: 12px;
  }
}
.v2-comment__meta {
  margin-top: 3.2vw;
}
@media (min-width: 768px) {
  .v2-comment__meta {
    margin-top: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__meta {
    margin-top: 12px;
  }
}
.v2-comment__meta {
  padding: 0 1.0667vw;
}
@media (min-width: 768px) {
  .v2-comment__meta {
    padding: 0 0.25rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__meta {
    padding: 0 4px;
  }
}
@media screen and (min-width: 1200px) {
  .v2-comment__meta {
    margin-left: 44px;
  }
}
.v2-comment__date {
  margin-right: auto;
  color: #666666;
  font-size: var(--text-xs);
}
@media screen and (min-width: 1200px) {
  .v2-comment__date {
    font-size: var(--text-sm);
  }
}
.v2-comment__end {
  text-align: center;
  color: #888888;
  margin-top: 10.6667vw;
}
@media (min-width: 768px) {
  .v2-comment__end {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .v2-comment__end {
    margin-top: 40px;
  }
}
.v2-comment__end {
  font-size: var(--text-xs);
}
@media screen and (min-width: 1200px) {
  .v2-comment__end {
    font-size: var(--text-sm);
  }
}
.v2-comment__app-notice {
  display: none;
}
@media screen and (min-width: 1200px) {
  .v2-comment__app-notice {
    display: block;
    padding: 20px;
    background: #D5A99B;
    font-size: var(--text-base);
    text-align: center;
    color: #ffffff;
  }
  .v2-comment__app-notice strong {
    font-weight: 700;
  }
}

.v2-like {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 0;
  background: none;
  font-weight: 700;
  color: #F97173;
  cursor: pointer;
  font-size: var(--text-xs);
}
@media screen and (min-width: 1200px) {
  .v2-like {
    font-size: var(--text-sm);
  }
}