@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: 'SUITE-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Bold.woff2') format('woff2');
    font-weight: 800;
    font-style: bold;
}


body:before{
  content:'';
  height:100%;
  display:inline-block;
  //vertical-align:middle;
}
button{
  background: white;
  //color:#fff;
  border:none;
  position:relative;
  height:60px;
  font-family: 'Pretendard-Regular';
  font-size:1.2em;
  font-weight:600;
  padding:0 2em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
button:hover{
  background:#fff;
  color: blue;
}
button:before,button:after{
  content:'';
//position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: white;
  transition:400ms ease all;
}
button:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
button:hover:before,button:hover:after{
  width:100%;
  transition:800ms ease all;
}

.btn-link { 
 border:none;  position:static;  height:60px; width:200px; font-family: 'SUITE-Bold', 'sans-serif';
 font-size:1.0em;  font-weight:800;  padding:0 2em;  cursor:pointer;  transition:800ms ease all;  outline:none;
}

.btn-link.none {  background: #4169e1;  color: white;}
.btn-link.none:hover{  background: white;  color: #4169e1;}