/*
Theme Name: 보험청구 정보포털
Theme URI: https://blanding.kr
Author: 비랜딩 (blanding.kr)
Author URI: https://blanding.kr
Description: 보험사 전산, 연락처, 약관과 청구서 링크를 관리하는 원페이지 정보 포털 테마입니다.
Version: 1.5.0
Text Domain: insurance-claim-portal
*/
:root{--ink:#172044;--muted:#68708a;--line:#e5e8f2;--soft:#f5f6fb;--blue:#4255d4;--blue-dark:#26359f;--pink:#fff3f3;--white:#fff;--shadow:0 14px 40px rgba(31,42,102,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7fb;color:var(--ink);font-family:"Noto Sans KR",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}main{position:relative}.portal-shell{width:min(1440px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;padding:12px 18px;background:#111;color:#fff}.skip-link:focus{top:16px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(229,232,242,.9);backdrop-filter:blur(14px)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between}.site-brand a{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:-1.4px}.brand-symbol{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--blue);color:#fff;font-size:24px;line-height:1}.custom-logo{display:block;width:auto;max-height:46px}.header-nav{display:flex;gap:30px}.header-nav a{font-size:15px;font-weight:700;color:#4d5673}.header-nav a:hover{color:var(--blue)}
.hero{background:linear-gradient(120deg,#eef0ff 0%,#fff4f2 56%,#f4f7ff 100%);border-bottom:1px solid var(--line);overflow:hidden}.hero-inner{min-height:390px;display:flex;align-items:center;justify-content:space-between;gap:60px;padding-block:68px;position:relative}.hero-copy{max-width:760px;position:relative;z-index:1}.eyebrow{display:inline-flex;padding:7px 13px;border:1px solid #dce0fb;border-radius:999px;background:rgba(255,255,255,.76);color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.04em}.hero h1{max-width:720px;margin:18px 0 14px;font-size:clamp(38px,4.1vw,64px);line-height:1.16;letter-spacing:-3.4px}.hero p{margin:0;color:#5f6883;font-size:18px;letter-spacing:-.35px}.hero-links{display:flex;gap:10px;margin-top:30px}.hero-links a{padding:12px 18px;border-radius:12px;background:var(--white);border:1px solid #dfe3f2;font-size:14px;font-weight:700;box-shadow:0 5px 18px rgba(40,48,100,.05)}.hero-links a:first-child{background:var(--blue);border-color:var(--blue);color:#fff}.hero-mark{width:270px;aspect-ratio:1;flex:none;border-radius:70px;transform:rotate(-7deg);background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;gap:9px;color:#626c91}.hero-mark span{font-size:25px;font-weight:800}.hero-mark strong{font-size:58px;line-height:1;color:var(--blue)}
.settings-logo img{display:block;width:auto;max-width:260px;max-height:50px;object-fit:contain}.image-banner{margin-top:34px;border-radius:18px;overflow:hidden;background:#fff}.image-banner a,.image-banner img{display:block;width:100%}.image-banner img{height:auto;max-height:320px;object-fit:cover}.image-banner-bottom{margin-top:64px}
.banner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}.banner-grid-item{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(31,42,102,.06)}.banner-grid-item a,.banner-grid-item img{display:block;width:100%;height:100%}.banner-grid-item img{height:var(--banner-height,130px);object-fit:cover}.banner-grid-middle{margin-top:48px}.banner-grid-bottom{margin-top:64px}
.side-ad-rail{position:absolute;top:450px;z-index:16;display:grid;width:150px;gap:16px}.side-ad-left{left:max(18px,calc((100vw - 1440px)/2 - 172px))}.side-ad-right{right:max(18px,calc((100vw - 1440px)/2 - 172px))}.side-ad-block{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(31,42,102,.12)}.side-ad-block a,.side-ad-block img{display:block;width:100%}.side-ad-block img{height:auto;max-height:450px;object-fit:cover}
.portal-toolbar{position:sticky;top:94px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:38px;padding:13px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(30,40,90,.06);backdrop-filter:blur(12px)}.search-box{flex:1;display:flex;align-items:center;gap:10px;padding:0 14px}.search-box span{font-size:27px;color:#8990a7;transform:rotate(-18deg)}.search-box input{width:100%;height:44px;border:0;outline:0;background:transparent;color:var(--ink);font:inherit}.section-tabs{display:flex;gap:5px}.section-tabs a{padding:11px 16px;border-radius:11px;background:var(--soft);font-size:14px;font-weight:700}.section-tabs a:hover{background:#e9ebfa;color:var(--blue)}
.company-section{padding-block:76px 20px;scroll-margin-top:145px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.section-heading span{display:block;margin-bottom:5px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em}.section-heading h2{margin:0;font-size:34px;letter-spacing:-1.8px}.section-heading p{margin:0 0 5px;color:var(--muted);font-size:14px}.company-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.company-card{display:flex;min-width:0;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 7px 24px rgba(31,42,102,.045);transition:transform .2s,border-color .2s,box-shadow .2s}.company-card:hover{transform:translateY(-3px);border-color:#cfd4ec;box-shadow:var(--shadow)}.company-card[hidden]{display:none}.company-brand{height:98px;display:grid;place-items:center;padding:22px;background:linear-gradient(135deg,#fbfbfe,#f3f5fb);border-bottom:1px solid var(--line)}.company-brand img{display:block;max-width:150px;max-height:54px;width:auto;height:auto;object-fit:contain}.company-brand span{font-size:21px;font-weight:800;letter-spacing:-1px}.company-body{padding:20px 20px 15px;flex:1}.company-body h3{margin:0 0 14px;font-size:18px;letter-spacing:-.7px}.company-body dl{display:grid;gap:8px;margin:0}.company-body dl div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.company-body dt{color:#7a8298}.company-body dd{margin:0;color:#3b435d;font-weight:600;text-align:right;white-space:nowrap}.company-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 20px 20px}.button{display:flex;min-height:40px;align-items:center;justify-content:center;border:1px solid #dce0ec;border-radius:11px;background:#fff;color:#515a76;font-size:13px;font-weight:700}.button:hover{border-color:var(--blue);color:var(--blue)}.button-primary{grid-column:1/-1;background:var(--blue);border-color:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-dark);color:#fff}.ad-slot{margin-top:48px;min-height:110px;padding:16px;border:1px dashed #cfd4e4;border-radius:18px;background:#fff;text-align:center;overflow:hidden}.empty-state{padding:48px;border:1px dashed #ccd1e2;border-radius:18px;background:#fff;color:var(--muted);text-align:center}.search-empty{margin-top:40px}.site-footer{margin-top:90px;background:#1a2140;color:#fff}.footer-inner{min-height:180px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-inner strong{font-size:22px}.footer-inner p{margin:7px 0 0;color:#aeb5cf;font-size:13px}.footer-inner>p{margin:0;text-align:right}
@media(max-width:1180px){.company-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-mark{width:230px}}
@media(max-width:840px){.portal-shell{width:min(100% - 32px,720px)}.header-nav{display:none}.hero-inner{min-height:auto;padding-block:56px}.hero-mark{position:absolute;right:-90px;opacity:.35}.hero h1{font-size:43px;letter-spacing:-2.2px}.portal-toolbar{top:88px}.section-tabs{display:none}.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:start;flex-direction:column;gap:5px}.section-heading p{display:none}.footer-inner{align-items:flex-start;flex-direction:column;justify-content:center}.footer-inner>p{text-align:left}}
@media(max-width:560px){.portal-shell{width:calc(100% - 24px)}.header-inner{min-height:66px}.site-brand a{font-size:21px}.brand-symbol{width:28px;height:28px}.hero-inner{padding-block:44px}.hero h1{font-size:35px;letter-spacing:-1.9px}.hero p{font-size:15px}.hero-links{margin-top:24px}.hero-links a{padding:11px 13px}.hero-mark{display:none}.portal-toolbar{top:76px;margin-top:20px}.company-section{padding-top:54px;scroll-margin-top:128px}.section-heading h2{font-size:29px}.company-grid{grid-template-columns:1fr;gap:12px}.company-card{display:grid;grid-template-columns:100px 1fr}.company-brand{height:100%;min-height:164px;padding:14px;border-bottom:0;border-right:1px solid var(--line)}.company-brand span{font-size:15px;text-align:center}.company-brand img{max-width:78px;max-height:44px}.company-body{padding:17px 15px 10px}.company-body h3{font-size:16px}.company-body dl{gap:6px}.company-body dl div{font-size:12px}.company-actions{grid-column:1/-1;padding:10px 14px 14px}.site-footer{margin-top:60px}}

/* Narrow viewport containment */
.hero-copy,.company-body{min-width:0}.hero-copy{width:100%}.company-body dd{min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:560px){body{overflow-x:hidden}.hero h1,.hero p{max-width:100%;overflow-wrap:anywhere}.company-card{width:100%;min-width:0}.company-body dl div{min-width:0}.company-body dt{flex:0 0 auto}.company-body dd{flex:1}}
@media(max-width:560px){.hero-copy{flex:0 0 calc(100vw - 24px);max-width:calc(100vw - 24px)}.hero h1{font-size:30px;word-break:break-all;letter-spacing:-1.5px}.hero p{word-break:break-all}.company-card{display:flex;flex-direction:column}.company-brand{height:78px;min-height:78px;border-right:0;border-bottom:1px solid var(--line)}.company-brand span{font-size:18px}.company-body{padding:17px 18px 12px}.company-actions{padding:8px 18px 18px}}
@media(max-width:560px){.hero-inner{display:block}.hero-copy{width:auto;max-width:none}.hero h1,.hero p{width:auto;max-width:none;white-space:normal!important}.company-grid{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.company-card{max-width:100%}.company-body dl div{display:grid;grid-template-columns:minmax(0,1fr) auto}.company-body dd{max-width:160px}}
@media(max-width:560px){.settings-logo img{max-width:190px;max-height:42px}.image-banner{margin-top:20px;border-radius:12px}.image-banner img{max-height:220px}.image-banner-bottom{margin-top:42px}}
@media(max-width:680px){.banner-grid{grid-template-columns:1fr;gap:12px;margin-top:24px}.banner-grid-item{border-radius:12px}.banner-grid-middle,.banner-grid-bottom{margin-top:40px}}
@media(min-width:1280px) and (max-width:1799px){.portal-shell{width:calc(100% - 250px)}.side-ad-rail{top:430px;width:100px}.side-ad-left{left:14px}.side-ad-right{right:14px}.side-ad-block img{max-height:300px}}
@media(max-width:1279px){.side-ad-rail{display:none}}

/* Keep all company actions on one row, and retain two-column ads on mobile. */
.company-actions{display:flex;grid-template-columns:none}.company-actions .button{flex:1 1 0;min-width:0;padding-inline:6px;white-space:nowrap}.company-actions .button-primary{grid-column:auto}
@media(max-width:680px){.banner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.banner-grid-item{border-radius:9px}.company-actions .button{font-size:12px}}

/* Four editable destinations per organization, kept on a single row. */
.company-actions{gap:5px}.company-actions .button{min-height:38px;overflow:hidden;padding-inline:3px;font-size:11px;letter-spacing:-.35px;text-overflow:ellipsis}.company-actions .button-disabled{border-color:#e7e9f0;background:#f5f6f9;color:#a1a6b5;cursor:not-allowed}.company-actions .button-disabled:hover{border-color:#e7e9f0;color:#a1a6b5}.company-section[id="mutual"] .company-brand,.company-section[id="agency"] .company-brand{background:linear-gradient(135deg,#f7f4ff,#f0f3ff)}
@media(max-width:680px){.company-actions .button{font-size:11px}}
@media(max-width:680px){.banner-grid-item img{height:min(var(--banner-height,130px),22vw)}}