/*Content CSS*/
footer {width:100%; background: #111; }
footer .ft_con {width: 100%; max-width: 1300px; margin: 0 auto; }


/*ft_top */
footer #ft_top {padding:45px 0 25px; border-bottom: 1px solid rgba(255,255,255,0.2); display: flex; justify-content: space-between;} footer #ft_top .left { display: flex; align-items: center; }
footer #ft_top .left h2 { font-size: 18px; font-weight: bold; color: #fff; margin-right: 55px; white-space: nowrap; }
footer #ft_top .left .info_list { display: flex; align-items: center; }
footer #ft_top .left .info_list li { position:relative; font-size: 14px; font-weight: 300; color: #fff; white-space: nowrap; }
footer #ft_top .left .info_list li::after { content:""; display: inline-block; width:1px; height: 10px; background:rgba(255,255,255,0.3); margin:0 30px; }
footer #ft_top .left .info_list li:last-child::after { display: none; }

footer #ft_top .right { display: flex; align-items: center; }
footer .sns_list { display: flex; align-items: center; }
footer .sns_list li { font-size: 0; margin-right: 25px;  }
footer .sns_list li:last-child { margin-right: 0; }
footer .sns_list a { display: block; transition: all .2s; }
footer .sns_list .naver { width: 165px; height: 35px; text-align: center; line-height: 33px; border: 1px solid rgba(255,255,255,0.3); }
footer .sns_list .naver:hover { background:#00C839; border-color:#00C839; }


/* ft_bot */
footer #ft_bot {padding:30px 0 60px;display: flex; justify-content: space-between; }
footer #ft_bot .ft_copy { font-size: 14px; font-weight: 300; color:rgba(255,255,255,1); text-align: left; line-height: 2; }
footer #ft_bot .ft_copy span { margin:10px 0 0; color:rgba(255,255,255,0.3); font-weight: 300; display: block; font-size:14px; }
footer #ft_bot .ft_copy span a {color:rgba(255,255,255,0.3) !important; font-weight: 300}



/*마우스*/
#top_btn { position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:1px solid #333;color:#333;
    text-align:center; font-size:15px;z-index:90;background:rgba(255,255,255,0.5); transition: all 0.5s; opacity: 0; }
#top_btn:hover {border-color:#008bf6;background:#008bf6;color:#fff; }

.scrolled #top_btn {opacity: 1;}





/* media query */
@media screen and (max-width: 1420px) {

    footer .ft_con { max-width: 100%; padding:0 60px; }

}

@media screen and (max-width: 1150px) {



}
@media screen and (max-width: 1023px) {

    footer .ft_con { padding:0 40px; }
    
    footer #ft_top { padding: 35px 0 15px; flex-direction: column; }
    footer #ft_top .right { justify-content: center; order:1; margin:0 0 30px; }
    footer #ft_top .left { justify-content: center; order:2; flex-direction: column; }
    footer #ft_top .left h2 { margin:0 0 20px; }
    footer #ft_top .left .info_list { flex-direction: column; }
    footer #ft_top .left .info_list li { margin:0 0 10px; }
    footer #ft_top .left .info_list li:after { display: none; }

    footer .sns_list li { margin-right: 15px; }
    footer .sns_list li img { height: 30px; }
    footer .sns_list .naver { width: 120px; height: 30px; line-height: 28px; border: 1px solid #00C839; background:#00C839; border-radius: 3px; }
    footer .sns_list .naver img { height: auto; }

    footer #ft_bot { padding: 15px 0 40px; justify-content: center; }
    footer #ft_bot .ft_copy { font-size: 13px; line-height: 22px; text-align: center; }
    footer #ft_bot .ft_copy span { font-size: 13px; }

}
@media screen and (max-width: 767px) {

    footer .ft_con { padding:0 20px; }

    #top_btn { bottom:15px; right:15px; width:45px; height:45px; line-height:41px; }

}