/* 로그인 화면(partner/login.php)만 쓰는 규칙 — 2026-11-01 코드 정리 추천 5 마무리: lib/css/layout.css(모든 화면이 받는 공통)에서 그대로 옮김.
   싣는 곳 partner/head.sub.php(layout.css 뒤 — add_stylesheet 는 머리 맨 위에 끼워 차례에서 진다). 로그인 화면 모양 자체는 11-01 2aed8a4(다른 세션) 그대로. */
/* login ====================================================================================*/
.login {   /* 바탕 흰색 — 화면 전체(2026-11-01 대표 지시, body 회색 #eef1f6 를 덮음) */
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 20px;
	box-sizing: border-box;
	background-color: #fff;
}
.login .logo {
	padding-bottom: 10px;
}
.login .logo img {
	width: 150px;
}
.login .title {
	text-align: center;
}
.login .title img {   /* 로고 120(옛 240 의 50% — 2026-11-01 대표 지시) · 블록이라 글줄 아래 틈 없음 → 아래 글과 사이 = small 위 여백 12 */
	display: block;
	margin: 0 auto;
	width: 120px;
	max-width: 100%;
}
.login .title h2 {   /* 「(주)요즘핫플 파트너센터」·LOGIN = Montserrat(한글은 Montserrat 에 없어 Pretendard) */
	margin: 0 0 30px;
	font-family: 'Montserrat', 'Pretendard Variable', Pretendard, -apple-system, 'Malgun Gothic', sans-serif;
}
.login .title h2 small {   /* 요즘핫플 파트너센터 21 · (주) 16 세로 가운데 — PC·휴대폰 같음 · Pretendard 500(LOGIN 만 Montserrat) — 2026-11-01 대표 지시 */
	display: flex;
	font-family: 'Pretendard Variable', Pretendard, -apple-system, 'Malgun Gothic', sans-serif;
	font-weight: 500;
	justify-content: center;
	align-items: center;
	margin: 12px 0 10px;   /* 위 12 = 로고와 사이(2026-11-01 대표 지시) */
	font-size: 21px;
}
.login .title h2 small .corp {
	font-size: 16px;
}
.login .box {   /* 흰 상자 없음 — 공통 .box 의 바탕·테두리를 끔 */
	margin: 0 0 60px;
	padding: 60px 48px;
	width: 460px;
	max-width: 100%;
	box-sizing: border-box;
	text-align: center;
	background-color: transparent;
	border: 0;
}
.login .btn {   /* 로그인 단추 좌우 둥글게 */
	border-radius: 50rem;
}
@media (max-width: 520px) {
	.login {   /* 휴대폰도 상하좌우 가운데 — 주소창 높이를 뺀 화면(dvh) 기준, 모르는 브라우저는 위 100vh */
		padding: 16px;
		min-height: 100dvh;
	}
	.login .title img {
		width: 90px;
	}
	.login .title h2 {
		font-size: 22px;
		margin: 0 0 20px;
	}
	.login .box {
		margin: 0;
		padding: 32px 24px;
		width: 100%;
	}
}