*{box-sizing:border-box}body{margin:0;color:#202633;font-family:Arial,Noto Sans KR,sans-serif}a{color:inherit}.site-header{position:relative;z-index:20;height:82px;padding:0 max(5vw,28px);display:flex;align-items:center;gap:55px;background:#fff;border-bottom:1px solid #e5e7ea}.site-header>a img{width:220px}.site-header nav{display:flex;gap:34px;margin-left:auto}.site-header nav>div{position:relative}.site-header nav>div>a{font-size:14px;font-weight:700;text-decoration:none}.site-header nav section{display:none;position:absolute;top:25px;left:-20px;min-width:180px;padding:15px;background:#fff;box-shadow:0 15px 45px #18213620}.site-header nav>div:hover section{display:grid}.site-header nav section a{padding:8px;text-decoration:none;font-size:12px}.site-cta{padding:13px 17px;border:1px solid #d9dce1;text-decoration:none;font-size:12px;font-weight:700}.home-hero{position:relative;height:calc(100vh - 82px);min-height:650px;overflow:hidden;background:#eef0f1}.home-hero video{position:absolute;right:0;width:50%;height:100%;object-fit:cover}.home-hero>div{position:relative;z-index:2;width:50%;padding:11vh 7vw}.home-hero p,.home-section>p,.home-services header p,.home-product>div>p:first-child,.home-contact>p{color:#c44752;font-size:10px;font-weight:800;letter-spacing:.16em}.home-hero h1{font-size:clamp(48px,5.3vw,78px);line-height:1.08;letter-spacing:-.06em}.home-hero span{display:block;color:#68717d;line-height:1.8}.home-hero a,.home-product a{display:inline-block;margin-top:30px;padding:16px 22px;background:#29334d;color:#fff;text-decoration:none}.home-section{display:grid;grid-template-columns:1fr 1fr;padding:110px 9vw}.home-section h2,.home-services h2,.home-product h2,.home-contact h2{font-size:45px;letter-spacing:-.05em}.home-section article{padding-top:55px;color:#6f7782;line-height:1.8}.home-services{padding:100px 7vw;background:#f4f5f6}.home-services header{margin-bottom:35px}.home-services>article{position:relative;display:inline-block;width:31%;height:430px;margin-right:2%;overflow:hidden;color:#fff}.home-services article img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.home-services article h3{position:absolute;left:25px;bottom:20px;font-size:25px}.home-product{display:grid;grid-template-columns:1fr 1fr;padding:100px 9vw;background:#242b39;color:#fff}.home-product>div{padding-top:30px}.home-product>img{width:80%;margin:auto}.home-contact{padding:100px 9vw;background:#c44954;color:#fff}.home-contact a{display:block;margin:10px 0;font-size:18px}.site-footer{display:flex;align-items:center;gap:50px;padding:45px 7vw;background:#202632;color:#b7bec9;font-size:12px;line-height:1.7}.site-footer img{width:220px;filter:brightness(0) invert(1)}.detail-react>header{padding:85px 8vw;background:#f3f4f5}.detail-react>header p{color:#c44752;font-size:10px;font-weight:800;letter-spacing:.15em}.detail-react>header h1{font-size:50px}.detail-react>section{min-height:520px;padding:80px 8vw}.detail-react h2{font-size:38px}.detail-react .lead{max-width:850px;color:#67707d;font-size:20px;line-height:1.8}.detail-react article{margin-top:45px;padding:30px;border-left:4px solid #c44752;background:#f5f6f7;line-height:1.8}.client-react{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px}.client-react img{width:100%;height:130px;padding:35px;border:1px solid #e1e4e8;object-fit:contain}@media(max-width:850px){.site-header nav,.site-cta{display:none}.site-header>a img{width:180px}.home-hero video{width:100%;opacity:.2}.home-hero>div{width:100%;padding:10vh 7vw}.home-section,.home-product{grid-template-columns:1fr}.home-services>article{display:block;width:100%;height:300px;margin:15px 0}.client-react{grid-template-columns:1fr 1fr}}.ra{min-height:100vh;background:#f3f5f8}.ra>aside{position:fixed;inset:0 auto 0 0;width:264px;padding:24px 18px;display:flex;flex-direction:column;background:linear-gradient(#1d2330,#171c27)}.ra-logo{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid #ffffff18;color:#8992a2;text-decoration:none}.ra-logo img{width:165px;filter:brightness(0) invert(1)}.ra>aside nav{display:grid;gap:5px;margin-top:28px}.ra>aside nav a{padding:13px 16px;border-radius:10px;color:#adb5c3;text-decoration:none;font-size:13px}.ra>aside nav a.active{background:#c5414c28;color:#fff;box-shadow:inset 3px 0 #d6545e}.ra>aside>button{margin-top:auto;padding:13px;border:0;border-top:1px solid #ffffff18;background:transparent;color:#8992a2;text-align:left}.ra-main{margin-left:264px}.ra-main>header{height:92px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e3e6ea}.ra-main>header p{margin:0;color:#9a9fa8;font-size:9px;letter-spacing:.14em}.ra-main>header h1{margin:4px 0;font-size:25px}.ra-main>header>b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#29334d;color:#fff}.ra-main>main{padding:32px 38px}.ra-login{min-height:100vh;display:grid;place-items:center;background:#f2f3f4}.ra-login form{width:min(430px,calc(100% - 30px));padding:42px;background:#fff;box-shadow:0 20px 60px #1d253015}.ra-login img{width:210px}.ra-login p{margin-top:28px;color:#c04752;font-size:9px;letter-spacing:.16em}.ra-login label{display:grid;gap:7px;margin:17px 0;color:#69717d;font-size:12px}.ra-login input{height:46px;padding:0 13px;border:1px solid #d7dbe0}.ra-login button,.ra-panel-head button,.ra-org button{padding:13px 18px;border:0;border-radius:8px;background:#29334d;color:#fff}.ra-login em{display:block;padding:10px;background:#fff0f1;color:#a53d45}.ra-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ra-stats article{padding:28px;border:1px solid #e1e4e8;border-radius:15px;background:#fff;color:#78808c}.ra-stats strong{display:block;margin-top:12px;color:#252c39;font-size:38px}.ra-panel{padding:28px;border:1px solid #e1e4e8;border-radius:16px;background:#fff}.ra-panel-head{display:flex;justify-content:space-between}.ra-panel-head h2{margin:0}.ra-panel-head p{color:#89909b}.ra-table{margin-top:22px;overflow:auto}.ra-table table{width:100%;min-width:1050px;border-collapse:collapse}.ra-table th,.ra-table td{padding:13px 10px;border-bottom:1px solid #e7e9ed;text-align:left;font-size:12px}.ra-table th{color:#858c97;background:#f7f8f9}.ra-table td img{width:42px;height:42px;border-radius:12px;object-fit:cover}.ra-table td small{display:block;color:#8b929c}.ra-table td a,.ra-table td button{display:inline-block;margin-right:5px;padding:7px 9px;border:1px solid #d7dbe1;border-radius:6px;background:#fff;color:#354058;text-decoration:none;font-size:11px}.ra-modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#181e2a99}.ra-modal form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;width:min(850px,100%);max-height:95vh;padding:30px;overflow:auto;border-radius:17px;background:#fff}.ra-modal h2{grid-column:1/-1}.ra-modal label{display:grid;gap:6px;color:#686f7b;font-size:11px;font-weight:700}.ra-modal input,.ra-modal select{height:43px;padding:0 11px;border:1px solid #d7dbe0}.ra-modal .x{position:absolute;right:20px;top:18px;border:0;background:none;font-size:25px}.ra-modal .submit{grid-column:2;padding:14px;border:0;border-radius:8px;background:#29334d;color:#fff}.back{display:inline-block;margin-bottom:18px;color:#69717d;text-decoration:none}.ra-profile{display:grid;grid-template-columns:280px 1fr;overflow:hidden;border-radius:18px;background:#fff}.ra-profile>div{padding:40px;text-align:center;background:#29334d;color:#fff}.ra-profile img{width:130px;height:130px;border-radius:30px;object-fit:cover}.ra-profile dl{display:grid;grid-template-columns:1fr 1fr;padding:30px}.ra-profile dl div{padding:15px;border-bottom:1px solid #e5e8ec}.ra-profile dt{color:#9399a3;font-size:10px}.ra-profile dd{margin:7px 0;font-weight:700}.ra-org{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ra-org section{padding:25px;border:1px solid #e0e4e9;border-radius:16px;background:#fff}.ra-org section:first-child{grid-column:1/-1}.ra-org form{display:flex;gap:8px;margin:18px 0}.ra-org input,.ra-org select{height:42px;padding:0 11px;border:1px solid #d7dbe0}.ra-org article{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid #e9ebee}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{padding:9px 12px;border:1px solid #dfe3e8;border-radius:9px;background:#f8f9fa;font-size:12px}@media(max-width:800px){.ra>aside{position:static;width:100%}.ra-main{margin:0}.ra-main>main{padding:20px}.ra-stats,.ra-org,.ra-profile{grid-template-columns:1fr}.ra-org section:first-child{grid-column:auto}.ra-modal form{grid-template-columns:1fr}.ra-modal .submit{grid-column:1}.ra-profile dl{grid-template-columns:1fr}}.ra>aside{width:224px;padding:20px 14px;transition:width .22s ease}.ra-main{margin-left:224px;transition:margin-left .22s ease}.ra-logo{height:58px;padding:8px 10px}.ra-logo .logo-full{width:146px}.ra-logo .logo-symbol{display:none;width:37px;height:34px;filter:none}.ra-logo small{margin-left:auto;font-size:8px}.sidebar-toggle{position:absolute;z-index:3;right:-13px;top:72px;width:27px;height:27px;padding:0;border:1px solid #3a4352;border-radius:50%;background:#242b38;color:#c8ced8;box-shadow:0 4px 10px #11172240;cursor:pointer}.ra>aside nav{gap:3px;margin-top:24px}.ra>aside nav a{display:flex;align-items:center;min-height:43px;padding:0 12px;border-radius:9px;white-space:nowrap}.ra>aside nav a i,.logout i{display:grid;place-items:center;flex:0 0 25px;margin-right:10px;color:#d7dce4;font-size:16px;font-style:normal}.ra>aside nav a span,.logout span{overflow:hidden}.settings-group{margin-top:14px;padding-top:14px;border-top:1px solid #ffffff13}.settings-group>b{display:block;margin:0 12px 8px;color:#697282;font-size:8px;letter-spacing:.16em}.logout{display:flex;align-items:center}.sidebar-collapsed>aside{width:76px;padding-left:10px;padding-right:10px}.sidebar-collapsed .ra-main{margin-left:76px}.sidebar-collapsed .ra-logo{justify-content:center;padding:8px 4px}.sidebar-collapsed .logo-full,.sidebar-collapsed .ra-logo small{display:none}.sidebar-collapsed .logo-symbol{display:block}.sidebar-collapsed>aside nav a{justify-content:center;padding:0}.sidebar-collapsed>aside nav a i,.sidebar-collapsed .logout i{margin:0}.sidebar-collapsed>aside nav a span,.sidebar-collapsed .logout span,.sidebar-collapsed .settings-group>b{display:none}.sidebar-collapsed .settings-group{padding-top:10px}.sidebar-collapsed .logout{justify-content:center}.ra-main>main{max-width:1700px;margin:0 auto;padding:28px 32px}.section-kicker{margin:0 0 7px;color:#bf4751!important;font-size:9px!important;font-weight:800;letter-spacing:.16em}.employee-panel{padding:0;overflow:hidden}.employee-toolbar{display:flex;align-items:center;justify-content:space-between;padding:25px 28px}.employee-toolbar h2{margin:0 0 6px;font-size:22px}.employee-toolbar span,.organization-intro span,.code-page>header span{color:#858c97;font-size:12px}.employee-toolbar>button,.organization-intro button,.code-grid form button{padding:12px 17px;border:0;border-radius:8px;background:#29334d;color:#fff;font-weight:700}.list-controls{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-top:1px solid #e7e9ed;border-bottom:1px solid #e7e9ed;background:#f8f9fa}.list-controls form{display:flex;width:min(620px,75%)}.list-controls input{flex:1;height:42px;padding:0 14px;border:1px solid #d9dde3;border-radius:8px 0 0 8px;outline:0}.list-controls form button{min-width:70px;border:0;background:#44516a;color:#fff}.list-controls form .clear{min-width:65px;background:#7b8493}.list-controls>select{height:42px;padding:0 12px;border:1px solid #d9dde3;border-radius:8px;background:#fff}.employee-panel .ra-table{margin:0;padding:0 28px}.pagination{display:flex;align-items:center;justify-content:center;gap:5px;padding:22px 28px;border-top:1px solid #edf0f2}.pagination button{width:34px;height:34px;border:1px solid #dde1e6;border-radius:7px;background:#fff;color:#667080;cursor:pointer}.pagination button.active{border-color:#29334d;background:#29334d;color:#fff}.pagination button:disabled{opacity:.35;cursor:not-allowed}.pagination span{margin-left:10px;color:#8a919b;font-size:11px}.no-result{height:180px!important;text-align:center!important;color:#8b929c}.input-action{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:7px}.input-action button{border:1px solid #4b566b;border-radius:6px;background:#fff;color:#354057;font-size:11px;font-weight:700}.address-input{grid-column:1/-1}.profile-form{display:grid;gap:16px;max-width:560px;margin-top:24px}.profile-form label{display:grid;gap:7px;color:#676f7b;font-size:12px;font-weight:700}.profile-form input{height:46px;padding:0 13px;border:1px solid #d7dbe0}.profile-form button{justify-self:start;padding:13px 18px;border:0;border-radius:8px;background:#29334d;color:#fff}.organization-page{display:grid;gap:20px}.organization-intro{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border:1px solid #e0e4e9;border-radius:16px;background:#fff}.organization-intro h2,.code-page>header h2{margin:0 0 6px;font-size:22px}.organization-intro form{display:flex;gap:8px}.organization-intro input,.organization-intro select,.code-grid input{height:42px;padding:0 12px;border:1px solid #d8dce2;border-radius:8px;background:#fff}.organization-canvas{min-height:560px;padding:36px;overflow:auto;border:1px solid #dfe3e8;border-radius:18px;background-color:#f8fafc;background-image:radial-gradient(#d9dee6 1px,transparent 1px);background-size:20px 20px}.organization-canvas>.org-branch>article{width:260px;margin:0 auto 28px;background:#29334d;color:#fff}.org-branch article{position:relative;display:flex;align-items:center;gap:12px;min-width:210px;padding:15px 17px;border:1px solid #dce1e7;border-radius:12px;background:#fff;box-shadow:0 7px 22px #2530470b}.org-branch article i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#eef2f7;color:#52617a;font-size:12px;font-style:normal}.org-branch article div{display:flex;flex:1;align-items:center;justify-content:space-between;gap:15px}.org-branch article b{font-size:12px}.org-branch article span{padding:4px 7px;border-radius:20px;background:#edf3fa;color:#46729f;font-size:9px}.org-children{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:18px;padding-top:25px}.org-children:before{content:"";position:absolute;top:0;left:10%;right:10%;border-top:1px solid #cbd2dc}.org-children>.org-branch{position:relative;flex:1}.org-children>.org-branch:before{content:"";position:absolute;top:-25px;left:50%;height:25px;border-left:1px solid #cbd2dc}.org-children .org-children{display:grid;grid-template-columns:1fr;gap:9px;padding-top:18px}.org-children .org-children:before{inset:0 auto 15px 18px;border-top:0;border-left:1px solid #d6dbe2}.org-children .org-children>.org-branch:before{top:50%;left:-9px;width:27px;height:0;border-top:1px solid #d6dbe2;border-left:0}.code-page{display:grid;gap:20px}.code-page>header{padding:25px 28px;border:1px solid #e0e4e9;border-radius:16px;background:#fff}.code-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.code-grid>section{padding:25px;border:1px solid #e0e4e9;border-radius:16px;background:#fff}.code-grid>section>div{display:flex;align-items:center;justify-content:space-between}.code-grid h3{margin:0}.code-grid>section>div>b{padding:5px 9px;border-radius:20px;background:#eef2f7;color:#617087;font-size:10px}.code-grid form{display:grid;grid-template-columns:1fr 70px;gap:7px;margin:20px 0}.code-grid ol{margin:0;padding:0;list-style:none;border-top:1px solid #e7e9ed}.code-grid li{display:grid;grid-template-columns:38px 1fr 45px;align-items:center;min-height:49px;border-bottom:1px solid #edf0f2}.code-grid li i{color:#a0a6af;font-size:10px;font-style:normal}.code-grid li span{font-size:12px;font-weight:700}.code-grid li button{border:0;background:transparent;color:#ad5359;font-size:10px}.ra-org{display:none}@media(max-width:900px){.code-grid{grid-template-columns:1fr}.organization-intro{align-items:flex-start;gap:20px}.organization-intro form{display:grid}.org-children{min-width:800px}.list-controls{align-items:stretch;gap:10px}.list-controls form{width:100%}}@media(max-width:800px){.ra>aside,.sidebar-collapsed>aside{position:static;width:100%}.ra-main,.sidebar-collapsed .ra-main{margin:0}.sidebar-toggle{display:none}.ra-logo .logo-full,.sidebar-collapsed .logo-full{display:block}.ra-logo .logo-symbol{display:none}.ra>aside nav{grid-template-columns:1fr 1fr}.settings-group{grid-column:1/-1}.ra>aside nav a span,.sidebar-collapsed>aside nav a span,.logout span{display:block}.ra>aside nav a i,.sidebar-collapsed>aside nav a i{margin-right:10px}.employee-toolbar,.organization-intro{display:grid;gap:18px}.list-controls{display:grid}.employee-panel .ra-table{padding:0 14px}.address-input{grid-column:auto}}.menu-icon{display:block;width:21px;height:21px}.sidebar-collapsed>aside nav a{width:48px;min-height:48px;margin:0 auto;justify-content:center;padding:0;border-radius:12px}.sidebar-collapsed>aside nav a i,.sidebar-collapsed .logout i{width:38px;height:38px;flex-basis:38px;margin:0;border-radius:10px;background:#ffffff09}.sidebar-collapsed>aside nav a:hover i{background:#ffffff13}.sidebar-collapsed>aside nav a.active i{background:#ffffff1a;color:#fff}.sidebar-collapsed .menu-icon{width:23px;height:23px}.sidebar-collapsed .logout{width:48px;height:48px;margin:0 auto;padding:0;border-radius:12px}@media(max-width:800px){.sidebar-collapsed>aside nav a{width:auto;margin:0;justify-content:flex-start;padding:0 12px}.sidebar-collapsed>aside nav a i,.sidebar-collapsed .logout i{width:25px;height:auto;flex-basis:25px;margin-right:10px;background:transparent}.sidebar-collapsed .logout{width:auto;height:auto;margin:0;justify-content:flex-start}}.employee-panel .ra-table table{min-width:1180px}.employee-search-form .department-filter{flex:0 0 220px;height:42px;margin-right:8px;padding:0 34px 0 12px;border:1px solid #d9dde3;border-radius:8px;background-color:#fff;color:#3d4656}@media(max-width:900px){.employee-search-form{display:grid!important;grid-template-columns:1fr auto auto;gap:8px}.employee-search-form .department-filter{grid-column:1 / -1;width:100%;margin:0}}.employee-photo{cursor:zoom-in;transition:transform .16s ease,box-shadow .16s ease}.employee-photo:hover{transform:scale(1.08);box-shadow:0 5px 14px #181f2c33}.joined-date{white-space:nowrap;color:#596273;font-variant-numeric:tabular-nums}.photo-preview{position:fixed;z-index:120;width:244px;padding:8px;pointer-events:none;border:1px solid rgba(216,221,228,.95);border-radius:16px;background:#fff;box-shadow:0 20px 55px #12192640;animation:photo-preview-in .14s ease-out}.photo-preview img{display:block;width:100%;height:232px;border-radius:10px;background:#eef1f5;object-fit:cover}.photo-preview span{display:block;padding:9px 7px 3px;color:#293247;font-size:12px;font-weight:800}@keyframes photo-preview-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(hover:none){.photo-preview{display:none}.employee-photo{cursor:default}}