/* BASIC css start */
#footer{width: 100%; min-width: 320px; max-width: 850px; margin: 0 auto; margin-top: 40px; border-top: 1px solid #ccc;}
#footer .foot_inner{width: 100%; padding: 10% 5%;}
/* 푸터 공통 */
#footer .foot_inner>div{}
#footer .foot_inner h4{font-family: 'Jost', sans-serif; color: #000; font-weight: 700; font-size: 13px; margin-bottom: 18px;}
#footer .foot_inner li{font-family: 'Noto Sans KR', sans-serif;  color: #555; font-size: 13px;}
#footer .foot_inner li a{font-family: 'Noto Sans KR', sans-serif; color: #555;font-size: 13px; }

#footer .foot_inner .f_info{margin-bottom: 40px;}
#footer .foot_inner .f_info h4{}
#footer .foot_inner .f_info ul{}
#footer .foot_inner .f_info ul li{line-height: 1.8;font-weight: 400; display: inline-block;}
#footer .foot_inner .f_info ul li a{text-decoration: underline;}
#footer .foot_inner .cs_center{margin-bottom: 40px;}
#footer .foot_inner .cs_center h4{}
#footer .foot_inner .cs_center ul{}
#footer .foot_inner .cs_center ul li{line-height: 1.8;}
#footer .foot_inner .bank_info{ margin-bottom: 40px;}
#footer .foot_inner .bank_info h4{}
#footer .foot_inner .bank_info ul{}
#footer .foot_inner .bank_info ul li{line-height: 1.7;font-weight: 400; }
#footer .foot_inner .f_menu{margin-bottom: 40px;}
#footer .foot_inner .f_menu>div{float: left; padding-right: 50px;}
#footer .foot_inner .f_menu>div h4{margin-bottom: 5px !important;}
#footer .foot_inner .f_menu>div ul{} 
#footer .foot_inner .f_menu>div ul li{line-height: 2.3;} 
#footer .foot_inner .f_menu>div ul li a{font-family: 'Jost', sans-serif; color: #4c4c4c; font-weight: 600;} 
#footer .foot_inner .f_menu .f_m1{}
#footer .foot_inner .f_menu .f_m2{}
#footer .foot_inner .copy{font-family: 'Noto Sans KR', sans-serif; color: #bfbfbf; font-size: 13px; font-weight: 400; margin-bottom: 20px;}




/* 모바일 플로팅 */
.mobile-floating-menu{
    position:fixed;
    right:15px;
    bottom:110px;
    z-index:9999;
    display:flex;
    flex-direction:column;
    gap:8px;
}

/* 카톡 버튼 (크기 축소) */
.mobile-floating-menu .floating-kakao{
    width:30px;
    height:30px;
    border-radius:50%;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,.12);
}

.mobile-floating-menu .floating-kakao img{
    width:100%;
    height:100%;
    display:block;
}

/* 화살표 버튼 */
.mobile-floating-menu .floating-arrow{
    width:30px;
    height:30px;
    background:#fff;
    border:1px solid #ddd;
    padding:0;
    cursor:pointer;
    position:relative;
}

/* 화살표 라인 */
.mobile-floating-menu .floating-arrow i{
    position:absolute;
    top:50%;
    left:50%;
    width:9px;
    height:9px;
    display:block;
}

/* 위 화살표 */
.mobile-floating-menu .floating-arrow.up i{
    border-left:2px solid #111;
    border-top:2px solid #111;
    transform:translate(-50%,-35%) rotate(45deg);
}

/* 아래 화살표 */
.mobile-floating-menu .floating-arrow.down i{
    border-right:2px solid #111;
    border-bottom:2px solid #111;
    transform:translate(-50%,-65%) rotate(45deg);
}
/* BASIC css end */