#main_location {width: 190px; position: fixed; bottom: 100px; right: 0; z-index: 9; display: flex; flex-direction: column; align-items: center;}

#main_location ul {position: relative;}
#main_location ul li {margin-bottom: 40px; position: relative; z-index: 2; transition: all 0.3s;}
#main_location ul li:last-child {margin-bottom:0;}
#main_location ul li a { text-align: center; opacity: 0.5; display: flex; flex-direction: column; align-items: center;}
#main_location ul li a::before {display: block; content: ""; width: 13px; height: 1px; background: #fff; margin-bottom: 3px; transition: all 0.5s;}
#main_location ul li a::after {display: block; content: "01"; color: #fff; font-size:12px; transition: all 0.3s; font-weight: 300; }

#main_location ul li.active a {opacity: 1;}
#main_location ul li.active a::before {width: 5px; height: 5px;}
#main_location ul li.active a::after {content: "Main";}

#main_location ul li:nth-child(1) a::after {content: "01";}
#main_location ul li:nth-child(2) a::after {content: "02";}
#main_location ul li:nth-child(3) a::after {content: "03";}
#main_location ul li:nth-child(4) a::after {content: "04";}
#main_location ul li:nth-child(5) a::after {content: "05";}

#main_location ul li:nth-child(1).active a::after {content: "Main";}
#main_location ul li:nth-child(2).active a::after {content: "자기장 통신 '오로라'";}
#main_location ul li:nth-child(3).active a::after {content: "반려동물 TV 플랫폼";}
#main_location ul li:nth-child(4).active a::after {content: "채용/제휴/소식";}
#main_location ul li:nth-child(5).active a::after {content: "Partners"; color:#000; }

#main_location.black ul li a::before {background: #666;}
#main_location.black ul li a::after {color: #666;}
#main_location.black ul li.active a::before {width: 5px; height: 5px; background: #000; }


/* 스크롤 & top 버튼 */
#main_location .scroll_btn { width: 13px; height: 132px; display: block; margin: 150px auto 0; border: none; background: url('../img/scrolldwon_w.png')no-repeat 50% 50%; transition: all 0.3s; animation:ani 1.3s infinite linear; }
@keyframes ani {
    0%{transform: translateY(0);}
    50%{transform: translateY(-15px);}
    100% {transform: translateY(0);}
}

#top_btn { position:fixed; bottom:60px; right:68px; width:50px; height:50px; line-height:46px; border:1px solid rgba(255,255,255,.5); color:rgba(247,247,251,.7); text-align:center; font-size:11px; z-index:90;
    background:rgba(255,255,255,.05); transition: all 0.3s ease; opacity: 0; font-weight: 300; }
#top_btn:hover { border-color:#0e4194; background:#0e4194; }


@media screen and (max-width:1500px) {
    #fullpageMenu {display: none;}
    #main_location .scroll_btn {display: none;}
}

@media screen and (max-width:1024px) {
    #top_btn { bottom:20px; right:20px; }
}