/* BASIC css start */
.footer{margin-top:120px; padding:48px 0 80px; font-size: var(--small_font_size); border-top:1px solid var(--line_color);}
.footer_top{--footer_top_gap:80px; display: flex;  gap: 0 var(--footer_top_gap);}
.footer_top .footer_box{width:calc((100% - (var(--footer_top_gap) * 1)) / 2);}
.footer_top .footer_box .footer_box_title_wrap{display: flex; justify-content: space-between; gap:0 20px; }
.footer_top .footer_box .footer_box_title_wrap h5{font-size: 22px; font-weight: 500; color: #333333;}

@media(max-width:1020px){
  .footer_top{flex-direction: column;  gap:0;}
  .footer_top .footer_box{width:100% }
  .footer_top .footer_box + .footer_box{margin-top:20px; padding-top:20px; border-top:1px solid var(--line_color) ;}
  .footer_top .footer_box .footer_box_title_wrap h5 {font-size: 20px;}
}



/* 고객센터 */
.footer_content_wrap{margin-top:12px; }
.cs_box .footer_content_wrap{display: flex; justify-content: space-between; gap: 0 24px;}
.footer_cs_info .cs_num{font-size: 24px; font-weight: bold; color: var(--main_color);}
.footer_cs_info .cs_num + p{margin-top: 16px;}
.footer_cs_info p{line-height: 1.5;}
.footer_cs_link{width:100%; max-width: 158px;}
.footer_cs_link li + li{margin-top:8px;}
.footer_cs_link li a{padding:8px 16px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border:1px solid var(--line_color); border-radius: var(--radius_5); font-size: var(--small_font_size); color: var(--sub_black);}
@media(max-width:1020px){
    .footer_cs_link{width:100%; max-width: 128px;}
}

/* 입금계좌 */
.footer_account_list{margin-top:16px;}
.footer_account_list li{display: flex; gap:12px;}
.footer_account_list li + li{margin-top:8px;}
.footer_account_list li .footer_account_list_label{width:42px;}
.footer_account_list li .footer_account_list_con{color: var(--main_color);}
.footer_account_list li .footer_account_list_con strong{font-size: 1.13333em;}
/* 공지사항 */
.footer_noticle_list li{border-bottom: 1px solid #eeeeee;}
.footer_noticle_list li a{padding:8px 0; display: flex; justify-content: space-between; align-items: center; gap:0 20px; font-size: var(--small_font_size); color: var(--sub_black);}
.footer_noticle_list li p{overflow:hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space:nowrap;  }
.footer_noticle_list li a span{ color: #999999;}



.footer_bottom{margin-top:56px; padding-top:20px; border-top:1px solid var(--line_color);}
.footer_bottom .footer_links{display: flex; gap:0 24px;}
.footer_bottom .footer_links a{font-size: var(--mini_font_size); color: #333333;}
.footer_bottom .footer_com_info{margin-top:20px; display: flex; justify-content: space-between; align-items: center; gap:0 92px;}
.footer_bottom .footer_com_info_wrap{display: flex; gap:0 36px; align-items: center; }
.footer_bottom .footer_com_logo figure{width:208px;}
.footer_bottom .footer_com_info_list li{display: flex; gap: 0 8px; flex-wrap:wrap; color:var(--main_black);}
.footer_bottom .footer_com_info_list li + li{margin-top:4px;}
.footer_bottom .footer_com_info_list li .footer_com_info_list_item{display: flex;}
.footer_bottom .footer_com_info_list li .footer_com_info_list_item .footer_com_info_list_label{font-weight: bold; }
.footer_copyright{margin-top:16px; font-size: var(--mini_font_size); color: var(--main_black);}
.footer_sign{border: 1px solid var(--line_color); border-radius: var(--radius_5); overflow: hidden;}

@media(max-width:1020px){
  .footer_bottom{margin-top:40px;}
  .footer_bottom .footer_links{gap:0 12px; justify-content: center;}
  .footer_bottom .footer_com_info{flex-direction: column; gap:32px;}
  .footer_bottom .footer_com_logo figure {width: 140px;}
  .footer_bottom .footer_com_info_wrap { flex-direction: column;  gap: 16px;}
  .footer_bottom .footer_com_info_list li{text-align: center; justify-content: center; flex-wrap: wrap; line-height: 1.5;}
  .footer_bottom .footer_com_info_list li + li{margin-top:2px;}
  .footer_copyright{text-align: center;}
}

/* BASIC css end */