:root {
--tg-ink: #1f2933;
--tg-heading: #16232a;
--tg-muted: #64717f;
--tg-line: #dfe7e2;
--tg-soft: #f6f8f5;
--tg-paper: #ffffff;
--tg-brand: #0f766e;
--tg-brand-dark: #0b5953;
--tg-accent: #c2410c;
--tg-shadow: 0 18px 46px rgba(20, 36, 42, 0.12);
--tg-radius: 8px;
--tg-touch-target: 44px;
}
html {
scroll-behavior: smooth;
}
body {
background: var(--tg-soft);
color: var(--tg-ink);
font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
letter-spacing: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
::selection {
background: var(--tg-brand);
color: #fff;
}
a {
color: var(--tg-brand);
text-underline-offset: 0.18em;
transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
a:hover,
a:focus {
color: var(--tg-brand-dark);
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
outline: 2px solid var(--tg-brand);
outline-offset: 3px;
}
img {
height: auto;
}
.ast-container,
.site-content .ast-container {
max-width: 1180px;
}
.site-content {
background: var(--tg-soft);
}
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.ast-separate-container .comment-respond,
.ast-separate-container .ast-author-box,
.ast-separate-container .no-results {
border: 1px solid var(--tg-line);
border-radius: var(--tg-radius);
background: var(--tg-paper);
box-shadow: 0 10px 26px rgba(20, 36, 42, 0.08);
}
.site-header,
.main-header-bar,
.ast-primary-header-bar {
background: rgba(255, 255, 255, 0.94);
border-bottom: 1px solid rgba(223, 231, 226, 0.9);
box-shadow: 0 8px 24px rgba(20, 36, 42, 0.05);
backdrop-filter: blur(14px);
}
.site-branding {
min-height: 72px;
display: flex;
align-items: center;
}
.site-logo-img img,
.custom-logo-link img {
width: min(171px, 42vw);
}
.site-title a {
color: var(--tg-heading);
font-weight: 800;
letter-spacing: 0;
}
.main-header-menu .menu-link,
.ast-builder-menu-1 .menu-item > .menu-link {
color: #344553;
font-weight: 700;
border-radius: 6px;
}
.main-header-menu .menu-link:hover,
.main-header-menu .current-menu-item > .menu-link,
.ast-builder-menu-1 .menu-item:hover > .menu-link,
.ast-builder-menu-1 .current-menu-item > .menu-link {
color: var(--tg-brand-dark);
background: #eef5f1;
}
.ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-mobile-header-content {
background: var(--tg-paper);
}
.menu-toggle,
.ast-mobile-menu-trigger-minimal {
border-radius: 6px;
}
.entry-content,
.ast-single-post .entry-content,
.page .entry-content,
.ast-archive-description {
color: var(--tg-ink);
}
.entry-content p,
.ast-single-post .entry-content p,
.page .entry-content p,
.ast-archive-description p {
margin-bottom: 1.5em;
color: #333;
font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
font-size: 1.25em;
line-height: 1.8;
letter-spacing: 0;
word-break: keep-all;
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.ast-archive-description h1,
.ast-archive-description h2,
.ast-archive-description h3 {
margin-top: 2em;
margin-bottom: 0.8em;
color: var(--tg-heading);
font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
line-height: 1.3;
letter-spacing: 0;
word-break: keep-all;
overflow-wrap: break-word;
}
.entry-content h1,
.ast-single-post .entry-title {
padding-bottom: 0.5em;
border-bottom: 1px solid var(--tg-line);
font-size: 2.5rem;
font-weight: 800;
}
.entry-content h2 {
padding-bottom: 0.4em;
border-bottom: 1px dashed var(--tg-line);
font-size: 2rem;
font-weight: 800;
}
.entry-content h3 {
font-size: 1.6rem;
font-weight: 800;
}
.entry-content h4 {
font-size: 1.4rem;
font-weight: 700;
}
.entry-content h5 {
font-size: 1.2rem;
font-weight: 700;
}
.entry-content h6 {
color: #555;
font-size: 1rem;
font-weight: 700;
}
.entry-content ul,
.entry-content ol {
margin-left: 1.5em;
margin-bottom: 1.5em;
padding-left: 0;
color: #333;
font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
font-size: 1.25em;
line-height: 1.8;
letter-spacing: 0;
}
.entry-content li {
margin-bottom: 0.5em;
word-break: keep-all;
overflow-wrap: break-word;
}
.entry-content ul {
list-style-type: disc;
}
.entry-content ol {
list-style-type: decimal;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: 1.5em;
}
.entry-content strong,
.entry-content b {
color: #222;
font-weight: 800;
}
.entry-content a,
.ast-single-post .entry-content a {
color: #0073aa;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
}
.entry-content a:hover,
.ast-single-post .entry-content a:hover {
color: #005177;
text-decoration: none;
}
.entry-content blockquote,
blockquote {
margin: 2em 0;
padding: 1em 1.5em;
color: #555;
background: #f9fbfa;
border-left: 1px solid var(--tg-line);
border-radius: 0 var(--tg-radius) var(--tg-radius) 0;
font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
font-size: 1.25em;
font-style: italic;
line-height: 1.7;
word-break: keep-all;
overflow-wrap: break-word;
}
.entry-content blockquote p,
blockquote p {
margin-bottom: 0.5em;
font-size: 1em;
}
.entry-content blockquote cite,
blockquote cite {
display: block;
margin-top: 1em;
color: #777;
font-size: 0.9em;
text-align: right;
}
.wp-caption-text,
.gallery-caption {
margin-top: 0.5em;
color: #666;
font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
font-size: 1.05em;
line-height: 1.5;
text-align: center;
}
pre,
code,
kbd,
tt,
var {
font-family: "D2 Coding", "Fira Code", Consolas, Monaco, monospace;
}
.entry-content code {
padding: 0.18em 0.38em;
border: 1px solid #d9e0dc;
border-radius: 4px;
background: #eef3f1;
color: #26343b;
font-size: 0.92em;
word-break: break-word;
}
.entry-content pre {
margin: 2em 0;
padding: 1em;
overflow-x: auto;
border: 1px solid #d9e0dc;
border-radius: var(--tg-radius);
background: #eef3f1;
white-space: pre;
}
.entry-content pre code {
padding: 0;
border: 0;
background: transparent;
white-space: pre;
}
.blog .site-main,
.archive .site-main,
.search .site-main {
display: grid;
gap: 22px;
}
.blog .ast-row,
.archive .ast-row,
.search .ast-row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
.blog .ast-article-post,
.archive .ast-article-post,
.search .ast-article-post {
width: 100%;
margin: 0;
padding: 0;
}
.ast-article-post .ast-article-inner,
.blog-layout-4,
.post-content {
height: 100%;
}
.ast-article-post .ast-article-inner {
overflow: hidden;
border: 1px solid var(--tg-line);
border-radius: var(--tg-radius);
background: var(--tg-paper);
box-shadow: 0 10px 26px rgba(20, 36, 42, 0.08);
transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.ast-article-post .ast-article-inner:hover {
transform: translateY(-4px);
border-color: rgba(15, 118, 110, 0.34);
box-shadow: 0 18px 40px rgba(20, 36, 42, 0.13);
}
.ast-blog-featured-section,
.post-thumb-img-content,
.post-thumb-img-content a {
display: block;
overflow: hidden;
}
.post-thumb-img-content img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
transition: transform 260ms ease;
}
.ast-article-post .ast-article-inner:hover .post-thumb-img-content img {
transform: scale(1.035);
}
.post-content {
display: flex;
flex-direction: column;
}
.ast-article-post .post-content > :not(.ast-blog-featured-section) {
margin-left: 22px;
margin-right: 22px;
}
.ast-article-post .post-content > :last-child {
margin-bottom: 22px;
}
.ast-blog-single-element.ast-taxonomy-container {
margin-top: 22px;
margin-bottom: 12px;
}
.ast-blog-single-element.ast-taxonomy-container a,
.cat-links a {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 5px 9px;
border-radius: 6px;
background: var(--tg-brand);
color: #fff;
font-size: 0.78rem;
font-weight: 900;
line-height: 1.2;
text-decoration: none;
}
.cat-links a:hover {
background: var(--tg-brand-dark);
color: #fff;
}
.ast-article-post .entry-title {
margin: 0 22px 12px;
padding: 0;
border: 0;
font-size: 1.18rem;
font-weight: 800;
line-height: 1.42;
word-break: keep-all;
overflow-wrap: break-word;
}
.ast-article-post .entry-title a {
color: var(--tg-heading);
text-decoration: none;
}
.ast-article-post .entry-title a:hover {
color: var(--tg-brand-dark);
}
.ast-blog-meta-container,
.entry-meta,
.entry-meta * {
color: #72808d;
font-size: 0.87rem;
font-weight: 700;
line-height: 1.45;
}
.ast-article-post .ast-excerpt-container {
margin-top: 6px;
margin-bottom: 18px;
}
.ast-article-post .ast-excerpt-container p {
margin: 0;
color: #5b6b78;
font-size: 0.97rem;
line-height: 1.72;
word-break: keep-all;
overflow-wrap: break-word;
}
.ast-pagination {
margin-top: 34px;
}
.ast-pagination .nav-links {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
}
.ast-pagination .page-numbers {
min-width: 42px;
min-height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 12px;
border: 1px solid var(--tg-line);
border-radius: 6px;
background: var(--tg-paper);
color: var(--tg-ink);
font-weight: 800;
text-decoration: none;
}
.ast-pagination .page-numbers.current,
.ast-pagination .page-numbers:hover {
border-color: var(--tg-brand);
background: var(--tg-brand);
color: #fff;
}
#secondary {
margin-top: 0;
}
#secondary .widget {
padding: 24px;
border: 1px solid var(--tg-line);
border-radius: var(--tg-radius);
background: var(--tg-paper);
box-shadow: 0 10px 26px rgba(20, 36, 42, 0.07);
}
#secondary h2,
#secondary .widget-title,
#secondary .wp-block-heading {
margin: 0 0 0.8em;
color: var(--tg-heading);
font-size: 1.25rem;
font-weight: 800;
line-height: 1.35;
}
#secondary ul {
margin: 0;
padding: 0;
list-style: none;
}
#secondary li {
margin: 0;
padding: 12px 0;
border-top: 1px solid #eef2ef;
line-height: 1.55;
}
#secondary li:first-child {
border-top: 0;
}
#secondary a {
color: #344553;
font-weight: 700;
text-decoration: none;
}
#secondary a:hover {
color: var(--tg-brand-dark);
}
.site-footer {
border-top: 1px solid var(--tg-line);
background: var(--tg-paper);
}
.ast-footer-copyright p {
margin: 0;
color: var(--tg-muted);
font-size: 0.95rem;
line-height: 1.7;
}
#ast-scroll-top {
width: 44px;
height: 44px;
border-radius: var(--tg-radius);
background: var(--tg-heading);
box-shadow: 0 12px 30px rgba(20, 36, 42, 0.22);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
select,
textarea {
border: 1px solid #cfdad4;
border-radius: 6px;
background: #fff;
color: var(--tg-ink);
}
input[type="submit"],
button,
.button,
.ast-button,
.wp-block-button__link {
border-radius: 6px;
font-weight: 800;
}
input[type="submit"],
.button,
.ast-button {
background: var(--tg-brand);
border-color: var(--tg-brand);
color: #fff;
}
input[type="submit"]:hover,
.button:hover,
.ast-button:hover {
background: var(--tg-brand-dark);
border-color: var(--tg-brand-dark);
color: #fff;
}
@media (min-width: 922px) {
.ast-right-sidebar #primary {
padding-right: 32px;
border-right: 0;
}
.ast-right-sidebar #secondary {
padding-left: 32px;
border-left: 0;
}
}
@media (max-width: 921px) {
.site-branding {
min-height: 68px;
}
.ast-container,
.site-content .ast-container {
width: min(100% - 32px, 780px);
}
.ast-separate-container #primary,
.ast-separate-container.ast-right-sidebar #primary,
.ast-separate-container.ast-left-sidebar #primary {
margin-top: 2em;
}
#secondary {
margin-top: 2em;
}
}
@media (max-width: 640px) {
.blog .ast-row,
.archive .ast-row,
.search .ast-row {
grid-template-columns: 1fr;
}
.ast-separate-container .ast-article-single,
.ast-separate-container .comment-respond,
.ast-separate-container .ast-author-box,
.ast-separate-container .no-results {
padding: 1.35em;
}
.entry-content p,
.ast-single-post .entry-content p,
.page .entry-content p,
.entry-content ul,
.entry-content ol {
font-size: 1.08em;
line-height: 1.78;
}
.entry-content h1,
.ast-single-post .entry-title {
font-size: 2rem;
}
.entry-content h2 {
font-size: 1.55rem;
}
.entry-content h3 {
font-size: 1.32rem;
}
.entry-content blockquote,
blockquote {
padding: 0.9em 1.1em;
font-size: 1.05em;
}
.ast-article-post .entry-title,
.ast-article-post .post-content > :not(.ast-blog-featured-section) {
margin-left: 18px;
margin-right: 18px;
}
.ast-article-post .post-content > :last-child {
margin-bottom: 18px;
}
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
} :is(.blog,.archive,.search) .ast-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
:is(.blog,.archive,.search) .ast-article-post{min-width:0;overflow:hidden}
:is(.blog,.archive,.search) .ast-article-post .ast-article-inner{padding:0!important;border:0;box-shadow:none}
:is(.blog,.archive,.search) .ast-article-post .post-content{padding:0!important;min-width:0}
:is(.blog,.archive,.search) .ast-article-post .post-content>:not(.ast-blog-featured-section){margin-left:22px;margin-right:22px}
:is(.blog,.archive,.search) .ast-article-post .entry-title{font-size:1.3rem;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
:is(.blog,.archive,.search) .ast-article-post .entry-meta{font-size:.8rem;line-height:1.7}
:is(.blog,.archive,.search) .ast-article-post .ast-excerpt-container p{font-size:1rem;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
:is(.blog,.archive,.search) .ast-article-post .post-thumb-img-content img{aspect-ratio:16/10;object-fit:contain;background:var(--tg-soft)}
:is(.blog,.archive,.search) .ast-blog-featured-section:empty{display:none}
:is(.blog,.archive,.search) .ast-no-thumb .post-content{padding-top:22px!important}
.site-branding:has(.custom-logo-link) .site-title{display:none} .tg-archive-intro{padding:14px 18px;margin:0 0 16px;border:1px solid var(--tg-line);border-radius:8px;background:var(--tg-paper)}
.tg-archive-intro h1{font-size:20px;line-height:1.35;margin:0 0 5px}
.tg-archive-intro>p{font-size:13px;line-height:1.5;margin:0}
.tg-archive-intro .tg-editorial-note{display:none}
.tg-archive-intro .tg-topic-nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.tg-archive-intro .tg-topic-nav a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid #bad5cb;border-radius:5px;background:#f2f8f5;color:#205849;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none}
.tg-archive-intro .tg-topic-nav a:hover,.tg-archive-intro .tg-topic-nav a:focus-visible{background:#dfeee7;text-decoration:underline} .tg-start{margin:0 0 26px;padding:0 2px}
.tg-start>h2{margin:0 0 12px;font-size:21px;line-height:1.4;color:var(--tg-heading)}
.tg-start-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}
.tg-start-group{min-width:0;padding-top:12px;border-top:1px solid var(--tg-line)}
.tg-start-group h3{font-size:15px;line-height:1.5;margin:0 0 4px;color:var(--tg-heading)}
.tg-start-group ul{list-style:none;margin:0;padding:0}
.tg-start-group a{display:flex;align-items:center;min-height:44px;padding:6px 0;font-size:16px;line-height:1.6;text-underline-offset:.18em;overflow-wrap:anywhere}
.tg-trust-footer{padding:32px max(24px,calc((100% - 1160px)/2));border-top:1px solid #dce5df;background:#edf4ef;color:#243f32}
.tg-trust-footer strong{font-size:20px}
.tg-trust-footer p{margin:8px 0 16px}
.tg-trust-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px}
.tg-trust-footer a{color:#245746;text-underline-offset:3px}
.tg-trust-footer .tg-contact-line{margin-bottom:0;overflow-wrap:anywhere}
.site-header .menu-link{padding-left:12px;padding-right:12px}
.ast-archive-description .ast-archive-title{word-break:keep-all;overflow-wrap:anywhere}
body:is(.page-id-3,.page-id-501,.page-id-502,.page-id-455) #primary>.ast-article-single{box-sizing:border-box;max-width:840px;width:100%;margin:36px auto;padding:32px;background:var(--tg-paper);border:1px solid #e2e8e3;border-radius:10px}
body:is(.page-id-3,.page-id-501,.page-id-502,.page-id-455) .entry-content{overflow-wrap:anywhere}
body:is(.page-id-3,.page-id-501,.page-id-502,.page-id-455) .entry-content h2{font-size:25px;line-height:1.5;margin-top:36px} body.single-post .entry-content{color:#263b34}
body.single-post .entry-content :is(h2,h3){border:0;padding-bottom:0;margin-top:2em;margin-bottom:.65em;text-wrap:balance}
body.single-post .entry-content p{margin-bottom:1.15em;word-break:normal;overflow-wrap:anywhere}
body.single-post .entry-content a{text-decoration:underline;text-underline-offset:.18em}
body.single-post .entry-content :is(ul,ol) li+li{margin-top:.45em} .tg-table-wrap{max-width:100%;margin:1.5em 0}
body:is(.single-post,.page) .entry-content .tg-table-hint{font-size:14px!important;color:#43584e;margin:0 0 6px;line-height:1.5}
.tg-table-hint[hidden]{display:none}
.tg-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#62766a #edf4ef}
.tg-table-scroll:focus-visible{outline:2px solid var(--tg-brand);outline-offset:3px}
body.single-post .entry-content .tg-table-scroll table,body.page .entry-content .tg-table-scroll table{display:table;width:100%;max-width:none;margin:0}
@media(max-width:768px){
body.single-post #content>.ast-container,body.page #content>.ast-container{width:100%;max-width:100%;padding-left:0!important;padding-right:0!important}
body.single-post #primary,body.page #primary{width:100%;min-width:0;margin-left:0!important;margin-right:0!important}
body.single-post #primary>.ast-article-single,body.page #primary>.ast-article-single{box-sizing:border-box;width:100%;max-width:100%;margin-left:0!important;margin-right:0!important;padding:22px 14px!important}
body.single-post .entry-content,body.page .entry-content{font-size:18px;line-height:1.85;overflow-wrap:anywhere}
body.single-post .entry-content :is(p,ul,ol,li),body.page .entry-content :is(p,ul,ol,li){font-size:18px!important;line-height:1.85}
body.single-post .entry-content :is(ul,ol),body.page .entry-content :is(ul,ol){margin-left:1.2em;padding-left:0}
body.single-post .entry-title,body.page .entry-title{font-size:26px!important;line-height:1.4}
body.single-post .entry-content h2,body.page .entry-content h2{font-size:23px!important;line-height:1.5}
body.single-post .entry-content h3,body.page .entry-content h3{font-size:20px!important;line-height:1.5}
body.single-post .entry-content :is(td,th),body.page .entry-content :is(td,th){font-size:16px;line-height:1.6;padding:10px 8px}
body.single-post .entry-content blockquote,body.page .entry-content blockquote{padding:12px}
.entry-content .wp-block-table{max-width:100%;overflow-x:auto}
.entry-content .tg-table-scroll .tg-wide-table{min-width:560px}
:is(.blog,.archive,.search) #content>.ast-container{width:100%;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box}
:is(.blog,.archive,.search) .ast-article-post .post-content>:not(.ast-blog-featured-section){margin-left:14px;margin-right:14px}
:is(.blog,.archive,.search) .ast-article-post .ast-excerpt-container p{font-size:17px;line-height:1.75}
}
@media(max-width:640px){:is(.blog,.archive,.search) .ast-row{grid-template-columns:minmax(0,1fr)}}
@media(max-width:544px){
.tg-archive-intro{padding:12px 14px}
.tg-archive-intro h1{font-size:18px}
.tg-trust-footer{padding:26px 22px}
.tg-trust-footer nav{gap:10px 18px}
body:is(.page-id-3,.page-id-501,.page-id-502,.page-id-455) .entry-content h2{font-size:22px}
}
@media(max-width:480px){.tg-start-groups{grid-template-columns:minmax(0,1fr);gap:12px}.tg-start-group ul{display:flex;flex-wrap:wrap;column-gap:20px}.tg-start-group li{min-width:0}.tg-start-group a{font-size:15px}}