@charset "utf-8";
/* =========================================================
   강진의료원 리뉴얼 시안 - 서브 레이아웃 / 콘텐츠 컴포넌트
   ========================================================= */

/* ---------- 서브 비주얼 ---------- */
/* 서브 상단 : 메뉴별 실사 사진(병원 자체 사진) + 글자 가독성용 남색 그라데이션 */
.sub-visual{position:relative;height:340px;background:var(--navy) center/cover no-repeat;color:#fff}
.sub-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,30,70,.86) 0%,rgba(10,30,70,.62) 38%,rgba(10,30,70,.22) 75%,rgba(10,30,70,.12) 100%)}
.sub-visual .inner{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;padding-bottom:40px}
.sv-en{font-size:17px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.sv-tit{margin-top:10px;font-size:40px;font-weight:300;line-height:1.35;letter-spacing:-.04em;text-shadow:0 2px 12px rgba(0,0,0,.15)}
.sv-tit strong{font-weight:700}

/* ---------- 로케이션 바 ---------- */
.location{position:relative;z-index:20;margin-top:-56px}
.location .inner{display:flex;align-items:stretch;height:56px}
.location .inner>*{background:rgba(255,255,255,.96)}
.loc-home{display:grid;place-items:center;width:64px;background:var(--blue)!important;color:#fff}
.loc-drop{position:relative;width:260px;border-left:1px solid var(--line)}
.loc-drop>button{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 22px;font-size:16px;font-weight:600;text-align:left}
.loc-drop>button::after{content:'';width:8px;height:8px;margin-top:-4px;border-right:2px solid var(--txt);border-bottom:2px solid var(--txt);transform:rotate(45deg);transition:.2s}
.loc-drop.open>button::after{transform:rotate(-135deg);margin-top:4px}
.loc-drop ul{display:none;position:absolute;left:0;right:0;top:100%;padding:8px 0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.loc-drop.open ul{display:block}
.loc-drop ul a{display:block;padding:9px 22px;font-size:15px;color:var(--txt2)}
.loc-drop ul a:hover,.loc-drop ul a.on{color:var(--blue);background:var(--blue-lt);font-weight:600}

/* ---------- 레이아웃 ---------- */
.sub-body{display:flex;align-items:flex-start;gap:60px;padding-top:60px;padding-bottom:120px}
.lnb{flex:none;width:260px;position:sticky;top:30px}
.lnb-tit{display:flex;flex-direction:column;justify-content:center;height:130px;padding:0 26px;border-radius:20px 20px 0 0;background:linear-gradient(135deg,var(--blue),var(--blue-dk));color:#fff;font-size:26px;font-weight:700;line-height:1.3}
.lnb-tit small{margin-bottom:6px;font-size:13px;font-weight:500;letter-spacing:.06em;opacity:.75}
.lnb-list{border:1px solid var(--line);border-top:0}
.lnb-list>li+li{border-top:1px solid var(--line)}
.lnb-list>li>a{position:relative;display:block;padding:15px 44px 15px 24px;font-size:16px;color:var(--txt2);transition:.2s}
.lnb-list>li>a::after{content:'';position:absolute;right:24px;top:50%;width:7px;height:7px;margin-top:-4px;border-top:2px solid var(--txt3);border-right:2px solid var(--txt3);transform:rotate(45deg)}
.lnb-list>li>a:hover{color:var(--blue);background:var(--bg)}
.lnb-list>li.on>a{background:var(--navy);color:#fff;font-weight:600}
.lnb-list>li.on>a::after{border-color:#fff}
.lnb-call{margin-top:20px;padding:22px 24px;border-radius:0 0 20px 20px;background:var(--bg)}
.lnb-call p{font-size:14px;color:var(--txt3)}
.lnb-call strong{display:block;margin:2px 0 4px;font-size:24px;font-weight:800;color:var(--blue);letter-spacing:-.01em}
.lnb-call span{font-size:14px;font-weight:600;color:var(--orange-dk)}
.sub-content{flex:1;min-width:0}

.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:22px;margin-bottom:50px;border-bottom:1px solid var(--txt)}
.page-tit{font-size:38px;font-weight:700;line-height:1.2;letter-spacing:-.04em}
.page-util{display:flex;align-items:center;gap:6px}
.bread{display:flex;margin-right:14px;font-size:14px;color:var(--txt3)}
.bread li+li::before{content:'>';margin:0 9px;color:#bbb}
.bread .cur{color:var(--txt);font-weight:600}
.pu-btn{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line2);border-radius:50%;color:var(--txt2)}
.pu-btn:hover{border-color:var(--blue);color:var(--blue)}

/* ---------- 콘텐츠 공통 ---------- */
.c-sec+.c-sec,.c-lead+.c-sec{margin-top:70px}
.c-tit{position:relative;margin-bottom:22px;padding-left:18px;font-size:26px;font-weight:700;line-height:1.3}
.c-tit::before{content:'';position:absolute;left:0;top:6px;width:6px;height:22px;border-radius:3px;background:var(--blue)}
.c-stit{margin:30px 0 12px;font-size:19px;font-weight:700;color:var(--navy)}
.c-txt{color:var(--txt2);font-size:17px;line-height:1.8}
.c-lead{padding:34px 40px;border-radius:var(--radius);background:var(--bg);font-size:19px;line-height:1.75;color:var(--txt)}
.c-lead strong{color:var(--blue)}
.bul li{position:relative;padding-left:14px;color:var(--txt2)}
.bul li+li{margin-top:6px}
.bul li::before{content:'';position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--blue)}
.notice-box{display:flex;gap:14px;margin-top:24px;padding:20px 24px;border:1px solid #f5d2b5;border-radius:12px;background:#fff8f2;color:var(--txt2);font-size:15px}
.notice-box::before{content:'!';flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--orange-dk);color:#fff;font-weight:800;font-size:14px}

.tbl-wrap{overflow-x:auto;border-top:2px solid var(--navy)}
.tbl{min-width:560px;font-size:16px;text-align:center}
.tbl th,.tbl td{padding:16px 14px;border-bottom:1px solid var(--line)}
.tbl thead th{background:#f5f7fb;font-weight:700}
.tbl tbody th{background:#fafbfd;font-weight:600}
.tbl td{color:var(--txt2)}
.tbl .l{text-align:left}

/* 준비물 카드 */
.ready{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ready li{display:flex;align-items:center;gap:18px;padding:26px 28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.ready .ico{flex:none;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--blue-lt);color:var(--blue)}
.ready strong{display:block;font-size:18px}
.ready span{font-size:14px;color:var(--txt3)}

/* 진료절차 */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;counter-reset:st}
.steps li{position:relative;padding:30px 16px 26px;border-radius:var(--radius);background:var(--bg);text-align:center;counter-increment:st}
.steps li:not(:last-child)::after{content:'';position:absolute;right:-14px;top:50%;z-index:1;width:10px;height:10px;margin-top:-5px;border-top:3px solid var(--blue);border-right:3px solid var(--blue);transform:rotate(45deg)}
.steps .num{display:block;font-size:13px;font-weight:700;color:var(--blue);letter-spacing:.05em}
.steps .num::after{content:counter(st,decimal-leading-zero)}
.steps .ico{display:grid;place-items:center;width:74px;height:74px;margin:14px auto;border-radius:50%;background:#fff;color:var(--blue);box-shadow:0 6px 16px rgba(21,89,198,.12)}
.steps strong{display:block;font-size:18px}
.steps p{margin-top:4px;font-size:14px;color:var(--txt3)}

/* 연락처 카드 */
.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.contact li{padding:28px 30px;border-radius:var(--radius);background:linear-gradient(135deg,var(--blue),var(--blue-dk));color:#fff}
.contact li:nth-child(2){background:linear-gradient(135deg,#ff8a2a,#e0620b)}
.contact li:nth-child(3){background:linear-gradient(135deg,#34405a,var(--navy))}
.contact p{font-size:15px;opacity:.85}
.contact strong{display:block;margin-top:4px;font-size:28px;font-weight:800;letter-spacing:-.01em}

/* ---------- 진료과목 ---------- */
.dept-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.dept-tabs button{height:54px;border:1px solid var(--line2);border-radius:8px;background:#fff;font-size:16px;color:var(--txt2);transition:.2s}
.dept-tabs button:hover{border-color:var(--blue);color:var(--blue)}
.dept-tabs button[aria-selected="true"]{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}
.dept-panel{margin-top:50px}
.dept-intro{display:flex;align-items:center;gap:30px;padding:36px 40px;border-radius:var(--radius);background:var(--bg)}
.dept-intro .ico{flex:none;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:#fff;color:var(--blue);box-shadow:0 8px 20px rgba(21,89,198,.12)}
.dept-intro h4{font-size:28px;font-weight:700}
.dept-intro p{margin-top:6px;color:var(--txt2)}
.dept-intro .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.dept-intro .tags span{padding:4px 12px;border-radius:20px;background:#fff;font-size:14px;color:var(--blue)}
.doctor{display:flex;gap:40px;margin-top:30px;padding:36px 40px;border:1px solid var(--line);border-radius:var(--radius)}
.doctor .photo{flex:none;width:200px;height:240px;border-radius:14px;background:linear-gradient(180deg,#e7effb,#cfdcf1);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.doctor .info{flex:1;min-width:0}
.doctor .name{font-size:26px;font-weight:700}
.doctor .name small{margin-left:8px;font-size:16px;font-weight:500;color:var(--blue)}
.doctor dl{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;margin:14px 0 20px;font-size:15px}
.doctor dt{color:var(--txt3)}
.doctor dd{color:var(--txt2)}
.doctor .tbl{min-width:480px;font-size:15px}
.doctor .tbl th,.doctor .tbl td{padding:10px}
.mark{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--blue)}
.mark.op{background:var(--orange)}
.legend{display:flex;gap:16px;margin-top:10px;font-size:14px;color:var(--txt3)}
.legend span{display:flex;align-items:center;gap:6px}

/* ---------- 휴진 달력 ---------- */
.cal-head{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:26px}
.cal-head h4{min-width:220px;font-size:32px;font-weight:800;text-align:center;letter-spacing:-.02em}
.cal-nav{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.1);font-size:20px}
.cal-nav:hover{background:var(--blue);color:#fff}
.cal-today{position:absolute;right:0;top:8px;height:38px;padding:0 16px;border:1px solid var(--line2);border-radius:20px;font-size:14px}
.cal-wrap{position:relative}
.cal-big{table-layout:fixed;border-radius:14px 14px 0 0;overflow:hidden}
.cal-big thead th{height:54px;background:var(--navy);color:#fff;font-size:17px;font-weight:600}
.cal-big td{height:130px;padding:10px;border:1px solid var(--line);vertical-align:top;text-align:left}
.cal-big .dnum{display:block;margin-bottom:6px;font-size:17px;font-weight:700}
.cal-big .sun .dnum,.cal-big .hol .dnum{color:var(--red)}
.cal-big .sat .dnum{color:var(--blue)}
.cal-big .other{background:#fafbfc}
.cal-big .other .dnum{color:#737578}
.cal-big .today{background:#f2f7ff;box-shadow:inset 0 0 0 2px var(--blue)}
.cal-big .hname{display:block;font-size:13px;color:var(--red)}
.cal-big .chip{display:block;margin-top:4px;padding:3px 8px;border-radius:6px;background:#fff1e6;font-size:13px;line-height:1.4;color:#b64e09;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-big .chip.all{background:var(--blue-lt);color:var(--blue)}

/* ---------- 오시는길 ---------- */
.map{position:relative;height:460px;border-radius:var(--radius);overflow:hidden;background:var(--bg)}
.map iframe{width:100%;height:100%;border:0}
.addr-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 40px;margin-top:20px;padding:26px 34px;border-radius:var(--radius);background:var(--navy);color:#fff}
.addr-bar strong{font-size:20px}
.addr-bar span{display:flex;align-items:center;gap:8px;opacity:.9}
.addr-bar .btns{display:flex;gap:8px;margin-left:auto}
.addr-bar .btns a{display:flex;align-items:center;height:42px;padding:0 18px;border-radius:6px;background:#fff;color:var(--navy);font-size:14px;font-weight:700}
.addr-bar .btns a:nth-child(2){background:#fee500;color:#191600}
.route{display:flex;flex-wrap:wrap;align-items:center;gap:12px 0;padding:34px 30px;border-radius:var(--radius);background:var(--bg)}
.route li{display:flex;align-items:center}
.route li span{display:flex;align-items:center;height:48px;padding:0 20px;border-radius:30px;background:#fff;font-weight:600;box-shadow:0 3px 10px rgba(0,0,0,.05)}
.route li:first-child span,.route li:last-child span{background:var(--blue);color:#fff}
.route li+li::before{content:'';width:34px;height:2px;background:repeating-linear-gradient(90deg,var(--blue) 0 5px,transparent 5px 9px)}

/* ---------- 게시판 ---------- */
.bo-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.bo-total{font-size:15px;color:var(--txt2)}
.bo-total b{color:var(--blue)}
.bo-search{display:flex;gap:6px}
.bo-search select,.bo-search input{height:46px;padding:0 14px;border:1px solid var(--line2);border-radius:6px;background:#fff}
.bo-search input{width:260px}
.bo-search button{height:46px;padding:0 22px;border-radius:6px;background:var(--navy);color:#fff;font-weight:600}
.bo-list{border-top:2px solid var(--navy)}
.bo-list li{display:flex;align-items:center;gap:20px;padding:20px 16px;border-bottom:1px solid var(--line);transition:background .2s}
.bo-list li:hover{background:#fafcff}
.bo-list .no{flex:none;width:60px;text-align:center;color:var(--txt3);font-size:15px}
.bo-list .no .badge{height:26px}
.bo-list .subj{flex:1;min-width:0}
.bo-list .subj a{display:block;font-size:17px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bo-list .subj a:hover{color:var(--blue);text-decoration:underline}
.bo-list .file{display:inline-block;width:16px;height:16px;margin-left:6px;vertical-align:-2px;color:var(--txt3)}
.bo-list .meta{flex:none;display:flex;gap:26px;font-size:14px;color:var(--txt3)}
.bo-list .meta span{min-width:70px;text-align:center}
.bo-list li.notice{background:#f7faff}
.paging{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:40px}
.paging a{display:grid;place-items:center;min-width:40px;height:40px;padding:0 6px;border:1px solid var(--line);border-radius:6px;font-size:15px;color:var(--txt2)}
.paging a.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}
.paging a:hover:not(.on){border-color:var(--blue);color:var(--blue)}

/* ---------- 공통 서브(콘텐츠 이관 영역) ---------- */
.prep{padding:70px 40px;border:1px dashed var(--line2);border-radius:var(--radius);text-align:center;color:var(--txt3)}
.prep strong{display:block;margin:16px 0 6px;font-size:22px;color:var(--txt)}
.skeleton{margin-top:40px}
.skeleton i{display:block;height:14px;margin-top:12px;border-radius:7px;background:linear-gradient(90deg,#eef1f5,#f7f9fb,#eef1f5)}
.skeleton i:nth-child(2){width:92%}.skeleton i:nth-child(3){width:80%}.skeleton i:nth-child(4){width:60%}

/* ---------- responsive ---------- */
@media (max-width:1280px){
  .sub-body{gap:40px}
  .lnb{width:220px}
  .dept-tabs{grid-template-columns:repeat(4,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .steps li::after{display:none}
}
@media (max-width:1024px){
  .sub-visual{height:240px}
  .sv-tit{font-size:28px}
  .location{margin-top:-50px}
  .location .inner{height:50px;padding:0}
  .loc-home{width:50px}
  .loc-drop{flex:1;width:auto}
  .loc-drop>button{padding:0 16px;font-size:15px}
  .sub-body{display:block;padding-top:36px;padding-bottom:80px}
  .lnb{display:none}
  .page-head{flex-direction:column;align-items:flex-start;margin-bottom:34px}
  .page-tit{font-size:30px}
  .bread{display:none}
  .page-util{position:absolute;right:20px;margin-top:-4px}
  .page-tit{align-self:stretch;padding-right:100px;overflow-wrap:anywhere}
  .sub-content{position:relative}
  .ready,.contact{grid-template-columns:1fr}
  .doctor{flex-direction:column;align-items:center}
  .doctor .info{width:100%}
  .cal-big td{height:90px;padding:6px}
  .cal-big .chip{font-size:0;height:6px;padding:0;border-radius:3px;background:var(--orange)}
  .cal-big .chip.all{background:var(--blue)}
  .cal-big .hname{font-size:11px}
  .bo-list .meta span:not(.date){display:none}
}
@media (max-width:640px){
  .sv-en{font-size:14px}
  .sv-tit{font-size:22px}
  .c-tit{font-size:22px}
  .c-lead{padding:24px;font-size:17px}
  .dept-tabs{grid-template-columns:repeat(3,1fr)}
  .dept-tabs button{height:46px;font-size:14px}
  .dept-intro{flex-direction:column;align-items:flex-start;padding:26px}
  .doctor{padding:26px 20px}
  .doctor .photo{width:160px;height:190px}
  .doctor .tbl{min-width:0;font-size:13px}
  .doctor .tbl th,.doctor .tbl td{padding:8px 2px}
  .doctor dl{grid-template-columns:70px 1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .cal-head h4{min-width:0;font-size:24px}
  .cal-today{display:none}
  .cal-big thead th{height:42px;font-size:14px}
  .cal-big td{height:64px}
  .cal-big .dnum{font-size:14px}
  .cal-big .hname{display:none}
  .map{height:320px}
  .addr-bar .btns{margin-left:0}
  .route li+li::before{width:16px}
  .route li span{height:40px;padding:0 14px;font-size:14px}
  .bo-top{flex-direction:column;align-items:stretch}
  .bo-search select{flex:none;width:92px;padding:0 8px}
  .bo-search input{flex:1;width:0;min-width:0}
  .bo-search button{flex:none;padding:0 16px}
  .bo-list li{flex-wrap:wrap;gap:4px 12px;padding:16px 8px}
  .bo-list .no{display:none}
  .bo-list .subj{flex-basis:100%}
}
@media print{
  #header,.family,#footer,.sub-visual,.location,.lnb,.btn-top,.page-util{display:none!important}
  .sub-body{padding:0}
}

/* ---------- 3차 메뉴 (2026-10-19) ---------- */
/* 왼쪽 메뉴 : 3차 메뉴가 있는 항목은 +, 지금 위치(펼침)는 − 로 표시 */
/* 3차 메뉴가 있는 항목은 버튼 : 눌러서 펼치기/접기 (한 번에 하나만 펼침) */
.lnb-list>li>.lnb-tg{position:relative;display:block;width:100%;padding:15px 44px 15px 24px;border:0;background:none;font:inherit;font-size:16px;text-align:left;color:var(--txt2);cursor:pointer;transition:.2s}
.lnb-list>li>.lnb-tg:hover{color:var(--blue);background:var(--bg)}
.lnb-list>li.on>.lnb-tg{background:var(--navy);color:#fff;font-weight:600}
.lnb-tg::before,.lnb-tg::after{content:'';position:absolute;top:50%;background:var(--txt3);transition:transform .2s}
.lnb-tg::after{right:24px;width:12px;height:2px;margin-top:-1px}
.lnb-tg::before{right:29px;width:2px;height:12px;margin-top:-6px}
.lnb-list>li.open>.lnb-tg::before{transform:scaleY(0)}
.lnb-list>li.on>.lnb-tg::before,.lnb-list>li.on>.lnb-tg::after{background:#fff}
.lnb-list>li.has-sub:not(.open)>.lnb-sub{display:none}
/* 왼쪽 메뉴가 화면보다 길면 따라다니지 않게 (아래쪽 메뉴가 가려지지 않도록) */
.lnb.no-sticky{position:static}
.lnb-sub{padding:8px 18px 12px;background:#f2f6fc}
.lnb-sub li+li{border-top:1px dashed #cdd5e1}
.lnb-sub a{position:relative;display:block;padding:11px 8px 11px 18px;font-size:15px;line-height:1.45;color:var(--txt2)}
.lnb-sub a::before{content:'';position:absolute;left:6px;top:20px;width:4px;height:4px;border-radius:50%;background:currentColor}
.lnb-sub a:hover{color:var(--blue)}
.lnb-sub li.on a{color:var(--blue);font-weight:700}

/* 본문 위 큰 탭 : 3차 메뉴를 크게 (+ 상자, 지금 위치는 진한 파랑) */
.tab3{margin:-20px 0 50px}
.tab3 ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tab3.n3 ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.tab3 a{display:flex;align-items:center;justify-content:space-between;gap:14px;height:100%;min-height:62px;padding:12px 18px 12px 22px;border:1px solid #b9c2cf;border-radius:8px;background:#fff;font-size:17px;font-weight:700;line-height:1.35;color:var(--txt);transition:.2s}
.tab3 a:hover{border-color:var(--blue);color:var(--blue)}
.tab3 i{position:relative;flex:none;width:22px;height:22px;border:1px solid #b9c2cf;border-radius:3px}
.tab3 i::before,.tab3 i::after{content:'';position:absolute;left:50%;top:50%;background:var(--blue);transform:translate(-50%,-50%)}
.tab3 i::before{width:10px;height:2px}
.tab3 i::after{width:2px;height:10px}
.tab3 li.on a{border-color:var(--blue-dk);background:var(--blue-dk);color:#fff}
.tab3 li.on i{border:0}
.tab3 li.on i::before{width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;background:none;transform:translate(-50%,-75%) rotate(45deg)}
.tab3 li.on i::after{display:none}
/* 본문 안에 원래 있던 작은 탭은 숨긴다 (같은 메뉴가 위에 큰 탭으로 나오므로)
   .tab_menu 상자 자체는 숨기지 않는다 : 비급여수가안내처럼 표 이미지가 이 상자 안에 들어 있는 페이지가 있다 */
.has-tab3 #ctt_con .tab_menu>ul,.has-tab3 #ctt_con .gjc-tabs{display:none!important}
.has-tab3 #ctt_con .tab_menu{margin-bottom:0!important;padding-bottom:0!important}
@media (max-width:1024px){
  .tab3{margin:-14px 0 34px}
  .tab3.n3 ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .tab3 ul,.tab3.n3 ul{gap:6px}
  .tab3 a{min-height:52px;padding:10px 12px 10px 14px;font-size:15px}
  .tab3 i{width:18px;height:18px}
}