@charset "utf-8";
/* Kaspersky 4 pages — doc.css append (work-r4) */

.cont-tit { margin-bottom:66px; text-align:center; line-height:1.75; }
.cont-tit .label { margin-bottom:12px; color:#15549c; font-size:14px; font-weight:600; }
.cont-tit .tit { font-size:32px; font-weight:700; color:#242424; }
.cont-tit .desc { margin-top:16px; color:#454545; font-size:18px; line-height:1.75; }
.kasp .list.card { display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; margin:0; padding:0; list-style:none; }
.kasp .list.card .item { padding:40px 30px; background:#f6f6f6; border-radius:10px; line-height:1.75; }
.kasp .list.card .tit { margin-bottom:16px; font-size:20px; font-weight:700; color:#242424; }
.kasp .list.card .txt { font-size:16px; color:#454545; }
.kasp .list.check { margin:0; padding:0; list-style:none; }
.kasp .list.check .item { position:relative; padding-left:30px; margin-bottom:16px; font-size:18px; line-height:1.75; color:#242424; }
.kasp .list.check .item:before { content:""; position:absolute; left:0; top:10px; width:10px; height:10px; border-radius:50%; background:#15549c; }
.kasp .list.step { max-width:900px; margin:0 auto; list-style:none; padding:0; }
.kasp .list.step .item { margin-bottom:30px; padding:30px; background:#fff; border-left:4px solid #15549c; box-shadow:0 2px 12px rgba(0,0,0,.06); line-height:1.75; }
.kasp .list.step .num { display:inline-block; margin-bottom:12px; padding:4px 12px; background:#15549c; color:#fff; font-size:14px; font-weight:700; }
.kasp .list.step .tit { margin-bottom:12px; font-size:20px; font-weight:700; color:#242424; }
.kasp .list.step .txt { color:#454545; font-size:16px; }
.kasp .box { padding:30px; background:#f6f6f6; border:1px solid #ddd; line-height:1.75; }
.kasp .box .txt { font-size:18px; color:#454545; }

.color-kasp { color:#00a88e !important; }
.kasp-foundations .hero .brand { margin-bottom:12px; font-size:16px; font-weight:600; letter-spacing:-0.03em; color:#00a88e; }
.kasp-foundations .hero .name { margin-bottom:16px; font-size:36px; font-weight:700; letter-spacing:-0.03em; line-height:1.3; color:#242424; }
.kasp-foundations .hero .desc { margin-top:16px; font-size:16px; line-height:1.5; letter-spacing:-0.03em; color:#454545; }
.kasp-foundations .hero-visual { position:relative; margin-top:0; margin-bottom:100px; border-radius:20px; overflow:hidden; }
#contArea:not(.wide) .kasp-foundations .hero { margin-top:0; }
.kasp-foundations .hero-visual > img { display:block; width:100%; aspect-ratio:1780/600; object-fit:cover; }
.kasp-foundations .hero-visual .hero-inner { position:absolute; inset:0; display:flex; align-items:center; justify-content:flex-start; gap:12.14%; padding:40px 7.14%; background:linear-gradient(90deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.50) 40%, rgba(0,0,0,0.80) 100%); display: block; }
.kasp-foundations .hero-visual .logo { width:100%; max-width:40%; margin:0; flex-shrink:0; }
.kasp-foundations .hero-visual .logo img { display:block; width:100%; height:auto; object-fit:contain; }
.kasp-foundations .hero-visual .txt-wrap { flex:1; min-width:0; max-width:52%; }
.kasp-foundations .hero-visual .brand { margin-bottom:12px; font-size:16px; font-weight:600; letter-spacing:-0.03em; color:#fff; }
.kasp-foundations .hero-visual .name { margin-bottom:16px; font-size:36px; font-weight:700; letter-spacing:-0.03em; line-height:1.3; color:#fff; }
.kasp-foundations .hero-visual .desc { margin-top:16px; font-size:16px; line-height:1.5; letter-spacing:-0.03em; color:rgba(255,255,255,0.9); }
.kasp-security-center .hero-visual { aspect-ratio:1780/600; background:linear-gradient(90deg, #05080c 0%, #0a1218 28%, #0c2228 52%, #0e3d42 78%, #126b63 100%); }
.kasp-security-center .hero-visual .hex { position:absolute; inset:0; z-index:0; width:auto; height:100%; margin:0; pointer-events:none; }
.kasp-security-center .hero-visual .hex img { display:block; width:100%; height:100%; object-fit:cover; object-position:right center; }
.kasp-security-center .hero-visual .hero-inner { z-index:1; }
.kasp-foundations .flex-card { display:flex; gap:20px; margin:0; padding:0; list-style:none; }
.kasp-foundations .flex-card .card { display:flex; flex-direction:column; flex:1; min-width:0; padding:32px 24px; background:#f6f6f6; border-radius:10px; text-align:left; line-height:1.6; }
.kasp-foundations .flex-card .icon { width:56px; margin:0 0 20px; }
.kasp-foundations .flex-card .icon img { display:block; width:100%; aspect-ratio:1; object-fit:contain; filter:brightness(0) saturate(100%) invert(46%) sepia(79%) saturate(458%) hue-rotate(127deg) brightness(92%) contrast(101%); }
.kasp-foundations .flex-card .tit { margin-bottom:12px; font-size:18px; font-weight:700; letter-spacing:-0.03em; color:#242424; }
.kasp-foundations .flex-card .desc { font-size:15px; line-height:1.6; letter-spacing:-0.03em; color:#454545; }
.kasp-foundations .flex-card.cols3 { flex-wrap:wrap; }
.kasp-foundations .flex-card.cols3 .card { flex:0 0 calc((100% - 40px) / 3); }
.kasp-foundations .flex-card.cols442 { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:20px; }
.kasp-foundations .flex-card.cols442 .card { flex:none; }
.kasp-foundations .head .bar.color-kasp { background:#00a88e; }
.kasp-foundations .sec-benefit,
.kasp-foundations .sec-protect,
.kasp-foundations .sec-feature,
.kasp-foundations .sec-workflow,
.kasp-foundations .sec-challenge,
.kasp-foundations .sec-capability { margin-bottom:0; }
.kasp-foundations .card-list.cols2 .card { width:calc((100% - 22px) / 2); }
.kasp-foundations .sec-benefit .card-list .card,
.kasp-foundations .sec-feature .card-list .card,
.kasp-foundations .sec-workflow .card-list .card,
.kasp-foundations .sec-challenge .card-list .card,
.kasp-foundations .sec-capability .card-list .card,
.kasp-security-center .sec-intro .card-list .card { padding:0; overflow:hidden; }
.kasp-foundations .sec-benefit .card-list .img,
.kasp-foundations .sec-feature .card-list .img,
.kasp-foundations .sec-workflow .card-list .img,
.kasp-foundations .sec-challenge .card-list .img,
.kasp-foundations .sec-capability .card-list .img,
.kasp-security-center .sec-intro .card-list .img { margin:0; }
.kasp-foundations .sec-benefit .card-list .img img,
.kasp-foundations .sec-feature .card-list .img img,
.kasp-foundations .sec-workflow .card-list .img img,
.kasp-foundations .sec-challenge .card-list .img img,
.kasp-foundations .sec-capability .card-list .img img,
.kasp-security-center .sec-intro .card-list .img img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:36px 36px 0 0; }
.kasp-foundations .sec-benefit .card-list .cont,
.kasp-foundations .sec-feature .card-list .cont,
.kasp-foundations .sec-workflow .card-list .cont,
.kasp-foundations .sec-challenge .card-list .cont,
.kasp-foundations .sec-capability .card-list .cont,
.kasp-security-center .sec-intro .card-list .cont { padding:40px 50px 50px; }
.kasp-foundations .sec-benefit .card-list .tit,
.kasp-foundations .sec-feature .card-list .tit,
.kasp-foundations .sec-workflow .card-list .tit,
.kasp-foundations .sec-challenge .card-list .tit,
.kasp-foundations .sec-capability .card-list .tit,
.kasp-security-center .sec-intro .card-list .tit { margin-bottom:20px; font-size:24px; }
.kasp-embedded .intro-box .lead { margin-bottom:24px; font-size:22px; font-weight:700; line-height:1.6; letter-spacing:-0.03em; color:#242424; }
.kasp-embedded .intro-box .desc { font-size:16px; line-height:1.75; letter-spacing:-0.03em; color:#454545; }
.kasp-embedded .intro-box .desc + .desc { margin-top:20px; }
.kasp-security-center .intro-box .desc { font-size:16px; line-height:1.75; letter-spacing:-0.03em; color:#454545; }
.kasp-security-center .intro-box .lead { margin-top:24px; padding:24px 30px; background:#f6f6f6; border-radius:10px; font-size:18px; font-weight:600; line-height:1.75; letter-spacing:-0.03em; color:#242424; }
.kasp-security-center .flex-card.sc-grid { margin-top:60px; }
.kasp-security-center .flex-card.sc-grid .icon img { filter:brightness(0) saturate(100%) invert(46%) sepia(79%) saturate(458%) hue-rotate(127deg) brightness(92%) contrast(101%); }
.kasp-embedded .sec-video .video-wrap { max-width:960px; margin:0 auto; aspect-ratio:16/9; border-radius:10px; overflow:hidden; background:#242424; }
.kasp-embedded .sec-video .video-wrap iframe { display:block; width:100%; height:100%; border:0; }
.kasp-optimum .workflow-tab { display:block; }
.kasp-optimum .workflow-tab .tab-list { margin:0; padding:0; list-style:none; }
.kasp-optimum .workflow-tab .tab-list .item { border-top:1px solid #e0e0e0; }
.kasp-optimum .workflow-tab .tab-list .item:last-child { border-bottom:1px solid #e0e0e0; }
.kasp-optimum .workflow-tab .tab-list .btn { display:flex; gap:16px; align-items:flex-start; width:100%; padding:24px 20px; border:0; background:transparent; text-align:left; cursor:pointer; line-height:1.5; }
.kasp-optimum .workflow-tab .tab-list .num { flex:0 0 auto; font-size:18px; font-weight:700; color:#888; }
.kasp-optimum .workflow-tab .tab-list .tit { flex:1; font-size:18px; font-weight:700; color:#242424; }
.kasp-optimum .workflow-tab .tab-list .detail { display:none; padding:0 20px 24px 52px; }
.kasp-optimum .workflow-tab .tab-list .detail .desc { font-size:15px; line-height:1.75; color:#454545; }
.kasp-optimum .workflow-tab .tab-list .detail .img { margin:16px 0 0; }
.kasp-optimum .workflow-tab .tab-list .detail .img img { display:block; width:100%; border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,0.12); }
.kasp-optimum .workflow-tab .tab-list .item.on .detail { display:block; }
.kasp-optimum .workflow-tab .tab-list .item.on .num,
.kasp-optimum .workflow-tab .tab-list .item.on .tit { color:#fff; }
.kasp-optimum .workflow-tab .tab-list .item.on .detail .desc { color:rgba(255,255,255,0.92); }
.kasp-optimum .workflow-tab .tab-list .item.on[data-step="1"] { background:#fa4616; border-color:#fa4616; }
.kasp-optimum .workflow-tab .tab-list .item.on[data-step="2"] { background:#15549c; border-color:#15549c; }
.kasp-optimum .workflow-tab .tab-list .item.on[data-step="3"] { background:#00a88e; border-color:#00a88e; }
.kasp-optimum .workflow-tab .tab-list .item.on[data-step="4"] { background:#0067c5; border-color:#0067c5; }
.kasp-embedded .emb-grid.cols3 { display:flex; flex-wrap:wrap; gap:22px; }
.kasp-embedded .emb-grid.cols3 .card { width:calc((100% - 44px) / 3); }
.kasp-embedded .sec-challenge .emb-grid .card { padding:52px 28px 36px; overflow:visible; }
.kasp-embedded .sec-challenge .emb-grid .cont { padding:0; }
.kasp-embedded .sec-challenge .emb-grid .cont .tit { margin-bottom:12px; font-size:20px; }
.kasp-embedded .emb-grid .card { padding:52px 28px 36px; background:#e8f8f4; border-radius:10px; text-align:center; }
.kasp-embedded .emb-grid .icon { display:flex; align-items:center; justify-content:center; width:88px; height:88px; margin:0 auto 10px; background:#fff; border-radius:50%; }
.kasp-embedded .emb-grid .icon img { display:block; width:48px; height:48px; object-fit:contain; }
.kasp-embedded .emb-grid .tit { margin-bottom:16px; font-size:20px; }
.kasp-embedded .emb-grid .desc { font-size:15px; line-height:1.7; color:#454545; }
.kasp-security-center .sec-intro .card-list { margin-top:60px; }
.kasp-foundations .sec-protect .list.check { max-width:900px; margin:0 auto; }
.kasp-foundations .sec-protect .list.check .item:before { background:#00a88e; }

@media (max-width:1024px) {
  .cont-tit { margin-bottom:48px; }
  .cont-tit .tit { font-size:28px; }
  .cont-tit .desc { font-size:16px; }

  .kasp .list.card { grid-template-columns:repeat(2, 1fr); gap:20px; }
  .kasp .list.card .item { padding:32px 24px; }
  .kasp .list.check .item { font-size:16px; }
  .kasp .list.step { max-width:none; }
  .kasp .list.step .item { padding:24px; margin-bottom:20px; }
  .kasp .box { padding:24px; }
  .kasp .box .txt { font-size:16px; }

  .kasp-foundations .hero .name { font-size:28px; }
  .kasp-foundations .hero-visual { margin-bottom:64px; }
  .kasp-foundations .hero-visual .hero-inner { gap:6%; padding:32px 5%; }
  .kasp-foundations .hero-visual .logo { width:28%; max-width:260px; }
  .kasp-foundations .hero-visual .txt-wrap { max-width:58%; }
  .kasp-foundations .hero-visual .name { font-size:28px; margin-bottom:12px; }
  .kasp-foundations .hero-visual .desc { font-size:15px; }

  .kasp-foundations .flex-card { flex-wrap:wrap; }
  .kasp-foundations .flex-card .card { flex:0 0 calc((100% - 20px) / 2); }
  .kasp-foundations .flex-card.cols3 .card { flex:0 0 calc((100% - 20px) / 2); }
  .kasp-foundations .flex-card.cols3 .card:last-child:nth-child(odd) { flex:0 0 100%; }
  .kasp-foundations .flex-card.cols442 { grid-template-columns:repeat(2, minmax(0, 1fr)); }

  .kasp-foundations .card-list.cols2 .card { width:100%; }
  .kasp-foundations .sec-benefit .card-list .img img,
  .kasp-foundations .sec-feature .card-list .img img,
  .kasp-foundations .sec-workflow .card-list .img img,
  .kasp-foundations .sec-challenge .card-list .img img,
  .kasp-foundations .sec-capability .card-list .img img,
  .kasp-security-center .sec-intro .card-list .img img { border-radius:20px 20px 0 0; }
  .kasp-foundations .sec-benefit .card-list .cont,
  .kasp-foundations .sec-feature .card-list .cont,
  .kasp-foundations .sec-workflow .card-list .cont,
  .kasp-foundations .sec-challenge .card-list .cont,
  .kasp-foundations .sec-capability .card-list .cont,
  .kasp-security-center .sec-intro .card-list .cont { padding:30px 28px 36px; }
  .kasp-foundations .sec-benefit .card-list .tit,
  .kasp-foundations .sec-feature .card-list .tit,
  .kasp-foundations .sec-workflow .card-list .tit,
  .kasp-foundations .sec-challenge .card-list .tit,
  .kasp-foundations .sec-capability .card-list .tit,
  .kasp-security-center .sec-intro .card-list .tit { font-size:20px; margin-bottom:16px; }

  .kasp-security-center .flex-card.sc-grid,
  .kasp-security-center .sec-intro .card-list { margin-top:40px; }
  .kasp-security-center .intro-box .lead { padding:20px 24px; font-size:16px; }

  .kasp-embedded .intro-box .lead { font-size:20px; }
  .kasp-embedded .emb-grid.cols3 { gap:16px; }
  .kasp-embedded .emb-grid.cols3 .card { width:calc((100% - 16px) / 2); }
  .kasp-embedded .emb-grid .card { padding:40px 22px 28px; }

  .kasp-optimum .workflow-tab .tab-list .detail .img { margin-top:14px; }
}

@media (max-width:768px) {
  .cont-tit { margin-bottom:32px; }
  .cont-tit .label { margin-bottom:8px; font-size:13px; }
  .cont-tit .tit { font-size:22px; }
  .cont-tit .desc { margin-top:12px; font-size:15px; }

  .kasp .list.card { grid-template-columns:1fr; gap:16px; }
  .kasp .list.card .item { padding:24px 20px; }
  .kasp .list.card .tit { margin-bottom:12px; font-size:18px; }
  .kasp .list.card .txt { font-size:14px; }
  .kasp .list.check .item { padding-left:24px; margin-bottom:12px; font-size:15px; }
  .kasp .list.check .item:before { top:8px; width:8px; height:8px; }
  .kasp .list.step .item { padding:20px; margin-bottom:16px; }
  .kasp .list.step .tit { font-size:18px; }
  .kasp .list.step .txt { font-size:14px; }
  .kasp .box { padding:20px; }
  .kasp .box .txt { font-size:15px; }

  .kasp-foundations .hero .brand { font-size:14px; }
  .kasp-foundations .hero .name { margin-bottom:12px; font-size:22px; }
  .kasp-foundations .hero .desc { font-size:14px; }
  #contArea:not(.wide) .kasp-foundations .hero { margin-top:0; }

  .kasp-foundations .hero-visual { margin-bottom:40px; border-radius:12px; overflow:hidden; }
  .kasp-foundations .hero-visual > img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; object-position:center; }
  .kasp-foundations .hero-visual .hero-inner { display:flex; flex-direction:column; justify-content:center; align-items:stretch; gap:0; position:absolute; inset:0; padding:24px 20px; background:linear-gradient(90deg, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.50) 42%, rgba(0,0,0,0.80) 100%); }
  .kasp-foundations .hero-visual .logo { width:28%; max-width:120px; }
  .kasp-foundations .hero-visual .txt-wrap { flex:none; width:100%; min-width:0; max-width:none; }
  .kasp-foundations .hero-visual .brand { margin-bottom:6px; padding-left:0; font-size:12px; color:#fff; }
  .kasp-foundations .hero-visual .name { margin-bottom:8px; font-size:18px; line-height:1.3; color:#fff; word-break:keep-all; }
  .kasp-foundations .hero-visual .desc { margin-top:0; font-size:13px; line-height:1.5; color:rgba(255,255,255,0.9); }
  .kasp-security-center .hero-visual { aspect-ratio:16/10; }
  .kasp-security-center .hero-visual .hex { position:absolute; inset:0; width:auto; height:100%; }
  .kasp-security-center .hero-visual .hex img { object-position:80% center; }

  .kasp-foundations .flex-card,
  .kasp-foundations .flex-card.cols3,
  .kasp-foundations .flex-card.cols442 { display:flex; flex-direction:column; flex-wrap:nowrap; gap:12px; }
  .kasp-foundations .flex-card .card,
  .kasp-foundations .flex-card.cols3 .card,
  .kasp-foundations .flex-card.cols3 .card:last-child:nth-child(odd),
  .kasp-foundations .flex-card.cols442 .card { flex:none; width:100%; margin:0; padding:24px 20px; }
  .kasp-foundations .flex-card .icon { width:48px; margin-bottom:16px; }
  .kasp-foundations .flex-card .tit { font-size:16px; }
  .kasp-foundations .flex-card .desc { font-size:14px; }

  .kasp-foundations .sec-benefit .card-list .card,
  .kasp-foundations .sec-feature .card-list .card,
  .kasp-foundations .sec-workflow .card-list .card,
  .kasp-foundations .sec-challenge .card-list .card,
  .kasp-foundations .sec-capability .card-list .card,
  .kasp-security-center .sec-intro .card-list .card { padding:0; margin:10px 0; }
  .kasp-foundations .sec-benefit .card-list .img img,
  .kasp-foundations .sec-feature .card-list .img img,
  .kasp-foundations .sec-workflow .card-list .img img,
  .kasp-foundations .sec-challenge .card-list .img img,
  .kasp-foundations .sec-capability .card-list .img img,
  .kasp-security-center .sec-intro .card-list .img img { border-radius:16px 16px 0 0; }
  .kasp-foundations .sec-benefit .card-list .cont,
  .kasp-foundations .sec-feature .card-list .cont,
  .kasp-foundations .sec-workflow .card-list .cont,
  .kasp-foundations .sec-challenge .card-list .cont,
  .kasp-foundations .sec-capability .card-list .cont,
  .kasp-security-center .sec-intro .card-list .cont { padding:24px 20px 28px; }
  .kasp-foundations .sec-benefit .card-list .tit,
  .kasp-foundations .sec-feature .card-list .tit,
  .kasp-foundations .sec-workflow .card-list .tit,
  .kasp-foundations .sec-challenge .card-list .tit,
  .kasp-foundations .sec-capability .card-list .tit,
  .kasp-security-center .sec-intro .card-list .tit { margin-bottom:12px; font-size:18px; }

  .kasp-embedded .intro-box .lead { margin-bottom:16px; font-size:18px; }
  .kasp-embedded .intro-box .desc { font-size:14px; }
  .kasp-embedded .intro-box .desc + .desc { margin-top:14px; }
  .kasp-embedded .emb-grid.cols3 { gap:12px; }
  .kasp-embedded .emb-grid.cols3 .card { width:100%; }
  .kasp-embedded .emb-grid .card,
  .kasp-embedded .sec-challenge .emb-grid .card { padding:36px 20px 24px; }
  .kasp-embedded .emb-grid .icon { width:72px; height:72px; }
  .kasp-embedded .emb-grid .icon img { width:40px; height:40px; }
  .kasp-embedded .emb-grid .tit,
  .kasp-embedded .sec-challenge .emb-grid .cont .tit { margin-bottom:12px; font-size:18px; }
  .kasp-embedded .emb-grid .desc { font-size:14px; }
  .kasp-embedded .sec-video .video-wrap { border-radius:8px; }

  .kasp-security-center .intro-box .lead { margin-top:16px; padding:18px 20px; font-size:15px; }
  .kasp-security-center .flex-card.sc-grid,
  .kasp-security-center .sec-intro .card-list { margin-top:24px; }

  .kasp-optimum .workflow-tab .tab-list .btn { gap:12px; padding:18px 16px; }
  .kasp-optimum .workflow-tab .tab-list .num,
  .kasp-optimum .workflow-tab .tab-list .tit { font-size:16px; }
  .kasp-optimum .workflow-tab .tab-list .detail { padding:0 16px 18px 44px; }
  .kasp-optimum .workflow-tab .tab-list .detail .desc { font-size:14px; }
  .kasp-optimum .workflow-tab .tab-list .detail .img { margin-top:12px; }
  .kasp-optimum .workflow-tab .tab-list .detail .img img { border-radius:8px; }
}

@media (max-width:480px) {
  .cont-tit .tit { font-size:20px; }
  .cont-tit .desc { font-size:14px; }

  .kasp-foundations .hero-visual .hero-inner { padding:20px 16px; }
  .kasp-foundations .hero-visual .logo { width:26%; max-width:96px; }
  .kasp-foundations .hero-visual .name { font-size:16px; }
  .kasp-foundations .hero-visual .desc { font-size:12px; }

  .kasp-foundations .flex-card .card,
  .kasp-foundations .flex-card.cols3 .card,
  .kasp-foundations .flex-card.cols442 .card { padding:20px 16px; }

  .kasp-foundations .sec-benefit .card-list .cont,
  .kasp-foundations .sec-feature .card-list .cont,
  .kasp-foundations .sec-workflow .card-list .cont,
  .kasp-foundations .sec-challenge .card-list .cont,
  .kasp-foundations .sec-capability .card-list .cont,
  .kasp-security-center .sec-intro .card-list .cont { padding:20px 16px 24px; }

  .kasp .list.card .item,
  .kasp .list.step .item,
  .kasp .box { padding:18px 16px; }

  .kasp-optimum .workflow-tab .tab-list .btn { padding:16px 14px; }
  .kasp-optimum .workflow-tab .tab-list .detail { padding:0 14px 16px 40px; }
}

/* sub2-tab — Kaspersky product nav */
.sub2-tab { margin:0 0 80px; }
.sub2-tab ul { display:flex; margin:0; padding:0; list-style:none; border:1px solid #ddd; border-radius:10px; overflow:hidden; }
.sub2-tab li { display:flex; flex:1; min-width:0; border-right:1px solid #ddd; }
.sub2-tab li:last-child { border-right:0; }
.sub2-tab a { display:flex; align-items:center; justify-content:center; flex:1; width:100%; height:100%; min-height:64px; padding:12px 16px; font-size:15px; font-weight:600; line-height:1.4; letter-spacing:-0.03em; text-align:center; color:#454545; background:#fff; word-break:keep-all; transition:background .2s ease, color .2s ease; }
.sub2-tab li.active a { background:#00a88e; color:#fff; }
.sub2-tab li:not(.active) a:hover { background:#f4fbf9; color:#00a88e; }

@media (max-width:1024px) {
  .sub2-tab { margin-bottom:32px; }
  .sub2-tab ul { flex-wrap:wrap; }
  .sub2-tab li { flex:0 0 50%; border-right:0; border-bottom:1px solid #ddd; }
  .sub2-tab li:nth-child(odd) { border-right:1px solid #ddd; }
  .sub2-tab li:nth-last-child(-n+2) { border-bottom:0; }
  .sub2-tab a { min-height:56px; padding:10px 12px; font-size:14px; }
}

@media (max-width:768px) {
  .sub2-tab { margin-bottom:24px; }
  .sub2-tab a { min-height:48px; padding:10px 12px; font-size:13px; }
}