.custom-link{text-decoration:none;color:#000}.custom-link:hover{color:#007bff}.modalDiv{width:100%;height:100%;top:0;left:0;right:0;bottom:0;padding:0;background-color:#99999980;display:flex;justify-content:center;align-items:center;position:fixed;overflow:auto;z-index:100}.modal{top:5%;margin-bottom:5%;height:auto;width:100%;max-width:500px;min-height:500px;border-radius:20px;position:relative;z-index:100;overflow:visible}.modalHousing{background-color:#fff;top:5%;width:100%;height:auto;max-width:400px;min-height:500px;border-radius:20px;position:relative;z-index:100;overflow:auto}@media (max-width: 768px){.modalDiv{top:0;left:0;right:0;bottom:0;padding:0;width:100vw;height:100vh;background-color:#99999980;display:flex;justify-content:center;align-items:center;position:fixed;overflow:auto;z-index:100}.modal{top:5%;margin-bottom:5%;left:17%;height:auto;width:80%;max-width:700px;min-height:500px;border-radius:0;position:relative;z-index:100;overflow:visible}}.CardDetailDiv{display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-width:500px;min-height:500px;height:auto;overflow-y:auto}.UpperBox{width:100%;margin-bottom:10%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.ImgBox{width:170px;height:170px;margin-top:-15%;margin-right:85%;border-radius:100%;z-index:101;overflow:hidden;text-align:center;background-color:#fff;position:absolute}img{width:90%;height:90%;object-fit:contain;margin:0 auto;display:block}.InnerBox{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;align-self:flex-end;margin-left:auto;margin-top:5%;margin-bottom:-20%}.CompanySelect{margin-left:50%;margin-bottom:10px}.CompanySelectDiv{font-size:20px;font-weight:700;padding:10px;border-radius:5px;border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;text-align:right;text-align-last:right}select::-ms-expand{display:none}.CardNameInput{margin-left:10%;width:70%}.CardNameInput input,.CardNameInput input:disabled{font-weight:700;font-size:25px;text-align:right;width:100%;box-sizing:border-box;padding:10px;border:none;border-radius:5px;outline:none;background-color:#fff;opacity:1;color:#000}.CardNameInput input:disabled{cursor:default}.CardSummary{margin:15% 10% 5%;font-size:14px;font-weight:700;text-align:left;color:#fff}.CardSummary span{white-space:pre-line;line-height:2}.PdfInput{margin:20% 10px 10%;width:90%}.PdfInput textarea,.PdfInput textarea:disabled{font-size:17px;font-weight:700;text-align:left;margin-right:10px;width:100%;box-sizing:border-box;border:none;border-radius:5px;outline:none;background-color:#fff;opacity:1;color:#000;resize:none;min-height:5rem}.Palette{width:90%;background-color:#fff;overflow:hidden;min-height:160px;margin-left:10px;margin-right:10px;border-radius:5px;margin-bottom:10%}.PaletteSpan{font-size:17px;font-weight:700;margin-top:10px;margin-bottom:10px;margin-right:10px;text-align:right}.ColorPalette{display:grid;align-items:center;justify-items:center;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);grid-gap:10px;margin-left:10px;margin-right:10px}.ColorPalette div{width:100%;height:100%;margin:10px;min-height:20px;border-radius:5px}.Buttons{position:relative;display:flex;justify-content:space-between;padding:0 30px;margin-bottom:10%}.PdfSummary,.PdfDetail{font-size:17px;font-weight:700;width:100%;height:100%;min-width:110px;min-height:50px;background-color:#fff;color:#000;border:none;border-radius:10px;margin-right:10px;cursor:pointer}.LinkToCardEdit{font-size:17px;font-weight:700;width:100%;height:100%;min-width:110px;min-height:50px;background-color:#fff;color:#000;border:none;border-radius:10px;margin-left:10px;cursor:pointer}@media (max-width: 768px){.CardDetailDiv{width:80%;max-width:500px;min-height:500px;height:auto;overflow-y:auto}.UpperBox{flex-direction:column;align-items:center;margin-bottom:15%}.InnerBox{margin-left:auto;margin-right:auto;margin-top:8%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap}.ImgBox{width:130px;height:130px;margin:-30% auto 0 -35%}img{width:100%;height:100%;object-fit:contain}.CompanySelect,.CardNameInput{margin-right:5%;width:100%}.CompanySelectDiv{font-size:14px;text-align:center;justify-self:flex-end;width:100%}.CardNameInput{margin-top:5%}.CardNameInput input,.CardNameInput input:disabled{font-weight:700;font-size:18px;text-align:right;width:100%;box-sizing:border-box;padding:10px;border:none;border-radius:5px;outline:none;background-color:#fff;opacity:1;color:#000}.CardNameInput input:disabled{cursor:default}.CardSummary{margin:10% 5% 5%;white-space:pre-line;font-size:14px;text-align:left}.PdfInput{width:90%;margin-top:5%;margin-bottom:0%}.PdfInput textarea{font-size:14px;margin-top:10%;margin-bottom:5%}.Palette{margin-top:5%;margin-bottom:5%}.PaletteSpan{margin-top:5px;margin-bottom:5px}.ColorPalette{margin-bottom:5%;grid-template-columns:repeat(2,1fr);grid-gap:5px}.Buttons{padding:0;margin-bottom:10%}.PdfSummary,.PdfDetail{font-size:15px;font-weight:700;width:50%;height:50%;min-width:110px;min-height:50px;background-color:#fff;color:#000;border:none;border-radius:10px;margin-right:10px;cursor:pointer}.LinkToCardEdit{font-size:15px;font-weight:700;width:50%;height:50%;background-color:#fff;color:#000;border:none;border-radius:10px;margin-left:10px;cursor:pointer}}.RegionSelect,.NameSelect{min-width:250px;font-size:20px;font-weight:700;padding:10px;border-radius:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;text-align:center;text-align-last:center;border:2px solid black;background-color:#fff;color:#000}.BtnContainer{position:relative;display:flex;justify-content:space-between;padding:0 30px}.housingCardBtn{font-size:17px;font-weight:700;width:100%;height:100%;min-width:110px;min-height:50px;background-color:#fff;color:#000;border-radius:5px;margin-right:10px;cursor:pointer;border:2px solid black}.modalDivHousing{width:100vw;height:100vh;top:0;left:0;right:0;bottom:0;padding:0;background-color:#99999980;display:flex;justify-content:center;align-items:center;position:fixed;overflow:visible;z-index:100}.modalHousing{background-color:#eee;top:3%;width:100%;max-width:600px;min-height:400px;border-radius:40px;position:relative;z-index:100;overflow:visible;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}@media (max-width: 768px){.modalHousing{background-color:#eee;width:90%;height:45%;max-width:700px;min-height:300px;border-radius:20px;position:relative;z-index:100;overflow:auto}}.loading{position:fixed;width:100vw;height:100vh;z-index:300;display:flex;justify-content:center;align-items:center;background-color:#00000080}.loadingdiv1{position:absolute;border:9px solid var(--main-color);border-radius:50%;border-color:var(--main-color) transparent transparent transparent;width:60px;height:60px;animation:spinning 1s infinite}.loadingdiv2{position:absolute;border:9px solid var(--main-color);border-radius:50%;border-color:var(--main-color) transparent transparent transparent;width:60px;height:60px;animation:spinning 1s infinite;animation-delay:-.3s}.loadingdiv3{position:absolute;border:9px solid var(--main-color);border-radius:50%;border-color:var(--main-color) transparent transparent transparent;width:60px;height:60px;animation:spinning 1s infinite;animation-delay:-.2s}.loadingdiv4{position:absolute;border:9px solid var(--main-color);border-radius:50%;border-color:var(--main-color) transparent transparent transparent;width:60px;height:60px;animation:spinning 1s infinite;animation-delay:-.1s}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-size:16px;font-weight:400;--main-color: #5289ff;--main-color-50: rgba(82, 137, 255, .5);--main-black: #171717}body{margin:0;transition:all .5s ease-in-out}ul{margin:0;padding:0}li{list-style:none}a{text-decoration:none;color:#000}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 480px){html{font-size:12px}}