*{
    margin:0;
    font-family:'GyeonggiBatang';
}
@font-face {
    font-family: 'GyeonggiBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#header{
    height:13vh;
    opacity:0.1;
    background-color:rgb(58, 58, 58);
}
.container{
    display:flex;
    height:87vh;
}
#left, #right{
    flex-basis:30%;
    opacity:0.1;
    background-color:rgb(58, 58, 58);
}
#center{
    flex:1;
    width:40%;
    border:1.5px solid #7FD8DA;
    border-bottom:none;
    border-radius:10px 10px 0 0;
    min-width:400px;
}
#contents{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    margin:3%;padding:1%;
    font-size:80%;
}
#top{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.textInput{
    border:0.1px solid #7FD8DA;
    border-radius:5px;
    padding:1%;
    width:50%;
}
#title{font-size:180%;border:none;}
.icons{width:5%; margin-right:3%;}
.content{
    margin-top:7%;
    margin-left:5%;
    display:flex;
    flex-direction:row;
    align-items:center;
    min-width:300px;
}
.kakaoContent{
    margin-top:10%;
    margin-left:5%;
    display:flex;
    flex-direction:column;;
}
#date-time {
    margin-left:3%;
    border:1px solid #7FD8DA;
    border-radius:15px;
    box-shadow:1px 1px 1px #7FD8DA;
}
#kakao-notice{
    margin-left:3%;
    border:1px solid black;
    border-radius:5px;
    background-color:#ffe812;
    box-shadow:1px 1px 1px #969393;
}
#calList{
    margin-left:3%;padding:1%;
    width:55%;height:15vh;
    border:1px solid #7FD8DA;
    border-radius:5px;
    display:flex;
    flex-direction:column;
    overflow-y:scroll;
}
.checkTeam{
    margin:2%;
    display:flex;
    justify-content:flex-start;
    margin-bottom:3%;
}
.checkbox{margin:0% 2%;}
#submitBox{
    width:95%;
    display:flex;
    justify-content:flex-end;
}
#submitButton{
    background-color:#7FD8DA;
    border:1px solid rgb(177, 177, 177);
    border-radius:5px;
    padding:0% 2%;
}

/*          scrollbar        */

/* width */
::-webkit-scrollbar {
    width: 5px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
    background:#c0c2c2;  border-radius: 10px;
  }
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #7FD8DA;  border-radius: 10px;
  }
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #7feef0;  border-radius: 10px;
  }