
/* 토토보드 이용가이드 v2.2.0: 기존 메인과 헤더 스타일을 수정하지 않습니다. */
.tb-seo-guide-wrap,.tb-seo-article-wrap{max-width:1140px;margin:auto;padding:32px 20px 80px;font-family:inherit;color:#132943}
.tb-seo-breadcrumb{display:flex;gap:10px;align-items:center;color:#64758a;font-size:13px;margin:0 0 22px}
.tb-seo-breadcrumb a{color:#324b66;text-decoration:none}.tb-seo-breadcrumb a:hover{text-decoration:underline}
.tb-seo-heading{border-radius:18px;background:linear-gradient(115deg,#09213d,#173e66);color:#fff;padding:28px 34px;margin-bottom:24px}
.tb-seo-heading .tb-eyebrow{color:#dfc08a;letter-spacing:.17em;font-size:11px;margin:0 0 5px}
.tb-seo-heading h1{color:#fff;margin:0 0 7px;font-size:30px;line-height:1.3;font-weight:800}
.tb-seo-heading>p:last-child{color:#dbe6f1;margin:0;font-size:15px;line-height:1.75}
.tb-seo-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 20px}
.tb-seo-filters a{background:#fff;border:1px solid #d8e2eb;border-radius:24px;color:#2e4561;text-decoration:none;font-weight:700;font-size:14px;padding:9px 17px}
.tb-seo-filters a.active,.tb-seo-filters a:hover{background:#0b2c4b;border-color:#0b2c4b;color:#fff}
.tb-seo-guide-search{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.tb-seo-guide-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.tb-seo-guide-search input{min-width:0;flex:1;background:#fff;border:1px solid #c8d5e3;border-radius:11px;padding:13px 16px;font-size:15px;height:48px;color:#12304f}
.tb-seo-guide-search button{flex:0 0 auto;background:#0d2a48;border:0;color:#fff;border-radius:11px;padding:0 24px;height:48px;cursor:pointer;font-weight:700;font-size:14px}
.tb-seo-guide-search :focus-visible,.tb-seo-guide-item a:focus-visible{outline:3px solid #c39958;outline-offset:3px}
.tb-seo-count{font-size:13px;color:#637589;margin:8px 0 18px}
.tb-seo-guide-list{display:grid;gap:14px}
.tb-seo-guide-item{display:block}
.tb-seo-guide-item a.tb-guide-list-card{display:flex;align-items:center;gap:22px;min-height:158px;padding:14px 22px 14px 14px;background:white;border:1px solid #e2e9f2;border-radius:14px;text-decoration:none;color:#102b4b;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}
.tb-seo-guide-item a.tb-guide-list-card:hover{border-color:#c3a064;box-shadow:0 8px 24px rgba(16,40,66,.08);transform:translateY(-2px)}
.tb-seo-guide-item img{display:block;flex:0 0 220px!important;width:220px!important;height:124px!important;aspect-ratio:16/9;object-fit:cover;border-radius:9px}
.tb-seo-guide-info{flex:1;min-width:0}
.tb-seo-guide-info .tb-card-type{display:inline-block;background:#eaf3fc;color:#16548a;border-radius:5px;padding:4px 9px;font-size:12px;font-weight:700}
.tb-seo-guide-item h2{margin:8px 0 5px!important;font-size:19px!important;line-height:1.4!important;font-weight:800;color:#122d4b}
.tb-seo-guide-item p{margin:0 0 9px;font-size:14px;line-height:1.55;color:#5e6e80}
.tb-seo-guide-item small{font-size:12px;color:#8190a0}
.tb-seo-guide-item .tb-seo-arrow{margin-left:auto;font-size:23px;color:#b38d4f;font-weight:600}
.tb-seo-editor-note{margin-top:28px;padding:17px 20px;border:1px solid #e4e9ef;border-radius:12px;font-size:12px;line-height:1.65;color:#677588;background:#fafcff}
.tb-seo-no-results{border:1px solid #dbe5ee;border-radius:14px;padding:26px}.tb-seo-no-results h2{font-size:19px}
.tb-seo-article{max-width:870px;margin:auto;padding:0!important;border:0!important;box-shadow:none!important}
.tb-seo-article-header{padding:4px 0 26px;border-bottom:1px solid #e4ebf0;margin-bottom:24px}
.tb-seo-article-header h1{font-size:clamp(27px,3.2vw,37px);line-height:1.35;margin:12px 0 14px;color:#0d2947;letter-spacing:-.04em}
.tb-seo-article-header .tb-article-lead{font-size:17px;line-height:1.75;color:#4d6479;margin:0 0 17px}
.tb-seo-dates{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#64768b}
.tb-seo-cover{margin:0 0 30px;padding:0}
.tb-seo-cover img{width:100%;height:auto!important;max-height:490px;object-fit:cover;display:block;border-radius:13px;aspect-ratio:16/9}
.tb-seo-cover figcaption{font-size:12px;color:#788598;text-align:right;margin-top:8px}
.tb-seo-article-content{font-size:16px!important;line-height:1.9!important;color:#26394c;word-break:keep-all;overflow-wrap:anywhere}
.tb-seo-article-content p{margin:0 0 22px;font-size:16px;line-height:1.9}
.tb-seo-article-content h2{font-size:23px;line-height:1.5;margin:38px 0 16px;color:#092947;font-weight:800;padding-left:13px;border-left:4px solid #cf9f51}
.tb-seo-article-content h3{font-size:19px;margin:26px 0 12px;color:#173450}
.tb-seo-article-content ul{list-style:disc outside!important;display:block;margin:0 0 24px;padding:17px 22px 17px 42px;background:#f5f8fc;border-radius:10px;color:#2c4863}
.tb-seo-article-content li{list-style:disc outside!important;display:list-item!important;font-size:15px;line-height:1.8;margin:7px 0}
.tb-seo-sources{padding:20px 24px;background:#f7f8fb;border:1px solid #e0e6ed;border-radius:12px;margin:30px 0}
.tb-seo-sources h2{border:0;padding:0;margin:0 0 12px;font-size:18px}
.tb-seo-sources ul{background:none;padding:0 0 0 20px;margin:0 0 8px}.tb-seo-sources li{font-size:14px;margin:5px 0}
.tb-seo-sources a{color:#19558a;text-decoration:underline;text-underline-offset:3px}.tb-seo-sources span{color:#687b90;font-size:12px}
.tb-seo-sources p{font-size:12px;color:#6a7889;margin:8px 0 0}
.tb-seo-content-disclaimer{border-left:4px solid #d2a15a;background:#fbf8f1;padding:19px 20px;border-radius:0 12px 12px 0;margin:32px 0;color:#40576c}
.tb-seo-content-disclaimer strong{color:#17344f;font-size:15px}.tb-seo-content-disclaimer p{font-size:13px;line-height:1.8;margin:8px 0 0}
.tb-seo-related{margin:36px 0 26px;border-top:1px solid #e0e6ee;padding-top:20px}.tb-seo-related h2{font-size:21px;margin:0 0 16px;color:#153451}
.tb-seo-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tb-seo-related-grid a{border:1px solid #dce5ed;border-radius:10px;background:#fff;padding:16px;text-decoration:none;display:flex;flex-direction:column;gap:9px;color:#183653}
.tb-seo-related-grid a:hover{border-color:#cfa364}.tb-seo-related-grid span,.tb-seo-related-grid small{font-size:12px;color:#57748e}.tb-seo-related-grid strong{font-size:14px;line-height:1.55}
@media(max-width:680px){
.tb-seo-guide-wrap,.tb-seo-article-wrap{padding:22px 14px 55px}
.tb-seo-heading{padding:23px 22px}.tb-seo-heading h1{font-size:26px}.tb-seo-filters{gap:7px}.tb-seo-filters a{font-size:12px;padding:8px 13px}
.tb-seo-guide-item a.tb-guide-list-card{padding:10px;gap:12px;min-height:105px;align-items:flex-start}
.tb-seo-guide-item img{flex:0 0 112px!important;width:112px!important;height:84px!important;aspect-ratio:4/3}
.tb-seo-guide-item h2{font-size:15px!important;margin:5px 0!important}.tb-seo-guide-item p{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tb-seo-guide-item small{font-size:11px}.tb-seo-guide-item .tb-seo-arrow{display:none}
.tb-seo-article-header .tb-article-lead{font-size:15px}.tb-seo-article-content{font-size:15px!important}.tb-seo-article-content p{font-size:15px}.tb-seo-article-content h2{font-size:20px}
.tb-seo-related-grid{grid-template-columns:1fr}.tb-seo-related-grid a{padding:13px}
}
@media(max-width:360px){.tb-seo-guide-item img{flex-basis:92px!important;width:92px!important;height:81px!important}.tb-seo-guide-item a.tb-guide-list-card{gap:9px}}
