/*Content CSS*/
footer {width:100%; border-top: 1px solid rgba(255,255,255,.25); background: #000; }
footer #ft_top {background-color: #000; padding:50px 0 40px; border-bottom: 1px solid rgba(255,255,255,.25);}
footer #ft_bot {padding:40px 0 50px; }
footer #ft_top > div, footer #ft_bot > div { display: flex; justify-content: space-between; }

.ft_con {width: 100%; max-width: 1300px; margin: 0 auto; }
.ft_copy {font-size: 13px; font-weight: 300; color:rgba(255, 255, 255, 0.8); line-height: 24px; text-align: left;  word-break: keep-all;  font-weight: 300}
.ft_copy > a {color:rgba(255, 255, 255, 0.8) !important; }
.ft_copy span {color:rgba(255, 255, 255, 0.3);font-weight: 300; display: block; margin-top: 10px;}
.ft_copy span a {color:rgba(255, 255, 255, 0.3) !important; line-height: 18px; font-weight: 300}

.ft_btn a {display: block;text-align: center; width: 140px; height: 30px; line-height: 28px; color: rgba(255, 255, 255, 0.5) !important; background: transparent; border-radius: 3px; font-size: 10px; transition: all 0.3s; border:1px solid rgba(255,255,255,.5);}
.ft_btn a:hover {background: #0074e8; color:#fff !important; border-color: #0074e8;}

#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.3s}
#top_btn:hover {border-color:#0074e8;background:#0074e8;color:#fff}

/*ft_q_menu */
#ft_q_menu {display: flex; }
#ft_q_menu li {line-height: 28px;}
#ft_q_menu li::after {content: ''; display: inline-block; width: 1px; height: 10px; background-color: rgba(248,248,248,.5); margin:0 22px; }
#ft_q_menu li:last-child::after {display: none;}
#ft_q_menu li a {font-size:16px; font-weight: 500; color:#eceded;  font-family: 'Montserrat','NanumSquare'; transition: color .3s ease ; text-transform: uppercase;}
#ft_q_menu li a:hover {color:#0074e8;}
#ft_q_menu li a img {margin-right: 10px; position: relative; top: -1px; }

/* */
#ft_fm_wr {position: relative; z-index: 3; width:140px; height:30px; justify-content: center; display: none;}
#ft_fm_wr .fm_btn {border:0; width:140px; height:30px; line-height: 28px; background: #000;  border:1px solid rgba(255,255,255,.5); color:rgba(255,255,255,.5); outline: none; font-size:12px; font-family: 'Montserrat';  color:rgba(255,255,255,.8);font-weight: 400; border-radius: 3px; position: relative; z-index: 2;}
#ft_fm_wr .fm_btn img {margin-left:20px; position: relative; top:-1px; transition: all .3s ease; }
/* #ft_fm_wr .fm_btn.active img {transform: rotate(-180deg);} */
#ft_fm_wr ul {width:140px; position: absolute; bottom:29px; text-align: center; /*overflow-y: auto;*/  border:1px solid #ddd; border-bottom:0; display: none;}
#ft_fm_wr ul li a {display: flex; align-items: center; justify-content: center; color:#333; font-size:12px; border-bottom:1px solid #ddd; letter-spacing: -.5px;
background: #fff; transition: all .3s ease; height: 30px; font-weight: 300; }
#ft_fm_wr ul li a:hover {background: #f5f5f5;}
#ft_fm_wr ul li:first-child a {border-top:0;}

.ft_con .pc {display: block;}
.ft_con .mobile {display: none;}



@media screen and (max-width: 1300px) {
    .ft_con  {width: 100%; padding: 0 50px; text-align: center; justify-content: center; }
    #ft_q_menu li a {font-size:14px ;}
    #ft_q_menu li::after {margin:0 15px ;}
}

@media screen and (max-width: 1024px) {
    .ft_con {width: 100%; padding: 0 30px; }

    /* content */
    footer #ft_top > div, footer #ft_bot > div { flex-direction: column; text-align: center; }
    footer #ft_top {border-bottom: 0 ; padding: 40px 0 0;}
    footer #ft_bot {padding:20px 0 40px; }
    #ft_q_menu {display: none; }
    #ft_fm_wr {margin:0 auto; width: 100%; display: flex ;}
    #ft_fm_wr .quick {display: block;}

    .ft_copy {text-align: center ;}
    .ft_logo {margin-bottom:20px;}

    .ft_con .pc {display: none;}
    .ft_con .mobile {display: block;}

    #ft_q_menu li::after {margin:0 12px;}
    #ft_q_menu li a {font-size:12px; }

}

@media screen and (max-width: 640px) {
    /* 공통*/

    /* content */




}

@media screen and (max-width:480px) {
    /* 공통*/
    .ft_con  {padding: 0 15px; }


    /* content */




}