/* BASIC css start */
  /* ===== 컨테이너 / 공통 ===== */
  .penm-main-container{
    max-width:1200px;
    margin:0 auto;
    padding:40px 20px;
  }
  .penm-page-title{
    font-size:1.8rem;
    font-weight:700;
    color:#403F6F;
    margin-bottom:40px;
    border-bottom:2px solid #403F6F;
    padding-bottom:10px;
  }

  /* ===== 레이아웃 ===== */
  .penm-find-wrap{
    display:flex;
    gap:60px;
    background:#fff;
    padding:50px;
    border:1px solid #e4eaff;
  }
  .penm-find-section{ flex:1; }

  .penm-divider{
    width:1px;
    background:#e0e0e0;
    margin:0 10px;
  }

  /* ===== 타이포 ===== */
  .penm-section-title{
    font-size:1.3rem;
    font-weight:700;
    color:#333;
    margin-bottom:12px;
  }
  .penm-section-desc{
    font-size:0.7rem;
    color:#666;
    line-height:1.6;
    margin-bottom:22px;
  }

  /* ===== 라디오 그룹 ===== */
  .penm-radio-wrap{
    display:flex;
    gap:20px;
    font-size:0.9rem;
    color:#333;
    margin-bottom:14px;
  }
  .penm-radio-wrap label{ cursor:pointer; }

  /* ===== 폼 박스 ===== */
  .penm-find-box{
    border:1px solid #e4eaff;
    padding:20px;
    background:#fff;
  }
  .penm-frm-list{
    list-style:none;
  }
  .penm-frm-item{
    position:relative;
    width:100%;
    margin-bottom:10px;
  }

  /* 라벨-플레이스홀더 패턴 */
  .penm-placeholder{
    position:absolute;
    inset:auto auto auto 0;
    top:0;
    left:0;
    width:100%;
    height:48px;
    line-height:48px;
    color:#adadad;
    padding-left:12px;
    cursor:text;
    user-select:none;
  }

  /* 메이크샵 인풋(가상태그 출력)을 감싸는 공통 스타일 초기화 */
  .penm-frm-item input,
  .penm-frm-item select{
    display:block;
    width:100%;
    min-height:48px;
    padding:14px 16px;
    border:1px solid #cfd4e7;
    background:#fff;
    outline:0;
    font-size:0.95rem;
    color:#222;
    box-sizing:border-box;
    -webkit-appearance:none;
    appearance:none;
  }
  .penm-frm-item input:focus{
    border-color:#403F6F;
    box-shadow:0 0 0 3px rgba(64,63,111,.08);
  }

  /* 브라우저 자동완성 색상 리셋 */
  .penm-frm-item input:-webkit-autofill{
    -webkit-text-fill-color:#222;
    box-shadow:0 0 0 1000px #fff inset;
  }

  /* 버튼 영역 */
  .penm-btn-area{
    margin-top:14px;
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  .penm-btn-primary,
  .penm-btn-secondary{
    display:block;
    text-align:center;
    width:100%;
    padding:15px;
    font-size:1rem;
    font-weight:600;
    border-radius:10px;
    cursor:pointer;
  }
  .penm-btn-primary{
    background:#333;
    color:#fff;
    border:0;
  }
  .penm-btn-primary:hover{ background:#222; }

  .penm-btn-secondary{
    background:#fff;
    color:#333;
    border:2px solid #333;
  }
  .penm-btn-secondary:hover{
    background:#333;
    color:#fff;
  }

  /* ===== 본인인증 모듈 ===== */
  .penm-auth-box{
    margin-top:16px;
    padding:18px 20px;
    border-top:1px solid #ddd;
    border:1px solid #e4eaff;
    background:#fff;
  }
  .penm-auth-dl{ margin:0; }
  .penm-auth-dl dt{
    margin-bottom:14px;
    color:#000;
    line-height:1.5;
    font-size:0.95rem;
  }
  .penm-auth-methods{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
  }
  .penm-auth-btn{
    display:inline-block;
    width:92px;
    height:92px;
    border:1px solid #dedede;
    color:#000;
    text-align:center;
    font-size:12px;
    letter-spacing:-0.5px;
    background:#fff;
  }
  .penm-auth-btn span{
    display:inline-block;
    width:90px;
    height:90px;
    border:1px solid #fff;
  }
  .penm-auth-btn:hover,
  .penm-auth-btn:hover span{
    border-color:#000;
  }
  .penm-auth-btn img{
    width:45px;
    height:45px;
    margin:9px 0 4px;
    object-fit:contain;
  }

  /* ===== 반응형 ===== */
  @media (max-width: 1024px){
    .penm-find-wrap{ gap:40px; padding:40px 30px; }
  }
  @media (max-width: 768px){
    .penm-find-wrap{
      flex-direction:column;
      gap:30px;
      padding:30px 20px;
    }
    .penm-divider{
      width:100%;
      height:1px;
    }
    .penm-page-title{
      font-size:1.5rem;
      margin-bottom:30px;
    }
    .penm-section-title{ font-size:1.2rem; }
  }
  @media (max-width: 480px){
    .penm-main-container{ padding:20px 15px; }
    .penm-find-wrap{ padding:24px 14px; }
    .penm-page-title{
      font-size:1.3rem;
      margin-bottom:22px;
    }
    .penm-section-desc{ font-size:0.85rem; }
    .penm-frm-item input{ min-height:44px; padding:10px 12px; font-size:0.9rem; }
    .penm-btn-primary,.penm-btn-secondary{ padding:12px; font-size:0.95rem; }
  }
/* BASIC css end */