html,
body {
   margin: 0;
   padding: 0;
   width: 100%;
   min-height: 100% !important; 
   min-height: -webkit-fill-available !important; 

   /* 중요: 스크롤 시 바닥 튕김 현상 방지 */
    overscroll-behavior-y: none; 
}

body {
   font-family: Pretendard, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', Arial, sans-serif;
   line-height: 1.4;
   color: #111;
}

ul,
li {
   margin: 0;
   padding: 0;
   list-style: none;
}

h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
}

a {
   text-decoration: none;
   color: inherit;
}

img {
   border: 0;
   vertical-align: middle;
}

a,
button,
input,
select,
textarea {
   margin: 0;
   padding: 0;
   font-family: inherit;
   font-size: inherit;
   color: inherit;
   border: none;
   background: none;
   outline: none;
}

a, 
button {
   cursor: pointer;
}

*,
*::before,
*::after {
   box-sizing: border-box;
}


/* 2. 모바일용 설정 (미디어 쿼리) */
@media screen and (max-width: 768px) {
    html {
        /* 모바일에서는 높이를 고정하지 않아야 세로 스크롤이 됩니다 */
        height: auto !important;
        overflow-y: auto !important; 
        overflow-x: hidden !important; /* 모바일에서도 가로 스크롤은 막되 */
    }

    body {
        /* [중요] PC의 100% 설정을 모바일에서 auto로 풀어줌 */
        height: auto !important;
        min-height: 100% !important;
        
        /* 세로 스크롤을 명시적으로 활성화 */
        overflow-y: visible !important; 
        
        /* 하단 여백 제거 (공백 문제 해결) */
        margin: 0 !important;
        padding: 0 !important;
        padding-bottom: 0 !important;
        
        /* 레이아웃 깨짐 방지 */
        display: block !important;
        position: relative !important;
        background-color: #ffffff !important;
    }
}