/* 효자터치 홈페이지 2026.10 — 홈 전용, 기존 기능 화면과 스타일 분리 */
:root{--hj-ink:#243c31;--hj-green:#234d3c;--hj-muted:#637267;--hj-paper:#f6f3eb;--hj-line:#dce3d9;--hj-orange:#bf673e;--hj-font:'Noto Sans KR',system-ui,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:100px}.hj-home{margin:0;color:var(--hj-ink);font-family:var(--hj-font);background:#fff;line-height:1.7}.hj-home *{box-sizing:border-box}.hj-home a{color:inherit;text-decoration:none}.hj-home button,.hj-home input,.hj-home select,.hj-home textarea{font:inherit}.hj-home img{max-width:100%;display:block}.hj-home h1,.hj-home h2,.hj-home h3,.hj-home p{margin:0}.hj-home h2{font-size:clamp(29px,3.15vw,43px);font-weight:700;letter-spacing:-1.8px;line-height:1.38}.hj-home h3{font-weight:700;letter-spacing:-.8px}.hj-wrap{max-width:1240px;padding:0 32px;margin:auto}.hj-section{padding:96px 0}.hj-icon{width:24px;height:24px;flex-shrink:0}.hj-eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#54715e;margin-bottom:18px!important;display:flex;align-items:center;gap:10px}.hj-dot{width:7px;height:7px;background:#54715e;border-radius:50%}.hj-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:40px}.hj-heading>p,.hj-heading>div>p:not(.hj-eyebrow){color:var(--hj-muted);font-size:15px;line-height:1.85;margin-top:14px}.hj-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--hj-green);color:white!important;padding:16px 24px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:600;font-size:15px;transition:background .2s,transform .2s;min-height:54px}.hj-button:hover{background:#173c2c;transform:translateY(-2px)}.hj-button:disabled{opacity:.6;cursor:wait;transform:none}.hj-text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:600}.hj-text-link:hover{color:var(--hj-orange)}.hj-home :focus-visible{outline:3px solid #c7813f;outline-offset:5px}.hj-skip{position:fixed;top:-100px;left:20px;background:#fff;padding:14px 20px;z-index:11000}.hj-skip:focus{top:10px}
.hj-hero{background:var(--hj-paper);position:relative;padding:70px 0 65px;overflow:hidden}.hj-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:24px;align-items:center}.hj-hero-copy{position:relative;z-index:1}.hj-hero h1{font-size:clamp(38px,4.6vw,61px);font-weight:700;line-height:1.35;letter-spacing:-3.5px}.hj-hero h1 em{color:#496c51;font-style:normal}.hj-lead{font-size:16px;line-height:1.95;color:#617065;margin-top:24px!important}.hj-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.hj-hero-note{margin-top:38px;display:flex;align-items:center;gap:10px;font-size:11px;color:#69776a}.hj-hero-note .hj-icon{width:18px;height:18px}.hj-hero-art{position:relative;min-width:0;padding-bottom:26px}.hj-hero-art>img{width:100%;height:auto;border-radius:42% 42% 8px 8px;mix-blend-mode:multiply;aspect-ratio:3/2;object-fit:cover}.hj-art-note{position:absolute;bottom:5px;left:16%;display:flex;gap:14px;align-items:center;background:#fff;padding:17px 24px;border:1px solid #e8e9df;box-shadow:0 12px 28px #2646300c;border-radius:12px;transform:rotate(-3deg)}.hj-note-icon{background:#edf2e8;width:43px;height:43px;display:grid;place-items:center;border-radius:50%}.hj-art-note strong{display:block;font-size:14px}.hj-art-note div>span{display:block;font-size:11px;color:#738073;margin-top:3px}.hj-art-caption{position:absolute;right:0;bottom:-18px;font-size:10px;color:#74806f}.hj-mobile-break{display:none}
.hj-audience{border-bottom:1px solid var(--hj-line);padding:25px 0}.hj-audience .hj-wrap{display:flex;align-items:center;gap:23px;font-size:13px;flex-wrap:wrap}.hj-audience span{color:#7b8279;margin-right:18px;font-size:12px}.hj-audience strong{font-weight:500}.hj-audience i{width:3px;height:3px;background:#b3bdb1;border-radius:50%}.hj-audience a{margin-left:auto;color:#4c6755;font-size:12px}
.hj-service-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:18px}.hj-service{padding:28px;border-radius:16px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:366px;transition:transform .2s}.hj-service:hover{transform:translateY(-4px)}.hj-service-main{background:#e9eee2;display:flex;flex-direction:row;gap:12px;padding:32px;min-width:0}.hj-service-main>div:first-child{position:relative;z-index:1;flex:1}.hj-card-label{font-size:10px;letter-spacing:.8px;color:#657563;display:block;margin-bottom:24px}.hj-service h3{font-size:25px;line-height:1.5;margin-bottom:12px}.hj-service p{font-size:13px;line-height:1.9;color:#677361}.hj-card-link{font-size:12px;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:26px;gap:10px}.hj-card-link .hj-icon{width:18px}.hj-service-main .hj-card-link{margin-top:16px}.hj-service-sage{background:#f0f3ef}.hj-service-cream{background:#f8f0e6}.hj-service-icon{margin-bottom:22px}.hj-service-icon .hj-icon{width:34px;height:34px}.hj-tablet{width:180px;align-self:flex-end;background:#314239;padding:8px;border-radius:16px;transform:rotate(8deg);margin:0 -42px -54px 0;box-shadow:-8px 12px 20px #273c3122;flex-shrink:0}.hj-tablet-screen{background:#fffdf7;border-radius:10px;padding:21px 12px 40px}.hj-tablet-screen>span{font-size:10px;font-weight:700;display:block;margin-bottom:18px}.hj-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hj-app-grid b{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:12px 3px;border-radius:9px;background:#e8eddd;font-size:9px;font-weight:500}.hj-app-grid b:nth-child(2){background:#f6e4d7}.hj-app-grid b:nth-child(3){background:#edf0de}.hj-app-grid b:nth-child(4){background:#f9eed4}.hj-tablet-screen small{display:block;font-size:7px;margin-top:20px;color:#828c7e}.hj-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px;border:1px solid var(--hj-line);border-radius:10px}.hj-shortcuts a{display:flex;align-items:center;gap:13px;padding:21px;font-size:13px;border-right:1px solid var(--hj-line)}.hj-shortcuts a:last-child{border:0}.hj-shortcuts a:hover{background:#f6f8f3}.hj-shortcut-arrow{margin-left:auto;color:#8f9b8a}
.hj-story{background:#f8f9f5}.hj-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.hj-story-visual{position:relative;background:#e8eee2;border-radius:130px 130px 12px 12px;padding:34px 46px}.hj-day-card{background:white;border-radius:14px;padding:32px;box-shadow:0 16px 28px #243c3108;transform:rotate(-3deg)}.hj-day-card h3{font-size:29px;line-height:1.4;margin-bottom:22px}.hj-day-card .hj-card-label{font-size:9px}.hj-day-step{display:flex;gap:14px;align-items:center;border-bottom:1px solid #edf0e9;padding:16px 0}.hj-day-step>span{width:40px;height:40px;border-radius:50%;background:#f3f3e9;display:grid;place-items:center}.hj-day-step strong{font-size:13px}.hj-day-step p{font-size:11px;color:#7b8576;margin-top:3px}.hj-day-bottom{font-size:10px;color:#8b9187;margin-top:22px}.hj-story-seal{position:absolute;bottom:0;right:-26px;background:#d9e4c9;width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:7px solid #f8f9f5;border-radius:50%;transform:rotate(9deg)}.hj-story-seal span{font-size:10px;text-align:center;line-height:1.4;margin-top:4px}.hj-body-copy{color:var(--hj-muted);font-size:14px;line-height:1.95;margin-top:24px!important}.hj-check-list{list-style:none;padding:0;margin:28px 0;display:grid;gap:18px}.hj-check-list li{display:flex;gap:13px;align-items:flex-start}.hj-check-list .hj-icon{width:19px;height:19px;margin-top:3px}.hj-check-list strong{display:block;font-size:14px}.hj-check-list span{display:block;font-size:12px;color:var(--hj-muted);margin-top:3px}
.hj-community-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:26px}.hj-posts-panel{border:1px solid var(--hj-line);border-radius:14px;overflow:hidden;align-self:stretch}.hj-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:20px 24px;border-bottom:1px solid var(--hj-line)}.hj-tabs button{border:0;background:transparent;padding:8px 14px;border-radius:6px;font-size:12px;color:#677463;cursor:pointer}.hj-tabs button.active{background:#234d3c;color:white}.hj-posts{min-height:284px}.hj-post-row{padding:19px 25px;display:grid;grid-template-columns:74px 1fr 85px;align-items:center;gap:13px;border-bottom:1px solid #edf0e8;font-size:13px}.hj-post-row:hover{background:#f8faf6}.hj-post-row>span{font-size:10px;color:#667e65;background:#edf2e7;padding:4px 7px;text-align:center;border-radius:4px}.hj-post-row strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hj-post-row time{font-size:10px;color:#7a8576;text-align:right}.hj-panel-more{display:block;padding:17px;text-align:center;font-size:12px;color:#61705e!important}.hj-empty{padding:65px 25px;text-align:center;font-size:13px;color:#707d6d}.hj-community-aside{background:#234d3c;color:#fff;padding:32px;border-radius:14px}.hj-aside-icon .hj-icon{width:35px;height:35px;color:#d7e2b9;margin-bottom:16px}.hj-community-aside h3{font-size:25px;line-height:1.5}.hj-community-aside p{font-size:13px;color:#d0dcce;margin-top:14px}.hj-button-light{background:#f0f3e8;color:#234d3c!important;font-size:12px;margin-top:24px;padding:12px 20px;min-height:44px}.hj-button-light:hover{background:#fff}.hj-aside-links{border-top:1px solid #ffffff26;margin-top:24px;padding-top:18px;display:grid;gap:10px;font-size:11px;color:#d5e0cd}
.hj-gallery-section{background:#f6f3eb}.hj-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hj-gallery-card{display:block;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e6e7df;transition:transform .2s}.hj-gallery-card:hover{transform:translateY(-4px)}.hj-gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#e8ecdf}.hj-gallery-info{padding:20px}.hj-gallery-info span{font-size:10px;color:#73806d;letter-spacing:1px}.hj-gallery-info h3{font-size:15px;margin-top:7px}.hj-gallery-invite{border-radius:12px;border:1px solid #e6dfd0;background:#f0e6d7;min-height:280px;padding:32px;display:flex;flex-direction:column;justify-content:center}.hj-gallery-invite>.hj-icon{width:42px;height:42px;margin-bottom:26px}.hj-gallery-invite h3{font-size:21px}.hj-gallery-invite p{font-size:12px;margin-top:10px;color:#647260}.hj-gallery-invite>span{margin-top:26px;font-size:12px}.hj-invite-green{background:#e5ecdc}.hj-invite-blue{background:#e8edeb}
.hj-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.hj-steps li{padding:30px 0;border-top:1px solid var(--hj-line)}.hj-steps span{font-size:12px;color:#738766;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:#edf2e7;margin-bottom:16px}.hj-steps h3{font-size:20px}.hj-steps p{margin-top:10px;font-size:13px;line-height:1.85;color:var(--hj-muted)}.hj-faq{margin-top:30px;display:grid;grid-template-columns:1fr 2fr;column-gap:40px}.hj-faq>h3{grid-row:1/4;font-size:22px;margin-top:20px}.hj-faq details{border-bottom:1px solid var(--hj-line);padding:20px 0}.hj-faq summary{cursor:pointer;font-size:14px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:15px}.hj-faq summary::-webkit-details-marker{display:none}.hj-faq summary::after{content:'+';font-size:21px;font-weight:400}.hj-faq details[open] summary::after{content:'−'}.hj-faq details p{font-size:13px;line-height:1.9;color:var(--hj-muted);padding:17px 24px 4px 0}
.hj-contact{background:#234d3c;color:#fff}.hj-contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:start}.hj-contact .hj-eyebrow{color:#c5d4b3}.hj-contact h2{color:#fff}.hj-contact-copy{font-size:14px;color:#d2dfcd;line-height:1.9;margin-top:23px!important}.hj-contact-phone{font-size:29px;font-weight:500;margin-top:35px;display:flex;align-items:center;gap:20px;letter-spacing:-.5px}.hj-contact-email{display:block;font-size:14px;color:#d3dfcc!important;margin-top:8px}.hj-address{font-size:12px;color:#bdcfb9;line-height:1.8;margin-top:26px!important}.hj-kakao{display:inline-block;border:1px solid #ffffff40;border-radius:7px;padding:11px 18px;font-size:12px;margin-top:28px}.hj-kakao:hover{background:#ffffff10}.hj-form{border-radius:16px;background:#fff;color:#263d2d;padding:34px}.hj-form h3{font-size:22px}.hj-form>p{font-size:11px;color:#768271;margin:6px 0 23px}.hj-form>p>span{float:right}.hj-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hj-form label{display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:8px;min-width:0}.hj-form input,.hj-form select,.hj-form textarea{width:100%;min-width:0;padding:12px;border:1px solid #dce3d7;background:#fafbf8;border-radius:6px;font-size:12px;color:#304332}.hj-form input::placeholder,.hj-form textarea::placeholder{color:#7b8577}.hj-form textarea{resize:vertical}.hj-full{grid-column:1/-1}.hj-form .hj-form-note{font-size:10px;margin:17px 0}.hj-form .hj-button{width:100%;font-size:13px;min-height:48px;padding:13px}.hj-form #hj-contact-status{margin:12px 0 0;font-size:12px;line-height:1.8}.hj-form #hj-contact-status:empty{display:none}
@media(min-width:1400px){.hj-hero{padding:90px 0 80px}}
@media(max-width:1100px){.hj-service-grid{grid-template-columns:1.3fr 1fr 1fr}.hj-tablet{width:150px;margin-right:-70px}.hj-service-main{padding:26px}.hj-service h3{font-size:22px}.hj-story-grid{gap:55px}.hj-contact-grid{gap:40px}.hj-audience .hj-wrap{gap:16px}.hj-audience span{margin-right:0}.hj-shortcuts a{padding:18px 14px;gap:8px}.hj-shortcuts .hj-icon{width:20px}.hj-actions{gap:18px}}
@media(max-width:900px){.hj-section{padding:70px 0}.hj-hero-grid{grid-template-columns:1fr 1fr}.hj-hero h1{font-size:42px;letter-spacing:-2px}.hj-actions{align-items:flex-start;flex-direction:column;gap:16px}.hj-hero-note{margin-top:24px}.hj-art-note{left:4%;padding:13px 17px}.hj-art-note div>span{font-size:10px}.hj-service-grid{grid-template-columns:1fr 1fr}.hj-service-main{grid-column:1/-1;min-height:300px}.hj-tablet{width:230px;margin:0 15px -60px 0}.hj-shortcuts{grid-template-columns:1fr 1fr}.hj-shortcuts a:nth-child(2){border-right:0}.hj-shortcuts a:nth-child(-n+2){border-bottom:1px solid var(--hj-line)}.hj-story-grid{gap:35px}.hj-story-visual{padding:26px}.hj-day-card{padding:24px}.hj-community-grid{grid-template-columns:1.6fr 1fr}.hj-community-aside{padding:24px}.hj-community-aside h3{font-size:22px}.hj-gallery{gap:15px}.hj-gallery-invite{padding:24px}.hj-gallery-invite h3{font-size:18px}.hj-contact-grid{gap:30px}.hj-form{padding:26px}.hj-form-grid{grid-template-columns:1fr}.hj-faq{grid-template-columns:1fr 2fr}.hj-audience a{display:none}}
@media(max-width:680px){.hj-wrap{padding:0 22px}.hj-section{padding:58px 0}.hj-hero{padding:42px 0 38px}.hj-hero-grid{grid-template-columns:1fr;gap:24px}.hj-hero h1{font-size:43px;letter-spacing:-2.7px}.hj-eyebrow{font-size:10px;margin-bottom:16px!important}.hj-lead{font-size:14px;margin-top:19px!important}.hj-actions{flex-direction:row;align-items:center;gap:18px;margin-top:24px}.hj-actions .hj-button{font-size:12px;padding:13px 16px;gap:13px;min-height:49px}.hj-actions .hj-text-link{font-size:11px;gap:8px}.hj-hero-note{font-size:9px}.hj-hero-art{max-width:480px;margin:0 auto;width:100%;padding-bottom:22px}.hj-art-caption{font-size:8px;bottom:-7px}.hj-art-note{left:13%;bottom:2px}.hj-audience{padding:20px 0}.hj-audience .hj-wrap{gap:10px;font-size:10px;justify-content:center}.hj-audience span{width:100%;text-align:center;font-size:10px;margin-bottom:4px}.hj-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:28px}.hj-home h2{font-size:29px;letter-spacing:-1.3px}.hj-heading>p{font-size:13px}.hj-service-grid{gap:12px}.hj-service{padding:22px;min-height:320px;border-radius:12px}.hj-service-main{min-height:315px;padding:26px}.hj-service h3{font-size:21px}.hj-service p{font-size:11px}.hj-card-label{font-size:8px}.hj-service-icon{margin-bottom:16px}.hj-card-link{font-size:10px;gap:3px}.hj-tablet{width:150px;margin-right:-43px;margin-bottom:-45px}.hj-shortcuts{margin-top:18px}.hj-shortcuts a{font-size:11px;padding:16px 13px}.hj-story-grid{grid-template-columns:1fr;gap:38px}.hj-story-visual{max-width:390px;width:100%;margin:auto;padding:30px 40px}.hj-story-seal{right:0}.hj-body-copy{font-size:13px}.hj-community-grid{grid-template-columns:1fr;gap:18px}.hj-tabs{padding:15px 12px;gap:3px}.hj-tabs button{font-size:11px;padding:8px 10px}.hj-post-row{padding:18px 16px;grid-template-columns:64px 1fr;gap:12px;font-size:12px}.hj-post-row time{display:none}.hj-community-aside{padding:28px}.hj-community-aside h3{font-size:24px}.hj-gallery{grid-template-columns:1fr}.hj-gallery-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}.hj-gallery-card img{aspect-ratio:1/1}.hj-gallery-info{padding:17px}.hj-gallery-info h3{font-size:14px}.hj-gallery-invite{min-height:190px;padding:25px}.hj-gallery-invite>.hj-icon{margin-bottom:15px;width:32px;height:32px}.hj-gallery-invite>span{margin-top:18px}.hj-steps{gap:15px}.hj-steps li{padding:24px 0}.hj-steps h3{font-size:16px}.hj-steps p{font-size:11px}.hj-steps p br{display:none}.hj-faq{grid-template-columns:1fr;gap:0;margin-top:20px}.hj-faq>h3{grid-row:auto;margin:0 0 10px;font-size:20px}.hj-faq summary{font-size:13px}.hj-contact-grid{grid-template-columns:1fr;gap:35px}.hj-contact-phone{font-size:28px;margin-top:25px}.hj-form{padding:25px 20px}.hj-contact .hj-form h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hj-home *{animation:none!important;transition:none!important}}

/* 2026-10-04: 생성한 서비스 이미지를 홈페이지의 세 가지 핵심 서비스에 적용 */
.hj-service-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hj-service-image-grid .hj-service{display:flex;flex-direction:column;gap:0;min-height:0;padding:26px;grid-column:auto}
.hj-service-image-grid .hj-card-label{margin-bottom:18px;font-size:10px}
.hj-service-picture{margin:0 -8px 24px;overflow:hidden;border-radius:10px}
.hj-service-picture img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;mix-blend-mode:multiply}
.hj-service-image-grid h3{font-size:25px;line-height:1.45;margin-bottom:14px}
.hj-service-image-grid p{font-size:13px;line-height:1.85}
.hj-service-image-grid .hj-card-link{margin-top:auto;padding-top:24px}
.hj-service-picture-note{font-size:10px;color:#77846e;margin-top:15px!important;text-align:right}
@media(max-width:900px){.hj-service-image-grid{gap:15px}.hj-service-image-grid .hj-service{padding:20px}.hj-service-image-grid h3{font-size:21px}.hj-service-image-grid p{font-size:11px}.hj-service-image-grid .hj-card-link{font-size:11px}}
@media(max-width:680px){.hj-service-image-grid{grid-template-columns:1fr;gap:20px}.hj-service-image-grid .hj-service{padding:25px}.hj-service-picture{margin:0 0 22px}.hj-service-image-grid h3{font-size:25px}.hj-service-image-grid p{font-size:13px}.hj-service-image-grid .hj-card-link{font-size:12px}.hj-service-picture-note{text-align:left;font-size:9px}}