/* ✅ 전체 페이지 초기화 */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100vh;
    overflow-x: hidden; /* 페이지 전체 가로 스크롤 없음 */
	overflow-y: auto; /* 세로 스크롤 유지 */
	/* font-size: 14px;  전체 텍스트 크기를 30px로 설정 */
}


a {
    text-decoration: none; /* 밑줄 제거 */
    color: inherit; /* 부모 요소 글자색 상속 */
}

a:hover {
    text-decoration: none; /* 호버 시에도 밑줄 제거 */
    color: inherit; /* 원래 색 유지 */
}



.bottom {
    position: fixed;
    bottom: 0;
    left: -100%;
    width: 100%;
	height: 100px;
    background-color: #e6e6e6;
    color: black;
    padding: 10px;
    transition: left 0.3s ease-in-out;
    font-size: 12px; /* ✅ Bottom 내부 폰트 크기 */
}


/* ✅ 마우스 감지 영역 */
.bottom-trigger {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
	font-size: 14px;
    color: white;
    text-align: center;
    line-height: 50px;
}


/* ✅ 마우스가 좌측 하단에 위치하면 Bottom이 나옴 */
.bottom-trigger:hover + .bottom,
.bottom:hover {
    left: 0;
}


/* 모달 열릴 때 Bootstrap이 붙이는 padding-right 제거 */
body.modal-open { padding-right: 0 !important; }

/* 스크롤바 자리를 항상 확보해서 레이아웃 흔들림 방지(지원 브라우저에서 효과적) */
:root { scrollbar-gutter: stable; }

/* (Bootstrap 5.3+) 모달용 스크롤바 보정 비활성화 */
.modal { --bs-scrollbar-width: 0; }