@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*
body, h1, h2, h3, h4, h5, h6, input, textarea, select { font-family: 'Noto Sans KR', sans-serif; }
*/

html,body{
    height: 100%;
}
#wrap{
    height: 100%;
    width: 100%;
    margin: 0 auto;
    background-color: #f0f8ff;
}
.sHead{
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0;
    text-align: center;
    background-color: #00b3c9;
    color: #fff;
   
}
.sHead > span{
    display: inline-block;
    padding: 20px 0;
    
}
.sBody{
    text-align: center;
    padding: 20px 0;
    background-color: #f0f8ff;
}
.input-form{
    display: flex;
    justify-content: ceter;
    justify-content: center;
    align-items: center;
   
}
.input-form span{
    margin: 0 3px;
}
.search-container{
    text-align: center;
    background-color: #f0f8ff;
}
.search{
    font-size: 16px;
    font-weight: 600;
    padding: 5px 25px;
    background-color: #529dd6;
    border: 1px solid #529dd6;
    border-radius: 5px;
    color: #fff;
}
.search_notice{
    font-size: 14px;
    margin: 10px 0;
}
.search_notice > span{
    line-height: 1.5;
}
.message-container{
    /* text-align: center; */
    height: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f8ff;
}
.message-container > span{
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
   
    border-radius: 5px;
    padding: 15px;

}
.message-container > .available{
    background-color: #3a4fd8;
    border: 1px solid #3a4fd8;
}

.message-container > .not-available{
    background-color: tomato;
    border: 1px solid tomato;
}
/*
.condition-container > span{
    border: 1px solid #000;
    border-radius: 5px;
    padding: 5px 15px;
}
*/
.input-title{
    font-size: 14px;
}
.school_name{
    outline: none;
    width: 120px;
}

.condition-container{
    width: 95%;
    position: fixed;
    background-color: #f44890;
    color: #fff;
    padding: 20px 0;
    font-weight: 600;
    bottom: 10px;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
}
.school_name{
    margin-right: 5px;
}

.show-result{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    font-size: 14px;
    
}

.show-result > div {
    border: 1px solid #529dd6;
    padding: 3px 10px;
    margin: 2px 0;
    background-color: #fff;
    width: 93%;;
}

.bold{
    font-weight: 600;
}

.contact{
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    width: 210px;
    margin: 0 auto;
    padding: 5px 10px;
    color:#00b3c9;
    background-color: #fff;
    border: 3px solid #00b3c9;
    border-radius: 5px;

}
.contact div{
    padding: 5px 0;
}
/*
.contact{
    text-align: center;
}
*/
/*
.contact > img{
    width: 220px;
}
*/

.status{
    width: 90%;
    margin: 20px auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    font-size: 14px;
}

.status div{
    padding: 5px 0;
}

.red{
    color: #ff0000;
}
.blue{
    color:   #00b0f0;
}
.green{
    color: #08b356;
}

table {
    width: 99%;
    border: 1px solid #e8eaf7;
    border-collapse: collapse;
    text-align: center;
    background-color: #fff;
  }
  td {
    border: 1px solid #e8eaf7;
    padding: 4px 0;
  }
  th{
      background-color: #e8eaf7;
      border: 1px solid #fff;
  }
td{
    font-size: 14px;
}
.notice{
    text-align: center;
    color: royalblue;
}