/* BASIC css start */
.footer_wrap { width:100%; background:#f4f4f4; overflow:hidden; margin:50px 0 0; padding:50px 0; box-sizing:border-box; }
.ubx_footer { max-width:1700px; margin:0 auto; position:relative; display:flex; flex-wrap:wrap; padding:50px 0; }

.ubx_footer .right_section {  flex-basis:25%; }
.ubx_footer .right_section .logo { height:60px; position:absolute; top:-20px; left:0; }
.ubx_footer .right_section .logo img { height:100%; }
.ubx_footer .right_section .company_info .b_tit { font-weight:900; margin:0 0 15px; height:40px; line-height:40px; box-sizing:border-box; }

.ubx_footer .footer_navi { position:absolute; left:-15px; bottom:0; display:table; overflow:hidden; text-align:center; }
.ubx_footer .footer_navi li { float:left; margin:0 15px; position:relative; }
.ubx_footer .footer_navi li:after { content:""; width:1px; height:10px; background:#d7d7d7; position:absolute; right:-15px; top:50%; transform: translate(0, -50%); }
.ubx_footer .footer_navi li:last-child:after { display:none; }

.ubx_footer .accodian_sec {  flex-basis:75%; display:flex; flex-wrap:wrap; font-size:.8rem; gap:20px; }
.ubx_footer .accodian_sec .acc_block { flex-basis:calc(33% - 10px); flex-grow:0; flex-shrink:0; transition:height .28s ease; }
.ubx_footer .accodian_sec .acc_block .b_tit { font-weight:900; margin:0 0 15px; height:40px; line-height:40px; box-sizing:border-box; }
.ubx_footer .accodian_sec .acc_block.mobile_sec { display:none; }

.bb_btn { border:1px solid #000; box-sizing:border-box; background:#000; margin:10px 0 0; display:table; }
.bb_btn a { display:block; padding:7px 15px; color:#fff!important; }

@media (max-width: 767.98px) {
    .footer_wrap { padding:20px 0 50px; }
    .ubx_footer { width:95%; }
    .ubx_footer .right_section { display:none; }
    .ubx_footer .footer_navi { left:50%; transform: translate(-50%, 0); display:flex; width:80%; }
    .ubx_footer .footer_navi li { flex-grow:1; }
    .ubx_footer .accodian_sec { flex:1 1 100%; gap:10px; }
    .ubx_footer .accodian_sec .acc_block { flex:1 1 100%; cursor:pointer; overflow:hidden; }
    .ubx_footer .accodian_sec .acc_block .b_tit { margin:0; border-bottom:1px solid #e7e7e7; }
    .ubx_footer .accodian_sec .acc_block .b_inner { padding:20px 0; border-bottom:1px solid #e7e7e7; }
    .ubx_footer .accodian_sec .acc_block.mobile_sec { display:block; }
}
/* BASIC css end */