@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&display=swap&subset=korean');


/* Show it's not fixed to the top */
body {
    min-height: 75rem;
    max-width: 100%;
    margin: 0 auto;
    font-family:'Noto Sans KR', Arial, Helvetica;
  }

  /*
.container {
  max-width:1280px;
  margin: 0px auto;
  padding: 5px 0px;

}
*/

#section1 {
  padding: 20px 20px 0px 20px;
}  

#section2 {
  padding: 10px;
  /* background-color: #eeeeee; */
  /* height: 900px; */
}  

#section3 {
  padding: 10px;
  /* background-color: #dddddd;
  min-height: 800px; */
}  

/*
.date_grid {
  float: left;
  padding: 10px;
}
*/

/*
div.scroll { 
  max-height: 900px; 
  overflow-x: hidden; 
  overflow-x: auto; 
  text-align:justify; 
} 
*/
.menuTable { 
	background-color:#efefef; 
	}

.menuTable td {
	text-align:center;
	background-color:#666; 
	padding:.5em;
  }
  
.menuTable a {
  color:#fff;
  font-weight: 500;
}

.btn {
  padding: 0.4em 0.3em;
  min-width: 3.5em;
}

div.input-group {
    padding-bottom: 2px;
}



/* Grid */


.gridbox img {
    max-width: 190px;
    max-height: 190px;
  }
  
  .gridbox p {
    max-width: 190px;
    max-height: 190px;
  
  }
  
  .gridbox {
    float: left;
    width: 196px;
    height: 256px;
    padding: 4px;
    background-color: #eee;
    margin: 2px;
  }
  
  .clearfix::after {
    content: "";
    clear: both;
    display: table;
  }
  
  div.modal img {
    max-width: 100%;
  }