@charset "utf-8";
#footer {background-color: #313131; padding: 20px 0; box-sizing: border-box; position: relative;}

#footer .t_inform { box-sizing: border-box;}
#footer .t_inform > .inner {padding-bottom: 15px;}
#footer .t_inform a{font-size: 14px; color: #ddd; display: inline-block; margin: 0 15px; opacity: .7; transition:  all .3s ease-in-out;}
#footer .t_inform a:hover {opacity: 1;}
#footer .t_inform a:first-child {margin-left: 0;}
#footer .t_inform a:last-child {margin-right: 0;}

#footer .f_inform {color: #ddd; margin-top: 20px;}
#footer .f_inform:after {content: ""; clear: both; display: block;}
#footer .f_inform .f_if > div {margin-top: 5px;}
#footer .f_inform .f_if > div:first-child {margin-top: 0;}
#footer .f_inform a {color: #ddd;}
#footer .f_inform p {display: inline-block; position: relative; font-size: 14px; margin-right: 10px;padding-right: 14px;}
#footer .f_inform p:last-child:after {display: none;}
#footer .f_inform p span {display: inline-block;}
#footer .f_inform p span.bold {font-weight: 600; display: inline-block; margin-right: 10px;}
#footer .f_inform p:after {content: ""; width: 1px; height: 70%; background-color: #ddd; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

#footer .copy {font-size: 13px; margin-top: 20px; color: #aaa; text-transform: uppercase;}

#footer .top_btn {position: fixed; border: 1px solid #333; width: 60px; height: 60px; border-radius: 100%; bottom:30px; right: 30px; box-sizing: border-box; cursor: pointer; z-index: 88;}
#footer .top_btn span {display: block;}
#footer .top_btn .ico {background: url(/resources/img/main/top_arw.png)no-repeat 50% 50% /cover; height: 20px; width: 19px; margin: 0 auto; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}



@media screen and (max-width:1024px){
   #footer .top_btn{width: 40px; height: 40px; }
   #footer .top_btn .ico{width: 14px; height: 15px;}

   #footer .f_inform{margin-top: 10px;}
   #footer .f_inform p{font-size: 13px;}
}

@media screen and (max-width:768px){
   #footer .top_btn{bottom: 15px; right: 15px;}

   #footer .f_inform .f_if > div{margin-top: 0;}
   #footer .f_inform p{display: block; line-height: 1.6;}
   #footer .f_inform p:after{display: none;}
}