/* BASIC css start */
#footer {background-color:#005c9c; padding:2% 0;width:100%; position:relative;}
#footer .footer_wrap {width:100%; max-width:2400px; margin:0 auto;}
#footer .footer_wrap .ft_box01 .item_box.info_box{margin-bottom:.3%;}
#footer .footer_wrap .ft_box01 .item_box.info_box ul{display: flex; gap: 9px;align-items: center;justify-content: end;}

#footer .footer_wrap .ft_box02 {display: flex; gap: 160px;}
#footer .footer_wrap .ft_box02 .item_box.address_box {display: flex; flex-direction: column;row-gap: 30px;}
#footer .footer_wrap .ft_box02 .item_box.address_box .item.top {display: flex;flex-direction: column;}
#footer .footer_wrap .ft_box02 .item_box.address_box .item.bottom {display: flex;  gap: 125px;}
#footer .footer_wrap .ft_box02 .item_box.address_box .item.bottom .left_box,
#footer .footer_wrap .ft_box02 .item_box.address_box .item.bottom .right_box {display: flex;flex-direction: column;}
#footer .footer_wrap .ft_box03 .item_box.copy_box{margin-top:.3%;display: flex; gap: 9px;align-items: center;justify-content: end;}

#footer .footer_wrap .item_box.logo_box img {max-width: 140px;}


/* 탑버튼 */
.top_btn { position: absolute; left: 50%; transform: translateX(-50%); top: -14%; cursor: pointer; z-index: 1;  opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease;}
.top_btn img{max-width:75px;}

.top_btn.fixed { position: fixed; bottom: 1%; top: auto;opacity: 1;visibility: visible;}
.top_btn.absolute {position: absolute;top: -14%;bottom: auto;opacity: 1;visibility: visible;}

/* 미디어 쿼리 */

@media (min-width: 1920px) and (max-width: 2400px) {
    #footer .footer_wrap{width:90%; margin:0 auto;}
}    


@media (max-width: 1920px) {
    #footer .footer_wrap{width:90%; margin:0 auto;}
    .top_btn img{max-width:70px;}
   
}

@media (max-width: 1280px) {
    #footer .footer_wrap .ft_box01 .item_box.info_box {margin-bottom: 1%;}
    #footer .footer_wrap .ft_box02 {display: flex;  gap: 100px;}
    #footer .footer_wrap .ft_box02 .item_box.address_box .item.bottom {display: flex;gap: 100px;}
    #footer .footer_wrap .ft_box03 .item_box.copy_box { margin-top: 3%;}
}

@media (max-width: 1024px) {
    .top_btn.absolute{top:-12%;}
   .top_btn img{max-width:55px;}
}
/* BASIC css end */