.topnav{
    text-align: center;
}

.active{
    text-decoration-line: none;
    align-content: center;
	color: #000000; 
	font-size: 50px; 
	font-weight: bold; 
	text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5) ; 
	-webkit-text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5) ; 
	-moz-text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5) ; 
}

hr { 
    max-width: 500px;
    width: 100vw; /* 정렬하려는 요소의 넓이를 반드시 지정 */
    margin: 3 auto; 
}

.actionBtn1 {
    overflow:hidden;
    position:relative;
    display:block;
    width:166px;
    height:38px;
    margin:auto;
    line-height:40px;
    border:1px solid #4c4c4d;
    color:#4c4c4d;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    font-size:14px;
    font-family:oswald;
}
.actionBtn1 span {
    position:relative;
    transition:color .25s ease-out;
    -webkit-transition:color .5s ease-out;
    -moz-transition:color .5s ease-out;
}
.actionBtn1:hover span {
    color:#fff;
}
.actionBtn1 .hover {
   position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    background:#4c4c4d;
    border:1px solid transparent;
   transform:scale(1,0);
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -ms-transform:scale(1,0);
    transform-origin:center top;
    -webkit-transform-origin:center top;
    -moz-transform-origin:center top;
    -ms-transform-origin:center top;
   transition:all .2s ease-out;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
}
.actionBtn1:hover .hover {
   transform:scale(1,1);
   -webkit-transform:scale(1,1);
   -moz-transform:scale(1,1);
   -ms-transform:scale(1,1);
}