@charset "utf-8";
/* 푸터 */
#ft { min-width:100%; background:#003e3a; color:#fff; font-size: 1.5rem; padding-top:50px; padding-bottom:50px; text-align: left;}
#ft::after{display:block;visibility:hidden;clear:both;content:"";}
  #ft_link{ padding-bottom:1.2em; display: flex; align-items: center;}
  #ft_link .left{line-height:1.6em;}
    #ft_link .left a { position:relative; display:inline-block; font-size: 1.5rem;  margin:0 1em; color:#fff; }
    #ft_link .left a:first-child{margin-left:0;}
    #ft_link .left a:after{content: ""; position:absolute; display:block;width:1px; height:1em; background-color: #fff; top:50%; left:-1em; transform: translateY(-50%);}
    #ft_link .left a:first-child::after{display: none;}
  #ft_link .right{ flex-grow: 1; text-align: right;}
  #ft_link .right a{display:inline-block; margin-left:10px;}
  #ft_link .right a img{vertical-align: top;}
  #ft_company { padding-bottom:1.6em; line-height:1.5em; }
    #ft_company .infowrap{ max-width:768px; overflow: hidden; float:left;}
    #ft_company .ft_info{ display: block; margin-left:-1em;}
    #ft_company span{ display:inline-block; min-height:1em; line-height:1em; margin:0 1em 0.6em 1em; pointer-events: none; color:#fff; text-decoration: none; }
    #ft_copy {text-align:left; width:100%; margin:0 auto; padding:20px 0;color:#fff;font-size:0.92em;border-top:1px solid #c2c2c2}
  
  #ft_company::after, #ft_link::after{display:block;visibility:hidden;clear:both;content:"";}
  #ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}
  
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff;}

/*footer login*/
.ft_login {display: inline;}
.nbbtn {display: inline-block; padding:0; font-size:1.2rem; line-height:45px; font-weight: 400; border:0; cursor: pointer;
  -moz-appearance:none; -webkit-appearance:none;  appearance:none;
  -webkit-transition: all 0.3s; -moz-transition: all 0. 3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}

.nbbtn.font98{color:#989898; background:transparent;}
.nbbtn.font98:hover{ color:#fff;}

@media screen and (max-width:768px){
  #ft{ padding-top:40px; padding-bottom:40px; }
  #ft ,#ft_link .right, #ft_link .left {text-align:center;}
  #ft_left #ft_company .ft_info{ margin-left:0;}
  #ft_link, #ft_link .left, #ft_link .right{ display: block; }
  #ft_link .right{margin-top:1.2em;}
  #ft_link .right a img {width:25px;}
  #ft_copy {text-align:center;}

}
@media screen and (max-width:560px){
  #ft_link a.menu{display:none;}
  #ft_link a:after{display: none;}
  #ft_link .left a:nth-child(3)::after{display: none;}
}