@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
html,
body {
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: "Roboto", "Noto Sans TC", sans-serif, Arial, Helvetica, "微軟正黑體", Microsoft JhengHei, Apple LiGothic, "蘋果儷中黑";
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.36px;
  color: rgba(2, 4, 23, 0.96);
  background-color: #d2d2d2;
  -webkit-text-size-adjust: 100%; /* 防止字體縮放 */
  -ms-text-size-adjust: 100%; /* 針對 IE */
}
@media (max-width: 900px) {
  html,
  body {
    background-color: #fff;
  }
}

.col-1 {
  width: 8.3333333333%;
}

.col-2 {
  width: 16.6666666667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.3333333333%;
}

.col-5 {
  width: 41.6666666667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.3333333333%;
}

.col-8 {
  width: 66.6666666667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.3333333333%;
}

.col-11 {
  width: 91.6666666667%;
}

.col-12 {
  width: 100%;
}

@media screen and (max-width: 900px) {
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
}
.wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  padding-top: 60px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.container {
  flex: 1;
  padding: 60px 118px 50px;
}
@media screen and (max-width: 1100px) {
  .container {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.container .m_return {
  display: none;
}
@media screen and (max-width: 900px) {
  .container {
    padding: 20px 25px 40px;
  }
  .container .m_return {
    display: block;
    width: 42px;
    height: 42px;
    margin-bottom: 40px;
    background: url("../../../img/AIBank/svg/ic-back.svg") no-repeat;
    cursor: pointer;
  }
  .container .m_return a {
    height: 100%;
  }
}
@media screen and (max-width: 410px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 370px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 300px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
  }
}

.title_h5 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
}
@media screen and (max-width: 900px) {
  .title_h5 {
    margin-bottom: 30px;
  }
}

.mb_10 {
  margin-bottom: 10px;
}

.mb_20 {
  margin-bottom: 20px;
}

.mb_30 {
  margin-bottom: 30px;
}

.mb_40 {
  margin-bottom: 40px;
}

.stepper-wrapper {
  max-width: 100%;
  width: 310px;
  margin: 0 auto 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  color: #d7d6db;
}
.stepper-wrapper .stepper-item {
  position: relative;
}
.stepper-wrapper .stepper-item .step-counter {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #eff1f1;
  color: rgba(2, 3, 13, 0.32);
  font-size: 14px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.stepper-wrapper .stepper-item .step-counter::before {
  content: "";
  width: 60px;
  height: 1px;
  position: absolute;
  left: 30px;
  top: 50%;
  background-color: #d7d6db;
}
.stepper-wrapper .stepper-item .step-counter::after {
  content: "";
  width: 60px;
  height: 1px;
  position: absolute;
  right: 30px;
  top: 50%;
}
.stepper-wrapper .stepper-item .step-counter.active {
  color: #fff;
  background-color: #0092c1;
}
.stepper-wrapper .stepper-item .step-counter.active::after {
  background-color: #0092c1;
}
.stepper-wrapper .stepper-item:first-child .step-counter::after {
  content: none;
}
.stepper-wrapper .stepper-item:last-child .step-counter::before {
  content: none;
}
.stepper-wrapper.three_step {
  width: 215px;
}

/*上下步驟 按鈕 */
.stepper_but {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin: 40px auto 0;
}
.stepper_but .btn {
  width: 200px;
  height: 52px;
  color: white;
  background-color: #0092c1;
  border: 0;
  border-radius: 12px;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
}
.stepper_but .btn:hover {
  background-color: #156b9b;
  color: #fff;
}
@media screen and (max-width: 900px) {
  .stepper_but .btn {
    width: 100%;
  }
}
.stepper_but .btnGrey {
  border: solid 1px #0092c1;
  background-color: #fff;
  color: #0092c1;
}
.stepper_but .btnGrey:hover {
  background-color: #0092c1;
  color: #fff;
}
@media screen and (max-width: 900px) {
  .stepper_but .btnGrey {
    display: none;
  }
}

/*步驟 2 按鈕 */
#step2_btn {
  background-color: #d7d8da;
  color: rgba(2, 3, 13, 0.32);
}
@media screen and (max-width: 900px) {
  #step2_btn {
    width: 100%;
  }
}

.stepper_but .blue-bg {
  background-color: #0092c1 !important;
  color: white !important;
}

#footer_notes {
  font-size: 14px;
  text-align: justify;
}
#footer_notes .notes {
  padding: 0 25px;
}
@media screen and (max-width: 390px) {
  #footer_notes .notes {
    padding: 0 20px;
  }
}
@media screen and (max-width: 300px) {
  #footer_notes .notes {
    padding: 0 10px;
  }
}
#footer_notes .notes .toggleButton {
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: normal;
  padding: 30px 0;
}
#footer_notes .notes .toggleButton strong {
  font-size: 16px;
  font-weight: 500;
  color: rgba(2, 3, 13, 0.72);
}
#footer_notes .notes .toggleButton .arrowDown {
  background: url(../../../img/AIBank/svg/ic-arrowDown-S.svg) no-repeat;
  width: 10px;
  height: 6px;
  margin-left: 10px;
  transition: transform 0.3s ease;
}
#footer_notes .notes .toggleButton .rotate180 {
  transform: rotate(180deg);
}
#footer_notes .notes .content {
  padding-bottom: 30px;
  transition: max-height 0.3s ease;
}
#footer_notes .notes .content .blue_t {
  color: #0092c1;
}
#footer_notes .notes .content .blue_a {
  display: inline-block;
  color: #0092c1;
  text-decoration: underline;
}
#footer_notes .notes .content ol, #footer_notes .notes .content ul {
  padding-left: 16px;
}
#footer_notes .notes .content ol li, #footer_notes .notes .content ul li {
  margin-bottom: 2px;
}
#footer_notes .notes .content ul.bullet {
  list-style: disc;
}
#footer_notes .notes .content ol.listNumber {
  list-style: decimal;
}
#footer_notes .notes .content ol.listCounter {
  padding-left: unset;
}
#footer_notes .notes .content ol.listCounter > li {
  margin-left: 25px;
  position: relative;
  counter-increment: listCounter; /* 每個列表項遞增計數器 */
}
#footer_notes .notes .content ol.listCounter > li::before {
  content: "(" counter(listCounter) ")"; /* 在清單項目前插入帶有括號的計數器值 */
  position: absolute;
  left: -25px;
  text-indent: 0;
}
@media screen and (max-width: 390px) {
  #footer_notes .notes .warning,
  #footer_notes .notes .notes {
    padding: 0 20px;
  }
}

.feedback {
  border-radius: 12px;
  border: solid 1px #d7d6db;
  padding: 32px 0;
  text-align: center;
}
.feedback p {
  font-size: 18px;
  font-weight: 500;
}
.feedback .flexBox {
  justify-content: center;
  align-items: flex-end;
  gap: 15px;
}
.feedback .flexBox img {
  width: 40px;
  height: 40px;
}
.feedback .stepper_but .btn {
  width: 145px;
}
.feedback .stepper_but .btnlight {
  background-color: #e9f6f6;
  border: none;
  color: #0092c1;
}
.feedback .stepper_but .btnlight:hover {
  background-color: #0092c1;
  color: #fff;
}

#cookieBanner {
  position: fixed;
  bottom: 5%;
  width: 100%;
  background-color: #e8f6f6;
  padding: 20px;
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.16);
}
#cookieBanner .cook_container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 25px;
  display: flex;
  align-items: center;
  gap: 40px;
}
#cookieBanner .cook_container .cook_txt {
  color: rgba(2, 3, 13, 0.72);
  font-size: 14px;
  text-align: justify;
}
#cookieBanner .cook_container .cook_txt a {
  color: rgba(2, 3, 13, 0.72);
  display: inline-block;
  border-bottom: 1px solid rgba(2, 3, 13, 0.72);
  line-height: 1.1;
}

#cookieButton {
  max-width: 140px;
  width: 100%;
  background-color: #0f92c0;
  font-size: 18px;
  color: #fff;
  padding: 8px 10px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

@media screen and (max-width: 500px) {
  #cookieBanner {
    padding: 20px 25px;
  }
  #cookieBanner .cook_container {
    display: block;
    padding: 0;
  }
  #cookieBanner .cook_container br {
    display: none;
  }
  #cookieButton {
    float: right;
    margin-left: 10px;
    margin-top: 10px;
  }
}
section.investQA {
  background-color: #fff;
}
section.investQA .tip {
  font-size: 24px;
  text-align: center;
  color: rgba(2, 3, 13, 0.48);
  letter-spacing: 2.4px;
  margin-top: 20px;
}
section.investQA .qa-center .qaItem {
  border-bottom: 1px dashed #b2b2b2;
  margin-top: 25px;
  padding-bottom: 25px;
  cursor: pointer;
}
section.investQA .qa-center .qaItem .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
}
section.investQA .qa-center .qaItem .row .arrowDown {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background-color: #eef0ef;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}
section.investQA .qa-center .qaItem .row .arrowDown .ic-arrowDown-S {
  background: url("../../../img/AIBank/svg/ic-arrowDown-S.svg") no-repeat;
  width: 9.8px;
  height: 6px;
  transition: transform 0.3s ease-in-out;
}
section.investQA .qa-center .qaItem .row .arrowDown .rotate180 {
  transform: rotate(180deg);
}
@media screen and (max-width: 400px) {
  section.investQA .qa-center .qaItem {
    padding-bottom: 20px;
  }
  section.investQA .qa-center .qaItem .row {
    font-size: 16px;
  }
  section.investQA .qa-center .qaItem .row .arrowDown {
    width: 26px;
    height: 26px;
  }
}
section.investQA .qa-center .qaItem .qaText {
  text-align: justify;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
section.investQA .qa-center .qaItem .qaText > *:first-child {
  margin-top: 25px;
}
section.investQA .qa-center .qaItem .qaText ul {
  list-style: disc;
  padding-left: 20px;
  margin-top: 15px;
}
section.investQA .qa-center .qaItem .qaText li {
  margin-top: 15px;
}
section.investQA .qa-center .qaItem .qaText li span.fQblue {
  color: #0f92c0;
}
section.investQA .qa-center .qaItem .show-text {
  max-height: 500px;
}
section.investQA .moreQA {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
}
section.investQA .moreQA a {
  color: #0f92c0;
}
section.investQA .moreQA .ic-arrow-right-b {
  background: url("../../../img/AIBank/svg/ic-arrow-right-b.svg") no-repeat;
  width: 6.8px;
  height: 11px;
  display: inline-block;
  margin-left: 5px;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(8.9px);
  backdrop-filter: blur(8.9px);
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
  display: none;
}
.popup.show {
  display: block;
}
.popup .pop_container {
  border-radius: 12px;
  background-color: #ffffff;
  position: fixed;
  margin: auto;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.popup .pop_container .close {
  position: absolute;
  top: 3%;
  right: 2%;
  width: 30px;
}
.popup.loginPop .pop_container {
  width: 530px;
}
@media screen and (max-width: 960px) {
  .popup.loginPop .pop_container {
    max-width: 530px;
    width: 90%;
  }
}
.popup.loginPop .pop_container .content {
  padding: 40px 45px;
}
@media screen and (max-width: 960px) {
  .popup.loginPop .pop_container .content {
    padding: 30px 20px;
  }
}
.popup.loginPop .pop_container .content .d_show {
  display: none;
}
.popup.loginPop .pop_container .content .d_show .text::after, .popup.loginPop .pop_container .content .d_show .text::before {
  width: 15%;
}
@media only screen and (min-width: 961px) {
  .popup.loginPop .pop_container .content .d_none {
    display: none;
  }
  .popup.loginPop .pop_container .content .d_show {
    display: block;
  }
}
.popup.loginPop .pop_container .content .logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup.loginPop .pop_container .content .login-btn {
  background-color: #0092c1;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  padding: 15px 0;
  border-radius: 12px;
  margin-top: 20px;
}
.popup.loginPop .pop_container .content .text {
  font-size: 16px;
  position: relative;
  margin-top: 20px;
  text-align: center;
  color: rgba(2, 4, 23, 0.96);
  font-weight: 500;
}
.popup.loginPop .pop_container .content .text::after, .popup.loginPop .pop_container .content .text::before {
  content: "";
  display: block;
  width: 30%;
  height: 1px;
  background-color: #eff1f1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.popup.loginPop .pop_container .content .text::after {
  left: 0;
}
.popup.loginPop .pop_container .content .text::before {
  right: 0;
}
.popup.loginPop .pop_container .content .info-input {
  margin-top: 20px;
}
.popup.loginPop .pop_container .content .info-input .input-box {
  font-size: 16px;
  color: rgba(2, 4, 23, 0.96);
  background-color: #eff1f1;
  border-radius: 12px;
  margin-bottom: 10px;
  padding: 15px 20px;
}
.popup.loginPop .pop_container .content .info-input .input-box:last-child {
  margin-bottom: 0;
}
.popup.loginPop .pop_container .content .info-input .input-box input {
  width: 100%;
}
.popup.loginPop .pop_container .content .help-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
}
.popup.loginPop .pop_container .content .help-box a {
  font-size: 14px;
  color: rgba(2, 3, 13, 0.96);
  text-decoration: underline;
  line-height: 1.57;
}
.popup.loginPop .pop_container .content .help-box a:first-child {
  padding-right: 15px;
  border-right: 1px solid #eff1f1;
}
.popup.loginPop .pop_container .content .help-box a:last-child {
  padding-left: 15px;
}
.popup.loginPop .pop_container .content .verify-code {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup.loginPop .pop_container .content .verify-code .input-block {
  display: flex;
  align-items: center;
  width: 100%;
}
.popup.loginPop .pop_container .content .verify-code .input-block .input-box {
  font-size: 16px;
  color: rgba(2, 4, 23, 0.96);
  background-color: #eff1f1;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  padding: 14px 20px;
  width: 100%;
}
.popup.loginPop .pop_container .content .verify-code .input-block .input-box input {
  width: 100%;
}
.popup.loginPop .pop_container .content .verify-code .input-block .code {
  max-width: 120px;
  width: 100%;
}
.popup.loginPop .pop_container .content .verify-code .input-block .code img {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  height: 47px;
}
.popup.loginPop .pop_container .content .verify-code .reset {
  background-color: #eff1f1;
  border-radius: 12px;
  padding: 11px;
}
.popup.loginPop .pop_container .content .verify-code .reset .icon {
  max-width: 28px;
}
.popup.loginPop .pop_container .button-block {
  display: flex;
  align-items: center;
}
.popup.loginPop .pop_container .button-block .btn {
  font-size: 18px;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  font-weight: 500;
}
.popup.loginPop .pop_container .button-block .btn:first-child {
  color: rgba(2, 3, 13, 0.96);
  background-color: #d9e0e1;
  border-bottom-left-radius: 12px;
}
.popup.loginPop .pop_container .button-block .btn:last-child {
  color: #ffffff;
  background-color: #0092c1;
  border-bottom-right-radius: 12px;
}
.popup.mindPop .pop_container {
  width: 530px;
  font-weight: normal;
}
@media screen and (max-width: 960px) {
  .popup.mindPop .pop_container {
    max-width: 530px;
    width: 90%;
  }
}
.popup.mindPop .pop_container .content {
  padding: 40px 45px;
}
@media screen and (max-width: 960px) {
  .popup.mindPop .pop_container .content {
    padding: 30px 20px;
  }
}
.popup.mindPop .pop_container .content .title {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}
.popup.mindPop .pop_container .content .text {
  margin-top: 20px;
}
.popup.mindPop .pop_container .content .text p {
  font-size: 16px;
  line-height: 1.5;
  color: #4e4e4e;
  text-align: justify;
}
.popup.mindPop .pop_container .content .text ul {
  margin-top: 24px;
  padding-left: 15px;
  text-align: justify;
  width: 100%;
}
.popup.mindPop .pop_container .content .text ul li {
  font-size: 16px;
  color: #4e4e4e;
  line-height: 1.5;
  list-style: decimal;
}
.popup.mindPop .pop_container .button-block .btn {
  font-size: 18px;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  font-weight: 500;
  color: #ffffff;
  background-color: #0092c1;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.popup.editSubPop {
  line-height: 1;
}
.popup.editSubPop .pop_container {
  width: 530px;
}
@media screen and (max-width: 960px) {
  .popup.editSubPop .pop_container {
    max-width: 530px;
    width: 90%;
  }
}
.popup.editSubPop .pop_container .content {
  padding: 40px 45px;
}
@media screen and (max-width: 960px) {
  .popup.editSubPop .pop_container .content {
    padding: 30px 20px 20px;
  }
}
.popup.editSubPop .pop_container .content .title {
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
}
.popup.editSubPop .pop_container .content .row {
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .popup.editSubPop .pop_container .content .row {
    display: block;
  }
}
.popup.editSubPop .pop_container .content .row:last-child {
  margin-bottom: 0;
}
.popup.editSubPop .pop_container .content .row .label {
  font-size: 18px;
  font-weight: bold;
  width: 100px;
}
@media screen and (max-width: 960px) {
  .popup.editSubPop .pop_container .content .row .label {
    margin-bottom: 10px;
  }
}
.popup.editSubPop .pop_container .content .row .input-block {
  width: 80%;
}
@media screen and (max-width: 960px) {
  .popup.editSubPop .pop_container .content .row .input-block {
    width: 100%;
  }
}
.popup.editSubPop .pop_container .content .row .input-block .row-flex {
  display: flex;
  align-items: center;
}
.popup.editSubPop .pop_container .content .row .input-block .row-flex:last-child {
  margin-bottom: 0;
}
.popup.editSubPop .pop_container .content .row .input-block .row-flex .input-box {
  border-radius: 8px;
  width: 50%;
}
.popup.editSubPop .pop_container .content .row .input-block .row-flex .input-box:first-child {
  margin-right: 10px;
}
.popup.editSubPop .pop_container .content .row .input-block input {
  width: 0;
  display: none;
}
.popup.editSubPop .pop_container .content .row .input-block select {
  width: 100%;
}
.popup.editSubPop .pop_container .content .row .input-block .input-box {
  margin-bottom: 10px;
}
.popup.editSubPop .pop_container .content .row .input-block .stylebox {
  display: block;
  border-radius: 8px;
  background-color: #eff1f1;
  position: relative;
  font-size: 16px;
  padding: 10px;
  color: #868686;
  line-height: 1.5;
}
.popup.editSubPop .pop_container .content .row .input-block input:checked ~ .stylebox::before {
  content: "";
  display: block;
  background-image: url("../../../img/AIBank/svg/Check-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
  pointer-events: none;
}
.popup.editSubPop .pop_container .content .row .input-block input:checked ~ .stylebox {
  background-color: #e9f6f6;
  box-shadow: 0 0 0 1px #0092c1;
  color: rgba(2, 3, 13, 0.96);
}
.popup.editSubPop .pop_container .content .row .input-block .select-box {
  background-color: #eff1f1;
  font-size: 16px;
  border-radius: 8px;
  padding: 15px 12px;
  position: relative;
}
.popup.editSubPop .pop_container .content .row .input-block .select-box::after {
  content: "";
  display: block;
  background-image: url("../../../img/AIBank/svg/down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
  pointer-events: none;
}
.popup.editSubPop .pop_container .button-block .btn {
  font-size: 18px;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  font-weight: 500;
  color: #ffffff;
  background-color: #0092c1;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.popup.editSubPop .m375_show {
  display: none;
}
@media screen and (max-width: 380px) {
  .popup.editSubPop .m375_show {
    display: block;
  }
}
.popup.calendarPop .pop_container {
  width: 530px;
}
@media screen and (max-width: 960px) {
  .popup.calendarPop .pop_container {
    max-width: 530px;
    width: 90%;
  }
}
.popup.calendarPop .pop_container .content {
  padding: 40px 45px;
}
@media screen and (max-width: 960px) {
  .popup.calendarPop .pop_container .content {
    padding: 30px 20px;
  }
}
.popup.calendarPop .pop_container .content .title {
  font-size: 18px;
  margin: 20px 0 10px;
  font-weight: bold;
}
.popup.calendarPop .pop_container .content .row {
  display: flex;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .popup.calendarPop .pop_container .content .row {
    display: block;
  }
}
.popup.calendarPop .pop_container .content .calendar_hrad {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  margin: 10px 0 20px;
  text-align: center;
  background-color: #f5f5f5;
  color: #020315;
  padding: 15px 0;
}
.popup.calendarPop .pop_container .content .calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px 8px;
  margin: 30px 0 0;
  text-align: center;
  color: #020315;
  font-weight: 300;
}
.popup.calendarPop .pop_container .content .everyDay {
  font-weight: 300;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.popup.calendarPop .pop_container .content .everyDay input[type=radio] {
  display: none;
}
.popup.calendarPop .pop_container .content .everyDay label {
  display: inline-block;
  color: #020315;
  font-weight: 300;
  height: 100%;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup.calendarPop .pop_container .content .everyDay [type=radio]:checked + label,
.popup.calendarPop .pop_container .content .everyDay [type=checkbox]:checked + label {
  background-color: #d7d6db;
  color: rgba(2, 3, 13, 0.96);
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
.popup.calendarPop .pop_container .button-block .btn {
  font-size: 18px;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  font-weight: 500;
  color: #ffffff;
  background-color: #0092c1;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  cursor: pointer;
}
.popup.safetyPop {
  color: #020315;
}
.popup.safetyPop .pop_container {
  width: 700px;
}
@media screen and (max-width: 960px) {
  .popup.safetyPop .pop_container {
    max-width: 530px;
    width: 90%;
  }
}
.popup.safetyPop .pop_container .content {
  padding: 40px 45px;
}
@media screen and (max-width: 960px) {
  .popup.safetyPop .pop_container .content {
    padding: 30px 20px 20px;
  }
}
.popup.safetyPop .pop_container .content .title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.popup.safetyPop .pop_container .content .box {
  height: 30vh;
  padding-right: 20px;
  margin-top: 40px;
  overflow-y: scroll;
}
@media screen and (max-width: 960px) {
  .popup.safetyPop .pop_container .content .box {
    margin-top: 20px;
  }
}
.popup.safetyPop .pop_container .content .box::-webkit-scrollbar {
  width: 5px;
}
.popup.safetyPop .pop_container .content .box::-webkit-scrollbar-track {
  margin: 20px 0 0;
}
.popup.safetyPop .pop_container .content .box::-webkit-scrollbar-thumb {
  height: 2px;
  border-radius: 5px;
  background-color: #c7c9cc;
}
.popup.safetyPop .pop_container .content .box .boxHead {
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
}
.popup.safetyPop .pop_container .content .box .boxHead:first-child {
  margin-top: 0;
}
.popup.safetyPop .pop_container .content .box .boxContent ul {
  margin-left: 30px;
  text-align: justify;
}
.popup.safetyPop .pop_container .content .box .boxContent .checkIcon {
  margin: 10px 0 5px;
  position: relative;
  font-size: 16px;
}
.popup.safetyPop .pop_container .content .box .boxContent .checkIcon::before {
  content: url("../../../img/AIBank/svg/ic-awesome-check.svg");
  margin-right: 10px;
  position: absolute;
  left: -30px;
}
.popup.safetyPop .pop_container .content .box .boxContent p {
  font-size: 14px;
  color: rgba(2, 3, 13, 0.72);
}
.popup.safetyPop .pop_container .content .box .boxContent ol {
  list-style: disc;
  margin-left: 16px;
  letter-spacing: -0.05px;
  color: rgba(2, 3, 13, 0.72);
}
.popup.safetyPop .pop_container .content .box .boxContent ol li {
  margin-top: 5px;
}
.popup.safetyPop .pop_container .content .box .boxContent ol li a {
  text-decoration: underline;
  display: inline;
  overflow-wrap: break-word;
  color: rgba(2, 3, 13, 0.72);
}
.popup.safetyPop .pop_container .button-block .btn {
  font-size: 18px;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  font-weight: 500;
  color: #ffffff;
  background-color: #0092c1;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  position: relative;
  z-index: 20;
  cursor: pointer;
}
.popup.invest_rem_pop .pop_container .content {
  width: 80%;
  margin: 40px auto;
  padding: 0;
}
.popup.invest_rem_pop .pop_container .content .row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.popup.invest_rem_pop .pop_container .content .text {
  font-weight: normal;
  text-align: justify;
}
.popup.invest_rem_pop .pop_container .content .text ul {
  margin-left: 16px;
  margin-top: 10px;
}
.popup.invest_rem_pop .pop_container .content .text ul li {
  position: relative;
  margin-bottom: 5px;
}
.popup.invest_rem_pop .pop_container .content .text ul li:last-child {
  margin-bottom: 0;
}
.popup.invest_rem_pop .pop_container .content .text ul li::after {
  content: "・";
  position: absolute;
  left: -16px;
  top: 0;
}
.popup.invest_rem_pop .pop_container .content .text ul li span {
  color: #0092c1;
}
.popup.invest_rem_pop .pop_container .content .answer_box {
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
}
.popup.invest_rem_pop .pop_container .content .answer_box .calculate {
  color: #0092c1;
  font-size: 27px;
  font-weight: 500;
}
.popup.invest_rem_pop .pop_container .content .answer_box .input_text_box {
  max-width: 100px;
}
.popup.invest_rem_pop .pop_container .content .red_text {
  width: 90.5%;
  font-size: 14px;
  color: #f46a42;
  text-align: right;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .popup.invest_rem_pop .pop_container .content .column {
    flex-direction: column;
  }
  .popup.invest_rem_pop .pop_container .content .answer_box .input_text_box {
    max-width: 40%;
  }
  .popup.invest_rem_pop .pop_container .content .red_text {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 550px) {
  .popup.invest_rem_pop .pop_container .content {
    width: 85%;
  }
}
.popup.failPop .pop_container {
  max-width: 360px;
}
.popup.failPop .pop_container .content .text {
  text-align: center;
}
.popup.failPop .pop_container .content img {
  margin: 0 auto 30px;
}

.popup .pop_container {
  width: 650px;
  letter-spacing: normal;
}
@media screen and (max-width: 768px) {
  .popup .pop_container {
    max-width: 550px;
    width: 90%;
  }
}
.popup .pop_container .content {
  padding: 50px 80px;
}
@media screen and (max-width: 550px) {
  .popup .pop_container .content {
    padding: 40px 25px;
  }
}
.popup .pop_container .content .title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 500px) {
  .popup .pop_container .content .title {
    margin-bottom: 30px;
  }
}
.popup .pop_container .button-block {
  display: flex;
  align-items: center;
}
.popup .pop_container .button-block .btn {
  font-size: 18px;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  font-weight: 500;
}
.popup .pop_container .button-block .btn:first-child {
  color: #0f92c0;
  background-color: #e9f6f6;
  border-bottom-left-radius: 12px;
}
.popup .pop_container .button-block .btn:last-child {
  color: #ffffff;
  background-color: #0092c1;
  border-bottom-right-radius: 12px;
}
.popup.redePop_01 .title_info {
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}
.popup.redePop_01 .sm-title {
  margin-bottom: 5px;
  position: relative;
}
.popup.redePop_01 .sm-title p {
  font-size: 18px;
  font-weight: bold;
  color: #0f92c0;
  text-align: center;
  background-color: #fff;
  width: 100%;
  max-width: 210px;
  margin: 0 auto;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 375px) {
  .popup.redePop_01 .sm-title p {
    width: 70%;
  }
}
.popup.redePop_01 .sm-title span {
  border: none;
  border-bottom: 1px solid #c1c1c1;
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  top: 50%;
}
.popup.redePop_01 .sm-title_under_text {
  margin-bottom: 30px;
  text-align: center;
  color: rgba(2, 3, 13, 0.72);
  letter-spacing: normal;
}
.popup.redePop_01 .row {
  display: flex;
  justify-content: space-between;
}
.popup.redePop_01 .row .ic-two {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup.redePop_01 .row .ic-two p {
  font-weight: 500;
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  .popup.redePop_01 .row {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .popup.redePop_01 .row .ic-two {
    justify-content: flex-start;
    width: 87%;
  }
}
.popup.redePop_02 .blue-title, .popup.redePop_03 .blue-title, .popup.redePop_04 .blue-title, .popup.redePop_05 .blue-title, .popup.redePop_06 .blue-title, .popup.redePop_07 .blue-title {
  font-size: 18px;
  font-weight: 500;
  color: #0f92c0;
  text-align: center;
}
.popup.redePop_02 .black-title, .popup.redePop_03 .black-title, .popup.redePop_04 .black-title, .popup.redePop_05 .black-title, .popup.redePop_06 .black-title, .popup.redePop_07 .black-title {
  font-weight: 500;
  text-align: center;
}
.popup.redePop_02 .title_info, .popup.redePop_03 .title_info, .popup.redePop_04 .title_info, .popup.redePop_05 .title_info, .popup.redePop_06 .title_info, .popup.redePop_07 .title_info {
  color: rgba(2, 3, 13, 0.72);
  text-align: justify;
}
.popup.redePop_02 .title_info p, .popup.redePop_03 .title_info p, .popup.redePop_04 .title_info p, .popup.redePop_05 .title_info p, .popup.redePop_06 .title_info p, .popup.redePop_07 .title_info p {
  width: 85%;
  margin: 0 auto;
}
.popup.redePop_02 .row, .popup.redePop_03 .row, .popup.redePop_04 .row, .popup.redePop_05 .row, .popup.redePop_06 .row, .popup.redePop_07 .row {
  display: flex;
  justify-content: space-around;
}
.popup.redePop_02 .row .ic-three, .popup.redePop_03 .row .ic-three, .popup.redePop_04 .row .ic-three, .popup.redePop_05 .row .ic-three, .popup.redePop_06 .row .ic-three, .popup.redePop_07 .row .ic-three {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popup.redePop_02 .row .ic-three p, .popup.redePop_03 .row .ic-three p, .popup.redePop_04 .row .ic-three p, .popup.redePop_05 .row .ic-three p, .popup.redePop_06 .row .ic-three p, .popup.redePop_07 .row .ic-three p {
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  color: #020315;
}
.popup.redePop_02 .mark2line, .popup.redePop_03 .mark2line, .popup.redePop_04 .mark2line, .popup.redePop_05 .mark2line, .popup.redePop_06 .mark2line, .popup.redePop_07 .mark2line {
  text-align: center;
  position: relative;
  border-top: 1px solid #d7d6db;
  border-bottom: 1px solid #d7d6db;
  padding: 12px 0;
  line-height: 1;
}
.popup.redePop_04 .blue-title {
  letter-spacing: -0.1px;
}
.popup.redePop_04 .blue-title .d-n {
  display: none;
}
@media screen and (max-width: 414px) {
  .popup.redePop_02 .pop_container .content {
    padding: 40px 18px;
  }
  .popup.redePop_02 .pop_container .content .row .ic-three p {
    font-size: 13.5px;
  }
  .popup.redePop_04 .blue-title .d-n {
    display: block;
  }
}
@media (max-height: 800px) {
  .popup.redePop_05 .pop_container .text_container, .popup.redePop_06 .pop_container .text_container, .popup.redePop_07 .pop_container .text_container {
    max-height: 650px;
    height: 50vh;
    overflow-y: auto;
    overscroll-behavior: none;
    padding-right: 12px;
  }
  .popup.redePop_05 .pop_container .text_container::-webkit-scrollbar, .popup.redePop_06 .pop_container .text_container::-webkit-scrollbar, .popup.redePop_07 .pop_container .text_container::-webkit-scrollbar {
    width: 2px;
  }
  .popup.redePop_05 .pop_container .text_container::-webkit-scrollbar-thumb, .popup.redePop_06 .pop_container .text_container::-webkit-scrollbar-thumb, .popup.redePop_07 .pop_container .text_container::-webkit-scrollbar-thumb {
    background-color: #c7c9cc;
    border-radius: 5px;
  }
  .popup.redePop_05 .pop_container .text_container::-webkit-scrollbar-track, .popup.redePop_06 .pop_container .text_container::-webkit-scrollbar-track, .popup.redePop_07 .pop_container .text_container::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
.popup.redePop_05 .pop_container .content, .popup.redePop_06 .pop_container .content, .popup.redePop_07 .pop_container .content {
  padding: 50px 35px 50px 40px;
}
.popup.redePop_05 .pop_container .content .title_info p, .popup.redePop_06 .pop_container .content .title_info p, .popup.redePop_07 .pop_container .content .title_info p {
  width: auto;
}
.popup.redePop_05 .pop_container .content .sample-bl, .popup.redePop_06 .pop_container .content .sample-bl, .popup.redePop_07 .pop_container .content .sample-bl {
  max-width: 50px;
  width: 100%;
  height: 50px;
  border-radius: 25px;
  background-color: #0f92c0;
  font-weight: 500;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}
.popup.redePop_05 .pop_container .content .sample_box, .popup.redePop_06 .pop_container .content .sample_box, .popup.redePop_07 .pop_container .content .sample_box {
  border-top: solid 1px #d7d6db;
  padding-top: 30px;
}
.popup.redePop_05 .pop_container .content .sample_box .row, .popup.redePop_06 .pop_container .content .sample_box .row, .popup.redePop_07 .pop_container .content .sample_box .row {
  gap: 20px;
  margin-bottom: 15px;
}
.popup.redePop_05 .pop_container .content .sample_box .row .sample_item, .popup.redePop_06 .pop_container .content .sample_box .row .sample_item, .popup.redePop_07 .pop_container .content .sample_box .row .sample_item {
  width: 40%;
  margin-bottom: 10px;
}
.popup.redePop_05 .pop_container .content .sample_box .row .sample-img, .popup.redePop_06 .pop_container .content .sample_box .row .sample-img, .popup.redePop_07 .pop_container .content .sample_box .row .sample-img {
  width: 60%;
}
.popup.redePop_05 .pop_container .content .mt_30, .popup.redePop_06 .pop_container .content .mt_30, .popup.redePop_07 .pop_container .content .mt_30 {
  margin-top: 30px;
}
.popup.redePop_05 .pop_container .content .explain_t, .popup.redePop_06 .pop_container .content .explain_t, .popup.redePop_07 .pop_container .content .explain_t {
  font-size: 14px;
  color: rgba(2, 3, 13, 0.48);
  text-align: justify;
  margin-bottom: 30px;
}
@media screen and (max-width: 500px) {
  .popup.redePop_05 .pop_container .content, .popup.redePop_06 .pop_container .content, .popup.redePop_07 .pop_container .content {
    padding: 40px 15px 40px 20px;
  }
  .popup.redePop_05 .pop_container .content .sample_box .row, .popup.redePop_06 .pop_container .content .sample_box .row, .popup.redePop_07 .pop_container .content .sample_box .row {
    flex-direction: column;
  }
  .popup.redePop_05 .pop_container .content .sample_box .row .sample-bl, .popup.redePop_06 .pop_container .content .sample_box .row .sample-bl, .popup.redePop_07 .pop_container .content .sample_box .row .sample-bl {
    margin-bottom: 0;
  }
  .popup.redePop_05 .pop_container .content .sample_box .row .sample_item,
  .popup.redePop_05 .pop_container .content .sample_box .row .sample-img, .popup.redePop_06 .pop_container .content .sample_box .row .sample_item,
  .popup.redePop_06 .pop_container .content .sample_box .row .sample-img, .popup.redePop_07 .pop_container .content .sample_box .row .sample_item,
  .popup.redePop_07 .pop_container .content .sample_box .row .sample-img {
    width: 100%;
  }
  .popup.redePop_05 .pop_container .content .sample_box .row .sample_item, .popup.redePop_06 .pop_container .content .sample_box .row .sample_item, .popup.redePop_07 .pop_container .content .sample_box .row .sample_item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
}

.popup_CSQ .pop_container {
  max-width: 730px;
  height: 570px;
  width: 100%;
}
.popup_CSQ .pop_container .row {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .popup_CSQ .pop_container {
    max-width: 100%;
    height: 90%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    top: unset;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 750px) and (max-height: 450px) {
  .popup_CSQ .pop_container {
    height: 95%;
  }
}
@media screen and (max-width: 750px) and (max-height: 600px) {
  .popup_CSQ .pop_container .csq_wrappper .content_CSQ {
    height: 43vh;
    overflow-y: scroll;
  }
  .popup_CSQ .pop_container .csq_wrappper .content_CSQ::-moz-placeholder {
    color: rgba(2, 3, 13, 0.32);
    line-height: 1.5;
  }
  .popup_CSQ .pop_container .csq_wrappper .content_CSQ::placeholder {
    color: rgba(2, 3, 13, 0.32);
    line-height: 1.5;
  }
  .popup_CSQ .pop_container .csq_wrappper .content_CSQ::-webkit-scrollbar {
    width: 5px;
  }
  .popup_CSQ .pop_container .csq_wrappper .content_CSQ::-webkit-scrollbar-thumb {
    background-color: #c7c9cc;
    border-radius: 8px;
  }
  .popup_CSQ .pop_container .csq_wrappper .star-img {
    margin-bottom: 10px;
  }
  .popup_CSQ .pop_container .csq_wrappper .csq_bottom {
    margin: 20px auto 0;
  }
  .popup_CSQ .pop_container .csq_wrappper .csq_bottom .continue-button {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 750px) and (max-height: 500px) {
  .popup_CSQ .pop_container .csq_wrappper .content_CSQ {
    height: 35vh;
  }
}
@media screen and (max-width: 750px) and (max-height: 400px) {
  .popup_CSQ .pop_container .csq_wrappper .content_CSQ {
    height: 30vh;
  }
}
.popup_CSQ.popup_CSQ_qa .pop_top {
  background: #0092c1;
  color: #ffffff;
  font-weight: 500;
  padding: 30px 0 25px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.popup_CSQ.popup_CSQ_qa .pop_top .row {
  gap: 20px;
  margin-right: 40px;
}
.popup_CSQ.popup_CSQ_qa .pop_top .m_show {
  display: none;
}
.popup_CSQ.popup_CSQ_qa .content_CSQ {
  font-size: 15px;
  text-align: center;
  width: 96%;
  margin: 30px auto;
  height: 260px;
  overflow-y: scroll;
}
.popup_CSQ.popup_CSQ_qa .content_CSQ::-moz-placeholder {
  color: rgba(2, 3, 13, 0.32);
  line-height: 1.5;
}
.popup_CSQ.popup_CSQ_qa .content_CSQ::placeholder {
  color: rgba(2, 3, 13, 0.32);
  line-height: 1.5;
}
.popup_CSQ.popup_CSQ_qa .content_CSQ::-webkit-scrollbar {
  width: 5px;
}
.popup_CSQ.popup_CSQ_qa .content_CSQ::-webkit-scrollbar-thumb {
  background-color: #c7c9cc;
  border-radius: 8px;
}
.popup_CSQ.popup_CSQ_qa .content_CSQ .title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
.popup_CSQ.popup_CSQ_qa .content_CSQ .checkRed {
  font-size: 13px;
  font-weight: normal;
  color: #f46a42;
  margin-left: 8px;
}
.popup_CSQ.popup_CSQ_qa .content_CSQ .star-img {
  gap: 20px;
  margin: 15px 0 25px;
}
.popup_CSQ.popup_CSQ_qa .content_CSQ .star-img .clickable-img {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.popup_CSQ.popup_CSQ_qa .content_CSQ .word-counter {
  text-align: right;
}
.popup_CSQ.popup_CSQ_qa .content_CSQ.one-question {
  width: 60%;
}
.popup_CSQ.popup_CSQ_qa .content_CSQ.four-question .feedback-options {
  margin-bottom: 15px;
}
@media screen and (max-width: 280px) {
  .popup_CSQ.popup_CSQ_qa .content_CSQ.four-question .hidden_feedback {
    height: 30vh;
  }
}
@media screen and (max-width: 750px) {
  .popup_CSQ.popup_CSQ_qa .content_CSQ.one-question, .popup_CSQ.popup_CSQ_qa .content_CSQ.four-question {
    width: 96%;
  }
}
.popup_CSQ.popup_CSQ_qa .content_CSQ.sixth-question {
  width: 71%;
}
.popup_CSQ.popup_CSQ_qa .content_CSQ.sixth-question .title {
  font-size: 16px;
}
.popup_CSQ.popup_CSQ_qa .content_CSQ.sixth-question .feedback-options {
  justify-content: flex-start;
}
@media screen and (max-width: 500px) {
  .popup_CSQ.popup_CSQ_qa .content_CSQ.sixth-question {
    width: unset;
  }
  .popup_CSQ.popup_CSQ_qa .content_CSQ.sixth-question .feedback-options {
    justify-content: center;
  }
}
.popup_CSQ.popup_CSQ_qa .content_CSQ.seventh-question {
  width: 85%;
}
.popup_CSQ.popup_CSQ_qa .content_CSQ.seventh-question .title {
  font-size: 16px;
  text-align: left;
}
@media screen and (max-width: 500px) {
  .popup_CSQ.popup_CSQ_qa .content_CSQ.seventh-question {
    width: 90%;
  }
}
.popup_CSQ.popup_CSQ_qa .hidden_feedback {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.popup_CSQ.popup_CSQ_qa .hidden_feedback .allqa {
  display: none;
}
.popup_CSQ.popup_CSQ_qa .hidden_feedback .allqa.active {
  display: block;
}
@media screen and (max-width: 500px) {
  .popup_CSQ.popup_CSQ_qa .csq_wrappper .content_CSQ {
    margin: 20px auto;
    height: 50vh;
    overflow-y: auto;
  }
  .popup_CSQ.popup_CSQ_qa .csq_wrappper .content_CSQ::-moz-placeholder {
    color: rgba(2, 3, 13, 0.32);
    line-height: 1.5;
  }
  .popup_CSQ.popup_CSQ_qa .csq_wrappper .content_CSQ::placeholder {
    color: rgba(2, 3, 13, 0.32);
    line-height: 1.5;
  }
  .popup_CSQ.popup_CSQ_qa .csq_wrappper .content_CSQ::-webkit-scrollbar {
    width: 5px;
  }
  .popup_CSQ.popup_CSQ_qa .csq_wrappper .content_CSQ::-webkit-scrollbar-thumb {
    background-color: #c7c9cc;
    border-radius: 8px;
  }
}
@media screen and (max-width: 360px) and (max-height: 600px) {
  .popup_CSQ.popup_CSQ_qa .csq_wrappper .content_CSQ .hidden_feedback {
    height: 32vh;
  }
}
@media screen and (max-width: 280px) and (max-height: 700px) {
  .popup_CSQ.popup_CSQ_qa .csq_wrappper .content_CSQ .hidden_feedback {
    height: 32vh;
  }
}
.popup_CSQ.popup_CSQ_qa .feedback-options {
  margin: 15px 0 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 7px;
}
.popup_CSQ.popup_CSQ_qa .feedback-options label {
  display: inline-block;
  width: 100%;
  background: #eff1f1;
  color: #868686;
  border-radius: 8px;
  padding: 8px 12px;
  cursor: pointer;
}
.popup_CSQ.popup_CSQ_qa .feedback-options label:hover {
  background: #ececec;
}
.popup_CSQ.popup_CSQ_qa .feedback-options input[type=radio],
.popup_CSQ.popup_CSQ_qa .feedback-options [type=checkbox] {
  display: none;
}
.popup_CSQ.popup_CSQ_qa .feedback-options [type=radio]:checked + label,
.popup_CSQ.popup_CSQ_qa .feedback-options [type=checkbox]:checked + label {
  background-color: #e9f6f6;
  color: #0092c1;
  box-shadow: 0 0 0 1px #0092c1;
}
@media screen and (max-width: 320px) {
  .popup_CSQ.popup_CSQ_qa .feedback-options label {
    padding: 6px 8px;
  }
}
.popup_CSQ.popup_CSQ_qa .feedback-input .option {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.popup_CSQ.popup_CSQ_qa .feedback-input .otherInput {
  max-width: 260px;
  width: 100%;
  border-bottom: 1px solid #868686;
  padding-bottom: 3px;
}
@media screen and (max-width: 320px) {
  .popup_CSQ.popup_CSQ_qa .feedback-input .option label {
    width: 35%;
  }
}
.popup_CSQ.popup_CSQ_qa .textarea-container {
  margin-top: 10px;
  position: relative;
}
.popup_CSQ.popup_CSQ_qa .textarea-container textarea {
  background: #eff1f1;
  width: 100%;
  height: 200px;
  padding: 10px;
  border: none;
  border-radius: 8px;
  resize: none;
  outline: none;
  line-height: 1.5;
}
.popup_CSQ.popup_CSQ_qa .textarea-container textarea::-moz-placeholder {
  color: rgba(2, 3, 13, 0.32);
  line-height: 1.5;
}
.popup_CSQ.popup_CSQ_qa .textarea-container textarea::placeholder {
  color: rgba(2, 3, 13, 0.32);
  line-height: 1.5;
}
.popup_CSQ.popup_CSQ_qa .textarea-container textarea::-webkit-scrollbar {
  width: 5px;
}
.popup_CSQ.popup_CSQ_qa .textarea-container textarea::-webkit-scrollbar-thumb {
  background-color: #c7c9cc;
  border-radius: 8px;
}
.popup_CSQ.popup_CSQ_qa .csq_bottom {
  position: absolute;
  bottom: 30px;
  width: 96%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 500px) {
  .popup_CSQ.popup_CSQ_qa .csq_bottom {
    width: 90%;
    bottom: 15px;
  }
}
.popup_CSQ.popup_CSQ_qa .continue-button {
  font-size: 18px;
  font-weight: bold;
  max-width: 340px;
  width: 100%;
  height: 52px;
  border-radius: 12px;
  background: #d7d8da;
  color: rgba(2, 3, 13, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 25px;
}
.popup_CSQ.popup_CSQ_qa .continue-button.disabled {
  pointer-events: none;
}
.popup_CSQ.popup_CSQ_qa .continue-button.checkBtn {
  background: #0092c1;
  color: #ffffff;
  cursor: pointer;
}
.popup_CSQ.popup_CSQ_qa .feedback-progress {
  background-color: #eef0ef;
  border-radius: 7px;
  height: 10px;
}
.popup_CSQ.popup_CSQ_qa .feedback-progress .progress-bar {
  background-color: #0092c1;
  border-radius: 7px;
  width: 0%;
  height: 100%;
}
@media screen and (max-width: 750px) {
  .popup_CSQ.popup_CSQ_qa .pop_top {
    padding: 20px 0 15px;
  }
  .popup_CSQ.popup_CSQ_qa .continue-button {
    max-width: unset;
  }
}
@media screen and (max-width: 500px) {
  .popup_CSQ.popup_CSQ_qa .m_show {
    display: block !important;
  }
}
@media screen and (max-width: 375px) and (max-height: 600px) {
  .popup_CSQ.popup_CSQ_qa .continue-button {
    margin-bottom: 20px;
  }
  .popup_CSQ.popup_CSQ_qa .textarea-container textarea {
    height: 160px;
  }
}
@media screen and (max-width: 320px) {
  .popup_CSQ.popup_CSQ_qa .pop_top .row {
    gap: 5px;
    margin-right: 25px;
  }
}
.popup_CSQ.popup_CSQ_qa .pause_container .hidden_feedback {
  visibility: unset;
  opacity: unset;
}
.popup_CSQ.popup_CSQ_finish .pop_container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup_CSQ.popup_CSQ_finish .content_CSQ {
  width: 90%;
}
.popup_CSQ.popup_CSQ_finish #success {
  height: 150px;
  margin: 0 auto;
  display: block;
}
.popup_CSQ.popup_CSQ_finish .title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.popup_CSQ.popup_CSQ_finish .finish_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin: 50px auto 0;
}
.popup_CSQ.popup_CSQ_finish .finish_btn .btn {
  width: 175px;
  height: 52px;
  color: white;
  background-color: #0092c1;
  border-radius: 12px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup_CSQ.popup_CSQ_finish .finish_btn .btn:hover {
  opacity: 0.85;
}
.popup_CSQ.popup_CSQ_finish .finish_btn .btnlight {
  background-color: #e9f6f6;
  color: #0092c1;
}
.popup_CSQ.popup_CSQ_finish .pause_wrapper {
  padding: 20px 30px;
}
.popup_CSQ.popup_CSQ_finish .pause_wrapper .content_CSQ {
  width: 100%;
}
.popup_CSQ.popup_CSQ_finish .pause_wrapper .contnt_center {
  margin-top: 40px;
  gap: 13px;
}
.popup_CSQ.popup_CSQ_finish .pause_wrapper .contnt_center .center_box {
  font-size: 15px;
}
.popup_CSQ.popup_CSQ_finish .pause_wrapper .contnt_center .center_box .blue_bt {
  font-size: 18px;
  font-weight: bold;
  color: #156b9b;
  margin-bottom: 12px;
}
.popup_CSQ.popup_CSQ_finish .pause_wrapper .contnt_center .center_box .blue_t {
  color: #156b9b;
}
.popup_CSQ.popup_CSQ_finish .pause_wrapper .block280 {
  display: none;
}
@media screen and (max-width: 750px) {
  .popup_CSQ.popup_CSQ_finish .pause_wrapper .content_CSQ {
    margin-top: 40px;
  }
  .popup_CSQ.popup_CSQ_finish .pause_wrapper .contnt_center {
    flex-wrap: wrap;
    gap: 0;
  }
}
@media screen and (max-width: 500px) {
  .popup_CSQ.popup_CSQ_finish .pause_wrapper .finish_btn {
    position: relative;
    bottom: 30px;
  }
}
@media screen and (max-width: 350px) {
  .popup_CSQ.popup_CSQ_finish .pause_wrapper {
    padding: 20px 16px;
  }
  .popup_CSQ.popup_CSQ_finish .pause_wrapper .finish_btn {
    gap: 8px;
  }
  .popup_CSQ.popup_CSQ_finish .pause_wrapper .block280 {
    display: block;
  }
  .popup_CSQ.popup_CSQ_finish .pause_wrapper .hidd280 {
    display: none;
  }
}
@media screen and (max-width: 375px) and (max-height: 600px) {
  .popup_CSQ.popup_CSQ_finish .pause_wrapper .content_CSQ {
    margin-top: 0;
  }
  .popup_CSQ.popup_CSQ_finish .pause_wrapper .content_CSQ .title {
    margin-bottom: 10px;
  }
  .popup_CSQ.popup_CSQ_finish .pause_wrapper .content_CSQ .contnt_center {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .popup_CSQ.popup_CSQ_finish .pause_wrapper .content_CSQ .finish_btn {
    bottom: unset;
    margin: 0;
  }
}
@media screen and (min-width: 751px) and (max-height: 600px) {
  .popup_CSQ {
    /* 添加額外條件，檢查視窗高度是否小於 480 像素 */
  }
  .popup_CSQ .pop_container {
    height: 90%;
  }
  .popup_CSQ .pop_container .pop_top {
    padding: 10px;
  }
  .popup_CSQ .pop_container .content_CSQ {
    margin: 20px auto;
    height: 45vh;
    overflow-y: auto;
  }
  .popup_CSQ .pop_container .content_CSQ::-moz-placeholder {
    color: rgba(2, 3, 13, 0.32);
    line-height: 1.5;
  }
  .popup_CSQ .pop_container .content_CSQ::placeholder {
    color: rgba(2, 3, 13, 0.32);
    line-height: 1.5;
  }
  .popup_CSQ .pop_container .content_CSQ::-webkit-scrollbar {
    width: 5px;
  }
  .popup_CSQ .pop_container .content_CSQ::-webkit-scrollbar-thumb {
    background-color: #c7c9cc;
    border-radius: 8px;
  }
  .popup_CSQ .pop_container .content_CSQ .star-img {
    margin-bottom: 10px;
  }
  .popup_CSQ .pop_container .csq_bottom .continue-button {
    margin-bottom: 10px;
  }
  .popup_CSQ.popup_CSQ_finish .content_CSQ {
    height: 80%;
    overflow: scroll;
  }
  .popup_CSQ.popup_CSQ_finish .finish_btn {
    margin-top: 10px;
  }
}
@media screen and (min-width: 751px) and (max-height: 600px) and (min-width: 760px) and (max-height: 480px) {
  .popup_CSQ .pop_container .content_CSQ {
    height: 30vh;
  }
}

span.dot {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  margin: 2px 2px;
}
span.dot.green {
  background-color: #18a59c;
}
span.dot.grey {
  background-color: rgba(2, 3, 13, 0.3215686275);
}

.blue-text {
  color: #0092c1;
}

.green-text {
  color: #18a59c;
}

.mark-block {
  text-align: right;
  margin-top: 1.5em;
}
.mark-block .mark span {
  display: inline-block;
  margin-left: 0.3125em;
}

.white-box {
  border-radius: 0.75em;
  background: #ffffff;
  padding: 1.5em 0 1em;
}
@media screen and (max-width: 375px) {
  .white-box {
    padding: 1em 0;
  }
}

.light-page {
  overflow: hidden;
  max-width: unset;
}
.light-page .container {
  padding: 0;
}
.light-page .container .kv-block {
  position: relative;
  background-image: url("../../../img/AIBank/trend-light/trend-bg-repeat.png");
  background-size: contain;
}
.light-page .container .kv-block .kv-box {
  position: relative;
  max-width: 1366px;
  width: 100%;
  margin: auto;
}
.light-page .container .kv-block .kv-box .kv-pic img {
  width: 100%;
  height: 17.5em;
}
.light-page .container .kv-block .kv-box .kv-pic img.mb {
  display: none;
}
@media (max-width: 768px) {
  .light-page .container .kv-block .kv-box .kv-pic img.mb {
    height: 17.8125em;
    display: block;
  }
}
@media (max-width: 768px) {
  .light-page .container .kv-block .kv-box .kv-pic img.pc {
    display: none;
  }
}
.light-page .container .kv-block .kv-box .title-box {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
}
@media (min-width: 1240px) {
  .light-page .container .kv-block .kv-box .title-box {
    left: 20%;
  }
}
@media (max-width: 768px) {
  .light-page .container .kv-block .kv-box .title-box {
    top: 2.25em;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 500px) {
  .light-page .container .kv-block .kv-box .title-box {
    top: 3em;
    left: 50%;
  }
}
@media (max-width: 320px) {
  .light-page .container .kv-block .kv-box .title-box {
    top: 4.5em;
  }
}
.light-page .container .kv-block .kv-box .title-box .title-pic {
  width: 21em;
}
@media (max-width: 500px) {
  .light-page .container .kv-block .kv-box .title-box .title-pic {
    width: 15em;
    margin: auto;
  }
}
.light-page .container .kv-block .kv-box .title-box p {
  font-size: 1.5em;
  color: #1e3761;
  font-weight: bold;
  margin-top: 0.5em;
  text-align: center;
}
@media (max-width: 650px) {
  .light-page .container .kv-block .kv-box .title-box p {
    font-size: 1.25em;
  }
}
.light-page .container .kv-block .kv-box .return {
  position: absolute;
  top: 1.875em;
  left: 2%;
  width: 42px;
  height: 42px;
  background: url("../../../img/AIBank/svg/ic-back-w.svg") no-repeat;
  cursor: pointer;
}
.light-page .container .kv-block .kv-box .return a {
  height: 100%;
}
@media (max-width: 768px) {
  .light-page .container .kv-block .kv-box .return {
    top: 1.25em;
    left: 1.5em;
  }
}
.light-page .container .blue-bg {
  overflow: hidden;
  background-color: #f3fbfe;
  max-width: unset;
  padding: 2.625em 1.5em 5.375em;
}
@media (max-width: 768px) {
  .light-page .container .blue-bg {
    padding-bottom: 2.5em;
  }
}
@media (max-width: 320px) {
  .light-page .container .blue-bg {
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
}
.light-page .container .blue-bg .box {
  max-width: 968px;
  margin: auto;
}
.light-page .container .blue-bg .box .sm-head {
  text-align: center;
  margin-bottom: 2em;
}
.light-page .container .blue-bg .box .sm-head > p {
  font-size: 1.125em;
  margin-bottom: 0.25em;
}
.light-page .container .blue-bg .box .sm-head .md-text {
  font-size: 1.5em;
  font-weight: 500;
}
.light-page .container .blue-bg .box .sm-head .md-text > p {
  display: inline-block;
}
.light-page .container .blue-bg .box .sm-head .md-text > p:first-of-type {
  color: #0092c1;
}
@media screen and (max-width: 375px) {
  .light-page .container .blue-bg .box .sm-head > p {
    font-size: 1em;
  }
  .light-page .container .blue-bg .box .sm-head .md-text {
    font-size: 1.125em;
  }
}
.light-page .container .blue-bg .box .sm-head span {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.3em;
}
.light-page .container .blue-bg .box .title {
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 0.55em;
}
@media screen and (max-width: 375px) {
  .light-page .container .blue-bg .box .title {
    font-size: 1.125em;
  }
}
.light-page .container .blue-bg .box .tab-box {
  margin-bottom: 3.125em;
}
.light-page .container .blue-bg .box .tab-box .tab-head {
  color: rgba(2, 3, 13, 0.3215686275);
  font-size: 1.125em;
  font-weight: bold;
  display: flex;
  transition: 0.3s;
}
@media screen and (max-width: 375px) {
  .light-page .container .blue-bg .box .tab-box .tab-head {
    font-size: 1em;
  }
}
.light-page .container .blue-bg .box .tab-box .tab-head .tab-btn {
  width: 50%;
  border-bottom: 1px solid #d7d6db;
  border-radius: 2px;
  padding-bottom: 0.5em;
  transition: 0.4s;
  text-align: center;
  cursor: pointer;
}
.light-page .container .blue-bg .box .tab-box .tab-head .tab-btn.active {
  border-bottom: 4px solid rgba(2, 3, 13, 0.96);
  transition: 0.4s;
  color: #020315;
}
.light-page .container .blue-bg .box .tab-box .tab-content-slide {
  height: 24.2em;
  margin: 2em 3.5em 2.875em;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .light-page .container .blue-bg .box .tab-box .tab-content-slide {
    margin: 2em 1em 1em;
  }
}
.light-page .container .blue-bg .box .tab-box .tab-content-slide .tab-content-box1 {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  transition: 0.5s;
}
.light-page .container .blue-bg .box .tab-box .tab-content-slide .tab-content-box1 > div:nth-child(2) {
  flex-grow: 1;
}
.light-page .container .blue-bg .box .tab-box .tab-content-slide .tab-content-box1.tab-content1 {
  left: 0;
  transform: translateX(-115%);
}
.light-page .container .blue-bg .box .tab-box .tab-content-slide .tab-content-box1.tab-content1.active {
  transition: 0.5s;
  transform: translateX(0%);
}
.light-page .container .blue-bg .box .tab-box .tab-content-slide .tab-content-box1.tab-content2 {
  right: 0;
  transform: translateX(115%);
}
.light-page .container .blue-bg .box .tab-box .tab-content-slide .tab-content-box1.tab-content2.active {
  transition: 0.5s;
  transform: translateX(0%);
}
.light-page .container .blue-bg .box .tab-box .tab-content-slide .tab-content-box1.tab-content2 .item-box .chart-box .text-box .text.left {
  top: 30%;
}
@media screen and (max-width: 320px) {
  .light-page .container .blue-bg .box .tab-box .tab-content-slide .tab-content-box1.tab-content2 .item-box .chart-box .text-box .text.left {
    top: 0;
  }
}
.light-page .container .blue-bg .box .tab-box .label-box {
  display: flex;
  align-items: center;
  gap: 0.625em;
}
.light-page .container .blue-bg .box .tab-box .label-box .label {
  cursor: pointer;
  text-align: center;
  padding: 0.0625em 0;
  border-radius: 0.875em;
  background-color: #ddd;
  width: 87px;
  flex: 0 0 auto;
}
.light-page .container .blue-bg .box .tab-box .label-box .label.active {
  border: 1px solid #0092c1;
  background-color: #f3fbfe;
}
.light-page .container .blue-bg .box .tab-box .item-box {
  margin-top: 2em;
  margin-bottom: 1em;
  border-radius: 0.75em;
  background-image: linear-gradient(to bottom, #fafafa, #f8f8f8);
  position: relative;
  width: 100%;
}
.light-page .container .blue-bg .box .tab-box .item-box .chart-box {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 500px;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
  opacity: 0;
}
.light-page .container .blue-bg .box .tab-box .item-box .chart-box.active {
  opacity: 1;
}
.light-page .container .blue-bg .box .tab-box .item-box .chart-box .chart {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
}
.light-page .container .blue-bg .box .tab-box .item-box .chart-box span.blue-text {
  font-size: 18px;
  font-weight: bold;
  margin-left: 0.2em;
  text-align: unset;
  margin-right: unset;
  cursor: unset;
}
.light-page .container .blue-bg .box .tab-box .item-box .chart-box span.green-text {
  font-weight: 500;
}
.light-page .container .blue-bg .box .tab-box .item-box .chart-box span.green-text .dot.green {
  margin: 0 0.25em;
}
.light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text {
  position: absolute;
  font-size: 14px;
  text-align: center;
}
.light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text.left {
  top: 45%;
  left: 13.5%;
}
.light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text.right {
  top: 15%;
  right: 6.5%;
}
@media screen and (max-width: 500px) {
  .light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text.left {
    left: 11%;
  }
  .light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text.right {
    top: 5%;
    right: 13%;
    width: 135px;
  }
  .light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text.right span.green-text {
    display: block;
  }
  .light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text.right br {
    display: none;
  }
}
@media screen and (max-width: 430px) {
  .light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text.left {
    top: 35%;
    left: 9%;
  }
  .light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text.right {
    right: 9%;
  }
}
@media screen and (max-width: 390px) {
  .light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text.left {
    left: 6%;
  }
  .light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text.right {
    right: 4%;
  }
}
@media screen and (max-width: 350px) {
  .light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text.left {
    top: 40%;
    left: 3%;
  }
}
@media screen and (max-width: 320px) {
  .light-page .container .blue-bg .box .tab-box .item-box .chart-box {
    height: 70%;
  }
  .light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text {
    font-size: 12px;
  }
  .light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text span {
    font-size: 12px;
  }
  .light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text.left {
    top: 10%;
    left: 4%;
  }
  .light-page .container .blue-bg .box .tab-box .item-box .chart-box .text-box .text.right {
    top: -40%;
    right: 0;
  }
}
@media screen and (max-width: 500px) {
  .light-page .container .blue-bg .box .tab-box .label-box {
    overflow: scroll;
    padding-bottom: 0.75em;
  }
  .light-page .container .blue-bg .box .tab-box .item-box {
    margin-top: 1em;
  }
}
.light-page .container .blue-bg .box .tab-box .sm-text {
  font-size: 14px;
  color: rgba(2, 3, 13, 0.4784313725);
}
.light-page .container .blue-bg .box .tab-box .blue-text {
  text-align: right;
  margin-right: 1.25em;
  cursor: pointer;
}
.light-page .container .blue-bg .box .info-box:first-of-type {
  margin-bottom: 3.125em;
}
.light-page .container .blue-bg .box .info-box p {
  color: rgba(2, 3, 13, 0.7215686275);
  text-align: justify;
}
.light-page .container .blue-bg .box .info-box .d-flex {
  display: flex;
  gap: 10px;
}
.light-page .container .blue-bg .box .info-box .d-flex > .white-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5em;
  flex: 1;
  padding: 1.25em 1em 0.875em;
}
.light-page .container .blue-bg .box .info-box .d-flex > .white-box .text-b {
  font-size: 1.125em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.light-page .container .blue-bg .box .info-box .d-flex > .white-box span.dot {
  margin-left: 0;
}
.light-page .container .blue-bg .box .info-box .d-flex > .white-box p {
  color: rgba(2, 3, 13, 0.7215686275);
  line-height: 1.725;
}
.light-page .container .blue-bg .box .info-box .d-flex > .white-box .block-img {
  max-width: 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.light-page .container .blue-bg .box .info-box .d-flex > .white-box .h-100 {
  width: 55%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.light-page .container .blue-bg .box .info-box .d-flex > .white-box .h-100 > div:nth-child(2) {
  flex-grow: 1;
}
@media screen and (max-width: 960px) {
  .light-page .container .blue-bg .box .info-box .d-flex {
    flex-direction: column;
  }
  .light-page .container .blue-bg .box .info-box .d-flex > .white-box {
    justify-content: flex-start;
    gap: 0.5em;
  }
  .light-page .container .blue-bg .box .info-box .d-flex > .white-box .block-img {
    max-width: unset;
    width: 50%;
  }
  .light-page .container .blue-bg .box .info-box .d-flex > .white-box .h-100 {
    width: 100%;
  }
}
@media screen and (max-width: 420px) {
  .light-page .container .blue-bg .box .info-box .d-flex > .white-box {
    flex-direction: column;
    gap: 1.5em;
  }
}

.signal-page {
  background-color: #eef0ef;
  min-height: unset;
}
.signal-page .container {
  padding-top: 1.75em;
}
.signal-page .container .head {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 2em;
}
@media screen and (max-width: 500px) {
  .signal-page .container .head {
    text-align: center;
  }
}
.signal-page .container .tab-box .tab-head {
  background-color: #eef0ef;
  border-bottom: 1px solid #d7d6db;
  display: flex;
}
.signal-page .container .tab-box .tab-head .tab-btn {
  font-weight: bold;
  padding-bottom: 10px;
  color: rgba(2, 3, 13, 0.32);
  position: relative;
  cursor: pointer;
  text-align: center;
  transition: color 0.4s;
  padding-bottom: 0.5em;
  margin: 0 2.5em 0 1.5em;
}
.signal-page .container .tab-box .tab-head .tab-btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  background: rgba(2, 3, 13, 0.96);
  border-radius: 2px;
  transition: height 0.4s;
}
.signal-page .container .tab-box .tab-head .tab-btn.active {
  color: #02030d;
  transition: color 0.4s;
}
.signal-page .container .tab-box .tab-head .tab-btn.active::after {
  height: 4px;
}
@media screen and (max-width: 500px) {
  .signal-page .container .tab-box .tab-head .tab-btn {
    margin: 0;
    width: 50%;
  }
}
.signal-page .container .tab-content-slide {
  margin: 2em 0 2.875em;
  position: relative;
  overflow: hidden;
  display: flex;
}
.signal-page .container .tab-content-slide .tab-content-box1 {
  display: flex;
  flex-direction: column;
  transition: 0.5s;
  width: 100%;
  flex: 0 0 auto;
}
.signal-page .container .tab-content-slide .tab-content-box1.tab-content1 {
  transform: translateX(-115%);
  height: 0;
}
.signal-page .container .tab-content-slide .tab-content-box1.tab-content1.active {
  transition: 0.5s;
  transform: translateX(0%);
  height: auto;
}
.signal-page .container .tab-content-slide .tab-content-box1.tab-content2 {
  transform: translateX(10%);
}
.signal-page .container .tab-content-slide .tab-content-box1.tab-content2.active {
  transition: 0.5s;
  transform: translateX(-100%);
}
.signal-page .container .tab-content-slide .tab-content-box1 .item-info-hidden {
  display: none;
}
.signal-page .container .tab-content-slide .white-box {
  padding: 1em 0;
  margin-bottom: 0.75em;
}
.signal-page .container .tab-content-slide .white-box hr {
  border: unset;
  height: 1px;
  background: #d7d6db;
  margin: 0.875em 0;
}
.signal-page .container .tab-content-slide .white-box .d-flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.signal-page .container .tab-content-slide .white-box .d-flex-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.signal-page .container .tab-content-slide .white-box .sm-text {
  font-size: 14px;
  color: rgba(2, 3, 13, 0.3215686275);
}
.signal-page .container .tab-content-slide .white-box span.ic-info {
  cursor: pointer;
  background: url("../../../img/AIBank/svg/ic-info.svg") no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  margin-bottom: 1px;
  background-size: contain;
}
.signal-page .container .tab-content-slide .white-box .row {
  padding: 0 1.5em;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.signal-page .container .tab-content-slide .white-box .row .title {
  font-weight: bold;
}
@media screen and (max-width: 500px) {
  .signal-page .container .tab-content-slide .white-box .row {
    padding: 0 1em;
  }
  .signal-page .container .tab-content-slide .white-box .row .grey-text-box {
    flex-direction: column;
    align-items: start;
    gap: 0.25em;
  }
}
@media screen and (max-width: 330px) {
  .signal-page .container .tab-content-slide .white-box .row {
    padding: 0 0.5em;
  }
}
.signal-page .container .tab-content-slide .white-box .item-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.5em;
}
.signal-page .container .tab-content-slide .white-box .item-box .title {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 500px) {
  .signal-page .container .tab-content-slide .white-box .item-box {
    padding: 0 1em;
  }
}
@media screen and (max-width: 330px) {
  .signal-page .container .tab-content-slide .white-box .item-box {
    padding: 0 0.5em;
  }
  .signal-page .container .tab-content-slide .white-box .item-box .title {
    font-size: 17px;
    letter-spacing: -0.5px;
  }
}
.signal-page .container .tab-content-slide .white-box .project-box .item {
  color: rgba(2, 3, 13, 0.7215686275);
  display: flex;
  align-items: center;
  gap: 2em;
  margin-bottom: 0.5em;
}
.signal-page .container .tab-content-slide .white-box .project-box .item:last-child {
  margin-bottom: unset;
}
.signal-page .container .tab-content-slide .white-box .project-box .item .item-go {
  border-right: 1px solid #d7d6db;
  flex: 1;
  max-width: 31%;
}
.signal-page .container .tab-content-slide .white-box .project-box .item .item-go .btn {
  margin-left: 0.5em;
  margin-right: 1.5em;
  padding: 0.282em 0;
  border-radius: 0.5em;
  background-color: #0092c1;
  width: 100%;
  max-width: 4.6875em;
  text-align: center;
}
.signal-page .container .tab-content-slide .white-box .project-box .item .item-go .btn a {
  color: #fff;
}
.signal-page .container .tab-content-slide .white-box .project-box .item .item-go .btn:hover {
  background-color: #156b9b;
}
.signal-page .container .tab-content-slide .white-box .project-box .item .item-go:last-child {
  border-right: unset;
}
.signal-page .container .tab-content-slide .white-box .project-box .item .item-go.d-flex-end.col-12 {
  max-width: unset;
}
.signal-page .container .tab-content-slide .white-box .project-box .item .item-go.d-flex-end.col-12 .btn {
  margin-right: 0;
}
.signal-page .container .tab-content-slide .white-box .project-box .item:has(.item-go:nth-child(3)) .item-go:nth-child(3) .btn {
  margin-right: 0;
}
@media screen and (max-width: 960px) {
  .signal-page .container .tab-content-slide .white-box .project-box .item {
    flex-direction: column;
    align-items: flex-start;
    gap: 1em;
    margin-bottom: 1em;
  }
  .signal-page .container .tab-content-slide .white-box .project-box .item .item-go {
    border-right: unset;
    max-width: unset;
  }
  .signal-page .container .tab-content-slide .white-box .project-box .item .item-go.col-4 {
    width: 100%;
  }
  .signal-page .container .tab-content-slide .white-box .project-box .item .item-go.col-4 .btn {
    margin-right: unset;
  }
}
@media screen and (max-width: 500px) {
  .signal-page .container .tab-content-slide .white-box .project-box {
    margin-bottom: 0.75em;
  }
}
.signal-page .return {
  margin: 1.875em 1.875em 0;
  width: 42px;
  height: 42px;
  background: url("../../../img/AIBank/svg/ic-back-w.svg") no-repeat;
  cursor: pointer;
}
.signal-page .return a {
  height: 100%;
}
@media (max-width: 900px) {
  .signal-page .return {
    margin-left: 1.5625em;
  }
}

.popup.popup-lights .pop_container .close,
.popup.popup-lights .pop_container .btn {
  cursor: pointer;
}
.popup.popup-lights .pop_container .content {
  padding: 1.5em;
}
.popup.popup-lights .pop_container .content .info {
  line-height: 1.63;
}
.popup.popup-lights .pop_container .content .info ul {
  padding-left: 1.5em;
}
.popup.popup-lights .pop_container .content .info ul li {
  list-style: decimal;
}
.popup.popup-lights .pop_container .content .info ul li:nth-child(2),
.popup.popup-lights .pop_container .content .info ul li:nth-child(3) {
  color: #0092c1;
}
@media screen and (max-width: 375px) {
  .popup.popup-lights .pop_container .content .info {
    height: 38vh;
    overflow-y: scroll;
    padding-right: 0.55em;
  }
  .popup.popup-lights .pop_container .content .info::-webkit-scrollbar {
    width: 2px;
  }
  .popup.popup-lights .pop_container .content .info::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 12px;
  }
  .popup.popup-lights .pop_container .content .info::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 12px;
  }
}
.popup.popup-lights .pop_container .content .grey_text {
  font-size: 0.875em;
  color: rgba(2, 3, 13, 0.3215686275);
  margin-top: 0.8571em;
}
.popup.popup-lights .pop_container .radiobox-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 2em;
}
.popup.popup-lights .pop_container .radiobox-container .radiobox {
  width: 25px;
  height: 25px;
  border-radius: 4px;
  border: solid 2px #d7d6db;
  background-color: #fff;
  margin-right: 10px;
  position: relative;
}
.popup.popup-lights .pop_container .radiobox-container .radiobox::before {
  content: "";
  background: url("../../../img/AIBank/svg/ic-check-g.svg") no-repeat;
  width: 15px;
  height: 11px;
  position: absolute;
  top: 48%;
  right: 12%;
  transform: translateY(-50%);
}
.popup.popup-lights .pop_container .radiobox-container .radiobox:checked::before {
  content: "";
  background: url("../../../img/AIBank/svg/ic-check-b.svg") no-repeat;
  width: 15px;
  height: 11px;
  position: absolute;
  top: 48%;
  right: 12%;
  transform: translateY(-50%);
}

section.investQA .container {
  padding: 2.25em 0 2.5em;
  max-width: 1168px;
  width: 100%;
  margin: auto;
}
@media (max-width: 1200px) {
  section.investQA .container {
    padding: 2.25em 2em 2.5em;
  }
}
@media (max-width: 650px) {
  section.investQA .container {
    padding: 2.25em 1.25em 2.5em;
  }
}
section.investQA .container .invest_title h2 {
  font-size: 1.5em;
  font-weight: bold;
}
section.investQA .container .faq-notes {
  font-size: 14px;
  color: rgba(2, 3, 13, 0.48);
  margin-top: 25px;
}

section.investQA.signalQA {
  background: unset;
}
section.investQA.signalQA .container {
  padding-top: 0;
  padding-bottom: 0;
  padding: unset;
}
section.investQA.signalQA .container .qaText > p {
  opacity: 0.7;
}
section.investQA.signalQA .container .qa-center .qaItem .row .arrowDown {
  background: #fff;
}
section.investQA.signalQA .container table {
  width: 100%;
  max-width: 380px;
  border-radius: 0.75em;
  overflow: hidden;
  color: rgba(2, 3, 13, 0.7215686275);
  border-collapse: separate;
  border-spacing: 0;
  margin: 1em 0;
}
section.investQA.signalQA .container th,
section.investQA.signalQA .container td {
  padding: 0.5em;
  text-align: center;
  border: 0.5px solid #bcccd6;
}
section.investQA.signalQA .container th {
  background-color: #cddfea;
  vertical-align: middle;
}
section.investQA.signalQA .container td {
  background-color: #fff;
  width: 140px;
}
section.investQA.signalQA .container td:first-child {
  background-color: #cddfea;
  width: 100px;
}
section.investQA.signalQA .container .highlight {
  color: #0092c1;
  font-weight: bold;
}
section.investQA.signalQA .container tr:first-child th:first-child {
  border-top-left-radius: 0.75em;
}
section.investQA.signalQA .container tr:first-child th:last-child {
  border-top-right-radius: 0.75em;
}
section.investQA.signalQA .container tr:last-child td:first-child {
  border-bottom-left-radius: 0.75em;
}
section.investQA.signalQA .container tr:last-child td:last-child {
  border-bottom-right-radius: 0.75em;
}
section.investQA.signalQA .container .mark-block {
  text-align: unset;
  margin-top: 1em;
}

footer.home-footer {
  background-color: #ebebeb;
  max-width: unset;
}
footer.home-footer .open-footer .warning {
  padding: 0;
  max-width: 1168px;
  width: 100%;
  margin: auto;
}
@media (max-width: 1200px) {
  footer.home-footer .open-footer .warning {
    padding: 0 2.5em;
  }
}
@media (max-width: 650px) {
  footer.home-footer .open-footer .warning {
    padding: 0 1.25em;
  }
}
footer.home-footer .footer-d-grey {
  padding: 1.5em 5em 1.25em;
}
@media (max-width: 1168px) {
  footer.home-footer .footer-d-grey {
    padding: 1.5em 1.25em 1.25em;
  }
}
footer.home-footer .footer-d-grey .footer-content {
  max-width: 1168px;
  width: 100%;
  background-color: #d8d8d8;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 0.75em;
}
footer.home-footer .footer-d-grey .footer-content p.blue {
  cursor: pointer;
  color: #0092c1;
}

footer {
  margin: auto;
}