:root{--login30-blue:#1267e8;--login30-navy:#102a51;--login30-teal:#16b6b9;--login30-line:#e2e8f0;--login30-muted:#748094}
.sw-login-page{background:#f4f7fb!important}.login30-wrap{min-height:calc(100vh - 116px);padding:54px 28px 70px;background:radial-gradient(circle at 18% 8%,rgba(18,103,232,.08),transparent 30%),radial-gradient(circle at 92% 80%,rgba(22,182,185,.08),transparent 30%),#f4f7fb}.login30-shell{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:.92fr 1.08fr;min-height:690px;background:#fff;border:1px solid #e2e8f0;border-radius:30px;overflow:hidden;box-shadow:0 24px 65px rgba(15,23,42,.11)}
.login30-visual{position:relative;overflow:hidden;min-height:690px;background:#0e456f}.login30-visual-bg{position:absolute;inset:0;background:url('../package/jeju_signature_v20260807-08.jpg') center/cover no-repeat;transform:scale(1.04)}.login30-visual-overlay{position:absolute;inset:0;background:linear-gradient(155deg,rgba(8,29,54,.28),rgba(4,30,58,.72) 75%)}.login30-visual-copy{position:absolute;left:46px;right:46px;bottom:48px;color:#fff}.login30-kicker{display:block;margin-bottom:15px;font-size:12px;font-weight:900;letter-spacing:.2em;color:#aeeeff}.login30-visual h1{margin:0 0 18px;font-size:42px;line-height:1.2;letter-spacing:-.05em}.login30-visual p{margin:0;color:rgba(255,255,255,.84);font-size:15px;line-height:1.75}.login30-benefits{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.login30-benefits span{height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.28);border-radius:17px;display:inline-flex;align-items:center;background:rgba(255,255,255,.09);font-size:12px;font-weight:800;backdrop-filter:blur(8px)}
.login30-card{padding:52px 64px 42px;display:flex;flex-direction:column;justify-content:center}.login30-card-head>span{display:block;color:var(--login30-blue);font-size:11px;letter-spacing:.18em;font-weight:900;margin-bottom:8px}.login30-card-head h2{margin:0;font-size:34px;line-height:1.25;letter-spacing:-.05em;color:#172840}.login30-card-head p{margin:10px 0 26px;color:var(--login30-muted);font-size:14px}.login30-field{display:block;margin-bottom:14px}.login30-field>span{display:block;margin-bottom:7px;color:#536176;font-size:12px;font-weight:800}.login30-field input{width:100%;height:54px;border:1px solid #dbe2ea;border-radius:14px;padding:0 16px;background:#fff;color:#152238;font-size:15px;outline:none;transition:.18s}.login30-field input:focus{border-color:#76aaf8;box-shadow:0 0 0 4px rgba(18,103,232,.08)}.login30-password-wrap{position:relative}.login30-password-wrap input{padding-right:64px}.login30-eye{position:absolute;right:9px;top:50%;transform:translateY(-50%);height:34px;padding:0 10px;border:0;border-radius:9px;background:#f2f5f9;color:#566376;font-size:11px;font-weight:800;cursor:pointer}.login30-options{display:flex;gap:20px;align-items:center;margin:3px 0 18px;font-size:13px;color:#566376}.login30-options label{display:flex;align-items:center;gap:7px;cursor:pointer}.login30-options input{width:17px;height:17px;accent-color:var(--login30-blue)}.login30-submit{width:100%;height:56px;border:0;border-radius:15px;background:linear-gradient(135deg,#1d76ff,#0e5bdc);color:#fff;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 13px 26px rgba(18,103,232,.22)}.login30-help-links{display:flex;justify-content:center;align-items:center;gap:13px;margin:17px 0 22px;font-size:12px;color:#657185}.login30-help-links i{width:1px;height:11px;background:#d9e0e8}.login30-divider{position:relative;text-align:center;margin:0 0 18px}.login30-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e7ebf0}.login30-divider span{position:relative;padding:0 12px;background:#fff;color:#8a95a3;font-size:11px;font-weight:800}
.login30-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.login30-social{height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:900;border:1px solid transparent}.login30-social b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;font-size:13px}.login30-social.naver{background:#20c943;color:#fff}.login30-social.kakao{background:#ffe500;color:#171717}.login30-social.google{background:#fff;border-color:#dce2e8;color:#3e4652}.login30-social.facebook{background:#1877f2;color:#fff}.login30-social.is-pending{opacity:.9}.login30-bottom-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.login30-bottom-tools a{min-height:88px;border:1px solid #e2e7ee;border-radius:14px;padding:12px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#fbfcfe;transition:.18s}.login30-bottom-tools a:hover{border-color:#bcd2f5;background:#f7fbff;transform:translateY(-2px)}.tool-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf3ff;color:#1267e8;font-weight:900;margin-bottom:7px}.login30-bottom-tools b{font-size:12px;color:#27364c}.login30-bottom-tools small{margin-top:4px;color:#939dab;font-size:10px}.login30-security{text-align:center;margin:17px 0 0;color:#99a2af;font-size:11px}
@media(max-width:900px){.login30-wrap{padding:28px 18px 48px}.login30-shell{grid-template-columns:1fr;max-width:620px}.login30-visual{min-height:260px}.login30-visual-copy{left:28px;right:28px;bottom:28px}.login30-visual h1{font-size:30px}.login30-card{padding:36px 30px 34px}.login30-card-head h2{font-size:29px}}
@media(max-width:560px){.login30-wrap{padding:16px 12px 34px}.login30-shell{border-radius:20px}.login30-visual{min-height:220px}.login30-visual-copy{left:20px;right:20px;bottom:20px}.login30-visual h1{font-size:26px}.login30-visual p{font-size:13px}.login30-benefits{display:none}.login30-card{padding:28px 18px}.login30-card-head h2{font-size:26px}.login30-social-grid{grid-template-columns:1fr}.login30-bottom-tools{grid-template-columns:1fr}.login30-bottom-tools a{min-height:68px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:8px}.tool-icon{grid-row:1/3;margin:0}.login30-bottom-tools small{margin:2px 0 0}.login30-options{gap:12px;flex-wrap:wrap}}