/* 홈페이지 제작 v8 */
.wb-inds{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:22px}
.wb-inds span{font-size:14px;font-weight:800;color:var(--h8-g);background:#fff;border:1px solid #cfe9d9;padding:7px 14px;border-radius:999px}
#demo .h8-demos{max-width:880px}
#why .ab-table .row{grid-template-columns:130px 1fr 1.2fr}
.wb-seo{margin:26px auto 0;background:#fff;border:1px solid var(--h8-line);border-radius:22px;padding:24px;text-align:center}
.wb-seo .t{font-size:18px;font-weight:900;letter-spacing:-.04em}
.wb-seo div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;text-align:left}
.wb-seo span{background:#f7f9f8;border-radius:14px;padding:14px;font-size:14px;color:var(--h8-gray);line-height:1.6}
.wb-seo b{display:block;font-size:16px;font-weight:900;color:var(--h8-g2)}
.wb-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px;text-align:left}
.wb-plans article{display:flex;flex-direction:column;background:#fff;border:1px solid var(--h8-line);border-radius:26px;padding:28px 24px;box-shadow:0 16px 40px #0000000b}
.wb-plans article.pick{border:2px solid var(--h8-g2);box-shadow:0 22px 50px #1f9d5526;position:relative}
.wb-plans article.pick:before{content:'처음이라면 추천';position:absolute;top:-13px;left:24px;background:var(--h8-g2);color:#fff;font-size:12.5px;font-weight:800;padding:4px 12px;border-radius:999px}
.wb-plans .en{font-size:12.5px;font-weight:800;letter-spacing:.12em;color:#9ca3af}
.wb-plans h3{margin-top:6px;font-size:22px;font-weight:900;letter-spacing:-.04em}
.wb-plans .price{margin-top:8px;font-size:16px;font-weight:800;color:var(--h8-gray)}
.wb-plans .price strong{font-size:46px;font-weight:900;letter-spacing:-.04em;color:var(--h8-ink)}
.wb-plans .d{margin-top:2px;font-size:15px;color:var(--h8-gray)}
.wb-plans ul{list-style:none;padding:0;margin:18px 0 22px;display:grid;gap:8px}
.wb-plans li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700}
.wb-plans li:before{content:'✓';flex:none;width:20px;height:20px;border-radius:50%;background:#dcfce7;color:var(--h8-g2);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}
.wb-plans .h8-btn{margin-top:auto;justify-content:center;font-size:15.5px;padding:15px 20px}
.wb-plans article:not(.pick) .h8-btn{background:#fff;color:var(--h8-g);border:1.5px solid #bfe3cd;box-shadow:none}
.wb-details{margin-top:26px;text-align:left}
.wb-details .web-details{border-top:1px solid var(--h8-line)}
#pricing .ab-note{margin-top:16px}
@media(max-width:760px){
 .wb-plans,.wb-seo div{grid-template-columns:1fr}
 #why .ab-table .row{grid-template-columns:1fr 1fr}
 .wb-plans article.pick{margin-top:8px}
}