@charset "UTF-8";
/* 실제 사진 합성 광고와 브랜드별 현장 편집. 사진 자체의 비율은 보존한다. */
.field-campaign{margin:22px 0 0}.field-campaign>.wrap{max-width:1400px;width:calc(100% - 48px)}.field-banner{display:block;line-height:0;border-radius:6px;overflow:hidden}.field-banner img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}.field-heading{padding:15px 0 22px;max-width:900px}.field-heading h1{font-size:clamp(28px,3vw,42px);line-height:1.4;margin:10px 0}.field-heading h1 span{display:block}.field-intro{font-size:15px;line-height:1.9;max-width:750px}
.field-campaign-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #8883}.field-campaign-actions>div{display:flex;gap:25px;font-size:14px;font-weight:650}.field-campaign-actions .visual-call{--hero-accent:var(--accent,#263944);padding:10px 18px;border-radius:6px;gap:12px;min-height:0;box-shadow:none}.field-campaign-actions .visual-call strong{font-size:23px}.field-campaign-actions .visual-call>span:last-child{display:block;margin:0;font-size:inherit}.field-campaign-actions .visual-call small{font-size:10px}.field-campaign-airpro .visual-call{background:#102e3a}.field-campaign-hrdkoreaa .visual-call{background:#713127}.field-campaign-electricpro .visual-call{background:#082344;border-radius:40px}
@media(min-width:701px){.field-heading.is-home{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
.field-story{margin-top:70px;padding-top:45px;border-top:1px solid #8884}.story-heading{max-width:820px;margin-bottom:32px}.story-heading h2{font-size:clamp(28px,3vw,39px);letter-spacing:-.055em;line-height:1.4;margin:12px 0}.story-heading>p:last-child{font-size:15px;line-height:1.9;color:#626862}.story-features{display:grid;gap:24px}.story-feature{min-width:0;overflow:hidden}.story-photo{display:block;background:#e9e8e2;overflow:hidden}.story-photo img{display:block;width:100%;height:100%;object-fit:contain}.story-copy{padding:25px}.story-copy h3{font-size:23px;line-height:1.45;letter-spacing:-.04em;margin:7px 0 14px}.story-copy p{font-size:14px;line-height:1.85;color:#626862;margin:0 0 18px}.story-copy>a{font-size:12px;text-underline-offset:5px}.story-number{font-size:12px;font-weight:750;letter-spacing:.1em;color:var(--accent,#555)}
/* 긴급전기: 한 장의 큰 작업 사진과 두 개의 가로 설명 카드 */
.story-apt911 .story-features{grid-template-columns:1.08fr 1fr;grid-template-rows:1fr 1fr}.story-apt911 .story-feature-1{grid-row:1/3;background:#161e23;color:white}.story-apt911 .story-feature-1 .story-photo{height:480px;background:#161e23}.story-apt911 .story-feature-1 .story-copy p{color:#cbd0d2}.story-apt911 .story-feature-1 .story-number{color:#fb7955}.story-apt911 .story-feature:not(:first-child){display:grid;grid-template-columns:44% 56%;border:1px solid #ddd}.story-apt911 .story-feature:not(:first-child) .story-photo{min-height:280px}.story-apt911 .story-feature:not(:first-child) h3{font-size:21px}
/* 차단기: 열화상과 계측 장비를 구분하는 기술 설명 패널 */
.story-icemaster .story-features{grid-template-columns:1.25fr 1fr 1fr;gap:0;border:1px solid #b8cce5;background:white}.story-icemaster .story-feature{border-right:1px solid #b8cce5}.story-icemaster .story-feature:last-child{border:0}.story-icemaster .story-photo{height:380px;background:#eaf1fa;padding:12px}.story-icemaster .story-feature-1 .story-photo{background:#0b2852}.story-icemaster .story-copy{border-top:5px solid #24569e}.story-icemaster .story-copy h3{font-size:22px}.story-icemaster .story-number{color:#1956b4}
/* 우리동네: 큰 사진 옆 작은 장비 카드, 아래 가로 사진 이야기 */
.story-electricpro .story-features{grid-template-columns:1.4fr 1fr;align-items:start;gap:28px}.story-electricpro .story-feature{background:#fff;border-radius:24px}.story-electricpro .story-feature-1 .story-photo{height:420px;background:#f4eacb}.story-electricpro .story-feature-2{margin-top:75px;background:#f9e8ad}.story-electricpro .story-feature-2 .story-photo{height:300px;background:#f9e8ad}.story-electricpro .story-feature-3{grid-column:1/-1;display:grid;grid-template-columns:45% 55%;align-items:center}.story-electricpro .story-feature-3 .story-photo{height:320px}.story-electricpro .story-number{background:#ffda6d;color:#27313b;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}
/* 전기공사: 넓은 전경과 아래의 세부 자료 */
.story-airpro .story-features{grid-template-columns:1fr 1fr;gap:0;background:#102b35;color:#fff}.story-airpro .story-feature-1{grid-column:1/-1;display:grid;grid-template-columns:68% 32%;border-bottom:1px solid #a1b1b733;align-items:center}.story-airpro .story-feature-1 .story-photo{height:450px;background:#102b35}.story-airpro .story-feature:not(:first-child){display:grid;grid-template-columns:45% 55%;border-right:1px solid #a1b1b733}.story-airpro .story-feature:not(:first-child) .story-photo{height:320px;background:#102b35}.story-airpro .story-copy p{color:#c5d0d3}.story-airpro .story-number{color:#ff9c58}.story-airpro .story-copy h3{font-size:22px}
/* 생활전기: 사진과 설명이 교차하는 세로 노트 */
.story-hrdkoreaa .story-features{gap:36px}.story-hrdkoreaa .story-feature{display:grid;grid-template-columns:48% 52%;align-items:center;background:#f3e9df}.story-hrdkoreaa .story-photo{height:360px;background:#e8ded2}.story-hrdkoreaa .story-copy{padding:38px 48px}.story-hrdkoreaa .story-feature:nth-child(2){grid-template-columns:52% 48%;background:#f8f3ec}.story-hrdkoreaa .story-feature:nth-child(2) .story-photo{order:2}.story-hrdkoreaa .story-copy h3{font-family:Georgia,'Batang',serif;font-weight:600;font-size:28px}.story-hrdkoreaa .story-number{color:#713127}
.story-more{margin-top:28px;border-top:1px solid #8884;border-bottom:1px solid #8884}.story-more>summary{display:flex;align-items:center;justify-content:space-between;padding:20px 0;cursor:pointer;font-size:15px;font-weight:650;list-style:none}.story-more>summary::-webkit-details-marker{display:none}.story-more>summary span{font-size:24px}.story-more[open]>summary span{transform:rotate(45deg)}.story-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:12px 0 28px}.story-more-grid figure{margin:0}.story-more-grid .story-photo{height:260px}.story-more-grid figcaption{font-size:13px;padding-top:12px;line-height:1.6}
@media(max-width:1000px) and (min-width:701px){.story-copy{padding:20px}.story-copy h3{font-size:21px}.story-apt911 .story-feature:not(:first-child){grid-template-columns:40% 60%}.story-airpro .story-feature:not(:first-child){display:block}.story-airpro .story-feature-1{grid-template-columns:60% 40%}.story-hrdkoreaa .story-copy{padding:25px}.story-icemaster .story-features{grid-template-columns:1fr 1fr}.story-icemaster .story-feature-1{grid-column:1/-1;display:grid;grid-template-columns:45% 55%;align-items:center}.story-icemaster .story-feature-1 .story-copy{border:0}}
@media(max-width:700px){.field-campaign{margin-top:10px}.field-campaign>.wrap{width:calc(100% - 24px);padding:0}.field-heading{padding:20px 10px 16px}.field-heading.is-home{order:2}.field-campaign>.wrap{display:flex;flex-direction:column}.field-heading h1{font-size:28px;margin:6px 0 12px;letter-spacing:-.045em}.field-heading .eyebrow{font-size:10px}.field-intro{font-size:13px;line-height:1.85;margin:0}.field-banner{order:1}.field-heading:not(.is-home){order:0}.field-campaign-actions{order:3;display:flex;flex-direction:column-reverse;align-items:stretch;padding:0 10px 20px;gap:18px}.field-campaign-actions>div{justify-content:space-between;gap:10px;font-size:12px}.field-campaign-actions .visual-call{justify-content:center;gap:12px;min-height:72px;padding:12px}.field-campaign-actions .visual-call strong{font-size:26px}.field-story{margin-top:42px;padding-top:28px}.story-heading{margin-bottom:23px}.story-heading h2{font-size:28px}.story-heading>p:last-child{font-size:13px}.story-features,.story-apt911 .story-features,.story-icemaster .story-features,.story-electricpro .story-features,.story-airpro .story-features{display:flex;flex-direction:column;gap:18px}.story-feature,.story-apt911 .story-feature:not(:first-child),.story-electricpro .story-feature-3,.story-airpro .story-feature-1,.story-airpro .story-feature:not(:first-child),.story-hrdkoreaa .story-feature,.story-hrdkoreaa .story-feature:nth-child(2){display:flex;flex-direction:column;grid-row:auto;grid-column:auto}.story-photo{width:100%}.story-copy,.story-hrdkoreaa .story-copy{padding:23px}.story-copy h3,.story-hrdkoreaa .story-copy h3{font-size:23px}.story-copy p{font-size:13px}.story-apt911 .story-feature-1 .story-photo{height:370px}.story-apt911 .story-feature:not(:first-child) .story-photo{height:270px;min-height:0}.story-icemaster .story-photo{height:320px}.story-icemaster .story-feature{border:1px solid #b8cce5}.story-icemaster .story-features{border:0;background:transparent}.story-electricpro .story-feature-2{margin-top:0}.story-electricpro .story-feature-1 .story-photo,.story-electricpro .story-feature-3 .story-photo{height:300px}.story-electricpro .story-feature-2 .story-photo{height:330px}.story-airpro .story-feature-1 .story-photo{height:270px}.story-airpro .story-feature:not(:first-child) .story-photo{height:320px}.story-airpro .story-feature{border:0;border-bottom:1px solid #ffffff22}.story-hrdkoreaa .story-feature:nth-child(2) .story-photo{order:0}.story-hrdkoreaa .story-photo{height:290px}.story-more-grid{grid-template-columns:1fr 1fr;gap:16px}.story-more-grid .story-photo{height:210px}.story-more-grid figcaption{font-size:12px}.story-more>summary{font-size:13px}}