@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap";a,article,aside,body,button,dd,div,dl,dt,fieldset,form,footer,h1,h2,h3,h4,h5,h6,header,html,input,legend,li,main,nav,ol,p,select,section,table,td,textarea,th,ul,figure,figcaption{box-sizing:border-box;margin:0;padding:0;font-family:Noto Sans KR}a,a:hover,a:focus{color:inherit;text-decoration:none}ul{list-style:inside none}ol{list-style-position:inside}html,body{color:#464b6d;background-color:#fafbfc;width:100%;height:auto;font-size:10px}button{color:#fff;background-color:#2468ff;border:0;border-radius:5px;height:40px;font-size:14px;font-weight:500;box-shadow:0 2px 5px #2468ff66}button:hover{cursor:pointer;background-color:#8f10ff}button.cancel{color:#b1b7c9;background-color:#dce2ea;box-shadow:0 2px 5px #dce2ea80}input[type=text],input[type=password],input[type=date],input[type=number]{color:#464b6d;background-color:#fafbfc;border:1px solid #b1b7c9;border-radius:5px;height:40px;padding-left:8px;font-size:14px;font-weight:500;box-shadow:0 4px 5px #dce2ea80}input[type=text]::placeholder,input[type=password]::placeholder,input[type=date]::placeholder,input[type=number]::placeholder{color:#dce2ea}input[type=checkbox]{margin-right:10px;transform:scale(1.3)}input[type=file]{display:none}textarea{color:#464b6d;resize:none;background-color:#fafbfc;border:1px solid #b1b7c9;border-radius:5px;padding:5px;box-shadow:0 4px 5px #dce2ea80}textarea::light{color:#dce2ea;font-weight:300}select{color:#dce2ea;border:1px solid #b1b7c9;border-radius:3px;height:35px;padding-left:10px;font-weight:600;box-shadow:0 4px 5px #dce2ea80}select:hover{cursor:pointer}table{border-collapse:collapse;width:100%;margin-top:50px}table th{color:#fff;background-color:#2468ff;height:35px;font-size:1.3rem;font-weight:500}table th:first-of-type{border-top-left-radius:3px;border-bottom-left-radius:3px}table th:last-of-type{border-top-right-radius:3px;border-bottom-right-radius:3px}table td{text-align:center;border-bottom:1px solid #dce2ea;height:30px}.componentBox{box-shadow:#dce2ea80;background-color:#fff;border:1px solid #dce2ea;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px;display:flex}.container{justify-content:flex-start;align-items:flex-start;width:100%;height:auto;min-height:100vh;display:flex}.container main{background-color:#fafbfc;flex-direction:column;justify-content:flex-start;align-items:center;width:calc(100% - 220px);padding:15px;display:flex}.container main header,.common-container{width:100%}.common-outlet{width:94%;max-width:980px;margin:0 auto;padding-top:150px}.common-admin-outlet{width:94%;max-width:980px;margin:0 auto}.common-article{width:100%}.common-nodata{color:#dce2ea;justify-content:center;align-items:center;width:100%;max-width:300px;margin:0 auto;padding:10% 0;font-size:18px;font-weight:800;display:flex}.common-error-field{color:red;width:100%;padding:5px;font-size:12px}.common-del-badge{color:#fff;background-color:#2468ff;border-radius:20px;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:-8px;right:-8px}.common-del-badge:hover{cursor:pointer;background-color:#8f10ff}.common-del-badge .icon{font-size:20px}.logArea{width:100%;max-width:500px;margin:10% auto 0;padding:0 5%}.logArea .logo-area{text-align:right;width:100%;padding:0 20px 10px}.logArea .logo-area img{width:150px}.logArea .logBox{background-color:#fff;border:1px solid #edf0f4;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:20px 20px 40px;display:flex;box-shadow:0 3px 5px #dce2ea80}.logArea .logBox .title{font-size:25px;font-weight:700}.logArea .logBox input{width:90%}.logArea .logBox button{width:90%;margin-top:10px}.logArea .goJoin{justify-content:center;align-items:center;width:200px;margin:50px auto 0;display:flex}.logArea .goJoin div:first-of-type{flex-direction:column;justify-content:center;align-items:center;margin:0 5px;display:flex}.logArea .goJoin div:first-of-type span:first-of-type{font-size:1.6rem;font-weight:700}.logArea .goJoin div:first-of-type span:last-of-type{color:#b1b7c9;font-size:1.2rem}.logArea .goJoin div:last-of-type{color:#fff;background-color:#2468ff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.logArea .goJoin:hover{cursor:pointer}.logArea .goJoin:hover div:last-of-type{background-color:#8f10ff}.joinArea{flex-direction:column;justify-content:flex-start;align-items:center;width:500px;height:auto;min-height:100vh;margin:auto;padding-top:5%;display:flex}.joinArea section:first-of-type{margin:0 auto 20px}.joinArea section:first-of-type img{width:150px}.joinArea section:nth-of-type(2){justify-content:center;align-items:center;width:200px;margin:0 auto 10px;display:flex}.joinArea section:nth-of-type(2) div{flex-direction:column;justify-content:center;align-items:center;margin:0 5px;display:flex}.joinArea section:nth-of-type(2) div span:first-of-type{font-size:1.6rem;font-weight:700}.joinArea section:nth-of-type(2) div span:last-of-type{color:#b1b7c9;font-size:1.2rem}.joinArea section:nth-of-type(3){flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.joinArea section:nth-of-type(3)>div:first-of-type{color:#464b6d;text-align:center;width:80%;margin-bottom:20px;font-size:2rem;font-weight:900}.joinArea section:nth-of-type(3) form{width:80%}.joinArea section:nth-of-type(3) form h5{color:#dd3aa3;padding:0 0 2px 5px;font-size:1.2rem;font-weight:400}.joinArea section:nth-of-type(3) form div{justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;display:flex}.joinArea section:nth-of-type(3) form div button{height:30px;font-size:1.3rem;font-weight:400}.joinArea section:nth-of-type(3) form div:first-of-type{justify-content:space-between;align-items:center;display:flex}.joinArea section:nth-of-type(3) form div:first-of-type input{text-align:center;width:30%;margin:0}.joinArea section:nth-of-type(3) form div:first-of-type input:read-only{opacity:1;border:1px solid #dce2ea}.joinArea section:nth-of-type(3) form div:first-of-type button{width:16%}.joinArea section:nth-of-type(3) form>div:last-of-type{text-align:center;width:80%;margin:auto;padding:20px}.joinArea section:nth-of-type(3) form>div:last-of-type button{width:120px}.joinArea section:nth-of-type(3) form input{background-color:#fafbfc;width:100%;margin-bottom:10px}