.footer_wrap{border-top:1px solid var(--color-line2); box-sizing: border-box; background-color: var(--color-wht);}
.footer_wrap .infos{max-width: var(--site-con-w); margin:0 auto;}
.footer_wrap .footer_links {border-bottom:1px solid var(--color-line2); box-sizing: border-box;}
.footer_wrap .footer_links ul{display: flex; align-items: center; max-width: var(--site-con-w); margin:0 auto;}
.footer_wrap .footer_links ul > li{display: flex; position: relative; border-left: 1px solid var(--color-line2); box-sizing: border-box;}
.footer_wrap .footer_links ul > li:last-child{border-right: 1px solid var(--color-line2); box-sizing: border-box;}
.footer_wrap .footer_links .btn_link{font-weight: 400; height: 56px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding:0 24px; width: 100%; color: var(--color-2);}
.footer_wrap .footer_links .has_links.on .btn_link{color: var(--color-point);}
.footer_wrap .footer_links ul li.has_links ol{display:flex; max-height:0;  opacity: 0; visibility: hidden; flex-direction: column; box-sizing: border-box; transition: opacity  ease .3s;}
.footer_wrap .footer_links ul li.has_links ol li{display:flex; align-items: center; gap:5px;}
.footer_wrap .footer_links ul li.has_links ol li::before{content:''; width:2px; height:2px; background-color:var(--color-3); border-radius: 100%;}
.footer_wrap .footer_links ul li.has_links li a{color: var(--color-3);}
.footer_wrap .footer_links ul li.has_links li a:hover{color:var(--color-5);}
.footer_wrap .footer_links ul li.has_links.on ol{opacity: 1; visibility: visible; max-height: inherit;}


.footer_wrap .infos{padding: 40px 0 108px; display: flex; justify-content: space-between; color:var(--color-bk-ft); font-weight: 400;}
.footer_wrap .infos .info_box {display: flex; flex-direction: column; gap:4px;}
.footer_wrap .infos .info_box .line{display: flex; align-items: center;}
.footer_wrap .infos .info_box .line span{font-weight: 600;}
.footer_wrap .infos .info_box .line .list{display: flex; gap:8px; align-items: center;}
.footer_wrap .infos a{color:var(--color-bk-ft); font-weight: 400;}
.footer_wrap .infos .copy{color: var(--color-3); font-style: normal;}


.footer_wrap .favorites_menus{position:fixed; bottom:0; left:0; right:0; display: flex; align-items: center; margin:0 auto; z-index:1;}
.footer_wrap .favorites_menus .inner{display: flex; align-items: center;  background-color: var(--color-point); margin:0 auto; width: 100%; max-width: var(--site-con-w); border-radius: 14px 14px 0 0; color:var(--color-wht); height:68px; gap:40px;}
.footer_wrap .favorites_menus .title {font-size: 22px; font-weight: 700; width:217px; text-align:center;}
.footer_wrap .favorites_menus .inner ul{display: flex; align-items: center; gap:40px;}
.footer_wrap .favorites_menus .inner ul li{display:flex; align-items:center; gap:10px;}
.footer_wrap .favorites_menus .inner ul a{color:var(--color-wht); font-size:16px; font-weight: 600; display:flex; align-items:center; }
.footer_wrap .favorites_menus .inner ul li::before{ content:''; display:block; width:4px; height:4px; border-radius:30px; background-color:var(--color-wht)}
.footer_wrap .favorites_menus .inner ul a:hover{text-decoration:underline;}

@media screen and (min-width: 1201px){
  .footer_wrap .footer_links ul > li{width: 25%;}
  .footer_wrap .footer_links ul > li ol{position: absolute; height:130px; top:-130px; background-color: var(--color-wht); overflow-y: auto; width: 100%; border:1px solid var(--color-line2);}
  .footer_wrap .footer_links ul > li ol li{ padding:4px 20px; }
  
  .footer_wrap .footer_links .btn_link{font-size: 17px;}
  .footer_wrap .footer_links ul > li ol li a{font-size: 15px;}
  .footer_wrap .footer_links ul li.has_links.on ol{padding:10px 0;}

  .footer_wrap .infos,
  .footer_wrap .infos a{font-size: 15px;}
  .footer_wrap .infos .info_box .line{gap:12px;}
  .footer_wrap .infos .info_box .line .bar{width: 1px; height:12px; background-color: var(--color-line2);}
  
}

@media screen and (max-width: 1200px){
  .footer_wrap {position: relative;}
  .footer_wrap .footer_links {position: absolute; top:13px; left:-6px}
  .footer_wrap .footer_links .btn_link{font-size: 15px; }
  .footer_wrap .footer_links ul > li ol li a{font-size: 14px;}
  .footer_wrap .footer_links .has_links{width: 100%; flex-direction: column;}
  .footer_wrap .footer_links ul li.has_links.on ol{margin: 0 20px; padding: 10px; gap: 2px; border-top: 1px solid var(--color-6);}
  
  .footer_wrap .footer_links {border-bottom:none}
  .footer_wrap .footer_links ul{display: flex; align-items: center; max-width: var(--site-con-w); margin:0 auto;}
  .footer_wrap .footer_links ul > li{display: flex; position: relative; border-left: 2px solid var(--color-6)}
  .footer_wrap .footer_links ul > li:last-child{border-right:none}
  .footer_wrap .footer_links .btn_link{font-weight: 600; height: 14px; }
  .footer_wrap .footer_links .has_links.on .btn_link{color: var(--color-point);}

  .footer_wrap .footer_links .btn_link img { display: none !important; }

  .footer_wrap .infos{flex-direction: column-reverse; padding:30px 20px; gap:24px;margin-top: 10px;}
  .footer_wrap .infos .logo{max-width: 200px; padding-bottom: 30px;display:none;}
  .footer_wrap .infos,
  .footer_wrap .infos a{font-size: 14px;}
  .footer_wrap .infos .info_box .line{flex-direction: column; align-items: flex-start; gap:4px;}
  .footer_wrap .infos .info_box .line .bar{display: none;}

  /* .footer_wrap .footer_links{display: none !important;} */


  .footer_wrap .favorites_menus{display:none;}
}