/* =========================================================
   정부24시 홈페이지 바로가기 (gov24-hon) 프리셋 — hon 블로그 전용
   - 베이스(.pts-preset)에서 모든 공통 컴포넌트 상속
   - 기존 gov24(코리아 블루)와 다른 '24시간 디지털 민원' 딥 틸 + 민트 톤
   ========================================================= */
.pts-preset.gov24hon-landing{
	--pts-bg:        #F2F8F6;
	--pts-bg-soft:   #E4F1ED;
	--pts-line:      #CFE3DC;
	--pts-primary:   #0E8C7F;   /* 딥 틸 (디지털 민원) */
	--pts-primary-d: #0A6E63;
	--pts-accent:    #0B3B38;   /* 짙은 그린 잉크 */
	--pts-accent-d:  #062725;
	--pts-ink:       #0F2A27;
	--pts-ink-soft:  #3F5A57;
	--g24-mint:      #34D399;   /* 민트 액센트 */
	--g24-mint-d:    #10B981;
}

/* 히어로 — 딥 틸 그라데이션 + 민트 광택 */
.pts-preset.gov24hon-landing .pts-hero{
	background:
		radial-gradient(circle at 14% 115%, rgba(52,211,153,0.22), transparent 52%),
		linear-gradient(135deg, #0E8C7F 0%, #0A6E63 55%, #0B3B38 100%);
	color: #fff;
	border-top: 4px solid var(--g24-mint);
}
.pts-preset.gov24hon-landing .pts-hero__eyebrow{
	background: var(--g24-mint);
	color: #06302B;
}
.pts-preset.gov24hon-landing .pts-hero__title{ color: #fff; }
.pts-preset.gov24hon-landing .pts-hero__lead{ color: rgba(255,255,255,0.92); }

/* 우상단 24h 번호표 배지 모티프 */
.pts-preset.gov24hon-landing .pts-hero::before{
	content: "24h";
	position: absolute;
	top: 22px; right: 28px;
	width: 58px; height: 58px;
	border: 2px solid rgba(52,211,153,0.55);
	border-radius: 50%;
	color: rgba(255,255,255,0.85);
	font-size: 18px; font-weight: 800; letter-spacing: 0.02em;
	display: flex; align-items: center; justify-content: center;
	z-index: 1;
}

/* 접속/다운로드 카드 */
.pts-preset.gov24hon-landing .pts-card{
	border-top: 3px solid var(--pts-primary);
}
.pts-preset.gov24hon-landing .pts-card__os{
	font-size: 12px; font-weight: 700;
	color: var(--pts-primary);
	letter-spacing: 0.06em; margin-bottom: 6px;
}
.pts-preset.gov24hon-landing .pts-card__name{
	font-size: 18px; font-weight: 700;
	margin: 0 0 4px; color: var(--pts-ink);
}
.pts-preset.gov24hon-landing .pts-card__meta{
	font-size: 13px; color: var(--pts-ink-soft); margin-bottom: 16px;
}

/* 단계 표시 — 틸 원형 + 민트 좌측선 */
.pts-preset.gov24hon-landing .pts-step::before{
	background: var(--pts-primary);
	color: #fff;
	box-shadow: 0 2px 8px rgba(14,140,127,0.35);
}
.pts-preset.gov24hon-landing .pts-step{
	border: 1px solid var(--pts-line);
	border-left: 3px solid var(--g24-mint);
}

/* 알림 박스 — 라이트 민트 톤 */
.pts-preset.gov24hon-landing .pts-notice{
	background: #E1F4EE;
	border: 1px solid #BBE3D6;
	border-left: 5px solid var(--g24-mint-d);
}
.pts-preset.gov24hon-landing .pts-notice strong{ color: var(--pts-accent); }

/* CTA 버튼 — 딥 틸 */
.pts-preset.gov24hon-landing .pts-btn--primary{
	background: var(--pts-primary);
	color: #fff;
	box-shadow: 0 6px 18px rgba(14,140,127,0.30);
}
.pts-preset.gov24hon-landing .pts-btn--primary:hover{
	background: var(--pts-primary-d);
}

/* FAQ 펼침 마커 / 본문 제목 */
.pts-preset.gov24hon-landing .pts-faq summary::after{ color: var(--g24-mint-d); }
.pts-preset.gov24hon-landing h2{
	color: var(--pts-accent);
	letter-spacing: -0.02em;
}

/* code(검색어·도메인) 강조 — 민트 칩 */
.pts-preset.gov24hon-landing code{
	background: #E4F1ED;
	color: var(--pts-primary-d);
	padding: 2px 7px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 0.92em;
}

/* ===== 소개 카드 그리드 (3개 셀 + 키 배지) ===== */
.pts-preset.gov24hon-landing .g24-intro{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
	margin: 24px 0 8px;
}
.pts-preset.gov24hon-landing .g24-intro-item{
	background: var(--pts-card);
	border-radius: var(--pts-radius);
	border: 1px solid var(--pts-line);
	padding: 24px 22px 22px;
	position: relative;
}
.pts-preset.gov24hon-landing .g24-intro-key{
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 44px; height: 26px; padding: 0 10px;
	background: var(--pts-bg-soft);
	color: var(--pts-primary-d);
	font-size: 12px; font-weight: 800; letter-spacing: 0.04em;
	border-radius: 999px; margin-bottom: 12px;
}
.pts-preset.gov24hon-landing .g24-intro-item h4{
	margin: 0 0 8px; font-size: 16px; color: var(--pts-accent);
}
.pts-preset.gov24hon-landing .g24-intro-item p{
	margin: 0; font-size: 14px; color: var(--pts-ink-soft); line-height: 1.7;
}

/* ===== 자주 발급하는 증명 서류 (분야별 컬럼) ===== */
.pts-preset.gov24hon-landing .g24-docs{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 16px; margin: 8px 0;
}
.pts-preset.gov24hon-landing .g24-docs-col{
	background: var(--pts-card);
	border: 1px solid var(--pts-line);
	border-radius: var(--pts-radius);
	padding: 20px 20px 16px;
}
.pts-preset.gov24hon-landing .g24-docs-tag{
	display: inline-block;
	background: var(--pts-primary);
	color: #fff;
	font-size: 12.5px; font-weight: 700;
	padding: 4px 12px; border-radius: 999px; margin-bottom: 12px;
}
.pts-preset.gov24hon-landing .g24-docs-col ul{
	margin: 0; padding: 0; list-style: none;
}
.pts-preset.gov24hon-landing .g24-docs-col li{
	font-size: 14.5px; color: var(--pts-ink);
	padding: 7px 0 7px 20px; position: relative;
	border-bottom: 1px dashed var(--pts-line);
}
.pts-preset.gov24hon-landing .g24-docs-col li:last-child{ border-bottom: 0; }
.pts-preset.gov24hon-landing .g24-docs-col li::before{
	content: "✓";
	position: absolute; left: 0; top: 7px;
	color: var(--g24-mint-d); font-weight: 800; font-size: 13px;
}

/* ===== 본인 인증 수단 그리드 ===== */
.pts-preset.gov24hon-landing .g24-auth{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px; margin: 8px 0;
}
.pts-preset.gov24hon-landing .g24-auth-item{
	background: var(--pts-bg-soft);
	border: 1px solid var(--pts-line);
	border-radius: var(--pts-radius);
	padding: 20px 20px;
}
.pts-preset.gov24hon-landing .g24-auth-item h4{
	margin: 0 0 8px; font-size: 15.5px; color: var(--pts-accent);
	display: flex; align-items: center; gap: 8px;
}
.pts-preset.gov24hon-landing .g24-auth-item h4::before{
	content: "🔑"; font-size: 14px;
}
.pts-preset.gov24hon-landing .g24-auth-item p{
	margin: 0; font-size: 14px; color: var(--pts-ink-soft); line-height: 1.7;
}

/* ===== 함께 제공되는 연계 서비스 ===== */
.pts-preset.gov24hon-landing .g24-portals{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px; margin: 8px 0;
}
.pts-preset.gov24hon-landing .g24-portal-item{
	background: var(--pts-card);
	border: 1px solid var(--pts-line);
	border-left: 4px solid var(--pts-primary);
	border-radius: var(--pts-radius);
	padding: 20px 20px;
}
.pts-preset.gov24hon-landing .g24-portal-item h4{
	margin: 0 0 8px; font-size: 16px; color: var(--pts-primary-d);
}
.pts-preset.gov24hon-landing .g24-portal-item p{
	margin: 0; font-size: 14px; color: var(--pts-ink-soft); line-height: 1.7;
}

/* ===== 모바일 — 24h 배지 위치/크기 조정 ===== */
@media (max-width: 768px){
	.pts-preset.gov24hon-landing .pts-hero::before{
		top: 16px; right: 16px;
		width: 46px; height: 46px; font-size: 15px;
	}
}
@media (max-width: 480px){
	.pts-preset.gov24hon-landing .pts-hero::before{
		top: 12px; right: 12px;
		width: 40px; height: 40px; font-size: 13px;
		opacity: 0.8;
	}
	.pts-preset.gov24hon-landing .g24-intro,
	.pts-preset.gov24hon-landing .g24-docs,
	.pts-preset.gov24hon-landing .g24-auth,
	.pts-preset.gov24hon-landing .g24-portals{ grid-template-columns: 1fr; gap: 12px; }
	.pts-preset.gov24hon-landing .g24-intro-item,
	.pts-preset.gov24hon-landing .g24-docs-col,
	.pts-preset.gov24hon-landing .g24-auth-item,
	.pts-preset.gov24hon-landing .g24-portal-item{ padding: 18px 18px; }
}