@charset "UTF-8";

/* 기본 리셋 */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { background-color: #e9ecef; font-family: 'Malgun Gothic', sans-serif; }
        a { text-decoration: none; color: inherit; }

        /* 모바일 해상도 기준 래퍼 */
        .mobile-wrapper {
            position: relative;
            width: 100%;
            max-width: 480px;
            min-height: 100vh;
            margin: 0 auto;
            background-color: #3b6dee;
            overflow-x: hidden; /* 사이드 메뉴가 바깥으로 나가는 것을 방지 */
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        }

        /* --- 상단 헤더 영역 --- */
        .header {
            display: flex;
            align-items: center;
            justify-content: center; /* 타이틀 중앙 정렬 */
            height: 60px;
            background-color: #ffffff;
            border-bottom: 1px solid #ddd;
            position: relative;
            z-index: 5; /* 헤더를 최상단에 고정 */
        }
        
        .btn-hamburger {
            position: absolute;
            left: 15px; /* 좌측에 고정 */
            font-size: 26px;
            background: none;
            border: none;
            cursor: pointer;
            color: #333;
            padding: 5px;
        }

        .header-title {
            font-size: 18px;
            font-weight: 800;
            color: #333;
            letter-spacing: -0.5px;
        }

        /* --- 메인 콘텐츠 영역 (이미지 + 투명 버튼) --- */
        .main-content {
            position: relative;
            width: 100%;
        }
        
        .main-image {
            width: 100%;
            display: block; /* 이미지 하단 여백 제거 */
        }

        /* 이미지 위 로그인 투명 버튼 */
        .btn-login-area {
            position: absolute;
		    left: 10%;           
		    bottom: 19%; 
		    width: 80%;          
		    height: 7.5%;        
		    background-color: transparent; 
		    border: none;
		    cursor: pointer;
		    outline: none;
		    
		    /* 위치 확인용 임시 테두리 (위치 조절 후 주석처리) */
/* 		    border: 2px solid red;  */
/* 		    background-color: rgba(255,0,0,0.3); */
        }