/*Content CSS*/
footer {width:100%; border-top: 1px solid #ddd; }
footer #ft_top {background-color: #fff; padding:50px 0 40px; border-bottom: 1px solid #ddd;}
footer #ft_top h2 {font-size:14px; font-weight: 600; color:#333; margin-bottom: 12px; font-family: 'Montserrat'; }
footer #ft_bot {padding:40px 0; }
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(0, 0, 0, 0.5); line-height: 24px; text-align: left;  word-break: keep-all;  font-weight: 300}
.ft_copy > a {color:rgba(0, 0, 0, 0.5) !important; }
.ft_copy span {color:rgba(0, 0, 0, 0.3);font-weight: 300; display: block; margin-top: 10px;}
.ft_copy span a {color:rgba(0, 0, 0, 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: #1eae6f; color:#fff !important; border-color: #1eae6f;}

#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:#1eae6f;background:#1eae6f;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: #ddd; margin:0 20px; }
#ft_q_menu li:last-child::after {display: none;}
#ft_q_menu li a {font-size:14px; font-weight: 500; color:#000;  font-family: 'Montserrat'; transition: color .3s ease ; }
#ft_q_menu li a:hover {color:#1eae6f;}

/* */
#ft_fm_wr {position: relative; z-index: 3; width:140px; height:30px;  display: flex; justify-content: center; }
#ft_fm_wr .fm_btn {border:0; width:140px; height:30px; line-height: 28px; background: #fff;  border:1px solid #a7a7a7; color:#a7a7a7; outline: none; font-size:12px; font-weight: 300;
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; top: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:#a7a7a7; 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_fm_wr .quick {display: none;}

.ft_con .pc {display: block;}
.ft_con .mobile {display: none;}



@media screen and (max-width: 1300px) {
    .ft_con  {width: 100%; padding: 0 80px; text-align: center; justify-content: center; }

}

@media screen and (max-width: 1024px) {
    .ft_con {width: 100%; padding: 0 50px; }

    /* content */
    footer #ft_top > div, footer #ft_bot > div { flex-direction: column; text-align: center; }
    footer #ft_bot > div {flex-direction: column-reverse;}
    #ft_q_menu {justify-content: center; }
    #ft_fm_wr {margin:30px auto 0;}

    .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: 960px) {

}

@media screen and (max-width: 640px) {
    /* 공통*/
    .ft_con {width: 100%; padding: 0 30px; }

    /* content */
    footer #ft_top {padding:40px 0;}
    #ft_q_menu {display: none;}
    #ft_fm_wr {margin:0 auto; width: 100%;}
    #ft_fm_wr .quick {display: block; margin-right: 10px;}


}

@media screen and (max-width: 375px) {
    /* 공통*/
    .ft_con  {padding: 0 15px; }


    /* content */




}
