@charset "utf-8";

.ks-gallery-frame {
	--ks-frame-brand:#6d91b6;
	--ks-frame-brand-dark:#345f82;
	--ks-frame-line:#cfdee9;
	--ks-frame-muted:#5e7384;
	margin:0;
	color:#2c4050;
	font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
	word-break:keep-all;
}

.ks-gallery-frame,
.ks-gallery-frame * { box-sizing:border-box; }

.ks-gallery-frame__header {
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:24px;
	margin-bottom:22px;
	padding:28px 30px;
	border:1px solid var(--ks-frame-line);
	border-radius:20px;
	background:linear-gradient(135deg,#f9fcfe 0%,#eaf3f9 100%);
}

.ks-gallery-frame__heading { min-width:0; }

.ks-gallery-frame__heading h2 {
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:0 10px;
	margin:0;
	color:var(--ks-frame-brand-dark);
	font-size:29px;
	font-weight:800;
	line-height:1.3;
	letter-spacing:-.035em;
}

.ks-gallery-frame__kicker {
	color:var(--ks-frame-brand);
	font-size:14px;
	font-weight:800;
	letter-spacing:.12em;
	text-transform:uppercase;
}

.ks-gallery-frame__separator { color:#9eb4c5; font-size:20px; font-weight:400; }
.ks-gallery-frame__heading p { margin:9px 0 0; color:var(--ks-frame-muted); font-size:15px; line-height:1.65; }

.ks-gallery-frame__more {
	display:inline-flex;
	flex:0 0 auto;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:42px;
	padding:9px 16px;
	border:1px solid #b9cfde;
	border-radius:12px;
	background:rgba(255,255,255,.78);
	color:var(--ks-frame-brand-dark) !important;
	font-size:14px;
	font-weight:800;
	text-decoration:none !important;
	transition:border-color .18s ease,background-color .18s ease,transform .18s ease;
}

.ks-gallery-frame__more:hover,
.ks-gallery-frame__more:focus { transform:translateY(-1px); border-color:var(--ks-frame-brand); background:#fff; }
.ks-gallery-frame__more:focus { outline:3px solid rgba(109,145,182,.35); outline-offset:3px; }

.ks-gallery-frame--compact {
	padding:20px 18px 16px;
	background:#fff;
}

.ks-gallery-frame__compact-header {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	min-height:34px;
	margin-bottom:15px;
	text-align:center;
}

.ks-gallery-frame__compact-header h2 {
	margin:0;
	color:#2d3b46;
	font-size:18px;
	font-weight:800;
	line-height:1.35;
	letter-spacing:-.025em;
}

.ks-gallery-frame__compact-more {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:22px;
	height:22px;
	border-radius:50%;
	background:#ffd9a8;
	color:#68513a !important;
	font-size:19px;
	font-weight:400;
	line-height:1;
	text-decoration:none !important;
}

.ks-gallery-frame__compact-more:hover,
.ks-gallery-frame__compact-more:focus { background:#ffc982; }
.ks-gallery-frame__compact-more:focus { outline:3px solid rgba(109,145,182,.35); outline-offset:3px; }
.ks-gallery-frame__content { min-width:0; }

@media (max-width:720px) {
	.ks-gallery-frame__header { align-items:flex-start; flex-direction:column; gap:17px; padding:23px 21px; border-radius:17px; }
	.ks-gallery-frame__heading h2 { font-size:24px; }
	.ks-gallery-frame__more { align-self:flex-start; }
}

@media (prefers-reduced-motion:reduce) {
	.ks-gallery-frame__more { transition:none; }
	.ks-gallery-frame__more:hover,
	.ks-gallery-frame__more:focus { transform:none; }
}