@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@/v1.3.9/dist/web/variable/pretendardvariable.min.css";header[data-v-a49a8de8]{width:calc(100% - 320px);height:70px;min-height:70px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0 160px;background-color:#fff;box-shadow:0 4px 4px #0000000f;nav[data-v-a49a8de8] {flex: 1; height: 100%; margin-left: 66px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; .title[data-v-a49a8de8] {font-size: 16px; color: #2064e8; flex-direction: column; cursor: pointer; z-index: 10; font-weight: 700; & + title[data-v-a49a8de8] {margin-left: 32px;} .material-symbols-outlined[data-v-a49a8de8] {font-size: 16px;}}}}.sub-title[data-v-a49a8de8]{display:flex;align-items:flex-start;justify-content:flex-start;position:absolute;width:calc(100% - 588px);height:60px;padding:0 294px;top:70px;line-height:60px;border-top:1px solid rgba(0,0,0,.15);z-index:12;background-color:#2064e8;box-shadow:0 4px 4px #0000000f;a[data-v-a49a8de8] {color: #9bbdff; cursor: pointer; font-size: 15px; font-weight: 700; &[data-v-a49a8de8]:hover {color: #ffffff;}} .title + .title[data-v-a49a8de8] {margin-left: 72px;}}.background[data-v-a49a8de8]{top:130px;left:0;position:fixed;width:100%;height:calc(100vh - 130px);background-color:#0003}.menuHeader[data-v-42ff32dc]{height:32px;display:flex;align-items:center;font-size:16px;font-weight:700;cursor:pointer;span + span[data-v-42ff32dc] {margin-left: 5px;}}.menuRouter[data-v-42ff32dc]{height:32px;display:flex;align-items:center;font-size:16px;cursor:pointer}.menuChild[data-v-42ff32dc]{margin-left:11px;padding-left:18px;border-left:1px solid}.material-symbols-outlined[data-v-42ff32dc]{width:24px;cursor:pointer}.leftSide[data-v-08576da5]{width:250px;height:100%;display:flex;flex-direction:column;box-shadow:0 4px 4px #0000000f}.menu[data-v-08576da5]{flex:1;padding:25px}.lodingBackground[data-v-7215a2f4]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.root_login[data-v-4b97bb58]{position:relative;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:url(/assets/login_back.c6673b98.png) no-repeat 50% / cover;overflow:hidden;&[data-v-4b97bb58]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.16)}}.login-box[data-v-4b97bb58]{position:relative;display:inline-block;text-align:center;align-items:center;.title-image[data-v-4b97bb58] {background: url(/images/login-title.png); width: 380px; height: 60px; margin-bottom: 10px;} .title[data-v-4b97bb58] {width: 100%; height: 100%; margin-bottom: 10px; text-align: center; color: #1089A3; font-size: 48px; text-shadow: 2px 2px 4px rgba(0,0,0,.2);} .sub-title[data-v-4b97bb58] {font-family: "BMHANNAPro",sans-serif; margin: 12px 0 30px; text-align: center; font-size: 24px; color: #fff;} .logo[data-v-4b97bb58] {font-family: "BMHANNAPro",sans-serif; font-size: 52px; color: #fff; span[data-v-4b97bb58] {display: inline-block; color: gold; margin-right: 8px; font-size: 64px; transition: transform 1.5s; &.active[data-v-4b97bb58]{transform: rotateY(1080deg);}}} input[data-v-4b97bb58] {width: 296px; height: 42px; text-align: center; border: 1px solid #EDEDED; border-radius: 3px; margin: 0 0 12px 0; padding-bottom: 2px; color: gray; font-size: 14px; outline: none; transition: all 1s; opacity: 0; transform: translateY(40px); box-shadow: 0 2px 5px rgba(0,0,0,.2); &.active[data-v-4b97bb58] {opacity: 1; transform: translateY(0px);}} .btn-login[data-v-4b97bb58] {width: 296px; height: 42px; background: #FA4B26; border: 0; border-radius: 3px; color: #fff; padding-bottom: 2px; font-size: 15px; font-weight: bold; transition: all 1s; opacity: 0; transform: translateY(40px); box-shadow: 0 2px 5px rgba(0,0,0,.2); &.active[data-v-4b97bb58] {opacity: 1; transform: translateY(0px);}}}.MainContainer[data-v-58fde755]{height:calc(100vh - 70px);width:100%;display:flex;justify-content:space-between}.RouterContainer[data-v-58fde755]{flex:1;height:calc(100% - 40px);padding:20px}body{margin:0;font-family:Pretendard Variable,Roboto,Noto Sans KR,Malgun Gothic,sans-serif;font-size:12px;font-weight:400;color:#333}a{color:#333;font-style:normal;text-decoration:none}#app{width:100vw;height:100vh;min-width:1280px;overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" -25,"opsz" 24}.button_group{display:flex}.button{padding:4px;border:1px solid #EEEEEE;cursor:pointer;&:hover{font-weight:600;color:#5068df;background-color:#ccc}&.selected{font-weight:600;color:#fff;background-color:#5068df;border-color:#5068df}&:first-of-type{border-radius:4px 0 0 4px}&:last-of-type{border-radius:0 4px 4px 0}&:first-of-type:last-of-type{border-radius:4px}&+.button{border-left:0px}}.button.sumbit{color:#2064e8;border-color:#2064e8;&:hover{background-color:#ccf;border-color:#2064e8}&.selected{background-color:#ccf;border-color:#2064e8}}.button.reject{color:red;border-color:red;&:hover{background-color:#fcc;border-color:red}&.selected{background-color:#fcc;border-color:red}}