/* BIZCHINA: 무역 플랫폼의 밝고 정돈된 홈페이지 */
.bc-home{--bc-paper:#f8f9f6;--bc-ink:#142a3b;--bc-blue:#2459e0;--bc-muted:#64717c;background:var(--bc-paper);color:var(--bc-ink);font-family:Pretendard,"Noto Sans KR",sans-serif;font-size:16px;line-height:1.65;overflow:clip;color-scheme:light}.bc-home *{box-sizing:border-box}.bc-home a{text-decoration:none;color:inherit}.bc-home a:focus-visible{outline:3px solid var(--bc-blue);outline-offset:6px}.bc-home p,.bc-home h1,.bc-home h2,.bc-home h3{margin:0;white-space:pre-line;word-break:keep-all}.bc-home img{display:block;max-width:100%}.bc-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.bc-header{display:flex;align-items:center;justify-content:space-between;gap:30px;height:104px;border-bottom:1px solid #dce2e3}.bc-logo{display:block;flex-shrink:0}.bc-logo img{width:170px;height:auto}.bc-nav,.bc-account{display:flex;gap:32px;align-items:center}.bc-nav{font-size:15px;font-weight:600}.bc-nav a:hover,.bc-text-link:hover{color:var(--bc-blue)}.bc-account{gap:24px;font-size:13px}.bc-home .bc-button{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:17px 25px;background:var(--bc-blue);color:white;font-size:15px;font-weight:600;border-radius:4px;transition:background .2s,transform .2s}.bc-home .bc-button:hover{background:#1945b4;transform:translateY(-2px)}.bc-home .bc-small{padding:12px 18px;gap:20px;font-size:13px}.bc-arrow{font-size:20px;line-height:1}.bc-hero{display:grid;grid-template-columns:1.07fr 1fr;gap:50px;align-items:center;padding-block:78px 62px}.bc-eyebrow{display:block;color:var(--bc-blue);font-size:11px;font-weight:700;letter-spacing:2px}.bc-hero h1{font-size:clamp(38px,4.1vw,60px);line-height:1.25;font-weight:750;letter-spacing:-3px;margin:25px 0}.bc-accent{color:var(--bc-blue)}.bc-intro{font-size:16px;color:var(--bc-muted);line-height:1.9}.bc-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.bc-text-link{font-size:14px;font-weight:600;display:flex;gap:16px;align-items:center}.bc-hero-note{display:flex;align-items:center;gap:10px;margin-top:43px;font-size:10px;font-weight:700;letter-spacing:1px}.bc-line{color:#9babbb;letter-spacing:-3px}.bc-note{font-size:11px;font-weight:400;color:var(--bc-muted);letter-spacing:0;margin-left:7px}.bc-hero-art{position:relative;background:#eef2f4;border-radius:4px;overflow:hidden;border:1px solid #e3e8e9;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;min-height:440px}.bc-art-caption{padding:27px 30px 0}.bc-art-subtitle{display:block;margin-top:6px;font-size:13px;color:#566b7a}.bc-network{width:100%;height:auto;flex:1;object-fit:contain}.bc-art-bottom{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.4px;font-weight:600;padding:18px 27px;border-top:1px solid #d8e1e5;color:#607384}.bc-quick{display:grid;grid-template-columns:1.05fr repeat(4,1fr);border:1px solid #dce2e3;background:white;padding:24px 10px;border-radius:4px}.bc-quick-label{padding:0 22px;display:flex;flex-direction:column;font-size:14px;font-weight:700}.bc-muted{font-size:11px;color:var(--bc-muted);font-weight:400}.bc-quick-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 23px;border-left:1px solid #e1e6e9;font-size:14px;font-weight:600}.bc-quick-item:hover{color:var(--bc-blue)}.bc-section{padding-block:104px}.bc-section-heading h2,.bc-process h2,.bc-cta h2{font-size:clamp(29px,3vw,40px);font-weight:700;line-height:1.4;letter-spacing:-1.7px;margin:17px 0}.bc-section-heading p{color:var(--bc-muted);font-size:15px}.bc-services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;border-top:1px solid #bac7cf}.bc-service{padding:33px 30px 7px 0}.bc-service+.bc-service{padding-left:30px;border-left:1px solid #dbe1e4;margin-top:25px;padding-top:8px}.bc-service h3{font-size:27px;font-weight:650;letter-spacing:-1px;margin:16px 0}.bc-service p{font-size:14px;line-height:1.9;color:var(--bc-muted)}.bc-tags{display:flex;gap:8px;flex-wrap:wrap;margin:21px 0 32px}.bc-tags span{font-size:11px;padding:5px 9px;background:#eaf0f2;border-radius:2px;color:#52697c}.bc-service-link{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}.bc-service-link:hover{color:var(--bc-blue)}.bc-process-shell{background:#152d40;color:#fff}.bc-process{padding-block:75px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.bc-process .bc-eyebrow{color:#a9c5ff}.bc-process h2{margin-top:23px}.bc-process p{font-size:14px;color:#b8c9d5;line-height:1.9}.bc-light-link{display:inline-flex;gap:45px;align-items:center;font-size:14px;border-bottom:1px solid #708898;padding:16px 0 10px;margin-top:20px}.bc-steps{display:grid}.bc-step{display:flex;gap:30px;padding:20px 0;border-bottom:1px solid #365064}.bc-step:first-child{padding-top:0}.bc-step:last-child{border-bottom:0;padding-bottom:0}.bc-step-number{font-size:12px;color:#a9c5ff;font-variant-numeric:tabular-nums;padding-top:4px}.bc-step h3{font-size:18px;font-weight:550;margin-bottom:6px}.bc-step p{font-size:13px}.bc-confidence{display:grid;grid-template-columns:1fr 1fr;gap:100px}.bc-confidence-list{display:grid;gap:28px}.bc-benefit{position:relative;padding-left:52px}.bc-benefit-icon{position:absolute;left:0;top:0;width:32px;height:32px;display:grid;place-items:center;color:var(--bc-blue);font-size:24px;background:#e7edf9;border-radius:4px}.bc-benefit h3{font-size:17px;font-weight:650;margin-bottom:7px}.bc-benefit p{font-size:14px;color:var(--bc-muted)}.bc-cta{padding:44px 48px;background:#e9effb;display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:4px}.bc-cta h2{font-size:31px;margin-bottom:0}.bc-footer{padding-top:70px}.bc-footer-top{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.bc-footer-top .bc-logo img{width:140px}.bc-footer-top p{font-size:12px;color:var(--bc-muted)}.bc-footer-links{margin-left:auto;display:flex;gap:23px;font-size:12px}.bc-footer-bottom{display:flex;justify-content:space-between;padding:24px 0 30px;margin-top:28px;border-top:1px solid #dce2e3;font-size:10px;color:#697b89;letter-spacing:.5px}.bc-skip{position:absolute;top:-90px;left:20px;padding:12px;background:white;z-index:100}.bc-skip:focus{top:8px}
@media(min-width:1600px){.bc-hero{padding-block:90px 70px}.bc-hero h1{font-size:64px}}
@media(max-width:1100px){.bc-wrap{width:calc(100% - 56px)}.bc-nav{gap:19px}.bc-account{gap:16px}.bc-hero{gap:28px;padding-top:55px}.bc-hero h1{font-size:45px}.bc-actions{gap:18px;flex-wrap:wrap}.bc-note{display:none}.bc-quick-item{padding-inline:15px;font-size:12px}.bc-process,.bc-confidence{gap:55px}.bc-footer-top p{display:none}}
@media(max-width:760px){.bc-wrap{width:calc(100% - 40px)}.bc-header{height:auto;min-height:80px;flex-wrap:wrap;gap:0;padding-top:20px}.bc-logo img{width:138px}.bc-account{margin-left:auto}.bc-login{display:none}.bc-home .bc-small{padding:9px 12px;font-size:12px;gap:12px}.bc-nav{order:3;width:100%;justify-content:space-between;font-size:13px;gap:15px;padding:19px 0 16px}.bc-hero{grid-template-columns:1fr;gap:35px;padding:40px 0 28px}.bc-hero h1{font-size:clamp(36px,8.8vw,54px);letter-spacing:-2px;margin:20px 0}.bc-intro{font-size:14px}.bc-actions{gap:23px;margin-top:24px}.bc-home .bc-button{font-size:13px;padding:14px 17px;gap:22px}.bc-text-link{font-size:12px;gap:10px}.bc-hero-note{margin-top:28px}.bc-note{display:block}.bc-hero-art{min-height:0}.bc-art-caption{padding:20px 22px 0}.bc-network{height:260px}.bc-art-bottom{padding:15px 21px;font-size:8px}.bc-quick{grid-template-columns:1fr 1fr;padding:0 16px}.bc-quick-label{grid-column:1/-1;flex-direction:row;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e1e6e9;font-size:13px}.bc-quick-item{border:0;padding:19px 0;font-size:12px}.bc-quick-item:nth-child(even){padding-right:16px}.bc-quick-item:nth-child(odd){padding-left:16px}.bc-quick-item:nth-child(n+4){border-top:1px solid #e1e6e9}.bc-section{padding-block:65px}.bc-section-heading h2,.bc-process h2{font-size:30px}.bc-section-heading p{font-size:13px}.bc-services{grid-template-columns:1fr;margin-top:28px}.bc-service,.bc-service+.bc-service{border-left:0;margin:0;padding:28px 0;border-bottom:1px solid #dbe1e4}.bc-service h3{font-size:25px;margin:11px 0}.bc-tags{margin:16px 0 22px}.bc-process,.bc-confidence{grid-template-columns:1fr;gap:40px}.bc-process{padding-block:50px}.bc-step{gap:25px}.bc-confidence{gap:32px}.bc-cta{padding:29px 23px;align-items:flex-start;flex-direction:column;gap:22px}.bc-cta h2{font-size:26px}.bc-cta .bc-eyebrow{font-size:9px}.bc-footer{padding-top:42px}.bc-footer-links{width:100%;margin:10px 0 0;justify-content:space-between;gap:12px}.bc-footer-bottom{font-size:9px}.bc-eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.bc-home *{scroll-behavior:auto!important;transition:none!important}}

.bc-hero h1>span{display:block}.bc-legal{margin-top:28px;color:#657683;font-size:11px;line-height:1.9}.bc-legal a{display:inline-block;margin-right:22px;font-weight:600;margin-bottom:13px}.bc-legal p{font-size:11px}

/* 쇼핑·커뮤니티 전환은 화면 크기와 관계없이 노출한다. */
.bc-portals{display:flex;justify-content:flex-end;align-items:center;gap:0;border-bottom:1px solid #dce2e3;padding-top:6px}:is(.bc-home,.bc-mobile-portals) .bc-portal{display:block;padding:11px 20px;font-size:12px;font-weight:600;color:#64717c;border-bottom:2px solid transparent;white-space:nowrap}:is(.bc-home,.bc-mobile-portals) .bc-portal:hover,:is(.bc-home,.bc-mobile-portals) .bc-portal:focus-visible{color:#2459e0;background:#edf1f8}:is(.bc-home,.bc-mobile-portals) .bc-portal-current{color:#2459e0;border-bottom-color:#2459e0}.bc-header{height:90px}
@media(max-width:760px){.bc-portals{justify-content:flex-start;padding-top:0}:is(.bc-home,.bc-mobile-portals) .bc-portal{flex:1;text-align:center;padding:12px 8px;font-size:12px}.bc-header{height:auto}}

.bc-mobile-portals{background:#f8f9f6;color:#142a3b;font-family:Pretendard,"Noto Sans KR",sans-serif;line-height:1.65}.bc-mobile-portals .bc-portals{justify-content:flex-start;padding-top:0}.bc-mobile-portals .bc-portal{flex:1;text-align:center;padding:12px 8px;font-size:12px;border-radius:0;cursor:pointer}.bc-mobile-portals .bc-portal:focus-visible{outline:3px solid #2459e0;outline-offset:-3px}

@media(prefers-reduced-motion:no-preference){
 #app>.bc-home,#main_content_area{animation:bc-content-enter .18s ease-out both}
 @keyframes bc-content-enter{from{opacity:.94;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
}