@charset "utf-8";
/* ==========================================================================
   DJ LOGIS KOREA - 하단 CTA / 푸터
   ========================================================================== */

/* 하단 상담 유도 배너 */
.dj-ftcta{position:relative;padding:76px 0;background:var(--dj-navy);overflow:hidden}
.dj-ftcta:before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:rgba(46,111,196,.22)}
.dj-ftcta:after{content:"";position:absolute;left:-90px;bottom:-160px;width:340px;height:340px;border-radius:50%;background:rgba(46,111,196,.13)}
.dj-ftcta .inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.dj-ftcta .txt h3{font-size:34px;font-weight:800;color:#fff;letter-spacing:-0.04em;line-height:1.35}
.dj-ftcta .txt p{margin-top:14px;font-size:16.5px;color:rgba(255,255,255,.72);line-height:1.75}
.dj-ftcta .act{display:flex;align-items:center;gap:34px;flex-wrap:wrap}
.dj-ftcta .tel{color:#fff}
.dj-ftcta .tel span{display:block;font-size:14px;color:rgba(255,255,255,.6);letter-spacing:.02em}
.dj-ftcta .tel strong{display:block;font-family:Montserrat,Pretendard,sans-serif;font-size:32px;font-weight:700;letter-spacing:-0.01em;margin-top:6px}
.dj-ftcta .tel em{display:block;font-size:15px;color:rgba(255,255,255,.75);margin-top:4px}

/* 푸터 */
#ft{background:#151E2B;color:rgba(255,255,255,.6);font-size:15px}
#ft_wr{padding:0}
#ft_link{border-bottom:1px solid rgba(255,255,255,.1)}
#ft_link .inner{display:flex;align-items:center;gap:28px;height:58px;flex-wrap:wrap}
#ft_link a{font-size:14.5px;color:rgba(255,255,255,.66);transition:.3s}
#ft_link a:hover{color:#fff}
#ft_link a.strong{color:#fff;font-weight:700}

.ft_body{padding:46px 0 54px}
.ft_body .inner{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
#ft_logo a{display:flex;align-items:center;gap:14px}
#ft_logo img{height:54px;width:auto;filter:brightness(0) invert(1);opacity:.92}
#ft_logo .txt{position:relative;padding-left:15px;font-size:19px;font-weight:800;color:#fff;letter-spacing:-0.045em;line-height:1.05;white-space:nowrap}
#ft_logo .txt:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:34px;background:rgba(255,255,255,.28)}
#ft_logo .txt small{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;color:rgba(255,255,255,.45);margin-top:6px}
#ft_logo .ft_dl{margin-top:24px}
#ft_logo .ft_dl .dj-btn{height:44px;padding:0 20px;font-size:14px;border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.85)}
#ft_logo .ft_dl .dj-btn:hover{background:#fff;color:var(--dj-navy);border-color:#fff}

.ft_info{flex:1 1 520px;max-width:760px}
.ft_company-info{display:flex;flex-wrap:wrap}
.ft_company-info-list{position:relative;font-size:14.5px;line-height:1.9;color:rgba(255,255,255,.6);padding-right:14px;margin-right:14px}
.ft_company-info-list:after{content:"";position:absolute;right:0;top:8px;width:1px;height:12px;background:rgba(255,255,255,.2)}
.ft_company-info-list:last-child:after,.ft_company-info-list.nb:after{display:none}
.ft_company-info-list b{color:rgba(255,255,255,.85);font-weight:600}
.ft_company-info-list a:hover{color:#fff;text-decoration:underline}
#ft_copy{margin-top:22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13.5px;color:rgba(255,255,255,.38);font-family:Montserrat,Pretendard,sans-serif;letter-spacing:.01em}

/* 관리자 로그인 / 로그아웃 */
.ft_adm_area{display:inline-flex;align-items:center;gap:6px}
.ft_adm{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.35);font-size:13px;transition:all .3s var(--dj-ease)}
.ft_adm:hover{background:var(--dj-blue);border-color:var(--dj-blue);color:#fff;transform:translateY(-2px)}
.ft_adm.on{border-color:rgba(255,255,255,.4);color:rgba(255,255,255,.75)}

/* 반응형 */
@media (max-width:1024px){
  .dj-ftcta{padding:58px 0}
  .dj-ftcta .txt h3{font-size:27px}
  .dj-ftcta .txt p{font-size:15.5px}
  .dj-ftcta .tel strong{font-size:27px}
  .ft_body{padding:38px 0 44px}
}
@media (max-width:768px){
  .dj-ftcta{padding:46px 0}
  .dj-ftcta .inner{gap:26px}
  .dj-ftcta .txt h3{font-size:22px}
  .dj-ftcta .act{gap:20px;width:100%}
  .dj-ftcta .tel strong{font-size:24px}
  .dj-ftcta .dj-btn{width:auto}
  #ft_link .inner{gap:16px;height:auto;padding-top:16px;padding-bottom:16px}
  #ft_link a{font-size:13.5px}
  .ft_body .inner{gap:26px}
  #ft_logo img{height:42px}
  #ft_logo .txt{font-size:17px;padding-left:12px}
  .ft_company-info-list{font-size:13.5px;padding-right:10px;margin-right:10px}
  #ft_copy{font-size:12.5px;gap:10px}
  .ft_adm{width:26px;height:26px;font-size:12px}
}