/* =========================
   Healthcare 기본 레이아웃
   ========================= */

.hc-v2-hero{
    display:grid;
    grid-template-columns:300px 1fr;
    border-radius:34px;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #0a32b1 0%,
        #155ed8 52%,
        #2d86ea 100%
    );
    box-shadow:0 30px 85px rgba(7,27,52,.18);
}

.hc-v2-intro{
    position:relative;
    overflow:hidden;
    padding:42px 34px 34px;
    color:#fff;
/*
    background:
        radial-gradient(circle at 92% 10%,
            rgba(255,255,255,.22),
            transparent 34%),
        radial-gradient(circle at 0% 100%,
            rgba(58,219,255,.24),
            transparent 42%),
        linear-gradient(
            145deg,
            #0a32b1 0%,
            #1454d6 48%,
            #2b7be8 100%
        ); */
    background:
        url("/images/logis_factory_healthcare_20260703.png");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;		
}

.hc-v2-intro h2{
    margin:10px 0 10px;
    font-size:39px;
    color:#fff;
    font-weight:900;
    line-height:1.35;
    letter-spacing:-.05em;
    text-shadow:0 10px 26px rgba(7,27,52,.15);
}

.hc-v2-intro > p{
    margin:0;
    font-size:16px;
    line-height:1.8;
    color:rgba(255,255,255,.9);
    font-weight:600;
}



.hc-v2-snow {
    position: relative;
    z-index: 1;
    color: #d9f5ff;
	margin: 26px 0 26px;
    font-size: 104px;
    line-height: 1;
    text-shadow: 0 10px 30px rgba(0, 67, 164, .18);
    filter: drop-shadow(0 10px 22px rgba(255, 255, 255, .18));
}

.hc-v2-record {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.0); /* rgba(255, 255, 255, .16) */
    border: 1px solid rgba(255, 255, 255, .28);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 14px 34px rgba(6, 49, 139, .16);
	padding: 17px 18px;
    border-radius: 17px;
}
.hc-v2-record span,.hc-v2-record strong,.hc-v2-record small{display:block}
.hc-v2-record span{font-size:12px;color:#d6e5f4;font-weight:800}
.hc-v2-record strong{
	margin:6px 0 4px;
	color:#10ccff; 
	font:900 28px/1.1 Inter,sans-serif; 
}
.hc-v2-record em{font-size:13px;font-style:normal;letter-spacing:.08em}
.hc-v2-record small{font-size:13px;color:#d5e1ed}

.hc-v2-record .record-value{
    display:inline-flex;
    align-items:baseline;
    gap:8px;
}
/* =========================
   오른쪽 운송역량 영역
   ========================= */

.hc-v2-capability{
    padding:34px;
    background:
        radial-gradient(circle at 100% 0%,
            rgba(113,209,255,.15),
            transparent 30%),
        linear-gradient(
            145deg,
            #0b3aa7 0%,
            #1053c9 54%,
            #1c70df 100%
        );
}

.hc-v2-title-row{
    /*display:flex;*/
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:20px;
}

.hc-v2-title-row>b {
    display: inline-flex;
    padding: 7px 10px;
    border-radius: 999px;
    color: #44ded5;
    background: rgba(23, 213, 203, .08);
    border: 1px solid rgba(23, 213, 203, .17);
    font-size: 10px;
    letter-spacing: .08em;
}

.hc-v2-title-row>div>span {
    color: #b9dcff;
}

.hc-v2-title-row h3{
    margin:3px 0 0;
    color:#fff;
    font-size:30px;
}

.hc-v2-card-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:13px;
}

.hc-v2-card{
    min-height:235px;
    padding:24px;
    border-radius:16px;
    background:#fff;
    border:1px solid rgba(255,255,255,.76);
    box-shadow:0 12px 28px rgba(4,37,108,.16);
}

.hc-v2-card h4{
    margin:0 0 10px;
    font-size:18px;
    line-height:1.45;
    font-weight:800;
    color:#0a2140;
}

.hc-v2-card p{
    margin:0;
    font-size:14px;
    line-height:1.8;
    font-weight:600;
    color:#61748a;
}

/* =========================
   ISO 영역
   ========================= */

.hc-v2-iso-section{
    margin-top:34px;
    padding:38px 40px 40px;
    border-radius:30px;
    background:linear-gradient(
        135deg,
        #f8fbff,
        #edf5ff
    );
    border:1px solid #dbe7f4;
    box-shadow:0 20px 55px rgba(7,27,52,.08);
}

.hc-v2-iso-head{
    display:flex;
    align-items:center;
    gap:28px;
    margin-bottom:30px;
}

.hc-v2-iso-head h2{
    margin:4px 0 3px;
    font-size:40px; /*50*/
    font-weight:900;
    line-height:1;
    color:#0a32b1;
}

.hc-v2-iso-head p{
    margin:0;
    font-size:22px;
    font-weight:700;
    color:#0b376f;
}

.hc-v2-iso-title{
    display:flex;
    align-items:center;
    gap:14px;

    margin:8px 0 10px;

    font-size:40px;
    font-weight:900;
    color:#fff;
}

.hc-v2-iso-mark{
    width:54px;
    height:54px;
    object-fit:contain;
    flex-shrink:0;
}


/* =========================
   품질관리 프로세스
   ========================= */

.hc-v2-process-box{
    padding:28px;
    border-radius:22px;
    background:#fff;
    border:1px solid #e2eaf4;
}

.hc-v2-process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.hc-v2-process-grid article{
    position:relative;
    min-height:175px;
    padding:22px;
    border-radius:15px;
    background:#f7fbff;
    border:1px solid #cfe0f2;
}

.hc-v2-process-grid h4{
    margin:20px 0 6px;
    font-size:17px;
    color:#102a4e;
}

.hc-v2-process-grid p{
    margin:0;
    font-size:14px;
    line-height:1.75;
    font-weight:600;
    color:#6c7f94;
}

/* =========================
   SOP
   ========================= */

.hc-v2-sop{
    margin-top:28px;
    padding-top:24px;
    border-top:1px solid #e2eaf4;
}

.hc-v2-sop-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:9px;
}

.hc-v2-sop-grid span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:58px;
    padding:12px;
    border-radius:12px;
    background:#f7fbff;
    border:1px solid #cfe0f2;
    color:#173d70;

    font-size:15px;
    line-height:1.5;
    font-weight:800;
    text-align:center;
}

/* =========================
   ISO 45001
   ========================= */

.hc-v2-safety-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
    border-top:1px solid #dbe7f4;
    padding-top:26px;
}

.hc-v2-safety-grid article{
    display:grid;
    grid-template-columns:46px 1fr;
    gap:13px;
    padding:10px 22px;
    border-right:1px solid #dbe7f4;
}

/* =========================
   하단 배너
   ========================= */

.hc-v2-bottom-banner{
    display:grid;
    grid-template-columns:74px 1fr auto;
    gap:22px;
    align-items:center;

    margin-top:28px;
    padding:24px 28px;
    border-radius:22px;

    color:#fff;
    background:linear-gradient(
        120deg,
        #073e91,
        #0a32b1 52%,
        #0764c8
    );
}

.hc-v2-banner-copy strong{
    display:block;
    font-size:24px;
}

.hc-v2-banner-copy span{
    display:block;
    font-size:14px;
    line-height:1.8;
}

.hc-v2-subhead span {
    color: #8ba0b7;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
}

.hc-v2-process-grid .num{display:block;color:#0877f2;font:900 24px/1 Inter,sans-serif}
.mini-icon{
  position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:10px;
  display:grid;place-items:center;border:1px solid #cfe0f2;background:#fff;
  color:#0a32b1;font-size:10px;font-weight:950;
}

.hc-v2-sop-grid span:before{content:"✓";margin-right:7px;color:#0877f2;font-weight:950}

.hc-v2-iso-safety{background:linear-gradient(135deg,#f8fbff,#eef5ff)}
.hc-v2-safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #dbe7f4;padding-top:26px}
.hc-v2-safety-grid article{
  display:grid;grid-template-columns:46px 1fr;gap:13px;padding:10px 22px;
  border-right:1px solid #dbe7f4;
}
.hc-v2-safety-grid article:first-child{padding-left:0}
.hc-v2-safety-grid article:last-child{border-right:0;padding-right:0}
.hc-v2-line-icon{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  border:1.5px solid #0a62cf;color:#0a62cf;font-size:20px;font-weight:900;background:#fff;
}
.hc-v2-safety-grid h4{margin:0 0 5px;color:#102a4e;font-size:14px}
.hc-v2-safety-grid p{margin:0;color:#6d7f94;font-size:13px;line-height:1.55;font-weight:650}


/* =========================
   태블릿
   ========================= */

@media(max-width:1050px){

    .hc-v2-hero{
        grid-template-columns:250px 1fr;
    }

    .hc-v2-card-grid{
        grid-template-columns:1fr 1fr;
    }

    .hc-v2-process-grid{
        grid-template-columns:1fr 1fr;
    }

    .hc-v2-sop-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .hc-v2-safety-grid{
        grid-template-columns:1fr 1fr;
    }
}

/* =========================
   모바일
   ========================= */

@media(max-width:760px){

    .hc-v2-hero{
        grid-template-columns:1fr;
    }

    .hc-v2-intro{
        padding:32px 24px;
    }

    .hc-v2-intro h2{
        font-size:34px;
    }

    .hc-v2-capability{
        padding:25px 18px;
    }

    .hc-v2-card-grid{
        grid-template-columns:1fr;
    }

    .hc-v2-card{
        min-height:auto;
    }

    .hc-v2-card h4{
        font-size:17px;
    }

    .hc-v2-card p{
        font-size:13px;
    }

	.hc-v2-card{
	  min-height:212px;padding:21px 20px;border-radius:16px;background:#fff;
	  border:1px solid rgba(255,255,255,.75);
	  box-shadow:0 10px 24px rgba(0,0,0,.13);transition:.22s;
	}
	.hc-v2-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(0,0,0,.18)}
	.hc-v2-card-icon{
	  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
	  color:#fff;background:linear-gradient(135deg,#0a32b1,#0c8ef0);
	  font-weight:950;font-size:17px;margin-bottom:16px;
	}
	.hc-v2-card-icon.shield{border-radius:11px;background:linear-gradient(135deg,#0a32b1,#0877f2)}
	.hc-v2-card h4{margin:0 0 10px;color:#0a2140;font-size:16px;line-height:1.35}
	.hc-v2-card p{margin:0;color:#61748a;font-size:13px;line-height:1.75;font-weight:650}

    .hc-v2-iso-section{
        padding:28px 22px;
    }

    .hc-v2-iso-head h2{
        font-size:33px;
    }

    .hc-v2-process-grid{
        grid-template-columns:1fr;
    }

    .hc-v2-process-grid p{
        font-size:13px;
    }

    .hc-v2-sop-grid{
        grid-template-columns:1fr 1fr;
    }

    .hc-v2-sop-grid span{
        font-size:14px;
    }

    .hc-v2-safety-grid{
        grid-template-columns:1fr;
    }
	.hc-v2-safety-grid article{padding-left:0}

    .hc-v2-bottom-banner{
        grid-template-columns:58px 1fr;
    }
}