@charset "utf-8";

/* Chatbot
--------------------------------------------------------- */
.sec-chatbot {
  margin: 90px 0 0;
}

.sec-chatbot .system {
  margin-bottom: 93px;
  padding: 51px 0 46px;
  border-bottom: 1px solid #2dbb54;
  display: flex;
  gap: 10px;
}

.sec-chatbot .system-left {
  width: 64%;
}

.sec-chatbot .system-ttl {
  line-height: 1.2;
  padding-bottom: 16px;
  letter-spacing: -0.7px;
}

.sec-chatbot .system-list {
  padding-top: 19px;
}

.sec-chatbot .system-list li {
  padding: 0 0 26px 27px;
}

.sec-chatbot .request-btn {
  margin-top: -3px;
}

.sec-chatbot .system-right {
  width: 40.5%;
  padding: 98px 0 58px;
}

.sec-chatbot .chatbot-activity .system-ttl {
  line-height: 0.9;
  letter-spacing: 0.1px;
}

.sec-chatbot .activity-btn {
  position: relative;
  margin: 60px 20px 0 20px;
}

.sec-chatbot .activity-btn::after {
  position: absolute;
  bottom: -26px;
  left: 0;
  width: 100%;
  height: 1.5px;
  background-color: #2DBB54;
  content: '';
}

.sec-chatbot .activity-btn-gp {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  justify-items: center;
  gap: 20px;
}

.sec-chatbot .activity-btn-gp li {
  width: 100%;
}

.sec-chatbot .activity-btn-gp a {
  position: relative;
  padding: 32px 10px;
  border: 1px solid #2DBB54;
  background-color: #FFFFFF;
  color: #2DBB54;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  border-radius: 6px;
}

.sec-chatbot .activity-btn-gp a::before,
.sec-chatbot .activity-btn-gp a::after {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  background-color: #FFFFFF;
  content: '';
}

.sec-chatbot .activity-btn-gp a::before {
  bottom: -10px;
  width: 17px;
  height: 17px;
  transform: rotate(225deg);
  border-top: 1px solid #2DBB54;
  border-left: 1px solid #2DBB54;
}

.sec-chatbot .activity-btn-gp a::after {
  bottom: -75%;
  z-index: 2;
  width: 20px;
  height: 20px;
  border: 1px solid #2DBB54;
  border-radius: 50%;
}

.sec-chatbot .activity-btn-gp a:hover,
.sec-chatbot .activity-btn-gp a:hover::before,
.sec-chatbot .activity-btn-gp a.active,
.sec-chatbot .activity-btn-gp a.active::before {
  background-color: #F3FCF7;
  opacity: 1;
}

.sec-chatbot .activity-btn-gp a:hover::after,
.sec-chatbot .activity-btn-gp a.active::after {
  background-color: #2DBB54;
}

.sec-chatbot .chatbot-activity .activity-content {
  display: flex;
  gap: 20px;
  padding-top: 90px;
}

.sec-chatbot .chatbot-activity .txt-block {
  font-size: 16px;
}

.sec-chatbot .chatbot-activity .txt-block .chatbot-ttl {
  padding-bottom: 28px;
  font-family: 'Poppins', sans-serif;
}

.sec-chatbot .chatbot-activity .txt-block .chatbot-ttl span {
  display: block;
  padding-top: 16px;
}

.sec-chatbot .chatbot-activity .txt-block p {
  line-height: 1.9;
}

.sec-chatbot .chatbot-activity .publisher .img-block {
  width: 45%;
  margin: 0 10px 0 19px;
}

.sec-chatbot .chatbot-activity .publisher .txt-block {
  width: 45%;
  padding: 43px 0 20px;
}

.sec-chatbot .chatbot-activity .interface .img-block {
  width: 55.4%;
}

.sec-chatbot .chatbot-activity .interface .txt-block {
  width: 44.6%;
  padding: 34px 62px 0 85px;
}

.sec-chatbot .chatbot-activity .txt-block ul li {
  position: relative;
  line-height: 1.8;
  padding: 2px 25px 14px;
}

.sec-chatbot .chatbot-activity .txt-block ul li::before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 17px;
  height: 17px;
  content: '';
}

.sec-chatbot .chatbot-activity .txt-block ul.operator-list li::before {
  background: url('../img/chatbot/img_redtick.png') no-repeat center/contain;
}

.sec-chatbot .chatbot-activity .txt-block ul.dashboard-list li::before {
  background: url('../img/chatbot/img_yellowtick.png') no-repeat center/contain;
}

.sec-chatbot .chatbot-activity .operator .img-block {
  width: 45%;
  margin: -12px 37px 0 55px;
}

.sec-chatbot .chatbot-activity .operator .txt-block {
  width: 45%;
  padding-top: 9px;
}

.sec-chatbot .chatbot-activity .dashboard .img-block {
  width: 49%;
  padding-top: 16px;
}

.sec-chatbot .chatbot-activity .dashboard .txt-block {
  width: 41.3%;
  margin-left: 85px;
  padding-top: 26px;
}

.sec-chatbot .chatbot-advertise {
  margin-top: 97px;
  padding: 85px 0 130px;
  background: url('../img/chatbot/img_chatbot_bg.png') no-repeat center/100% 100%;
}

.sec-chatbot .chatbot-advertise .l-inner {
  max-width: 1160px;
  display: flex;
}

.sec-chatbot .chatbot-advertise .chatbot-left {
  position: relative;
  z-index: 1;
  width: 70%;
}

.sec-chatbot .chatbot-advertise .chatbot-right {
  width: 30%;
  margin-top: -11%;
}

.sec-chatbot .chatbot-advertise .suggestion-txtbox h3 {
  line-height: 0.74;
  margin-right: 30px;
  padding: 0 8px;
  color: #2DBB54;
  font-size: 60px;
  border-bottom: 1px solid #2DBB54;
}

.sec-chatbot .chatbot-advertise .suggestion-txtbox {
  position: relative;
  width: 514px;
  margin-left: 6.3%;
  padding: 15px 31px 40px 41px;
  background-color: #FFFFFF;
  border-radius: 25px;
}

.sec-chatbot .chatbot-advertise .suggestion-txtbox::after {
  position: absolute;
  bottom: -20px;
  left: -28px;
  z-index: -1;
  width: 412px;
  height: 266px;
  border: 2px solid #2DBB54;
  background-color: transparent;
  content: "";
  border-radius: 5px;
}

.sec-chatbot .chatbot-advertise .chatbot-list {
  padding-top: 25px;
}

.sec-chatbot .chatbot-advertise .chatbot-list li {
  position: relative;
  line-height: 1.8;
  padding: 0 0 3px 35px;
}

.sec-chatbot .chatbot-advertise .suggestion-txtbox .chatbot-list li::before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 16px;
  height: 15px;
  background: url('../img/chatbot/ico_chatbot.png') no-repeat center/contain;
  content: '';
}

.sec-chatbot .chatbot-advertise .chatbot-left .bib-logo {
  position: absolute;
  top: -36px;
  left: 404px;
  z-index: 2;
}

.sec-chatbot .chatbot-advertise .chatbot-left .bib-logo img {
  max-width: 214px;
}

.sec-chatbot .chatbot-advertise .chatbot-left .chatbot {
  position: absolute;
  top: -125px;
  left: 56px;
  z-index: 2;
}

.sec-chatbot .chatbot-advertise .chatbot-left .chatbot img {
  max-width: 149px;
}

.sec-chatbot .chatbot-advertise .chatbot-right .chatbot-price {
  position: relative;
  width: 80%;
  margin-left: 6.5%;
}

.sec-chatbot .chatbot-advertise .chatbot-right .chatbot-price::before {
  position: absolute;
  top: 25%;
  left: -91%;
  z-index: 9;
  width: 95%;
  height: 216px;
  background: url('../img/chatbot/img_left_arr.png') no-repeat center/contain;
  content: '';
}

.sec-chatbot .chatbot-advertise .chatbot-right .chatbot-price::after {
  position: absolute;
  bottom: -75%;
  left: 17.2%;
  width: 89%;
  height: 267px;
  background: url('../img/chatbot/img_right_arr.png') no-repeat center/contain;
  content: '';
}

.sec-chatbot .chatbot-advertise .chatbox {
  position: absolute;
  top: 41%;
  left: 65%;
  z-index: 2;
  width: 37%;
}

/* Ipad
-----------------------------------------------------------------*/
@media only screen and (min-width:769px) and (max-width:1024px) {
  .sec-chatbot {
    margin: 7.789vw 0 0;
  }

  .sec-chatbot .ipad {
    display: block;
  }

  .sec-chatbot .system {
    margin-bottom: 9.082vw;
    padding: 4.98vw 0 4.492vw;
  }

  .sec-chatbot .system-left {
    width: 100%;
  }

  .sec-chatbot .system-ttl {
    padding-bottom: 1.563vw;
    letter-spacing: -0.068vw;
  }

  .sec-chatbot .system-list {
    padding-top: 1.855vw;
  }

  .sec-chatbot .system-list li {
    padding: 0 0 2.539vw 2.637vw;
  }

  .sec-chatbot .request-btn {
    margin-top: -0.293vw;
  }

  .sec-chatbot .system-right {
    width: 100%;
    padding: 0;
    text-align: center;
  }

  .sec-chatbot .system-right img {
    max-width: 42.09vw;
  }

  .sec-chatbot .chatbot-activity .system-ttl {
    letter-spacing: 0.01vw;
  }

  .sec-chatbot .activity-btn-gp {
    gap: unset;
    margin-inline: 3.255vw;
  }

  .sec-chatbot .activity-btn::after {
    top: 50%;
    transform: translateY(-50%);
    height: 6.51vw;
    border: 0.13vw solid #2DBB54;
    background-color: transparent;
    border-left-color: transparent;
  }

  .sec-chatbot .activity-btn-gp li:nth-child(1){
    grid-column: 1;
    grid-row: 1;
  }

  .sec-chatbot .activity-btn-gp li:nth-child(2){
    grid-column: 3;
    grid-row: 1;
  }

  .sec-chatbot .activity-btn-gp li:nth-child(3){
    grid-column: 2;
    grid-row: 2;
  }

  .sec-chatbot .activity-btn-gp li:nth-child(4){
    grid-column: 4;
    grid-row: 2;
  }

  .sec-chatbot .activity-btn-gp li:nth-child(3),
  .sec-chatbot .activity-btn-gp li:nth-child(4) {
    margin-top: 15.365vw;
  }

  .sec-chatbot .activity-btn-gp a {
    padding: 3.125vw 2.734vw;
    border: 0.098vw solid #2DBB54;
    font-size: 1.367vw;
    border-radius: 0.586vw;
  }

  .sec-chatbot .activity-btn-gp a::before {
    bottom: -0.977vw;
    width: 1.66vw;
    height: 1.66vw;
    border-top: 0.098vw solid #2DBB54;
    border-left: 0.098vw solid #2DBB54;
  }

  .sec-chatbot .activity-btn-gp a.operator-btn::before,
  .sec-chatbot .activity-btn-gp a.dashboard-btn::before {
    top: -0.977vw;
    transform: rotate(45deg);
  }

  .sec-chatbot .activity-btn-gp a::after {
    bottom: -5.729vw;
    width: 1.953vw;
    height: 1.953vw;
    border: 0.098vw solid #2DBB54;
  }

  .sec-chatbot .activity-btn-gp a.operator-btn::after,
  .sec-chatbot .activity-btn-gp a.dashboard-btn::after {
    top: -70%;
  }

  .sec-chatbot .chatbot-activity .activity-content {
    padding-top: 6.348vw;
  }

  .sec-chatbot .chatbot-activity .img-block img {
    margin: 0 auto;
    max-width: 53.711vw;
  }

  .sec-chatbot .chatbot-activity .txt-block {
    font-size: 1.563vw;
  }

  .sec-chatbot .chatbot-activity .txt-block .chatbot-ttl {
    padding-bottom: 2.734vw;
  }

  .sec-chatbot .chatbot-activity .txt-block .chatbot-ttl img {
    max-width: 6.934vw;
  }

  .sec-chatbot .chatbot-activity .txt-block .chatbot-ttl span {
    padding-top: 1.563vw;
  }

  .sec-chatbot .chatbot-activity .publisher .img-block,
  .sec-chatbot .chatbot-activity .interface .img-block,
  .sec-chatbot .chatbot-activity .operator .img-block,
  .sec-chatbot .chatbot-activity .dashboard .img-block {
    width: 95%;
    margin: 0 auto;
  }

  .sec-chatbot .chatbot-activity .publisher .txt-block,
  .sec-chatbot .chatbot-activity .interface .txt-block,
  .sec-chatbot .chatbot-activity .operator .txt-block,
  .sec-chatbot .chatbot-activity .dashboard .txt-block {
    width: 100%;
    margin: 0;
    padding: 0 0 1.875vw 0;
  }

  .sec-chatbot .chatbot-activity .interface,
  .sec-chatbot .chatbot-activity .dashboard {
    padding-top: 0;
    padding-bottom: 6.152vw;
  }

  .sec-chatbot .chatbot-activity .interface,
  .sec-chatbot .chatbot-activity .interface .img-block,
  .sec-chatbot .chatbot-activity .interface .txt-block,
  .sec-chatbot .chatbot-activity .dashboard,
  .sec-chatbot .chatbot-activity .dashboard .img-block,
  .sec-chatbot .chatbot-activity .dashboard .txt-block {
    transform: scaleY(-1);
  }

  .sec-chatbot .chatbot-activity .txt-block ul li {
    padding: 0.195vw 2.441vw 1.367vw;
  }

  .sec-chatbot .chatbot-activity .txt-block ul li::before {
    top: 0.488vw;
    width: 1.66vw;
    height: 1.66vw;
  }

  .sec-chatbot .chatbot-advertise {
    margin-top: 9.473vw;
    padding: 10.301vw 0 16vw;
    background: url('../img/chatbot/img_chatbot_bg_ipad.png') no-repeat center/100% 100%;
  }

  .sec-chatbot .chatbot-advertise .l-inner {
    max-width: 100%;
    flex-direction: column;
  }

  .sec-chatbot .chatbot-advertise .chatbot-left {
    width: 100%;
    padding-bottom: 7vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-right {
    width: 100%;
    margin: 0 auto;
  }

  .sec-chatbot .chatbot-advertise .suggestion-txtbox h4 {
    margin-right: 2.93vw;
    padding: 0 0.781vw;
    font-size: 5.859vw;
    border-bottom: 0.098vw solid #2DBB54;
  }

  .sec-chatbot .chatbot-advertise .suggestion-txtbox {
    width: 59.805vw;
    margin: 0 auto;
    padding: 0.879vw 5.371vw 2.051vw 4.297vw;
    border-radius: 2.441vw;
  }

  .sec-chatbot .chatbot-advertise .suggestion-txtbox::after {
    bottom: -2.6vw;
    left: -2.734vw;
    width: 50.625vw;
    height: 29.5vw;
    border: 0.195vw solid #2DBB54;
    border-radius: 0.879vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-list {
    padding-top: 2.441vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-list li {
    padding: 0 0 0.293vw 3.418vw;
  }

  .sec-chatbot .chatbot-advertise .suggestion-txtbox .chatbot-list li::before {
    top: 0.686vw;
    width: 2vw;
    height: 2vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-left .bib-logo {
    top: -3.906vw;
    left: 64.289vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-left .bib-logo img {
    max-width: 20.898vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-left .chatbot {
    top: -12.5vw;
    left: 19.734vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-left .chatbot img {
    max-width: 14.551vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-right .chatbot-price {
    left: 22%;
    width: 33%;
    margin: 0 auto;
  }

  .sec-chatbot .chatbot-advertise .chatbot-right .chatbot-price::before {
    top: -9%;
    left: -58%;
    width: 92%;
    height: 14.094vw;
    background: url('../img/chatbot/img_left_arr_sp.png') no-repeat center/contain;
  }

  .sec-chatbot .chatbot-advertise .chatbot-right .chatbot-price::after {
    bottom: -46%;
    left: 25.2%;
    width: 60%;
    height: 20.074vw;
    background: url('../img/chatbot/img_right_arr_sp.png') no-repeat center/contain;
  }

  .sec-chatbot .chatbot-advertise .chatbox {
    top: 139%;
    left: 20.828vw;
    width: 27%;
  }

}

/* SP
-----------------------------------------------------------------*/
@media only screen and (max-width:768px) {
  .l-inner {
    padding: 0 3.077vw;
  }

  .sec-chatbot {
    margin: 11.72vw 0 0;
  }

  .sec-chatbot .system {
    flex-direction: column;
    margin-bottom: 7.331vw;
    padding: 7.969vw 0vw 0vw 0vw;
  }

  .sec-chatbot .system-left {
    width: 100%;
  }

  .sec-chatbot .system-ttl {
    padding-bottom: 2.5vw;
    letter-spacing: -0.234vw;
  }

  .sec-chatbot .system-list {
    padding-top: 2.969vw;
  }

  .sec-chatbot .activity-btn-gp {
    gap: unset;
  }

  .sec-chatbot .activity-btn::after {
    top: 50%;
    transform: translateY(-50%);
    height: 5.128vw;
    border: 0.256vw solid #2DBB54;
    background-color: transparent;
    border-left-color: transparent;
  }

  .sec-chatbot .activity-btn-gp li:nth-child(1){
    grid-column: 1;
    grid-row: 1;
  }

  .sec-chatbot .activity-btn-gp li:nth-child(2){
    grid-column: 3;
    grid-row: 1;
  }

  .sec-chatbot .activity-btn-gp li:nth-child(3){
    grid-column: 2;
    grid-row: 2;
  }

  .sec-chatbot .activity-btn-gp li:nth-child(4){
    grid-column: 4;
    grid-row: 2;
  }

  .sec-chatbot .activity-btn-gp li:nth-child(3),
  .sec-chatbot .activity-btn-gp li:nth-child(4) {
    margin-top: 18.718vw;
  }

  .sec-chatbot .activity-btn-gp a {
    padding: 5.125vw 0;
    border: 0.098vw solid #2DBB54;
    font-size: 2.051vw;
    border-radius: 1.282vw;
  }

  .sec-chatbot .activity-btn-gp a::before {
    bottom: -0.977vw;
    width: 1.66vw;
    height: 1.66vw;
    border-top: 0.098vw solid #2DBB54;
    border-left: 0.098vw solid #2DBB54;
  }

  .sec-chatbot .activity-btn-gp a.operator-btn::before,
  .sec-chatbot .activity-btn-gp a.dashboard-btn::before {
    top: -0.977vw;
    transform: rotate(45deg);
  }

  .sec-chatbot .activity-btn-gp a::after {
    bottom: -5.729vw;
    width: 1.953vw;
    height: 1.953vw;
    border: 0.098vw solid #2DBB54;
  }

  .sec-chatbot .system-list li {
    padding: 0 0 4.063vw 4.219vw;
  }

  .sec-chatbot .request-btn {
    margin-top: -0.469vw;
  }

  .sec-chatbot .system-right {
    width: 100%;
    padding: 4.2vw 0 7.2vw;
    text-align: center;
  }

  .sec-chatbot .system-right img {
    max-width: 67.344vw;
  }

  .sec-chatbot .chatbot-activity .system-ttl {
    letter-spacing: 0.156vw;
  }

  .sec-chatbot .activity-btn {
    margin: 7.692vw 2.564vw 0 2.564vw;
  }

  .sec-chatbot .activity-btn-gp a::before {
    bottom: -1.277vw;
    width: 2.26vw;
    height: 2.26vw;
    border-top: 0.098vw solid #2DBB54;
    border-left: 0.098vw solid #2DBB54;
  }

  .sec-chatbot .activity-btn-gp a.operator-btn::before,
  .sec-chatbot .activity-btn-gp a.dashboard-btn::before {
    top: -1.277vw;
    transform: rotate(45deg);
  }

  .sec-chatbot .activity-btn-gp a::after {
    bottom: -68%;
    width: 2.653vw;
    height: 2.653vw;
    border: 0.156vw solid #2DBB54;
  }

  .sec-chatbot .activity-btn-gp a.operator-btn::after,
  .sec-chatbot .activity-btn-gp a.dashboard-btn::after {
    top: -68%;
  }

  .sec-chatbot .chatbot-activity .activity-content {
    padding-top: 8.752vw;
    flex-direction: column;
  }

  .sec-chatbot .chatbot-activity .operator.activity-content {
    padding-top: 7.952vw;
  }

  .sec-chatbot .chatbot-activity .img-block img {
    margin: 0 auto;
    max-width: 82.511vw;
  }

  .sec-chatbot .chatbot-activity .txt-block {
    font-size: 3.5vw;
    border-bottom: 0.031vw solid #E4E4E4;
  }

  .sec-chatbot .chatbot-activity .publisher .txt-block .chatbot-ttl {
    margin-top: -4.688vw;
    padding-bottom: 2.739vw;
  }

  .sec-chatbot .chatbot-activity .txt-block .chatbot-ttl img {
    max-width: 11.094vw;
  }

  .sec-chatbot .chatbot-activity .txt-block .chatbot-ttl {
    padding-bottom: 3vw;
  }

  .sec-chatbot .chatbot-activity .interface .txt-block .chatbot-ttl {
    margin-top: -13.088vw;
    padding-top: 12.994vw;
    padding-bottom: 4.539vw;
  }

  .sec-chatbot .chatbot-activity .operator .txt-block,
  .sec-chatbot .chatbot-activity .txt-block .chatbot-ttl span {
    padding-top: 2.458vw;
  }

  .sec-chatbot .chatbot-activity .operator .txt-block .chatbot-ttl span,
  .sec-chatbot .chatbot-activity .dashboard .txt-block .chatbot-ttl span {
    margin-top: 0.019vw;
  }

  .sec-chatbot .chatbot-activity .publisher .img-block,
  .sec-chatbot .chatbot-activity .interface .img-block,
  .sec-chatbot .chatbot-activity .operator .img-block,
  .sec-chatbot .chatbot-activity .dashboard .img-block {
    width: 100%;
    margin: 0 auto;
  }

  .sec-chatbot .chatbot-activity .publisher .txt-block,
  .sec-chatbot .chatbot-activity .interface .txt-block,
  .sec-chatbot .chatbot-activity .operator .txt-block,
  .sec-chatbot .chatbot-activity .dashboard .txt-block {
    width: 100%;
    margin: 0;
    padding: 0 0 1.875vw 2.188vw;
  }

  .sec-chatbot .chatbot-activity .interface,
  .sec-chatbot .chatbot-activity .dashboard {
    padding-top: 0;
    padding-bottom: 6.152vw;
  }

  .sec-chatbot .chatbot-activity .interface,
  .sec-chatbot .chatbot-activity .interface .img-block,
  .sec-chatbot .chatbot-activity .interface .txt-block,
  .sec-chatbot .chatbot-activity .dashboard,
  .sec-chatbot .chatbot-activity .dashboard .img-block,
  .sec-chatbot .chatbot-activity .dashboard .txt-block {
    transform: scaleY(-1);
  }

  .sec-chatbot .chatbot-activity .txt-block ul li {
    line-height: 1.6;
    padding: 0.195vw 4.441vw 2.367vw;
  }

  .sec-chatbot .chatbot-activity .txt-block ul li::before {
    top: 1.5vw;
    width: 3.66vw;
    height: 2.66vw;
  }

  .sec-chatbot .chatbot-advertise {
    margin-top: 13.656vw;
    padding: 13.081vw 0 20.331vw;
    background: url('../img/chatbot/img_chatbot_bg_sp.png') no-repeat center/100% 100%;
  }

  .sec-chatbot .chatbot-advertise .l-inner {
    max-width: 100%;
    flex-direction: column;
  }

  .sec-chatbot .chatbot-advertise .chatbot-left {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 3.3vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-right {
    width: 100%;
    margin: 0 auto;
  }

  .sec-chatbot .chatbot-advertise .suggestion-txtbox h4 {
    margin-right: 4.688vw;
    padding: 0 1.25vw;
    font-size: 9.375vw;
    border-bottom: 0.156vw solid #2DBB54;
  }

  .sec-chatbot .chatbot-advertise .suggestion-txtbox {
    width: 80.5vw;
    margin-left: 4%;
    padding: 1.7vw 4.2vw 6.281vw 7vw;
    border-radius: 3.906vw;
  }

  .sec-chatbot .chatbot-advertise .suggestion-txtbox::after {
    bottom: -3.25vw;
    left: -3.7vw;
    width: 64.5vw;
    height: 42.188vw;
    border: 0.313vw solid #2DBB54;
    border-radius: 1.406vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-list {
    padding-top: 4.375vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-list li {
    padding: 0 0 0.469vw 5.469vw;
  }

  .sec-chatbot .chatbot-advertise .suggestion-txtbox .chatbot-list li::before {
    top: 0.6vw;
    width: 3vw;
    height: 3vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-left .bib-logo {
    top: -6vw;
    left: 58.6vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-left .bib-logo img {
    max-width: 33.438vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-left .chatbot {
    top: -20vw;
    left: 5.375vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-left .chatbot img {
    max-width: 23.281vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-right .chatbot-price {
    left: 47%;
    width: 45%;
  }

  .sec-chatbot .chatbot-advertise .chatbot-right .chatbot-price img {
    max-width: 43.325vw;
  }

  .sec-chatbot .chatbot-advertise .chatbot-right .chatbot-price::before {
    top: 2.7%;
    left: -58.3%;
    width: 89%;
    height: 15.65vw;
    background: url('../img/chatbot/img_left_arr_sp.png') no-repeat center/contain;
  }

  .sec-chatbot .chatbot-advertise .chatbot-right .chatbot-price::after {
    bottom: -40.8%;
    left: 37.2%;
    width: 50%;
    height: 24.719vw;
    background: url('../img/chatbot/img_right_arr_sp.png') no-repeat center/contain;
  }

  .sec-chatbot .chatbot-advertise .chatbox {
    top: 128.8%;
    left: -0.6%;
    width: 100%;
  }

  .sec-chatbot .chatbot-advertise .chatbox img {
    max-width: 42.969vw;
  }

}