:root{--color-bg:#87a1fd;--color-bg-gray:#f4f1f1;--color-text-white:#fdfdfd;--color-text-black:#010101;--color-input-text:#b9b5b5;--color-point-pink:#ffb4b4;--color-point-yellow:#fdea87;--color-point-warning:#ff3f3f;--color-divide:#868484;--font-logo:"Montserrat",sans-serif}*{color:#010101;color:var(--color-text-black);font-family:Montserrat,sans-serif;font-family:Noto Sans KR,sans-serif;list-style-type:none;margin:0;padding:0}button{background-color:#fdfdfd;border:none}button:hover{cursor:pointer}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f1f1;background-color:var(--color-bg-gray);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.signupBackground{background-color:var(--color-bg);background-image:url(/static/media/airplane.420196070e810a7c2d4b.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-direction:column;height:100vh;width:100vw}.signupMainContainer{background-color:var(--color-text-white);border-radius:2%;display:flex;flex-direction:column;height:85vh;justify-content:space-around;margin:60px auto 0;text-align:center;width:50vw}.signupMainContainer h1{font-size:2.5rem;font-weight:700}.signupMainContainer h2{font-family:var(--font-logo);font-size:4.5rem}.signupMainContainer .authArea{align-self:center;display:flex;flex-direction:row;justify-content:space-between;width:35vw}.signupMainContainer .authArea .formArea{display:flex;flex-direction:column;justify-content:space-between;margin-right:1vw;width:100%}.signupMainContainer .authArea .formArea .authForm{display:flex}.signupMainContainer .authArea .formArea .authForm .accArea{font-size:1.2rem;font-weight:700;justify-content:flex-start;padding:1vw;width:100%}.signupMainContainer .authArea .formArea .confirmForm{display:flex}.signupMainContainer .authArea .formArea .confirmForm input{border:1px solid var(--color-divide);font-size:1.2rem;font-weight:700;justify-content:flex-start;padding:1vw;width:100%}.signupMainContainer .authArea .formArea .confirmForm .verifyCode{border-radius:0 0 5px 5px;border-top:none}.signupMainContainer .authArea .btnArea{display:flex;flex-direction:column;justify-content:space-around}.signupMainContainer .authArea .btnArea .authBtn,.signupMainContainer .authArea .btnArea .confirmBtn{background-color:var(--color-bg);border:0;border-radius:.3rem;color:var(--color-text-white);font-size:1.2rem;font-weight:700;height:6.5vh;width:5vw}.signupMainContainer .signupForm{align-items:center;display:flex;flex-direction:column}.signupMainContainer .signupForm .signupInputArea{border-radius:.3rem;display:flex;flex-direction:column;width:35vw}.signupMainContainer .signupForm .signupInputArea input{border:1px solid var(--color-divide);border-bottom:none;font-size:1.2rem;font-weight:700;padding:1vw;width:33vw}.signupMainContainer .signupForm .signupInputArea .email{border-radius:5px 5px 0 0}.signupMainContainer .signupForm .signupInputArea .passwordCo{border-bottom:1px solid var(--color-divide);border-radius:0 0 5px 5px}.signupMainContainer .registerBtn{align-self:center;background-color:var(--color-bg);border:0;border-radius:.3rem;color:var(--color-text-white);font-size:1.2rem;font-weight:700;height:6vh;padding:1vh;width:35vw}.loginBackground{background-color:var(--color-bg);background-image:url(/static/media/airplane.420196070e810a7c2d4b.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-direction:column;height:100vh;width:100vw}.loginMainContainer{background-color:var(--color-text-white);border-radius:2%;display:flex;flex-direction:column;height:85vh;margin:60px auto 0;text-align:center;width:50vw}.loginMainContainer .loginMainSec{justify-content:center}.loginMainContainer .logoArea{display:flex;flex-grow:0.3;justify-content:flex-end;margin-right:2vw}.loginMainContainer .logoArea .logo{font-family:var(--font-logo);margin-left:-1vw}.loginMainContainer .loginH1{font-size:1.6rem;font-weight:700}.loginMainContainer .loginH2{font-family:var(--font-logo);font-size:4rem;margin-top:1rem}.loginMainContainer .loginForm{align-items:center;margin-top:5vh}.loginMainContainer .loginForm,.loginMainContainer .loginForm .loginInputArea{display:flex;flex-direction:column}.loginMainContainer .loginForm .loginInputArea input{border:1px solid var(--color-divide);font-size:1.2rem;font-weight:700;padding:1vw;width:38vw}.loginMainContainer .loginForm .loginInputArea .email{border-radius:5px 5px 0 0}.loginMainContainer .loginForm .loginInputArea .password{border-radius:0 0 5px 5px;border-top:none}.loginMainContainer .loginForm .loginBtn{background-color:var(--color-bg);border:0;border-radius:.3rem;color:var(--color-text-white);font-size:1.2rem;font-weight:600;height:6vh;line-height:4vh;margin-top:3vh;padding:1vh;width:40vw}.loginMainContainer .registerBtn{align-self:center;background-color:var(--color-text-white);border:0;font-size:1.2rem;font-weight:700;height:4vh;margin-top:1vh;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.diaryPreview{display:flex;flex-direction:row;flex-wrap:nowrap;font-weight:700;justify-content:space-between;padding-top:8vh;width:90%}.diaryPreview .diaryInfo{display:flex;flex-direction:column}.diaryPreview .diaryInfo .tripLoca{font-size:1.5rem}.diaryPreview .diaryInfo .tripName{font-size:2.5rem}.diaryPreview .diaryInfo .tripDate{font-size:1rem}.diaryPreview .diaryIcons .airplane{background-color:var(--color-bg-gray);border-radius:50%;padding:1vw;width:6vw}.diaryPreview:hover{cursor:pointer}.header{display:flex;flex-direction:row;justify-content:space-between}.header .diaryInH1{font-size:2.5rem;margin-left:100px;padding-top:5vh}.header .diaryInH2{font-size:3rem;margin-bottom:2rem;margin-left:100px}.header .logoArea{margin-right:100px}.header .logoArea .logout{margin-right:2vw}.header .logoArea .logout button{background-color:var(--color-bg);color:var(--color-text-white);font-size:1.5rem;font-weight:600;height:6vh;width:7vw}.tripInto,.tripInto .tripInfo{align-items:center;display:flex;justify-content:space-around}.tripInto .tripInfo{flex-direction:column}.tripInto .tripInfo nav{background-color:var(--color-bg);border-radius:20px 20px 0 0;font-size:2rem;font-weight:600;height:7vh;line-height:7vh;text-align:center;width:9vw;z-index:100}.tripInto .tripInfo .tripList{align-items:center;background-color:var(--color-text-white);border-radius:20px;display:flex;flex-direction:column;height:60vh;justify-content:flex-start;margin-top:-3vh;overflow-y:scroll;width:50vw}.tripInto .tripInfo .tripList button{color:var(--color-input-text);font-size:2rem}.tripInto .tripInfo .empty{justify-content:center}.tripInto .tripInfo::-webkit-scrollbar{width:12px}.tripInto .tripInfo::-webkit-scrollbar-track{background:var(--color-text-white)}.tripInto .tripInfo::-webkit-scrollbar-thumb{background:var(--color-bg);border-radius:6px}.goBtn{align-items:center;border:none;border-radius:20px;display:flex;font-size:2rem;font-weight:600;height:20vh;justify-content:flex-end;margin-top:5vh;width:30vw}.goBtn,.goBtn span{background-color:var(--color-text-white)}.goBtn span{flex-grow:2}.goBtn .next{background-color:var(--color-point-pink);border-radius:0 15px 15px 0;height:18vh;margin-right:.5vw;width:3vw}.goBtn .yellow{background-color:var(--color-point-yellow)}.loading{align-items:center;display:flex;flex-direction:column}.diarySetupMain{height:100vh;position:relative;width:100vw}.diarySetupMain .diaryH1{margin-left:5vw;margin-top:0;padding-top:5vh}.diarySetupMain .diaryH2{margin-left:5vw;margin-top:2vh}.diarySetupMain .airplaneLogo{height:5vh;left:29%;position:absolute;top:69%;width:6vw;z-index:600}.diaryForm{background-color:var(--color-text-white);border-radius:20px;display:flex;flex-direction:row;flex-wrap:wrap;height:50vh;justify-content:space-evenly;left:50%;margin-left:-35vw;margin-top:-25vh;position:absolute;top:50%;width:70vw;z-index:200}.diaryForm section{background:var(--color-text-white);display:flex;flex-direction:column}.diaryForm .logoArea{display:flex;font-size:2rem;font-weight:700;height:7vh;justify-content:flex-end;line-height:8vh;margin-right:2vw;padding-top:1.5vh;width:100%}.diaryForm .logoArea .logo{height:50px;width:50px}.diaryForm .logoArea figcaption{font-family:var(--font-logo);line-height:3.5rem;margin-left:.5vw}.diaryForm button,.diaryForm input,.diaryForm label,.diaryForm select{font-size:1.2rem;font-weight:600;width:20vw}.diaryForm input,.diaryForm select{border:2px solid var(--color-input-text);border-radius:5px;font-size:1rem;margin-top:1vh;padding:7px;width:15vw}.diaryForm input:focus,.diaryForm select:focus{outline:none}.diaryForm .makeDiary{align-items:flex-end;border-radius:5px;height:4vh;line-height:4vh;margin-left:51vw;width:6vw}.diaryForm .boardingArea,.diaryForm .makeDiary{background-color:var(--color-bg);color:var(--color-text-white)}.diaryForm .boardingArea{align-self:flex-end;border-radius:0 0 20px 20px;font-size:1.5rem;font-weight:700;height:8vh;line-height:8vh;padding-left:2vw;text-transform:uppercase;width:100%}.backgroundForm{background-color:var(--color-text-white);border-radius:20px;display:flex;flex-direction:column;height:50vh;justify-content:flex-end;left:50%;margin-left:-35vw;margin-top:-25vh;position:absolute;rotate:-20deg;top:50%;width:70vw;z-index:100}.backgroundForm .backgroundFooter{background-color:var(--color-bg);border-radius:0 0 20px 20px;color:var(--color-text-white);font-size:1.5rem;font-weight:700;height:8vh;line-height:8vh;padding-left:2vw;text-transform:uppercase}.exchangePage{display:flex;justify-content:space-around}.exchangeHeader{background-color:var(--color-point-pink);border-radius:50px 20px 20px 50px;height:94vh;margin-left:1.5vw;margin-top:3vh;width:10vw}.exchangeHeader .exchangeName{align-items:center;color:var(--color-text-white);display:flex;flex-direction:column;font-size:2.5rem;font-weight:600;margin-top:6vh}.exchangeForm{display:flex;height:88vh;justify-content:space-evenly;margin-top:6vh;width:90vw}.exchangeForm .accountInfo,.exchangeForm .personalInfo{display:flex;flex-direction:column;font-weight:600;justify-content:space-around;width:32vw}.exchangeForm .accountInfo .intro,.exchangeForm .personalInfo .intro{display:flex;font-size:2.5rem}.exchangeForm .accountInfo .intro .hello,.exchangeForm .personalInfo .intro .hello{margin-right:1vw}.exchangeForm .accountInfo .intro img,.exchangeForm .personalInfo .intro img{margin-top:-3vh;width:5vw}.exchangeForm .accountInfo .exMoney,.exchangeForm .accountInfo .exRate,.exchangeForm .personalInfo .exMoney,.exchangeForm .personalInfo .exRate{background-color:var(--color-text-white);display:flex;flex-direction:column;font-size:1.5rem;font-weight:600;padding:1vw}.exchangeForm .accountInfo .exMoney label,.exchangeForm .accountInfo .exRate label,.exchangeForm .personalInfo .exMoney label,.exchangeForm .personalInfo .exRate label{color:var(--color-bg)}.exchangeForm .accountInfo .exMoney .exchangeRate,.exchangeForm .accountInfo .exRate .exchangeRate,.exchangeForm .personalInfo .exMoney .exchangeRate,.exchangeForm .personalInfo .exRate .exchangeRate{border:none}.exchangeForm .accountInfo .exRate,.exchangeForm .personalInfo .exRate{height:18vh;justify-content:space-between}.exchangeForm .accountInfo .exRate .pfRate,.exchangeForm .personalInfo .exRate .pfRate{align-self:flex-end;font-size:3rem;margin-right:4vw;width:3vw}.exchangeForm .accountInfo .exMoney,.exchangeForm .personalInfo .exMoney{display:flex;flex-direction:column;height:40vh;justify-content:space-between}.exchangeForm .accountInfo .exMoney .exOption,.exchangeForm .accountInfo .exMoney .kwdChange,.exchangeForm .personalInfo .exMoney .exOption,.exchangeForm .personalInfo .exMoney .kwdChange{align-self:center;display:flex}.exchangeForm .accountInfo .exMoney .exOption .changedMoney,.exchangeForm .accountInfo .exMoney .exOption .expectedMoney,.exchangeForm .accountInfo .exMoney .exOption .koreaMoney,.exchangeForm .accountInfo .exMoney .exOption select,.exchangeForm .accountInfo .exMoney .kwdChange .changedMoney,.exchangeForm .accountInfo .exMoney .kwdChange .expectedMoney,.exchangeForm .accountInfo .exMoney .kwdChange .koreaMoney,.exchangeForm .accountInfo .exMoney .kwdChange select,.exchangeForm .personalInfo .exMoney .exOption .changedMoney,.exchangeForm .personalInfo .exMoney .exOption .expectedMoney,.exchangeForm .personalInfo .exMoney .exOption .koreaMoney,.exchangeForm .personalInfo .exMoney .exOption select,.exchangeForm .personalInfo .exMoney .kwdChange .changedMoney,.exchangeForm .personalInfo .exMoney .kwdChange .expectedMoney,.exchangeForm .personalInfo .exMoney .kwdChange .koreaMoney,.exchangeForm .personalInfo .exMoney .kwdChange select{border:1px solid var(--color-divide);color:var(--color-divide);font-size:1.3rem;font-weight:600;height:5vh;line-height:5.5vh;text-align:center;width:7vw}.exchangeForm .accountInfo .exMoney .exOption select,.exchangeForm .accountInfo .exMoney .kwdChange select,.exchangeForm .personalInfo .exMoney .exOption select,.exchangeForm .personalInfo .exMoney .kwdChange select{height:5.3vh}.exchangeForm .accountInfo .exMoney .exOption .changedMoney,.exchangeForm .accountInfo .exMoney .exOption .expectedMoney,.exchangeForm .accountInfo .exMoney .kwdChange .changedMoney,.exchangeForm .accountInfo .exMoney .kwdChange .expectedMoney,.exchangeForm .personalInfo .exMoney .exOption .changedMoney,.exchangeForm .personalInfo .exMoney .exOption .expectedMoney,.exchangeForm .personalInfo .exMoney .kwdChange .changedMoney,.exchangeForm .personalInfo .exMoney .kwdChange .expectedMoney{border-left:none;padding-left:1vw;text-align:left;width:13vw}.exchangeForm .accountInfo .exMoney .same,.exchangeForm .personalInfo .exMoney .same{align-self:center;background-color:var(--color-bg);border-radius:50%;color:var(--color-text-white);font-size:2rem;height:6vh;line-height:6.5vh;text-align:center;width:3vw}.exchangeForm .personalInfo{background-color:var(--color-text-white);padding:1vw}.exchangeForm .personalInfo .howToGet div,.exchangeForm .personalInfo .pickPlace div{color:var(--color-bg);font-size:1.5rem}.exchangeForm .personalInfo .howToGet .visited,.exchangeForm .personalInfo .pickPlace .visited{display:inline-block;font-size:2rem;height:6vh;line-height:6vh;margin-top:2vh;text-align:center;width:12vw}.exchangeForm .personalInfo .howToGet .Atm,.exchangeForm .personalInfo .pickPlace .Atm{margin-right:1vw}.exchangeForm .personalInfo .howToGet input[type=radio]:checked,.exchangeForm .personalInfo .pickPlace input[type=radio]:checked{background-color:var(--color-bg)}.exchangeForm .personalInfo .getDate,.exchangeForm .personalInfo .phoneNum{display:flex;flex-direction:column}.exchangeForm .personalInfo .getDate label,.exchangeForm .personalInfo .phoneNum label{color:var(--color-bg);font-size:1.5rem}.exchangeForm .personalInfo .pickPlace .locations{height:3vw;margin-bottom:31vh;margin-top:3vh}.exchangeForm .personalInfo .pickPlace .locations .locaBtn .address,.exchangeForm .personalInfo .pickPlace .locations .locaBtn .branchName{color:var(--color-text-black);font-size:1rem;font-weight:500;text-align:left}.exchangeForm .personalInfo .pickPlace .locations .locaBtn{margin-top:1vh}.exchangeForm .personalInfo .pickPlace .locations .locaBtn:hover{cursor:pointer}.exchangeForm .personalInfo .getDate,.exchangeForm .personalInfo .howToGet,.exchangeForm .personalInfo .phoneNum{flex-grow:1}.exchangeForm .personalInfo .getDate .visited,.exchangeForm .personalInfo .howToGet .visited,.exchangeForm .personalInfo .phoneNum .visited{border:1px solid var(--color-divide);font-size:1.5rem;height:5vh;width:10vw}.exchangeForm .personalInfo .getDate input[type=radio],.exchangeForm .personalInfo .howToGet input[type=radio],.exchangeForm .personalInfo .phoneNum input[type=radio]{display:none;margin:1rem}.exchangeForm .personalInfo .getDate .selected,.exchangeForm .personalInfo .howToGet .selected,.exchangeForm .personalInfo .phoneNum .selected{background-color:var(--color-bg);border:none;color:var(--color-text-white)}.exchangeForm .personalInfo .getDate{color:var(--color-divide);font-size:1.5rem;height:5vh;margin-top:1vh;width:80%}.exchangeForm .personalInfo .getDate .receiptDate{font-size:1rem;height:5vh;margin-top:2vh;width:10vw}.exchangeForm .personalInfo .exchangeSec{display:flex;flex-grow:1;justify-content:flex-end}.exchangeForm .personalInfo .exchangeSec .exchangeBtn{align-self:flex-end;background-color:var(--color-bg);color:var(--color-text-white);font-size:1.2rem;font-weight:600;height:5vh;width:7vw}.diaryLogo{display:flex;justify-content:space-between;padding:1rem}.logoArea{align-items:center;display:flex}.logoArea img{width:4vw}.logoArea div{font-family:var(--font-logo);font-size:2.5rem;font-weight:700;padding-left:1vw}.settings{align-items:center;display:flex;justify-content:space-around;width:23vw}.settings .logout,.settings div{font-size:1.5rem;font-weight:600}.settings .logout{background-color:var(--color-bg);color:var(--color-text-white);height:6vh;width:7vw}.settings .settingBtn{background:none}.settings img{margin-right:2vw;width:3vw}.settings img:hover{cursor:pointer}.moneyArea{display:flex;justify-content:space-between}.moneyArea .infoArea{margin-left:5vw}.moneyArea .infoArea .infoH1{font-size:1.5rem}.moneyArea .infoArea .infoH2{font-size:2.5rem;margin-top:1vh}.moneyArea .dashboard{display:flex;flex-direction:column;margin-right:5vw;width:50vw}.moneyArea .dashboard .dashText{font-size:2rem;font-weight:600;margin-bottom:1vh;text-transform:uppercase}.moneyArea .dashboard .boardArea{display:flex;height:15vh;justify-content:space-between}.moneyArea .dashboard .boardArea .restCash,.moneyArea .dashboard .boardArea .restMoney,.moneyArea .dashboard .boardArea .spentMoney{align-items:center;background-color:var(--color-point-pink);border-radius:20px;display:flex;width:16vw}.moneyArea .dashboard .boardArea .restMoney{background-color:var(--color-bg)}.moneyArea .dashboard .boardArea .restCash{background-color:var(--color-point-yellow)}.moneyArea .dashboard .boardArea .viewCurrency{background-color:var(--color-text-white);border-radius:50%;font-size:2rem;font-weight:600;height:7.5vh;line-height:7.5vh;margin:0 1vw;text-align:center;width:4vw}.moneyArea .dashboard .boardArea .moneyPart{font-size:2rem;font-weight:600}.moneyArea .dashboard .boardArea .moneyDesc{font-size:1rem;font-weight:400;line-height:10px}.calArea{align-items:center;display:flex;flex-direction:column}.calArea .calHeader{border-radius:10px 10px 0 0;display:flex;height:6vh;justify-content:space-between;line-height:6.5vh;margin-top:3vh;width:91vw}.calArea .calHeader li{background-color:var(--color-bg);color:var(--color-text-white);font-size:2.5rem;font-weight:600;padding-right:1vw;text-align:end;width:11.9vw}.calArea .calHeader .calLiSUN{border-radius:10px 0 0 0}.calArea .calHeader .calLiSAT{border-radius:0 10px 0 0}.calArea .calSelection{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:3vh;width:91vw}.diaryFractal{background-color:var(--color-text-white);display:flex;flex-direction:column;height:24vh;margin-top:.5vh;padding:.5vw;width:11.9vw}.diaryFractal .tripDate{align-self:flex-end;font-weight:600}.diaryFractal .thumbnail{align-self:center;height:20vh;width:7vw}.diaryFractal .totalSum{align-self:flex-end;margin-right:.1vw;margin-top:.1vh}.blocked{background-color:var(--color-divide);pointer-events:none}.settingPage{display:flex;justify-content:space-around}.settingHeader{background-color:var(--color-bg);border-radius:50px 20px 20px 50px;height:94vh;margin-left:1.5vw;margin-top:3vh;width:10vw}.settingHeader .settingNav{align-items:center;display:flex;flex-direction:column;font-size:2.5rem;font-weight:600}.settingHeader .settingNav div{color:var(--color-text-white)}.settingHeader .settingNav .nameArea{font-family:var(--font-logo);margin-top:7vh}.settingMain{background-color:var(--color-text-white);border-radius:30px;display:flex;height:94vh;justify-content:center;margin-top:3vh;width:65vw}.settingMain .innerMain{display:flex;flex-direction:column;margin-top:7vh;width:54vw}.settingMain .innerMain form{display:flex}.settingMain .innerMain form .modifyTrip div{font-size:2rem;font-weight:600}.settingMain .innerMain form .modifyTrip p{color:var(--color-divide);font-weight:600}.settingMain .innerMain form .modifyDate{display:flex;flex-direction:column;height:12vh}.settingMain .innerMain form button{background-color:var(--color-point-warning);border-radius:10px;color:var(--color-text-white);font-size:1.5rem;font-weight:600;height:6vh;width:7vw}.settingMain .innerMain .modifyForm{flex-grow:0.8;justify-content:space-between}.settingMain .innerMain .modifyForm .startDate{margin-bottom:1vh}.settingMain .innerMain .modifyForm .modifyBtnArea{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between;width:10vw}.settingMain .innerMain .modifyForm .modifyBtnArea input{height:5vh;width:10vw}.settingMain .innerMain .modifyForm button{align-items:flex-end}.settingMain .innerMain .hr{margin-top:4vh}.settingMain .innerMain .deleteForm{display:flex;flex-grow:5;justify-content:space-between;margin-top:4vh}.settingMain .innerMain .deleteForm div{font-size:2rem;font-weight:600}.settingMain .innerMain .deleteForm button{background-color:var(--color-point-warning);border-radius:10px;color:var(--color-text-white);font-size:1.5rem;font-weight:600;height:6vh;width:7vw}aside{display:flex;flex-direction:column;justify-content:space-between}aside .logoArea{display:flex;justify-content:flex-end;margin-right:1vw;margin-top:3vh}aside .logoArea img{width:4vw}aside .logoArea figcaption{font-family:var(--font-logo);font-size:2.5rem;font-weight:700;padding-left:1vw}aside .logoArea hr{margin-top:5vh;width:100%}aside .solCharacter{height:50vh;width:20vw}.diaryDetailPage{display:flex;justify-content:space-between}.detailHeader{background-color:var(--color-bg);border-radius:50px 20px 20px 50px;height:94vh;margin-left:1.5vw;margin-top:3vh;width:10vw}.detailHeader .detailName{align-items:center;color:var(--color-text-white);display:flex;flex-direction:column;font-family:var(--color-logo);font-size:2.5rem;font-weight:600;margin-top:6vh}.detailMain{display:flex;width:85vw}.detailMain .expendSec{display:flex;flex-direction:column;margin-top:3vh;width:96vh}.detailMain .expendSec .loginSec{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:5vh;margin-right:6vw}.detailMain .expendSec .loginSec .userName{font-size:1.5rem;font-weight:600;margin-right:1vw}.detailMain .expendSec .loginSec .logout{background-color:var(--color-bg);color:var(--color-text-white);font-size:1.3rem;font-weight:600;height:5vh;width:6vw}.detailMain .expendSec .viewSec{display:flex;font-size:2.5rem;font-weight:800;justify-content:space-between;margin-bottom:3vh;margin-left:1vw;margin-right:6vw}.detailMain .expendSec .viewSec .viewDate{display:flex}.detailMain .expendSec .viewSec .viewDate .viewStart{margin-right:3vw}.detailMain .expendSec .viewSec .viewDate .viewDay{margin-right:1vw}.detailMain .expendSec .eachSec{background-color:var(--color-text-white);border-radius:40px;height:60vh;overflow-y:scroll;width:45vw}.detailMain .expendSec .tripInfo{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.detailMain .expendSec .tripInfo nav{background-color:var(--color-bg);border-radius:20px 20px 0 0;font-size:2rem;font-weight:600;height:7vh;line-height:7vh;text-align:center;width:9vw;z-index:100}.detailMain .expendSec .tripInfo .tripList{align-items:center;background-color:var(--color-text-white);border-radius:20px;display:flex;flex-direction:column;height:60vh;justify-content:flex-start;margin-top:-3vh;overflow-y:scroll;width:50vw}.detailMain .expendSec .tripInfo .tripList button{color:var(--color-input-text);font-size:2rem}.detailMain .expendSec .tripInfo .empty{justify-content:center}.detailMain .expendSec .eachSec::-webkit-scrollbar{width:12px}.detailMain .expendSec .eachSec::-webkit-scrollbar-thumb{background:var(--color-bg);border-radius:6px}.detailMain .expendSec .addModify{background-color:var(--color-bg);border-radius:50%;color:var(--color-text-white);font-size:3rem;font-weight:600;height:6vh;left:57%;line-height:7vh;position:absolute;top:90%;width:3vw}.detailMain .imgSec{align-items:center;display:flex}.detailMain .imgSec .noImage{font-size:2rem;font-weight:600}.detailMain .imgSec .imgSrc{border-radius:50px;flex-grow:0.5;height:94vh;margin-right:2vw;margin-top:3vh;width:35vw}.detailMain .imgSec .modifyBtn{background:none;left:94%;position:absolute;top:5%}.detailMain .imgSec .modifyBtn .modifyImg{width:3vw}.imageContainer{background-color:var(--color-text-white);border:1px solid var(--color-divide);border-radius:5px;display:flex;flex-direction:column;height:70vh;left:50%;margin-left:-15vw;margin-top:-35vh;position:absolute;top:50%;width:30vw}.imageContainer .imageNav{display:flex;justify-content:space-between;padding:2vw}.imageContainer .imageNav .deleteModal,.imageContainer .imageNav .imageHeader{font-size:2.5rem;font-weight:600;padding-left:1vw}.imageContainer .imageNav .deleteModal:hover{cursor:pointer}.imageContainer .imgForm{display:flex;flex-direction:column;height:70%}.imageContainer .imgForm .imgSec{display:flex;flex-grow:1;justify-content:center}.imageContainer .imgForm .imgSec input::-webkit-file-upload-button{display:none}.imageContainer .imgForm .imgSec input::file-selector-button{display:none}.imageContainer .imgForm .imgSec #chooseImg{border:2px solid var(--color-divide);border-radius:3px;height:3.5vh;margin-right:.5vw;text-align:center;width:15vw}.imageContainer .imgForm .imgSec .findBtn{background-color:var(--color-bg);border-radius:3px;color:var(--color-text-white);font-weight:600;height:3vh;line-height:3vh;padding:.2vw .4vw;width:4vw}.imageContainer .imgForm .imgPreview{display:flex;flex-grow:3;justify-content:space-evenly}.imageContainer .imgForm .imgPreview .imgView{border:none;height:30vh;width:12vw}.imageContainer .imgForm .imgPreview .imgAdd{align-self:flex-end;background-color:var(--color-bg);border-radius:3px;color:var(--color-text-white);font-size:1rem;font-weight:600;height:3vh;line-height:2.5vh;padding:.2vw .4vw;width:4vw}.expendContainer{background-color:var(--color-text-white);border:1px solid var(--color-divide);border-radius:5px;display:flex;flex-direction:column;height:70vh;left:50%;margin-left:-15vw;margin-top:-35vh;position:absolute;top:50%;width:30vw}.expendContainer .expendNav{display:flex;justify-content:space-between;padding:2vw}.expendContainer .expendNav .deleteModal,.expendContainer .expendNav .expendHeader{font-size:2.5rem;font-weight:600;padding-left:1vw}.expendContainer .expendNav .deleteModal:hover{cursor:pointer}.expendContainer .expendMain{align-items:flex-start;display:flex;flex-direction:column;font-size:1.2rem;margin-left:3vw}.expendContainer .expendMain .expendLabel{margin-top:2vh}.expendContainer .expendMain .expendInput{font-size:1.2rem;height:3vh;margin-top:1vh;padding:.2vw .2vw .2vw .5vw;width:13vw}.expendContainer .expendMain .cashOpt{height:3vh;line-height:3vh;margin-top:1vh;text-align:center;width:4vw}.expendContainer .expendMain .addBtn,.expendContainer .expendMain .cashOpt{background-color:var(--color-bg);border-radius:3px;color:var(--color-text-white);font-size:1rem;font-weight:600;padding:.4vw}.expendContainer .expendMain .addBtn{align-self:flex-end;height:4vh;line-height:2.5vh;margin-right:2vw;width:5vw}.expendForm{color:var(--color-text-black);display:flex;flex-direction:column;height:10vh;padding:2vw 2vw 0}.expendForm .timeInfo{display:flex;font-weight:300}.expendForm .placeInfo{display:flex;font-size:1.3rem;font-weight:800;justify-content:space-between;margin-top:.3rem}.expendForm .placeInfo .placeCost{color:var(--color-bg)}.expendForm .delBtn{align-self:flex-start;color:var(--color-divide);font-weight:600;margin-bottom:1vh;margin-top:.3rem}
/*# sourceMappingURL=main.dd6ec9b3.css.map*/