/* 메인 화면 전용 UI. 기능 화면의 기존 레이아웃과 섞이지 않는다. */
@media(min-width:701px){body.home-mode #sidebar{display:none!important}body.home-mode .workspace{margin-left:0!important}}
body.home-mode{background:#f7f8fa;color:#202830}body.home-mode .workspace>.topbar{display:none}body.home-mode .public-header{position:sticky;top:0;z-index:50;display:block;border-bottom:1px solid #e7eaed;background:#fffc}body.home-mode .public-header-inner{max-width:1240px;min-height:68px;padding:0 24px;grid-template-columns:160px 1fr auto}body.home-mode .public-brand{width:136px}body.home-mode .public-nav{justify-content:center;gap:4px}body.home-mode .public-nav a{padding:9px 13px;border-radius:8px;color:#4b5660;font-size:13px}body.home-mode .public-nav a:hover{background:#f3f5f7;color:#cf5123}body.home-mode #main{max-width:1240px;min-height:auto;padding:32px 24px 52px}body.home-mode .platform-announcement-slot.is-full .platform-announcement{padding-inline:max(24px,calc((100vw - 1192px)/2))}
body.home-mode .public-header{overflow:visible}body.home-mode .public-header-inner>*{min-width:0}body.home-mode .public-header-actions{flex:0 0 auto;min-width:max-content}body.home-mode .platform-announcement-slot{position:static!important;inset:auto!important;display:block;clear:both;width:100%;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;z-index:1}body.home-mode .platform-announcement-slot[hidden]{display:none!important}body.home-mode .platform-announcement-slot .platform-announcement{position:static!important;width:100%;margin:0;transform:none!important}body.home-mode.trun-authenticated .public-login{display:grid;place-items:center;width:42px;min-width:42px;height:42px;padding:0;border-radius:50%;font-size:12px}body.home-mode.trun-authenticated .public-login .avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}
.trun-home{display:grid;gap:22px}.trun-home-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:18px}.trun-home-hero-copy{padding:48px;border:1px solid #f0ddd3;border-radius:22px;background:linear-gradient(135deg,#fff7f2 0,#fff 70%)}.trun-home-hero-copy>span,.trun-home-tools header span{color:#d95b29;font-size:10px;font-weight:800;letter-spacing:.14em}.trun-home-hero h1{margin:12px 0 14px;font-size:42px;line-height:1.2;letter-spacing:-2.4px}.trun-home-hero-copy>p{color:#6d7780;font-size:14px;line-height:1.75}.trun-home-actions{display:flex;gap:8px;margin-top:26px}.trun-home-actions a,.trun-home-actions button{min-height:44px;padding:0 17px;border-radius:9px;font-size:12px;font-weight:750}.trun-home-actions a{display:inline-flex;align-items:center;background:#e45d2b;color:#fff}.trun-home-actions a:hover{background:#c94a1f}.trun-home-actions button{border:1px solid #dce1e5;background:#fff;color:#47545f}
.trun-home-hero-shortcuts{display:grid;align-content:start;gap:8px;padding:20px;border:1px solid #e4e8eb;border-radius:22px;background:#fff}.trun-home-hero-shortcuts>p{margin:0 4px 3px;color:#7b858e;font-size:11px;font-weight:800}.trun-home-hero-shortcuts>a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:14px;border-radius:12px;background:#f6f8f9}.trun-home-hero-shortcuts>a:hover{background:#fff0e9}.trun-home-hero-shortcuts span{color:#7b858e;font-size:10px}.trun-home-hero-shortcuts b{font-size:12px}
.trun-home-tools{padding:25px;border:1px solid #e4e8eb;border-radius:18px;background:#fff}.trun-home-tools>header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:17px}.trun-home-tools h2{margin:5px 0 0;font-size:23px;letter-spacing:-1px}.trun-home-tools header button{padding:8px 11px;border:1px solid #dde2e6;border-radius:8px;color:#58646e;font-size:11px}.trun-home-tools header button:hover{background:#f4f6f7}.trun-home-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.trun-home-tool{display:flex;align-items:center;gap:12px;min-height:92px;padding:16px;border:1px solid #e8ebee;border-radius:13px}.trun-home-tool:hover{border-color:#e7aa8d;background:#fff8f4;transform:translateY(-1px)}.trun-home-tool>.tool-mark{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border-radius:12px;background:#fff0e9;color:#ce5526}.trun-home-tool-drive>.tool-mark{background:#edf5ff;color:#2874b8}.trun-home-tool-forms>.tool-mark{background:#edf8f0;color:#3d865b}.trun-home-tool-boards>.tool-mark{background:#fff3e6;color:#bd682f}.trun-home-tool-timetable>.tool-mark{background:#fff8de;color:#987113}.trun-home-tool-resources>.tool-mark{background:#f2efff;color:#7358ad}.trun-home-tool>.tool-mark svg{width:24px;height:24px}.trun-home-tool>span{display:grid;min-width:0;gap:5px}.trun-home-tool strong{font-size:13px}.trun-home-tool small{overflow:hidden;color:#77828b;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.trun-home-tool>b{margin-left:auto;color:#a4adb5;font-size:16px}
.trun-home-promo .welcome-carousel{margin:0}.trun-home-promo .welcome-banner-image{border-radius:17px;box-shadow:none}.trun-home-promo .welcome-banner-bar{margin-top:8px}.trun-home-ad{padding:10px;border:1px solid #e4e8eb;border-radius:16px;background:#fff}.trun-home-ad>header{display:flex;justify-content:space-between;padding:1px 3px 9px;color:#66717b;font-size:10px;font-weight:750}.trun-home-ad>header small{padding:2px 5px;border-radius:4px;background:#eef1f3;font-size:8px}.trun-home-ad>a{display:block;overflow:hidden;border-radius:10px}.trun-home-ad img{display:block;width:100%;aspect-ratio:6/1;object-fit:cover}
.trun-home-bottom{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.trun-home-bottom>div,.trun-home-bottom>aside{padding:23px;border:1px solid #e4e8eb;border-radius:16px;background:#fff}.trun-home-bottom header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.trun-home-bottom h2{font-size:18px}.trun-home-bottom header a{color:#c74d21;font-size:11px}.trun-home-bottom .welcome-notice{min-height:44px;font-size:12px}.trun-home-bottom>aside{background:#263642;color:#fff}.trun-home-bottom>aside>span{color:#ffc4a8;font-size:10px;font-weight:800}.trun-home-bottom>aside h2{margin:8px 0}.trun-home-bottom>aside p{color:#c9d1d7;font-size:11px;line-height:1.7}.trun-home-bottom>aside a{display:inline-flex;margin-top:18px;color:#fff;font-size:12px;font-weight:750}
@media(max-width:900px){.trun-home-hero{grid-template-columns:1fr}.trun-home-hero-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.trun-home-hero-shortcuts>p{grid-column:1/-1}.trun-home-hero-shortcuts>a{display:grid}.trun-home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.home-mode .public-header-inner{min-height:62px;padding:0 14px;grid-template-columns:1fr auto}body.home-mode .public-brand{width:114px}body.home-mode .public-nav{display:none}body.home-mode #main{padding:22px 14px 38px}.trun-home{gap:15px}.trun-home-hero-copy{padding:30px 20px;border-radius:16px}.trun-home-hero h1{font-size:30px;letter-spacing:-1.5px}.trun-home-hero-copy>p{font-size:12px}.trun-home-actions{display:grid}.trun-home-actions>*{width:100%}.trun-home-hero-shortcuts{grid-template-columns:1fr;padding:14px;border-radius:16px}.trun-home-hero-shortcuts>p{grid-column:auto}.trun-home-hero-shortcuts>a{display:flex;min-height:58px}.trun-home-tools{padding:19px 12px}.trun-home-tools h2{font-size:20px}.trun-home-tool-grid{grid-template-columns:1fr}.trun-home-tool{min-height:76px;padding:13px}.trun-home-promo .welcome-banner-image{border-radius:12px}.trun-home-ad img{aspect-ratio:3/1}.trun-home-bottom{grid-template-columns:1fr}}