/* 메인 화면(page 2496): 히어로를 본문 폭 박스로, 섹션 제목 모양, 카드 위쪽 사다리꼴 띠. 그 밖의 모양은 건드리지 않는다 */

/* ---------- 히어로: 본문 폭 안의 둥근 박스 ---------- */
.page-id-2496 .elementor-2496 > .elementor-element-b797fcb{max-width:1400px;width:calc(100% - 40px)!important;left:auto!important;margin:36px auto 0!important;border-radius:22px;overflow:hidden;padding:18px 56px!important;box-sizing:border-box}
.page-id-2496 .elementor-element-b797fcb .elementor-element-c12e188 img{max-height:360px;width:auto}
.page-id-2496 .elementor-element-b797fcb .elementor-element-0dc3ed6{padding-top:0!important;padding-bottom:0!important}
/* "Zero Trust / Never Trust, Always Verify!" 왼쪽 세로선 */
.page-id-2496 .elementor-element-ffdd7f4 .ot-heading{border-left:2px solid rgba(255,255,255,.55);padding:2px 0 2px 18px}
.page-id-2496 .elementor-element-ffdd7f4 .ot-heading > span{display:block;color:#fff;font-size:24px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none;margin:0 0 4px}
.page-id-2496 .elementor-element-ffdd7f4 .ot-heading h2.main-heading{color:#fff;font-size:21px;font-weight:400;line-height:1.4;margin:0}
/* 인증 마크: 박스 안에 들어오도록 작게 */
.page-id-2496 .elementor-element-82ab3ed .e-con-inner{gap:14px!important;align-items:center}
.page-id-2496 .elementor-element-82ab3ed .e-con-inner > .elementor-widget{flex:1 1 auto!important;min-width:0}
.page-id-2496 .elementor-element-82ab3ed .e-con-inner > img.e-image-base{width:70px!important;max-width:70px!important;height:auto!important;flex:0 0 70px}
/* 히어로 바로 아래 섹션: 박스와의 간격 */
.page-id-2496 .elementor-element-e1d742a{padding-top:96px!important;padding-bottom:40px!important}
.page-id-2496 .elementor-element-c666099{padding-top:64px!important}

/* ---------- 섹션 제목: 한 줄, 굵게 32px, 아래 짧은 밑줄 ---------- */
.page-id-2496 .elementor-element-5d2b217 .ot-heading > span,
.page-id-2496 .elementor-element-221ffee .ot-heading > span,
.page-id-2496 .elementor-element-d274850 .ot-heading > span,
.page-id-2496 .elementor-element-4d2af2f .ot-heading > span,
.page-id-2496 .elementor-element-2ee7eed .ot-heading > span,
.page-id-2496 .elementor-element-a0d0a09 .ot-heading > span{display:none}
.page-id-2496 .elementor-element-5d2b217 h2.main-heading,
.page-id-2496 .elementor-element-221ffee h2.main-heading,
.page-id-2496 .elementor-element-d274850 h2.main-heading,
.page-id-2496 .elementor-element-4d2af2f h2.main-heading,
.page-id-2496 .elementor-element-2ee7eed h2.main-heading,
.page-id-2496 .elementor-element-a0d0a09 h2.main-heading{font-size:32px;line-height:1.35;font-weight:800;color:#333;margin:0;padding-bottom:20px;position:relative}
.page-id-2496 .elementor-element-5d2b217 h2.main-heading::after,
.page-id-2496 .elementor-element-221ffee h2.main-heading::after,
.page-id-2496 .elementor-element-d274850 h2.main-heading::after,
.page-id-2496 .elementor-element-4d2af2f h2.main-heading::after,
.page-id-2496 .elementor-element-2ee7eed h2.main-heading::after,
.page-id-2496 .elementor-element-a0d0a09 h2.main-heading::after{content:"";position:absolute;left:50%;bottom:0;width:100px;height:3px;margin-left:-50px;background:#1f3a67}
.page-id-2496 .elementor-element-5d2b217 h2.main-heading > span,
.page-id-2496 .elementor-element-221ffee h2.main-heading > span,
.page-id-2496 .elementor-element-d274850 h2.main-heading > span,
.page-id-2496 .elementor-element-4d2af2f h2.main-heading > span,
.page-id-2496 .elementor-element-2ee7eed h2.main-heading > span,
.page-id-2496 .elementor-element-a0d0a09 h2.main-heading > span{display:inline;font-weight:800}
.page-id-2496 .elementor-element-5d2b217 h2.main-heading br,
.page-id-2496 .elementor-element-221ffee h2.main-heading br,
.page-id-2496 .elementor-element-d274850 h2.main-heading br,
.page-id-2496 .elementor-element-4d2af2f h2.main-heading br,
.page-id-2496 .elementor-element-2ee7eed h2.main-heading br,
.page-id-2496 .elementor-element-a0d0a09 h2.main-heading br{display:none}
@media (min-width:1025px){
  .page-id-2496 .elementor-element-5d2b217 h2.main-heading,
  .page-id-2496 .elementor-element-221ffee h2.main-heading,
  .page-id-2496 .elementor-element-d274850 h2.main-heading,
  .page-id-2496 .elementor-element-4d2af2f h2.main-heading,
  .page-id-2496 .elementor-element-2ee7eed h2.main-heading,
  .page-id-2496 .elementor-element-a0d0a09 h2.main-heading{white-space:nowrap}
}

/* ---------- 남색 문구 띠: 카드와 같은 모서리, 앞부분 굵게 + 자물쇠와 같은 노란색 ---------- */
.page-id-2496 .elementor-element-d246904,
.page-id-2496 .elementor-element-eb10dec{border-radius:10px!important;overflow:hidden}
.page-id-2496 .secure-banner .highlight{color:#ffd43b!important;font-weight:800!important}

/* ---------- 인증 영역: 히어로와 같은 본문 폭 둥근 박스 + 좌우 여백 ---------- */
.page-id-2496 .elementor-2496 > .elementor-element-9c46f10{max-width:1200px;width:calc(100% - 40px)!important;left:auto!important;margin:0 auto!important;border-radius:22px;overflow:hidden;background-size:cover!important;background-position:center!important;padding:0 56px!important;box-sizing:border-box}
.page-id-2496 .elementor-2496 > .elementor-element-9c46f10 > .elementor-container{min-height:460px!important}

/* ---------- 카드: 모양은 그대로 두고 위쪽에 사다리꼴 띠만 ---------- */
.page-id-2496 .elementor-2496 .icon-box-s3,
.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child{position:relative;overflow:hidden}
.page-id-2496 .elementor-2496 .icon-box-s3::before,
.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child::before{content:"";position:absolute;top:0;left:50%;width:54%;height:9px;transform:translateX(-50%);background:#1f3a67;clip-path:polygon(0 0,100% 0,calc(100% - 13px) 100%,13px 100%)}
.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child:empty::before{display:none}
/* 2026-11-02: 필요성 카드 아이콘 원(circle)이 아래가 잘려 보임 → 아이콘 영역 overflow 풀어 원 전체 표시 + 위 여백 약간 축소 */
.page-id-2496 .elementor-element-e1d742a .icon-box-s3{padding-top:40px!important}
.page-id-2496 .elementor-element-e1d742a .icon-box-s3,
.page-id-2496 .elementor-element-e1d742a .icon-box-s3 .top-box,
.page-id-2496 .elementor-element-e1d742a .icon-box-s3 .icon-main{overflow:visible!important}

/* ---------- 도입 사례 카드: 둥근 테두리, 작은 회색 연도, 남색 굵은 제목, 설명 ---------- */
.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child{border:1px solid #d4d4d4;border-radius:16px!important;box-shadow:none!important;padding:44px 28px 30px!important;gap:6px!important;min-height:220px;justify-content:flex-start!important}
.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child:empty{border-color:transparent}
.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child > h2.e-heading-base{font-size:16px!important;font-weight:400!important;line-height:1.4!important;color:#6b6f76!important;margin:0 0 4px!important}
.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child .elementor-widget-container{margin:0!important;padding:0!important}
.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child .ot-heading > span{display:block;font-size:22px;font-weight:800;line-height:1.3;color:#1f3a67;letter-spacing:0;text-transform:none;margin:0 0 10px}
.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child .ot-heading h2.main-heading{font-size:16px;font-weight:400;line-height:1.65;color:#333;margin:0;padding:0}
.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child .ot-heading h2.main-heading::after{display:none}

@media (max-width:1024px){
  .page-id-2496 .elementor-2496 > .elementor-element-b797fcb,
  .page-id-2496 .elementor-2496 > .elementor-element-9c46f10{width:calc(100% - 24px)!important;border-radius:16px}
  .page-id-2496 .elementor-2496 > .elementor-element-b797fcb,
  .page-id-2496 .elementor-2496 > .elementor-element-9c46f10{padding-left:20px!important;padding-right:20px!important}
  .page-id-2496 .elementor-element-5d2b217 h2.main-heading,
  .page-id-2496 .elementor-element-221ffee h2.main-heading,
  .page-id-2496 .elementor-element-d274850 h2.main-heading,
  .page-id-2496 .elementor-element-4d2af2f h2.main-heading,
  .page-id-2496 .elementor-element-2ee7eed h2.main-heading,
  .page-id-2496 .elementor-element-a0d0a09 h2.main-heading{font-size:22px}
}

/* ---------- 2026-10-14: 히어로 그림 상하 가운데, 필요성 카드 제목 굵게 ---------- */
.page-id-2496 .elementor-element-b797fcb > .elementor-container{align-items:center!important}
.page-id-2496 .elementor-element-c12e188{align-self:center!important}
.page-id-2496 .elementor-element-c12e188 > .elementor-widget-wrap{align-content:center!important;align-items:center!important}
.page-id-2496 .elementor-element-a972201 .icon-box-s3 h5,
.page-id-2496 .elementor-element-a972201 .icon-box-s3 h5 span{font-weight:800!important}

/* ---------- 도입 사례 카드: 시안 크기에 맞춤 ---------- */
.page-id-2496 .elementor-element-d08dfbc,
.page-id-2496 .elementor-element-ecc38c4,
.page-id-2496 .elementor-element-1253d97{margin-bottom:22px!important}
.page-id-2496 .elementor-element-d08dfbc > .e-con-inner,
.page-id-2496 .elementor-element-ecc38c4 > .e-con-inner,
.page-id-2496 .elementor-element-1253d97 > .e-con-inner{gap:44px!important}
.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child{width:calc((100% - 132px) / 4)!important;max-width:none!important;flex:0 0 calc((100% - 132px) / 4)!important;min-height:186px;padding:40px 24px 26px!important}
.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child > h2.e-heading-base{font-size:14px!important;color:#777!important}
.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child .ot-heading > span{font-size:19px;margin-bottom:8px}
.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child .ot-heading h2.main-heading{font-size:15px;line-height:1.6}

/* ---------- 주요 기능 카드: 위쪽 사진 띠(아이콘 + 흰 제목 + 빨간 꼬리표), 아래 항목 ---------- */
.page-id-2496 .elementor-2496 .serv-box{padding:0!important;border:1px solid #d5d9df!important;overflow:hidden;height:100%;background:#fff}
.page-id-2496 .elementor-2496 .serv-box .content-box{padding:0!important}
.page-id-2496 .elementor-2496 .serv-box .content-box h5{display:block;height:176px;box-sizing:border-box;margin:0!important;padding:50px 20px 0 200px!important;color:#fff!important;font-size:24px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;background:#1f3a67 center/cover no-repeat}
.page-id-2496 .elementor-2496 .serv-box .content-box h5 span{display:inline-block;margin-top:14px!important;margin-right:6px!important;background:#c4122f!important;font-size:14px!important;font-weight:600!important;padding:5px 14px!important;line-height:1.4}
.page-id-2496 .elementor-2496 .serv-box .icon-main{position:absolute!important;top:34px!important;left:44px!important;right:auto!important;width:120px!important;height:110px!important;background:none!important;border-radius:0!important;display:flex!important;align-items:center;justify-content:center;transform:none!important;z-index:1}
.page-id-2496 .elementor-2496 .serv-box .icon-main img{position:static!important;width:110px!important;max-width:110px!important;height:auto!important;transform:none!important;margin:0!important}
.page-id-2496 .elementor-2496 .serv-box .content-box > div{padding:26px 34px 28px}
.page-id-2496 .elementor-element-676f5f5 .serv-box .content-box h5{background-image:url("/wp-content/uploads/qw/feature-1.png")!important}
.page-id-2496 .elementor-element-6f91e96 .serv-box .content-box h5{background-image:url("/wp-content/uploads/qw/feature-2.png")!important}
.page-id-2496 .elementor-element-c004142 .serv-box .content-box h5{background-image:url("/wp-content/uploads/qw/feature-3.png")!important}
.page-id-2496 .elementor-element-7ee593b .serv-box .content-box h5{background-image:url("/wp-content/uploads/qw/feature-4.png")!important}
.page-id-2496 .elementor-element-4c89c18 .serv-box .content-box h5{background-image:url("/wp-content/uploads/qw/feature-5.png")!important}
.page-id-2496 .elementor-element-0d9408b .serv-box .content-box h5{background-image:url("/wp-content/uploads/qw/feature-6.png")!important}
@media (max-width:1024px){
  .page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child{width:100%!important;flex:1 1 100%!important}
  .page-id-2496 .elementor-element-d08dfbc > .e-con-inner,.page-id-2496 .elementor-element-ecc38c4 > .e-con-inner,.page-id-2496 .elementor-element-1253d97 > .e-con-inner{gap:16px!important}
  .page-id-2496 .elementor-2496 .serv-box .content-box h5{padding:30px 16px 0 124px!important;height:150px;font-size:19px!important;white-space:normal}
  .page-id-2496 .elementor-2496 .serv-box .icon-main{left:18px!important;top:30px!important;width:90px!important;height:80px!important}
  .page-id-2496 .elementor-2496 .serv-box .icon-main img{width:80px!important;max-width:80px!important}
  .page-id-2496 .elementor-2496 .serv-box .content-box > div{padding:20px 20px 22px}
}

/* ---------- 핵심 기법 카드 설명: 줄 시작점을 왼쪽으로 맞추고, 글 덩어리는 카드 가운데 ---------- */
.page-id-2496 .elementor-element-4bef5ed .icon-box-s3 p{display:inline-block;text-align:left!important;max-width:100%}

/* ---------- 주요 기능 카드 모서리 ---------- */
.page-id-2496 .elementor-2496 .serv-box{border-radius:14px!important}

/* ---------- 도입 사례: 비어 있는 칸 제거 ---------- */
.page-id-2496 .elementor-element-ecc5d70,.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child:empty{display:none!important}

/* ---------- 주요 기능 빨간 꼬리표 모서리 ---------- */
.page-id-2496 .elementor-2496 .serv-box .content-box h5 span{border-radius:5px!important}
/* ---------- 핵심 기법 설명: 둘째 줄이 윗줄 글자 시작점에 맞도록(점 뒤 들여쓰기). 줄 묶음은 qw-home-layout.php 스크립트가 만든다 ---------- */
.page-id-2496 .elementor-element-4bef5ed .icon-box-s3 p .qw-bl{display:block;padding-left:.95em;text-indent:-.95em}
.page-id-2496 .elementor-element-4bef5ed .icon-box-s3 p .qw-bl + .qw-bl{margin-top:2px}

/* ---------- 2026-10-16: 필요성·핵심 기법 카드 문단 줄 간격 줄임 ---------- */
.page-id-2496 .elementor-element-e1d742a .icon-box-s3 p,
.page-id-2496 .elementor-element-c666099 .icon-box-s3 p{line-height:1.5!important}

/* ---------- 2026-10-23: 메인 UI 수정 ---------- */
/* [1] 히어로 "Zero Trust를 지원하는 차세대 VPN(SDP) 솔루션" 23px */
.page-id-2496 .elementor-element-59c7cb8 .elementor-heading-title{font-size:23px!important}
/* [4] 주요 기능 카드 이미지 밴드 hover 동적효과(살짝 확대+밝게). serv-box가 overflow:hidden이라 띠만 줌 */
.page-id-2496 .elementor-2496 .serv-box .content-box h5{transition:transform .4s ease,filter .35s ease;transform-origin:center}
.page-id-2496 .elementor-2496 .serv-box:hover .content-box h5{transform:scale(1.04);filter:brightness(1.07)}
/* [3] 도입사례 RPKI 카드로 채운 마지막 칸은 다시 보이게(ID로 숨김 해제) → 4x3 유지 */
.page-id-2496 .elementor-element-a9037ec .e-con .e-con.e-child.qw-rpki{display:flex!important;border-color:#d4d4d4!important}