@font-face {
    font-family: 'HakgyoansimDunggeunmisoTTF-B';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimDunggeunmisoTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'HakgyoansimGeurimilgiTTF-R';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimGeurimilgiTTF-R.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

html{
font-family:'HakgyoansimGeurimilgiTTF-R';
line-height:1.2em;
text-align:center;
}

body {
background-color:#C22548;
background-attachment:fixed;
color:#fff;
}

#wrapper{
width:700px;
margin:0 auto;
}

.post{
background-color:#fff;
border-radius:5px;
width:700px;
padding:15px;
margin:10px 0;
color:#C22548;
}

#tagsearcher{
float:left;
position:fixed;
background-color:#fff;
border-radius:5px;
width:200px;
padding:15px;
margin:5px 0;
color:#C22548;
}

.tagbox{
margin-top:15px;
}

.tags{
background-color:#C22548;
color:#fff;
padding:3px 5px;
border-radius:5px;
margin:2px 0;
}

a{
color:gray;
}

a:hover{
color:black;
}

span{
display:inline-block;
}

h1{
font-family:'HakgyoansimDunggeunmisoTTF-B';
margin:15px 0;
color:#C22548;
}

h2{
font-family:'HakgyoansimDunggeunmisoTTF-B';
margin:15px 0;
olor:#C22548;
}

hr{
border:2px dashed #C22548;
margin-bottom:15px;
}
 
table{
  border:1px solid #C22548;
  border-collapse:collapse;
  }
  
th{
    padding:10px;
  border:1px solid #C22548;
  }
  
td{
    padding:10px;
  border:1px solid #C22548;
  }

input[type=text]{
font-family:'HakgyoansimGeurimilgiTTF-R';
width:120px;
color:#C22548;
border:2px solid #C22845;
border-radius:5px;
margin:2px;
}

input[type=button]{
font-family:'HakgyoansimGeurimilgiTTF-R';
width:60px;
color:#fff;
background-color:#C22548;
border:2px solid #C22845;
border-radius:5px;
margin:2px;
}

input[type=button]:hover{
font-family:'HakgyoansimGeurimilgiTTF-R';
width:60px;
color:#fff;
background-color:#DD3554;
border:2px solid #DD3554;
border-radius:5px;
margin:2px;
cursor:pointer;
}

button{
font-family:'HakgyoansimGeurimilgiTTF-R';
min-width:50px;
background-color:#C22548;
color:#fff;
font-size:1.2em;
padding:5px 10px;
border-radius:5px;
border:none;
}

button:hover{
font-family:'HakgyoansimGeurimilgiTTF-R';
min-width:50px;
background-color:#DD3554;
color:#fff;
font-size:1.2em;
padding:5px 10px;
border-radius:5px;
border:none;
cursor:pointer;
}

/* ==== 맨 위로 가는 버튼 ==== */

#toTop {
position: fixed;
right: 20px;
bottom: 20px;
width: 70px;
height: 40px;
border-radius: 45%;
border: 3px solid #fff;
background-color: #C22548;
color: #fff;
font-size: 15px;
}

opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
}

#toTop.show {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}

#toTop:hover {
background-color: #dd3554;
}