@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}



header .logo {
  position: fixed;
  width:100px;
  top: 0;
  left: 0;
  right: 0;
  height: 55px;
  padding: 1rem;
  color: black;
//  background: white;
//  background-color:transparent;
//  background-color: rgba( 255, 255, 255, 0);
  font-family: 'Pretendard-Regular';
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
//text-align: center;
}

h1, p {
  margin: 0;
}

main {
  padding: 1rem;
//  height: 100%;
}

body {
  padding-top: 75px;
//  background: #EEE;
}

body, html {
//  height: 200%;
}

* {
  box-sizing: border-box;
}

/* button */
.btnOrder{margin:0 5px;padding:12px 28px;font-weight:bold;font-size:15px;;color:#606060;border:1px solid #CCC;cursor:pointer;transition:all .3s ease;font-family: 'Pretendard-Regular', 'sans-serif';}
.btnOrder:hover{border:1px solid #006cb8;color:#006cb8;transition:all .3s ease;font-family: 'Pretendard-Regular', 'sans-serif';}

/* link */
.topmenu a:link, a:visited {color: black; text-decoration: none; display: inline-block;}
.topmenu a:hover, a:active {color: orange; text-decoration: none; display: inline-block;}

/* menu */
header .topmenu { 
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 55px;
  padding: 1rem;
  color: black;
//background: white;
//background-color:transparent;
  background-color: rgba( 255, 255, 255, 255);
  font-family: 'Pretendard-Regular';
  font-weight: bold;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-size: 16px;
}


/* copyright */
.copyright {
  color: black;
  text-align: center;
  font-size:12px;
  //font-family: 'NanumSquareNeo-Variable';
    font-family: 'Pretendard-Regular';
  font-weight:400;
}