@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

.jjin-review-wrap,
.jjin-review-wrap *,
.jjin-review-single-wrap,
.jjin-review-single-wrap *,
.jjin-review-page-shell,
.jjin-review-page-shell * {
	box-sizing: border-box;
}

.jjin-review-wrap,
.jjin-review-single-wrap,
.jjin-review-archive-page,
.jjin-review-page-shell,
.jjin-review-write-modal {
	--jjin-review-wrap-width: 1220px;
	--jjin-review-wrap-gutter: 48px;
	--jjin-review-wrap-gutter-mobile: 28px;
	--jjin-review-font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
	--jjin-review-bg: #f5f5f7;
	--jjin-review-surface: #fff;
	--jjin-review-surface-soft: #f5f5f7;
	--jjin-review-text: #111;
	--jjin-review-text-soft: #333;
	--jjin-review-muted: #6e6e73;
	--jjin-review-subtle: #8e8e93;
	--jjin-review-inverse-text: #fff;
	--jjin-review-error-bg: #fff1f1;
	--jjin-review-error-text: #d63638;
	--jjin-review-line: rgba(0, 0, 0, 0.07);
	--jjin-review-line-soft: rgba(0, 0, 0, 0.055);
	--jjin-review-control-bg: #f5f5f7;
	--jjin-review-search-button-bg: #111;
	--jjin-review-search-button-text: #fff;
	--jjin-review-reset-button-bg: #f5f5f7;
	--jjin-review-reset-button-text: #6e6e73;
	--jjin-review-board-padding: 56px;
	--jjin-review-board-padding-mobile: 28px 20px;
	--jjin-review-board-radius: 44px;
	--jjin-review-board-radius-mobile: 28px;
	--jjin-review-list-radius: 26px;
	--jjin-review-list-radius-mobile: 22px;
	--jjin-review-control-radius: 14px;
	--jjin-review-pill-radius: 999px;
	--jjin-review-control-height: 44px;
	--jjin-review-control-font-size: 14px;
	--jjin-review-eyebrow-size: 15px;
	--jjin-review-page-title-size: 58px;
	--jjin-review-section-title-size: 48px;
	--jjin-review-board-title-size: clamp(34px, 3.6vw, 50px);
	--jjin-review-all-board-title-size: var(--jjin-review-board-title-size);
	--jjin-review-title-mobile-size: 32px;
	--jjin-review-description-size: 16px;
	--jjin-review-page-description-size: 17px;
	--jjin-review-empty-size: 15px;
	--jjin-review-row-head-size: 14px;
	--jjin-review-row-title-size: 16px;
	--jjin-review-row-title-mobile-size: 13px;
	--jjin-review-all-row-title-size: 15px;
	--jjin-review-all-row-number-color: #111;
	--jjin-review-row-meta-size: 14px;
	--jjin-review-badge-size: 13px;
	--jjin-review-card-text-size: 24px;
	--jjin-review-card-text-mobile-size: 21px;
	--jjin-review-card-meta-size: 16px;
	--jjin-review-form-label-size: 14px;
	--jjin-review-form-field-size: 15px;
	--jjin-review-form-help-size: 13px;
	--jjin-review-button-font-size: 16px;
	--jjin-review-single-title-size: 52px;
	--jjin-review-single-content-size: 18px;
	--jjin-review-small-size: 13px;
	--jjin-review-modal-close-text: #111;
	--jjin-review-search-category-width: 132px;
	--jjin-review-search-keyword-width: 250px;
	--jjin-review-mobile-search-button-width: 86px;
	--jjin-review-shadow: 0 18px 55px rgba(0, 0, 0, 0.05);
	--jjin-review-shadow-strong: 0 26px 78px rgba(0, 0, 0, 0.08);
	background: var(--jjin-review-bg);
	color: var(--jjin-review-text);
	font-family: var(--jjin-review-font-family);
	letter-spacing: 0;
}

.jjin-review-wrap a,
.jjin-review-single-wrap a,
.jjin-review-page-shell a {
	color: inherit;
	text-decoration: none;
}

.jjin-review-page-shell {
	padding: 56px 0;
}

.jjin-review-page-hero {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 28px;
	width: min(var(--jjin-review-wrap-width), calc(100% - var(--jjin-review-wrap-gutter)));
	margin: 0 auto 10px;
	padding: 58px 60px;
	border: 1px solid var(--jjin-review-line);
	border-radius: var(--jjin-review-board-radius);
	background: var(--jjin-review-surface);
	background: color-mix(in srgb, var(--jjin-review-surface) 92%, transparent);
	box-shadow: var(--jjin-review-shadow);
}

.jjin-review-page-hero p {
	margin: 0 0 14px;
	color: var(--jjin-review-accent, #111);
	font-size: var(--jjin-review-eyebrow-size);
	font-weight: 650;
	line-height: 1.2;
}

.jjin-review-page-hero h1 {
	margin: 0;
	color: var(--jjin-review-text);
	font-size: var(--jjin-review-page-title-size);
	line-height: 1.12;
	font-weight: 760;
	letter-spacing: 0;
	word-break: keep-all;
}

.jjin-review-page-hero span,
.jjin-review-title > span {
	display: block;
	max-width: 680px;
	margin-top: 16px;
	color: var(--jjin-review-muted);
	font-size: var(--jjin-review-page-description-size);
	font-weight: 450;
	line-height: 1.65;
	word-break: keep-all;
}

.jjin-review-page-hero a,
.jjin-review-page-hero button {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	height: 54px;
	padding: 0 22px;
	border: 0;
	border-radius: calc(var(--jjin-review-control-radius) + 4px);
	background: var(--jjin-review-accent, #111);
	color: var(--jjin-review-inverse-text) !important;
	font-family: inherit;
	font-size: var(--jjin-review-button-font-size);
	font-weight: 720;
	cursor: pointer;
}

.jjin-review-write-anchor {
	scroll-margin-top: 80px;
}

.jjin-review-write-modal {
	position: fixed;
	z-index: 99999;
	inset: 0;
	display: none;
	align-items: flex-start;
	justify-content: center;
	overflow: auto;
	padding: 7vh 24px 40px;
	background: transparent;
}

.jjin-review-write-modal.jjin-is-open,
.jjin-review-write-modal:target {
	display: flex;
}

html.jjin-review-modal-lock,
html.jjin-review-modal-lock body {
	overflow: hidden;
}

.jjin-review-write-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(17, 17, 17, 0.34);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.jjin-review-write-banner {
	position: relative;
	z-index: 1;
	width: min(980px, 100%);
	border-radius: calc(var(--jjin-review-board-radius) - 8px);
	overflow: hidden;
	animation: jjinReviewBannerIn 0.22s ease both;
}

.jjin-review-write-banner .jjin-review-wrap {
	width: 100%;
	padding: 0;
}

.jjin-review-write-banner .jjin-review-form-card {
	border-radius: calc(var(--jjin-review-board-radius) - 8px);
	background: var(--jjin-review-surface);
	box-shadow: 0 28px 90px rgba(0, 0, 0, 0.18);
}

.jjin-review-write-close {
	position: absolute;
	z-index: 2;
	top: 18px;
	right: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 15px;
	border: 0;
	border-radius: var(--jjin-review-pill-radius);
	background: var(--jjin-review-surface-soft);
	color: var(--jjin-review-modal-close-text) !important;
	font-family: inherit;
	font-size: var(--jjin-review-small-size);
	font-weight: 700;
	cursor: pointer;
}

.jjin-review-wrap {
	width: min(var(--jjin-review-wrap-width), calc(100% - var(--jjin-review-wrap-gutter)));
	margin: 0 auto;
	padding: 46px 0;
}

.jjin-review-title {
	margin-bottom: 32px;
}

.jjin-review-title p {
	margin: 0 0 12px;
	color: var(--jjin-review-accent, #0000ff);
	font-size: var(--jjin-review-eyebrow-size);
	font-weight: 560;
	line-height: 1.2;
}

.jjin-review-title h2 {
	margin: 0;
	color: var(--jjin-review-text);
	font-size: var(--jjin-review-section-title-size);
	line-height: 1.18;
	font-weight: 720;
	letter-spacing: 0;
	word-break: keep-all;
}

.jjin-review-empty {
	margin: 0;
	padding: 28px;
	border-radius: 22px;
	background: var(--jjin-review-surface);
	color: var(--jjin-review-subtle);
	font-size: var(--jjin-review-empty-size);
	line-height: 1.6;
}

@keyframes jjinReviewBannerIn {
	from {
		opacity: 0;
		transform: translateY(-18px) scale(0.985);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}