/* 탑버튼 */
.top_btn_wr{width: 5.4rem; height: 5.4rem; background: #fff; border-radius: 50%; position: fixed; bottom: 2rem; right: 2rem; z-index: 100; box-shadow: 0 3px 6px rgba(0,0,0,0.06);}
.top_btn_wr .top_btn{border: 0; background: transparent; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}



/*푸터*/
#footer{background:#F7F8F8; min-height:100px; width: 100%; border-top:1px solid #E3E3E3; position: relative;}

.ft_bg{position: absolute; left: 50%; transform: translateX(-50%); bottom: 100%; width: 100%;max-width: 1600px;}
.ft_1{width: 11.2rem; position: absolute; bottom: 0; left: 0;}
.ft_2{width: 9.7rem; position: absolute; bottom: 0; right: 12.5rem;}
.ft_3{width: 12.1rem; position: absolute; bottom: 0; right: 0;}

.ft_wr{ padding:4rem 0; display: flex; justify-content: space-between;}

.ft_logo{margin-right:8rem; width:104px;}
.ft_logo img{width:100%; height:auto;}
.ft_menu {margin-bottom:2rem;}
.ft_menu li{float:left; margin-right:2rem;}
.ft_menu li a{font-size:1.6rem; font-weight:500;}
.ft_menu li a:hover{cursor: pointer;}
.ft_menu li::after{
    display: inline-block;
    content: "";
    width: 1px;
    height: 16px;
    background: #dbdbdb;
    margin-left: 2rem;
    margin-bottom: -2px;
}
.ft_menu li:last-child::after{display:none;}

.ft_info{margin-bottom:3rem;}
.ft_info li{display:flex; align-items: center; flex-wrap: wrap;}
.ft_info .info_tit{color:#98A19F; font-weight:300; margin-right:1rem;}
.ft_info .info_text{color:#666; font-weight:400;}
.ft_info .ft_bar{color:#ECEFEE; padding:0 1.2rem;}

.ft_copy{font-size:1.3rem; font-weight:300;}

.ft_sns{margin-bottom:2.8rem; display:flex; align-items: center;}
.ft_sns_li{margin-left:1rem; width:60px; height:60px; border-radius: 50%; border:1px solid #ECEFEE; background-size:26px 26px; transition:all 0.3s;}
.ft_sns_li:first-child{margin-left:0;}
.ft_sns_li a{width:100%; height:100%;}

.sns_insta{background:#fff url("../img/sns_insta.svg") no-repeat center;}
.sns_youtube{background:#fff url("../img/sns_youtube.svg") no-repeat center;}
.sns_blog{background:#fff url("../img/sns_blog.svg") no-repeat center;}
.sns_kakao{background:#fff url("../img/sns_kakao.svg") no-repeat center;}

.ft_sns_li:hover{transition:all 0.3s;}
.sns_insta:hover{background:#AEBAB7 url("../img/sns_insta_on.svg") no-repeat center;}
.sns_youtube:hover{background:#AEBAB7 url("../img/sns_youtube_on.svg") no-repeat center;}
.sns_blog:hover{background:#AEBAB7 url("../img/sns_blog_on.svg") no-repeat center;}
.sns_kakao:hover{background:#AEBAB7 url("../img/sns_kakao_on.svg") no-repeat center;}

.ft_cs{display: flex; align-items:center; flex-wrap: wrap; }
.cs_title{margin-right:2.5rem;}
.cs_title h3{font-size:1.6rem; font-weight:600;}



/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {

    .ft_wr{display:block;}
    .ft_cont2{border-top: 1px solid #E3E3E3; padding-top: 3rem; margin-top: 3rem;}


}

/*반응형 max 992px lg*/
@media (max-width: 991.98px) {
    .ft_1{width: 8rem; left: 2rem;}
    .ft_2{width: 7rem; right: 11rem;}
    .ft_3{width: 8.5rem; right: 2rem;}
}


/*반응형 max 767px md*/
@media (max-width: 767.98px) {

    .ft_logo{width:74px; margin-bottom:3rem; height:40px;}
    .ft_menu {margin-bottom:2rem;}
    .ft_info{margin-bottom:2rem;}

    .ft_1{width: 6rem; left: 2rem;}
    .ft_2{width: 5rem; right: 9rem;}
    .ft_3{width: 6.5rem; right: 2rem;}

    .top_btn_wr{width: 4.2rem; height: 4.2rem;}
    .top_btn_wr .fs_20{font-size: 1.8rem;}
}

/*모바일틀*/
@media (min-width: 576px) {
	body{font-size:1.4rem;}

    .ft_cont2{
        padding-top: 2rem;
        margin-top: 2rem;
    }
	

}

/*반응형 max 576px sm*/
@media (max-width: 575.98px) {

    .ft_menu li{margin-right:1.2rem;}
    .ft_menu li a{font-size:1.4rem;}
    .ft_menu li::after{margin-left:1.2rem;}

}

@media (max-width:380px) {
	body{font-size:1.4rem;}

    .f_bar_none{
        display: none;
    }

    .sm_block{
        display:block;
    }
}