/* 공식 브랜드 영상: 농지에서 기술을 거쳐 순환의 미래로 이어지는 장면. */
.cx-login .cx-brand-hero{isolation:isolate;position:relative;background:#0b1924;overflow:hidden}.cx-brand-hero:before,.cx-brand-hero:after{display:none}
.cx-brand-film{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#122b2a;pointer-events:none}.cx-brand-film video,.cx-brand-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.77) brightness(.82)}.cx-brand-film video{opacity:0;transition:opacity .6s ease}.cx-brand-film.is-playing video,.cx-brand-film.has-frame video{opacity:1}.cx-brand-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,29,.6),rgba(7,20,29,.06) 90%),linear-gradient(180deg,rgba(7,20,29,.36),rgba(7,20,29,.08) 48%,rgba(7,20,29,.82) 86%,#0b1924)}
.cx-brand-hero .cx-login-brand{z-index:5;top:55px;left:64px}.cx-brand-hero .cx-login-brand img{width:190px;height:auto}.cx-brand-hero .cx-hero-copy{position:relative;z-index:3;padding:172px 64px 0;text-shadow:0 2px 25px rgba(4,13,19,.18);pointer-events:none}.cx-brand-hero .cx-hero-copy h1{margin:0;color:#f7f7f2;font:500 clamp(34px,3.5vw,62px)/1.31 var(--cx-font);letter-spacing:-2.6px;word-break:keep-all}.cx-brand-hero .cx-hero-copy p{display:block;color:#e0e6de;font-size:15px;line-height:1.9;margin:24px 0 0;letter-spacing:-.2px;font-weight:400}
.cx-brand-context{position:absolute;z-index:4;left:64px;bottom:128px;display:flex;align-items:center;gap:14px;pointer-events:none}.cx-brand-context-line{display:block;width:29px;height:1px;background:#e9c957}.cx-brand-context strong{font-size:15px;letter-spacing:-.2px;font-weight:500;color:#eef4eb;display:block}.cx-brand-context div>span{font-size:11px;color:#b1c4bf;display:block;margin-top:7px}
.cx-film-controls{position:absolute;right:54px;bottom:128px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.cx-film-source{font-size:10px;letter-spacing:.2px;color:#bac7c4}.cx-film-controls button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 12px;border:1px solid #9aaea459;background:#0a1b2490;backdrop-filter:blur(12px);border-radius:20px;color:#e4ede5;font-size:10px;font-family:var(--cx-font);cursor:pointer}.cx-film-controls button[hidden]{display:none}.cx-film-controls button:hover{background:#203b43cc;border-color:#c2d1c07a}.cx-film-controls button:focus-visible{outline:2px solid #f0d45c;outline-offset:4px}.cx-film-toggle-icon{font-size:10px;min-width:10px;text-align:center;letter-spacing:-1px}
.cx-film-progress{position:absolute;z-index:4;left:64px;right:54px;bottom:91px;display:flex;gap:5px;height:2px;pointer-events:none}.cx-film-progress>span{flex:1;background:#b1c4bd3d;transition:background .4s}.cx-film-progress>span.is-active{background:#e7cf79;box-shadow:0 0 9px #e5cc6440}
.cx-brand-hero .cx-hero-footer{z-index:4;left:64px;right:54px;bottom:40px;display:flex;gap:18px;align-items:center;color:#8ca9ad;font-size:10px}.cx-brand-hero .cx-hero-footer>span:first-child{color:#c0ceca;font-size:11px}.cx-brand-hero .cx-hero-footer>span:last-child{white-space:nowrap}
@media(min-width:1500px){.cx-brand-hero .cx-hero-copy{padding-top:183px}.cx-brand-context,.cx-film-controls{bottom:141px}.cx-film-progress{bottom:101px}}
@media(max-width:1150px) and (min-width:761px){.cx-brand-hero .cx-login-brand{left:40px;top:42px}.cx-brand-hero .cx-hero-copy{padding:145px 40px 0}.cx-brand-hero .cx-hero-copy h1{font-size:39px;letter-spacing:-1.8px}.cx-brand-hero .cx-hero-copy p{font-size:13px}.cx-brand-context{left:40px;bottom:130px}.cx-brand-context strong{font-size:12px}.cx-brand-context div>span{font-size:9px}.cx-film-controls{right:32px;bottom:128px}.cx-film-source{font-size:8px}.cx-film-progress{left:40px;right:32px;bottom:100px}.cx-brand-hero .cx-hero-footer{left:40px;right:32px;bottom:32px;align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-height:760px) and (min-width:761px){.cx-brand-hero .cx-login-brand{top:34px}.cx-brand-hero .cx-hero-copy{padding-top:122px}.cx-brand-hero .cx-hero-copy h1{font-size:42px}.cx-brand-hero .cx-hero-copy p{margin-top:16px;font-size:13px}.cx-brand-context,.cx-film-controls{bottom:113px}.cx-film-progress{bottom:81px}.cx-brand-hero .cx-hero-footer{bottom:28px}}
@media(max-width:760px){.cx-login .cx-brand-hero{height:390px;min-height:390px}.cx-brand-hero .cx-login-brand{top:26px;left:28px}.cx-brand-hero .cx-login-brand img{width:142px}.cx-brand-hero .cx-hero-copy{padding:99px 28px 0}.cx-brand-hero .cx-hero-copy h1{font-size:33px;line-height:1.36;letter-spacing:-1.7px}.cx-brand-hero .cx-hero-copy p{font-size:11px;line-height:1.8;margin-top:16px}.cx-brand-film video,.cx-brand-poster{object-position:center 45%;filter:saturate(.75) brightness(.75)}.cx-brand-film-shade{background:linear-gradient(90deg,#09192285,transparent),linear-gradient(180deg,#09192238,transparent 45%,#0b1924 100%)}.cx-brand-context{left:28px;bottom:54px;gap:10px}.cx-brand-context-line{width:18px}.cx-brand-context strong{font-size:11px}.cx-brand-context div>span{font-size:8px;margin-top:5px}.cx-film-controls{right:24px;bottom:57px}.cx-film-source{display:none}.cx-film-controls button{padding:5px 10px;min-height:32px;font-size:9px}.cx-film-progress{left:28px;right:24px;bottom:29px}.cx-brand-hero .cx-hero-footer{display:none}}
@media(max-width:380px){.cx-brand-hero .cx-hero-copy h1{font-size:30px}.cx-brand-context strong{font-size:10px}.cx-brand-context div>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.cx-brand-film video,.cx-film-progress>span{transition:none}}