/* Bot R9 — 블로그 목록(.tkb-list) / 글(.tkb-single). 원본 blog.css + sec__blog-list / sec__article 값 */
.tkb-container{max-width:1630px;margin:0 auto;padding:0 15px}

/* 목록 배너: 원본 height 300px / 450px(데스크톱), overlay 10% */
.tkb-hero{position:relative;height:300px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:#101820}
.tkb-hero picture,.tkb-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tkb-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.4))}
.tkb-hero__inner{position:relative;z-index:1;max-width:760px;padding:0 20px}
.tkb-hero h1{color:#fff;font-size:34px;font-weight:600;letter-spacing:-.034em;margin:0 0 10px}
.tkb-hero p{margin:0;font-size:15px;line-height:1.6;color:#fff}
.tkb-hero h1,.tkb-hero p{text-shadow:0 1px 8px rgba(0,0,0,.35)}
@media(min-width:769px){.tkb-hero{height:450px}.tkb-hero h1{font-size:54px}.tkb-hero p{font-size:16px}}

/* 태그 칩: .blog-tag a (grey bg, 11px 20px, hover = primary) */
.tkb-tags{list-style:none;margin:40px 0 30px;padding:0 0 20px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;border-bottom:2px solid #ebebeb}
.tkb-tags a{display:inline-block;background:#f5f5f5;color:#111;padding:11px 20px;line-height:normal;border-radius:30px;font-size:14px;transition:.3s}
.tkb-tags a:hover,.tkb-tags .is-active a{background:#3456e6;color:#fff}

/* 카드 그리드: 3열, gap 10px, row-gap 4rem, 카드 p-15 rounded border, hover zoom */
.tkb-grid{display:grid;grid-template-columns:1fr;gap:40px 10px;padding-bottom:40px}
@media(min-width:768px){.tkb-grid{grid-template-columns:repeat(3,1fr)}}
.tkb-card{background:#fff;border:1px solid #ebebeb;border-radius:10px;padding:15px;display:flex;flex-direction:column}
.tkb-card__img{display:block;border-radius:10px;overflow:hidden;aspect-ratio:16/9}
.tkb-card__img img{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:transform .6s cubic-bezier(.3,1,.3,1)}
.tkb-card:hover .tkb-card__img img{transform:scale(1.05)}
.tkb-card__info{margin-top:30px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.tkb-card__tag{font-size:13px;font-weight:500;color:#111;border:1px solid #ebebeb;border-radius:30px;padding:3px 20px;margin-bottom:15px}
.tkb-card__tag:hover{border-color:#111}
.tkb-card__title{font-size:20px;line-height:1.4;margin:0 0 10px}
.tkb-card__title a:hover{color:#3456e6}
.tkb-card__excerpt{font-size:12px;color:#5c5c5c;line-height:1.7;margin:0 0 20px}
.tkb-card__date{font-size:12px;color:#5c5c5c}
.tkb-card__more{margin-top:auto;padding-top:30px;font-size:14px;font-weight:600;color:#111;text-decoration:underline;text-underline-offset:4px}
.tkb-card__more:hover{color:#3456e6}
@media(min-width:768px){
  .tkb-card--wide{grid-column:1/-1;flex-direction:row;align-items:center;gap:20px}
  .tkb-card--wide .tkb-card__img{flex:0 0 60%;max-width:60%}
  .tkb-card--wide .tkb-card__info{margin-top:0;padding-left:20px;max-width:35%}
  .tkb-card--wide .tkb-card__title{font-size:28px}
  .tkb-card--wide .tkb-card__excerpt{font-size:14px}
}
.tkb-pager{text-align:center;padding-bottom:60px}
.tkb-pager .nav-links{display:flex;justify-content:center;gap:8px}
.tkb-pager .page-numbers{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #ebebeb;padding:0 12px}
.tkb-pager .current,.tkb-pager a:hover{background:#111;color:#fff;border-color:#111}
.tkb-empty{text-align:center;padding:60px 0}

/* 글 상세: container + 300px 사이드바 (≥992px) */
.tkb-single{background:#fff}
.tkb-single__wrap{max-width:1230px;display:flex;flex-direction:column;gap:40px;padding-bottom:60px}
@media(min-width:992px){.tkb-single__wrap{flex-direction:row}.tkb-side{width:300px;flex-shrink:0;padding-top:80px}.tkb-side__sticky{position:sticky;top:30px}}
.tkb-article{flex:1;min-width:0}
.tkb-crumbs{list-style:none;margin:0;padding:30px 0 0;display:flex;flex-wrap:wrap;font-size:13px;color:#999}
.tkb-crumbs li+li::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#999;margin:0 10px;vertical-align:middle}
.tkb-crumbs li:last-child{color:#111}
.tkb-article__title{font-size:30px;line-height:1.3;margin:15px 0}
@media(min-width:768px){.tkb-article__title{font-size:44px}}
.tkb-meta{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;color:#5c5c5c;margin:30px 0;padding-bottom:20px;border-bottom:1px solid #ebebeb}
.tkb-meta>*+*::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#999;margin:0 10px;vertical-align:middle}
.tkb-meta b{color:#3456e6;font-weight:600}
.tkb-meta a:hover{color:#3456e6}
.tkb-article__hero{margin-bottom:40px;border-radius:10px;overflow:hidden}
.tkb-article__hero img{width:100%;display:block}

.tkb-toc{background:#f5f5f5;border-radius:10px;padding:20px;margin-bottom:30px}
.tkb-toc__title{font-size:20px;font-weight:600;margin-bottom:15px;color:#111}
.tkb-toc ul{margin:0;padding-left:18px}
.tkb-toc li{margin:4px 0;font-size:15px}
.tkb-toc a{color:#5c5c5c}.tkb-toc a:hover{color:#3456e6}

.tkb-article__body{font-size:16px;line-height:1.8;color:#333}
.tkb-article__body h2{font-size:26px;margin:clamp(40px,4vw,56px) 0 16px;scroll-margin-top:90px}
.tkb-article__body h3{font-size:20px;margin:32px 0 10px}
.tkb-article__body p{margin:clamp(20px,2vw,26px) 0}
.tkb-article__body a:not(.tk-btn){color:#3456e6;text-decoration:underline;text-underline-offset:3px}
.tkb-article__body ul,.tkb-article__body ol{padding-left:22px}
.tkb-article__body li{margin:6px 0}
.tkb-article__body img{border-radius:10px;display:block;margin:24px auto}
.tkb-article__body figure{margin:24px 0}
.tkb-article__body figcaption{font-size:13px;color:#999;text-align:center;margin-top:-12px}
.tkb-article__body .tkb-lead{font-size:18px;color:#111;background:#f5f7ff;border-left:4px solid #3456e6;padding:16px 20px;border-radius:0 10px 10px 0}
.tkb-tablewrap{overflow-x:auto;margin:24px 0;-webkit-overflow-scrolling:touch}
.tkb-article__body table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px}
.tkb-article__body th,.tkb-article__body td{border:1px solid #ebebeb;padding:12px 14px;text-align:left;vertical-align:top}
.tkb-article__body thead th{background:#111;color:#fff;font-weight:600}
.tkb-article__body tbody th{background:#f5f5f5;font-weight:600;color:#111;white-space:nowrap}
.tkb-article__body .tk-faq{margin-top:48px;padding-top:8px;border-top:1px solid #ebebeb}
.tkb-article__body .tk-faq h3{font-size:18px;margin:28px 0 8px}
.tkb-article__body .tk-faq h3::before{content:"Q. ";color:#3456e6}
.tkb-article__body .tk-faq p{margin:0 0 8px;color:#5c5c5c}
.tkb-cta{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.tkb-article__body .tkb-cta a{text-decoration:none;color:#fff}
.tkb-updated{font-size:13px;color:#999;margin-top:40px!important;padding-top:16px;border-top:1px solid #ebebeb}

.tkb-postnav{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:20px;border-top:1px solid #ebebeb}
.tkb-postnav a{flex:1;font-size:15px;font-weight:600;color:#111}
.tkb-postnav a:hover{color:#3456e6}
.tkb-postnav span{display:block;font-size:12px;font-weight:400;color:#999;margin-bottom:4px}
.tkb-postnav__next{text-align:right}

.tkb-side__banner{display:block;margin-bottom:20px;position:relative;border-radius:10px;overflow:hidden}
.tkb-side__banner img{width:100%;display:block}
.tkb-side__banner span{position:absolute;left:0;right:0;bottom:0;padding:12px 15px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;font-weight:600;font-size:15px}
.tkb-side__related{padding:30px 0;border-top:1px solid #ebebeb}
.tkb-side__title{font-size:22px;margin:0 0 20px}
.tkb-side__item{display:flex;gap:10px;margin-bottom:15px}
.tkb-side__thumb{flex:0 0 80px;width:80px;height:80px;border-radius:10px;overflow:hidden;background:#f5f5f5}
.tkb-side__thumb img{width:100%;height:100%;object-fit:cover}
.tkb-side__name{display:flex;flex-direction:column;justify-content:center;font-size:15px;font-weight:600;line-height:1.4;color:#111}
.tkb-side__item:hover .tkb-side__name{color:#3456e6}
.tkb-side__name small{font-size:12px;font-weight:400;color:#5c5c5c;margin-top:5px}

/* 목록 하단 가이드 표 + FAQ */
.tkb-guides,.tkb-faq{max-width:1000px;margin:0 auto 60px}
.tkb-guides h2,.tkb-faq h2{font-size:26px;text-align:center;margin-bottom:24px}
.tkb-guides table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px}
.tkb-guides th,.tkb-guides td{border:1px solid #ebebeb;padding:12px 14px;text-align:left}
.tkb-guides thead th{background:#111;color:#fff;font-weight:600}
.tkb-guides td a:hover{color:#3456e6}
.tkb-faq h3{font-size:18px;margin:28px 0 8px}
.tkb-faq h3::before{content:"Q. ";color:#3456e6}
.tkb-faq p{margin:0;color:#5c5c5c}