.float_wrap{position: fixed; bottom: 68px; left: 50%; transform: translateX(-50%); width: 700px; height: 72px; padding: 0 24px; border-radius: 20px; box-sizing: border-box; z-index: 8000; background: #fff; border: 1px solid #e6e6e6; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.04); transition: opacity .3s ease, visibility .3s ease;}
.float_wrap.hide {opacity: 0; visibility: hidden; pointer-events: none;}
.float_wrap .float_cont{display: flex; justify-content: space-between; width: 100%; height: 100%;}
.float_wrap .float_cont .text_wrap{display: flex; gap: 20px; align-items: center; width: fit-content; height: 100%; }
.float_wrap .float_cont .img_wrap{display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 8px; background: linear-gradient(to bottom right, #81E8FB 0%, #4B83FF 100%);}
.float_wrap .float_cont img{width: 42px;}
.float_wrap .float_cont .text_wrap span{font-size: 16px; font-weight: 500; color: #4a4a4a; line-height: 22px;}
.float_wrap .float_cont .inq_btn{display: flex; align-items: center; width: fit-content; height: 100%;}
.float_wrap .float_cont .inq_btn a{display: flex; justify-content: center; align-items: center; width: 100%; height: 48px; padding: 0 36px; font-size: 20px; font-weight: 600; color: #fff; background: linear-gradient(to bottom right, #4B83FF 0%, #81E8FB 100%); border-radius: 8px;}
.float_wrap .float_cont .inq_btn a:hover{background: linear-gradient(to bottom right, #81E8FB 0%, #4B83FF 100%);}
.float_wrap .float_cont .inq_btn img{display: none;}


#footer{display: flex; width: 100%; height: 476px; border-top: 1px solid #e1e1e1;}
#footer .left-ft{display: flex; flex-direction: column; justify-content: center; width: calc(100%/3); height: 100%; padding-left: 160px; border-right: 1px solid #e1e1e1;}
#footer .left-ft .cs_box{display: flex; flex-direction: column; width: 100%;}
#footer .left-ft .cs_box span{font-size: 15px; font-weight: 800; color: #111;}
#footer .left-ft .cs_box p.call{font-size: 32px; font-weight: 800; color: var(--brand-color);}
#footer .left-ft .cs_box p.emall{font-size: 14px; font-weight: 400; color: #777;}
#footer .left-ft ul{display: flex; flex-direction: column; gap: 10px; width: 100%;}
#footer .left-ft ul>li{display: flex; gap: 24px; font-size: 14px; font-weight: 400; color: #777;}
#footer .left-ft .copyright_wrap{margin-top: 72px; display: flex; flex-direction: column; gap: 16px; width: fit-content;}
#footer .left-ft .copyright_wrap a{display: flex; width: 72px;}
#footer .left-ft .copyright_wrap a img{width: 100%;}
#footer .left-ft .copyright_wrap span{font-size: 14px; font-weight: 400; color: #777;}


#footer .right-ft{width: calc(100% * 2 / 3); height: 100%;}
#footer .right-ft ul{display: flex; flex-wrap: wrap; width: 100%; height: 100%;}
#footer .right-ft ul>li{display: flex; justify-content: space-between; align-items: center; width: calc(100% / 2); height: calc(100%/2); border-color: #e1e1e1; border-style: solid; padding: 0 42px; box-sizing: border-box;}
#footer .right-ft ul>li .text_wrap{box-sizing: border-box;}
#footer .right-ft ul>li .text_wrap span{font-size: 15px; font-weight: 800; text-transform: uppercase;}
#footer .right-ft ul>li .text_wrap p{font-size: 15px; line-height: 1.2; color: #999; font-weight: 600;}
#footer .right-ft ul>li .ft_btn{display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; background: #777; border-radius: 500px;}
#footer .right-ft ul>li .ft_btn a{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
#footer .right-ft ul>li .ft_btn img{width: 24px;}
#footer .right-ft ul>li:nth-child(1){border-width: 0 1px 1px 0;}
#footer .right-ft ul>li:nth-child(2){border-width: 0 0 1px 0;}
#footer .right-ft ul>li:nth-child(3){border-width: 0 1px 0 0;}


@media screen and (max-width:1400px){
    #footer{flex-direction: column-reverse; height: fit-content;}
    #footer .left-ft{width: 100%; padding-left: 0;}
    #footer .right-ft{width: 100%;}
    #footer .right-ft ul>li{width: 50%; height: fit-content; padding: 24px 32px; box-sizing: border-box;}
    #footer .right-ft ul>li:nth-child(1){border-width: 0 1px 1px 0;}
    #footer .right-ft ul>li:nth-child(2){border-width: 0 0 1px 0;}
    #footer .right-ft ul>li:nth-child(3){border-width: 0 1px 1px 0;}
    #footer .right-ft ul>li:nth-child(4){border-width: 0 0 1px 0;}

    #footer .left-ft{padding: 40px 32px;}
    #footer .left-ft .cs_box span{font-size: 16px;}
    #footer .left-ft .cs_box p.call{font-size: 26px;}
    #footer .left-ft .cs_box p.emall{font-size: 14px;}
    #footer .left-ft ul>li{font-size: 14px;}
    #footer .left-ft .copyright_wrap{margin-top: 36px;}
    #footer .left-ft .copyright_wrap span{font-size: 14px;}

    #footer .right-ft ul>li{padding: 20px 16px;}
    #footer .right-ft ul>li .ft_btn{width: 32px; height: 32px;}
    #footer .right-ft ul>li .ft_btn img{width: 18px;}
    #footer .right-ft ul>li .text_wrap span{font-size: 16px;}
    #footer .right-ft ul>li .text_wrap p{font-size: 15px; line-height: 1.4; margin-top: 8px !important;}

    #footer .left-ft{padding: 40px 32px;}
    #footer .left-ft .cs_box span{font-size: 16px;}
    #footer .left-ft .cs_box p.call{font-size: 26px;}
    #footer .left-ft .cs_box p.emall{font-size: 14px;}
    #footer .left-ft ul>li{font-size: 14px;}
    #footer .left-ft .copyright_wrap{margin-top: 36px;}
    #footer .left-ft .copyright_wrap span{font-size: 14px;}

    #footer .right-ft ul>li{padding: 40px 32px;}
    #footer .right-ft ul>li .ft_btn{width: 32px; height: 32px;}
    #footer .right-ft ul>li .ft_btn img{width: 18px;}
    #footer .right-ft ul>li .text_wrap span{font-size: 16px;}
    #footer .right-ft ul>li .text_wrap p{font-size: 15px; line-height: 1.4; margin-top: 8px !important;}
    
}
@media screen and (max-width:768px){
    #footer{flex-direction: column-reverse; height: fit-content;}
    #footer .left-ft{width: 100%; padding-left: 0; padding: 24px 32px; box-sizing: border-box;}
    #footer .right-ft{width: 100%;}
    #footer .right-ft ul>li{width: 100%; height: fit-content; padding: 24px 32px; box-sizing: border-box;}
    #footer .right-ft ul>li:nth-child(1){border-width: 0 0 1px 0;}
    #footer .right-ft ul>li:nth-child(2){border-width: 0 0 1px 0;}
    #footer .right-ft ul>li:nth-child(3){border-width: 0 0 1px 0;}
    #footer .right-ft ul>li:nth-child(4){border-width: 0 0 1px 0;}

    .float_wrap{width: 76%; height: 48px; padding: 0; border: 0;}
    .float_wrap .float_cont .img_wrap{display: none;}
    .float_wrap .float_cont .text_wrap{display: none;}
    .float_wrap .float_cont .text_wrap span{font-size: 14px;}
    .float_wrap .float_cont .inq_btn{width: 100%;}
    .float_wrap .float_cont .inq_btn img{display: block; width: 20px; height:  20px;}
    .float_wrap .float_cont .inq_btn a{gap: 8px; font-size: 15px; padding: 0;}

    #footer .left-ft{padding: 20px 16px;}
    #footer .left-ft .cs_box span{font-size: 14px;}
    #footer .left-ft .cs_box p.call{font-size: 24px;}
    #footer .left-ft .cs_box p.emall{font-size: 12px;}
    #footer .left-ft ul>li{font-size: 12px;}
    #footer .left-ft .copyright_wrap{margin-top: 36px;}
    #footer .left-ft .copyright_wrap span{font-size: 12px;}

    #footer .right-ft ul>li{padding: 20px 16px;}
    #footer .right-ft ul>li .ft_btn{width: 32px; height: 32px;}
    #footer .right-ft ul>li .ft_btn img{width: 16px;}
    #footer .right-ft ul>li .text_wrap span{font-size: 14px;}
    #footer .right-ft ul>li .text_wrap p{font-size: 13px; line-height: 1.4; margin-top: 8px !important;}

    #footer .left-ft{padding: 20px 16px;}
    #footer .left-ft .cs_box span{font-size: 14px;}
    #footer .left-ft .cs_box p.call{font-size: 24px;}
    #footer .left-ft .cs_box p.emall{font-size: 12px;}
    #footer .left-ft ul>li{font-size: 12px;}
    #footer .left-ft .copyright_wrap{margin-top: 36px;}
    #footer .left-ft .copyright_wrap span{font-size: 12px;}

    #footer .right-ft ul>li{padding: 20px 16px;}
    #footer .right-ft ul>li .ft_btn{width: 32px; height: 32px;}
    #footer .right-ft ul>li .ft_btn img{width: 16px;}
    #footer .right-ft ul>li .text_wrap span{font-size: 14px;}
    #footer .right-ft ul>li .text_wrap p{font-size: 13px; line-height: 1.4; margin-top: 8px !important;}

    .float_wrap{bottom: 24px;}
    
    .float_wrap .float_cont .text_wrap span{font-size: 14px;}

    
}