@charset "euc-kr";
/* =====================================================================
   엔플러스병원 2026 리뉴얼 - 서브페이지 내용(DB 저장 html) 전용 스타일
   - 기존 sub.css / animation.css 를 대체 (예전 규칙 미사용, 전부 새로 작성)
   - 범위 : .nh-main .common  (renew.css 의 색상 변수 사용)
   ===================================================================== */
.nh-main{--c-max:1280px; --c-pad:24px; --c-gap:20px; --c-radius:16px; --c-radius-s:12px;}

/* ---------- 기본 ---------- */
.nh-main .common{max-width:var(--c-max); margin:0 auto; padding:0 var(--c-pad) 120px; color:var(--nh-text); font-size:16px; line-height:1.75; word-break:keep-all;}
.nh-main .common *{box-sizing:border-box;}
.nh-main .common img{max-width:100%; height:auto; vertical-align:middle;}
.nh-main .common ul,.nh-main .common ol{list-style:none; margin:0; padding:0;}
.nh-main .common p{margin:0;}
.nh-main .common b,.nh-main .common strong{font-weight:700;}
.nh-main .common i{font-style:normal;}
.nh-main .common a{color:inherit; text-decoration:none;}
.nh-main .common .clear::after{content:""; display:block; clear:both;}
.nh-main .common .c1{color:#6b9a00!important;}
.nh-main .common .c2{color:#0096ad!important;}
.nh-main .common .under2{background:linear-gradient(transparent 60%,rgba(170,205,6,.35) 60%); padding:0 2px;}
.nh-main .common .underline{background-image:linear-gradient(currentColor,currentColor); background-size:0 1px; background-position:0 100%; background-repeat:no-repeat; transition:background-size .25s;}
.nh-main .common a.underline:hover{background-size:100% 1px;}
.nh-main .common .left{text-align:left!important;}

/* ---------- 페이지 제목 배너 ---------- */
.nh-main .common .head_top,.nh-main .common .clinic_top{position:relative; margin:0 0 56px; padding:72px 0 28px; text-align:left; background:none; color:var(--nh-text); border-bottom:1px solid var(--nh-line);}
.nh-main .common .head_top::before,.nh-main .common .clinic_top::before{content:"N PLUS HOSPITAL"; display:block; margin-bottom:14px; font-size:12.5px; font-weight:800; line-height:1; letter-spacing:3px; color:var(--nh-main);}
.nh-main .common .head_top::after,.nh-main .common .clinic_top::after{content:""; position:absolute; left:0; bottom:-1px; width:64px; height:2px; background:var(--nh-grad);}
.nh-main .common .head_top > p:first-child{font-size:clamp(32px,4vw,52px); line-height:1.2; font-weight:800; letter-spacing:-1.5px;}
.nh-main .common .head_top > p + p{margin-top:12px; font-size:17px; font-weight:500; color:var(--nh-text2);}
.nh-main .common .head_top > p span{color:inherit!important;}
.nh-main .common .clinic_top > p{max-width:860px; margin:0; font-size:clamp(17px,1.7vw,21px); line-height:1.7; font-weight:600;}
.nh-main .common .clinic_top > p span{display:block;}

/* ---------- 섹션 구조 ---------- */
.nh-main .common .contents{width:100%;}
.nh-main .common .section{margin:0 0 96px; position:relative;}
.nh-main .common .section:last-child{margin-bottom:0;}
.nh-main .common .section > .title{display:block; margin:0 0 36px; padding:2px 0 2px 20px; position:relative; font-size:clamp(24px,2.5vw,32px); line-height:1.35; font-weight:800; letter-spacing:-.8px; color:var(--nh-text);}
.nh-main .common .section > .title::before{content:""; position:absolute; left:0; top:6px; bottom:6px; width:5px; border-radius:3px; background:var(--nh-grad);}
.nh-main .common .section > .title span{display:inline-block; font:inherit; color:inherit;}
.nh-main .common .section > .title br{display:none;}
.nh-main .common .section > .title i{display:block; margin-top:8px; font-size:13px; font-weight:700; line-height:1.4; letter-spacing:2px; color:var(--nh-text3); text-transform:uppercase;}
.nh-main .common .content{width:100%;}
.nh-main .common .cont01{margin:0 0 64px;}
.nh-main .common .cont01:last-child{margin-bottom:0;}
.nh-main .common .cont02{margin:0 0 40px;}
.nh-main .common .cont02:last-child{margin-bottom:0;}

/* ---------- 소제목 / 본문 ---------- */
.nh-main .common h1{display:flex; align-items:center; gap:10px; margin:0 0 20px; padding:0; font-size:22px; line-height:1.4; font-weight:800; letter-spacing:-.4px; color:var(--nh-text);}
.nh-main .common h1::before{content:""; flex:0 0 auto; width:10px; height:10px; border-radius:50%; background:var(--nh-lime); box-shadow:0 0 0 4px var(--nh-lime-l);}
.nh-main .common h2{margin:0 0 14px; font-size:19px; font-weight:800; line-height:1.45; color:var(--nh-text);}
.nh-main .common .p01{font-size:16.5px; line-height:1.85; color:var(--nh-text2);}
.nh-main .common .p02{font-size:16px; line-height:1.8; color:var(--nh-text2); background:var(--nh-bg); padding:20px 24px; border-radius:var(--c-radius-s); border-left:4px solid var(--nh-lime);}
.nh-main .common .p02 b{color:var(--nh-text);}

/* ---------- 상단 탭 (s_menu) / 안쪽 탭 (inner_menu) ---------- */
.nh-main .common .s_menu_box{margin:0 0 56px;}
.nh-main .common .s_menu{display:flex; flex-wrap:wrap; justify-content:center; gap:8px;}
.nh-main .common .s_menu li > a{display:inline-flex; align-items:center; height:48px; padding:0 24px; border-radius:30px; border:1px solid var(--nh-line); background:#fff; font-size:16px; font-weight:700; color:var(--nh-text2); transition:.2s; background-image:none;}
.nh-main .common .s_menu li > a:hover{border-color:var(--nh-main); color:var(--nh-main);}
.nh-main .common .s_menu li.on > a{background:var(--nh-main); border-color:var(--nh-main); color:#fff; box-shadow:0 8px 18px rgba(0,153,176,.25);}
.nh-main .common .s_page > li,.nh-main .common .inner_page > li{display:none;}
.nh-main .common .s_page > li.on,.nh-main .common .inner_page > li.on{display:block;}
.nh-main .common .inner_menu_box{margin-top:40px;}
.nh-main .common .inner_menu{display:flex; flex-wrap:wrap; gap:4px; padding:6px; margin:0 0 28px; border-radius:16px; background:var(--nh-bg);}
.nh-main .common .inner_menu li{flex:1 1 0; min-width:140px;}
.nh-main .common .inner_menu li > a{display:flex; align-items:center; justify-content:center; height:50px; padding:0 12px; border-radius:12px; font-size:16px; font-weight:700; color:var(--nh-text2); text-align:center; background-image:none; transition:.2s;}
.nh-main .common .inner_menu li > a:hover{color:var(--nh-main);}
.nh-main .common .inner_menu li.on > a{background:#fff; color:var(--nh-main); box-shadow:0 4px 14px rgba(10,60,60,.1);}

/* ---------- 목록 01 : 체크 리스트 ---------- */
.nh-main .common .list01{display:grid; gap:10px;}
.nh-main .common .list01 > li{position:relative; padding:16px 20px 16px 52px; border:1px solid var(--nh-line); border-radius:var(--c-radius-s); background:#fff; font-size:16px; line-height:1.7; color:var(--nh-text2);}
.nh-main .common .list01 > li::before{content:""; position:absolute; left:18px; top:18px; width:22px; height:22px; border-radius:50%; background:var(--nh-lime-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fba00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") no-repeat center/13px;}
.nh-main .common .list01 > li b{color:var(--nh-text);}

/* ---------- 목록 02 : 번호 단계 ---------- */
.nh-main .common .list02{display:grid; grid-template-columns:repeat(2,1fr); gap:12px;}
.nh-main .common .list02 > li{display:flex; align-items:flex-start; gap:16px; padding:20px 22px; border-radius:var(--c-radius); background:#fff; border:1px solid var(--nh-line); font-size:16.5px; line-height:1.6; color:var(--nh-text);}
.nh-main .common .list02 > li > span{flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:12px; background:var(--nh-grad); color:#fff; font-size:16px; font-weight:800; letter-spacing:.5px;}
.nh-main .common .list02 > li.third{grid-column:auto;}
.nh-main .common .list02:has(> li.third){grid-template-columns:repeat(3,1fr);}

/* ---------- 목록 03 : 체크박스 그리드 ---------- */
.nh-main .common .list03{display:grid; grid-template-columns:repeat(2,1fr); gap:12px; padding:20px; border-radius:var(--c-radius); background:var(--nh-bg);}
.nh-main .common .list03 > li{position:relative; padding:18px 20px 18px 56px; border-radius:var(--c-radius-s); background:#fff; font-size:16px; line-height:1.65; color:var(--nh-text2);}
.nh-main .common .list03 > li::before{content:""; position:absolute; left:18px; top:17px; width:26px; height:26px; border-radius:8px; background:var(--nh-main) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") no-repeat center/15px;}

/* ---------- 목록 04 : 정보 카드 ---------- */
.nh-main .common .list04{display:grid; grid-template-columns:1fr; gap:var(--c-gap);}
.nh-main .common .list04:has(> li.half){grid-template-columns:repeat(2,1fr);}
.nh-main .common .list04:has(> li.third){grid-template-columns:repeat(3,1fr);}
.nh-main .common .list04 > li{display:flex; flex-direction:column; gap:12px; padding:26px 26px 24px; border-radius:var(--c-radius); background:#fff; border:1px solid var(--nh-line); box-shadow:0 6px 20px rgba(10,60,60,.05); transition:box-shadow .2s, transform .2s;}
.nh-main .common .list04 > li:hover{box-shadow:0 14px 32px rgba(10,60,60,.1); transform:translateY(-2px);}
.nh-main .common .list04 > li > p:first-child{font-size:19px; font-weight:800; line-height:1.45; color:var(--nh-text);}
.nh-main .common .list04 > li > p:first-child b{display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:28px; margin-right:10px; padding:0 8px; border-radius:8px; background:var(--nh-main-l); color:var(--nh-main)!important; font-size:14px; font-weight:800; letter-spacing:.3px; vertical-align:2px;}
.nh-main .common .list04 > li > p:not(:first-child){font-size:15.5px; line-height:1.75; color:var(--nh-text2);}
.nh-main .common .list04 > li > p:not(:first-child) b{display:inline; color:var(--nh-text); font-weight:700;}

.nh-main .common .list04 > li > br,.nh-main .m37 .txt > br,.nh-main .m37 .txt > p > br:only-child{display:none;}

/* ---------- 목록 05 : 단계 아이콘 카드 ---------- */
.nh-main .common .list05{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--c-gap); counter-reset:nhstep;}
.nh-main .common .list05:has(> li.third){grid-template-columns:repeat(3,1fr);}
.nh-main .common .list05 > li{position:relative; display:flex; flex-direction:column; align-items:center; gap:10px; padding:30px 20px 26px; border-radius:var(--c-radius); background:#fff; border:1px solid var(--nh-line); text-align:center; font-size:17px; line-height:1.5; font-weight:700; color:var(--nh-text); transition:box-shadow .2s, border-color .2s;}
.nh-main .common .list05 > li:hover{border-color:#b3e2ea; box-shadow:0 12px 28px rgba(10,60,60,.1);}
.nh-main .common .list05 > li > br{display:none;}
.nh-main .common .list05 > li > p:first-child{display:flex; align-items:center; justify-content:center; width:76px; height:76px; border-radius:22px; background:var(--nh-main-l);}
.nh-main .common .list05 > li > p:first-child img{max-width:44px; max-height:44px;}
.nh-main .common .list05 > li > p b{display:block; font-size:13px; font-weight:800; letter-spacing:1px; color:var(--nh-lime-d); margin-bottom:2px;}
.nh-main .common .list05 > li > b{display:flex; flex-direction:column; align-items:center; gap:8px; font-size:18px; font-weight:800; line-height:1.4; color:var(--nh-text);}
.nh-main .common .list05 > li > b > span{display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:14px; background:var(--nh-main-l); color:var(--nh-main)!important; font-size:15px; letter-spacing:.5px;}
.nh-main .common .list05 > li > p[style]{font-weight:500;}

/* ---------- 버튼형 링크 ---------- */
.nh-main .common .link01{display:inline-flex; align-items:center; gap:10px; height:52px; padding:0 22px 0 24px; margin:0 8px 10px 0; border-radius:14px; background:var(--nh-main); color:#fff!important; font-size:16px; font-weight:700; line-height:1; position:relative; overflow:hidden; transition:background .2s, transform .2s, box-shadow .2s; vertical-align:top;}
.nh-main .common .link01:hover{background:var(--nh-main-d); transform:translateY(-2px); box-shadow:0 10px 22px rgba(0,153,176,.25);}
.nh-main .common .link01 .bg{display:none;}
.nh-main .common .link01 span{display:inline-flex; align-items:center; gap:10px;}
.nh-main .common .link01 img{width:18px; height:auto; margin:0; filter:brightness(0) invert(1); transition:transform .2s;}
.nh-main .common .link01:hover img{transform:translateX(3px);}
.nh-main .common .link02{display:inline-flex; align-items:center; gap:6px; margin-top:auto; font-size:15px; font-weight:700; color:var(--nh-main)!important;}
.nh-main .common .link02 img{width:14px; height:auto;}
.nh-main .common .link02:hover img{transform:translateX(3px); transition:transform .2s;}
.nh-main .common .posi01{display:flex; flex-wrap:wrap; gap:8px 12px; padding:18px 20px; border-radius:var(--c-radius-s); background:var(--nh-bg);}
.nh-main .common .posi01 > div{display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:30px; background:#fff; font-size:15px;}
.nh-main .common .posi01:has(.link01){padding:0; background:none; gap:10px;}
.nh-main .common .posi01 > div:has(> .link01){padding:0; background:none; border-radius:0;}
.nh-main .common .posi01 .link01{margin:0;}

/* ---------- 표 ---------- */
.nh-main .common .tb01,.nh-main .common .tb02{width:100%;}
.nh-main .common .tb01_innner,.nh-main .common .tb02_innner{width:100%; overflow-x:auto; border:1px solid var(--nh-line); border-top:3px solid var(--nh-main); border-radius:var(--c-radius-s); background:#fff; -webkit-overflow-scrolling:touch;}
.nh-main .common .tb01 table,.nh-main .common .tb02 table{width:100%; margin:0; border:0; border-collapse:collapse; border-spacing:0; text-align:center; color:var(--nh-text2);}
.nh-main .common .tb01 th,.nh-main .common .tb01 td,.nh-main .common .tb02 th,.nh-main .common .tb02 td{border:0; border-right:1px solid var(--nh-line); border-bottom:1px solid var(--nh-line); vertical-align:middle; word-break:keep-all;}
.nh-main .common .tb01 tr > :last-child,.nh-main .common .tb02 tr > :last-child{border-right:0;}
.nh-main .common .tb01 tbody tr:last-child > *,.nh-main .common .tb02 tbody tr:last-child > *{border-bottom:0;}
.nh-main .common .tb01 thead th,.nh-main .common .tb01 thead td{padding:15px 12px; background:var(--nh-main); color:#fff; font-size:16px; font-weight:700; border-color:rgba(255,255,255,.18);}
.nh-main .common .tb01 tbody th,.nh-main .common .tb02 tbody th{padding:15px 12px; background:#f6fbfc; color:var(--nh-text); font-size:15.5px; font-weight:700; line-height:1.55;}
.nh-main .common .tb01 tbody td{padding:14px 14px; font-size:15px; line-height:1.65;}
.nh-main .common .tb02 tbody td{padding:15px 12px; font-size:16px; line-height:1.55;}
.nh-main .common .tb01 td a,.nh-main .common .tb02 td a{color:#0096ad; text-decoration:underline; text-underline-offset:3px;}
.nh-main .common .tb01 ol,.nh-main .common .tb02 ol{counter-reset:nhol; text-align:left; display:grid; gap:4px;}
.nh-main .common .tb01 ol > li,.nh-main .common .tb02 ol > li{counter-increment:nhol; position:relative; padding-left:30px;}
.nh-main .common .tb01 ol > li::before,.nh-main .common .tb02 ol > li::before{content:counter(nhol,decimal-leading-zero); position:absolute; left:0; top:0; font-weight:800; color:var(--nh-main);}

/* ---------- 이미지 ---------- */
.nh-main .common .img_box{margin-top:16px; border-radius:var(--c-radius); overflow:hidden; border:1px solid var(--nh-line);}
.nh-main .common .img_box img{display:block; width:100%;}
.nh-main .common .img_scroll .img{border-radius:var(--c-radius); overflow:hidden;}

/* ---------- 인사말 (m06) ---------- */
.nh-main .m06 .list{display:grid; gap:72px; margin-bottom:80px;}
.nh-main .m06 .list > li{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
.nh-main .m06 .list > li:nth-child(2n) .img{order:2;}
.nh-main .m06 .list .img{border-radius:24px; overflow:hidden; box-shadow:0 20px 40px rgba(10,60,60,.12);}
.nh-main .m06 .list .img img{display:block; width:100%;}
.nh-main .m06 .list .txt p:first-child{position:relative; padding-top:22px; margin-bottom:16px; font-size:clamp(22px,2.4vw,30px); font-weight:800; line-height:1.35; letter-spacing:-.6px;}
.nh-main .m06 .list .txt p:first-child::before{content:""; position:absolute; left:0; top:0; width:44px; height:4px; border-radius:4px; background:var(--nh-grad);}
.nh-main .m06 .list .txt p + p{font-size:16.5px; line-height:1.9; color:var(--nh-text2);}
.nh-main .m06 .p1{max-width:860px; margin:0 auto; padding:44px 48px; border-radius:24px; background:var(--nh-bg); text-align:center; font-size:clamp(17px,1.6vw,20px); line-height:1.9; font-weight:600; color:var(--nh-text);}
.nh-main .m06 .p2{max-width:860px; margin:18px auto 0; text-align:right; font-size:16px; font-weight:700; color:var(--nh-main);}

/* ---------- 의료진 (m07) ---------- */
.nh-main .common .doctor{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:56px; align-items:start;}
.nh-main .common .doctor .img{position:relative; border-radius:24px; overflow:hidden; background:linear-gradient(160deg,#eef6f5,#f7faf0); box-shadow:0 24px 48px rgba(10,60,60,.12);}
.nh-main .common .doctor .img::after{content:""; position:absolute; left:0; right:0; bottom:0; height:6px; background:var(--nh-grad);}
.nh-main .common .doctor .img img{display:block; width:100%;}
.nh-main .common .doctor .txt{padding-top:12px;}
.nh-main .common .doctor .p1{display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 14px; padding-bottom:22px; margin-bottom:24px; border-bottom:1px solid var(--nh-line); font-size:clamp(32px,3.4vw,44px); font-weight:800; line-height:1.2; letter-spacing:-1px; color:var(--nh-text);}
.nh-main .common .doctor .p1 span{display:inline-flex; align-items:center; height:32px; padding:0 14px; border-radius:30px; background:var(--nh-main-l); color:var(--nh-main); font-size:15px; font-weight:700; letter-spacing:0;}
.nh-main .common .doctor .txt ul{display:grid; gap:10px; margin-bottom:32px;}
.nh-main .common .doctor .txt ul li{position:relative; padding-left:20px; font-size:16.5px; line-height:1.6; color:var(--nh-text2);}
.nh-main .common .doctor .txt ul li::before{content:""; position:absolute; left:2px; top:.7em; width:7px; height:7px; border-radius:50%; background:var(--nh-lime);}
.nh-main .common .doctor .p2{position:relative; padding:24px 28px; border-left:4px solid var(--nh-lime); border-radius:var(--c-radius); background:var(--nh-bg); font-size:clamp(18px,1.8vw,22px); font-weight:700; line-height:1.55; color:var(--nh-main-d)!important;}

/* ---------- 찾아오시는길 (m37) ---------- */
.nh-main .m37 .s_page > li.on > .section{display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:32px; align-items:stretch;}
.nh-main .m37 .map_wrapper{position:relative; min-height:460px; border-radius:20px; overflow:hidden; border:1px solid var(--nh-line);}
.nh-main .m37 .map_wrap{position:absolute; inset:0;}
.nh-main .m37 .txt{display:flex; flex-direction:column; justify-content:center; gap:6px; padding:36px 34px; border-radius:20px; background:var(--nh-bg);}
.nh-main .m37 .txt .p1{font-size:14px; font-weight:700; letter-spacing:.5px; color:var(--nh-text3);}
.nh-main .m37 .txt .p2{margin-bottom:22px; font-size:clamp(19px,1.8vw,24px); font-weight:800; line-height:1.4; color:var(--nh-text);}
.nh-main .m37 .txt .link_box{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:6px;}
.nh-main .m37 .txt .link_box a{display:flex; align-items:center; justify-content:center; height:50px; border-radius:12px; font-size:15px; font-weight:700; transition:.2s;}
.nh-main .m37 .txt .link_box a:nth-child(1){background:#fee500; color:#191600;}
.nh-main .m37 .txt .link_box a:nth-child(2){background:#03c75a; color:#fff;}
.nh-main .m37 .txt .link_box a:hover{filter:brightness(.95); transform:translateY(-2px);}
.nh-main .m37 .s_page > li:not(:first-child) .section{display:block;}
.nh-main .m37 .list04 > li{gap:16px; padding:26px 28px 0;}
.nh-main .m37 .list04 > li > p:not(:first-child){display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; font-size:0; line-height:1.5;}
.nh-main .m37 .list04 > li > p:not(:first-child) b{display:inline-flex; align-items:center; min-height:38px; padding:6px 14px; border-radius:10px; background:var(--nh-bg); font-size:15px; font-weight:600; color:var(--nh-text2);}
.nh-main .m37 .list04 > li > p:not(:first-child) b + b{position:relative; margin-left:14px; background:var(--nh-main-l); font-weight:700; color:var(--nh-main-d);}
.nh-main .m37 .list04 > li > p:not(:first-child) b + b::before{content:""; position:absolute; left:-24px; top:50%; width:14px; height:14px; margin-top:-7px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230099b0' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center/contain;}
.nh-main .m37 .list04 .link02{justify-content:space-between; margin:4px -28px 0; padding:16px 28px; border-top:1px solid var(--nh-line); border-radius:0 0 var(--c-radius) var(--c-radius); transition:background .2s;}
.nh-main .m37 .list04 .link02:hover{background:var(--nh-main-l);}

/* ---------- 사이트맵 (m36) ---------- */
.nh-main .m36 .list{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--c-gap);}
.nh-main .m36 .list > li{padding:28px 28px 24px; border-radius:var(--c-radius); border:1px solid var(--nh-line); background:#fff;}
.nh-main .m36 .list > li > p{margin-bottom:14px; padding-bottom:14px; border-bottom:2px solid var(--nh-lime-l); font-size:20px; font-weight:800; color:var(--nh-main);}
.nh-main .m36 .list > li > ul{display:grid; gap:8px;}
.nh-main .m36 .list > li > ul a{font-size:15.5px; color:var(--nh-text2);}
.nh-main .m36 .list > li > ul a:hover{color:var(--nh-main);}

/* ---------- 병원둘러보기 / 센터소개 카드 (modal.css 보정) ---------- */
.nh-main .common.modal_list .view{max-width:none; margin:0;}
.nh-main .common.modal_list .view > ul{display:grid; grid-template-columns:repeat(2,1fr); gap:28px;}
.nh-main .common.modal_list .view > ul::after{display:none;}
.nh-main .common.modal_list .view li{float:none; width:auto; margin:0; border-radius:20px; overflow:hidden; background:#fff; border:1px solid var(--nh-line); transition:box-shadow .2s, transform .2s;}
.nh-main .common.modal_list .view li:hover{box-shadow:0 18px 36px rgba(10,60,60,.12); transform:translateY(-3px);}
.nh-main .common.modal_list .view li .modal_a{display:block; height:auto; aspect-ratio:16/10; line-height:normal; border-radius:0; position:relative; overflow:hidden;}
.nh-main .common.modal_list .view li .modal_a::before{background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0) 55%); opacity:1;}
.nh-main .common.modal_list .view li .modal_a span{position:absolute; right:18px; bottom:16px; z-index:3; padding:6px 14px; border-radius:30px; background:rgba(255,255,255,.92); color:var(--nh-text); font-size:14px; font-weight:800;}
.nh-main .common.modal_list .view li .modal_a:hover span{color:var(--nh-main);}
.nh-main .common.modal_list .view li .txt{padding:18px 22px 20px; font-size:17px; font-weight:700; color:var(--nh-text);}

/* ---------- 태블릿 ---------- */
@media (max-width:1199px){
	.nh-main .common .list05{grid-template-columns:repeat(2,1fr);}
	.nh-main .common .list05:has(> li.third){grid-template-columns:repeat(3,1fr);}
	.nh-main .common .list04:has(> li.third){grid-template-columns:repeat(2,1fr);}
	.nh-main .common .doctor{gap:36px;}
	.nh-main .m06 .list > li{gap:36px;}
	.nh-main .m37 .s_page > li.on > .section{grid-template-columns:1fr;}
	.nh-main .m36 .list{grid-template-columns:repeat(2,1fr);}
}
/* ---------- 모바일 ---------- */
@media (max-width:767px){
	.nh-main{--c-pad:16px; --c-gap:12px;}
	.nh-main .common{padding-bottom:80px; font-size:15px;}
	.nh-main .common .head_top,.nh-main .common .clinic_top{padding:44px 0 20px; margin-bottom:36px;}
	.nh-main .common .section{margin-bottom:64px;}
	.nh-main .common .section > .title{margin-bottom:22px;}
	.nh-main .common .cont01{margin-bottom:44px;}
	.nh-main .common h1{font-size:19px;}
	.nh-main .common .p02{padding:16px 18px; font-size:15px;}
	.nh-main .common .s_menu_box{margin-bottom:32px;}
	.nh-main .common .s_menu li > a{height:42px; padding:0 16px; font-size:14.5px;}
	.nh-main .common .inner_menu li{min-width:0;}
	.nh-main .common .inner_menu li > a{height:44px; font-size:14px;}
	.nh-main .common .list02,.nh-main .common .list02:has(> li.third),.nh-main .common .list03,.nh-main .common .list04:has(> li.half),.nh-main .common .list04:has(> li.third){grid-template-columns:1fr;}
	.nh-main .common .list03{padding:12px;}
	.nh-main .common .list05,.nh-main .common .list05:has(> li.third){grid-template-columns:repeat(2,1fr);}
	.nh-main .common .list05 > li{padding:22px 12px 18px; font-size:15px;}
	.nh-main .common .list05 > li > p:first-child{width:60px; height:60px; border-radius:18px;}
	.nh-main .common .list05 > li > p:first-child img{max-width:34px; max-height:34px;}
	.nh-main .common .list04 > li{padding:20px;}
	.nh-main .common .link01{display:flex; width:100%; justify-content:space-between; margin-right:0;}
	.nh-main .common .tb01 table,.nh-main .common .tb02 table{min-width:560px;}
	.nh-main .common .tb01 tbody td,.nh-main .common .tb02 tbody td,.nh-main .common .tb01 tbody th,.nh-main .common .tb02 tbody th{padding:11px 8px; font-size:14px;}
	.nh-main .common .tb01 thead th{padding:12px 8px; font-size:14.5px;}
	.nh-main .common .tb01_innner::after,.nh-main .common .tb02_innner::after{content:none;}
	.nh-main .common .doctor{grid-template-columns:1fr; gap:28px;}
	.nh-main .common .doctor .p1{font-size:30px;}
	.nh-main .common .doctor .p2{padding:18px 20px; font-size:17px;}
	.nh-main .m06 .list{gap:48px; margin-bottom:56px;}
	.nh-main .m06 .list > li{grid-template-columns:1fr; gap:22px;}
	.nh-main .m06 .list > li:nth-child(2n) .img{order:0;}
	.nh-main .m06 .p1{padding:28px 22px;}
	.nh-main .m37 .map_wrapper{min-height:320px;}
	.nh-main .m37 .txt{padding:26px 22px;}
	.nh-main .m37 .list04 > li{padding:20px 20px 0;}
	.nh-main .m37 .list04 .link02{margin:0 -20px; padding:14px 20px;}
	.nh-main .m37 .list04 > li > p:not(:first-child) b{font-size:14px;}
	.nh-main .m36 .list{grid-template-columns:1fr;}
	.nh-main .common.modal_list .view > ul{grid-template-columns:1fr; gap:16px;}
}
