@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');

    *{box-sizing:border-box;}
    body{margin:0;background:#e9e8e3;font-family:"Pretendard","Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;color:#0a0a0a;}
    .en{font-family:"Space Grotesk",sans-serif;}
    a{color:#00489d;} a:hover{color:#003a80;}
    .scr::-webkit-scrollbar{width:0;height:0;}
    .scr{scrollbar-width:none;flex:1;overflow-y:auto;padding:16px 20px 70px;display:flex;flex-direction:column;gap:16px;}

    .m-content-wrap{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start;justify-content:center;}
    .m-content{width:390px;min-height:100vh;background:#fff;border:1px solid #d8d7d2;box-shadow:0 30px 60px -24px rgba(0,32,80,.28);overflow:hidden;display:flex;flex-direction:column;position:relative;}
    .m-content-body{overflow: auto;}
    .m-bottom-tab{
        position:fixed;z-index: 100;bottom:0;width:390px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-top:1px solid #ececea;display:flex;padding:8px 12px 10px;
    }
/* Bootstrap/AdminLTE 기본 btn-primary(#007bff)를 프로젝트 브랜드 컬러로 오버라이드 (모바일 화면 전용) */
.btn-primary {
  background-color: #00489d !important;
  border-color: #00489d !important;
}
.btn-primary:hover {
  background-color: #003a80 !important;
  border-color: #003a80 !important;
}
.btn-primary.focus, .btn-primary:focus {
  background-color: #003a80 !important;
  border-color: #003a80 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 72, 157, 0.5) !important;
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: #00489d !important;
  border-color: #00489d !important;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: #002d58 !important;
  border-color: #002d58 !important;
}

.btn-size50{
    height: 50px!important;;
    border-radius: 10px!important;;
    font-size: 16px!important;
    font-weight: 700!important;;
}

/* AdminLTE 기본 bg-primary(#007bff)를 프로젝트 브랜드 컬러로 오버라이드
   (adminlte.min.css의 .bg-primary도 !important이며 mobile.css보다 나중에 로드되므로,
    body를 붙여 특이도를 높여야 오버라이드가 실제로 적용됨) */
body .bg-primary {
  background-color: #00489d !important;
}

.btn-primary.is-disabled {
  background-color: #d8d7d2 !important;
  border-color: #d8d7d2 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

/* 회원가입 등 모바일 입력 필드 공통 스타일 (wrapper + input) */
.input-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1.5px solid #e4e3de;
  border-radius: 13px;
  padding: 0 15px;
  height: 52px;
  background: #fff;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.input-pill:focus-within {
  border-color: #00489d;
  box-shadow: 0 0 0 3px rgba(0, 72, 157, .08);
}
.input-pill-control {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  font-size: 15px;
  color: #0a0a0a;
  font-weight: 500;
  font-family: inherit;
}
.input-pill-control::placeholder {
  color: #adadaa;
  font-weight: 400;
}