@charset "UTF-8";
/*221128 jm : 드롭다운보다 snb가 스크롤시 위에 있도록 하기위해 z-index 101로 수정*/
[current-page=page-ai-agent] {
  background-color: #F0F7EB;
  overflow: hidden;
}
[current-page=page-ai-agent] #snb .tab-info {
  background-color: #F0F7EB;
  border-color: transparent;
}
[current-page=page-ai-agent] #snb .tab-info .btn--branch {
  padding: calc(var(--uw) * 1.1538461538) calc(var(--uw) * 2.8205128205);
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: calc(var(--uw) * 3.3333333333);
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: calc(var(--uw) * 3.0769230769);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: calc(var(--uw) * 4.358974359);
  color: #303030;
}
[current-page=page-ai-agent] .__branch-pop {
  position: relative;
  padding-top: calc(var(--uw) * 3.0769230769);
}
[current-page=page-ai-agent] .__branch-pop .section-branch {
  padding-bottom: calc(var(--uw) * 8.2051282051);
}
[current-page=page-ai-agent] .__branch-pop .section-branch .list-capsule-sm ul {
  padding: 0;
  text-align: center;
}
[current-page=page-ai-agent] .__branch-pop .section-branch .list-capsule-sm ul > li a {
  border: none;
  color: #acacac;
}
[current-page=page-ai-agent] .__branch-pop .section-branch .list-capsule-sm ul > li.active a {
  color: #fff;
}
[current-page=page-ai-agent] .__branch-pop .section-branch .section-store-location {
  max-height: 50vh;
  margin-top: calc(var(--uw) * 6.1538461538);
  margin-left: calc(var(--uw) * -3.0769230769);
  margin-right: calc(var(--uw) * -3.0769230769);
  overflow-y: scroll;
  transition: height 0.3s linear;
}
[current-page=page-ai-agent] .__branch-pop .section-branch .section-store-location ul {
  padding-left: calc(var(--uw) * 3.0769230769);
  padding-right: calc(var(--uw) * 3.0769230769);
}
[current-page=page-ai-agent] .__branch-pop .section-branch .section-store-location ul li {
  display: none;
}
[current-page=page-ai-agent] .__branch-pop .section-branch .section-store-location ul li.active {
  display: block;
}
[current-page=page-ai-agent] .__branch-pop .section-branch .section-store-location ul li .stores {
  margin-top: calc(var(--uw) * 3.0769230769);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: calc(var(--uw) * 11.7948717949);
  gap: calc(var(--uw) * 1.0256410256);
}
[current-page=page-ai-agent] .__branch-pop .section-branch .section-store-location ul li .stores .store {
  background: #F2F2F2;
  border-radius: calc(var(--uw) * 5.8974358974);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: calc(var(--uw) * 3.3333333333);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.45;
}
[current-page=page-ai-agent] .__branch-pop .section-branch .section-store-location ul li .stores .store.active {
  background-color: #09896A;
  color: #fff;
}
[current-page=page-ai-agent] .__branch-pop .section-branch .section-store-location ul li .stores.__nothing {
  margin-top: calc(var(--uw) * 20.5128205128);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  margin-bottom: calc(var(--uw) * 20.5128205128);
  color: #888;
}
[current-page=page-ai-agent] .__branch-pop .section-branch .section-store-location ul li .stores.__nothing b {
  letter-spacing: -0.01em;
}
[current-page=page-ai-agent] .__branch-pop .section-branch .section-store-location ul li .stores.__nothing .__number {
  margin-top: calc(var(--uw) * 6.1538461538);
  display: block;
  text-decoration: underline;
  color: #888;
}
[current-page=page-ai-agent] .__branch-pop .section-branch .section-store-location ul li .stores + h5 {
  margin-top: calc(var(--uw) * 5.1282051282);
}
[current-page=page-ai-agent] .__branch-pop .section-branch .section-store-location ul li h5 {
  margin-bottom: calc(var(--uw) * 2.5641025641);
  text-align: center;
}
[current-page=page-ai-agent] .__branch-pop .__popup--btn .btn--orange {
  width: 100%;
  height: calc(var(--uw) * 12.8205128205);
  background-color: #F37238;
  border-color: #F37238;
  color: #fff;
  border-radius: calc(var(--uw) * 6.4102564103);
}
[current-page=page-ai-agent] .__branch-pop .__popup--btn .__close {
  position: absolute;
  top: calc(var(--uw) * -4.1025641026);
  right: calc(var(--uw) * -3.0769230769);
  width: calc(var(--uw) * 7.6923076923);
  height: calc(var(--uw) * 7.6923076923);
  padding: calc(var(--uw) * 1.5384615385);
}
[current-page=page-ai-agent] .__branch-pop .__popup--btn .__close svg {
  width: calc(var(--uw) * 3.5897435897);
  height: calc(var(--uw) * 3.5897435897);
}
[current-page=page-ai-agent] .popup.popup__section.active .popup__container.middle {
  width: calc(100% - var(--uw) * 8.9743589744);
}

#page-ai-agent {
  position: relative;
  word-break: keep-all;
  display: flex;
  flex-direction: column;
  height: calc(var(--app-height, 100dvh) + var(--sab, env(safe-area-inset-bottom)));
}
#page-ai-agent .chat-wrap {
  position: relative;
  height: calc(var(--app-height) - var(--uw) * 15.641025641 - var(--uw) * 15.3846153846 + var(--sab, env(safe-area-inset-bottom)));
  padding: 0 calc(var(--uw) * 5.1282051282);
  padding-bottom: calc(var(--uw) * 10.2564102564);
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#page-ai-agent .chat-wrap .__text-green {
  display: inline-block;
  color: #09896A;
}
#page-ai-agent .chat-wrap .__text-orange {
  display: inline-block;
  color: #F37238;
}
#page-ai-agent .chat-wrap .chat-intro {
  position: relative;
  padding-top: 15vh;
  transition: padding-top;
}
#page-ai-agent .chat-wrap .chat-intro .intro-guide {
  position: absolute;
  top: calc(var(--uw) * 1.0256410256);
  left: 50%;
  transform: translateX(-50%);
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: calc(var(--uw) * 3.0769230769);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.45;
  color: #979797;
  text-decoration: underline;
  text-align: center;
}
#page-ai-agent .chat-wrap .chat-intro .ai-intro-profile {
  position: relative;
  margin: 0 auto;
  height: calc(var(--uw) * 29.4871794872);
  margin-bottom: calc(var(--uw) * 1.5384615385);
  transition: all 0.3s linear;
}
#page-ai-agent .chat-wrap .chat-intro .ai-intro-profile img.intro {
  display: block;
  margin: 0 auto;
  width: calc(var(--uw) * 21.2820512821);
}
#page-ai-agent .chat-wrap .chat-intro .ai-intro-profile img.profile {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--uw) * 10.2564102564);
  transform: scale(0, 0);
  background-color: #fff;
  border-radius: calc(var(--uw) * 10.2564102564);
}
#page-ai-agent .chat-wrap .chat-intro .text {
  width: 100%;
  margin-top: calc(var(--uw) * 3.5897435897);
  text-align: center;
  white-space: nowrap;
  transition: all 0.5s linear;
}
#page-ai-agent .chat-wrap .chat-intro .text .green {
  color: #09896A;
}
#page-ai-agent .chat-wrap .chat-intro .capsule-btn {
  margin-left: calc(var(--uw) * -1.5384615385);
  margin-right: calc(var(--uw) * -1.5384615385);
}
#page-ai-agent .chat-wrap .chat-intro .capsule-btn .capsule-btn-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: calc(var(--uw) * 5.1282051282);
}
#page-ai-agent .chat-wrap .chat-intro .capsule-btn .capsule-btn-wrap .btn {
  max-width: 100%;
  height: calc(var(--uw) * 9.2307692308);
  margin: 0 calc(var(--uw) * 0.641025641) calc(var(--uw) * 2.0512820513);
  padding: calc(var(--uw) * 2.5641025641) calc(var(--uw) * 4.6153846154);
  border-radius: calc(var(--uw) * 5.1282051282);
}
#page-ai-agent .chat-wrap .chat-intro .capsule-btn .capsule-btn-wrap .btn--default {
  background-color: #fff;
  border: 1px solid #fff;
}
#page-ai-agent .chat-wrap .chat-intro .capsule-btn .capsule-btn-wrap .btn--orange {
  color: #fff;
  background-color: #F37238;
  border: 1px solid #F37238;
}
#page-ai-agent .chat-wrap .chat-intro .capsule-btn .capsule-btn-wrap .btn--green {
  color: #fff;
  background-color: #09896A;
  border: 1px solid #09896A;
}
#page-ai-agent .chat-wrap .chat-intro .capsule-btn .capsule-btn-wrap .btn:active {
  color: #fff;
  background-color: #F37238;
  border: 1px solid #F37238;
}
#page-ai-agent .chat-wrap .chat-intro .capsule-btn .capsule-btn-wrap .btn span {
  max-width: calc(100vw - var(--uw) * -10.2564102564);
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
}
#page-ai-agent .chat-wrap .chat-intro.landed .ai-intro-profile img.profile {
  display: block;
}
#page-ai-agent .chat-wrap .chat-intro.landed .text {
  width: 1px;
}
#page-ai-agent .chat-wrap .chat-intro.landed .capsule-btn .capsule-btn-wrap .btn {
  transition: transform 0.3s linear, background-color 0.1s linear, color 0.1s linear, border 0.1s linear;
  transform: translateX(0) !important;
}
#page-ai-agent .chat-wrap .user-wrap {
  margin-top: calc(var(--uw) * 8.2051282051);
  padding-left: calc(var(--uw) * 15.8974358974);
}
#page-ai-agent .chat-wrap .user-wrap .chat-bubble-user {
  text-align: right;
}
#page-ai-agent .chat-wrap .user-wrap .chat-bubble-user .chat-bubble .text > p {
  text-align: left;
  display: inline-block;
  padding: calc(var(--uw) * 3.0769230769) calc(var(--uw) * 5.1282051282);
  border-radius: calc(var(--uw) * 6.4102564103);
  background-color: #09896A;
  color: #fff;
  word-break: keep-all;
}
#page-ai-agent .chat-wrap .ai-wrap {
  margin-top: calc(var(--uw) * 1.0256410256);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai {
  padding-right: calc(var(--uw) * 15.8974358974);
  text-align: left;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .profile img {
  width: calc(var(--uw) * 10.2564102564);
  background-color: #fff;
  border-radius: calc(var(--uw) * 10.2564102564);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .chat {
  margin-top: calc(var(--uw) * 3.5897435897);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .text {
  margin-right: calc(var(--uw) * -15.8974358974);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .text > p {
  display: inline-block;
  padding: calc(var(--uw) * 3.0769230769) calc(var(--uw) * 5.1282051282);
  border-radius: calc(var(--uw) * 6.4102564103);
  background-color: #fff;
  word-break: keep-all;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .text > p > b {
  font-weight: 700;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .cs-info {
  padding: calc(var(--uw) * 6.6666666667) calc(var(--uw) * 5.1282051282);
  border-radius: calc(var(--uw) * 3.8461538462);
  background-color: #fff;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .cs-info-wrap .item {
  display: flex;
  align-items: flex-start;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .cs-info-wrap .item .__title {
  width: 40%;
  flex-shrink: 0;
  color: #666;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .cs-info-wrap .item .__info {
  width: 60%;
  flex-shrink: 1;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .cs-info-wrap .item .__info > a {
  display: block;
  text-decoration: underline;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .cs-info-wrap .item .__info > a[data-clipboard-text] {
  word-break: break-all;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .cs-info-wrap .item + .item {
  margin-top: calc(var(--uw) * 2.5641025641);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .cs-info .btn--wrap {
  margin-top: calc(var(--uw) * 4.1025641026);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .cs-info > p {
  word-break: keep-all;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .btn {
  width: 100%;
  padding: calc(var(--uw) * 2.5641025641) calc(var(--uw) * 5.1282051282);
  border-radius: calc(var(--uw) * 6.4102564103);
  border-color: transparent;
  min-height: calc(var(--uw) * 12.8205128205);
  height: auto;
  margin-top: calc(var(--uw) * 2.5641025641);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .btn:first-of-type {
  margin-top: calc(var(--uw) * 5.1282051282);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .btn--default {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .btn--orange {
  background-color: #F37238;
  border-color: #F37238;
  color: #fff;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .btn > span {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
  text-align: center;
  word-break: keep-all;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .slide-list .card-swiper {
  margin-right: calc(var(--uw) * -15.8974358974);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .slide-list .swiper-slide {
  width: calc(var(--uw) * 42.8205128205);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .slide-list.wide .swiper-slide {
  width: calc(var(--uw) * 74.358974359);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info {
  padding: calc(var(--uw) * 3.0769230769);
  background-color: #fff;
  border-radius: calc(var(--uw) * 3.8461538462);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info a {
  display: block;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .thumb-img img {
  display: block;
  width: calc(var(--uw) * 36.6666666667);
  height: calc(var(--uw) * 36.6666666667);
  border-radius: 7px;
  object-fit: cover;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .txt-wrap {
  margin-top: calc(var(--uw) * 3.8461538462);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .txt-wrap .__store {
  color: #666;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .txt-wrap .flex-cont {
  display: flex;
  align-items: center;
  margin-top: calc(var(--uw) * 0.5128205128);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .txt-wrap .flex-cont .__title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .txt-wrap .flex-cont .__floor {
  margin-left: calc(var(--uw) * 1.0256410256);
  color: #F37238;
  flex-shrink: 0;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .store-contents {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(var(--uw) * 2.0512820513);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .store-contents .__link {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  padding: calc(var(--uw) * 0.5128205128) 0;
  color: #888;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .store-contents .__link:not(:first-of-type)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: calc(var(--uw) * 0.2564102564);
  height: calc(var(--uw) * 2.5641025641);
  margin-top: calc(var(--uw) * -1.2820512821);
  background-color: #888;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .shpg-info {
  height: calc(var(--uw) * 64.1025641026);
  padding: calc(var(--uw) * 3.0769230769);
  background-color: #fff;
  border-radius: calc(var(--uw) * 3.8461538462);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .shpg-info a {
  display: block;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .shpg-info .thumb-img img {
  display: block;
  width: calc(var(--uw) * 36.6666666667);
  height: calc(var(--uw) * 36.6666666667);
  border-radius: 7px;
  object-fit: cover;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .shpg-info .txt-wrap {
  margin-top: calc(var(--uw) * 3.8461538462);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .shpg-info .txt-wrap .__title {
  height: calc(var(--uw) * 11.7948717949);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .shpg-info .txt-wrap .__date {
  margin-top: calc(var(--uw) * 1.0256410256);
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .store-info {
  padding: calc(var(--uw) * 5.1282051282);
  background-color: #fff;
  border-radius: calc(var(--uw) * 3.8461538462);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .store-info .__title {
  color: #666;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .store-info .list {
  margin-top: calc(var(--uw) * 5.1282051282);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .store-info .list .__li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .store-info .list .__li:not(:first-of-type) {
  margin-top: calc(var(--uw) * 2.5641025641);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .store-info .list .__li .__floor {
  width: calc(var(--uw) * 8.2051282051);
  flex-shrink: 0;
  color: #F37238;
  white-space: nowrap;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .store-info .list .__li .__tit {
  width: calc(100% - var(--uw) * 30.2564102564);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .store-info .list .__li .__icon-cont {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: calc(var(--uw) * 18.4615384615);
  flex-shrink: 0;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .store-info .list .__li .__icon-cont .__icon {
  width: calc(var(--uw) * 8.2051282051);
  padding: calc(var(--uw) * 1.0256410256);
  background-color: #F2F2F2;
  border-radius: calc(var(--uw) * 4.1025641026);
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .store-info .list .__li .__icon-cont .__icon img {
  width: 100%;
}
#page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .store-info .list .__li .__icon-cont .__icon:not(:first-of-type) {
  margin-left: calc(var(--uw) * 1.2820512821);
}
#page-ai-agent .chat-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  border: 1px solid #F0F7EB;
}
#page-ai-agent .chat-bottom .bottom-grdient {
  position: fixed;
  bottom: calc(var(--uw) * 15.641025641);
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: calc(var(--uw) * 2.5641025641);
  background-size: auto 100%;
  transform: translateY(100%);
  transition: transform 0.3s linear;
}
#page-ai-agent .chat-bottom .bottom-grdient img {
  width: 100%;
  height: 100%;
}
#page-ai-agent .chat-bottom.on .bottom-grdient {
  transform: translateY(0%);
}
#page-ai-agent .chat-bottom .bottom-inner {
  padding: 0 calc(var(--uw) * 5.1282051282) calc(var(--uw) * 4.1025641026);
  background-color: #F0F7EB;
}
#page-ai-agent .chat-bottom .bottom-inner .box-send {
  position: relative;
  padding: calc(var(--uw) * 3.0769230769) calc(var(--uw) * 15.3846153846) calc(var(--uw) * 3.0769230769) calc(var(--uw) * 6.1538461538);
  background-color: #fff;
  border-radius: calc(var(--uw) * 10.2564102564);
}
#page-ai-agent .chat-bottom .bottom-inner .box-send input[type=text] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: none;
  width: 100%;
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: calc(var(--uw) * 3.5897435897);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.5;
}
#page-ai-agent .chat-bottom .bottom-inner .box-send textarea {
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #fff;
  outline: 0;
  resize: none;
  border: none;
  width: 100%;
  min-height: calc(var(--uw) * 5.1282051282);
  max-height: calc(var(--uw) * 12.8205128205);
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: calc(var(--uw) * 3.5897435897);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.5;
}
#page-ai-agent .chat-bottom .bottom-inner .box-send button {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(var(--uw) * 11.2820512821);
  height: calc(var(--uw) * 11.2820512821);
  padding: calc(var(--uw) * 3.0769230769);
}
#page-ai-agent .chat-bottom .bottom-inner .box-send button svg {
  width: 100%;
  height: 100%;
}
#page-ai-agent .chat-loading {
  background: linear-gradient(90deg, #303030 0%, #999 50%, #303030 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  animation: gradient-text 3s linear infinite;
}

[data-lang] #snb .snb-title {
  padding: calc(var(--uw) * 2.5641025641) 0;
  left: calc(var(--uw) * 15.3846153846);
  width: calc(100% - var(--uw) * 53.8461538462);
  transform: translate(0, -50%);
  text-align: left;
}
[data-lang] #snb .snb-title span {
  display: block;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
}
[data-lang] #snb .snb-title span:first-of-type {
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: calc(var(--uw) * 3.3333333333);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.35;
}
[data-lang] #snb .snb-title span:last-of-type {
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: calc(var(--uw) * 4.1025641026);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.4;
}
[data-lang][current-page=page-ai-agent] .__branch-pop .section-branch {
  padding-bottom: calc(var(--uw) * 8.2051282051);
}
[data-lang][current-page=page-ai-agent] .__branch-pop .section-branch .list-capsule-sm ul {
  text-align: left;
  white-space: inherit;
  overflow: inherit;
}
[data-lang][current-page=page-ai-agent] .__branch-pop .section-branch .list-capsule-sm ul > li {
  padding: 0;
}
[data-lang][current-page=page-ai-agent] .__branch-pop .section-branch .section-store-location ul li .stores .store {
  padding: 0 calc(var(--uw) * 1.5384615385);
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: calc(var(--uw) * 3.0769230769);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.35;
  text-align: center;
}
[data-lang=eng] #page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .store-contents {
  justify-content: space-around;
}
[data-lang=eng] #page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .store-contents .__link {
  width: fit-content;
}
[data-lang=eng] #page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .store-contents .__link:first-of-type {
  flex-shrink: 0;
}
[data-lang=eng] #page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .store-contents .__link:not(:first-of-type)::before {
  left: calc(var(--uw) * -2.5641025641);
}

[data-lang=jpn] #page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .store-contents {
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
[data-lang=jpn] #page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .store-contents .__link {
  text-align: left;
  text-decoration: underline;
}
[data-lang=jpn] #page-ai-agent .chat-wrap .ai-wrap .chat-bubble-ai .chat-bubble .fnb-info .store-contents .__link:not(:first-of-type)::before {
  display: none;
}

@media screen and (min-width: 590px) {
  .popup.popup__section.active .popup__container.middle {
    transform: translate(-50%, -50%);
  }
  .popup.popup__section.active [popup-layout] {
    max-height: 43.54dvh;
  }
  .popup.popup__section.active .__branch-pop .section-branch .section-store-location {
    max-height: calc(43.54dvh - var(--uw) * 17.9487179487);
  }
}
@keyframes gradient-text {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}