body {
  margin:0;
  

  /* -webkit-text-size-adjust: none; */


  /* text-align:center; */
}

body > * {
  width:100%;
  height:100vm;
  max-width:1250px;
  padding:0.5rem;
  /* min-width:1200px; */
  margin:auto;
  /* background: whiteSmoke; */
}


body, table, tr, td, div, span, textarea, input, select {
    font-family: 'Noto Sans KR', sans-serif;
}

.flexBox {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}

.flexBox > * {  
  margin:0.5rem;
  padding:0.5rem;
  width:100%;
  /* max-width:300px; */
  background: white;
}


a {
  text-decoration: none;
  font-weight:bold;
}
a:active {
  text-decoration: none;
}
a:visited{
  text-decoration: none;
  color:gray;
}
a:link{
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}


.pointer {  cursor:pointer; }


/* 레이아웃 */

header > nav#searchBox {
  
  align-items: center;
  display:flex;
  justify-content: space-between;

}

header > nav#topInfo {
  text-align:center;
}

.headerInfo {
  display:inline
}

.headerInfo > * {
  font-size:.8rem;
  color:gray;
}


.headerInfo > *:before {
  content: " | ";
  color:lightgray;
}
.headerInfo > *:first-child:before {
  content: "";
}



main {
  min-height : 60vh;
}
footer {
  display:flex;
  justify-content: space-between;
}


/* 모바일 레이아웃 */
@media screen and (max-width: 768px){

  .noMobile {
    display:none;
  }
  body {
    padding:0;
    margin:0;
  }



  header > nav#topInfo {
    display:none;
  }
  

  header > nav#searchBox {
  
    flex-direction: column;
  
  
  }
  header > nav#searchBox > *{
  
    margin-top:0.5rem;

  }

  header > nav > *{
  
    margin-top:0.5rem;

  }



  footer {
    display:block;
    /* flex-direction: column;
    justify-content: center; */
    text-align: center;
  }
  footer > * {
    margin-top: 0.5rem;
  }
  
}




.category {
 
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  background: whitesmoke;
  padding:0.5rem;
  border-bottom:3px solid lightgray;
  border-radius: 0.5rem;
}

.category  > * {
  display: inline-block;
  
}


.category  > * > * {
  font-size:0.9rem;
  
}

#search {
  width:100%;
  max-width:400px;

  outline: none;
  margin:auto;
  padding:0.5rem;
  background: white;
  border : 3px solid #FEEAD6;
  color:#DB6402;
}