/* 20250210 */

@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;
}

@font-face {
    font-family: 'SUITE-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


/* Fixed sidenav, full height */
.sidenav {
    height: 60px;
    width: 260px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #FFF;
    overflow-x: hidden;
    padding-top: 10px;
    padding-left: 0px;
}


.sidetitle {
   color: #3EB489;
   font-size: 36px;
   font-family: 'SUITE-Regular';
   font-weight: bold;
   padding-left: 10px;
   padding-top: 5px;
   padding-bottom: 10px;
   text-align: left;
}



/* Style the sidenav links and the dropdown button */
.sidetitle a, .dropdown-btn {
    font-family: 'SUITE-Regular';
    text-decoration: none;
    font-size: 36px;
    color: #1e90ff;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    font-weight: bold;
}


/* On mouse-over */
.sidetitle a:hover, .dropdown-btn:hover {
    color: #1e90ff;
//    text-decoration: underline;
    text-decoration: none;
    font-weight: bold;
}


header .logo {
  position: fixed;
  width:100px;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
  padding: 2rem;
  block-size: 30px;
  color: #5eb0cf;
//  background: red;
//  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;
  text-align: center;
  font-size: 26px;

}

h1, p {
  margin: 0;
}

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

body { 
  padding-top: 55px;
//  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: inherit; text-decoration: none; display: inline-block;}
.topmenu a:hover, a:active {color: #5eb0cf; background: none; text-decoration: none; display: inline-block;}

/* link(logo) */
.logo a:link, a:visited {text-decoration: none; display: inline-block;}
.logo a:hover, a:active {color: #5eb0cf; background: white; text-decoration: none; display: inline-block;}


/* menu */
header .topmenu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  padding: 1.0rem;
  color: black;
  block-size: 60px  ;
  writing-mode: horizontal-tb;
  border-block-end-color: #eeee;
  border-block-end-style: solid;
  border-block-end-width: 1px;
//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: 18px;
}


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

.copyright a:link, a:visited {color: inherit; text-decoration: none; display: inline-block;}
.copyright a:hover, a:active {color: inherit; background: none; text-decoration: none; display: inline-block;}