/**
 * pytha-config
 */
@charset "UTF-8";

html, body {
	height: 100%;
}

/* [2026-04-17] 모바일 viewport 정상화 — 데스크톱/태블릿(≥769px) 한정 잠금.
 * 기존 무조건적인 `html, body { min-width: 1200px }` 가 모바일(≤768px)에서
 * 가로 스크롤만 발생시키고 viewport 압축 레이아웃을 무력화시키던 문제를 해결.
 * 데스크톱 영역에서는 기존과 동일(회귀 0), 모바일에서만 잠금 해제.
 * 영향: pytha-config_3.0 본 프로젝트 + 다운스트림 전체 중
 *      `css/cmmn/layout.css` 를 오버라이드/exclude 하지 않은 프로젝트.
 *      (제외: payback-dashboard pom exclude, pytha-ns_1.0 pom exclude,
 *             gjcity-red2 자체 layout.css 보유, sbiz-policy 자체 보유)
 * [2026-04-17 후속] 데스크톱 최소 폭 정책 통일: 1200 → 1280
 *   pytha-red_2.0/css/cmmn/layout.css(1250) 와 불일치하던 잠금 값을 1280 으로
 *   통일. 1200px 고정 컨테이너(.ptg-w1200, .header-wrapper 등) 는 그대로 두고
 *   좌우 여유 40px 만 확보하는 방향.
 * [2026-04-17 8차] 1280 → 1264 미세조정.
 *   1280px 정확 viewport 에서 세로 스크롤바(15~17px)에 의해 가용 폭이
 *   1263~1265px 로 줄어 가로 오버플로우 발생. 1264 = 1280 - 16.
 * [2026-05-10 48차] 8차 정책 폐기 (B안 채택) — viewport 잠금 자체 무력화.
 *   배경: 8차 가정 "1264 = 1280 - 스크롤바 16" 이 실제 Edge/Chrome
 *        스크롤바 17px 와 1px 어긋나 1264~1280 viewport 가로 스크롤 회귀.
 *        46차(1263)/47차(1280) 가드 임계 확장은 template1 한정 처방.
 *   조치: viewport 폭 잠금 자체 폐기 — 모든 페이지에 동일 적용되는 정공법.
 *        min-width 0 으로 명시적 폐기 (블록 보존 — 역추적 용이).
 *        자식 컨테이너 모두 max-width:1200 이라 회귀 0. */
@media (min-width: 769px) {
	html, body {
		min-width: 0;
	}
}

body {
	display: flex;
	flex-direction: column;
}

header {
	position: relative;
}

section {
	width: 100%;
	height: 100%;
}

footer {
	width: 100%;
}

select {
	-webkit-appearance: none; /* 크롬 화살표 없애기 */
	-moz-appearance: none; /* 파이어폭스 화살표 없애기 */
	appearance: none; /* 화살표 없애기 */
}

input::-ms-clear {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

/* 로고 */
.logo img {
	max-width: 176px;
}

/* 헤더 */
.header-wrapper {
	width: 1200px;
	margin: 0 auto;
	padding: 16px 0 10px 0;
	display: flex;
	justify-content: space-between;
}

/* 컨텐츠 */
.contents-wrapper {
	width: 1200px;
	margin: 0 auto;
	min-height: 730px
}

/* 푸터 */
.footer-wrapper {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 20px 30px 30px 60px;
	color: rgba(255, 255, 255, 0.377);
	word-break: keep-all;
	max-width: 1200px;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.6;
}

.footer-logo {
	width: 25%;
}

.footer-logo img {
	width: 197px;
}

.footer-address {
	width: 75%;
}

.footer-a {
	text-decoration: underline;
	color: rgba(255, 255, 255, 0.377);
}

/* 전체 레이아웃 */
.ptg-w1200 {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}