/* iSTORE 커스텀 디자인 공용 스타일 — 메인/서비스 페이지 + 쇼핑몰·커뮤니티 테마에서 함께 사용 */

/* 상단 헤더 */
.site-header{display:flex;align-items:center;justify-content:space-between;padding:22px 44px;background:#ffffff;border-bottom:1px solid #eceef0;position:relative;z-index:60;}
.site-logo{font-family:'Figtree',sans-serif;font-weight:800;font-size:24px;letter-spacing:0.5px;color:#111318;text-decoration:none;}
.site-gnb{display:flex;align-items:center;gap:30px;}
.gnb{font-family:'Figtree','Noto Sans KR',sans-serif;font-weight:600;font-size:14px;letter-spacing:0.6px;color:#16181d;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;}
.gnb:hover{color:#000000;}
.gnb.active{border-bottom-color:#16181d;}
.gnb-caret{display:inline-block;width:7px;height:7px;margin-left:5px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-3px) rotate(45deg);}
/* BUSINESS 2차 메뉴 */
.gnb-drop{position:relative;}
.gnb-sub{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);min-width:150px;padding:8px 0;background:#ffffff;border:1px solid #e4e7ea;border-radius:10px;box-shadow:0 10px 28px rgba(23,24,26,0.12);opacity:0;visibility:hidden;transition:opacity .15s,transform .15s,visibility .15s;}
.gnb-drop::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;} /* 메뉴로 마우스 이동 시 끊김 방지 */
.gnb-drop:hover .gnb-sub,.gnb-drop:focus-within .gnb-sub{opacity:1;visibility:visible;transform:translate(-50%,4px);}
.gnb-sub a{display:block;padding:10px 20px;font-size:14px;font-weight:600;color:#3c4048;text-decoration:none;white-space:nowrap;}
.gnb-sub a:hover,.gnb-sub a.on{background:#f4f5f7;color:#16181d;}
/* 견적문의 버튼 */
.gnb-quote{display:inline-flex;align-items:center;padding:10px 20px;border-radius:8px;background:#16181d;color:#ffffff;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s;}
.gnb-quote:hover,.gnb-quote.active{background:#33363c;color:#ffffff;}

/* 공용 버튼 */
.svc-btn{margin-top:24px;display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:10px 28px;font-size:13.5px;font-weight:500;background:rgba(255,255,255,0.55);transition:background .15s,color .15s;}
.svc-btn.make{border:1px solid #e35a4e;color:#e35a4e;}
.svc-btn.make:hover{background:#e35a4e;color:#ffffff;}
.svc-btn.maker{border:1px solid #4c9b53;color:#4c9b53;}
.svc-btn.maker:hover{background:#4c9b53;color:#ffffff;}
.svc-btn.oem{border:1px solid #3d6fdd;color:#3d6fdd;}
.svc-btn.oem:hover{background:#3d6fdd;color:#ffffff;}
.cta-btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:14px 36px;font-size:15px;font-weight:700;color:#ffffff;transition:opacity .15s;}
.cta-btn:hover{opacity:0.85;color:#ffffff;}
.quick-link-wrap{display:flex;justify-content:center;padding:18px 44px 22px;}
.quick-link-btn{display:inline-flex;align-items:center;gap:12px;color:#ffffff;font-size:17px;font-weight:700;letter-spacing:0.3px;padding:16px 56px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,0.14);transition:transform .15s,box-shadow .15s,filter .15s;text-decoration:none;}
.quick-link-btn:hover{color:#ffffff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.2);filter:brightness(1.08);}
.quick-link-arrow{font-family:'Figtree',sans-serif;font-size:18px;}

/* 공용 히어로 밴드 (견적·개인결제·PRODUCT·STORY 등) */
.page-hero{margin:24px 44px 0;padding:56px 56px;border-radius:6px;}
.page-hero .ph-label{font-family:'Figtree',sans-serif;font-weight:700;font-size:13px;letter-spacing:2.5px;color:#4a4e56;margin-bottom:14px;}
.page-hero h1{margin:0;font-family:'Figtree','Noto Sans KR',sans-serif;font-weight:800;font-size:40px;letter-spacing:-0.5px;color:#16181d;}
.page-hero p{margin:16px 0 0;font-size:15px;line-height:1.75;color:#3c4048;}

/* 공용 섹션 제목 */
.sec-head{text-align:center;}
.sec-head .sh-label{font-family:'Figtree',sans-serif;font-weight:600;font-size:12px;letter-spacing:2px;color:#8a8f98;}
.sec-head h2{margin:10px 0 0;font-family:'Figtree','Noto Sans KR',sans-serif;font-weight:800;font-size:30px;letter-spacing:0.5px;color:#16181d;}
.sec-head p{margin:12px 0 0;font-size:15px;color:#5a5f68;}

/* 공용 푸터 */
.site-footer{background:#1e2025;color:#b9bdc4;min-width:1024px;}
.site-footer a{text-decoration:none;}