@charset "utf-8";

@font-face {
	font-family: "Pretendard";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/Pretendard-Regular.woff2") format("woff2");
}
@font-face {
	font-family: "Pretendard";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/Pretendard-Medium.woff2") format("woff2");
}
@font-face {
	font-family: "Pretendard";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/Pretendard-Bold.woff2") format("woff2");
}

:root {
	--simple-bg: #fff;
	--simple-text: #222;
	--simple-muted: #888;
	--simple-line: #eee;
	--simple-point: #2563eb;
	--simple-gap-1: 8px;
	--simple-gap-2: 16px;
	--simple-gap-3: 24px;
	--simple-font: "Pretendard", -apple-system, "Noto Sans KR", "Malgun Gothic", sans-serif;
}

.simple-pc-footer { display:none; }

@media (min-width:1024px) {
	body,
	body.is-pc,
	.wrapper,
	.ko,
	.en { font-family:var(--simple-font); color:var(--simple-text); }
	body { font-size:15px; line-height:1.6; background:var(--simple-bg); }
	.at-container { max-width:1160px !important; }
	.at-body .at-content { padding:14px 0; }
	.at-title { height:56px; }
	.at-title .page-title { bottom:10px; font-size:21px; }
	a:hover,
	a:focus { color:var(--simple-point); }

	/* One-line desktop header */
	.pc-menu { height:50px !important; background:#fff; border-bottom:1px solid var(--simple-line); box-shadow:none; }
	.at-menu .nav-height { height:50px !important; line-height:50px !important; }
	.branded-menu .menu-brand { width:210px; height:50px; padding:0 16px 0 0; border:0; background:#fff; }
	.branded-menu .menu-brand-name { color:var(--simple-text); font-size:19px; font-weight:700; }
	.branded-menu .menu-brand-desc { color:var(--simple-muted); font-size:11px; }
	.pc-menu .nav-visible { display:block !important; }
	.branded-menu .nav-top { left:210px; width:calc(100% - 500px); }
	.pc-menu .nav-top .menu-ul { display:flex !important; width:100%; margin:0; padding:0; list-style:none; }
	.pc-menu .nav-top .menu-li { display:block !important; min-width:0; flex:1; }
	.pc-menu .nav-top .menu-a { color:var(--simple-text); background:#fff; font-size:15px; font-weight:500; }
	.pc-menu .nav-top .menu-li:hover .menu-a,
	.pc-menu .nav-top .menu-li.on .menu-a { color:var(--simple-point); background:#fff; }
	.pc-menu .nav-top .sub-1div { border-top-color:var(--simple-point); box-shadow:none; }
	.pc-menu .nav-top .sub-1dli:hover .sub-1da,
	.pc-menu .nav-top .sub-1dli.on .sub-1da,
	.pc-menu .nav-top .sub-2dli:hover .sub-2da,
	.pc-menu .nav-top .sub-2dli.on .sub-2da { background:var(--simple-point); border-color:var(--simple-point); }
	.pc-menu .nav-right { right:0; display:flex; align-items:center; width:290px; height:50px; background:#fff; font-size:14px; }
	.simple-header-search { display:flex; flex:1; height:32px; border:1px solid #d8d8d8; border-radius:4px; overflow:hidden; }
	.simple-header-search input { min-width:0; flex:1; height:30px; padding:0 10px; border:0; outline:0; color:var(--simple-text); background:#fff; }
	.simple-header-search button { width:38px; border:0; color:var(--simple-muted); background:#fff; }
	.simple-header-search button:hover { color:var(--simple-point); }
	.simple-login-button { flex:0 0 auto; margin-left:8px; padding:7px 12px; border:0; border-radius:4px; color:#fff !important; background:var(--simple-point); font-size:14px; font-weight:500; line-height:20px !important; }
	.pc-menu-all { display:none !important; }

	/* Homepage */
	.simple-home-main { max-width:1160px; margin:0 auto; padding:12px 0 32px; }
	.simple-notice-bar { display:flex; align-items:center; min-height:34px; margin-bottom:12px; padding:4px 8px; border-top:1px solid var(--simple-line); border-bottom:1px solid var(--simple-line); font-size:13px; }
	.simple-notice-label { flex:0 0 auto; margin-right:10px; color:var(--simple-point); font-weight:700; }
	.simple-notice-bar a { min-width:0; flex:1; overflow:hidden; color:var(--simple-text); white-space:nowrap; text-overflow:ellipsis; }
	.simple-notice-close { flex:0 0 auto; padding:4px 6px; border:0; color:var(--simple-muted); background:transparent; font-size:16px; }
	.simple-home-grid { display:grid; grid-template-columns:minmax(0, 1fr) 300px; gap:20px; align-items:start; }
	.simple-section-head h1,
	.simple-side-section h2 { margin:0 0 10px; color:var(--simple-text); font-size:19px; font-weight:700; line-height:1.35; }
	.simple-tabs { display:flex; gap:4px; margin:0 0 8px; padding:0; border-bottom:1px solid var(--simple-line); overflow-x:auto; }
	.simple-tab { padding:8px 11px; border:0; border-bottom:2px solid transparent; color:var(--simple-muted); background:#fff; font-size:14px; font-weight:500; white-space:nowrap; }
	.simple-tab.is-active { border-bottom-color:var(--simple-point); color:var(--simple-point); }
	.simple-tab-panel[hidden] { display:none; }
	.simple-feed-list { margin:0; padding:0; list-style:none; }
	.simple-feed-item { display:flex; gap:10px; min-height:68px; padding:6px 0; border-bottom:1px solid var(--simple-line); }
	.simple-feed-thumb { flex:0 0 56px; width:56px; height:56px; overflow:hidden; background:#f5f5f5; }
	.simple-feed-thumb img { display:block; width:56px; height:56px; object-fit:cover; }
	.simple-feed-thumb-empty { display:block; width:100%; height:100%; background:#f5f5f5; }
	.simple-feed-copy { min-width:0; display:flex; flex:1; flex-direction:column; justify-content:center; }
	.simple-feed-title { display:-webkit-box; overflow:hidden; color:var(--simple-text); font-size:15px; font-weight:500; line-height:1.35; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
	.simple-feed-meta { margin-top:2px; color:var(--simple-muted); font-size:12px; line-height:1.3; }
	.simple-feed-meta span + span::before { content:"·"; margin:0 6px; color:#ccc; }
	.simple-empty-feed { padding:56px 0; color:var(--simple-muted); text-align:center; }

	/* Sidebar */
	.simple-home-sidebar > * + * { margin-top:20px; }
	.simple-ad-sticky { position:sticky; top:62px; }
	.simple-popular-list { margin:0; padding:0; list-style:none; }
	.simple-popular-list li { display:flex; gap:8px; padding:8px 0; border-bottom:1px solid var(--simple-line); }
	.simple-popular-list a,
	.simple-latest-notice { display:block; min-width:0; overflow:hidden; color:var(--simple-text); font-size:15px; white-space:nowrap; text-overflow:ellipsis; }
	.simple-rank { flex:0 0 18px; color:var(--simple-point); font-size:13px; font-weight:700; text-align:center; }
	.simple-side-empty,
	.simple-current-users { color:var(--simple-muted); font-size:13px; }
	.simple-current-users { display:flex; justify-content:space-between; padding-top:14px; border-top:1px solid var(--simple-line); }
	.simple-current-users strong { color:var(--simple-text); font-weight:500; }

	/* Advertising */
	.simple-ad-slot { position:relative; box-sizing:border-box; width:100%; min-height:250px; padding-top:24px; background:#f5f5f5; text-align:center; overflow:hidden; }
	.simple-ad-slot::before { content:"광고"; position:absolute; top:4px; left:8px; color:#999; font-size:11px; line-height:16px; }
	.simple-ad-sidebar { min-height:250px; }
	.simple-ad-inline { min-height:180px; margin:14px 0; }
	.simple-ad-detail { min-height:250px; margin:20px 0; }

	/* Article share */
	.simple-share { display:inline-flex; gap:8px; align-items:center; }
	.simple-share a,
	.simple-copy-link { display:inline-flex; align-items:center; gap:5px; min-height:34px; padding:6px 10px; border:1px solid var(--simple-line); border-radius:4px; color:var(--simple-text); background:#fff; font-size:13px; line-height:20px; }
	.simple-share a img { width:20px; height:20px; }
	.simple-copy-link:hover { border-color:var(--simple-point); color:var(--simple-point); }

	/* Footer */
	.legacy-footer { display:none; }
	.simple-pc-footer { display:block; border-top:1px solid var(--simple-line); background:#fff; }
	.simple-pc-footer .at-container { display:flex; justify-content:space-between; align-items:center; min-height:52px; }
	.simple-pc-footer nav { display:flex; gap:16px; }
	.simple-pc-footer nav a,
	.simple-pc-footer p { margin:0; color:var(--simple-muted); font-size:13px; }
}

@media (max-width:1023px) {
	body,
	.wrapper,
	.ko,
	.en { font-family:var(--simple-font); color:var(--simple-text); }
	body { font-size:14px; line-height:1.55; background:var(--simple-bg); }
	.responsive .pc-menu,
	.responsive .pc-menu-all { display:none !important; }
	.responsive .m-header,
	.responsive .m-menu { display:block !important; }
	.m-header { border-bottom:1px solid var(--simple-line); background:#fff; }
	.m-header .header-wrap { min-width:0; background:#fff; }
	.m-header .header-icon,
	.m-header .header-logo { height:42px; line-height:42px; }
	.m-header .header-icon { width:42px; }
	.m-header a { color:var(--simple-text); }
	.m-header .header-logo a { color:var(--simple-point); font-size:17px; font-weight:700; }
	.m-menu { border-bottom:1px solid var(--simple-line); box-shadow:none; }
	.m-menu .m-icon,
	.m-menu .m-list { height:40px; line-height:40px; font-size:14px; }
	.m-menu .m-icon { width:40px; font-size:16px; }
	.m-menu .m-nav { margin:0 6px; overflow-x:auto; }
	.m-menu .m-nav ul li { padding:0 8px; }
	.m-menu .m-sub { height:38px; padding:0 6px; font-size:13px; line-height:38px; }
	.m-menu .m-nav-sub { overflow-x:auto; }
	.m-menu .m-nav-sub ul li { padding:0 8px; }
	.at-title { height:44px; background:#fff; border-bottom:1px solid var(--simple-line); }
	.responsive .at-title .page-title { left:12px; bottom:8px; color:var(--simple-text); font-size:18px; }
	.responsive .at-body .at-container { padding:0 12px !important; }
	.at-content,
	.responsive .at-body .at-col { padding-top:12px; padding-bottom:20px; }

	.simple-home-main { width:auto; margin:0; padding:10px 12px 28px; }
	.simple-notice-bar { display:flex; align-items:center; min-height:34px; margin-bottom:12px; padding:4px 6px; border-top:1px solid var(--simple-line); border-bottom:1px solid var(--simple-line); font-size:12px; }
	.simple-notice-label { flex:0 0 auto; margin-right:8px; color:var(--simple-point); font-weight:700; }
	.simple-notice-bar a { min-width:0; flex:1; overflow:hidden; color:var(--simple-text); white-space:nowrap; text-overflow:ellipsis; }
	.simple-notice-close { flex:0 0 auto; padding:5px 7px; border:0; color:var(--simple-muted); background:transparent; font-size:16px; }
	.simple-home-grid { display:block; }
	.simple-section-head h1,
	.simple-side-section h2 { margin:0 0 8px; font-size:18px; font-weight:700; line-height:1.35; }
	.simple-tabs { display:flex; gap:2px; margin:0 0 4px; padding:0; border-bottom:1px solid var(--simple-line); overflow-x:auto; scrollbar-width:none; }
	.simple-tabs::-webkit-scrollbar { display:none; }
	.simple-tab { flex:0 0 auto; padding:8px 10px; border:0; border-bottom:2px solid transparent; color:var(--simple-muted); background:#fff; font-size:14px; font-weight:500; white-space:nowrap; }
	.simple-tab.is-active { border-bottom-color:var(--simple-point); color:var(--simple-point); }
	.simple-tab-panel[hidden] { display:none; }
	.simple-feed-list { margin:0; padding:0; list-style:none; }
	.simple-feed-item { display:flex; gap:8px; min-height:62px; padding:5px 0; border-bottom:1px solid var(--simple-line); }
	.simple-feed-thumb { flex:0 0 50px; width:50px; height:50px; overflow:hidden; background:#f5f5f5; }
	.simple-feed-thumb img { display:block; width:50px; height:50px; object-fit:cover; }
	.simple-feed-thumb-empty { display:block; width:100%; height:100%; background:#f5f5f5; }
	.simple-feed-copy { min-width:0; display:flex; flex:1; flex-direction:column; justify-content:center; }
	.simple-feed-title { display:-webkit-box; overflow:hidden; color:var(--simple-text); font-size:14px; font-weight:500; line-height:1.35; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
	.simple-feed-meta { margin-top:2px; color:var(--simple-muted); font-size:11px; line-height:1.3; }
	.simple-feed-meta span + span::before { content:"·"; margin:0 4px; color:#ccc; }
	.simple-empty-feed { padding:36px 0; color:var(--simple-muted); text-align:center; }
	.simple-feed-ad { list-style:none; }
	.simple-home-sidebar { margin-top:24px; }
	.simple-home-sidebar > * + * { margin-top:18px; }
	.simple-ad-sticky { position:static; }
	.simple-popular-list { margin:0; padding:0; list-style:none; }
	.simple-popular-list li { display:flex; gap:8px; padding:8px 0; border-bottom:1px solid var(--simple-line); }
	.simple-popular-list a,
	.simple-latest-notice { display:block; min-width:0; overflow:hidden; color:var(--simple-text); font-size:14px; white-space:nowrap; text-overflow:ellipsis; }
	.simple-rank { flex:0 0 18px; color:var(--simple-point); font-size:12px; font-weight:700; text-align:center; }
	.simple-side-empty,
	.simple-current-users { color:var(--simple-muted); font-size:12px; }
	.simple-current-users { display:flex; justify-content:space-between; padding-top:10px; border-top:1px solid var(--simple-line); }
	.simple-ad-slot { position:relative; box-sizing:border-box; width:100%; min-height:180px; padding-top:22px; background:#f5f5f5; text-align:center; overflow:hidden; }
	.simple-ad-slot::before { content:"광고"; position:absolute; top:3px; left:7px; color:#999; font-size:10px; line-height:16px; }
	.simple-ad-sidebar { width:300px; max-width:100%; min-height:250px; margin:0 auto; }
	.simple-ad-inline { min-height:150px; margin:12px 0; }
	.simple-ad-detail { min-height:200px; margin:16px 0; }

	.list-tsearch { padding:12px 10px 1px; margin-bottom:10px; }
	.list-category .tabs,
	.list-category .dropdown { margin-bottom:12px; }
	.list-admin { margin:10px 0; }
	.view-btn { margin-bottom:16px; }
	.view-wrap h1 { font-size:19px !important; line-height:1.4 !important; }
	.view-content { padding-bottom:14px; line-height:1.7; }
	.pagination { margin:14px 0; }

	.legacy-footer { display:none; }
	.simple-pc-footer { display:block; padding:14px 12px; border-top:1px solid var(--simple-line); background:#fff; }
	.simple-pc-footer .at-container { display:block; min-height:0; text-align:center; }
	.simple-pc-footer nav { display:flex; justify-content:center; gap:12px; margin-bottom:6px; }
	.simple-pc-footer nav a,
	.simple-pc-footer p { margin:0; color:var(--simple-muted); font-size:12px; }
}

@media (min-width:1024px) and (max-width:1199px) {
	.at-container,
	.simple-home-main { width:auto !important; margin-right:24px; margin-left:24px; }
	.branded-menu .menu-brand { width:180px; }
	.branded-menu .nav-top { left:180px; width:calc(100% - 450px); }
	.pc-menu .nav-right { width:270px; }
}