@charset "utf-8";

footer {}
footer .footer-info {padding:80px 0; display:flex; justify-content:space-between; background:var(--base1); color:var(--base4);}
footer .footer-info-wrap {display:flex; justify-content:space-between;}
footer .footer-info-wrap .tit {padding:0 0 20px; width:100%; display:flex; justify-content:space-between; color:#fff; font-weight:700;}
footer .footer-info-wrap .tit span {font-weight:500; letter-spacing: -0.48px;}
footer .footer-info-item {}
footer .footer-info-item-list {padding:0 0 5px; display:flex; gap:20px;}
footer .footer-info-item .copy {font-size:var(--fs14); gap:15px; display:flex; align-items:center;}
footer .footer-info-item .copy b {color:#fff; font-weight:600;}
footer .footer-info-item .bar {width:1px; height:12px; background:var(--base4);}

footer .footer-info-cs {}
footer .footer-info-cs p {color: var(--base4);}
footer .footer-info-cs a {font-weight: 600;}
footer .footer-info-cs a+p {padding:5px 0;}

footer .footer-info-bank {}
footer .footer-info-bank div {display:flex; flex-direction:column; gap:5px;}
footer .footer-info-bank div p {padding-left:32px; background:0 0 no-repeat;}
footer .footer-info-bank div p.kb {background-image:url(/images/common/icon_bank_kb.svg)}
footer .footer-info-bank div p.sh {background-image:url(/images/common/icon_bank_sh.svg)}
footer .footer-info-bank div p.nh {background-image:url(/images/common/icon_bank_nh.svg)}


footer .footer-support {padding:50px 0; background:var(--base3); }
footer .footer-support-wrap {display:flex; justify-content:space-between; align-items:center;}
footer .footer-support-wrap .tit {color:#fff; font-weight:700;line-height: normal;}
footer .footer-support-list {padding:0 0 0 50px; flex-grow:1; display:flex; gap:50px; align-items:center;}
footer .footer-support-list a {color:var(--base4);font-weight: 600; line-height:normal;}
footer .footer-support-list a.active,
footer .footer-support-list a:hover {color:#fff;}
footer .footer-support-list>div {display:flex; gap:20px; align-items:center;}
footer .footer-support-wrap .bar {width:1px; height:12px; background: rgba(255, 255, 255, 0.20);}

footer .footer-support-ps {display:flex; gap:20px; align-items:center;}
footer .footer-support-ps .img {}
footer .footer-support-ps .img img {}
footer .footer-support-ps a {
	margin-left:30px; width:200px; padding:20px; display:flex; justify-content:space-between;
	border:1px solid rgba(255, 255, 255, 0.30); align-items: center;
}
footer .footer-support-ps a:hover {background-color:#333;}
footer .footer-support-ps a span {}


.gotop {
	width:50px; height:50px; background:#333 url(/images/common/icon_gotop.svg)center no-repeat;
	border-radius:50%; right:30px; bottom:30px; 
	position:fixed; z-index:9; opacity:0;
}
.gotop img {width:100%; height:100%; object-fit:scale-down;}

/* ai 질문하기 */
.fix-btn {display:block; position:fixed; right:30px; bottom:30px;}
.fix-btn .ai_quest-btn {display:block; background:var(--base5); border-radius:4rem; padding:15px; width:70px; height:140px; text-align:center; box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.25); transition:all 0.3s;}
.fix-btn .ai_quest-btn:hover {transform:translateY(-5px);}
.ai_quest-btn i {display:block; width:38px; height:41.5px; background:url(/images/common/i-ai_quest.png) no-repeat center / contain; margin:0 auto;}
.ai_quest-btn span {display:block; margin-top:10px; font-size:16px; font-weight:700; color:#fff; line-height:1.2;}



/* ===== EBI Floating Chat ===== */
.ebi-chat{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  font-family: var(--f_Pretendard, Pretendard, system-ui, -apple-system, Segoe UI, Roboto, "Noto Sans KR", sans-serif);
}

/* Floating Button */
/* .ebi-chat__fab{ */
  /* display: inline-flex; */
  /* align-items: center; */
  /* gap: 10px; */
  /* border: 1px solid rgba(0,0,0,.08); */
  /* border-radius: 999px; */
  /* padding: 12px 14px; */
  /* background: #fff; */
  /* box-shadow: 0 12px 30px rgba(0,0,0,.12); */
  /* cursor: pointer; */
  /* user-select: none; */
/* } */
.ebi-chat__fabText{
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.ebi-chat__fabDot{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--base1, #F27845);
  box-shadow: 0 0 0 6px rgba(242,120,69,.18);
}

/* Panel */
.ebi-chat__panel{
  position: absolute;
  right: 0;
  bottom: 56px;
  width: min(600px, calc(100vw - 36px));
  height: min(800px, calc(100vh - 120px));
  background: #fff;
  /* border: 1px solid rgba(0,0,0,.08); */
  border-radius: 16px;
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
  overflow: hidden;

  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}
.ebi-chat.is-open .ebi-chat__panel{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Header */
.ebi-chat__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 14px;
  background:var(--base5);
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.ebi-chat__title strong{
  display: block;
  font-size: 18px;
  color:#fff;
}
.ebi-chat__title span{
  display: block;
  font-size: 12px;
  opacity: .75;
  color:#fff;
}
.ebi-chat__close{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  cursor: pointer;
}

/* Log */
.ebi-chat__log{
  height: calc(100% - 56px - 64px - 34px); /* head + foot + hint */
  padding: 12px;
  overflow: auto;
  background: #fff;
}
.ebi-chat__msg{
  display: flex;
  margin: 10px 0;
}
.ebi-chat__msg.is-user{ justify-content: flex-end; }
.ebi-chat__bubble{
  max-width: 85%;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
  font-size: 13px;
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
}
.ebi-chat__msg.is-user .ebi-chat__bubble{
  background: rgba(242,120,69,.10);
  border-color: rgba(242,120,69,.22);
}

/* Footer */
.ebi-chat__foot{
  display: flex;
  gap: 8px;
  padding: 12px;
  border-top: 1px solid rgba(0,0,0,.06);
  background: #fff;
}
.ebi-chat__input{
  flex: 1;
  height: 40px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  outline: none;
  font-size: 13px;
}
.ebi-chat__input:focus{
  border-color: rgba(242,120,69,.45);
}
.ebi-chat__send{
  height: 40px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  background: var(--base1, #F27845);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

/* Hint */
.ebi-chat__hint{
  padding: 8px 12px 12px;
  font-size: 12px;
  opacity: .7;
  background: #fff;
}

.ebi-chat__export{
  display:flex;
  gap:8px;
  padding: 0 200px 12px 0;
}
.ebi-chat__btnExport{
  flex:1;
  height:36px;
  border-radius:12px;
  border: 1px solid rgba(0,0,0,.10);
  background:#fff;
  font-size:12px;
  cursor:pointer;
}

/* ✅ FAB 말풍선 */
.ebi-chat__fab{ position: relative; }

.ebi-chat__tip{
  position: absolute;
  right: calc(100% + 12px);
  bottom: 70%;
  transform: translateY(50%) translateX(6px);
  max-width: 240px;

  padding: 10px 12px;
  border-radius: 12px;
  background:#fff;
  color: var(--base5);
  font-size: 14px;
  line-height: 1.35;
  text-align: left;
  box-shadow: 0 12px 28px rgba(0,0,0,.20);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition: opacity .35s ease, transform .35s ease, visibility 0s linear .35s;
  z-index: 2;
}

/* 말풍선 꼬리 */
.ebi-chat__tip:after{
  content:"";
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

/* 노출 상태 */
.ebi-chat__tip.is-show{
  opacity: 1;
  visibility: visible;
  transform: translateY(50%) translateX(0);
  transition: opacity .35s ease, transform .35s ease, visibility 0s;
}


/* Mobile safe area */
@media (max-width: 480px){
  .ebi-chat{ right: 12px; bottom: 12px; }
  .ebi-chat__panel{ bottom: 54px; }
  .ebi-chat__tip {bottom:20%;}
  /*.ebi-chat__tip{
    right: 0;
    bottom: calc(100% + 10px);
    transform: translateY(0) translateX(0);
  }
  .ebi-chat__tip:after{
    right: 16px;
    top: auto;
    bottom: -6px;
    transform: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0,0,0,.82);
    border-bottom: 0;
  }*/
  .ebi-chat__tip.is-show{
    transform: translateY(0) translateX(0);
  }
}




@media (max-width: 1199px) {
	.gotop {bottom:20px; opacity:1 !important;}
	
	footer .footer-info {padding:60px 0;}
	footer .footer-info-wrap {flex-direction:column; gap:30px 0;}
	footer .footer-info-wrap .tit {padding:0 0 14px;}
	footer .footer-info-item {}
	footer .footer-info-item-list {padding:0;}
	
	footer .footer-info-cs a+p {padding:0;}
	
	footer .footer-info-bank {}
	footer .footer-info-bank .tit {width:230px; max-width:100%;}
	
	footer .footer-support-wrap {gap:20px;flex-direction:column; align-items:start;}
	footer .footer-support-list {padding:0;}
	
	
}

@media (max-width: 767px) {
	.gotop  {right:10px; width:40px; height:40px; background-size:25px;}
	
	footer {}
	
	footer .footer-info {padding:40px 0;}
	footer .footer-info-wrap {gap:20px 0;}
	footer .footer-info-wrap .tit {padding:0 0 8px;}
	
	footer .footer-info-item-list {flex-wrap:wrap; gap:0 20px;}
	footer .footer-info-item .copy {flex-wrap:wrap; gap:0 20px;}
	
	footer .footer-support-wrap {gap:10px;}
	footer .footer-support-list {flex-direction:column; gap:10px;align-items: start;}
	footer .footer-support-list>div {flex-wrap:wrap; gap:10px 20px;}
	footer .footer-support-ps a {padding:16px; width:180px; margin-left:10px;}
	footer .footer-support-ps a span:nth-child(1) img {height:13px;}
	
	.fix-btn .ai_quest-btn {width:50px; height:120px; padding:5px;}
	.ai_quest-btn i {width:30px; height:38.5px;}
	.ai_quest-btn span {font-size:15px; margin-top:7px;}
	.fix-btn {right:10px;}
	
}