@charset "UTF-8";
/* responsive */
:root {
  --breakpointTB: 1224px;
  --breakpointMb: 767px;
}

/* responsive mixin */
/* px to rem calculator */
/* ellipsis */
/* Colors */
/* Gray */
/* Sizes */
/*radius*/
/* Fonts */
.color_brand {
  color: #fa7300;
}

/* Mixins */
.blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  opacity: 0;
}

/* main */
body {
  overflow-x: hidden;
  min-width: 320px;
}

.main .title_section {
  font-weight: 700;
  max-width: 1224px;
  margin: auto;
  text-align: left;
  font-size: 36px;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1224px) {
  .main .title_section {
    font-size: 30px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .main .title_section {
    font-size: 24px;
  }
}
@media screen and (max-width: 1224px) {
  .main .title_wrap {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1224px) {
  .main .section {
    padding: 80px 0;
  }
}
@media screen and (max-width: 767px) {
  .main .section {
    padding: 60px 0;
  }
}
.main .section_container {
  width: 100%;
  margin: auto;
  max-width: 1224px;
}
@media screen and (max-width: 1224px) {
  .main .section_container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.main .title_sectionc {
  font-size: 32px;
}
.main .slick-list {
  padding-bottom: 37px;
}
.main .slick-dots {
  position: static;
  text-align: center;
  transform: none;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.main .slick-dots li {
  margin: 0 12px;
  height: 16px;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .main .slick-dots li {
    margin: 0 8px;
  }
}
.main .slick-dots li button {
  height: 16px;
}
.main .slick-dots li button::before {
  width: 16px;
  height: 16px;
  color: #ececec;
}
@media screen and (max-width: 767px) {
  .main .slick-dots li button::before {
    width: 12px;
    height: 12px;
  }
}
.main .slick-dots li.slick-active button::before {
  background: #fad5b8;
}
.main .slick-arrow {
  width: 60px;
  height: 60px;
  background: #ececec;
  border-radius: 100%;
  margin-top: -50px;
  padding: 0;
}
.main .slick-arrow::before {
  border-color: #ffffff;
  width: 25px;
  height: 25px;
}
.main .slick-arrow.slick-prev {
  left: -96px;
}
.main .slick-arrow.slick-prev::before {
  margin-left: 10px;
}
.main .slick-arrow.slick-next {
  right: -96px;
}
.main .slick-arrow.slick-next::before {
  margin-right: 10px;
}
.main_visual {
  height: 720px;
  background: #fa7300 url("/resources/fo/invest/common/images/img_main_visual.png") no-repeat center/cover;
  color: #ffffff;
  display: flex;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 1224px) {
  .main_visual {
    height: 600px;
  }
}
@media screen and (max-width: 767px) {
  .main_visual {
    height: 380px;
  }
}
.main_visual h2 {
  font-size: 48px;
  font-weight: 500;
  line-height: 125%;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1224px) {
  .main_visual h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .main_visual h2 {
    font-size: 26px;
  }
}
.main_visual p {
  font-size: 24px;
  font-weight: 400;
  margin-top: 16px;
  line-height: 117%;
  margin: auto;
  letter-spacing: -0.02em;
  margin-top: 16px;
}
@media screen and (max-width: 1224px) {
  .main_visual p {
    max-width: initial;
  }
}
@media screen and (max-width: 767px) {
  .main_visual p {
    font-size: 14px;
    max-width: initial;
    margin-top: 8px;
  }
}
.main_visual .btn {
  min-width: 218px;
  margin-top: 72px;
  font-size: 24px;
  height: 54px;
  line-height: 52px;
}
@media screen and (max-width: 767px) {
  .main_visual .btn {
    max-width: 216px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    height: 44px;
    line-height: 42px;
    margin-top: 30px;
  }
}
.main_product {
  background-color: #f8f9fa;
  padding: 120px 0;
}
.main_product .title_wrap {
  position: relative;
  justify-content: space-between;
}
.main_product .title_wrap .title_section {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .main_product .title_wrap .title_section {
    width: 100%;
  }
}
.main_product .title_wrap .btn {
  position: absolute;
  right: 114px;
  top: 0;
  height: 48px;
  line-height: 46px;
  width: 171px;
  border-color: #fa7300;
  color: #fa7300;
  border-radius: 50px;
  padding: 0 16px;
  font-size: 16px;
  margin: 0;
  background: transparent;
}
@media screen and (max-width: 1224px) {
  .main_product .title_wrap .btn {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .main_product .title_wrap .btn {
    position: static;
    margin-top: 10px;
    font-size: 14px;
    height: 36px;
    line-height: 34px;
    width: 160px;
    margin: 15px auto 0;
  }
}
.main_product .title_wrap .btn::before {
  content: "";
  width: 22px;
  height: 21px;
  background: url("/resources/fo/invest/common/images/icons/icon_main_alert.svg") no-repeat center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  margin-top: -4px;
}
.main_product .item_list .slick-list {
  padding-bottom: 15px;
}
.main_product .slick-dots {
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  .main_product .item {
    margin: 0 12px 0 0 !important;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .main_product .slick-list {
    padding: 25px 10px 10px 10px !important;
  }
}
.main_partners {
  overflow-x: hidden;
  padding: 120px 0 100px 0;
  border-bottom: 1px solid #ececec;
}
@keyframes infiniteSlide {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes infiniteSlide2 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
.main_partners .partners_slide_wrap {
  flex-direction: row;
  align-items: center;
  display: flex;
  overflow: hidden;
  position: relative;
  height: 100px;
  --animationspeed: 40s;
  --animationdelay: calc(var(--animationspeed) / 2);
  margin: 0 auto;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .main_partners .partners_slide_wrap {
    margin-top: 32px;
    height: 40px;
    --animationspeed: 50s;
  }
}
.main_partners .partners_slide_wrap .partners_slide {
  flex-shrink: 0;
  position: absolute;
  animation-name: infiniteSlide;
  animation-duration: var(--animationspeed);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  min-width: 2380px;
  display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 767px) {
  .main_partners .partners_slide_wrap .partners_slide {
    min-width: 1958px;
    --animationspeed: 60s;
  }
}
.main_partners .partners_slide_wrap .partners_slide.delay {
  transform: translateX(100%);
  animation-name: infiniteSlide2;
}
.main_partners .partners_slide_wrap .partners_slide .partner_logo {
  display: inline-flex;
  align-self: center;
  padding: 0 20px 0 20px;
}
.main_partners .partners_slide_wrap .partners_slide .partner_logo img {
  max-height: 40px;
}
@media screen and (max-width: 767px) {
  .main_partners .partners_slide_wrap .partners_slide .partner_logo img {
    max-height: 30px;
  }
}
.main_partners .partners_slide_wrap._mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .main_partners .partners_slide_wrap._mobile {
    display: flex;
    margin-top: 5px;
  }
}
.main_partners .partners_slide_wrap._mobile .partners_slide {
  animation-direction: reverse;
}
.main_info {
  text-align: center;
  padding: 120px 0;
  border-bottom: 1px solid #ececec;
}
.main_info .title_sm {
  text-align: center;
  margin-top: 5px;
  color: #9ca0a3;
}
.main_info .txt_box {
  text-align: left;
  padding: 0;
}
@media screen and (max-width: 1224px) {
  .main_info .txt_box {
    margin-bottom: 16px;
    width: 100%;
    min-width: initial;
    max-width: 556px;
    margin: 16px auto 0 auto;
  }
}
.main_info .txt_box_center {
  display: inline-block;
  min-width: 320px;
  margin-top: 83px;
  margin-bottom: 40px;
  padding: 0;
}
.main_info .txt_box_center:hover {
  background-color: #f7f7f7;
}
@media screen and (max-width: 1224px) {
  .main_info .txt_box_center {
    margin-top: 50px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .main_info .txt_box_center {
    margin-top: 24px;
    min-width: initial;
  }
}
.main_info .txt_box_center dt {
  font-size: 15px;
  color: #5d6369;
  display: block;
  width: 100%;
  padding: 16px 0 0 30px;
}
@media screen and (max-width: 1224px) {
  .main_info .txt_box_center dt {
    padding-left: 135px;
  }
}
@media screen and (max-width: 767px) {
  .main_info .txt_box_center dt {
    font-size: 14px;
    padding-left: 32px;
  }
}
.main_info .txt_box_center dd {
  width: 100%;
  font-size: 32px;
  color: #fa7300;
  font-weight: 700;
  padding-left: 29px;
  padding-bottom: 18px;
  line-height: 1.3;
}
@media screen and (max-width: 1224px) {
  .main_info .txt_box_center dd {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .main_info .txt_box_center dd {
    font-size: 24px;
    padding-top: 7px;
    padding-bottom: 23px;
  }
}
.main_info .txt_box_center dd .counter {
  letter-spacing: -0.026em;
}
.main_info_list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1224px) {
  .main_info_list {
    flex-wrap: wrap;
    max-width: 556px;
    margin: auto;
  }
}
.main_info_list dl {
  width: 18.71%;
  margin-top: 0;
}
@media screen and (max-width: 1224px) {
  .main_info_list dl {
    width: 100%;
  }
}
.main_info_list dl:hover {
  background-color: #f7f7f7;
}
.main_info_list dl:not(:first-child) {
  margin-left: 16px;
}
@media screen and (max-width: 1224px) {
  .main_info_list dl:not(:first-child) {
    margin-left: auto;
  }
}
.main_info_list dt {
  padding-top: 12px;
  padding-left: 15px;
}
@media screen and (max-width: 1224px) {
  .main_info_list dt {
    padding-left: 135px;
  }
}
@media screen and (max-width: 767px) {
  .main_info_list dt {
    font-size: 14px;
    padding-left: 32px;
  }
}
.main_info_list dd {
  font-size: 24px;
  font-weight: 500;
  padding: 0px 0 9px 15px;
}
@media screen and (max-width: 1224px) {
  .main_info_list dd {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .main_info_list dd {
    font-size: 20px;
    padding: 3px 0 12px 15px;
  }
}
.main_info_list dd .counter {
  letter-spacing: 0;
}
.main_info .btn_wrap {
  margin-top: 80px;
  justify-content: center;
}
@media screen and (max-width: 1224px) {
  .main_info .btn_wrap {
    margin-top: 40px;
  }
}
.main_info .btn_wrap .btn {
  min-width: 178px;
}
@media screen and (max-width: 1224px) {
  .main_info .btn_wrap .btn {
    min-width: 364px;
  }
}
@media screen and (max-width: 767px) {
  .main_info .btn_wrap .btn {
    min-width: 215px;
  }
}
.main_difference {
  padding: 120px 0;
}
.main_difference .title_md {
  text-align: center;
}
@media screen and (max-width: 1224px) {
  .main_difference .title_md {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .main_difference .title_md {
    font-size: 16px;
  }
}
.main_difference .diff_list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 140px;
  gap: 24px;
}
@media screen and (max-width: 1224px) {
  .main_difference .diff_list {
    margin-top: 48px;
  }
}
@media screen and (max-width: 767px) {
  .main_difference .diff_list {
    flex-wrap: wrap;
    margin-top: 40px;
    justify-content: center;
  }
}
.main_difference .diff_list li {
  width: 392px;
  text-align: center;
}
.main_difference .diff_list .icon {
  display: block;
  width: 180px;
  height: 180px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fd840f;
  border-radius: 100%;
  margin: auto;
}
@media screen and (max-width: 1224px) {
  .main_difference .diff_list .icon {
    width: 160px;
    height: 160px;
    background-size: 88.888%;
  }
}
@media screen and (max-width: 767px) {
  .main_difference .diff_list .icon {
    width: 120px;
    height: 120px;
    margin: auto;
    background-size: 77.77%;
  }
}
.main_difference .diff_list .icon_01 {
  background-image: url("/resources/fo/invest/common/images/img_main_diff_01.png");
}
.main_difference .diff_list .icon_02 {
  background-image: url("/resources/fo/invest/common/images/img_main_diff_02.png");
}
.main_difference .diff_list .icon_03 {
  background-image: url("/resources/fo/invest/common/images/img_main_diff_03.png");
}
.main_difference .diff_list .tit {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  margin-top: 24px;
  display: block;
}
@media screen and (max-width: 1224px) {
  .main_difference .diff_list .tit {
    font-size: 20px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .main_difference .diff_list .tit {
    margin-top: 17px;
    font-size: 18px;
  }
}
.main_difference .last {
  margin-top: 75px;
  width: 100%;
  font-size: 24px;
  color: #fa7300;
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .main_difference .last {
    font-size: 20px;
  }
}
.main_lineup {
  padding: 120px 0;
  background-color: #f8f9fa;
}
.main_lineup .section_container {
  max-width: 1024px;
  margin: auto;
  position: relative;
  margin-top: 80px;
}
@media screen and (max-width: 1224px) {
  .main_lineup .section_container {
    max-width: 66.6666%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .main_lineup .section_container {
    padding: 0 0 0 10px;
    max-width: initial;
  }
}
.main_lineup .item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 1px;
  margin-right: 1px;
}
@media screen and (max-width: 1224px) {
  .main_lineup .item {
    flex-wrap: wrap;
    margin-top: 47px;
    border-radius: 8px;
    border: 1px solid #ececec;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .main_lineup .item {
    margin-top: 38px;
    margin: 0px 12px 0 0;
  }
}
.main_lineup .thumb {
  width: 392px;
  height: 0;
  padding-bottom: 22.2%;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.main_lineup .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: initial;
}
@media screen and (max-width: 1224px) {
  .main_lineup .thumb {
    width: 100%;
    padding-bottom: 57.2%;
    border: 0;
    border-radius: 0;
  }
}
@media screen and (max-width: 767px) {
  .main_lineup .thumb {
    padding-bottom: 60%;
  }
}
.main_lineup .text {
  width: calc(100% - 392px);
  padding-left: 104px;
}
@media screen and (max-width: 1224px) {
  .main_lineup .text {
    padding-left: 0;
    width: 100%;
    background: #ffffff;
    padding: 24px 16px 47px 16px;
  }
}
@media screen and (max-width: 767px) {
  .main_lineup .text {
    padding: 16px 16px 40px 12px;
  }
}
.main_lineup .text dt {
  font-weight: 700;
}
@media screen and (max-width: 1224px) {
  .main_lineup .text dt {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .main_lineup .text dt {
    font-size: 18px;
  }
}
.main_lineup .text dd {
  font-size: 20px;
  line-height: 140%;
  margin-top: 6px;
}
@media screen and (max-width: 767px) {
  .main_lineup .text dd {
    font-size: 14px;
    margin-top: 8px;
    line-height: 150%;
  }
}
.main_lineup .text .txt_link {
  margin-top: 71px;
  color: #5d6369;
  font-weight: 400;
  border-color: #5d6369;
  font-size: 18px;
}
@media screen and (max-width: 1224px) {
  .main_lineup .text .txt_link {
    font-size: 20px;
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .main_lineup .text .txt_link {
    font-size: 14px;
  }
}
.main_lineup .lineup_pager {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #9ca0a3;
  margin-top: 32px;
}
@media screen and (max-width: 1224px) {
  .main_lineup .lineup_pager {
    margin-top: 4px;
  }
}
@media screen and (max-width: 767px) {
  .main_lineup .lineup_pager {
    margin-top: 20px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .main_lineup .slick-list {
    padding: 0 10px 0 0 !important;
  }
}
.main_lineup .slick-arrow {
  margin-top: -30px;
}
@media screen and (max-width: 1224px) {
  .main_lineup .slick-arrow {
    margin-top: -22px;
  }
}
@media screen and (max-width: 767px) {
  .main_lineup .slick-arrow {
    display: none !important;
  }
}
.main_lineup .slick-arrow.slick-prev {
  left: -105px;
}
.main_lineup .slick-arrow.slick-next {
  right: -105px;
}
.main_faq {
  padding: 120px 0;
}
.main_faq .title_section {
  margin-bottom: 80px;
}
.main_faq .faq_list {
  border-bottom-color: #ececec;
}
.main_faq .faq_list .faq_tit {
  font-size: 20px;
  border-top: 0;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .main_faq .faq_list .faq_tit {
    font-size: 16px;
  }
}
.main_faq .faq_list .faq_tit.active {
  background: #f7f7f7;
}
.main_faq .faq_list .faq_tit.active a {
  color: #3b3938;
  font-weight: 700;
  transition: 0.3s;
}
.main_faq .faq_list .faq_tit.active a::after {
  margin-top: -3px;
}
.main_faq .faq_list .faq_tit a {
  padding: 25px 104px;
  color: #868e96;
  font-weight: 400;
}
@media screen and (max-width: 1224px) {
  .main_faq .faq_list .faq_tit a {
    padding: 20px 50px 20px 15px;
  }
}
.main_faq .faq_list .faq_tit a::after {
  width: 20px;
  height: 20px;
  right: 158px;
  margin-top: -15px;
  border-color: #3b3938;
}
@media screen and (max-width: 1224px) {
  .main_faq .faq_list .faq_tit a::after {
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .main_faq .faq_list .faq_tit a::after {
    width: 15px;
    height: 15px;
    margin-top: -7px;
  }
}
.main_faq .faq_list .faq_cont {
  padding: 55px 105px 81px 105px;
  border-top: 0;
  font-size: 18px;
  line-height: 1.33;
  font-weight: 500;
}
@media screen and (max-width: 1224px) {
  .main_faq .faq_list .faq_cont {
    padding: 20px 15px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .main_faq .faq_list .faq_cont {
    font-size: 14px;
  }
}
.main_banking {
  background: url("/resources/fo/invest/common/images/img_main_banking.png") no-repeat center/cover;
  text-align: center;
  min-height: 350px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .main_banking {
    min-height: 240px;
  }
}
.main_banking h2 {
  color: #fff;
  font-size: 48px;
  font-weight: 500;
  line-height: 117%;
}
@media screen and (max-width: 1224px) {
  .main_banking h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .main_banking h2 {
    font-size: 24px;
  }
}
.main_banking .btn_lg {
  min-width: 218px;
  height: 54px;
  line-height: 52px;
  font-size: 24px;
  margin-top: 24px;
  display: inline-block;
}
@media screen and (max-width: 1224px) {
  .main_banking .btn_lg {
    font-size: 18px;
  }
}

@media screen and (max-width: 1224px) {
  .invest_info .section {
    padding: 80px 0;
  }
}
@media screen and (max-width: 767px) {
  .invest_info .section {
    padding: 60px 0;
  }
}
.invest_info .section_container {
  max-width: 1224px;
  margin: auto;
}
@media screen and (max-width: 1224px) {
  .invest_info .section_container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.invest_info .title_section {
  font-weight: 700;
  color: #222;
  font-size: 32px;
  line-height: 1.38;
}
@media screen and (max-width: 1224px) {
  .invest_info .title_section {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .invest_info .title_section {
    font-size: 20px;
  }
}
.invest_info_visual {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  height: 480px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .invest_info_visual {
    margin-top: 0;
    padding: 0;
    height: 300px;
    background: #3b3938;
  }
}
.invest_info_visual h2,
.invest_info_visual .img {
  width: 50%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .invest_info_visual h2,
  .invest_info_visual .img {
    width: 100%;
  }
}
.invest_info_visual .title_section {
  width: 100%;
  max-width: 612px;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-right: 0;
}
@media screen and (max-width: 1224px) {
  .invest_info_visual .title_section {
    max-width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .invest_info_visual .title_section {
    max-width: 100%;
    height: auto;
    position: absolute;
    z-index: 1;
    color: #ffffff;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    left: 0;
  }
}
.invest_info_visual .img {
  background: url("/resources/fo/invest/common/images/img_invest_visual.png") no-repeat center/cover;
}
@media screen and (max-width: 767px) {
  .invest_info_visual .img {
    opacity: 0.5;
  }
}
.invest_info_why {
  padding: 120px 0;
  background: #f8f9fa;
}
.invest_info_why .why_list {
  margin-top: 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}
@media screen and (max-width: 1224px) {
  .invest_info_why .why_list {
    gap: 15px;
  }
}
.invest_info_why .why_list .why_item {
  border: 1px solid #d9d9d9;
  padding: 80px 40px 50px 40px;
  width: calc(33.333333% - 16px);
  background: #ffffff;
  align-self: stretch;
  text-align: center;
}
@media screen and (max-width: 1224px) {
  .invest_info_why .why_list .why_item {
    width: 100%;
    padding: 40px 15px;
  }
}
.invest_info_why .why_list .why_item .icon.icon_01 {
  background-image: url("/resources/fo/loan/common/images/img_loan_why_01.svg");
}
.invest_info_why .why_list .why_item::before {
  content: "";
  width: 120px;
  height: 120px;
  display: block;
  margin: auto;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: contain;
}
@media screen and (max-width: 1224px) {
  .invest_info_why .why_list .why_item::before {
    width: 60px;
    height: 60px;
  }
}
.invest_info_why .why_list .why_item._01::before {
  background-image: url("/resources/fo/invest/common/images/img_invest_why_01.png");
}
.invest_info_why .why_list .why_item._02::before {
  background-image: url("/resources/fo/invest/common/images/img_invest_why_02.png");
}
.invest_info_why .why_list .why_item._03::before {
  background-image: url("/resources/fo/invest/common/images/img_invest_why_03.png");
}
.invest_info_why .why_list .why_item dt {
  color: #fa7300;
  font-size: 20px;
  line-height: 1.2;
  margin-top: 35px;
  font-weight: 700;
}
@media screen and (max-width: 1224px) {
  .invest_info_why .why_list .why_item dt {
    font-size: 22px;
    margin-top: 15px;
  }
  .invest_info_why .why_list .why_item dt br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .invest_info_why .why_list .why_item dt {
    font-size: 18px;
    margin-top: 15px;
  }
}
.invest_info_why .why_list .why_item dd {
  font-weight: 500;
  font-size: 18px;
  line-height: 160%;
  margin-top: 24px;
  color: #5d6369;
}
@media screen and (max-width: 1224px) {
  .invest_info_why .why_list .why_item dd {
    font-size: 16px;
    margin-top: 6px;
  }
}
@media screen and (max-width: 1224px) {
  .invest_info_why .why_list .why_item dd {
    font-size: 14px;
  }
}
.invest_info_productinfo {
  padding: 120px 0;
}
.invest_info_productinfo .section_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.invest_info_productinfo .last {
  text-align: right;
  margin-top: 40px;
  font-weight: 500;
  color: #5d6369;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .invest_info_productinfo .last {
    order: 4;
    margin-top: 10px;
    text-align: center;
  }
}
.invest_info_productinfo .product_desc {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background: #f1f3f5;
  padding: 37px 80px;
  width: 100%;
  border: 1px solid #ececec;
  margin-top: 48px;
}
@media screen and (max-width: 1224px) {
  .invest_info_productinfo .product_desc {
    padding: 25px;
  }
}
@media screen and (max-width: 767px) {
  .invest_info_productinfo .product_desc {
    padding: 15px;
    order: 2;
    margin-top: 20px;
  }
}
.invest_info_productinfo .product_desc .img {
  overflow: hidden;
  width: 260px;
  height: 146px;
}
.invest_info_productinfo .product_desc .img img {
  height: 100%;
}
@media screen and (max-width: 767px) {
  .invest_info_productinfo .product_desc .img {
    width: 100%;
    height: 0;
    padding-bottom: 46%;
    overflow: hidden;
    position: relative;
  }
  .invest_info_productinfo .product_desc .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
  }
}
.invest_info_productinfo .product_desc .desc_txt {
  width: calc(100% - 260px);
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  .invest_info_productinfo .product_desc .desc_txt {
    padding: 0;
    width: 100%;
    margin-top: 15px;
  }
}
.invest_info_productinfo .product_desc .desc_txt dt {
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 1224px) {
  .invest_info_productinfo .product_desc .desc_txt dt {
    font-size: 20px;
  }
}
.invest_info_productinfo .product_desc .desc_txt dd {
  font-size: 20px;
  margin-top: 8px;
  letter-spacing: -0.02em;
  line-height: 1.33;
}
@media screen and (max-width: 1224px) {
  .invest_info_productinfo .product_desc .desc_txt dd {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .invest_info_productinfo .product_desc .desc_txt dd {
    font-size: 14px;
  }
}
.invest_info_productinfo .product_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px 24px;
  margin-top: 48px;
}
@media screen and (max-width: 1224px) {
  .invest_info_productinfo .product_list {
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .invest_info_productinfo .product_list {
    gap: 6px;
  }
}
.invest_info_productinfo .product_list li {
  width: calc(50% - 16px);
  text-align: center;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .invest_info_productinfo .product_list li {
    width: 100%;
  }
}
.invest_info_productinfo .product_list li a {
  display: block;
  border: 1px solid #ececec;
  border-radius: 4px;
  height: 80px;
  background: #ffffff;
  line-height: 80px;
  color: #868e96;
  font-size: 18px;
  transition: 0.3s;
}
@media screen and (max-width: 1224px) {
  .invest_info_productinfo .product_list li a {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
  }
}
.invest_info_productinfo .product_list li a.selected {
  border-color: #fa7300;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  color: #fa7300;
  font-weight: 500;
}
.invest_info_banner {
  background: url("/resources/fo/invest/common/images/img_invest_intro_bg.png") no-repeat center/cover;
  height: 910px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #222;
  margin-top: 80px;
}
@media screen and (max-width: 1224px) {
  .invest_info_banner {
    height: auto;
    padding: 100px 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .invest_info_banner {
    height: auto;
    padding: 60px 0;
  }
}
.invest_info_banner img {
  max-width: 100%;
}
.invest_info_banner h2 {
  font-weight: 700;
  font-size: 40px;
}
@media screen and (max-width: 1224px) {
  .invest_info_banner h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .invest_info_banner h2 {
    font-size: 24px;
  }
}
.invest_info_banner p {
  font-size: 20px;
  margin-top: 4px;
}
@media screen and (max-width: 1224px) {
  .invest_info_banner p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1224px) {
  .invest_info_banner p {
    font-size: 14px;
  }
}
.invest_info_banner img {
  margin-top: 20px;
}

/* 소득적격 페이지 */
.invest_info_banner {
  background: url("/resources/fo/invest/common/images/img_invest_intro_bg.png") no-repeat center/cover;
  height: 910px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #222;
  margin-top: 80px;
}

@media screen and (max-width: 1224px) {
  .invest_info_banner {
    height: auto;
    padding: 100px 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .invest_info_banner {
    height: auto;
    padding: 60px 0;
  }
}
.invest_info_banner img {
  max-width: 100%;
}

.invest_info_banner h2 {
  font-weight: 700;
  font-size: 40px;
}

@media screen and (max-width: 1224px) {
  .invest_info_banner h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .invest_info_banner h2 {
    font-size: 24px;
  }
}
.invest_info_banner p {
  font-size: 20px;
  margin-top: 4px;
}

@media screen and (max-width: 1224px) {
  .invest_info_banner p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .invest_info_banner p {
    font-size: 14px;
  }
}
.invest_info_banner img {
  margin-top: 20px;
}

@media screen and (max-width: 1224px) {
  .invest_type_visual .section {
    padding: 80px 0;
  }
}
@media screen and (max-width: 767px) {
  .invest_type_visual .section {
    padding: 60px 0;
  }
}
.invest_type_visual .section_container {
  max-width: 1119px;
  margin: 70px auto;
}

@media screen and (max-width: 1224px) {
  .invest_type_visual .section_container {
    padding: 24px 0 0 29px;
    margin: 0;
  }
}
.invest_type_visual .img {
  width: 100%;
  height: 100%;
  background: url("/resources/fo/invest/common/images/img_invest_product.png") no-repeat center/cover;
}

@media screen and (max-width: 767px) {
  .invest_type_visual .img {
    background: url("/resources/fo/invest/common/images/img_mb_invest_product.png") no-repeat center/cover;
  }
}
.invest_type_visual {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  height: 380px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .invest_type_visual {
    height: 270px;
  }
}
.invest_type_visual .title_section {
  text-align: unset;
  font-size: 32px;
}

@media screen and (max-width: 767px) {
  .invest_type_visual .title_section {
    font-size: 22px;
  }
}
.invest_type_visual .title_lg {
  margin: 17px 0 45px;
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .invest_type_visual .title_lg {
    font-size: 20px;
  }
}
.invest_type_visual .section_container .btn_orange {
  margin-right: 10px;
}

.invest_type_visual .section_container .btn {
  border-radius: 34px;
}

.invest_type_section .btn_orange a {
  color: #fff;
}

.invest_type_section .btn_outline_orange a {
  color: #fa7300;
}

@media screen and (max-width: 767px) {
  .invest_type_visual .section_container .btn {
    display: none;
  }
}
.invest_type .mb_only {
  display: none;
}

@media screen and (max-width: 767px) {
  .invest_type .mb_only {
    display: block;
    margin: 35px 0 94px;
    border-radius: 34px;
  }
}
@media screen and (max-width: 767px) {
  .invest_type .mb_only:nth-of-type(2) {
    background: #fd8a1e;
    border: #fd8a1e;
  }
}
@media screen and (max-width: 767px) {
  .invest_type .mb_only:last-child {
    margin: 35px 0 54px;
    background: #ffa03a;
    border: #ffa03a;
  }
}
@media screen and (max-width: 767px) {
  .invest_type .pc_only {
    display: none;
  }
}
.invest_type .section_container {
  max-width: 1119px;
  margin: 70px auto;
}

@media screen and (max-width: 767px) {
  .invest_type {
    padding: 0 22px;
  }
}
.invest_type .title_section {
  text-align: unset;
  font-weight: 700;
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .invest_type .title_section {
    font-size: 24px;
  }
}
.invest_type .invest_type_wrap {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .invest_type .invest_type_wrap {
    flex-direction: column;
  }
}
.invest_type .invest_type_box {
  width: 380px;
  height: 672px;
  padding: 15px 10px 0;
}

@media screen and (max-width: 1224px) {
  .invest_type .invest_type_box {
    width: 100%;
    height: auto;
    min-height: 740px;
  }
}
@media screen and (max-width: 767px) {
  .invest_type .invest_type_box {
    width: 100%;
    height: auto;
    min-height: auto;
  }
}
.invest_type_box.personal_pro {
  border-top: 3px solid #fa7330;
  border-bottom: 3px solid #fa7330;
}

.invest_type_box.personal {
  border-top: 3px solid #ffa03a;
  border-bottom: 3px solid #ffa03a;
}

.invest_type_box .title_md {
  margin-left: 20px;
}

.invest_type_box .tbl_body {
  display: flex;
  align-items: center;
}

.invest_type_box .tbl_type_col::before {
  display: none;
}

.invest_type_box.personal_pro .tbl_type_col {
  border-top: 1px solid #fa7300;
  border-bottom: 1px solid #fa7300;
}

.invest_type_box .tbl_type_col th {
  position: relative;
  font-weight: 500;
}

.invest_type_box.personal_pro .tbl_type_col th,
.invest_type_box.personal_pro .tbl_type_col tr {
  background: #fff6ef;
}

.invest_type_box.income .tbl_type_col th,
.invest_type_box.income .tbl_type_col tr {
  background: #fff8f1;
}

.invest_type_box.personal .tbl_type_col th,
.invest_type_box.personal .tbl_type_col tr {
  background: #fffcf9;
}

.invest_type_box .tbl_type_col th,
.invest_type_box .tbl_type_col td {
  font-size: 16px;
  border: none;
}

.invest_type_box .tbl_type_col.bottom .txt_emph {
  font-weight: bold;
}

.invest_type_box .tbl_type_col.top td {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .invest_type_box .tbl_type_col th {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .invest_type_box .tbl_type_col td {
    font-size: 17px;
  }
}
.invest_type_box .tbl_type_col td {
  padding: 19px;
  font-weight: 700;
}

.invest_type_box .tbl_type_col th::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
}

.invest_type_box.personal_pro .tbl_type_col th::before {
  background: #fa7300;
}

.invest_type_box.personal_pro .tbl_type_col th:not(:last-child)::after {
  background: #fa7300;
}

.invest_type_box .tbl_type_col th:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 95%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 120px;
}

.invest_type_box .txt_emph {
  font-size: 16px;
}

.invest_type_box .require_box {
  padding: 18px;
}

@media screen and (max-width: 767px) {
  .invest_type_box .require_box {
    height: auto;
    padding: 18px;
  }
}
@media screen and (max-width: 767px) {
  .invest_type_box .circle_list {
    margin-top: 8px;
  }
}
.invest_type_box .require_box .title_sm {
  margin-top: 10px;
}

.invest_type_box .choice_box {
  padding: 0 18px 10px;
  border-bottom: 1px solid #fa7300;
}

.invest_type_box .list_box {
  padding: 15px 18px 0;
}

.invest_type_box .list_box:last-child {
  padding-top: 0;
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .invest_type_box .list_box:last-child {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .invest_type_box.income .list_box,
  .invest_type_box.personal .list_box {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .invest_type_box .choice_box {
    height: auto;
    padding: 0 20px 13px;
  }
}
.invest_type_box .circle_list li {
  display: flex;
  font-weight: 400;
}

.invest_type_box .circle_list li::before {
  content: "";
  display: flex;
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-right: 5px;
  border-radius: 50%;
  background: #fa7300;
}

.invest_type_box.income .circle_list li::before {
  background: #fd8a1e;
}

.invest_type_box .txt_emph .notice {
  margin-top: 20px;
}

.invest_type_box .tbl_type_col.bottom th,
.invest_type_box .tbl_type_col.bottom td {
  background: #fff;
}

.invest_type_box .tbl_type_col.bottom th:not(:last-child)::after {
  height: 96px;
  top: 115%;
}

.invest_type_box .tbl_type_col.bottom th::before {
  width: 154px;
}

.invest_type_box .tbl_type_col.bottom {
  border-bottom: none;
}

.invest_type_box .tbl_type_col.top {
  margin-top: 15px;
}

.invest_type_box_title {
  padding: 0 18px;
  font-size: 20px;
  font-weight: 800;
}

.invest_type_box.personal_pro .invest_type_box_title,
.invest_type_box.personal_pro .txt_emph.orange {
  color: #fa7300;
}

.invest_type_box .circle_list .txt_emph {
  margin-top: 5px;
}

/* 소득적격 투자자 */
.invest_type_box.income {
  border-top: 3px solid #fd8a1e;
  border-bottom: 3px solid #fd8a1e;
}

.invest_type_box.income .tbl_type_col th:not(:last-child)::after {
  background: #fd8a1e;
}

.invest_type_box.income .tbl_type_col th::before {
  background: #fd8a1e;
}

.invest_type_box.income .tbl_type_col {
  margin-top: 52px;
  border-top: 1px solid #fa7300;
  border-bottom: 1px solid #fa7300;
}

@media screen and (max-width: 767px) {
  .invest_type_box.income .tbl_type_col {
    margin-top: 19px;
  }
}
.invest_type_box.income .invest_type_box_title,
.invest_type_box.income .txt_emph.orange {
  color: #fd8a1e;
}

.invest_type_box.personal .invest_type_box_title,
.invest_type_box.personal .txt_emph.orange {
  color: #ffa03a;
}

@media screen and (max-width: 767px) {
  .invest_type_box.income .require_box {
    padding: 18px 20px 13px;
  }
}
.invest_type_box.income .choice_box {
  padding-top: 15px;
  border-bottom: none;
}

.invest_type_box.income .require_box {
  border-bottom: 1px solid #fd8a1e;
}

.invest_type_box.income .require_box .title_sm {
  margin-top: 5px;
}

.invest_type_box.income .tbl_type_col.bottom th:not(:last-child)::after,
.invest_type_box.personal .tbl_type_col.bottom th:not(:last-child)::after {
  height: 37px;
  top: 60%;
}

@media screen and (max-width: 767px) {
  .invest_type_box.income .tbl_type_col.bottom th:not(:last-child)::after,
  .invest_type_box.personal .tbl_type_col.bottom th:not(:last-child)::after {
    height: 36px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.invest_type_box.income .tbl_type_col.bottom,
.invest_type_box.personal .tbl_type_col.bottom {
  border-bottom: none;
}

.invest_type_box.income .tbl_type_col.bottom th::before,
.invest_type_box.personal .tbl_type_col.bottom th::before {
  display: none;
}

.invest_type_box.income .tbl_type_col.top {
  margin-top: 15px;
}

/* 일반 개인투자자 */
@media screen and (max-width: 767px) {
  .invest_type_box.personal .require_box {
    height: 43px;
  }
}
.invest_type_box.personal {
  border-top: 3px solid #ffa03a;
  border-bottom: 3px solid #ffa03a;
}

.invest_type_box.personal .tbl_type_col th:not(:last-child)::after {
  background: #ffa03a;
}

.invest_type_box.personal .tbl_type_col th::before {
  background: #ffa03a;
}

.invest_type_box.personal .tbl_type_col {
  border-top: 1px solid #ffa03a;
  border-bottom: 1px solid #ffa03a;
}

.invest_type_box.personal .tbl_type_col.bottom {
  border-top: none;
}

.invest_type_box.personal .invest_type_box_title,
.invest_type_box.personal .txt_emph.orange {
  color: #ffa03a;
}

.invest_type_box.personal .invest_type_box_title,
.invest_type_box.personal .txt_emph.orange {
  color: #ffa03a;
}

.invest_type_box.personal .require_box {
  padding: 18px 18px 0;
}

@media screen and (max-width: 767px) {
  .invest_type_box.personal .require_box {
    padding: 10px 18px;
  }
}
.invest_type_box.personal .circle_list li::before {
  background: #ffa03a;
}

/* tooltip */
.invest_type_box .tooltip {
  display: inline-block;
  position: relative;
  margin-bottom: 4px;
}

.invest_type_box .tooltip_text {
  display: none;
  position: absolute;
  top: 30px;
  left: 10px;
  padding: 18px 16px;
  font-size: 14px;
  font-weight: 200;
  line-height: 19px;
  color: #000;
  z-index: 10;
  min-width: 240px;
  height: 95px;
  transform: translateY(-50%);
  transform: translateX(-50%);
  text-align: left;
  word-break: break-all;
  background: #ffffff;
  box-shadow: 0px 1px 10px rgba(250, 115, 0, 0.25);
  border-radius: 7px;
}

@media screen and (max-width: 767px) {
  .invest_type_box .tooltip_text {
    min-width: 165px;
    height: auto;
    left: 12px;
  }
}
.invest_type_box .tooltip_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #ffffff;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
}

.invest_type_box .tooltip:hover .tooltip_text,
.invest_type_box .tooltip:focus .tooltip_text {
  display: block;
  transition-duration: 0.2s;
}

.invest_type .more_info_section {
  width: 720px;
  margin: 100px auto 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .invest_type .more_info_section {
    width: 100%;
    justify-content: space-around;
    margin: 0 auto 30px;
  }
}
.invest_type .more_info_box {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .invest_type .more_info_box {
    flex-direction: column;
  }
}
.invest_type .more_info_box:first-child::after {
  content: "";
  width: 1px;
  height: 75px;
  margin: 0 77px;
  background: #000;
}

@media screen and (max-width: 767px) {
  .invest_type .more_info_box:first-child::after {
    display: none;
  }
}
.invest_type .more_icon {
  margin-right: 28px;
}

@media screen and (max-width: 767px) {
  .invest_type .more_icon {
    margin-right: 0;
  }
}
.invest_type .more_info_text {
  font-size: 18px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .invest_type .text_area {
    margin-top: 11px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .invest_type .more_info_text {
    font-size: 14px;
  }
}
.invest_type .txt_link {
  font-size: 18px;
  font-weight: 500;
  color: #3f006a;
}

@media screen and (max-width: 767px) {
  .invest_type .txt_link {
    font-size: 14px;
  }
}
/* 소득적격투자자 페이지 */
.investor_request {
  padding-top: 60px;
}

@media screen and (max-width: 1224px) {
  .investor_request .container {
    padding: 0 50px;
  }
}
.investor_request .evidence_text {
  margin-left: 240px;
  color: #9ca0a3;
}

@media screen and (max-width: 767px) {
  .investor_request .evidence_text {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .investor_request .container {
    padding: 0 20px;
  }
}
.investor_request .select_wrap {
  width: 68.5%;
}

@media screen and (max-width: 767px) {
  .investor_request .select_wrap {
    width: 100%;
  }
}
.investor_request form {
  width: 100%;
  margin-top: 30px;
}

.investor_request .form_wrap {
  /*   flex-wrap: nowrap; */
  align-items: baseline;
}

@media screen and (max-width: 767px) {
  .investor_request .form_wrap {
    flex-direction: column;
  }
}
.investor_request .form_wrap label {
  font-size: 18px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .investor_request .form_wrap label {
    width: 100%;
  }
}
.investor_request .file_title_wrap {
  display: flex;
  align-items: flex-start;
  width: 30%;
}

@media screen and (max-width: 1224px) {
  .investor_request .form_wrap .input_title {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .investor_request .form_wrap .input_title {
    width: 100%;
  }
}
@media screen and (max-width: 1224px) {
  .investor_request .form_wrap .file_title_wrap label {
    width: 60%;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .investor_request .form_wrap .file_title_wrap label {
    width: auto;
  }
}
.investor_request .chk_wrap .input_chk + label {
  margin-top: 5px;
}

@media screen and (max-width: 1224px) {
  .investor_request .chk_wrap .input_chk + label {
    margin-left: 10px;
  }
}
@media screen and (max-width: 1224px) {
  .investor_request .file_title_wrap {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .investor_request .file_title_wrap {
    width: 100%;
  }
}
.investor_request .file_wrap {
  width: 100%;
  margin-top: 10px;
}

.investor_request .txt_box {
  margin-top: 80px;
  padding: 25px 40px;
}

@media screen and (max-width: 767px) {
  .investor_request .txt_box {
    padding: 20px 15px;
  }
}
.investor_request .txt_box ul:first-child li {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .investor_request .txt_box ul:first-child li {
    font-size: 16px;
  }
}
.investor_request .txt_box ul:last-child li {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .investor_request .txt_box ul:last-child li {
    font-size: 14px;
  }
}
.investor_request .notice_list {
  margin-top: 20px;
}

.area_text {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .investor_request .input_txt {
    width: 100%;
  }
}
.investor_request .apply_btn {
  background: gray;
  border: gray;
}

.investor_request .apply_btn.show {
  background: #fa7300;
  border: #fa7300;
}

/* list */
.cont_list {
  margin: 40px auto 0;
  padding-bottom: 10px;
  width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: top;
}
@media screen and (max-width: 1224px) {
  .cont_list {
    width: 100%;
    padding: 0 15px 10px;
  }
}
.cont_list li {
  width: 480px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1224px) {
  .cont_list li {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  .cont_list li {
    width: 100%;
  }
}
.cont_list li a {
  display: block;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.cont_list li .thumb {
  position: relative;
  overflow: hidden;
}
.cont_list li .thumb img {
  display: block;
  width: 100%;
  transform: scale(1);
  transition: all 0.5s ease-in-out;
}
.cont_list li a:hover {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
}
.cont_list li a:hover img {
  transform: scale(1.1);
}
.cont_list li .info {
  padding: 10px 20px;
}
.cont_list li .info .tit {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cont_list li .info span {
  display: inline-block;
  margin-right: 10px;
}
.cont_list li .info span.press {
  font-weight: 700;
}

.partners_list {
  margin: 40px auto;
  width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
@media screen and (max-width: 1224px) {
  .partners_list {
    margin: 30px auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .partners_list {
    margin: 30px auto;
    width: 100%;
    flex-direction: column;
  }
}
.partners_list li {
  width: 22%;
}
@media screen and (max-width: 767px) {
  .partners_list li {
    width: 50%;
    margin: 15px 0;
  }
}
.partners_list li img {
  display: block;
  width: 100%;
}

.login .btn,
.member .btn {
  border: none;
  flex-grow: 1;
  line-height: 1;
  height: unset;
  border-radius: 0.625rem;
  font-size: 1.063rem;
  font-weight: 600;
  padding: 1rem 0;
}
.login .input_wrap#mobile .select_input_wrap,
.member .input_wrap#mobile .select_input_wrap {
  flex-grow: 1;
  display: flex;
  border-bottom: 0.125rem solid #b9b9b9;
}
.login .input_wrap#mobile .select_input_wrap *,
.member .input_wrap#mobile .select_input_wrap * {
  border: none;
  outline: none;
}
.login .input_wrap#mobile .select_input_wrap .select_wrap,
.member .input_wrap#mobile .select_input_wrap .select_wrap {
  width: -moz-fit-content;
  width: fit-content;
}
.login .input_wrap#mobile .select_input_wrap .select_wrap .select,
.member .input_wrap#mobile .select_input_wrap .select_wrap .select {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  padding: 0 1rem 0 0.5rem;
  background-image: url("/resources/fo/invest/common/images/icons/polygon_down.svg");
  background-size: 10px 10px;
  background-position: right center;
  font-size: 1.063rem;
  font-weight: 600;
}
.login .input_wrap#mobile .select_input_wrap .input_txt,
.member .input_wrap#mobile .select_input_wrap .input_txt {
  padding-left: 1rem;
  font-size: 1rem;
}
@media screen and (max-width: 425px) {
  .login .input_wrap#mobile .select_input_wrap input::-moz-placeholder, .member .input_wrap#mobile .select_input_wrap input::-moz-placeholder {
    font-size: 0.8rem;
  }
  .login .input_wrap#mobile .select_input_wrap .select,
  .login .input_wrap#mobile .select_input_wrap .input_txt,
  .login .input_wrap#mobile .select_input_wrap input::placeholder,
  .member .input_wrap#mobile .select_input_wrap .select,
  .member .input_wrap#mobile .select_input_wrap .input_txt,
  .member .input_wrap#mobile .select_input_wrap input::placeholder {
    font-size: 0.8rem;
  }
  .login .input_wrap#mobile .select_input_wrap .select,
  .member .input_wrap#mobile .select_input_wrap .select {
    padding: 0 1rem 0 0;
  }
  .login .input_wrap#mobile .select_input_wrap .input_txt,
  .member .input_wrap#mobile .select_input_wrap .input_txt {
    padding-left: 0.5rem;
  }
}
.login .select_wrap .select,
.member .select_wrap .select {
  border-radius: 0;
  border: none;
  border-bottom: 0.125rem solid #b9b9b9;
  padding-left: 0.375rem;
  font-size: 1rem;
  font-weight: 600;
  background-position: 98% center;
  background-image: url(/resources/fo/invest/common/images/icons/polygon_down.svg);
}
.login option,
.member option {
  font-weight: 500;
  color: #373737;
}
.login .txt_validate.red,
.member .txt_validate.red {
  margin-left: 0.5rem;
  color: #fa7300;
  font-weight: 600;
  font-size: 0.813rem;
}
.login .input_chk + label,
.member .input_chk + label {
  padding-left: 1.875rem;
}
.login .input_chk + label::before,
.member .input_chk + label::before {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: transparent;
  background-image: url(/resources/fo/invest/common/images/icons/orange_check.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
}
.login .input_chk:checked + label::before,
.member .input_chk:checked + label::before {
  background-color: #fa7300;
  background-image: url(/resources/fo/invest/common/images/icons/white_check.svg);
}
.login input,
.member input {
  border: none;
  border-radius: 0;
  border-bottom: 0.125rem solid #b9b9b9;
  padding-left: 0.375rem;
  font-size: 1rem;
  font-weight: 600;
}
.login input::-moz-placeholder, .member input::-moz-placeholder {
  color: #cecece;
}
.login input::placeholder,
.member input::placeholder {
  color: #cecece;
}
.login input:focus,
.member input:focus {
  border-bottom-color: #fa7300;
}
.login.txt_box,
.member.txt_box {
  padding: 30px 0;
  justify-content: space-around;
}

/* login */
.login {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.login_box {
  width: 540px;
  margin: 40px auto;
  padding: 40px 40px;
  background: #ffffff;
}
.login_box .title_section {
  text-align: center;
  margin-bottom: 30px;
  font-weight: 700;
}
.login_box .title_section img {
  width: 184px;
}
.login_box .tab_list {
  margin-top: 30px;
}
.login_box .tab_list li {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .login_box .tab_list li a {
    padding: 0 10px;
  }
}
.login_box .form_wrap .input_wrap {
  align-items: center;
}
.login_box .form_wrap .input_wrap .timer_wrap {
  width: calc(100% - 150px);
}
.login_box .form_wrap .input_wrap .timer_wrap input {
  width: 100%;
}
.login_box .form_wrap .input_wrap .input_txt {
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .login_box .form_wrap .input_wrap .input_txt {
    width: calc(100% - 150px);
  }
}
.login_box .form_wrap .input_wrap {
  /*    .btn_lg {
    padding: 0 15px;
    margin-bottom: 0;
    font-size: 16px;
    width: 100%;
    max-width: 140px;
    @media screen and (max-width: $breakpointMb) {
      font-size: 14px;
      min-width: 90px;
      padding: 0 5px;
      max-width: 90px;
      height: 50px;
      line-height: 50px;
    }
  } */
}
.login_box .form_wrap + .form_wrap {
  margin-top: 10px;
}
.login_box .btn {
  /*  margin: 10px 0 15px; */
  border-radius: 0.625rem;
}
.login_box .login_bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.login_box .login_bottom ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: right;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .login_box .login_bottom ul {
    width: 100%;
    justify-content: center;
    margin-top: 15px;
  }
}
.login_box .login_bottom ul li {
  position: relative;
  padding: 0 12px 0 13px;
}
.login_box .login_bottom ul li::before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background: #3b3938;
  position: absolute;
  top: 50%;
  left: 0;
}
@media screen and (max-width: 767px) {
  .login_box .login_bottom ul li::before {
    height: 12px;
    margin-top: -6px;
  }
}
.login_box .login_bottom ul li:first-child::before {
  display: none;
}
.login_box .login_bottom .tooltip img {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
}
.login_box .login_bottom .btn_wrap + .btn_wrap {
  margin-top: 12px;
}
.login_box .login_bottom .btn_wrap {
  text-align: left;
  gap: 20px;
}
.login_box .login_bottom .btn_wrap .txt_link {
  min-width: 110px;
  text-align: center;
}
.login_box .btn_wrap {
  margin-top: 20px;
}
.login_box .btn_wrap.line {
  padding-top: 15px;
  margin-top: 30px;
  border-top: 1px solid #d9d9d9;
}
.login_box input {
  border: none;
  border-radius: 0;
  border-bottom: 0.125rem solid #b9b9b9;
  padding-left: 0.375rem;
  font-size: 1rem;
  font-weight: 600;
}
.login_box input::-moz-placeholder {
  color: #cecece;
}
.login_box input::placeholder {
  color: #cecece;
}
.login_box input:focus {
  border-bottom-color: #fa7300;
}
@media screen and (max-width: 767px) {
  .login_box {
    width: 90vw;
    margin: 80px auto;
    padding: 40px 15px;
  }
}
@media screen and (max-width: 425px) {
  .login_box {
    width: unset;
  }
}
.login_box.find {
  width: auto;
  max-width: 880px;
  margin: 80px auto;
  padding: 40px 60px;
}
.login_box.find form + form {
  margin-top: 40px;
}
.login_box.find p {
  margin: 10px 0;
  text-align: left;
}
.login_box.find .input_wrap .input_txt {
  width: auto;
}
.login_box.find .input_wrap .regi_numb {
  width: 70%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-left: 10px;
}
.login_box.find .input_wrap .regi_numb .input_txt {
  margin: 0;
}
.login_box.find .input_wrap .expand {
  flex-grow: 1;
}
.login_box.find .input_wrap .btn {
  margin: 0 0 0 10px;
  font-size: 16px;
  height: 56px;
}
@media screen and (max-width: 1224px) {
  .login_box.find {
    max-width: 90vw;
  }
}
@media screen and (max-width: 767px) {
  .login_box.find {
    max-width: 90vw;
    margin: 40px auto 80px;
    padding: 40px 15px;
  }
  .login_box.find .input_wrap {
    flex-wrap: wrap;
  }
  .login_box.find .input_wrap .input_txt {
    margin-right: 0;
  }
  .login_box.find .input_wrap .regi_numb {
    width: 100%;
    margin: 10px 0 0 0;
  }
  .login_box.find .input_wrap .btn {
    width: 100%;
    margin: 10px 0 0;
  }
}
.login .form_wrap {
  justify-content: flex-start;
  margin-top: 1.5rem;
}
.login .form_wrap fieldset {
  margin: auto;
}
.login .form_wrap label {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  font-size: 0.813rem;
}
.login .form_wrap input {
  width: 100%;
  border: none;
  border-radius: 0;
  border-bottom: 0.125rem solid #b9b9b9;
  padding-left: 0.375rem;
  font-size: 1rem;
  font-weight: 600;
}
.login .form_wrap input::-moz-placeholder {
  color: #cecece;
}
.login .form_wrap input::placeholder {
  color: #cecece;
}
.login .form_wrap input:focus {
  border-bottom-color: #fa7300;
}
.login .form_wrap.txt_box {
  padding: 30px 0;
  justify-content: space-around;
}
.login .form_wrap.nation .input_wrap {
  justify-content: left;
}
.login .form_wrap.nation .input_wrap .select_wrap {
  margin-right: 15px;
  width: 50%;
}
.login .form_wrap.nation .input_wrap > span {
  font-size: 16px;
}
.login .form_wrap .chk_mvn {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
  display: none;
}
.login .form_wrap .chk_mvn.show {
  display: flex;
}
.login .form_wrap .chk_mvn .chk_wrap {
  max-width: calc(100% - 90px);
}
.login .form_wrap + .title_md {
  margin-top: 40px;
}
.login .input_wrap#mobile .select_input_wrap {
  flex-grow: 1;
  display: flex;
  border-bottom: 0.125rem solid #b9b9b9;
}
.login .input_wrap#mobile .select_input_wrap * {
  border: none;
  outline: none;
}
.login .input_wrap#mobile .select_input_wrap .select_wrap {
  width: -moz-fit-content;
  width: fit-content;
}
.login .input_wrap#mobile .select_input_wrap .select_wrap .select {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  padding: 0 1rem 0 0.5rem;
  background-image: url("/resources/fo/invest/common/images/icons/polygon_down.svg");
  background-size: 10px 10px;
  background-position: right center;
  font-size: 1.063rem;
  font-weight: 600;
}
.login .input_wrap#mobile .select_input_wrap .input_txt {
  padding-left: 1rem;
  font-size: 1rem;
}
@media screen and (max-width: 425px) {
  .login .input_wrap#mobile .select_input_wrap input::-moz-placeholder {
    font-size: 0.8rem;
  }
  .login .input_wrap#mobile .select_input_wrap .select,
  .login .input_wrap#mobile .select_input_wrap .input_txt,
  .login .input_wrap#mobile .select_input_wrap input::placeholder {
    font-size: 0.8rem;
  }
  .login .input_wrap#mobile .select_input_wrap .select {
    padding: 0 1rem 0 0;
  }
  .login .input_wrap#mobile .select_input_wrap .input_txt {
    padding-left: 0.5rem;
  }
}
.login .input_wrap.filebox .input_txt {
  width: calc(100% - 155px);
}
.login .input_wrap .input_txt {
  flex-grow: 1;
  width: 100%;
}
.login .input_wrap .input_txt + .btn_lg {
  flex: none;
}
.login .input_wrap .btn_lg {
  border-radius: 0.5rem;
  width: 6.25rem;
  padding: 0.5rem 0;
  height: unset;
  line-height: unset;
  font-size: 0.875rem;
  color: #ffffff;
  background-color: #fa7300;
  border: none;
  font-weight: 500;
}
.login .chk_all_wrap .chk_wrap.chk_all {
  font-size: 1.063rem;
  font-size: 600;
  margin-bottom: 1rem;
}
.login .chk_all_wrap .chk_wrap.chk_all .input_chk + label::before {
  background-size: auto;
}
.login .chk_all_wrap .chk_wrap.chk_category {
  display: flex;
  justify-content: space-between;
}
.login .chk_all_wrap .chk_wrap.chk_category label {
  font-size: 0.938rem;
  font-weight: 600;
}
.login .chk_all_wrap .chk_wrap.chk_category button.accordion-toggle {
  cursor: pointer;
  font-size: 0;
  width: 0.625rem;
  background: url("/resources/fo/invest/common/images/icons/polygon_down.svg") center no-repeat;
  transition: transform 0.3s ease;
}
.login .chk_all_wrap .chk_wrap.chk_category button.accordion-toggle.rotated {
  transform: rotate(-180deg);
}
.login .chk_all_wrap .chk_wrap {
  /*       .input_chk + label {
    $chk_size: 1.5rem;
    padding-left: calc($chk_size * 1.25);
    &::before {
      width: $chk_size;
      height: $chk_size;
      border-radius: 50%;
      background-color: transparent;
      background-image: url(/resources/fo/invest/common/images/icons/orange_check.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 1rem;
    }
  }
  .input_chk:checked + label::before {
    background-color: $pumpkin;
    background-image: url(/resources/fo/invest/common/images/icons/white_check.svg);
  } */
}
.login .chk_all_wrap .checkbox_group_container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.login .chk_all_wrap .checkbox_group_container .checkbox_group .chk_list {
  display: flex;
  flex-direction: column;
  margin: 0rem 0;
  padding-top: unset;
  gap: 0.6rem;
  transition: all 0.3s ease;
}
.login .chk_all_wrap .checkbox_group_container .checkbox_group .chk_list li {
  margin-top: unset;
  align-items: center;
}
.login .chk_all_wrap .checkbox_group_container .checkbox_group .chk_list li .chk_wrap {
  color: #7a7a7a;
  font-weight: 600;
}
.login .chk_all_wrap .checkbox_group_container .checkbox_group .chk_list li .chk_wrap label::before {
  display: none;
}
.login .chk_all_wrap .checkbox_group_container .checkbox_group .chk_list li .btn {
  color: #a2a2a2;
  flex-grow: unset;
  padding: unset;
  font-size: 0.813rem;
  font-weight: 600;
  text-decoration: underline;
}
.login .select_wrap .select {
  border-radius: 0;
  border: none;
  border-bottom: 0.125rem solid #b9b9b9;
  padding-left: 0.375rem;
  font-size: 1rem;
  font-weight: 600;
  background-position: 98% center;
  background-image: url(/resources/fo/invest/common/images/icons/polygon_down.svg);
}

/* member */
.member .btn {
  border: none;
  flex-grow: 1;
  line-height: 1;
  height: unset;
  border-radius: 0.625rem;
  font-size: 1.063rem;
  font-weight: 600;
  padding: 1rem 0;
}
.member .container {
  padding: 40px 0;
  text-align: center;
}
.member .container .title_step:after {
  display: none;
}
.member .container .title_step .step_container {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}
.member .container .title_step .step_container .dot {
  aspect-ratio: 1/1;
  line-height: initial;
  border-radius: 50%;
  width: 0.563rem;
  background-color: #e7e7e7;
}
.member .container .title_step .step_container .dot#current {
  display: grid;
  place-items: center;
  background-color: #fa7300;
  color: #ffffff;
  width: 0.938rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.member .container .title_section {
  max-width: 480px;
  margin-bottom: 30px;
  font-weight: 700;
  line-height: unset;
  height: unset;
  font-size: 1.875rem;
  margin-top: 1.5rem;
}
.member .container article > p {
  margin: 40px 0;
  font-size: 18px;
}
.member .container article > p .sub_desc {
  font-size: 16px;
}
.member .container article > p .sub_desc a {
  margin-left: 10px;
}
.member .container article > p .sub_desc a::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  margin-top: -2px;
  vertical-align: middle;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #3a5997;
  transform: rotate(45deg);
  margin-left: 0;
}
.member .container article .join_btn_wrap {
  padding-top: 240px;
  background: url(/resources/fo/invest/common/images/img_signup_private.png) no-repeat 50% 40px/220px auto;
}
.member .container article.join {
  max-width: 38.75rem;
  margin: 0 auto;
}
.member .container article.join.user .btn_wrap {
  margin-top: 30px;
  margin-bottom: 0;
  justify-content: center;
}
.member .container article.join.user .btn_wrap#selectType {
  margin-top: 7.5rem;
  justify-content: center;
  gap: 0.5rem;
}
.member .container article.join.user .btn_wrap#selectType .btn {
  position: relative;
  border-radius: 0.625rem;
  border: 1px solid #ececec;
  max-width: 13.5rem;
  aspect-ratio: 1/1;
  display: grid;
  place-content: center;
}
.member .container article.join.user .btn_wrap#selectType .btn img {
  width: 4.75rem;
}
.member .container article.join.user .btn_wrap#selectType .btn p {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  font-size: 0.938rem;
  font-weight: 600;
  transform: translateX(-50%);
  margin-top: 2.375rem;
}
.member .container article.join.user .btn_wrap#logIn {
  margin-top: 7.5rem;
}
.member .container article.join.user .btn_wrap#logIn .btn {
  max-width: 13.75rem;
}
@media screen and (max-width: 767px) {
  .member .container article.join.user .btn_wrap {
    flex-wrap: wrap;
  }
  .member .container article.join.user .btn_wrap .btn {
    width: 100%;
    max-width: 100%;
    margin-top: 5px;
  }
}
@media screen and (max-width: 425px) {
  .member .container article.join.user .btn_wrap#selectType .btn {
    margin-top: unset;
    max-width: 10.75rem;
  }
  .member .container article.join.user .btn_wrap#selectType .btn img {
    width: 3.875rem;
  }
  .member .container article.join.user .btn_wrap#selectType .btn p {
    bottom: 1.125rem;
  }
}
.member .container article.join.user .first#selectType {
  font-size: 0.938rem;
  font-weight: 600;
  color: #7a7a7a;
}
.member .container article.join .title_lg {
  margin-top: 10px;
  text-align: center;
}
.member .container article.join > p {
  margin: 20px 0;
  font-size: 16px;
}
.member .container article.join > p.first {
  margin-top: 0;
}
.member .container article.join .tab_list li {
  width: 50%;
}
.member .container article.join .form_wrap {
  justify-content: flex-start;
  margin-top: 1.5rem;
}
.member .container article.join .form_wrap fieldset {
  margin: auto;
}
.member .container article.join .form_wrap label {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  font-size: 0.813rem;
}
.member .container article.join .form_wrap .txt_validate.red {
  margin-left: 0.5rem;
  color: #fa7300;
  font-weight: 600;
  font-size: 0.813rem;
}
.member .container article.join .form_wrap input {
  border: none;
  border-radius: 0;
  border-bottom: 0.125rem solid #b9b9b9;
  padding-left: 0.375rem;
  font-size: 1rem;
  font-weight: 600;
}
.member .container article.join .form_wrap input::-moz-placeholder {
  color: #cecece;
}
.member .container article.join .form_wrap input::placeholder {
  color: #cecece;
}
.member .container article.join .form_wrap input:focus {
  border-bottom-color: #fa7300;
}
.member .container article.join .form_wrap.txt_box {
  padding: 30px 0;
  justify-content: space-around;
}
.member .container article.join .form_wrap.nation .input_wrap {
  justify-content: left;
}
.member .container article.join .form_wrap.nation .input_wrap .select_wrap {
  margin-right: 15px;
  width: 50%;
}
.member .container article.join .form_wrap.nation .input_wrap > span {
  font-size: 16px;
}
.member .container article.join .form_wrap .chk_mvn {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
  display: none;
}
.member .container article.join .form_wrap .chk_mvn.show {
  display: flex;
}
.member .container article.join .form_wrap .chk_mvn .chk_wrap {
  max-width: calc(100% - 90px);
}
.member .container article.join .form_wrap + .title_md {
  margin-top: 40px;
}
.member .container article.join .input_wrap.filebox .input_txt {
  width: calc(100% - 155px);
}
.member .container article.join .input_wrap .input_txt {
  flex-grow: 1;
  width: 100%;
}
.member .container article.join .input_wrap .input_txt + .btn_lg {
  flex: none;
}
.member .container article.join .input_wrap .btn_lg {
  border-radius: 0.5rem;
  width: 6.25rem;
  /* padding: 0 $gutter; */
  padding: 0.5rem 0;
  height: unset;
  line-height: unset;
  font-size: 0.875rem;
  color: #ffffff;
  background-color: #fa7300;
  border: none;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .member .container article.join .input_wrap .btn_lg {
    font-size: 14px;
  }
}
.member .container article.join .input_wrap#mobile .select_input_wrap {
  flex-grow: 1;
  display: flex;
  border-bottom: 0.125rem solid #b9b9b9;
}
.member .container article.join .input_wrap#mobile .select_input_wrap * {
  border: none;
  outline: none;
}
.member .container article.join .input_wrap#mobile .select_input_wrap .select_wrap {
  width: -moz-fit-content;
  width: fit-content;
}
.member .container article.join .input_wrap#mobile .select_input_wrap .select_wrap .select {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  padding: 0 1rem 0 0.5rem;
  background-image: url("/resources/fo/invest/common/images/icons/polygon_down.svg");
  background-size: 10px 10px;
  background-position: right center;
  font-size: 1.063rem;
  font-weight: 600;
}
.member .container article.join .input_wrap#mobile .select_input_wrap .input_txt {
  padding-left: 1rem;
  font-size: 1rem;
}
@media screen and (max-width: 425px) {
  .member .container article.join .input_wrap#mobile .select_input_wrap input::-moz-placeholder {
    font-size: 0.8rem;
  }
  .member .container article.join .input_wrap#mobile .select_input_wrap .select,
  .member .container article.join .input_wrap#mobile .select_input_wrap .input_txt,
  .member .container article.join .input_wrap#mobile .select_input_wrap input::placeholder {
    font-size: 0.8rem;
  }
  .member .container article.join .input_wrap#mobile .select_input_wrap .select {
    padding: 0 1rem 0 0;
  }
  .member .container article.join .input_wrap#mobile .select_input_wrap .input_txt {
    padding-left: 0.5rem;
  }
}
.member .container article.join .chk_all_wrap .chk_wrap.chk_all {
  font-size: 1.063rem;
  font-size: 600;
  margin-bottom: 1rem;
}
.member .container article.join .chk_all_wrap .chk_wrap.chk_all .input_chk + label::before {
  background-size: auto;
}
.member .container article.join .chk_all_wrap .chk_wrap.chk_category {
  display: flex;
  justify-content: space-between;
}
.member .container article.join .chk_all_wrap .chk_wrap.chk_category label {
  font-size: 0.938rem;
  font-weight: 600;
}
.member .container article.join .chk_all_wrap .chk_wrap.chk_category button.accordion-toggle {
  cursor: pointer;
  font-size: 0;
  width: 0.625rem;
  background: url("/resources/fo/invest/common/images/icons/polygon_down.svg") center no-repeat;
  transition: transform 0.3s ease;
}
.member .container article.join .chk_all_wrap .chk_wrap.chk_category button.accordion-toggle.rotated {
  transform: rotate(-180deg);
}
.member .container article.join .chk_all_wrap .chk_wrap .input_chk + label {
  padding-left: 1.875rem;
}
.member .container article.join .chk_all_wrap .chk_wrap .input_chk + label::before {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: transparent;
  background-image: url(/resources/fo/invest/common/images/icons/orange_check.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
}
.member .container article.join .chk_all_wrap .chk_wrap .input_chk:checked + label::before {
  background-color: #fa7300;
  background-image: url(/resources/fo/invest/common/images/icons/white_check.svg);
}
.member .container article.join .chk_all_wrap .checkbox_group_container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.member .container article.join .chk_all_wrap .checkbox_group_container .checkbox_group .chk_list {
  display: flex;
  flex-direction: column;
  margin: 0rem 0;
  padding-top: unset;
  gap: 0.6rem;
  transition: all 0.3s ease;
}
.member .container article.join .chk_all_wrap .checkbox_group_container .checkbox_group .chk_list li {
  margin-top: unset;
  align-items: center;
}
.member .container article.join .chk_all_wrap .checkbox_group_container .checkbox_group .chk_list li .chk_wrap {
  color: #7a7a7a;
  font-weight: 600;
  /*     label::before {
    display: none;
  } */
}
.member .container article.join .chk_all_wrap .checkbox_group_container .checkbox_group .chk_list li .btn {
  color: #a2a2a2;
  flex-grow: unset;
  padding: unset;
  font-size: 0.813rem;
  font-weight: 600;
  text-decoration: underline;
}
.member .container article.join .select_wrap .select {
  border-radius: 0;
  border: none;
  border-bottom: 0.125rem solid #b9b9b9;
  padding-left: 0.375rem;
  font-size: 1rem;
  font-weight: 600;
  background-position: 98% center;
  background-image: url(/resources/fo/invest/common/images/icons/polygon_down.svg);
}
.chk_all_wrap {
  margin: 30px 0;
}

.chk_wrap.chk_all {
  position: relative;
  padding-right: 30px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.chk_wrap.chk_all label span {
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
  font-weight: normal;
}
.chk_wrap.chk_all .txt_validate {
  width: 100%;
  flex-grow: 1;
  text-align: right;
  margin: 0 5px;
}
.chk_wrap.chk_all .btn_terms_tgl {
  display: block;
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  margin-top: -2px;
  vertical-align: middle;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #fa7300;
  transform: rotate(135deg);
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 5px;
  margin: 0;
}
.chk_wrap.chk_all .btn_terms_tgl.active {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  margin-top: -2px;
  vertical-align: middle;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #fa7300;
  transform: rotate(-45deg);
  bottom: 2px;
}

.chk_list {
  margin-top: 15px;
  padding-top: 15px;
}
.chk_list li {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: top;
  margin-top: 15px;
}
.chk_list li:first-child {
  margin-top: 0;
}
.chk_list li .btn {
  min-width: 64px;
}
@media screen and (max-width: 767px) {
  .chk_list li .btn {
    min-width: 73px;
    font-size: 12px;
    padding: 0;
  }
}
.chk_list li.chk_marketing {
  flex-wrap: wrap;
}
.chk_list li.chk_marketing .chk_wrap.marketing_all {
  max-width: calc(100% - 90px);
}
.chk_list li.chk_marketing p {
  padding-left: 28px;
  margin-top: 5px;
  text-align: left;
}
.chk_list li.chk_marketing .chk_list {
  padding-top: 0;
  margin-top: 10px;
  margin-bottom: 15px;
  border: none;
}
.chk_list li.chk_marketing .chk_list li {
  padding-left: 28px;
}
.chk_list li.chk_marketing .chk_list li .chk_wrap {
  margin-right: 20px;
}

.member .container article.join .chk_list {
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
  max-height: 0;
}
.member .container article.join .chk_list.open {
  max-height: 500px; /* Adjust as necessary based on content size */
}
.member .container article.join .bul_list {
  margin: 15px 0;
}
.member .container article.join .info_documents .bul_list {
  margin: 0;
}
.member .container article.join .info_documents .bul_list li {
  margin-top: 5px;
  color: #5d6369;
}
.member .container article.join .info_documents .bul_list li::before {
  background: #5d6369;
}
.member .container article.join .info_documents .bul_list li .btn {
  margin-left: 10px;
}
.member .container article.join .info_documents .bul_list + .title_sm {
  margin-top: 20px;
}
.member .container article.join .info_documents + .dash_list {
  margin-top: 15px;
}
.member .container article.join .auto_issued_list li {
  margin-top: 5px;
  padding: 10px 25px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.member .container article.join .auto_issued_list li:first-child {
  margin-top: 0;
}
.member .container article.join .auto_issued_list li .title_sm {
  margin: 0;
}
.member .container article.join .edd_info_guide {
  margin-top: 25px;
  text-align: left;
}
.member .container article.join .edd_info_guide strong {
  font-size: 18px;
}
.member .container article.join .edd_info_guide .numb_list {
  margin: 25px auto 0;
}
.member .container article.join .edd_info_guide .numb_list li {
  margin-top: 15px;
}
.member .container article.join .phone_dash {
  margin: 0 4px;
}
.member .container article.join .btn_wrap {
  margin-top: 30px;
}
.member .container article.join .btn_wrap .btn {
  /*    max-width: 49%; */
  flex-grow: 1;
}
@media screen and (max-width: 425px) {
  .member .container article.join .btn_wrap .btn {
    max-width: 100%;
  }
}
.member .container article.join .btn_wrap .btn_chk_required {
  width: 49%;
}
.member .container article.join .btn_wrap .btn_chk_required .btn {
  max-width: 100%;
  width: 100%;
}
.member .container article.join .more_info + .btn,
.member .container article.join .more_info .title_md {
  margin-top: 30px;
}
.member .container article.join.finish .deposit_info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.member .container article.join.finish .deposit_info * {
  display: inline-block;
  margin: 0 10px;
}
.member .container article.join.finish .deposit_info h3 {
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #c6c6c6;
  font-size: 20px;
  font-weight: 700;
}
.member .container article.join.finish .deposit_info input {
  padding-top: 4px;
  max-width: 140px;
  border: none;
  font-size: 18px;
  line-height: 1.2;
  vertical-align: middle;
  font-weight: 700;
  background: #f7f7f7;
}
.member .container article.join.finish .deposit_info input#copy_cont {
  margin: 0;
  max-width: 150px;
}
.member .container article.join.finish .deposit_info span {
  font-weight: 700;
}
.member .container article.join.finish .deposit_info + .tbl_type_row {
  margin: 30px 0;
}
.member .container article.join.finish .deposit_info + .tbl_type_row .bul_list {
  margin: 0;
}
.member .container article.join.finish .txt_link {
  margin-top: 40px;
}
.member .container article.join.finish.end {
  padding-top: 150px !important;
  background: #ffffff url("/resources/fo/invest/common/images/icons/icon_join_finish.png") no-repeat 50% 40px/auto 92px !important;
}
.member .container article.join.expand_limit .title_md {
  margin-top: 40px;
}
.member .container article.join.expand_limit .tbl_type_row {
  margin: 5px 0 15px;
}
.member .container article.join.expand_limit .tbl_type_row h4 {
  margin: 10px 0 0;
  font-weight: 700;
}
.member .container article.join.expand_limit .tbl_type_row .bul_list {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .member .container article.join.end > p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .member .container {
    padding: 40px 15px 80px;
  }
  .member .container .title_step {
    margin: auto;
  }
  .member .container .title_section {
    font-size: 1.5rem;
    margin-top: 1rem;
  }
  .member .container article > p {
    margin: 20px 0;
    font-size: 16px;
  }
  .member .container article.join {
    max-width: initial;
  }
  .member .container article.join .form_wrap .input_wrap {
    max-width: calc(100vw - 30px);
  }
  .member .container article.join .form_wrap .input_wrap .input_txt {
    width: calc(100% - 55px);
  }
  .member .container article.join .chk_all_wrap {
    margin: 20px 0;
  }
}
.member .join_find {
  margin-top: 10px;
  margin-bottom: 20px;
}
.member .join_find ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.member .join_find ul li {
  position: relative;
}
.member .join_find ul li:first-child::after {
  content: "";
  width: 1px;
  height: 12px;
  background: #3b3938;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.member.member_re {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.member.member_re .join.txt_box {
  background-color: #fff;
  max-width: initial;
  max-width: 570px;
  margin: 20px auto;
  padding: 40px 40px;
  border: 1px solid #d9d9d9;
}
@media screen and (max-width: 767px) {
  .member.member_re .join.txt_box {
    padding: 20px;
  }
}
.member.member_re .join.txt_box .bul_list {
  margin-bottom: 0;
}
.member.member_re .join.txt_box .title_lg + p.first {
  font-size: 14px;
}
.member.member_re .txt_box.error {
  max-width: 800px;
  font-size: 16px;
  line-height: 150%;
  padding: 44px 105px;
  word-break: keep-all;
}
@media screen and (max-width: 767px) {
  .member.member_re .txt_box.error {
    padding: 20px;
  }
}
.member.member_re .error_contact {
  text-align: center;
  font-size: 15px;
}
.member.member_re .join.expand_limit .btn + .txt_link {
  margin-top: 40px;
}
.member.member_re .title_section {
  font-weight: 700;
}
.member.member_re .title_section + p {
  font-size: 15px;
}
.member.member_re #wrt_social_numb_f,
.member.member_re #wrt_social_numb_b {
  width: calc(50% - 8px);
}

.modal_cont .txt_box.info_documents {
  margin-top: 15px;
  padding: 20px;
}
.modal_cont .txt_box.info_documents .bul_list {
  margin: 0;
}
.modal_cont .txt_box.info_documents .bul_list li {
  margin-top: 5px;
  color: #5d6369;
}
.modal_cont .txt_box.info_documents .bul_list li::before {
  background: #5d6369;
}
.modal_cont .txt_box.info_documents .bul_list li .btn {
  margin-left: 10px;
}
.modal_cont .txt_box.info_documents .bul_list + .title_sm {
  margin-top: 20px;
}
.modal_cont .txt_box.info_documents + .dash_list {
  margin-top: 15px;
}

/* product */
.product {
  padding: 60px 0 0 0;
}
.product .section {
  padding: 40px 0;
}
.product .section .container {
  max-width: 1000px;
  min-height: 21.875rem;
}
.product .section .title_lg {
  padding-left: 10px;
  width: 100%;
  font-weight: 700;
}
.product .section .no_item {
  text-align: center;
  position: absolute;
  width: min(100%, 100vw);
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  line-height: 1.8;
  z-index: 0;
}
.product .section .filter {
  padding: 0 10px;
}
.product .section .no_result {
  min-height: 400px;
  text-align: center;
  font-size: 24px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.product .slick-dots {
  bottom: -25px;
}
.product .slick-arrow {
  width: 60px;
  height: 60px;
  background: #ececec;
  border-radius: 100%;
  margin-top: -50px;
  padding: 0;
}
.product .slick-arrow::before {
  border-color: #ffffff;
  width: 25px;
  height: 25px;
}
.product .slick-arrow.slick-prev {
  left: -96px;
}
.product .slick-arrow.slick-prev::before {
  margin-left: 10px;
}
.product .slick-arrow.slick-next {
  right: -96px;
}
.product .slick-arrow.slick-next::before {
  margin-right: 10px;
}
@media screen and (max-width: 1224px) {
  .product {
    padding: 40px 0;
  }
  .product .section .filter {
    width: 60px;
  }
  .product .section .no_item {
    font-size: 1rem;
  }
  .product .section .no_result {
    font-size: 20px;
  }
}
.product .all_products {
  overflow: auto;
  margin-bottom: -40px;
}
.product .all_products .container {
  max-width: 1000px;
  width: 100%;
}
.product .all_products .title_wrap {
  width: 100%;
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
}
.product .all_products .title_wrap .title_top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product .all_products .title_wrap .title_top h3 {
  font-weight: 700;
  font-size: 1.875rem;
}
.product .all_products .title_wrap .title_top .search_bar_wrap {
  margin-top: 1.125rem;
  display: flex;
  justify-content: flex-end;
}
.product .all_products .title_wrap .title_top .search_bar_wrap input {
  font-family: "Pretendard";
  width: 21.875rem;
  font-size: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.225rem;
  background-color: #ffffff;
  border: 0.063rem solid #dddee1;
  outline: none;
}
.product .all_products .title_wrap .title_top .search_bar_wrap input::-moz-placeholder {
  color: #b9b9b9;
}
.product .all_products .title_wrap .title_top .search_bar_wrap input::placeholder {
  color: #b9b9b9;
}
.product .all_products .title_wrap .title_top .search_bar_wrap button {
  font-size: 0.75rem;
  padding: 0.5rem 0.875rem;
  background-color: #ffffff;
  border: 0.063rem solid #dddee1;
  border-radius: 0.225rem;
  margin-left: 0.625rem;
}
.product .all_products .title_wrap .title_bottom {
  margin-top: 2.125rem;
  margin-bottom: 0.938rem;
  width: 100%;
}
.product .all_products .title_wrap .filter {
  padding: 0;
  border: 0.063rem solid #dddee1;
  background-color: #ffffff;
  border-radius: 0.833rem;
  overflow: hidden;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  width: 100%;
}
.product .all_products .title_wrap .filter > * {
  height: 5.188rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 0.063rem solid #dddee1;
  padding: 1rem;
}
.product .all_products .title_wrap .filter > *:last-child {
  border-right: none;
}
.product .all_products .title_wrap .filter > * h4 {
  font-size: 1.042rem;
  font-weight: 600;
}
.product .all_products .title_wrap .filter > * select {
  margin-top: 0.25rem;
  border-radius: 0.375rem;
  font-size: 0.726rem;
  padding: 0.415rem;
  font-weight: 700;
  color: #595959;
  border: 0.063rem solid #dddee1;
}
.product .all_products .title_wrap .filter > * label {
  display: none;
}
.product .all_products .title_wrap .filter > * .btn_container {
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}
.product .all_products .title_wrap .filter > * .btn_container button {
  width: 1.042rem;
  height: 1.042rem;
  border-radius: 0.208rem;
  display: grid;
  place-content: center;
}
.product .all_products .title_wrap .filter > * .btn_container button img {
  width: 0.5rem;
}
.product .all_products .title_wrap .filter > * .btn_container #lowest {
  background-color: #a9cbff;
}
.product .all_products .title_wrap .filter > * .btn_container #highest {
  background-color: #ffadad;
}
.product .all_products .title_wrap .filter > *#status {
  /*  width: 10%; */
  width: 7.5rem;
}
.product .all_products .title_wrap .filter > *#category {
  /* width: 14%; */
  width: 9.625rem;
}
.product .all_products .title_wrap .filter > *#name {
  width: 26%;
}
.product .all_products .title_wrap .filter > *#return {
  width: 8%;
  align-items: center;
  justify-content: space-between;
}
.product .all_products .title_wrap .filter > *#duration {
  width: 10%;
  align-items: center;
  justify-content: space-between;
}
.product .all_products .title_wrap .filter > *#amount {
  width: 17%;
  justify-content: space-between;
}
.product .all_products .title_wrap .filter > *#progress {
  width: 15%;
}
.product .all_products .item_list {
  display: flex;
  flex-direction: column;
  gap: 0.938rem;
}
.product .all_products .pagination_container {
  margin: 2.063rem 0 9rem 0;
}
.product .all_products .pagination_container nav > li {
  list-style: none;
  font-size: 0;
  margin: 0 0.188rem;
}
.product .all_products .pagination_container nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product .all_products .pagination_container nav .pagination {
  margin: 0 0.875rem;
  font-size: 0.625rem;
  gap: 0.5rem;
}
.product .all_products .pagination_container nav .pagination li > a {
  width: 1.25rem;
  aspect-ratio: 1/1;
  display: grid;
  place-content: center;
  border-radius: 0.104rem;
}
.product .all_products .pagination_container nav .pagination li > a.active {
  background-color: #fa7300;
  color: #ffffff;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .product .all_products {
    padding: 0 1.328rem;
  }
  .product .all_products .title_wrap .title_top {
    flex-direction: column;
    align-items: flex-start;
  }
  .product .all_products .title_wrap .title_top .search_bar_wrap {
    width: 100%;
    margin-top: 1.875rem;
    border-bottom: 0.125rem solid #fa7300;
    border-bottom-color: #fa7300;
  }
  .product .all_products .title_wrap .title_top .search_bar_wrap input {
    width: 100%;
    border: none;
    outline: none;
    border-radius: 0;
    flex: 1;
    padding: 1.125rem 0.375rem;
    font-size: 1rem;
    font-weight: 600;
    background-color: transparent;
  }
  .product .all_products .title_wrap .title_top .search_bar_wrap button {
    font-size: 0;
    width: 1.625rem;
    margin-right: 1.109rem;
    border: none;
    background: transparent url("/resources/fo/invest/common/images/icons/magnifier_line.svg") center no-repeat;
  }
  .product .all_products .title_wrap .filter {
    display: none;
  }
}

/* 진행상황 바 */
.proceeding_bar_wrap {
  position: relative;
}
.proceeding_bar_wrap .proceeding_bar {
  width: 100%;
  height: 8px;
  background: #ffffff;
  overflow: hidden;
}
.proceeding_bar_wrap .proceeding_bar .bar_active {
  display: block;
  height: 8px;
  width: 0;
  background: #3b3938;
}
.proceeding_bar_wrap .proceeding_percent {
  margin-top: 0;
  margin-right: -10px;
  text-align: right;
  font-size: 18px;
}
.proceeding_bar_wrap .proceeding_percent strong {
  font-size: 20px;
  font-weight: 700;
  color: #3b3938;
}
@media screen and (max-width: 767px) {
  .proceeding_bar_wrap .proceeding_percent {
    margin-right: -20px;
  }
}

.realty .product_detail_top .proceeding_bar_wrap .proceeding_bar .bar_active,
.item.realty .proceeding_bar_wrap .proceeding_bar .bar_active {
  background: #fa7300;
}
.realty .product_detail_top .proceeding_bar_wrap .proceeding_percent,
.realty .product_detail_top .proceeding_bar_wrap .proceeding_percent strong,
.item.realty .proceeding_bar_wrap .proceeding_percent,
.item.realty .proceeding_bar_wrap .proceeding_percent strong {
  color: #fa7300;
}

.realty .product_detail_top .item_info {
  background: #fa7300;
}

.corp_credit .product_detail_top .proceeding_bar_wrap .proceeding_bar .bar_active,
.item.corp_credit .proceeding_bar_wrap .proceeding_bar .bar_active {
  background: #66ad81;
}
.corp_credit .product_detail_top .proceeding_bar_wrap .proceeding_percent,
.corp_credit .product_detail_top .proceeding_bar_wrap .proceeding_percent strong,
.item.corp_credit .proceeding_bar_wrap .proceeding_percent,
.item.corp_credit .proceeding_bar_wrap .proceeding_percent strong {
  color: #66ad81;
}

.corp_credit .product_detail_top .item_info {
  background: #66ad81;
}

.individual_business_offline .product_detail_top .proceeding_bar_wrap .proceeding_bar .bar_active,
.item.individual_business_offline .proceeding_bar_wrap .proceeding_bar .bar_active {
  background: #3894d7;
}
.individual_business_offline .product_detail_top .proceeding_bar_wrap .proceeding_percent,
.individual_business_offline .product_detail_top .proceeding_bar_wrap .proceeding_percent strong,
.item.individual_business_offline .proceeding_bar_wrap .proceeding_percent,
.item.individual_business_offline .proceeding_bar_wrap .proceeding_percent strong {
  color: #3894d7;
}

.individual_business_offline .product_detail_top .item_info {
  background: #3894d7;
}

.individual_business_online .product_detail_top .proceeding_bar_wrap .proceeding_bar .bar_active,
.item.individual_business_online .proceeding_bar_wrap .proceeding_bar .bar_active {
  background: #6a4caa;
}
.individual_business_online .product_detail_top .proceeding_bar_wrap .proceeding_percent,
.individual_business_online .product_detail_top .proceeding_bar_wrap .proceeding_percent strong,
.item.individual_business_online .proceeding_bar_wrap .proceeding_percent,
.item.individual_business_online .proceeding_bar_wrap .proceeding_percent strong {
  color: #6a4caa;
}

.individual_business_online .product_detail_top .item_info {
  background: #6a4caa;
}

.SCF .product_detail_top .proceeding_bar_wrap .proceeding_bar .bar_active,
.item.SCF .proceeding_bar_wrap .proceeding_bar .bar_active {
  background: #e1992c;
}
.SCF .product_detail_top .proceeding_bar_wrap .proceeding_percent,
.SCF .product_detail_top .proceeding_bar_wrap .proceeding_percent strong,
.item.SCF .proceeding_bar_wrap .proceeding_percent,
.item.SCF .proceeding_bar_wrap .proceeding_percent strong {
  color: #e1992c;
}

.SCF .product_detail_top .item_info {
  background: #e1992c;
}

.item_list {
  position: relative;
  z-index: 10;
}
.item_list .slick-list {
  padding-bottom: 15px;
  padding-top: 15px;
}
.item_list.carousel {
  /*     height: 460px; */
  height: auto;
}
@media screen and (max-width: 1224px) {
  .item_list.carousel {
    height: auto;
  }
}
.item_list {
  /* 투자 상품 아이템 */
}
.item_list .item {
  /* for card and list both? */
}
.item_list .item .tag {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  height: unset;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  border-radius: 0.5rem;
  min-width: 4rem;
}
.item_list .item .tag.category {
  border: 1px solid rgba(250, 115, 0, 0.5) !important;
  color: #535353 !important;
}
.item_list .item .tag.status {
  color: #ffffff;
}
.item_list .item .tag.invested, .item_list .item .tag.time {
  color: #000;
  background-color: rgba(250, 115, 0, 0.05);
}
.item_list .item {
  /* 카드 */
}
.item_list .item.card {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 2rem;
  width: 320px;
  margin: 15px 10px;
  transition: all 0.5s;
}
.item_list .item.card.invested {
  border: 3px solid #fa7300;
}
.item_list .item.card:hover {
  transform: translateY(-5px);
}
.item_list .item.card .item_wrap {
  border-radius: 2rem;
  overflow: hidden;
  position: relative;
  display: block;
  transition: all 0.5s;
}
.item_list .item.card .item_wrap:hover {
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.16);
}
.item_list .item.card .item_wrap .item_top {
  padding: 2rem 2rem 0 2rem;
}
@media screen and (max-width: 1224px) {
  .item_list .item.card .item_wrap .item_top {
    padding: 1.5rem 1.5rem 0 1.5rem;
  }
}
.item_list .item.card .item_wrap .item_top {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.item_list .item.card .item_wrap .item_cont {
  padding: 0 2rem;
  margin-top: 20px;
}
.item_list .item.card .item_wrap .item_cont .item_title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.25rem;
}
.item_list .item.card .item_wrap .item_cont .item_title .title {
  flex: 1;
  font-weight: 700;
  line-height: 1.5;
  height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* Limit text to 2 lines */
}
.item_list .item.card .item_wrap .item_cont .item_title .sponsors {
  height: 1.5em;
  display: flex;
  gap: 0.5rem;
}
.item_list .item.card .item_wrap .item_cont .item_title .sponsors .sponsor-icon {
  aspect-ratio: 1/1;
  width: 1.125rem;
}
.item_list .item.card .item_wrap .item_cont .item_title .reward {
  background-color: #fff4ea;
  font-size: 0.875rem;
  color: #fa7300;
  padding: #fff4ea;
  padding: 0.375rem 0.375rem;
  border-radius: 0.5rem;
}
.item_list .item.card .item_wrap .item_cont .item_title .reward::before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  width: 0.875rem;
  font-weight: 600;
  aspect-ratio: 1/1;
  background: url("/resources/fo/invest/common/images/icons/icon_reward.svg") no-repeat center;
  margin-right: 0.1875rem;
}
.item_list .item.card .item_wrap .item_cont .item_info {
  width: 100%;
  padding: 1.25rem 0 1rem 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 3.5rem;
  border-bottom: 1px solid #dddee1;
}
.item_list .item.card .item_wrap .item_cont .item_info dt {
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.item_list .item.card .item_wrap .item_cont .item_info dd {
  font-size: 1.25rem;
  letter-spacing: 0;
}
@media screen and (max-width: 1224px) {
  .item_list .item.card .item_wrap .item_cont .item_info dd {
    font-size: 1.375rem;
  }
}
.item_list .item.card .item_wrap .item_cont .item_info dd strong {
  font-weight: 400;
  margin-right: -3px;
}
.item_list .item.card .item_wrap .item_bottom {
  padding: 0 2rem 2rem 2rem;
}
@media screen and (max-width: 1224px) {
  .item_list .item.card .item_wrap .item_bottom {
    padding: 0 1.5rem 1.5rem 1.5rem;
  }
}
.item_list .item.card .item_wrap .item_bottom .item_info {
  border: 0;
  padding: 1rem 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 1.125rem;
}
.item_list .item.card .item_wrap .item_bottom .proceeding_bar_wrap .proceeding_bar {
  border: 1px solid #f0f1f1;
  border-radius: 0.25rem;
  width: 100%;
  height: 0.75rem;
  background: #f9f9f9;
  overflow: hidden;
}
.item_list .item.card .item_wrap .item_bottom .proceeding_bar_wrap .proceeding_bar .bar_active {
  display: block;
  height: 0.625rem;
  border-radius: 0.188rem;
  width: 0;
  background: linear-gradient(to right, rgba(250, 115, 0, 0.1), #fa7300);
}
.item_list .item.card .item_wrap .item_bottom .proceeding_bar_wrap .proceeding_percent,
.item_list .item.card .item_wrap .item_bottom .proceeding_bar_wrap .proceeding_percent strong {
  margin-right: 0;
  color: #fa9b4a;
  font-size: 0.875rem;
  font-weight: 700;
}
.item_list .item.card .item_wrap .item_bottom .detail_anchor {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  margin-top: 1rem;
  border: 1px solid #fa7300;
  border-radius: 0.5rem;
  width: 100%;
  padding: 0.625rem;
  font-size: 0.875rem;
  color: #fa7300;
}
.item_list .item {
  /* 아코디언 */
}
.item_list .item.accordion-wrapper {
  border: 1px solid #dddee1;
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
  transition: border 0.4s ease-out;
}
.item_list .item.accordion-wrapper.realty .tag.category::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 1rem;
  aspect-ratio: 1/1;
  vertical-align: middle;
  background: url("/resources/fo/invest/common/images/icons/icon_realty.svg") no-repeat center;
  background-size: contain;
}
.item_list .item.accordion-wrapper.PF .tag.category::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 1rem;
  aspect-ratio: 1/1;
  vertical-align: middle;
  background: url("/resources/fo/invest/common/images/icons/icon_PF.svg") no-repeat center;
  background-size: contain;
}
.item_list .item.accordion-wrapper.corp_credit .tag.category::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 1rem;
  aspect-ratio: 1/1;
  vertical-align: middle;
  background: url("/resources/fo/invest/common/images/icons/icon_corp-credit.svg") no-repeat center;
  background-size: contain;
}
.item_list .item.accordion-wrapper.individual_credit .tag.category::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 1rem;
  aspect-ratio: 1/1;
  vertical-align: middle;
  background: url("/resources/fo/invest/common/images/icons/icon_individual-credit.svg") no-repeat center;
  background-size: contain;
}
.item_list .item.accordion-wrapper.individual_business_offline .tag.category::before, .item_list .item.accordion-wrapper.individual_business_online .tag.category::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 1rem;
  aspect-ratio: 1/1;
  vertical-align: middle;
  background: url("/resources/fo/invest/common/images/icons/icon_individual-business.svg") no-repeat center;
  background-size: contain;
}
.item_list .item.accordion-wrapper.SCF .tag.category::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 1rem;
  aspect-ratio: 1/1;
  vertical-align: middle;
  background: url("/resources/fo/invest/common/images/icons/icon_SCF.svg") no-repeat center;
  background-size: contain;
}
.item_list .item.accordion-wrapper.etc .tag.category::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 1rem;
  aspect-ratio: 1/1;
  vertical-align: middle;
  background: url("/resources/fo/invest/common/images/icons/icon_etc.svg") no-repeat center;
  background-size: contain;
}
.item_list .item.accordion-wrapper .accordion .accordion_button {
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  height: 4.5rem;
  overflow: hidden;
  cursor: pointer;
}
.item_list .item.accordion-wrapper .accordion .accordion_button > * {
  padding: 0 1.25rem;
  font-size: 0.875rem;
  display: grid;
}
.item_list .item.accordion-wrapper .accordion .accordion_button > *.status {
  /*  width: 10%; */
  width: 7.5rem;
  place-items: center;
}
.item_list .item.accordion-wrapper .accordion .accordion_button > *.category {
  /*    width: 14%; */
  width: 9.625rem;
  place-items: center;
}
.item_list .item.accordion-wrapper .accordion .accordion_button > *.category .tag.category {
  font-size: 0.688rem;
  border: 0.063rem solid rgba(250, 115, 0, 0.5);
  white-space: nowrap;
}
.item_list .item.accordion-wrapper .accordion .accordion_button > *.name {
  width: 26%;
}
.item_list .item.accordion-wrapper .accordion .accordion_button > *.name h4 {
  overflow: hidden;
  white-space: normal;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.item_list .item.accordion-wrapper .accordion .accordion_button > *.return {
  width: 8%;
}
.item_list .item.accordion-wrapper .accordion .accordion_button > *.duration {
  width: 10%;
}
.item_list .item.accordion-wrapper .accordion .accordion_button > *.amount {
  width: 17%;
}
.item_list .item.accordion-wrapper .accordion .accordion_button .progress {
  width: 15%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.item_list .item.accordion-wrapper .accordion .accordion_button .progress .proceeding_bar_wrap {
  width: 100%;
}
.item_list .item.accordion-wrapper .accordion .accordion_button .progress .proceeding_bar_wrap .progress_top {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.item_list .item.accordion-wrapper .accordion .accordion_button .progress .proceeding_bar_wrap .progress_top .active_icon {
  transform: rotate(0deg);
  width: 0.833rem;
  aspect-ratio: 1/1;
  transition: all 0.4s ease-out;
}
.item_list .item.accordion-wrapper .accordion .accordion_button .progress .proceeding_bar_wrap .proceeding_bar {
  border: 1px solid #f0f1f1;
  border-radius: 0.25rem;
  width: 100%;
  height: 0.75rem;
  background: #f9f9f9;
  overflow: hidden;
}
.item_list .item.accordion-wrapper .accordion .accordion_button .progress .proceeding_bar_wrap .proceeding_bar .bar_active {
  display: block;
  height: 0.625rem;
  border-radius: 0.188rem;
  width: 0;
  background: linear-gradient(to right, rgba(250, 115, 0, 0.1), #fa7300);
}
.item_list .item.accordion-wrapper .accordion .accordion_button .progress .proceeding_bar_wrap .proceeding_percent,
.item_list .item.accordion-wrapper .accordion .accordion_button .progress .proceeding_bar_wrap .proceeding_percent strong {
  margin-right: 0;
  color: #fa9b4a;
  font-size: 0.875rem;
  font-weight: 700;
}
.item_list .item.accordion-wrapper .accordion .accordion_body {
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease-out;
  background-color: #ffffff;
  display: flex;
  gap: 1rem;
  border-top: 0px dotted #dddee1;
  padding: 0rem 1rem;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_summary {
  /* 투자 상품 요약 */
  flex: 1.5;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_summary .title {
  font-size: 0.831rem;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_summary .title .hashtags {
  font-size: 0.625rem;
  margin-left: 0.375rem;
  display: flex;
  gap: 0.375rem;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_summary .title .hashtags span {
  white-space: nowrap;
  padding: 0.208rem 0.625rem;
  border-radius: 0.886rem;
  border: 1px solid #fa7300;
  color: #fa7300;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_summary .content {
  margin-top: 0.625rem;
  font-size: 0.729rem;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator {
  /* 투자 계산기 */
  flex: 1.7;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .title {
  font-size: 0.831rem;
  font-weight: 600;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content {
  margin-top: 0.625rem;
  display: flex;
  gap: 1rem;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_input {
  flex: 1;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_input .btn-container {
  display: flex;
  gap: 0.208rem;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_input .btn-container .btn {
  min-width: unset;
  border: 1px solid rgba(250, 115, 0, 0.3);
  border-radius: 0.208rem;
  flex: 1;
  padding: 0.208rem 0;
  color: #535353;
  font-size: 0.729rem;
  font-weight: 600;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_input .btn-container .btn.active {
  background-color: #fa7300;
  color: #ffffff;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_input .input_wrap {
  margin-top: 1.875rem;
  border-bottom: 1px solid #dddee1;
  padding: 0.208rem;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_input .input_wrap input {
  border: none;
  outline: none;
  text-align: right;
  font-size: 0.833rem;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_input .input_wrap span {
  margin-left: 0.364rem;
  font-size: 0.833rem;
  font-weight: 600;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_input .btn.calculate {
  width: 100%;
  padding: 0.521rem 0;
  color: #fa7300;
  border: 1px solid #fa7300;
  border-radius: 0.417rem;
  margin-top: 1rem;
  font-size: 0.729rem;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_output {
  flex: 1;
  box-shadow: 0 0 3.333px 1.667px rgba(189, 189, 189, 0.25);
  border-radius: 0.6667rem;
  display: flex;
  flex-direction: column;
  gap: 0.417rem;
  padding: 0.625rem;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_output > * {
  display: flex;
  justify-content: space-between;
  font-size: 0.625rem;
  color: #535353;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_output > * .title {
  font-weight: 600;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_output > *.return_amount {
  border-bottom: 1px solid #dddee1;
  font-size: 0.729rem;
  font-weight: 600;
  padding-bottom: 0.625rem;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_output > *.return_amount .title {
  color: #161616;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_output > *.return_amount .content {
  display: flex;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_output > *.return_amount .content .amount {
  color: #fa7300;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_output > *.detail_schedule {
  color: #161616;
  align-self: flex-end;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .investment_calculator > .content .calculator_output > *.detail_schedule img {
  width: 0.831rem;
  aspect-ratio: 1/1;
  padding: 0.208rem;
  margin-left: 0.364rem;
}
.item_list .item.accordion-wrapper .accordion .accordion_body {
  /* 투자 가능 현황 */
}
.item_list .item.accordion-wrapper .accordion .accordion_body .availability_status {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .title {
  font-size: 0.831rem;
  font-weight: 600;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content {
  flex: auto;
  margin-top: 0.625rem;
  display: none;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content .status {
  box-shadow: 0px 0px 3.333px 1.667px rgba(189, 189, 189, 0.25);
  border-radius: 0.417rem;
  padding: 0.625rem;
  font-size: 0.729rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-in .status {
  align-items: normal;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-in.active, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-out.active, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.unavailable.active {
  display: flex;
  flex-direction: column;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-in .status, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-out .status, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.unavailable .status {
  gap: 0.625rem;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-in .status .status-item, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-out .status .status-item, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.unavailable .status .status-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 0.729rem;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-in .status .status-item .status-title, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-out .status .status-item .status-title, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.unavailable .status .status-item .status-title {
  font-weight: 600;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-in .links, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-out .links, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.unavailable .links {
  display: flex;
  justify-content: space-between;
  gap: 0.417rem;
  margin-top: 0.625rem;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-in .links a, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-out .links a, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.unavailable .links a {
  border: 1px solid #fa7300;
  flex: 1;
  text-align: center;
  vertical-align: middle;
  padding: 0.521rem;
  border-radius: 0.417rem;
  font-size: 0.729rem;
  font-weight: 600;
  /*                color: $pumpkin; */
}
.item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-in .links a#detail, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-out .links a#detail, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.unavailable .links a#detail {
  color: #fa7300;
}
.item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-in .links a#invest, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.logged-out .links a#invest, .item_list .item.accordion-wrapper .accordion .accordion_body .availability_status .content.unavailable .links a#invest {
  background-color: #fa7300;
  color: #ffffff;
}
.item_list .item.accordion-wrapper .accordion.mobile-item {
  display: none;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button {
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  gap: 0.75rem;
  padding: 1rem 0;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button .card-header,
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button .card-title,
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button .financial-info {
  display: flex;
  width: 100%;
  align-items: center;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button .card-header {
  gap: 0.375rem;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button .card-header #duration {
  margin-left: auto;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button .financial-info {
  gap: 0.5rem;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button .tag.status,
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button .tag.category {
  font-size: 0.75rem;
  padding: 0.075rem 0.625rem;
  line-height: unset;
  border-radius: 0.5rem;
  min-width: unset;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button .tag.category::before {
  width: 0.75rem;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button .duration {
  font-size: 0.875rem;
  font-weight: 500;
  margin-left: auto;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button .name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #161616;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button .amount {
  font-size: 1rem;
  color: #4b5a68;
  font-weight: 500;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button .return {
  font-size: 1rem;
  color: #fa7300;
  font-weight: 500;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button .progress {
  flex-direction: row;
  flex: 1;
  gap: 0.531rem;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_button .progress .proceeding_percent {
  color: #4b5a68;
  font-size: 0.875rem;
  font-weight: 500;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_body {
  flex-direction: column;
  border-top: none;
  position: relative;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_body::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #d8d8d8;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_body .investment_summary {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.938rem;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_body .investment_summary .title {
  white-space: nowrap;
  font-size: 0.938rem;
  font-weight: 600;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_body .investment_summary .content {
  margin-top: 0;
  font-size: 0.875rem;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_body .availability_status .content .status {
  position: relative;
  padding: 0;
  box-shadow: none;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_body .availability_status .content .status .status-title {
  font-size: 0.938rem;
  font-weight: 600;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_body .availability_status .content .status .status-value {
  font-size: 0.938rem;
  font-weight: 600;
  color: #fa7300;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_body .availability_status .content .status .log-in-text {
  font-size: 0.938rem;
  font-weight: 600;
  color: #d1d1d1;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_body .availability_status .content .status .unavailable-text {
  font-size: 0.938rem;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_body .availability_status .content.logged-out .status {
  align-items: flex-start;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_body .links {
  /*             display: none !important; */
  z-index: 100;
  padding: 0.422rem 1.328rem 2.375rem 1.328rem;
  background-color: white;
  width: 100%;
  position: fixed;
  bottom: 0;
  transform: translateY(100%);
  /*             transform: translateY(0%); */
  left: 0;
  transition: all 0.4s ease-out;
}
.item_list .item.accordion-wrapper .accordion.mobile-item .accordion_body .links a {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  border: none !important;
}
.item_list .item.accordion-wrapper.active {
  border: 1px solid #fa7300;
}
.item_list .item.accordion-wrapper.active .accordion.mobile-item .links {
  /*             display: flex !important; */
  transform: translateY(0%);
}
.item_list .item.accordion-wrapper.active .accordion_button .active_icon {
  transform: rotate(180deg) !important;
}
.item_list .item.accordion-wrapper.active .accordion_body {
  max-height: 1000px;
  padding: 1rem 1rem;
  border-top: 1px dotted #dddee1;
}
@media screen and (max-width: 767px) {
  .item_list .item.accordion-wrapper .accordion.desktop-item {
    display: none;
  }
  .item_list .item.accordion-wrapper .accordion.mobile-item {
    display: block;
  }
}
.item_list .item.realty .item_wrap .item_top .tag.category::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 1.25rem;
  aspect-ratio: 1/1;
  vertical-align: bottom;
  background: url("/resources/fo/invest/common/images/icons/icon_realty.svg") center no-repeat;
}
.item_list .item.PF .item_wrap .item_top .tag.category::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 1.25rem;
  aspect-ratio: 1/1;
  vertical-align: bottom;
  background: url("/resources/fo/invest/common/images/icons/icon_PF.svg") center no-repeat;
}
.item_list .item.corp_credit .item_wrap .item_top .tag.category::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 1.25rem;
  aspect-ratio: 1/1;
  vertical-align: bottom;
  background: url("/resources/fo/invest/common/images/icons/icon_corp-credit.svg") center no-repeat;
}
.item_list .item.individual_credit .item_wrap .item_top .tag.category::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 1.25rem;
  aspect-ratio: 1/1;
  vertical-align: bottom;
  background: url("/resources/fo/invest/common/images/icons/icon_corp-credit.svg") center no-repeat;
}
.item_list .item.individual_business_offline .item_wrap .item_top .tag.category::before, .item_list .item.individual_business_online .item_wrap .item_top .tag.category::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 1.25rem;
  aspect-ratio: 1/1;
  vertical-align: bottom;
  background: url("/resources/fo/invest/common/images/icons/icon_individual-business.svg") center no-repeat;
}
.item_list .item.SCF .item_wrap .item_top .tag.category::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 1.25rem;
  aspect-ratio: 1/1;
  vertical-align: bottom;
  background: url("/resources/fo/invest/common/images/icons/icon_SCF.svg") center no-repeat;
}
.item_list .item.etc .item_wrap .item_top .tag.category::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 1.25rem;
  aspect-ratio: 1/1;
  vertical-align: bottom;
  background: url("/resources/fo/invest/common/images/icons/icon_etc.svg") center no-repeat;
}
.item_list.proceeding .tag.status,
.item_list .proceeding .tag.status {
  background-color: #6284ff;
}
.item_list.proceeding .item .item_wrap .item_bottom .proceeding_bar_wrap,
.item_list .proceeding .item .item_wrap .item_bottom .proceeding_bar_wrap {
  display: block;
}
.item_list.planned .tag.status,
.item_list .planned .tag.status {
  background-color: #f9bd24;
}
.item_list.planned .item,
.item_list .planned .item {
  background: #ffffff;
}
.item_list.planned .item .item_wrap,
.item_list .planned .item .item_wrap {
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.16);
}
.item_list.planned .item .item_wrap .item_bottom .proceeding_percent,
.item_list .planned .item .item_wrap .item_bottom .proceeding_percent {
  color: #565656;
}
.item_list.ended .tag.status,
.item_list .ended .tag.status {
  background-color: #fa7300;
}
.item_list.ended .item,
.item_list .ended .item {
  background: #ffffff;
}
.item_list.ended .item .item_wrap,
.item_list .ended .item .item_wrap {
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.16);
}
.item_list.ended .item .item_wrap .item_bottom .proceeding_percent,
.item_list .ended .item .item_wrap .item_bottom .proceeding_percent {
  color: #565656;
}
.item_list.repaying .tag.status,
.item_list .repaying .tag.status {
  background-color: #3baf4e;
}
.item_list.repaid .tag.status,
.item_list .repaid .tag.status {
  background-color: #00a0fa;
}
.item_list.repayment_delayed .tag.status,
.item_list .repayment_delayed .tag.status {
  background-color: #f9bd24;
}
.item_list.overdue .tag.status,
.item_list .overdue .tag.status {
  background-color: #d87168;
}
.item_list.compromise .tag.status,
.item_list .compromise .tag.status {
  background-color: #b5b9c0;
}
.item_list.selling .tag.status,
.item_list .selling .tag.status {
  background-color: #b5b9c0;
}
.item_list.invest_products {
  max-width: 1032px;
  margin: 60px auto 0 auto;
}
@media screen and (max-width: 1224px) {
  .item_list.invest_products {
    margin-top: 56px;
  }
}
@media screen and (max-width: 767px) {
  .item_list.invest_products {
    margin-top: 0;
  }
}
.item_list.invest_products {
  /*     .item {
    @include border-radius(6px);
    background-color: $white;
    margin: 0 12px;
    @media screen and (max-width: $breakpointTb) {
      margin: 0 10px;
    }

    .item_wrap {
      .title_lg {
        color: $gray;
        font-size: 20px;
        width: 100%;
        line-height: 140%;
        display: block;
        padding-left: 29px;
        padding-top: 24px;
        padding-right: 20px;
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 80px;
      }
      .item_cont {
        color: $gray;
        padding: 0;
      }

      .item_bottom {
        padding: 0;
      }
    }
  }
  .item_info {
    padding: 20px 20px 11px 30px;
    justify-content: flex-start;
    border-bottom: 0;

    &.item_price {
      padding: 1px 0 9px 30px;
      border-bottom: 0;
    }

    dt {
      color: $light;
      font-size: 12px;
      font-weight: 500;
    }
    dd {
      font-size: 20px;
      margin-top: 4px;
      font-weight: 500;
    }
  }
  .status {
    border-top: 1px solid $line;
    padding-top: 13px;
    font-size: 16px;
    font-weight: 700;
    text-align: right;
    padding-bottom: 16px;
    width: calc(100% - 60px);
    margin: auto;

    &.done {
      color: $light;
    }
    &.on {
      color: $brand;
    }
    &.will {
      color: $pumpkin3;
    }
  } */
}

.product_detail_top {
  position: relative;
  padding: 40px 0 80px;
}
.product_detail_top .product_title {
  margin-bottom: 70px;
}
.product_detail_top .product_title .title_section {
  margin-top: 15px;
  font-size: 36px;
  text-align: left;
}
.product_detail_top .product_title .desc {
  font-size: 28px;
}
@keyframes updown {
  0% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(1px);
  }
}
.product_detail_top .proceeding_bar_wrap .proceeding_percent {
  position: absolute;
  top: -40px;
  width: auto;
  margin-left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: auto;
}
.product_detail_top .proceeding_bar_wrap .deadline_price {
  width: 100%;
  display: block;
  margin-top: 10px;
  font-size: 13px;
  text-align: right;
}
.product_detail_top .proceeding_bar_wrap .deadline {
  background: #fa7300;
  color: #fff !important;
  font-size: 10px;
  font-weight: 500;
  width: 57px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  text-align: center;
  margin-right: 8px;
  animation: updown 1s infinite alternate;
  display: none;
}
.product_detail_top .item_info {
  padding: 0 2rem;
  margin-top: 20px;
  width: 100%;
  padding: 1.25rem 0 1rem 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 3.5rem;
  border-bottom: 1px solid #dddee1;
}
.product_detail_top .item_info dt {
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.product_detail_top .item_info dd {
  font-size: 1.25rem;
  letter-spacing: 0;
}
@media screen and (max-width: 1224px) {
  .product_detail_top .item_info dd {
    font-size: 1.375rem;
  }
}
.product_detail_top .item_info dd strong {
  font-weight: 400;
  margin-right: -3px;
}
.product_detail_top .item_info {
  position: absolute;
  left: 0;
  bottom: -130px;
  z-index: 1;
  width: 680px;
  background: #fa7300;
  padding: 24px 50px 20px;
  gap: 0;
  justify-content: space-between;
}
.product_detail_top .item_info dl dt,
.product_detail_top .item_info dl dd {
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 1224px) {
  .product_detail_top .product_title {
    margin: 0 15px 70px;
  }
  .product_detail_top .product_title .title_section,
  .product_detail_top .product_title .desc {
    font-size: 24px;
  }
  .product_detail_top .proceeding_bar_wrap {
    margin: 0 15px;
  }
  .product_detail_top .item_info {
    padding: 0;
    width: 100%;
  }
  .product_detail_top .item_info dl {
    width: auto;
    flex-grow: 1;
    padding: 15px 0;
    border-left: 1px solid #ffffff;
  }
  .product_detail_top .item_info dl:first-child {
    border: none;
  }
  .product_detail_top .item_info dl dt {
    font-size: 13px;
  }
  .product_detail_top .item_info dl dd {
    font-size: 14px;
  }
  .product_detail_top .item_info dl dd strong {
    font-size: 18px;
  }
}
.product_detail_top .btn_share {
  display: none;
}
@media screen and (max-width: 767px) {
  .product_detail_top .btn_share {
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
  }
}
.product_detail_cont {
  position: relative;
  padding: 90px 320px 60px 0;
  padding-top: 90px;
  padding-right: 320px;
}
.product_detail_cont .btn_share {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .product_detail_cont .btn_share {
    display: none;
  }
}
.product_detail_cont .detail_aside .aside_box {
  margin: 0;
}
.product_detail_cont .alarm_box {
  position: relative;
  padding: 30px 30px 30px 100px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  background: #ececec;
}
.product_detail_cont .alarm_box::before {
  content: "";
  width: 48px;
  height: 48px;
  background: #ffffff url("/resources/fo/invest/common/images/icons/icon_alarm.png") no-repeat 50% 50%/30px 30px;
  border-radius: 24px;
  position: absolute;
  top: 50%;
  left: 30px;
  margin-top: -24px;
}
.product_detail_cont .alarm_box p {
  font-size: 16px;
  line-height: 24px;
}
.product_detail_cont .caution {
  margin-top: 5px;
  color: #9ca0a3;
  font-weight: 400;
  font-size: 14px;
}
.product_detail_cont #detail_contents {
  position: relative;
  font-size: 16px;
}
.product_detail_cont #detail_contents .tab-content {
  display: none;
}
.product_detail_cont #detail_contents .tab-content.active {
  display: block;
}
.product_detail_cont #detail_contents .tab_list {
  margin-top: 30px;
}
.product_detail_cont #detail_contents .tab_list.fixed {
  position: fixed;
  width: 680px;
  height: 61px;
  margin: 0;
  top: 80px;
  background: #ffffff;
  z-index: 1;
}
.product_detail_cont #detail_contents .tab-link a {
  min-width: -moz-min-content;
  min-width: min-content;
  /*       padding: 0; */
}
.product_detail_cont #detail_contents .detail_cont_tit {
  margin: 60px 0 15px;
  font-size: 20px;
  font-weight: 700;
}
.product_detail_cont #detail_contents img {
  display: block;
  width: 100%;
}
.product_detail_cont #detail_contents .cont_box h4 {
  margin: 30px 0 10px;
  font-weight: 700;
}
.product_detail_cont #detail_contents .point_list {
  counter-reset: point-number;
}
.product_detail_cont #detail_contents .point_list li {
  position: relative;
  padding-left: 85px;
  margin-top: 5px;
  counter-increment: point-number;
}
.product_detail_cont #detail_contents .point_list li:first-child {
  margin-top: 0;
}
.product_detail_cont #detail_contents .point_list li::before {
  content: "POINT 0" counter(point-number);
  display: block;
  width: 80px;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #fa7300;
  position: absolute;
  top: 0;
  left: 0;
}
.product_detail_cont #detail_contents .bul_list {
  margin-top: 15px;
}
.product_detail_cont #detail_contents .bul_list li {
  font-size: 14px;
}
.product_detail_cont #detail_contents .bul_list li::before {
  top: 7px;
}
.product_detail_cont #detail_contents .earning_rate {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.product_detail_cont #detail_contents .earning_rate dl {
  width: 31%;
  padding: 15px;
  border: 1px solid #ececec;
}
.product_detail_cont #detail_contents .earning_rate dl dt {
  text-align: center;
}
.product_detail_cont #detail_contents .earning_rate dl dt .tooltip {
  margin-top: -3px;
  vertical-align: middle;
}
.product_detail_cont #detail_contents .earning_rate dl dt .tooltip a,
.product_detail_cont #detail_contents .earning_rate dl dt .tooltip a img {
  display: block;
  width: 16px;
  height: 16px;
}
.product_detail_cont #detail_contents .earning_rate dl dd {
  margin-top: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
}
.product_detail_cont #detail_contents .earning_rate dl dd strong {
  font-weight: 700;
  font-size: 24px;
}
.product_detail_cont #detail_contents .attachment_list {
  margin-top: -10px;
}
.product_detail_cont #detail_contents .attachment_list .btn {
  margin-top: 10px;
  margin-right: 5px;
}
@media screen and (max-width: 1224px) {
  .product_detail_cont {
    padding: 70px 15px 40px;
  }
  .product_detail_cont .alarm_box {
    padding: 20px;
  }
  .product_detail_cont .alarm_box::before {
    display: none;
  }
  .product_detail_cont .alarm_box .btn {
    padding: 0 10px 0 26px;
    font-size: 13px;
  }
  .product_detail_cont .alarm_box .btn.btn_kakao {
    background-position: 4px 50%;
    background-size: 18px 18px;
  }
  .product_detail_cont .alarm_box .btn.btn_share {
    background-position: 7px 50%;
    background-size: 14px 14px;
  }
  .product_detail_cont .alarm_box .btn.round {
    border-radius: 14px;
  }
  .product_detail_cont .alarm_box p {
    font-size: 14px;
  }
  .product_detail_cont .caution {
    font-size: 12px;
  }
  .product_detail_cont #detail_contents .tab_list.fixed {
    width: 100%;
    top: 5rem;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .product_detail_cont #detail_contents .earning_rate {
    flex-flow: column;
  }
  .product_detail_cont #detail_contents .earning_rate dl {
    width: 100%;
    margin-top: 5px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
  }
  .product_detail_cont #detail_contents .earning_rate dl:first-child {
    margin-top: 0;
  }
  .product_detail_cont #detail_contents .earning_rate dl dt {
    width: 40%;
    text-align: left;
  }
  .product_detail_cont #detail_contents .earning_rate dl dd {
    width: 40%;
    text-align: left;
    margin-top: 0;
  }
}

.m_aside_button {
  display: none;
}
@media screen and (max-width: 1224px) {
  .m_aside_button {
    position: relative;
    left: -15px;
    bottom: -40px;
    width: 100vw;
    display: block;
    padding: 15px;
    background: #ffffff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
    align-items: flex-end;
    box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.16);
  }
  .m_aside_button.fixed {
    position: fixed;
    left: 0;
    bottom: 0;
  }
  .m_aside_button .btn + .btn {
    margin-left: 10px;
  }
  .m_aside_button .btn_orange {
    flex-grow: 1;
  }
}

#detail_aside_dimmed {
  display: none;
}
@media screen and (max-width: 1224px) {
  #detail_aside_dimmed.active {
    display: block;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
  }
}

.detail_aside {
  position: absolute;
  top: -50px;
  right: 0;
  width: 280px;
}
.detail_aside.fixed {
  position: fixed;
  top: 110px;
  left: 50%;
  margin-left: 220px;
}
.detail_aside .aside_box {
  padding: 20px;
  background: #ffffff;
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.1);
}
.detail_aside .aside_box.recommand_list {
  margin-top: 20px;
}
@media screen and (max-width: 1224px) {
  .detail_aside .aside_box.recommand_list {
    display: none;
  }
}
.detail_aside .aside_cont + .aside_cont {
  margin-top: 40px;
}
.detail_aside .aside_cont .aside_tit_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.detail_aside .aside_cont .aside_tit_wrap h4 {
  font-size: 16px;
  font-weight: 700;
}
.detail_aside .aside_cont .aside_tit_wrap .btn_info {
  position: relative;
  width: 24px;
  height: 24px;
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  margin-top: -2px;
  vertical-align: middle;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #3b3938;
  transform: rotate(45deg);
}
.detail_aside .aside_cont .input_wrap {
  border-bottom: 1px solid #c6c6c6;
  font-size: 18px;
}
.detail_aside .aside_cont .input_wrap .input_txt {
  height: 48px;
  border: none;
  text-align: right;
  font-size: 24px;
  font-weight: 700;
  font-family: inherit;
}
.detail_aside .aside_cont .input_wrap .input_txt:-moz-read-only {
  width: calc(100% - 30px);
  padding-right: 0;
  background: #ffffff;
  color: #3b3938;
}
.detail_aside .aside_cont .input_wrap .input_txt:read-only {
  width: calc(100% - 30px);
  padding-right: 0;
  background: #ffffff;
  color: #3b3938;
}
.detail_aside .aside_cont.calculator .price_btn_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.detail_aside .aside_cont.calculator .price_btn_wrap .radio_wrap {
  width: 24%;
}
.detail_aside .aside_cont.calculator .price_btn_wrap .radio_wrap label {
  width: 100%;
  padding: 8px 0;
  background: #f7f7f7;
  text-align: center;
}
.detail_aside .aside_cont.calculator .price_btn_wrap .radio_wrap label::before {
  display: none;
}
.detail_aside .aside_cont.calculator .price_btn_wrap .radio_wrap .input_radio:checked + label {
  background: #eb9a52;
  color: #ffffff;
}
.detail_aside .aside_cont.calculator .input_wrap {
  width: calc(100% - 110px);
}
.detail_aside .aside_cont.calculator .input_wrap .input_txt {
  width: 90px;
  flex-grow: 1;
  padding: 0 5px 0 0;
}
.detail_aside .aside_cont.calculator .input_wrap .input_txt::-moz-placeholder {
  font-size: 24px;
}
.detail_aside .aside_cont.calculator .input_wrap .input_txt::placeholder {
  font-size: 24px;
}
.detail_aside .aside_cont.expected_return .btn_schedule {
  display: block;
  margin-top: 5px;
  text-align: right;
}
.detail_aside .aside_cont.expected_return .btn_schedule::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  margin-top: -2px;
  vertical-align: middle;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #5d6369;
  transform: rotate(45deg);
}
.detail_aside .aside_cont .signal_light {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.detail_aside .aside_cont .signal_light li {
  margin: 0;
  height: 30px;
  line-height: 30px;
  padding-left: 40px;
  font-size: 16px;
  font-weight: 500;
}
.detail_aside .aside_cont .signal_light li.smile {
  background: url("/resources/fo/invest/common/images/icons/smile_off.png") no-repeat 0 0;
}
.detail_aside .aside_cont .signal_light li.smile.on {
  color: #66ad81;
  background-image: url("/resources/fo/invest/common/images/icons/smile_on.png");
}
.detail_aside .aside_cont .signal_light li.caution {
  background: url("/resources/fo/invest/common/images/icons/caution_off.png") no-repeat 0 0;
}
.detail_aside .aside_cont .signal_light li.caution.on {
  color: #e1992c;
  background-image: url("/resources/fo/invest/common/images/icons/caution_on.png");
}
.detail_aside .aside_cont .signal_light li.warning {
  background: url("/resources/fo/invest/common/images/icons/warning_off.png") no-repeat 0 0;
}
.detail_aside .aside_cont .signal_light li.warning.on {
  color: #de3b3b;
  background-image: url("/resources/fo/invest/common/images/icons/warning_on.png");
}
.detail_aside .aside_cont .item_list {
  padding-bottom: 25px;
  height: auto;
}
.detail_aside .aside_cont .item_list .slick-dots {
  bottom: 0;
}
.detail_aside .aside_cont .item_list .item {
  margin: 0;
}
.detail_aside .aside_cont .item_list .item .item_top {
  padding: 15px 15px 0 15px !important;
  min-height: 50px;
}
.detail_aside .aside_cont .item_list .item .item_top .tag {
  margin-bottom: 5px;
}
.detail_aside .aside_cont .item_list .item .item_cont {
  padding: 0 15px;
}
.detail_aside .aside_cont .item_list .item .item_cont .title_lg {
  height: 70px;
  font-size: 20px;
}
.detail_aside .aside_cont .item_list .item .item_cont .item_info {
  padding: 15px 0 10px 0;
}
.detail_aside .aside_cont .item_list .item .item_cont .item_info dl dd {
  font-size: 14px;
}
.detail_aside .aside_cont .item_list .item .item_cont .item_info dl dd strong {
  font-size: 20px;
}
.detail_aside .aside_cont .item_list .item .item_bottom .item_info {
  padding: 0 15px 10px 15px;
}
.detail_aside .aside_cont .item_list .item .item_bottom .item_info dd {
  line-height: 1.2;
}
.detail_aside .aside_cont .item_list .item .item_bottom .item_info dd strong {
  font-size: 20px;
}
.detail_aside .aside_cont .item_list .item .item_bottom .proceeding_bar_wrap {
  padding: 0 15px 15px;
}
.detail_aside .btn_wrap {
  margin-top: 15px;
  flex-wrap: wrap;
}
.detail_aside .btn_wrap .btn {
  width: 100%;
}
.detail_aside .btn_wrap .btn + .btn {
  margin-top: 5px;
}
@media screen and (max-width: 1224px) {
  .detail_aside {
    display: none;
  }
  .detail_aside.fixed {
    left: 0;
    top: initial;
    bottom: 0;
    width: 100vw;
    margin: 0;
    z-index: 100;
  }
  .detail_aside.fixed .aside_box {
    position: relative;
    padding-top: 40px;
    z-index: 9998;
  }
  .detail_aside.fixed .aside_box .btn_aside_close {
    width: 40px;
    height: 40px;
    background: transparent url("/resources/fo/invest/common/images/icons/icon_x_white.png") no-repeat 50% 50%/24px 24px;
    position: absolute;
    top: -40px;
    right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .detail_aside .aside_box {
    margin: 0 -15px;
  }
}

#investLimitInfo .tab_cont dl {
  height: 171px;
  text-align: left;
}
#investLimitInfo .tab_cont dl dt {
  margin: 15px 0 5px;
  font-weight: 700;
}
#investLimitInfo .tab_cont .modal_btn_wrap {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  #investLimitInfo .tab_list {
    display: table;
  }
  #investLimitInfo .tab_list li {
    display: table-cell;
    width: 33.3%;
    vertical-align: middle;
  }
  #investLimitInfo .tab_list li:last-child a {
    line-height: 42px;
  }
  #investLimitInfo .tab_list li a {
    padding: 8px 12px;
    height: auto;
    line-height: 1.5;
    font-size: 14px;
  }
  #investLimitInfo .tab_cont dl {
    height: 200px;
  }
}

.modal_cont {
  overflow-y: auto;
  max-height: 600px;
  max-height: 55vh;
}
@media screen and (orientation: landscape) {
  .modal_cont {
    max-height: 55vh;
  }
}
.modal_cont .txt_box {
  padding: 30px 0 25px;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}
.modal_cont .txt_box .product_name {
  margin-bottom: 10px;
  font-size: 24px;
}
.modal_cont .txt_box .input_wrap {
  justify-content: center;
  font-size: 20px;
}
.modal_cont .txt_box .input_wrap .input_txt {
  width: 200px;
  height: 48px;
  margin-right: 5px;
  line-height: 48px;
  text-align: right;
  font-size: 24px;
  font-weight: 700;
  font-family: inherit;
}
.modal_cont .txt_box .input_wrap .input_txt:focus {
  font-size: 24px;
}
.modal_cont .txt_box .input_wrap + p {
  margin-top: 10px;
}
.modal_cont .txt_box p {
  font-size: 20px;
}
.modal_cont .txt_box p strong {
  display: inline-block;
  margin-left: 10px;
  color: #fa7300;
  font-size: 24px;
}
.modal_cont .txt_box.cs {
  margin-top: 30px;
  padding: 25px;
}
.modal_cont .txt_box.cs p {
  font-size: 18px;
  text-align: left;
}
.modal_cont .txt_box.cs p span {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .modal_cont .txt_box.cs p span {
    display: block;
  }
}
.modal_cont .txt_box.cs .btn_wrap {
  margin: 15px 0 0 !important;
  justify-content: space-between;
}
.modal_cont .txt_box.cs .btn_wrap .btn_cs {
  margin: 0;
  max-width: 32% !important;
}
.modal_cont .bul_list {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .modal_cont .txt_box {
    padding: 30px 10px 25px;
  }
  .modal_cont .txt_box .product_name {
    font-size: 20px;
  }
  .modal_cont .txt_box .input_wrap {
    font-size: 16px;
  }
  .modal_cont .txt_box .input_wrap .input_txt {
    width: 150px;
    font-size: 20px;
  }
  .modal_cont .txt_box .input_wrap .input_txt:focus {
    font-size: 20px;
  }
  .modal_cont .txt_box p {
    font-size: 18px;
  }
  .modal_cont .txt_box p strong {
    font-size: 20px;
  }
}

#pop_report {
  width: 640px;
}
#pop_report .faq_list {
  margin: 10px 0 30px;
}

#pop_schedule .modal_wrap {
  width: 800px;
}
@media screen and (max-width: 1224px) {
  #pop_schedule .modal_wrap {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #pop_schedule .modal_wrap .modal_cont .txt_box .input_wrap .input_txt {
    width: 150px;
    height: 40px;
  }
  #pop_schedule .modal_wrap .modal_cont .txt_box .input_wrap + p {
    margin-top: 15px;
    font-size: 16px;
  }
  #pop_schedule .modal_wrap .modal_tbl_wrap {
    overflow-x: scroll;
  }
  #pop_schedule .modal_wrap .modal_tbl_wrap .tbl_type_col {
    width: 560px;
  }
}

#pop_openMap {
  width: 660px;
}
@media screen and (max-width: 1224px) {
  #pop_openMap {
    width: 100%;
  }
}

#pop_share .share_icons {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0 32px;
}
@media screen and (max-width: 767px) {
  #pop_share .share_icons {
    gap: 0 12px;
  }
}
#pop_share .share_icons a {
  display: block;
}
#pop_share .share_icons a img {
  display: block;
}
#pop_share .share_icons p {
  font-weight: 500;
  font-size: 16px;
  margin-top: 18px;
  display: block;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #pop_share .share_icons p {
    font-size: 14px;
  }
}
#pop_share .share_link {
  background: #f5f5f5;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  max-width: 390px;
  margin: 32px auto 0 auto;
  font-size: 16px;
  padding: 7px 23px 7px 12px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
#pop_share .share_link input {
  border: 0;
  background: transparent;
  color: #000;
  padding: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 70px);
  flex-grow: 1;
}
#pop_share .share_link button {
  color: #ff6d00;
  font-weight: 500;
  padding: 0;
}

.deposit_info .txt_box {
  margin-top: 0;
  margin-bottom: 15px;
}
.deposit_info .txt_box p span {
  font-weight: 700;
}
.deposit_info .txt_box p strong {
  color: #fa7300;
}
.deposit_info .guide_txt.warning {
  color: #fa7300;
}
.deposit_info_box {
  border-top: 1px solid #3b3938;
  margin: 15px 0;
}
.deposit_info_box li {
  padding: 20px 15px;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.deposit_info_box li dl dt,
.deposit_info_box li dl dd {
  font-size: 16px;
  text-align: left;
}
.deposit_info_box li dl dt {
  font-weight: 700;
}
.deposit_info_box li dl dd.account {
  display: flex;
  flex-direction: column;
}
.deposit_info_box li dl dd input {
  max-width: 130px;
  padding: 0;
}
.deposit_info_box li .btn {
  width: 145px;
  white-space: nowrap;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media screen and (max-width: 767px) {
  .deposit_info_box li .btn {
    width: 230px;
  }
}
@media screen and (max-width: 767px) {
  .deposit_info_box li {
    align-items: flex-end;
  }
  .deposit_info_box li dl {
    width: 100%;
  }
}

.apply {
  padding: 60px 0;
}
.apply .section {
  padding: 0 0 40px;
}
.apply .section .title_lg {
  margin-top: 40px;
  margin-bottom: 10px;
}
.apply .section .txt_box.input_agree {
  padding: 24px 0;
  font-size: 16px;
}
.apply .section .txt_box.input_agree .sign {
  font-size: 20px;
  font-weight: 700;
}
.apply .section .txt_box.input_agree .input_txt {
  display: inline-block;
  margin: 15px 0;
  text-align: center;
  font-size: 20px;
  max-width: 100%;
}
.apply .section .txt_box.input_agree .input_txt::-webkit-input-placeholder {
  font-size: 20px;
  color: #9ca0a3;
}
.apply .section .txt_box.input_agree .input_txt::-moz-placeholder {
  font-size: 20px;
  color: #9ca0a3;
}
.apply .section .txt_box.input_agree .input_txt:-ms-input-placeholder {
  font-size: 20px;
  color: #9ca0a3;
}
.apply .section .txt_box.input_agree .input_txt:-moz-placeholder {
  font-size: 20px;
  color: #9ca0a3;
}
.apply .section .txt_box.input_agree strong {
  color: #fa7300;
}
.apply_finish {
  width: 480px;
  margin: 0 auto;
}
.apply_finish .finish_contents {
  margin-bottom: 40px;
  padding-top: 240px;
  text-align: center;
  font-size: 20px;
  background: url("/resources/fo/invest/common/images/icons/icon_join_finish.png") no-repeat 50% 40px;
}
.apply_finish .btn_wrap {
  margin-top: 30px;
}
.apply_finish .btn_wrap .btn {
  width: 49%;
}
@media screen and (max-width: 767px) {
  .apply_finish .btn_wrap .btn {
    font-size: 14px;
    padding: 0;
  }
}
@media screen and (max-width: 1224px) {
  .apply {
    padding: 40px 15px;
  }
}
@media screen and (max-width: 767px) {
  .apply .section .txt_box.input_agree {
    font-size: 14px;
  }
  .apply .section .txt_box.input_agree .sign {
    font-size: 15px;
  }
  .apply_finish {
    width: 100%;
  }
  .apply_finish .finish_contents {
    margin-bottom: 40px;
    padding-top: 180px;
    text-align: center;
    font-size: 20px;
    background: url("/resources/fo/invest/common/images/icons/img_finish.png") no-repeat 50% 40px;
  }
  .apply_finish .btn_wrap {
    margin-top: 30px;
  }
  .apply_finish .btn_wrap .btn {
    width: 49%;
  }
}

.mypage_dashboard {
  margin-top: 61px;
  position: relative;
  padding: 0 296px 60px 0;
  padding-right: 296px;
}
.mypage_dashboard.full {
  padding-right: 0;
}
@media screen and (max-width: 1224px) {
  .mypage_dashboard {
    padding-left: 0;
    padding-right: 0;
  }
}
.mypage_dashboard_box {
  background: #fff;
  padding: 20px 22px 29px 20px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.mypage_dashboard_box:not(:first-of-type) {
  margin-top: 16px;
}
@media screen and (max-width: 1224px) {
  .mypage_dashboard_box {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .mypage_dashboard_box {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.point_dashboard_box .point_cont {
  display: none;
  padding: 15px;
}
.point_dashboard_box .point_cont.active {
  display: block;
}
@media screen and (max-width: 767px) {
  .point_dashboard_box .tab_list {
    /*       padding-top: 1rem; */
  }
  .point_dashboard_box .tab_list li a {
    display: flex;
    place-items: center;
    position: relative;
    padding: 0 24px;
    height: 3rem;
    line-height: 100%;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    z-index: 5;
  }
}

.mypage_main {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.mypage_main .mypage_dashboard_box#investment_list .btn#excel_btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1224px) {
  .mypage_main {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .mypage_main .title_section {
    order: 1;
    width: 100%;
  }
  .mypage_main .mypage_dashboard {
    order: 3;
    width: 100%;
    margin-top: 18px;
  }
}
.mypage_main .detail_aside {
  top: 100px;
}
@media screen and (max-width: 1224px) {
  .mypage_main .detail_aside {
    position: static;
    order: 2;
    display: block;
    width: 100%;
    margin-top: 40px;
  }
}
.mypage_main .detail_aside .aside_box:last-child {
  margin-top: 18px;
}
.mypage_main .detail_aside .btn_wrap {
  justify-content: flex-end;
}
.mypage_main .detail_aside .btn_wrap .btn {
  width: auto;
  height: 30px;
  line-height: 30px;
  min-width: 104px;
}
.mypage_main .txt_link {
  font-size: 14px;
  padding: 0;
  margin-left: 8px;
}
.mypage_main .border_box_seperate {
  margin-top: 10px;
}
.mypage_main .title_wrap [class*=title] {
  margin: 0;
}
.mypage_main .filter_list {
  margin-top: 14px;
}
.mypage_main .filter_list li {
  margin-right: 8px;
}
.mypage_main .profit_wrap {
  overflow: hidden;
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .mypage_main .profit_wrap {
    width: 100%;
    margin-top: 10px;
  }
}
.mypage_main .next_profit {
  margin-top: 28px;
  margin-bottom: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .mypage_main .next_profit {
    flex-wrap: wrap;
  }
}
.mypage_main .next_profit .slick-arrow {
  opacity: 1;
}
.mypage_main .next_profit .slick-arrow.slick-disabled {
  opacity: 0.3;
  cursor: default;
}
.mypage_main .next_profit .slick-prev,
.mypage_main .next_profit .slick-next {
  transform: none;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  position: static;
  padding: 0;
  width: 24px;
  height: 24px;
  background: url("/resources/fo/invest/common/images/icons/iconMyArrow.svg") no-repeat 0 0;
}
.mypage_main .next_profit .slick-prev::before,
.mypage_main .next_profit .slick-next::before {
  display: none;
}
.mypage_main .next_profit .slick-next {
  background-position: -24px 0;
}
.mypage_main .next_profit .profit_slider {
  position: relative;
  text-align: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: calc(100% - 50px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .mypage_main .next_profit .profit_slider {
    width: 100%;
  }
}
.mypage_main .next_profit .profit_slider .slick-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 250px;
}
.mypage_main .next_profit .profit_slider .amount > strong {
  font-size: 20px;
  margin-left: 4px;
}
.mypage_main .invest_list_wrap {
  margin-top: 20px;
}
.mypage_main .invest_list_wrap > li:not(:first-child) {
  margin-top: 12px;
}
@media screen and (max-width: 767px) {
  .mypage_main .invest_list_wrap .invest_item__desc li {
    margin-top: 12px;
  }
}
.mypage_main .invest_item {
  border: 1px solid #d9d9d9;
  border-left: 3px solid #fa7300;
  font-size: 14px;
  padding: 23px 10px 23px 20px;
  width: 100%;
  display: table;
  vertical-align: middle;
  transition: 0.3s;
}
.mypage_main .invest_item:hover {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  .mypage_main .invest_item {
    display: block;
    padding-left: 23px;
  }
}
.mypage_main .invest_item__title {
  font-weight: 500;
  word-break: break-all;
  text-align: left;
  display: block;
  width: 100%;
  padding-right: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .mypage_main .invest_item__title {
    max-width: 100%;
    width: 100%;
    text-align: left;
  }
}
.mypage_main .invest_item__desc {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  line-height: 1.57;
  padding-top: 5px;
  vertical-align: middle;
}
.mypage_main .invest_item__desc li {
  width: 20%;
  padding-right: 8px;
}
@media screen and (max-width: 767px) {
  .mypage_main .invest_item__desc li {
    width: 50%;
    text-align: left;
    margin-top: 10px;
  }
}
.mypage_main .invest_item__desc p {
  color: #666;
}
.mypage_main .invest_item__desc span {
  font-weight: 500;
}
.mypage_main .invest_info {
  margin-top: 23px;
  font-size: 16px;
}
.mypage_main .invest_info .tag {
  margin-left: 10px;
}
.mypage_main .invest_info_limit {
  border-top: 1px solid #d9d9d9;
  margin-top: 15px;
  padding-top: 6px;
}
.mypage_main .invest_info .invest_type {
  color: #fa7300;
  height: 25px;
  line-height: 25px;
  padding: 0 5px;
  border: 1px solid #fa7300;
  margin-left: 15px;
}
.mypage_main .invest_info li {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
}
.mypage_main .invest_info li strong {
  font-weight: 500;
  padding-left: 5px;
}
.mypage_main .invest_info li strong > input {
  max-width: 120px;
  padding: 0;
}
.mypage_main .invest_info li strong.display_block {
  display: block;
  width: 100%;
}
.mypage_main .price_btn_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .mypage_main .price_btn_wrap {
    width: 100%;
  }
}
.mypage_main .price_btn_wrap .radio_wrap {
  margin-right: 6px;
}
@media screen and (max-width: 767px) {
  .mypage_main .price_btn_wrap .radio_wrap {
    margin-right: 0;
    margin-left: 6px;
    width: 100%;
  }
  .mypage_main .price_btn_wrap .radio_wrap:first-child {
    margin-left: 0;
  }
}
.mypage_main .price_btn_wrap .radio_wrap label {
  width: 100%;
  padding: 0 15px;
  height: 48px;
  line-height: 48px;
  background: #ececec;
  text-align: center;
}
.mypage_main .price_btn_wrap .radio_wrap label::before {
  display: none;
}
.mypage_main .price_btn_wrap .radio_wrap .input_radio:checked + label {
  background: #eb9a52;
  color: #ffffff;
}
.mypage_main .transaction_history {
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.mypage_main .transaction_history .filter_list {
  margin-top: 6px;
}
@media screen and (max-width: 1224px) {
  .mypage_main .transaction_history .filter_list {
    width: 100%;
  }
}
.mypage_main .transaction_history .filter_list li {
  margin-right: 4px;
}
.mypage_main .transaction_history .filter_list li label {
  background-color: #fff;
}
.mypage_main .transaction_history .history_text {
  margin-right: 12px;
  margin-bottom: 6px;
  width: calc(100% - 325px);
  max-width: 400px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .mypage_main .transaction_history .history_text {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
  }
}
.mypage_main .transaction_history .history_text .dash {
  width: 26px;
  text-align: center;
}
.mypage_main .transaction_history .input_wrap {
  position: relative;
  width: 100%;
}
.mypage_main .transaction_history .input_wrap::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/resources/fo/invest/common/images/icons/icon_calendar.svg") no-repeat center;
  position: absolute;
  right: 10px;
  top: 13px;
}
.mypage_main .transaction_history .input_txt {
  position: relative;
  height: 48px;
  width: 100%;
  line-height: 48px;
  padding-right: 40px;
  color: #666;
}
@media screen and (max-width: 767px) {
  .mypage_main .transaction_history .btn_search {
    width: 100%;
    margin-top: 6px;
  }
}

#withdraw_confirm {
  min-width: 380px;
}
#withdraw_confirm dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  margin-top: 5px;
}
#withdraw_confirm dl dt {
  font-weight: 600;
  width: 80px;
  padding-right: 10px;
}
#withdraw_confirm dl dd {
  width: calc(100% - 80px);
}

#withdraw_complete {
  min-width: 380px;
}

@media screen and (max-width: 767px) {
  #change_bank_account_corp #btn_numb_check {
    font-size: 14px;
    padding: 0 10px;
  }
}

.mypage_balance .transaction_history {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .mypage_balance .transaction_history {
    padding: 20px 15px;
  }
}
.mypage_balance .transaction_history .wave {
  width: 26px;
  text-align: center;
}
.mypage_balance .transaction_history .history_text {
  margin-right: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 1224px) {
  .mypage_balance .transaction_history .history_text {
    width: 100%;
    margin-right: 0;
  }
}
.mypage_balance .transaction_history .input_wrap {
  position: relative;
  width: 240px;
}
@media screen and (max-width: 1224px) {
  .mypage_balance .transaction_history .input_wrap {
    width: calc(50% - 13px);
  }
}
.mypage_balance .transaction_history .input_wrap::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/resources/fo/invest/common/images/icons/icon_calendar.svg") no-repeat center;
  position: absolute;
  right: 10px;
  top: 13px;
}
.mypage_balance .transaction_history .input_txt {
  position: relative;
  height: 48px;
  width: 100%;
  line-height: 48px;
  padding-right: 40px;
  color: #666;
}
@media screen and (max-width: 1224px) {
  .mypage_balance .transaction_history .history_btns {
    margin-top: 4px;
    width: 100%;
  }
  .mypage_balance .transaction_history .history_btns .radio_wrap {
    width: 100%;
  }
  .mypage_balance .transaction_history .history_btns .radio_wrap:not(:first-of-type) {
    margin-left: 4px;
  }
  .mypage_balance .transaction_history .history_btns .radio_wrap label {
    margin: 0;
  }
}
.mypage_balance .txt_caution:first-of-type {
  margin-top: 15px;
}
.mypage_balance .account_help {
  font-size: 12px;
  color: #ee501e;
}
@media screen and (max-width: 1224px) {
  .mypage_balance .account_help {
    display: block;
  }
}
.mypage_balance .account_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 24px;
}
.mypage_balance .account_box__item {
  border: 1px solid #d9d9d9;
  height: 170px;
  padding: 20px 20px 20px 20px;
}
@media screen and (max-width: 1224px) {
  .mypage_balance .account_box__item {
    height: auto;
  }
}
.mypage_balance .account_box__current {
  width: 372px;
}
@media screen and (max-width: 1224px) {
  .mypage_balance .account_box__current {
    width: 100%;
  }
}
.mypage_balance .account_box__current .tit {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
}
.mypage_balance .account_box__current .current_amount {
  font-size: 18px;
  border-bottom: 1px solid #d9d9d9;
  text-align: right;
  padding-bottom: 12px;
  margin-top: 2px;
}
.mypage_balance .account_box__current .current_amount > strong {
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.05em;
}
.mypage_balance .account_box__current .remove_amount {
  font-size: 18px;
  border-bottom: 1px solid #d9d9d9;
  text-align: right;
  padding-bottom: 20px;
  margin-top: 2px;
}
.mypage_balance .account_box__current .remove_amount .account_copy {
  text-align: center;
  padding-top: 16px;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.032em;
}
.mypage_balance .account_box__current .remove_amount .account_copy input {
  max-width: 150px !important;
  padding: 0;
}
.mypage_balance .account_box__current .remove_amount .account_copy .txt_link {
  font-size: 16px;
}
.mypage_balance .account_box__current__withdraw {
  width: 579px;
  padding-left: 50px;
  padding-top: 25px;
  font-size: 16px;
  padding-right: 50px;
}
@media screen and (max-width: 1224px) {
  .mypage_balance .account_box__current__withdraw {
    width: 100%;
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .mypage_balance .account_box__current__withdraw {
    padding: 0;
    margin-top: 3rem;
    border: 0;
  }
}
.mypage_balance .account_box .withdraw_info li:not(:first-child) {
  margin-top: 7px;
}
.mypage_balance .account_box .withdraw_info li {
  display: flex;
  text-align: left;
}
.mypage_balance .account_box .withdraw_info span {
  min-width: 110px;
}
.mypage_balance .account_box .withdraw_info strong {
  font-weight: 500;
  padding-right: 4px;
}
.mypage_balance .account_box .withdraw_info .btn_arrow {
  color: #5d6369;
}
.mypage_balance .account_box .withdraw_info .btn_arrow::after {
  border-color: #5d6369;
  border-top-width: 1px;
  border-right-width: 1px;
  width: 6px;
  height: 6px;
}
.mypage_balance .account_box .withdraw_amount {
  margin-top: 19px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .mypage_balance .account_box .withdraw_amount {
    flex-wrap: wrap;
  }
}
.mypage_balance .account_box .withdraw_amount .form_wrap {
  flex-wrap: nowrap;
  margin-top: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .mypage_balance .account_box .withdraw_amount .form_wrap {
    margin-top: 6px;
  }
}
.mypage_balance .account_box .withdraw_amount .form_wrap .input_txt {
  height: 48px;
  line-height: 48px;
  width: calc(100% - 6px);
}
.mypage_balance .account_box .withdraw_amount .form_wrap .input_txt input {
  width: 100%;
}
@media screen and (max-width: 1224px) {
  .mypage_balance .account_box .withdraw_amount .form_wrap .input_wrap {
    max-width: calc(100% - 86px);
  }
  .mypage_balance .account_box .withdraw_amount .form_wrap .btn_md {
    height: 48px;
    line-height: 48px;
  }
}
@media screen and (max-width: 767px) {
  .mypage_balance .account_box .withdraw_amount .form_wrap {
    width: 100%;
    max-width: initial;
  }
}
.mypage_balance .mypage_dashboard_box.point {
  padding: 10px 12px;
}
.mypage_balance .mypage_dashboard_box.point .my_point_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}
.mypage_balance .mypage_dashboard_box.point .my_point_box .my_point strong {
  font-size: 26px;
}
.mypage_balance .mypage_dashboard_box.point .my_point_box .my_point .unit {
  font-size: 16px;
}
.mypage_balance .mypage_dashboard_box.point .my_point_box .remove_point {
  display: flex;
  align-items: center;
}
.mypage_balance .mypage_dashboard_box.point .my_point_box .remove_point .remove_point_text {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.mypage_balance .mypage_dashboard_box.point .my_point_box .remove_point .remove_point_text .tooltip_cont {
  min-width: 250px !important;
}
@media screen and (max-width: 1200px) {
  .mypage_balance .mypage_dashboard_box.point .my_point_box .remove_point .remove_point_text .tooltip_cont {
    min-width: 180px !important;
    top: -154px !important;
  }
  .mypage_balance .mypage_dashboard_box.point .my_point_box .remove_point .remove_point_text .tooltip_cont::after {
    left: 70%;
  }
}
@media screen and (max-width: 480px) {
  .mypage_balance .mypage_dashboard_box.point .my_point_box .remove_point .remove_point_text .tooltip_cont {
    min-width: 180px !important;
    top: -159px !important;
    left: -143px !important;
  }
  .mypage_balance .mypage_dashboard_box.point .my_point_box .remove_point .remove_point_text .tooltip_cont::after {
    left: 84%;
  }
}
.mypage_balance .mypage_dashboard_box.point .my_point_box .remove_point .tooltip {
  width: 20px;
  height: 20px;
  margin-left: 3px;
}
.mypage_balance .mypage_dashboard_box.point .my_point_box .remove_point .tooltip > a {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.mypage_balance .mypage_dashboard_box.point .my_point_box .remove_point .tooltip > a img {
  width: 100%;
  height: 100%;
}
.mypage_balance .mypage_dashboard_box.point .my_point_box .remove_point span:first-child {
  margin-right: 5px;
  font-size: 16px;
}
.mypage_balance .mypage_dashboard_box.point .my_point_box .remove_point .unit {
  font-size: 16px;
}
.mypage_balance .mypage_dashboard_box.event .main_container .main_text {
  margin: 10px 0;
  font-size: 16px;
}
.mypage_balance .mypage_dashboard_box.event .main_container .main_text .bold_text {
  font-weight: 700;
}
.mypage_balance .mypage_dashboard_box.event .sub_container {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .mypage_balance .mypage_dashboard_box.event .sub_container {
    overflow: auto;
    flex-direction: column;
  }
}
.mypage_balance .mypage_dashboard_box.event .sub_container {
  background: #f7f7f7;
  padding: 20px;
}
.mypage_balance .mypage_dashboard_box.event .sub_container .sub_text_box {
  display: flex;
  flex-direction: column;
}
.mypage_balance .mypage_dashboard_box.event .sub_container .sub_text_box .sub_text {
  font-weight: 800;
  text-decoration: underline;
  color: #fe7c33;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  font-size: 15px;
}
.mypage_balance .mypage_dashboard_box.event .sub_container .sub_text_box .sub_text .link {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mypage_balance .mypage_dashboard_box.event .sub_container .sub_text_box .sub_text .link a:nth-child(1) {
  overflow-wrap: anywhere;
}
.mypage_balance .mypage_dashboard_box.event .sub_container .sub_text_box .sub_text .link .copy_icon {
  position: relative;
  height: 16px;
  aspect-ratio: 1/1.25;
  margin-left: 8px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .mypage_balance .mypage_dashboard_box.event .sub_container .sub_text_box .sub_text .link .copy_icon {
    width: 20px;
  }
}
.mypage_balance .mypage_dashboard_box.event .sub_container .sub_text_box .sub_text .link .copy_icon img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .mypage_balance .mypage_dashboard_box.event .sub_container .sub_text_box .sub_text .link .copy_icon img {
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.mypage_balance .mypage_dashboard_box.event .sub_container .sub_text_box .sub_text .link .copy_icon {
  /*               &::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background: #fe7c33;
    mix-blend-mode: screen;
  } */
}
.mypage_balance .mypage_dashboard_box.event .sub_container .kakao_btn {
  display: flex;
  /*         height: 35px; */
  align-items: center;
  background-color: #fee500;
  color: #000;
  border-radius: 20px;
  margin: auto 0 0 auto;
  font-size: 15px;
  padding: 0px 15px 0 5px;
  justify-content: center;
  font-weight: 700;
}
.mypage_balance .mypage_dashboard_box.event .sub_container .kakao_btn img {
  height: 40px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
  .mypage_balance .mypage_dashboard_box.event .sub_container .kakao_btn {
    margin: 1rem auto 0 auto;
  }
}
.mypage_balance .price_btn_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .mypage_balance .price_btn_wrap {
    width: 100%;
  }
}
.mypage_balance .price_btn_wrap .radio_wrap {
  margin-right: 6px;
}
@media screen and (max-width: 767px) {
  .mypage_balance .price_btn_wrap .radio_wrap {
    margin-right: 0;
    margin-left: 6px;
    width: 100%;
  }
  .mypage_balance .price_btn_wrap .radio_wrap:first-child {
    margin-left: 0;
  }
}
.mypage_balance .price_btn_wrap .radio_wrap label {
  width: 100%;
  padding: 0 15px;
  height: 48px;
  line-height: 48px;
  background: #ececec;
  text-align: center;
}
.mypage_balance .price_btn_wrap .radio_wrap label::before {
  display: none;
}
.mypage_balance .price_btn_wrap .radio_wrap .input_radio:checked + label {
  background: #eb9a52;
  color: #ffffff;
}
.mypage_balance .transaction_history {
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.mypage_balance .transaction_history .filter_list {
  margin-top: 6px;
}
@media screen and (max-width: 1224px) {
  .mypage_balance .transaction_history .filter_list {
    width: 100%;
  }
}
.mypage_balance .transaction_history .filter_list li {
  margin-right: 4px;
}
.mypage_balance .transaction_history .filter_list li label {
  background-color: #fff;
}
.mypage_balance .transaction_history .history_text {
  margin-right: 12px;
  margin-bottom: 6px;
  width: calc(100% - 325px);
  max-width: 400px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .mypage_balance .transaction_history .history_text {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
  }
}
.mypage_balance .transaction_history .history_text .dash {
  width: 26px;
  text-align: center;
}
.mypage_balance .transaction_history .input_wrap {
  position: relative;
  width: 100%;
}
.mypage_balance .transaction_history .input_wrap::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/resources/fo/invest/common/images/icons/icon_calendar.svg") no-repeat center;
  position: absolute;
  right: 10px;
  top: 13px;
}
.mypage_balance .transaction_history .input_txt {
  position: relative;
  height: 48px;
  width: 100%;
  line-height: 48px;
  padding-right: 40px;
  color: #666;
}
@media screen and (max-width: 767px) {
  .mypage_balance .transaction_history .btn_search {
    width: 100%;
    margin-top: 6px;
  }
}

.mypage_prd_detail .title_md {
  padding-bottom: 22px;
}
.mypage_prd_detail .title_md:not(:first-child) {
  margin-top: 30px;
}
.mypage_prd_detail .btn_wrap.right {
  flex-wrap: wrap;
}
.mypage_prd_detail .btn_wrap.right a {
  margin-left: 8px;
  margin-bottom: 4px;
}
.mypage_prd_detail .title_wrap h4 {
  padding-bottom: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .mypage_prd_detail .title_wrap {
    flex-wrap: wrap;
  }
}
.mypage_prd_detail .border_box_seperate .amount > strong {
  font-size: 18px;
}
.mypage_prd_detail .tooltip {
  top: 3px;
}
@media screen and (max-width: 767px) {
  .mypage_prd_detail .tooltip {
    top: 0;
  }
}
.mypage_prd_detail .tooltip a,
.mypage_prd_detail .tooltip img {
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
}
@media screen and (max-width: 767px) {
  .mypage_prd_detail .tooltip a,
  .mypage_prd_detail .tooltip img {
    margin: 0;
  }
}
.mypage_prd_detail .tbl_type_col th,
.mypage_prd_detail .tbl_type_col td {
  padding: 14px 6px 12px;
}

.mypage_monthly .title_md {
  padding-bottom: 22px;
}
.mypage_monthly .title_md:not(:first-child) {
  margin-top: 30px;
}
.mypage_monthly .border_box_seperate .amount > strong {
  font-size: 18px;
}
.mypage_monthly .select_month {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.mypage_monthly .select_month .select {
  max-width: 160px;
  height: 40px;
  line-height: 40px;
  background-position-y: -8px;
}
.mypage_monthly .title_wrap h4 {
  padding-bottom: 0;
  width: 100%;
}
.mypage_monthly .tbl_type_col th,
.mypage_monthly .tbl_type_col td {
  padding: 14px 6px 12px;
}

.mypage_modify .btn_arrow {
  color: #5d6369;
  margin-top: 6px;
  display: block;
}
.mypage_modify .btn_arrow::after {
  border-color: #5d6369;
  border-top-width: 1px;
  border-right-width: 1px;
  width: 6px;
  height: 6px;
}
@media screen and (max-width: 767px) {
  .mypage_modify .container_box {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.mypage_modify .tag.my_invest {
  border: 1px solid #333;
  border-radius: 2px;
}
@media screen and (max-width: 767px) {
  .mypage_modify .tbl_type_row th,
  .mypage_modify .tbl_type_row td {
    padding: 8px 10px 6px 10px;
  }
}
.mypage_modify .tbl_type_row th span,
.mypage_modify .tbl_type_row td span {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  margin: 4px 6px 4px 0;
}
.mypage_modify .tbl_type_row th .btn,
.mypage_modify .tbl_type_row td .btn {
  margin: 0;
}
.mypage_modify .marketing_agreement {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.mypage_modify .marketing_agreement .marketing_all {
  flex-wrap: wrap;
}
.mypage_modify .marketing_agreement .marketing_all .input_chk + label {
  width: auto;
}
.mypage_modify .marketing_agreement > p {
  margin-top: 10px;
  padding-left: 27px;
}
.mypage_modify .marketing_agreement .chk_list {
  display: flex;
  border-top: 0;
  padding-top: 0;
  margin-top: 17px;
  margin-left: 27px;
  padding-bottom: 40px;
}
.mypage_modify .marketing_agreement .chk_list li .chk_wrap {
  margin-top: 0;
  margin-right: 40px;
}
.mypage_modify .marketing_agreement .chk_all_txt {
  margin-top: 16px;
  line-height: 1.38;
}
.mypage_modify .btn_wrap.right {
  margin-top: 20px;
}
.mypage_modify .btn_wrap.center {
  margin: 60px auto 0 auto;
}
.mypage_modify .btn_wrap.center .btn_orange {
  min-width: 240px;
}

.deposit_info_box.balance {
  margin-bottom: 0;
}
.deposit_info_box dt {
  display: flex;
  align-items: center;
}
.deposit_info_box .tooltip {
  width: 20px;
  height: 24px;
  margin-left: 6px;
}
.deposit_info_box .tooltip:hover .tooltip_cont {
  display: none;
}
.deposit_info_box .tooltip .tooltip_cont.show {
  display: block;
}
.deposit_info_box .tooltip .txt_pnk {
  color: #fff;
  text-decoration: underline;
}
.deposit_info_box .tooltip > a {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.deposit_info_box .tooltip > a img {
  width: 100%;
  height: 100%;
}

#pop_apply .balance .tooltip_cont {
  position: relative;
  min-width: 410px;
}
@media screen and (max-width: 767px) {
  #pop_apply .balance .tooltip_cont {
    min-width: 250px !important;
    left: -38px !important;
  }
}
#pop_apply .balance .tooltip_cont::after {
  left: 19%;
}
#pop_apply .balance .tooltip_cont .close_icon {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 10px;
  right: 15px;
  cursor: pointer;
}
#pop_apply .point_box {
  margin-top: 0;
}
#pop_apply .point_box .tooltip_cont {
  position: relative;
  min-width: 410px;
}
@media screen and (max-width: 767px) {
  #pop_apply .point_box .tooltip_cont {
    min-width: 250px;
    top: -270px !important;
    left: -37px !important;
  }
}
#pop_apply .point_box .tooltip_cont::after {
  left: 19%;
}
#pop_apply .point_box .tooltip_cont .close_icon {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 10px;
  right: 15px;
  cursor: pointer;
}
#pop_apply .point_box > li {
  flex-direction: column;
}
#pop_apply .point_box dl {
  width: 100%;
}
#pop_apply .point_box .point_input_box {
  position: relative;
  width: 100%;
  margin-top: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
#pop_apply .point_box .point_input_box .input_txt {
  width: 75%;
  border: none;
}
#pop_apply .point_box .point_input_box .input_txt::-moz-placeholder {
  font-size: 14px;
}
#pop_apply .point_box .point_input_box .input_txt::placeholder {
  font-size: 14px;
}
#pop_apply .point_box .point_input_box .btn_outline {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  width: 100px;
}
#pop_apply .point_result_box {
  margin-top: 20px;
  padding: 15px;
  background: rgba(235, 235, 235, 0.3882352941);
  border-radius: 5px;
}
#pop_apply .point_result_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#pop_apply .point_result_list:last-child {
  margin-top: 10px;
}
#pop_apply .point_result_title {
  font-size: 16px;
  font-weight: 700;
}

.mypage_balance .balance_tab {
  margin-top: 20px;
  justify-content: center;
  border-bottom: none;
}
.mypage_balance .balance_tab li:last-child {
  margin-left: 10px;
}
.mypage_balance .balance_tab li a {
  border: none;
  padding: 8px 29px;
  background: #ececec;
  border-radius: 26px;
  line-height: unset;
  color: #a7a7a7;
  height: auto;
}
.mypage_balance .balance_tab li a.active {
  border: none;
  padding: 8px 29px;
  background: #fa7300;
  border-radius: 26px;
  line-height: unset;
  color: #fff;
  height: auto;
}
.mypage_balance .balance_tab li a.active::after {
  display: none;
}

#pop_userpw_confirm,
#pop_userpw_change {
  max-width: 480px;
}
#pop_userpw_confirm .form_wrap,
#pop_userpw_change .form_wrap {
  margin: 23.4px auto 0 auto;
}
#pop_userpw_confirm .form_wrap.btn_wrap,
#pop_userpw_change .form_wrap.btn_wrap {
  margin-top: 10px;
}

#pop_phone_change,
#pop_email_change {
  max-width: 480px;
}
#pop_phone_change .select_wrap,
#pop_email_change .select_wrap {
  width: 100%;
}
#pop_phone_change .input_wrap .input_txt,
#pop_email_change .input_wrap .input_txt {
  flex-grow: 1;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #pop_phone_change .input_wrap .input_txt::-moz-placeholder, #pop_email_change .input_wrap .input_txt::-moz-placeholder {
    font-size: 14px;
  }
  #pop_phone_change .input_wrap .input_txt::placeholder,
  #pop_email_change .input_wrap .input_txt::placeholder {
    font-size: 14px;
  }
}
#pop_phone_change .input_wrap .btn_lg,
#pop_email_change .input_wrap .btn_lg {
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  #pop_phone_change .input_wrap.cert_numb_area .timer_wrap #cert_timer,
  #pop_phone_change .input_wrap.cert_numb_area .timer_wrap #cert_timer_email,
  #pop_email_change .input_wrap.cert_numb_area .timer_wrap #cert_timer,
  #pop_email_change .input_wrap.cert_numb_area .timer_wrap #cert_timer_email {
    right: 0;
  }
  #pop_phone_change .input_wrap.cert_numb_area .input_txt,
  #pop_email_change .input_wrap.cert_numb_area .input_txt {
    width: calc(100% - 55px);
  }
}
#pop_phone_change .input_wrap .btn_lg,
#pop_email_change .input_wrap .btn_lg {
  width: 140px;
}
@media screen and (max-width: 767px) {
  #pop_phone_change .input_wrap .btn_lg,
  #pop_email_change .input_wrap .btn_lg {
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    min-width: 100px;
    max-width: 100px;
    margin-left: 6px;
  }
}
#pop_phone_change .btn_lg,
#pop_email_change .btn_lg {
  padding: 0;
}

#pop_userpw_confirm {
  font-weight: 600;
}
#pop_userpw_confirm .modal_tit .tit {
  font-size: 1rem;
  color: #373737;
}
#pop_userpw_confirm .modal_cont {
  background-color: unset;
  padding: 0;
  margin-top: 0.65rem;
}
#pop_userpw_confirm .modal_cont .area_text {
  font-size: 0.85rem;
  color: #7a7a7a;
  margin-top: 0;
}
#pop_userpw_confirm .modal_cont .form_wrap {
  margin-top: 1.4625rem;
}
#pop_userpw_confirm .modal_cont label {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0.6625rem;
  font-size: 0.8rem;
  color: #7a7a7a;
}
#pop_userpw_confirm .modal_cont input {
  font-size: 1rem;
  color: #bebebe;
}
#pop_userpw_confirm .modal_cont .txt_validate {
  margin: 0;
  font-size: 0.8rem;
  color: #fa7300;
}
#pop_userpw_confirm .modal_cont .modal_btn_wrap {
  font-size: 1.1rem;
  color: #ffffff;
  margin-top: 1.5rem;
  display: flex;
  flex-direction: row;
  gap: 0.55rem;
}
#pop_userpw_confirm .modal_cont .modal_btn_wrap .btn_md {
  margin: unset;
  min-width: unset;
  flex: 1;
}

.faq_contents {
  padding-top: 60px;
  padding-bottom: 60px;
}
.faq_contents .faq_banner {
  max-width: 1016px;
  margin: auto;
  margin-top: 60px;
  border: 1px solid #ececec;
  border-radius: 4px;
  background: #f1f3f5;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .faq_contents .faq_banner {
    justify-content: center;
  }
  .faq_contents .faq_banner h3 {
    width: 100%;
    text-align: center;
  }
}
.faq_contents .faq_banner .btn {
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .faq_contents .faq_banner .btn {
    margin: 10px auto 0 auto;
  }
}
.faq_contents .tag {
  color: #888;
}
.faq_contents .tag.notice_imp {
  color: #fa7300;
}
@media screen and (max-width: 767px) {
  .faq_contents {
    padding: 60px 15px;
  }
}
@media screen and (min-width: 767px) {
  .faq_contents .slick-list {
    width: 100% !important;
  }
  .faq_contents .slick-track {
    width: 100% !important;
  }
  .faq_contents .slick-slide {
    width: 14.28% !important;
  }
}
.faq_contents .tab_list {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  align-items: flex-end;
  background-color: #f7f7f7;
  margin-top: 60px;
  border-bottom: 0;
}
.faq_contents .tab_list li {
  width: 100%;
}
@media screen and (max-width: 1224px) {
  .faq_contents .tab_list li {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .faq_contents .tab_list li {
    width: 33.333%;
  }
}
.faq_contents .tab_list li a {
  position: relative;
  display: block;
  padding: 0 24px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .faq_contents .tab_list li a {
    font-size: 14px;
  }
}
.faq_contents .tab_list li a.active {
  color: #fff;
  background: #fa7300;
}
.faq_contents .tab_list.tab_type2 li {
  width: 50%;
}
.faq_contents .tab_cont {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .faq_contents .tab_cont {
    margin-top: 30px;
  }
}
.faq_contents .faq_list .faq_tit {
  border-top: 0;
}
.faq_contents .faq_list .faq_tit a {
  align-items: flex-start;
  padding: 25px 50px 24px 15px;
}
.faq_contents .faq_list .faq_tit a::after {
  top: 38px;
}
@media screen and (max-width: 767px) {
  .faq_contents .faq_list .faq_tit a::after {
    top: 28px;
  }
}
@media screen and (max-width: 767px) {
  .faq_contents .faq_list .faq_tit a {
    padding: 15px 50px 15px 15px;
  }
}
.faq_contents .faq_list .faq_tit .tag.notice {
  width: 40px;
  flex-basis: 40px;
}
.faq_contents .faq_list .faq_tit .tit {
  display: block;
  flex-grow: 1;
  font-size: 16px;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .faq_contents .faq_list .faq_tit .tit {
    font-size: 14px;
  }
}
.faq_contents .faq_list .faq_cont {
  padding: 24px 20px;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .faq_contents .faq_list .faq_cont {
    padding: 20px;
  }
  .faq_contents .faq_list .faq_cont, .faq_contents .faq_list .faq_cont p {
    font-size: 14px;
  }
}
.faq_contents .tab_cont {
  padding: 0;
}

.inquiry_main {
  text-align: center;
  padding-top: 70px;
}
.inquiry_main_img {
  width: 235px;
  height: 210px;
  background: url("/resources/fo/invest/common/images/img_private_inquiry.png") no-repeat center;
  margin: 75px auto 45px auto;
}
.inquiry_main_txt {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  .inquiry_main_txt {
    font-size: 14px;
  }
}
.inquiry_main .btn_wrap .btn_orange {
  min-width: 240px;
}
@media screen and (max-width: 767px) {
  .inquiry_main .btn_wrap .btn_orange {
    font-size: 16px;
  }
}
.inquiry_main .inquiry_cs_wrap {
  margin-top: 80px;
  background-color: #f7f7f7;
  width: 100%;
}
.inquiry_main .inquiry_cs_wrap .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.inquiry_main .inquiry_cs_wrap .cs_item {
  text-align: right;
  width: 50%;
  padding: 60px 120px 60px 0;
}
@media screen and (max-width: 1224px) {
  .inquiry_main .inquiry_cs_wrap .cs_item {
    width: 100%;
    padding: 40px 15px 25px 15px;
    text-align: center;
  }
}
.inquiry_main .inquiry_cs_wrap .cs_item .btn_md {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  background: #f7f7f7;
}
.inquiry_main .inquiry_cs_wrap .cs_item:nth-child(2) {
  text-align: left;
  padding: 60px 0 0 120px;
}
@media screen and (max-width: 1224px) {
  .inquiry_main .inquiry_cs_wrap .cs_item:nth-child(2) {
    padding: 25px 15px;
    text-align: center;
    border-top: 1px solid #d9d9d9;
  }
}
.inquiry_main .inquiry_cs_wrap .cs_item__container {
  text-align: center;
  display: inline-block;
  font-size: 16px;
}
.inquiry_main .inquiry_cs_wrap .title {
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .inquiry_main .inquiry_cs_wrap .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .inquiry_main .inquiry_cs_wrap .txt {
    font-size: 14px;
  }
}
.inquiry_main .inquiry_cs_wrap .cs_tel {
  font-weight: 500;
  font-size: 30px;
  color: #fa7300;
  margin-top: 20px;
  display: block;
  padding-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .inquiry_main .inquiry_cs_wrap .cs_tel {
    font-size: 24px;
  }
}
.inquiry_main .inquiry_cs_wrap .cs_email {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
@media screen and (max-width: 767px) {
  .inquiry_main .inquiry_cs_wrap .cs_email {
    font-size: 14px;
  }
}

.inquiry_list {
  padding-bottom: 40px;
  padding-top: 60px;
}
.inquiry_list .mypage_inquiry > .btn_wrap {
  justify-content: flex-end;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .inquiry_list .mypage_inquiry > .btn_wrap .btn {
    font-size: 14px;
  }
}
.inquiry_list .first {
  margin-top: 20px;
  font-size: 15px;
  text-align: center;
}
.inquiry_list .no_result {
  border-top: 1px solid #c6c6c6;
  padding-top: 20px;
  margin-top: 20px;
}
.inquiry_list .container {
  max-width: 1224px;
  width: 100%;
}
@media screen and (max-width: 1224px) {
  .inquiry_list {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.inquiry_list .title_wrap .title_section {
  margin: 0;
}
.inquiry_list .faq_list_wrap {
  margin-top: 40px;
  border-bottom: 1px solid #c6c6c6;
}
@media screen and (max-width: 767px) {
  .inquiry_list .faq_list_wrap {
    margin-top: 20px;
  }
}
.inquiry_list .faq_list_wrap .faq_list {
  border-bottom: 0;
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  .inquiry_list .faq_tit a {
    flex-wrap: wrap;
  }
}
.inquiry_list .faq_tit .date {
  color: #9ca0a3;
  font-weight: 400;
  font-size: 0.9em;
}
.inquiry_list .faq_tit .tit {
  max-width: calc(100% - 160px);
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .inquiry_list .faq_tit .tit {
    max-width: 100%;
    width: 100%;
  }
}
.inquiry_list .faq_cont {
  background: #ffffff;
  word-break: break-word;
}
.inquiry_list .faq_cont .btn {
  font-size: 13px;
}
.inquiry_list .faq_reply {
  background: #f7f7f7;
  margin-top: 20px;
  padding: 15px;
}
.inquiry_list .faq_reply .reply_tit {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.inquiry_list .faq_reply .reply_tit strong {
  color: #fa7300;
}
.inquiry_list .faq_reply .reply_cont {
  padding-top: 15px;
}

.inquiry_wrt {
  padding-bottom: 40px;
  padding-top: 60px;
}
@media screen and (max-width: 1224px) {
  .inquiry_wrt {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.inquiry_wrt .first {
  margin-top: 20px;
  font-size: 15px;
  text-align: center;
}
.inquiry_wrt .first small {
  font-size: 0.9em;
  color: #9ca0a3;
}
.inquiry_wrt .txt_validate {
  word-break: break-all;
}
.inquiry_wrt .form_wrap form,
.inquiry_wrt .form_wrap label {
  width: 100%;
}
.inquiry_wrt .form_wrap .input_wrap > .select_wrap {
  width: 49.5%;
}
.inquiry_wrt .form_wrap .input_wrap + .input_wrap {
  margin-top: 12px;
}
.inquiry_wrt .form_wrap .filebox {
  max-width: 495px;
}
@media screen and (max-width: 767px) {
  .inquiry_wrt .form_wrap .filebox {
    max-width: 100%;
  }
}
.inquiry_wrt .form_wrap .filebox + .filebox {
  margin-top: 6px;
}
.inquiry_wrt .form_wrap .filebox .input_txt {
  width: calc(100% - 119px);
  height: 54px;
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .inquiry_wrt .form_wrap .filebox .input_txt {
    height: 50px;
  }
}
.inquiry_wrt .form_wrap .filebox .btn {
  min-width: 119px;
  max-width: 120px;
  margin: 0;
  font-size: 16px;
  padding: 0 5px;
  font-weight: 500;
  margin-left: 12px;
}
@media screen and (max-width: 767px) {
  .inquiry_wrt .form_wrap .filebox .btn {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    flex-grow: 1;
  }
}
.inquiry_wrt .chk_wrap {
  margin-bottom: 30px;
}
.inquiry_wrt .chk_wrap .input_chk + label {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .inquiry_wrt .chk_wrap .input_chk + label {
    font-size: 14px;
  }
}
.inquiry_wrt .chk_wrap .input_chk + label::before {
  top: 2px;
}
@media screen and (max-width: 767px) {
  .inquiry_wrt .chk_wrap .input_chk + label::before {
    top: 0;
  }
}
.inquiry_wrt .btn_wrap {
  margin-top: 40px;
  margin-bottom: 0;
}
.inquiry_wrt .btn_wrap .btn {
  min-width: 240px;
}
.inquiry_wrt .bul_list_gray li:not(:first-child) {
  margin-top: 4px;
}
.inquiry_wrt .txt_validate {
  display: block;
  margin-top: 10px;
  font-size: 13px;
}

.prd_dscls {
  padding-bottom: 60px;
  padding-top: 60px;
}
@media screen and (max-width: 1224px) {
  .prd_dscls {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.prd_dscls #sel_month,
.prd_dscls #sel_year {
  height: 48px;
  line-height: 48px;
  background-position-y: -4px;
}
@media screen and (max-width: 767px) {
  .prd_dscls #sel_year {
    width: 140px;
  }
}
.prd_dscls .tab_list {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  align-items: flex-end;
  background-color: #f7f7f7;
  border-bottom: 0;
}
.prd_dscls .tab_list li {
  width: 50%;
}
.prd_dscls .tab_list li a {
  position: relative;
  display: block;
  padding: 0 24px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .prd_dscls .tab_list li a {
    font-size: 14px;
  }
}
.prd_dscls .tab_list li a.active {
  color: #fff;
  background: #fa7300;
}
.prd_dscls .tab_cont {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .prd_dscls .tab_cont {
    margin-top: 30px;
  }
}
.prd_dscls .tab_cont {
  padding: 0;
}
.prd_dscls .title_lg {
  margin: 0;
}
.prd_dscls .title_md {
  margin-top: 50px;
  padding-bottom: 15px;
}
.prd_dscls .title_sm {
  padding-bottom: 15px;
}
.prd_dscls .title_sm:not(:first-of-type) {
  margin-top: 20px;
}
.prd_dscls .title_lg__mt {
  margin-top: 100px;
}
@media screen and (max-width: 1224px) {
  .prd_dscls .title_wrap {
    flex-wrap: wrap;
  }
  .prd_dscls .title_wrap [class*=title] {
    width: 100%;
  }
}
.prd_dscls .title_wrap .btn_wrap {
  width: auto;
  margin-top: 0;
}
@media screen and (max-width: 1224px) {
  .prd_dscls .title_wrap .btn_wrap {
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: 10px;
  }
}
.prd_dscls .title_wrap .btn_wrap .btn_download {
  width: 235px;
}
@media screen and (max-width: 767px) {
  .prd_dscls .title_wrap .btn_wrap .btn_download {
    width: 210px;
    font-size: 14px;
    margin: 2px 0;
  }
}
.prd_dscls .title_wrap .form_wrap {
  margin-top: 0;
}
.prd_dscls .title_wrap .select_wrap {
  margin-left: 6px;
}
.prd_dscls .title_wrap .select_wrap select {
  width: 235px;
}
@media screen and (max-width: 1224px) {
  .prd_dscls .title_wrap .select_wrap select {
    height: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .prd_dscls .title_wrap .select_wrap select {
    font-size: 14px;
    width: 210px;
    margin: 2px 0;
  }
}
.prd_dscls .numb_list2 li > ul {
  padding-left: 15px;
  margin-top: 6px;
}
.prd_dscls .numb_list2 li > ul > li {
  font-size: 14px;
}
.prd_dscls .bul_list_gray > li {
  font-size: 14px;
}
.prd_dscls .tbl_mobile_wrap {
  margin-top: 0;
}
.prd_dscls .tbl_type_col {
  margin-bottom: 20px;
}
.prd_dscls .tbl_type_col th,
.prd_dscls .tbl_type_col td {
  padding: 14px 6px 12px;
}
.prd_dscls .txt {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
}
.prd_dscls .txt + .txt {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .prd_dscls .txt {
    font-size: 14px;
  }
}
.prd_dscls .box_area {
  background: #d9d9d9;
  min-height: 280px;
  margin-top: 20px;
}
.prd_dscls .flow_img {
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
@media screen and (max-width: 1224px) {
  .prd_dscls .flow_img img {
    display: block;
    width: 100%;
  }
}

/* 법인 투자자 안내 */
.corp_guide {
  padding-bottom: 60px;
}
.corp_guide .title_section {
  height: 300px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background: url("/resources/fo/invest/common/images/bg_corp_guide_top.png") no-repeat 50% 0/cover;
  font-weight: 400;
}
.corp_guide .title_section strong {
  color: #3b3938;
}
@media screen and (max-width: 1224px) {
  .corp_guide .title_section {
    height: 180px;
    background-size: cover;
    background-position: 60% 50%;
  }
}
.corp_guide .corp_benefit {
  padding: 60px 0;
  text-align: center;
}
.corp_guide .corp_benefit p {
  font-size: 20px;
}
.corp_guide .corp_benefit ul {
  margin-top: 60px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.corp_guide .corp_benefit ul li {
  padding-top: 70px;
  width: 25%;
  text-align: center;
  font-size: 16px;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.corp_guide .corp_benefit ul li strong {
  display: block;
  font-size: 18px;
}
.corp_guide .corp_benefit ul li:nth-child(1) {
  background-position: 50% 12px;
  background-size: 48px auto;
  background-image: url("/resources/fo/invest/common/images/icons/corp_benefit_01.png");
}
.corp_guide .corp_benefit ul li:nth-child(2) {
  background-size: 48px auto;
  background-image: url("/resources/fo/invest/common/images/icons/corp_benefit_02.png");
}
.corp_guide .corp_benefit ul li:nth-child(3) {
  background-size: 48px auto;
  background-image: url("/resources/fo/invest/common/images/icons/corp_benefit_03.png");
}
@media screen and (max-width: 767px) {
  .corp_guide .corp_benefit {
    padding: 40px 20px;
  }
  .corp_guide .corp_benefit ul {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: flex-start;
  }
  .corp_guide .corp_benefit ul li {
    margin-top: 25px;
    padding: 0 0 0 80px;
    width: 100%;
    text-align: left;
    background-position: 10px 50%;
  }
  .corp_guide .corp_benefit ul li:nth-child(1) {
    background-position: 10px 12px;
  }
  .corp_guide .corp_benefit ul li:nth-child(2) {
    background-position: 14px 0;
  }
}
.corp_guide .txt_box {
  padding: 40px;
}
.corp_guide .txt_box p {
  margin-bottom: 30px;
  text-align: center;
  font-size: 18px;
}
.corp_guide .txt_box .docs_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.corp_guide .txt_box .docs_box .box {
  padding-left: 40px;
  width: 50%;
  border-right: 1px solid #d9d9d9;
}
.corp_guide .txt_box .docs_box .box + .box {
  border: none;
}
.corp_guide .txt_box .docs_box .box .bul_list_gray {
  margin-top: 10px;
}
.corp_guide .txt_box .docs_box .box .bul_list_gray li {
  font-size: 16px;
}
.corp_guide .txt_box .docs_box .box .bul_list_gray li span {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .corp_guide .txt_box {
    padding: 40px 20px;
  }
  .corp_guide .txt_box p {
    text-align: left;
  }
  .corp_guide .txt_box .docs_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: flex-start;
  }
  .corp_guide .txt_box .docs_box .box {
    width: 100%;
    padding-left: 0;
    border-right: none;
  }
  .corp_guide .txt_box .docs_box .box + .box {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #d9d9d9;
  }
}
.corp_guide .btn_wrap {
  margin: 40px 0 60px;
}
@media screen and (max-width: 767px) {
  .corp_guide .title_lg {
    padding-left: 15px;
  }
}
.corp_guide .faq_list {
  margin-top: 20px;
}
.corp_guide .info_cs_center {
  padding: 60px 0;
  text-align: center;
  font-size: 18px;
}
.corp_guide .info_cs_center a {
  color: #fa7300;
  font-weight: 500;
}

.service_guide {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 1224px) {
  .service_guide {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.service_guide .service_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 60px;
}
.service_guide .service_list_box {
  width: 32%;
  border-top: 4px solid transparent;
  transition: 0.3s border ease;
  align-self: stretch;
  padding: 68px 0 40px 40px;
  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.06);
}
@media screen and (max-width: 767px) {
  .service_guide .service_list_box {
    width: 100%;
    padding: 40px 15px;
  }
}
.service_guide .service_list_box:hover {
  border-color: #fa7300;
}
.service_guide .service_list .img {
  width: 160px;
  height: 160px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 auto;
}
.service_guide .service_list .img__limit {
  background-image: url("/resources/fo/invest/common/images/img_serviceGuide_1.png");
}
.service_guide .service_list .img__deposit {
  background-image: url("/resources/fo/invest/common/images/img_serviceGuide_2.png");
}
.service_guide .service_list .img__proceeds {
  background-image: url("/resources/fo/invest/common/images/img_serviceGuide_3.png");
}
.service_guide .service_list dl {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .service_guide .service_list dl {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.service_guide .service_list dt {
  font-size: 24px;
  font-weight: 400;
  padding-bottom: 24px;
  width: 100%;
}
@media screen and (max-width: 1224px) {
  .service_guide .service_list dt {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .service_guide .service_list dd {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .service_guide .service_list dd {
    width: 100%;
  }
}
.service_guide .service_list dd a {
  font-size: 18px;
  font-weight: 300;
  padding: 3px 0;
  display: block;
}
@media screen and (max-width: 1224px) {
  .service_guide .service_list dd a {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .service_guide .service_list dd a {
    font-size: 14px;
  }
}
.service_guide .service_list dd a::after {
  content: "";
  width: 16px;
  height: 16px;
  background: url("/resources/fo/invest/common/images/icons/icon_service_arrow_right.svg") no-repeat center;
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  opacity: 0;
  transform: translateX(-10px);
  transition: 0.2s;
}
.service_guide .service_list dd a:hover {
  color: #fa7300;
  font-weight: 400;
}
.service_guide .service_list dd a:hover::after {
  opacity: 1;
  transform: translateX(0);
}
.service_guide .service_cs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.service_guide .service_cs .txt_box {
  align-self: stretch;
  margin-top: 40px;
  width: 49%;
  padding: 40px;
  font-size: 16px;
}
@media screen and (max-width: 1224px) {
  .service_guide .service_cs .txt_box {
    width: 100%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .service_guide .service_cs .txt_box {
    padding: 20px;
    font-size: 14px;
  }
}
.service_guide .service_cs .title_md {
  padding-bottom: 24px;
}
.service_guide .service_cs .btn {
  margin-top: 24px;
}

.service_guide_detail {
  padding-top: 80px;
  padding-bottom: 60px;
}
.service_guide_detail .orange {
  color: #fa7300;
  font-weight: 700;
}
@media screen and (max-width: 1224px) {
  .service_guide_detail {
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.service_guide_detail .title_md {
  padding-bottom: 16px;
  margin-top: 60px;
}
.service_guide_detail .title_md:first-of-type {
  margin-top: 60px;
}
.service_guide_detail .txt {
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .service_guide_detail .txt {
    font-size: 15px;
  }
}
.service_guide_detail .txt_box {
  padding: 24px;
}
@media screen and (max-width: 767px) {
  .service_guide_detail .txt_box {
    padding: 15px;
  }
}
.service_guide_detail .txt_box .title_sm {
  margin-top: 20px;
  padding-bottom: 5px;
}
.service_guide_detail .txt_box + .txt {
  margin-top: 15px;
}
.service_guide_detail .img {
  text-align: center;
}
.service_guide_detail .img img {
  width: auto;
  max-width: 100%;
}
.service_guide_detail .bul_list_gray li {
  font-weight: 300;
}
.service_guide_detail .bul_list_gray li:not(:first-child) {
  margin-top: 4px;
}
.service_guide_detail .bul_list_gray li > .dash_list {
  margin-top: 6px;
}
.service_guide_detail .bul_list_gray li > .dash_list li {
  font-size: 0.94em;
}
.service_guide_detail .btn_wrap.center {
  margin-top: 60px;
}
.service_guide_detail .btn_wrap.center .btn {
  width: 100%;
  max-width: 240px;
}

.board_notice {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 1224px) {
  .board_notice {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.board_notice .form_wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .board_notice .form_wrap, .board_notice .form_wrap form {
    width: 100%;
  }
}
.board_notice .form_wrap .input_wrap {
  position: relative;
}
.board_notice .form_wrap .input_wrap::before {
  content: "";
  width: 48px;
  height: 48px;
  background: url("/resources/fo/invest/common/images/icons/icon_search.svg") no-repeat center;
  position: absolute;
  left: 5px;
  top: 0;
}
.board_notice .form_wrap .input_txt {
  width: 380px;
  padding-left: 48px;
  height: 48px;
  line-height: 48px;
}
@media screen and (max-width: 767px) {
  .board_notice .form_wrap .input_txt {
    width: 100%;
    font-size: 14px;
  }
  .board_notice .form_wrap .input_txt::-moz-placeholder {
    font-size: 14px;
  }
  .board_notice .form_wrap .input_txt::placeholder {
    font-size: 14px;
  }
}
.board_notice .faq_list:not(:first-of-type) .faq_tit {
  border-top: 0;
}
.board_notice .faq_tit.active {
  background-color: #f7f7f7;
}
.board_notice .faq_tit a {
  flex-wrap: wrap;
  padding: 15px 170px 15px 123px;
}
@media screen and (max-width: 1224px) {
  .board_notice .faq_tit a {
    padding: 15px 50px 15px 15px;
  }
}
.board_notice .faq_tit a::after {
  width: 18px;
  height: 18px;
  border-color: #5d6369;
  right: 125px;
  top: 28px;
  margin: 0;
}
@media screen and (max-width: 1224px) {
  .board_notice .faq_tit a::after {
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .board_notice .faq_tit a::after {
    width: 9px;
    height: 9px;
    top: 34px;
  }
}
.board_notice .faq_tit a .faq_tit_date {
  width: 100%;
  color: #5d6369;
  font-weight: 400;
  line-height: 24px;
}
.board_notice .faq_tit a .faq_tit_date .tag {
  font-weight: 500;
  padding-left: 0;
}
.board_notice .faq_tit a .tit {
  font-size: 16px;
  font-weight: 400;
  margin-top: 2px;
  color: #5d6369;
}
@media screen and (max-width: 767px) {
  .board_notice .faq_tit a .tit {
    font-size: 14px;
  }
}
.board_notice .faq_cont {
  padding: 33px 122px;
  background: white;
  font-size: 16px;
}
.board_notice .faq_cont .tbl_type_col th,
.board_notice .faq_cont .tbl_type_col td,
.board_notice .faq_cont .tbl_type_row th,
.board_notice .faq_cont .tbl_type_row td {
  font-size: 14px;
}
.board_notice .faq_cont .tbl_type_col th strong,
.board_notice .faq_cont .tbl_type_col td strong,
.board_notice .faq_cont .tbl_type_row th strong,
.board_notice .faq_cont .tbl_type_row td strong {
  font-size: 14px;
  color: #d55448;
}
@media screen and (max-width: 1224px) {
  .board_notice .faq_cont {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .board_notice .faq_cont {
    overflow-x: auto;
  }
  .board_notice .faq_cont, .board_notice .faq_cont p {
    font-size: 14px;
  }
}
.board_notice__list {
  margin-top: 22px;
}
.board_notice__list .faq_tit a::after {
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
  margin-top: -4px;
}
@media screen and (max-width: 767px) {
  .board_notice__list .faq_tit a::after {
    margin-top: 0;
  }
}

.board_event {
  padding: 4rem 1.25rem;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #fafafc;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .board_event {
    padding: 6.25rem 0 12.5rem;
  }
}
@media (min-width: 1225px) {
  .board_event {
    padding: 6.25rem 0 12.5rem;
  }
}
.board_event .title_section {
  font-size: 1.5rem;
  line-height: 1.95rem;
  font-weight: 700;
  color: #1a1f27;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .board_event .title_section {
    font-size: 2.75rem;
    line-height: 3rem;
    color: #070707;
  }
}
@media (min-width: 1225px) {
  .board_event .title_section {
    font-size: 2.75rem;
    line-height: 3rem;
    color: #070707;
  }
}
.board_event.winkly .board_event__list .event_state {
  align-items: flex-start;
  height: 80px;
  padding: 15px 28px;
}
.board_event.winkly .board_event__list .event_state .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 50px;
  padding-right: 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board_event.winkly .board_event__list .event_state .date {
  font-size: 15px;
  font-weight: 300;
}
.board_event.winkly .board_event__view .event_state {
  justify-content: right;
}
.board_event.winkly .board_event__view .columnMarkdown {
  font-size: 16px;
}
.board_event.winkly .board_event__view .columnMarkdown strong {
  color: #e37008;
  font-size: 20px;
}
.board_event.winkly .board_event__view .columnMarkdown p > strong {
  font-size: 16px;
}
.board_event.winkly .board_event__view .columnMarkdown h2 {
  margin-top: 30px;
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: 700;
}
.board_event.winkly .board_event__view .columnMarkdown img {
  display: block;
  margin: 30px auto;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .board_event.winkly {
    padding: 30px 15px;
  }
  .board_event.winkly .section_desc {
    margin: 20px 0;
    font-size: 18px;
  }
  .board_event.winkly .board_event__list {
    margin-top: 30px;
  }
  .board_event.winkly .board_event__list .event_state {
    padding: 15px 10px;
  }
  .board_event.winkly .board_event__view {
    margin-top: 30px;
  }
  .board_event.winkly .board_event__view .board_event_cont {
    padding: 0;
  }
  .board_event.winkly .board_event__view .columnMarkdown h2 {
    font-size: 18px;
  }
  .board_event.winkly .board_event__view .columnMarkdown img {
    width: 100%;
    margin: 20px auto;
  }
}
.board_event .event_filter {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-top: 3.3625rem;
  gap: 0.725rem;
  border-bottom: none;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .board_event .event_filter {
    gap: 3rem;
    margin-top: 5.625rem;
  }
}
@media (min-width: 1225px) {
  .board_event .event_filter {
    gap: 3rem;
    margin-top: 5.625rem;
  }
}
.board_event .event_filter li .event_tab {
  position: relative;
  display: block;
  padding: 0.5875rem 0.375rem;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
  height: unset;
  color: #727171;
  border-bottom: 0.05rem solid transparent;
  cursor: pointer;
  transition: color 0.3s ease, border-color 0.3s ease;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .board_event .event_filter li .event_tab {
    padding: 0.625rem 0.75rem;
    font-size: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .board_event .event_filter li .event_tab {
    padding: 0.625rem 0.75rem;
    font-size: 1.5rem;
  }
}
.board_event .event_filter li .event_tab:hover {
  color: rgb(159.5, 159.5, 159.5);
}
.board_event .event_filter li .event_tab.active {
  color: #ff5c00;
  border-bottom-color: #ff5c00;
}
.board_event__list {
  max-width: 61.25rem;
  margin: auto;
  margin-top: 3.925rem;
  /*   @include flex(wrap, space-between, flex-start); */
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2.475rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .board_event__list {
    margin-top: 6.25rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem;
  }
}
@media (min-width: 1225px) {
  .board_event__list {
    margin-top: 6.25rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem;
  }
}
.board_event__list li .event_thumb {
  overflow: hidden;
  border-radius: 0.75rem;
  aspect-ratio: 360/147.6;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .board_event__list li .event_thumb {
    border-radius: 0.9375rem;
    aspect-ratio: 450/184.6;
  }
}
@media (min-width: 1225px) {
  .board_event__list li .event_thumb {
    border-radius: 0.9375rem;
    aspect-ratio: 450/184.6;
  }
}
.board_event__list li .event_thumb img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.board_event__list li .event_state {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.475rem;
  padding: 0 1rem;
  margin-top: 0.975rem;
  align-items: flex-start;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .board_event__list li .event_state {
    margin-top: 1.21875rem;
    padding: 0 1.25rem;
    gap: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .board_event__list li .event_state {
    margin-top: 1.21875rem;
    padding: 0 1.25rem;
    gap: 0.625rem;
  }
}
.board_event__list li .event_state .date {
  font-size: 0.85rem;
  line-height: 1.35rem;
  font-weight: 500;
  color: #0f82ff;
  font-weight: 300;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .board_event__list li .event_state .date {
    font-size: 0.975rem;
    line-height: 1.475rem;
  }
}
@media (min-width: 1225px) {
  .board_event__list li .event_state .date {
    font-size: 0.975rem;
    line-height: 1.475rem;
  }
}
.board_event__list li .event_state .state {
  font-size: 1.25rem;
  line-height: 1.35rem;
  font-weight: 600;
  color: #070707;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .board_event__list li .event_state .state {
    font-size: 1.5rem;
    line-height: 1.6875rem;
  }
}
@media (min-width: 1225px) {
  .board_event__list li .event_state .state {
    font-size: 1.5rem;
    line-height: 1.6875rem;
  }
}
.board_event .pagination {
  margin: 2rem auto;
  display: flex;
  gap: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .board_event .pagination {
    margin: 6.25rem auto;
    gap: 0.875rem;
  }
}
@media (min-width: 1225px) {
  .board_event .pagination {
    margin: 6.25rem auto;
    gap: 0.875rem;
  }
}
.board_event .pagination .pagination-btn {
  height: 0.825rem;
}
.board_event .pagination .pagination-btn img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .board_event .pagination .pagination-btn {
    height: 1.125rem;
  }
}
@media (min-width: 1225px) {
  .board_event .pagination .pagination-btn {
    height: 1.125rem;
  }
}
.board_event .pagination .pagination-numbers {
  display: flex;
  gap: 0.95rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .board_event .pagination .pagination-numbers {
    gap: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .board_event .pagination .pagination-numbers {
    gap: 2.5rem;
  }
}
.board_event .pagination .pagination-numbers .pagination-number {
  font-size: 0.7rem;
  line-height: 0.675rem;
  font-weight: 600;
  color: #b9b9b9;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .board_event .pagination .pagination-numbers .pagination-number {
    font-size: 1.5rem;
    line-height: 1.6875rem;
  }
}
@media (min-width: 1225px) {
  .board_event .pagination .pagination-numbers .pagination-number {
    font-size: 1.5rem;
    line-height: 1.6875rem;
  }
}
.board_event .pagination .pagination-numbers .pagination-number.active {
  color: #ff5c00;
}
.board_event__view {
  margin-top: 60px;
}
.board_event__view .board_title_wrap {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  padding: 32px 20px;
}
@media screen and (max-width: 1224px) {
  .board_event__view .board_title_wrap {
    padding: 20px 20px 10px 20px;
  }
}
.board_event__view .board_title_wrap .title_lg {
  font-size: 28px;
  font-weight: 700;
}
@media screen and (max-width: 1224px) {
  .board_event__view .board_title_wrap .title_lg {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .board_event__view .board_title_wrap .title_lg {
    font-size: 20px;
  }
}
.board_event__view .board_title_wrap .event_state {
  padding: 8px 0 0 0;
}
@media screen and (max-width: 767px) {
  .board_event__view .board_title_wrap .event_state {
    line-height: 1.5;
    height: auto;
  }
}
.board_event__view .board_title_wrap .event_state .state.state-on {
  color: #3b3938;
}
.board_event__view .board_event_cont {
  margin-top: 40px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 40vh;
  font-size: 16px;
  text-align: center;
}
.board_event__view .board_event_cont p {
  text-align: center;
}
.board_event__view .board_event_cont img {
  max-width: 100%;
  vertical-align: top;
}
@media screen and (max-width: 1224px) {
  .board_event__view .board_event_cont {
    font-size: 14px;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.board_event__view .btn_more {
  border-top: 1px solid #d9d9d9;
  padding-top: 80px;
}
@media screen and (max-width: 767px) {
  .board_event__view .btn_more {
    padding-top: 40px;
  }
}

/* 이용약관 & 정보처리방침 */
/* member */
@media screen and (max-width: 1224px) {
  .terms {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.terms .container {
  padding: 40px 0;
}
.terms .container .title_section {
  margin-bottom: 30px;
}
.terms .container .title_section:not(:first-child) {
  margin-top: 60px;
}
.terms .container .title_sm {
  margin-top: 40px;
}
.terms .container .tbl_type_col {
  margin-top: 10px;
}
.terms .container .tbl_type_col.v_middle td,
.terms .container .tbl_type_col.v_middle th {
  vertical-align: middle;
}
.terms .container .tbl_type_col.v_middle tbody td {
  text-align: left;
}
.terms .container article > p {
  margin: 10px 0;
  font-size: 14px;
  line-height: 1.6;
}
.terms .container article ul,
.terms .container article ol,
.terms .container article li {
  text-align: left;
}
.terms .container article li {
  margin-top: 6px;
  line-height: 1.6;
}
.terms .container article li ul,
.terms .container article li ol {
  padding-left: 10px;
}
.terms .container article .star_list {
  margin-bottom: 20px;
}
.terms .container article .star_list > li {
  padding-left: 25px;
  position: relative;
}
.terms .container article .star_list > li i {
  position: absolute;
  left: 0;
  top: 3px;
}
.terms .container article .numb_list2 > li::before {
  content: counter(list-number) ".";
  font-weight: inherit;
  padding-right: 5px;
}
.terms .terms_download {
  text-align: right;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .terms .terms_download {
    text-align: center;
  }
}
.terms .terms_download .btn_download {
  border: 1px solid #d9d9d9;
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  padding: 0;
  background-position: center;
}
.terms .terms_download .select_wrap {
  display: inline-block;
  vertical-align: middle;
}
.terms .terms_download .select_wrap::after {
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid #5d6369;
  position: absolute;
  right: 16px;
  top: 11px;
  transform: rotate(45deg);
  border-top: 0;
  border-left: 0;
}
.terms .terms_download .select_wrap select {
  height: 36px;
  line-height: 36px;
  width: 180px;
  background: none;
}

.product_detail .detailMarkdown {
  margin-top: 50px;
}
.product_detail .detailMarkdown .title {
  margin: 60px 0 15px;
  font-size: 20px;
  font-weight: 700;
}
.product_detail .detailMarkdown h4 {
  font-weight: 500;
  padding-bottom: 10px;
}

.form_wrap .pw_wrap .btn_pw_view {
  display: block;
  width: 1.375rem;
  height: unset;
  aspect-ratio: 1/1;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  background: url("/resources/fo/invest/common/images/icons/iconPwView.svg") center no-repeat;
  opacity: unset;
}
.form_wrap .pw_wrap .btn_pw_view.on {
  background-image: url("/resources/fo/invest/common/images/icons/iconPwViewClose.svg");
  opacity: unset;
}

.my {
  padding: 1.5rem 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my {
    padding: 6.25rem 0;
  }
}
@media (min-width: 1225px) {
  .my {
    padding: 6.25rem 0;
  }
}
.my .page-title {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: #3c4045;
  gap: 0.3125rem;
  margin-bottom: 1.75rem;
}
.my .page-title .link-before {
  font-size: inherit;
  width: 1em;
  aspect-ratio: 1/1;
  background: url("/resources/fo/invest/common/images/icons/ChevronLeftDark.svg") no-repeat center/contain;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my .page-title {
    margin-bottom: 2.5rem;
    font-size: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .my .page-title {
    margin-bottom: 2.5rem;
    font-size: 1.875rem;
  }
}
.my .content-wrap {
  max-width: 38.75rem;
  margin: auto;
}
@media (max-width: 767px) {
  .my .content-wrap {
    max-width: calc(100% - 2.5rem);
  }
}
.my .custom-font-icon {
  display: block;
  height: 1em;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.my .custom-font-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.my .custom-font-icon.margin-left {
  margin-left: 0.4em;
}
.my .custom-font-icon.margin-right {
  margin-right: 0.4em;
}
.my .chevron-link {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
  color: #fa7300;
  cursor: pointer;
  text-align: right;
}
.my .chevron-link::after {
  content: "";
  display: inline-block;
  margin-left: 0.2em;
  vertical-align: middle;
  width: 1em;
  aspect-ratio: 1/1;
  background: url("/resources/fo/invest/common/images/icons/ChevronRightOrange.svg") no-repeat center/contain;
}
.my .copy-content {
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  /*     display: flex;
  align-items: center; */
  color: #8b8b8b;
}
.my .copy-content .copy-button {
  padding: 0;
  font-size: inherit;
  align-self: center;
  vertical-align: middle;
  cursor: pointer;
  aspect-ratio: 1/1;
  width: 1em;
  margin-left: 0.4em;
  background: url("/resources/fo/invest/common/images/icons/copy_gray.svg") no-repeat center 100%/100%;
}
.my .modal .modal_wrap {
  max-width: 21.25rem;
}
.my .modal .input_wrap .btn {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  padding: 0.95rem;
  margin-top: 0.7rem;
  height: unset;
  line-height: 1;
}
.my .modal input {
  font-size: 0.95rem;
  font-weight: 600;
}
.my .modal input::-moz-placeholder {
  font-weight: inherit;
  font-size: inherit;
}
.my .modal input::placeholder {
  font-weight: inherit;
  font-size: inherit;
}
.my .modal select {
  outline: none;
  border: none;
  /*   width: -moz-fit-content;
  width: fit-content; */
  text-align: center;
  padding: 0 1rem 0 0.5rem;
  background-image: url("/resources/fo/invest/common/images/icons/polygon_down.svg");
  background-size: 10px 10px;
  background-position: right center;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 0;
  border-bottom: 0.125rem solid #b9b9b9;
}
.my .modal select:hover {
  border-color: #fa7300;
}
.my .modal label {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  font-size: 0.8rem;
  font-weight: 600;
  margin-right: 0.6625rem;
}
.my .modal .txt_validate {
  margin: auto;
  margin-left: unset;
  font-size: 0.8rem;
  vertical-align: middle;
}
.my .modal .txt_validate.red {
  color: #fa7300;
}
.my .modal .modal_tit {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  /*  margin-bottom: ptr(23.2); */
}
.my .modal .modal_cont {
  margin: 0;
  background-color: unset !important;
  padding: unset !important;
}
.my .modal .modal_cont .area-text {
  font-size: 0.85rem;
  font-weight: 600;
  color: #7a7a7a;
}
.my .modal .btn_wrap {
  display: flex;
  flex-direction: row;
  gap: 0.55rem;
  margin-top: 1.4625rem;
  justify-content: center;
}
.my .modal .btn_wrap button {
  flex: 1;
  max-width: 12.5rem;
}
.my.index .modal.renewed {
  font-weight: 600;
}
.my.index .modal.renewed .modal_tit .tit {
  font-size: 1rem;
  color: #373737;
}
.my.index .modal.renewed .modal_cont {
  background-color: unset;
  padding: 0;
  margin-top: 0.65rem;
}
.my.index .modal.renewed .modal_cont .area_text {
  font-size: 0.85rem;
  color: #7a7a7a;
  margin-top: 0;
}
.my.index .modal.renewed .modal_cont .form_wrap {
  margin-top: 1.4625rem;
}
.my.index .modal.renewed .modal_cont label {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0.6625rem;
  font-size: 0.8rem;
  color: #7a7a7a;
}
.my.index .modal.renewed .modal_cont input {
  font-size: 1rem;
  color: #bebebe;
}
.my.index .modal.renewed .modal_cont .txt_validate {
  margin: 0;
  font-size: 0.8rem;
  color: #fa7300;
}
.my.index .modal.renewed .modal_cont .modal_btn_wrap {
  font-size: 1.1rem;
  color: #ffffff;
  margin-top: 1.5rem;
  display: flex;
  flex-direction: row;
  gap: 0.55rem;
}
.my.index .modal.renewed .modal_cont .modal_btn_wrap .btn_md {
  margin: unset;
  min-width: unset;
  flex: 1;
}
.my.index h3 {
  font-size: 1rem;
  color: #373737;
  font-weight: 600;
}
.my.index .page-title {
  font-size: 1.5rem;
  margin-bottom: 1.9875rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.index .page-title {
    margin-bottom: 2.5rem;
    font-size: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .my.index .page-title {
    margin-bottom: 2.5rem;
    font-size: 1.875rem;
  }
}
.my.index .basic-info .smaller {
  font-size: 0.8rem;
}
.my.index .basic-info .small {
  font-size: 0.9rem;
}
.my.index .basic-info .large {
  font-size: 0.95rem;
  line-height: 1.7rem;
}
.my.index .basic-info .lighter {
  color: #999999;
}
.my.index .basic-info .light {
  color: #7a7a7a;
}
.my.index .basic-info .dark {
  color: #3c4045;
}
.my.index .basic-info .content-wrap {
  display: flex;
  flex-direction: column;
}
.my.index .basic-info .content-wrap > .flex-col {
  flex: 1;
  padding: 1.5rem 0;
}
.my.index .basic-info .content-wrap > .flex-col:not(:last-child) {
  border-bottom: 0.025rem solid #dddee1;
}
.my.index .basic-info .content-wrap > .flex-col .title {
  margin-bottom: 1.0125rem;
}
.my.index .basic-info .content-wrap > .flex-col .link.limit {
  margin-top: 0.7125rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.index .basic-info {
    margin-bottom: 1.875rem;
  }
  .my.index .basic-info .smaller {
    font-size: 0.8125rem;
  }
  .my.index .basic-info .small {
    font-size: 0.875rem;
  }
  .my.index .basic-info .large {
    font-size: 0.9375rem;
    line-height: 1.75rem;
  }
  .my.index .basic-info .content-wrap {
    flex-direction: row;
  }
  .my.index .basic-info .content-wrap > .flex-col {
    padding: 0;
  }
  .my.index .basic-info .content-wrap > .flex-col:not(:last-child) {
    border-bottom: none;
    border-right: 0.025rem solid #dddee1;
  }
  .my.index .basic-info .content-wrap > .flex-col:nth-child(1) {
    padding-right: 1.25rem;
  }
  .my.index .basic-info .content-wrap > .flex-col:nth-child(2) {
    padding-left: 1.25rem;
    justify-content: center;
  }
  .my.index .basic-info .content-wrap > .flex-col .title {
    margin-bottom: 1.0625rem;
  }
  .my.index .basic-info .content-wrap > .flex-col .link.limit {
    margin-top: 0.3125rem;
  }
}
@media (min-width: 1225px) {
  .my.index .basic-info {
    margin-bottom: 1.875rem;
  }
  .my.index .basic-info .smaller {
    font-size: 0.8125rem;
  }
  .my.index .basic-info .small {
    font-size: 0.875rem;
  }
  .my.index .basic-info .large {
    font-size: 0.9375rem;
    line-height: 1.75rem;
  }
  .my.index .basic-info .content-wrap {
    flex-direction: row;
  }
  .my.index .basic-info .content-wrap > .flex-col {
    padding: 0;
  }
  .my.index .basic-info .content-wrap > .flex-col:not(:last-child) {
    border-bottom: none;
    border-right: 0.025rem solid #dddee1;
  }
  .my.index .basic-info .content-wrap > .flex-col:nth-child(1) {
    padding-right: 1.25rem;
  }
  .my.index .basic-info .content-wrap > .flex-col:nth-child(2) {
    padding-left: 1.25rem;
    justify-content: center;
  }
  .my.index .basic-info .content-wrap > .flex-col .title {
    margin-bottom: 1.0625rem;
  }
  .my.index .basic-info .content-wrap > .flex-col .link.limit {
    margin-top: 0.3125rem;
  }
}
.my.index .deposit-management {
  background-color: #fff6ee;
}
.my.index .deposit-management .content-wrap {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.my.index .deposit-management .dark {
  color: #373737;
}
.my.index .deposit-management .light {
  color: #6a6a6a;
}
.my.index .deposit-management .lighter {
  color: #8b8b8b;
}
.my.index .deposit-management .smaller {
  font-size: 0.75rem;
}
.my.index .deposit-management .small {
  font-size: 0.8rem;
}
.my.index .deposit-management .large {
  font-size: 0.9rem;
}
.my.index .deposit-management .account {
  margin-top: 0.6125rem;
}
.my.index .deposit-management .point {
  margin-top: 0.725rem;
}
.my.index .deposit-management .point .badge {
  text-align: center;
  background-color: #ffffff;
  padding: 0.175rem 0.5rem;
  border-radius: 0.75rem;
  margin-right: 0.4875rem;
}
.my.index .deposit-management .point > div {
  flex: 1;
}
.my.index .deposit-management .point .flex-dynamic {
  gap: 0.7rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.index .deposit-management {
    background-color: unset;
  }
  .my.index .deposit-management .content-wrap {
    background-color: #fff6ee;
    padding: 1.25rem;
  }
  .my.index .deposit-management .smaller {
    font-size: 0.75rem;
  }
  .my.index .deposit-management .small {
    font-size: 0.75rem;
  }
  .my.index .deposit-management .large {
    font-size: 0.875rem;
  }
  .my.index .deposit-management .point .flex-dynamic {
    flex-direction: row;
    justify-content: end;
    gap: 1.45rem;
  }
}
@media (min-width: 1225px) {
  .my.index .deposit-management {
    background-color: unset;
  }
  .my.index .deposit-management .content-wrap {
    background-color: #fff6ee;
    padding: 1.25rem;
  }
  .my.index .deposit-management .smaller {
    font-size: 0.75rem;
  }
  .my.index .deposit-management .small {
    font-size: 0.75rem;
  }
  .my.index .deposit-management .large {
    font-size: 0.875rem;
  }
  .my.index .deposit-management .point .flex-dynamic {
    flex-direction: row;
    justify-content: end;
    gap: 1.45rem;
  }
}
.my.index .membership-lounge {
  margin-top: 1.5rem;
}
.my.index .membership-lounge .content-wrap {
  background-color: #f3f5f9;
  padding: 1.2rem;
  border-radius: 0.6rem;
  gap: 0.5rem;
}
.my.index .membership-lounge .content-wrap > .flex-row:nth-of-type(2) {
  align-items: start;
}
.my.index .membership-lounge .smaller {
  font-size: 0.75rem;
}
.my.index .membership-lounge .small {
  font-size: 0.8rem;
}
.my.index .membership-lounge .large {
  font-size: 1.3rem;
}
.my.index .membership-lounge .dark {
  color: #3c4045;
}
.my.index .membership-lounge .light {
  color: #8b8b8b;
}
.my.index .membership-lounge .basic {
  color: #666666;
}
.my.index .membership-lounge .silver {
  color: #98a3cc;
}
.my.index .membership-lounge .gold {
  color: #ccc498;
}
.my.index .membership-lounge .platinum {
  color: #838ba8;
}
.my.index .membership-lounge .badge {
  padding: 0.125rem 0.5rem;
  background-color: #ffffff;
  border-radius: 0.75rem;
  margin-left: 0.3875rem;
}
.my.index .membership-lounge img.star {
  width: 1.1rem;
  aspect-ratio: 1/1;
  margin-right: 0.4rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.index .membership-lounge {
    margin-top: 1rem;
  }
  .my.index .membership-lounge .content-wrap {
    padding: 1.25rem 1.2rem;
    gap: 0.4375rem;
  }
  .my.index .membership-lounge .content-wrap > .flex-row:nth-of-type(2) {
    align-items: center;
  }
  .my.index .membership-lounge .small {
    font-size: 0.875rem;
  }
  .my.index .membership-lounge .large {
    font-size: 1.25rem;
  }
  .my.index .membership-lounge .badge {
    margin-left: 0.4375rem;
  }
  .my.index .membership-lounge img.star {
    width: 1.125rem;
    aspect-ratio: 1/1;
    margin-right: 0.3125rem;
  }
}
@media (min-width: 1225px) {
  .my.index .membership-lounge {
    margin-top: 1rem;
  }
  .my.index .membership-lounge .content-wrap {
    padding: 1.25rem 1.2rem;
    gap: 0.4375rem;
  }
  .my.index .membership-lounge .content-wrap > .flex-row:nth-of-type(2) {
    align-items: center;
  }
  .my.index .membership-lounge .small {
    font-size: 0.875rem;
  }
  .my.index .membership-lounge .large {
    font-size: 1.25rem;
  }
  .my.index .membership-lounge .badge {
    margin-left: 0.4375rem;
  }
  .my.index .membership-lounge img.star {
    width: 1.125rem;
    aspect-ratio: 1/1;
    margin-right: 0.3125rem;
  }
}
.my.index .membership-banner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .my.index .membership-banner .content-wrap {
    max-width: unset;
  }
}
.my.index .membership-banner {
  margin-top: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.index .membership-banner {
    margin-top: 1rem;
  }
}
@media (min-width: 1225px) {
  .my.index .membership-banner {
    margin-top: 1rem;
  }
}
.my.index .membership-banner .banner {
  display: block;
  line-height: 0;
  position: relative;
}
.my.index .membership-banner .banner.point .point-text {
  position: absolute;
  top: 64%;
  background-color: black;
  right: 10.5%;
  font-size: clamp(0.71125rem, 0.0006rem + 3.5533vw, 1.3775rem);
  color: #ffffff;
  font-weight: 600;
}
.my.index .return {
  margin-top: 2.025rem;
}
.my.index .return .smaller {
  font-size: 0.75rem;
}
.my.index .return .small {
  font-size: 0.9rem;
}
.my.index .return .large {
  font-size: 0.95rem;
}
.my.index .return .larger {
  font-size: 1.3rem;
}
.my.index .return .dark {
  color: #3c4045;
}
.my.index .return .light {
  color: #7a7a7a;
}
.my.index .return .lighter {
  color: #8b8b8b;
}
.my.index .return .gray-container {
  background-color: #f5f5f5;
  padding: 1rem;
  border-radius: 0.625rem;
}
.my.index .return .flex-dynamic {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.my.index .return .amount {
  margin-top: 1.075rem;
}
.my.index .return .amount .flex-col {
  gap: 0.275rem;
}
.my.index .return .amount .img-container {
  background-color: #f5f5f5;
  width: 2.2rem;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  margin-right: 0.9rem;
}
.my.index .return .amount .img-container img {
  display: block;
  width: 70%;
}
.my.index .return .btn.monthly-report {
  padding: 0.7rem;
  font-size: 0.95rem;
  border-radius: 0.629375rem;
  margin-top: 1.5rem;
}
.my.index .return .toggle-wrap .toggle-switch {
  position: relative;
  width: 1.75rem;
  height: 0.95rem;
}
.my.index .return .toggle-wrap .toggle-switch .toggle-input {
  opacity: 0;
  width: 0;
  height: 0;
}
.my.index .return .toggle-wrap .toggle-switch .toggle-input:checked + .toggle-label {
  background-color: #fa7300;
}
.my.index .return .toggle-wrap .toggle-switch .toggle-input:checked + .toggle-label::before {
  left: calc(100% - 0.575rem - 0.1875rem);
}
.my.index .return .toggle-wrap .toggle-switch .toggle-label {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ccc;
  border-radius: 0.625rem;
  transition: background-color 0.3s;
}
.my.index .return .toggle-wrap .toggle-switch .toggle-label::before {
  content: "";
  position: absolute;
  bottom: 50%;
  left: 0.1875rem;
  transform: translateY(50%);
  width: 0.575rem;
  height: 0.575rem;
  background-color: #ffffff;
  border-radius: 50%;
  transition: left 0.3s;
}
.my.index .return .toggle-wrap .toggle-status {
  margin-left: 0.3rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.index .return {
    margin-top: 2.625rem;
  }
  .my.index .return .flex-dynamic {
    flex-direction: row-reverse;
    gap: 1.25rem;
    margin-top: 1rem;
  }
  .my.index .return .small {
    font-size: 0.875rem;
  }
  .my.index .return .large {
    font-size: 0.9375rem;
  }
  .my.index .return .larger {
    font-size: 1.25rem;
  }
  .my.index .return .gray-container {
    padding: 1.2rem;
  }
  .my.index .return .amount {
    justify-content: space-evenly;
    margin-top: unset;
  }
  .my.index .return .amount .flex-col {
    gap: 0.25rem;
  }
  .my.index .return .amount .img-container {
    background-color: #f5f5f5;
    width: 2.2rem;
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
    border-radius: 50%;
    margin-right: 0.9rem;
  }
  .my.index .return .amount .img-container img {
    display: block;
    width: 70%;
  }
  .my.index .return .amount .btn.monthly-report {
    margin-top: 1rem;
  }
  .my.index .return .stats {
    margin-top: unset;
    justify-content: space-evenly;
    line-height: 1.75rem;
  }
  .my.index .return .toggle-wrap .toggle-switch {
    position: relative;
    width: 1.75rem;
    height: 0.95rem;
  }
  .my.index .return .toggle-wrap .toggle-switch .toggle-input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  .my.index .return .toggle-wrap .toggle-switch .toggle-input:checked + .toggle-label {
    background-color: #fa7300;
  }
  .my.index .return .toggle-wrap .toggle-switch .toggle-input:checked + .toggle-label::before {
    left: calc(100% - 0.75rem - 0.1rem);
  }
  .my.index .return .toggle-wrap .toggle-switch .toggle-label {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #ccc;
    border-radius: 0.625rem;
    transition: background-color 0.3s;
  }
  .my.index .return .toggle-wrap .toggle-switch .toggle-label::before {
    content: "";
    position: absolute;
    bottom: 50%;
    left: 0.1rem;
    transform: translateY(50%);
    width: 0.75rem;
    height: 0.75rem;
    background-color: #ffffff;
    border-radius: 50%;
    transition: left 0.3s;
  }
  .my.index .return .toggle-wrap .toggle-status {
    margin-left: 0.3rem;
  }
}
@media (min-width: 1225px) {
  .my.index .return {
    margin-top: 2.625rem;
  }
  .my.index .return .flex-dynamic {
    flex-direction: row-reverse;
    gap: 1.25rem;
    margin-top: 1rem;
  }
  .my.index .return .small {
    font-size: 0.875rem;
  }
  .my.index .return .large {
    font-size: 0.9375rem;
  }
  .my.index .return .larger {
    font-size: 1.25rem;
  }
  .my.index .return .gray-container {
    padding: 1.2rem;
  }
  .my.index .return .amount {
    justify-content: space-evenly;
    margin-top: unset;
  }
  .my.index .return .amount .flex-col {
    gap: 0.25rem;
  }
  .my.index .return .amount .img-container {
    background-color: #f5f5f5;
    width: 2.2rem;
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
    border-radius: 50%;
    margin-right: 0.9rem;
  }
  .my.index .return .amount .img-container img {
    display: block;
    width: 70%;
  }
  .my.index .return .amount .btn.monthly-report {
    margin-top: 1rem;
  }
  .my.index .return .stats {
    margin-top: unset;
    justify-content: space-evenly;
    line-height: 1.75rem;
  }
  .my.index .return .toggle-wrap .toggle-switch {
    position: relative;
    width: 1.75rem;
    height: 0.95rem;
  }
  .my.index .return .toggle-wrap .toggle-switch .toggle-input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  .my.index .return .toggle-wrap .toggle-switch .toggle-input:checked + .toggle-label {
    background-color: #fa7300;
  }
  .my.index .return .toggle-wrap .toggle-switch .toggle-input:checked + .toggle-label::before {
    left: calc(100% - 0.75rem - 0.1rem);
  }
  .my.index .return .toggle-wrap .toggle-switch .toggle-label {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #ccc;
    border-radius: 0.625rem;
    transition: background-color 0.3s;
  }
  .my.index .return .toggle-wrap .toggle-switch .toggle-label::before {
    content: "";
    position: absolute;
    bottom: 50%;
    left: 0.1rem;
    transform: translateY(50%);
    width: 0.75rem;
    height: 0.75rem;
    background-color: #ffffff;
    border-radius: 50%;
    transition: left 0.3s;
  }
  .my.index .return .toggle-wrap .toggle-status {
    margin-left: 0.3rem;
  }
}
.my.index .status {
  margin-top: 1.5rem;
}
.my.index .status .large {
  font-size: 0.95rem;
  line-height: 1.7rem;
}
.my.index .status .light {
  color: #7a7a7a;
}
.my.index .status .gray-container {
  background-color: #f5f5f5;
  padding: 1rem;
  margin-top: 1.0125rem;
  border-radius: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.index .status .large {
    font-size: 0.9375rem;
    line-height: 1.75rem;
  }
  .my.index .status .gray-container {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-auto-flow: column;
    gap: 0 3.25rem;
  }
}
@media (min-width: 1225px) {
  .my.index .status .large {
    font-size: 0.9375rem;
    line-height: 1.75rem;
  }
  .my.index .status .gray-container {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-auto-flow: column;
    gap: 0 3.25rem;
  }
}
.my.index .status-list {
  margin-top: 1.9rem;
}
.my.index .status-list .smallest {
  font-size: 0.7rem;
}
.my.index .status-list .smaller {
  font-size: 0.75rem;
}
.my.index .status-list .small {
  font-size: 0.85rem;
}
.my.index .status-list .large {
  font-size: 0.9rem;
}
.my.index .status-list .larger {
  font-size: 0.95rem;
}
.my.index .status-list .largest {
  font-size: 1rem;
}
.my.index .status-list .darkest {
  color: #373737;
}
.my.index .status-list .darker {
  color: #6a6a6a;
}
.my.index .status-list .dark {
  color: #6e6e6e;
}
.my.index .status-list .light {
  color: #8b8b8b;
}
.my.index .status-list .lighter {
  color: #999999;
}
.my.index .status-list .lightest {
  color: #b9b9b9;
}
.my.index .status-list .btn.download-file {
  border-radius: 0.75rem;
  outline: none;
  border: 0.05rem solid #cacaca;
  line-height: 1.275rem;
  margin-bottom: 0.8875rem;
}
.my.index .status-list .search-bar {
  width: 100vw;
  margin: 0 -1.25rem;
  background-color: #f8f8f8;
  padding: 0.9375rem 1.25rem;
  font-size: 0.85rem;
  justify-content: space-between;
}
.my.index .status-list .search-bar .light {
  color: #999999;
}
.my.index .status-list .search-bar .dark {
  color: #6e6e6e;
}
.my.index .status-list .search-bar select {
  font-family: "Pretendard";
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-left: auto;
  outline: none;
  border: none;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  padding: 0 0.725rem;
  font-weight: 600;
  position: relative;
  vertical-align: middle;
  background: url("/resources/fo/loanone/common/images/icons/icon-triangle-down-dark-gray.svg") no-repeat;
  background-size: 0.35rem;
  background-position: 0 center;
}
.my.index .status-list .search-bar .search-btn {
  display: block;
  padding: 0;
  width: 1.25rem;
  cursor: pointer;
}
.my.index .status-list .search-bar .search-btn img {
  display: block;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.index .status-list .search-bar {
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 1225px) {
  .my.index .status-list .search-bar {
    width: 100%;
    margin: 0;
  }
}
.my.index .status-list .search-options {
  margin-top: 1rem;
  gap: 0.375rem;
}
.my.index .status-list .search-options .search-option input {
  display: none;
}
.my.index .status-list .search-options .search-option input:checked + span {
  background-color: #6e6e6e;
  color: #ffffff;
  border-color: #6e6e6e;
}
.my.index .status-list .search-options .search-option span {
  letter-spacing: 0em;
  border: 0.05rem solid #b9b9b9;
  border-radius: 0.25rem;
  padding: 0.25rem 0.4625rem;
}
.my.index .status-list .result-list {
  margin-top: 0.3rem;
}
.my.index .status-list .result-list li {
  gap: 0.3125rem;
  padding: 1.2rem 0;
}
.my.index .status-list .result-list li:not(:last-child) {
  border-bottom: 0.05rem solid #d8d8d8;
}
.my.index .status-list .result-list li .badge {
  background-color: #fff6ee;
  border-radius: 0.75rem;
  padding: 0.125rem 0.45rem;
  margin-left: 0.25rem;
}
.my.index .status-list .result-list li .flex-row:nth-of-type(2) .smaller {
  line-height: 1.1rem;
}
.my.index .status-list .result-list li .flex-row:nth-of-type(2) .large {
  line-height: 1.6rem;
}
.my.index .status-list .result-list li .flex-row:nth-of-type(2) .flex-col {
  align-items: flex-end;
}
.my.index .status-list .btn.load-more {
  margin-top: 0.2875rem;
  border-width: 0.05rem;
  border-radius: 0.629375rem;
  padding: 1.075rem;
  font-size: 0.95rem;
  gap: 0.575rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.index .status-list {
    margin-top: 1.5rem;
  }
  .my.index .status-list .large {
    font-size: 0.875rem;
  }
  .my.index .status-list .larger {
    font-size: 0.95rem;
  }
  .my.index .status-list .largest {
    font-size: 1rem;
  }
  .my.index .status-list .title {
    margin-bottom: 0.95rem;
  }
  .my.index .status-list .btn.download-file {
    margin-bottom: 0rem;
  }
  .my.index .status-list .search-options {
    margin-top: 1.25rem;
    gap: 0.5rem;
  }
  .my.index .status-list .search-options .search-option span {
    padding: 0.25rem 0.75rem;
  }
  .my.index .status-list .result-list {
    margin-top: 0.3rem;
  }
  .my.index .status-list .result-list li {
    gap: 0.5rem;
    padding: 1.125rem 0;
  }
  .my.index .status-list .result-list li:not(:last-child) {
    border-bottom: 0.0625rem solid #d8d8d8;
  }
  .my.index .status-list .result-list li .badge {
    padding: 0.125rem 0.5rem;
    margin-left: 0.225rem;
  }
  .my.index .status-list .btn.load-more {
    width: 22.5rem;
    margin: auto;
    margin-top: 0.2875rem;
    border-width: 0.0625rem;
    border-radius: 0.63625rem;
    font-size: 0.9375rem;
    gap: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .my.index .status-list {
    margin-top: 1.5rem;
  }
  .my.index .status-list .large {
    font-size: 0.875rem;
  }
  .my.index .status-list .larger {
    font-size: 0.95rem;
  }
  .my.index .status-list .largest {
    font-size: 1rem;
  }
  .my.index .status-list .title {
    margin-bottom: 0.95rem;
  }
  .my.index .status-list .btn.download-file {
    margin-bottom: 0rem;
  }
  .my.index .status-list .search-options {
    margin-top: 1.25rem;
    gap: 0.5rem;
  }
  .my.index .status-list .search-options .search-option span {
    padding: 0.25rem 0.75rem;
  }
  .my.index .status-list .result-list {
    margin-top: 0.3rem;
  }
  .my.index .status-list .result-list li {
    gap: 0.5rem;
    padding: 1.125rem 0;
  }
  .my.index .status-list .result-list li:not(:last-child) {
    border-bottom: 0.0625rem solid #d8d8d8;
  }
  .my.index .status-list .result-list li .badge {
    padding: 0.125rem 0.5rem;
    margin-left: 0.225rem;
  }
  .my.index .status-list .btn.load-more {
    width: 22.5rem;
    margin: auto;
    margin-top: 0.2875rem;
    border-width: 0.0625rem;
    border-radius: 0.63625rem;
    font-size: 0.9375rem;
    gap: 0.625rem;
  }
}
.my.index .grid .content-wrap {
  margin-top: 2rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.index .grid .content-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .my.index .grid .content-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
}
.my.index .grid .inquiry .large {
  font-size: 0.95rem;
  line-height: 1.7rem;
}
.my.index .grid .inquiry .gray-container {
  background-color: #f5f5f5;
  padding: 1rem;
  margin-top: 1.0125rem;
  border-radius: 0.625rem;
}
.my.index .grid .inquiry .link.load-more {
  width: 100%;
  padding: 0.7rem;
  line-height: unset;
  border-radius: 0.629375rem;
  margin-top: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.index .grid .inquiry .large {
    font-size: 0.9375rem;
    line-height: 1.75rem;
  }
  .my.index .grid .inquiry .gray-container {
    margin-top: 1rem;
    border-radius: 0.63625rem;
  }
  .my.index .grid .inquiry .link.load-more {
    border-radius: 0.63625rem;
    margin-top: 1rem;
  }
}
@media (min-width: 1225px) {
  .my.index .grid .inquiry .large {
    font-size: 0.9375rem;
    line-height: 1.75rem;
  }
  .my.index .grid .inquiry .gray-container {
    margin-top: 1rem;
    border-radius: 0.63625rem;
  }
  .my.index .grid .inquiry .link.load-more {
    border-radius: 0.63625rem;
    margin-top: 1rem;
  }
}
.my.index .modal#pop_invest_limit .tit {
  font-size: 1rem;
  font-weight: 600;
  color: #373737;
}
.my.index .modal#pop_invest_limit .area-text {
  font-size: 0.85rem;
  font-weight: 600;
  text-align: center;
  color: #7a7a7a;
}
.my.index .modal#pop_invest_limit .tab-container {
  display: flex;
  gap: 0.275rem;
  justify-content: center;
  align-items: center;
  margin-top: 1.4125rem;
}
.my.index .modal#pop_invest_limit .tab-container .tab {
  flex: 1;
  white-space: nowrap;
  font-size: 0.8rem;
  line-height: ptR(20);
  font-weight: 600;
  color: #6e6e6e;
  background-color: #f9f9f9;
  border-radius: 0.875rem;
  padding: 0.25rem 0.5rem;
}
.my.index .modal#pop_invest_limit .tab-container .tab.active {
  background-color: #fa7300;
  color: #ffffff;
}
.my.index .modal#pop_invest_limit .tab-content {
  display: none;
}
.my.index .modal#pop_invest_limit .tab-content.active {
  display: block;
}
.my.index .modal#pop_invest_limit .tab-content {
  padding: 1rem 0.75rem;
  text-align: left;
}
.my.index .modal#pop_invest_limit .tab-content h4 {
  font-size: 0.85rem;
  font-weight: 600;
  color: #373737;
  margin-bottom: 0.275rem;
}
.my.index .modal#pop_invest_limit .tab-content p {
  font-size: 0.75rem;
  font-weight: 500;
  color: #727171;
  margin-bottom: 0.95rem;
}
.my.deposit-management .tabs {
  display: flex;
  gap: 0.6rem;
  justify-content: center;
  margin-bottom: 1.75rem;
}
.my.deposit-management .tabs .tab-btn {
  background-color: #f9f9f9;
  border-radius: 2.1875rem;
  padding: 0.25rem 1.25rem;
  color: #6e6e6e;
  font-weight: 600;
  font-size: 0.9rem;
}
.my.deposit-management .tabs .tab-btn.active {
  background-color: #fa7300;
  color: #ffffff;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.deposit-management .tabs {
    margin-bottom: 1.5rem;
  }
  .my.deposit-management .tabs .tab-btn {
    border-radius: 0.875rem;
  }
}
@media (min-width: 1225px) {
  .my.deposit-management .tabs {
    margin-bottom: 1.5rem;
  }
  .my.deposit-management .tabs .tab-btn {
    border-radius: 0.875rem;
  }
}
.my.deposit-management .tab-content {
  display: none;
}
.my.deposit-management .tab-content.active {
  display: block;
}
.my.deposit-management .tab-content h2 {
  font-size: 0.8rem;
  font-weight: 500;
  color: #4b5463;
}
.my.deposit-management .tab-content h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #4b5463;
}
.my.deposit-management .tab-content .balance h2 {
  margin-bottom: 0.5125rem;
}
.my.deposit-management .tab-content .balance .balance-grid {
  display: grid;
  grid-template-areas: "img amount" "img additional";
  grid-template-columns: repeat(2, max-content);
  gap: 0.25rem 0.75rem;
  grid-template-rows: repeat(2, max-content);
  align-items: center;
}
.my.deposit-management .tab-content .balance .balance-grid .img-container {
  grid-area: img;
  background-color: #f5f5f5;
  border-radius: 50%;
  display: grid;
  place-items: center;
  width: 2.2rem;
  aspect-ratio: 1/1;
}
.my.deposit-management .tab-content .balance .balance-grid .amount {
  grid-area: amount;
  font-size: 1.3rem;
  font-weight: 700;
  color: #3c4045;
}
.my.deposit-management .tab-content .balance .balance-grid .additional-info {
  grid-area: additional;
  font-size: 0.8rem;
  font-weight: 600;
  color: #8b8b8b;
  display: flex;
  align-items: center;
}
.my.deposit-management .tab-content .search-bar {
  width: 100vw;
  margin: 0 -1.25rem;
  background-color: #f8f8f8;
  padding: 0.9375rem 1.25rem;
  justify-content: space-between;
}
.my.deposit-management .tab-content .search-bar .duration {
  font-size: 0.85rem;
  color: #999999;
  font-weight: 500;
}
.my.deposit-management .tab-content .search-bar .duration::after {
  content: "";
  display: inline-block;
  width: 1em;
  margin-left: 0.2em;
  aspect-ratio: 1/1;
  vertical-align: middle;
  background: url("/resources/fo/invest/common/images/icons/icon_calendar_straight.svg") no-repeat center/cover;
}
.my.deposit-management .tab-content .search-bar select {
  color: #6e6e6e;
  font-family: "Pretendard";
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-left: auto;
  outline: none;
  border: none;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  padding: 0 0.725rem;
  font-weight: 600;
  position: relative;
  vertical-align: middle;
  background: url("/resources/fo/loanone/common/images/icons/icon-triangle-down-dark-gray.svg") no-repeat;
  background-size: 0.35rem;
  background-position: 0 center;
}
.my.deposit-management .tab-content .search-bar .search-btn {
  display: block;
  padding: 0;
  width: 1.25rem;
  cursor: pointer;
  aspect-ratio: 1/1;
  background: url("/resources/fo/invest/common/images/icons/magnifier_line.svg") no-repeat center/contain;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.deposit-management .tab-content .search-bar {
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 1225px) {
  .my.deposit-management .tab-content .search-bar {
    width: 100%;
    margin: 0;
  }
}
.my.deposit-management .tab-content .transaction-history .search-bar {
  margin-top: 0.8875rem;
}
.my.deposit-management .tab-content .transaction-history .download-button {
  font-size: 0.75rem;
  line-height: 1.275rem;
  font-weight: 600;
  color: #6a6a6a;
  border: 0.05rem solid #cacaca;
  border-radius: 0.75rem;
  cursor: pointer;
}
.my.deposit-management .tab-content .transaction-history .transaction-filters {
  margin-top: 1.375rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.my.deposit-management .tab-content .transaction-history .transaction-filters .filter-btn {
  font-size: 0.7rem;
  line-height: 0.75rem;
  color: #b9b9b9;
  border: 0.05rem solid #b9b9b9;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-weight: 600;
  cursor: pointer;
}
.my.deposit-management .tab-content .transaction-history .transaction-filters .filter-btn.active {
  background-color: #b9b9b9;
  color: #ffffff;
  font-weight: 700;
}
.my.deposit-management .tab-content .transaction-history .transaction-item {
  display: grid;
  grid-template-areas: "title amount" "title balance" "date kind";
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto auto;
  padding: 1.5rem 0;
}
.my.deposit-management .tab-content .transaction-history .transaction-item:not(:last-child) {
  border-bottom: 0.05rem solid #d8d8d8;
}
.my.deposit-management .tab-content .transaction-history .transaction-item .title {
  grid-area: title;
  font-size: 1rem;
  font-weight: 600;
  color: #373737;
  margin-bottom: 0.5rem;
  max-width: 12.5rem;
}
.my.deposit-management .tab-content .transaction-history .transaction-item .date {
  grid-area: date;
  font-size: 0.75rem;
  font-weight: 600;
  color: #8b8b8b;
}
.my.deposit-management .tab-content .transaction-history .transaction-item .kind {
  grid-area: kind;
  font-size: 0.7rem;
  line-height: 1;
  color: #727171;
  background-color: #f5f5f5;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  padding: 0.1625rem 0.425rem;
  border-radius: 0.75rem;
  margin-left: 0.225rem;
}
.my.deposit-management .tab-content .transaction-history .transaction-item .amount {
  grid-area: amount;
  font-size: 1rem;
  font-weight: 600;
  text-align: right;
  color: #fa7300;
  margin-bottom: 0.3125rem;
}
.my.deposit-management .tab-content .transaction-history .transaction-item .balance {
  grid-area: balance;
  font-size: 0.8rem;
  font-weight: 600;
  color: #8b8b8b;
  text-align: right;
}
.my.deposit-management .tab-content#depositContent .withdraw {
  padding: 2.125rem 0 2.5rem;
}
.my.deposit-management .tab-content#depositContent .withdraw h2 {
  margin-bottom: 0.7125rem;
}
.my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid {
  display: grid;
  grid-template-areas: "account change-account-btn" "input  withdraw-btn" "quick-deposit quick-deposit";
  grid-template-columns: auto min-content;
  gap: 0.7rem 0.45rem;
}
.my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid .account-number {
  grid-area: account;
  font-size: 1rem;
  font-weight: 600;
  color: #4c4949;
}
.my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid .chevron-link#changeAccount {
  grid-area: change-account-btn;
  font-size: 0.9rem;
  justify-self: end;
}
.my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid input#withdrawAmount {
  grid-area: input;
  outline: none;
  border-radius: 0;
  border: none;
  border-bottom: 0.125rem solid #fa7300;
  width: 100%;
  font-size: 1rem;
  font-weight: 600;
  color: #3c4045;
}
.my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid .withdraw-btn {
  grid-area: withdraw-btn;
  background-color: #fa7300;
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 600;
  padding: 0.5625rem 1.875rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.625rem;
}
.my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid .quick-deposit {
  grid-area: quick-deposit;
  display: flex;
  gap: 0.4125rem;
  align-items: center;
}
.my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid .quick-deposit .quick-buttons {
  display: flex;
  gap: 0.4rem;
}
.my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid .quick-deposit .quick-buttons button {
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 600;
  padding: 0.25rem 0.75rem;
  background-color: #f8f8f8;
  color: #6e6e6e;
  border-radius: 0.875rem;
  cursor: pointer;
}
.my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid .quick-deposit .current-balance {
  font-size: 0.8rem;
  font-weight: 600;
  color: #8b8b8b;
}
.my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid .current-balance {
  grid-area: current-balance;
}
.my.deposit-management .tab-content#pointContent .balance .additional-info .tooltip-container {
  position: relative;
  display: block;
  margin: 0 0.3rem 0 0.15rem;
}
.my.deposit-management .tab-content#pointContent .balance .additional-info .tooltip-hover {
  display: block;
  padding: 0 0.2125rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 0.064375rem solid #b9b9b9;
  color: #b9b9b9;
  font-size: 0.6rem;
  line-height: 1;
}
.my.deposit-management .tab-content#pointContent .balance .additional-info .tooltip-bubble {
  display: none;
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: white;
  padding: 0.625rem 0.9375rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  width: -moz-max-content;
  width: max-content;
  max-width: 12.5rem;
  text-align: center;
}
.my.deposit-management .tab-content#pointContent .balance .additional-info .tooltip-bubble::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
.my.deposit-management .tab-content#pointContent .balance .additional-info .tooltip-container:hover .tooltip-bubble {
  display: block;
}
.my.deposit-management .tab-content#pointContent .balance .additional-info .points {
  font-size: 0.75rem;
  font-weight: 600;
  color: #8b8b8b;
}
.my.deposit-management .tab-content#pointContent .friend-referral {
  margin: 1.55rem 0;
  padding: 1.25rem 0;
  position: relative;
}
.my.deposit-management .tab-content#pointContent .friend-referral:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: #fff6ee;
  z-index: -1;
}
.my.deposit-management .tab-content#pointContent .friend-referral h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #fa7300;
  margin-bottom: 0.7125rem;
}
.my.deposit-management .tab-content#pointContent .friend-referral .hook {
  font-size: 0.95rem;
  font-weight: 600;
  color: #6e6e6e;
  margin-bottom: 0.7375rem;
}
.my.deposit-management .tab-content#pointContent .friend-referral .copy-item {
  display: flex;
  align-items: center;
  gap: 0.475rem;
}
.my.deposit-management .tab-content#pointContent .friend-referral .copy-item:not(:last-child) {
  margin-bottom: 0.2625rem;
}
.my.deposit-management .tab-content#pointContent .friend-referral .copy-item .copy-title {
  background-color: #ffffff;
  color: #6a6a6a;
  border-radius: 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.275rem;
  padding: 0.0625rem 0.5rem;
  width: -moz-max-content;
  width: max-content;
}
.my.deposit-management .tab-content#pointContent .friend-referral .copy-item .copy-content {
  word-break: break-word;
  display: inline-block;
}
.my.deposit-management .tab-content#pointContent .friend-referral .actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.7rem;
}
.my.deposit-management .tab-content#pointContent .friend-referral .kakao-button {
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #3b1c1c;
  background-color: #f9e000;
  padding: 0.2rem 0.6rem;
  border-radius: 1rem;
  cursor: pointer;
}
.my.deposit-management .tab-content#pointContent .friend-referral .kakao-button::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1.1rem;
  aspect-ratio: 1/1;
  margin-right: 0.2rem;
  background: url("/resources/fo/invest/common/images/icons/sns_share_kakao.png") no-repeat center/120%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.deposit-management .tab-content .transaction-history .search-bar {
    margin-top: 0.8625rem;
  }
  .my.deposit-management .tab-content .transaction-history .transaction-filters {
    margin-top: 1.25rem;
  }
  .my.deposit-management .tab-content .transaction-history .transaction-filters .filter-btn {
    font-size: 0.84rem;
    line-height: 0.9rem;
    border: 0.06rem solid #b9b9b9;
    border-radius: 0.3rem;
    padding: 0.3rem 0.6rem;
  }
  .my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid {
    gap: 0.725rem 0.625rem;
  }
  .my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid .withdraw-btn {
    padding: 0.575rem 1.95rem;
  }
  .my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid .quick-deposit {
    gap: 0.4125rem;
  }
  .my.deposit-management .tab-content#pointContent .friend-referral {
    margin: 1.55rem 0 2.9125rem;
    padding: 0.9875rem 1.375rem;
    background-color: #fff6ee;
  }
  .my.deposit-management .tab-content#pointContent .friend-referral:before {
    display: none;
  }
  .my.deposit-management .tab-content#pointContent .friend-referral h3 {
    margin-bottom: 0.3625rem;
  }
  .my.deposit-management .tab-content#pointContent .friend-referral .hook {
    font-size: 0.8rem;
    line-height: 1.4rem;
    margin-bottom: 0.9625rem;
  }
}
@media (min-width: 1225px) {
  .my.deposit-management .tab-content .transaction-history .search-bar {
    margin-top: 0.8625rem;
  }
  .my.deposit-management .tab-content .transaction-history .transaction-filters {
    margin-top: 1.25rem;
  }
  .my.deposit-management .tab-content .transaction-history .transaction-filters .filter-btn {
    font-size: 0.84rem;
    line-height: 0.9rem;
    border: 0.06rem solid #b9b9b9;
    border-radius: 0.3rem;
    padding: 0.3rem 0.6rem;
  }
  .my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid {
    gap: 0.725rem 0.625rem;
  }
  .my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid .withdraw-btn {
    padding: 0.575rem 1.95rem;
  }
  .my.deposit-management .tab-content#depositContent .withdraw .withdraw-grid .quick-deposit {
    gap: 0.4125rem;
  }
  .my.deposit-management .tab-content#pointContent .friend-referral {
    margin: 1.55rem 0 2.9125rem;
    padding: 0.9875rem 1.375rem;
    background-color: #fff6ee;
  }
  .my.deposit-management .tab-content#pointContent .friend-referral:before {
    display: none;
  }
  .my.deposit-management .tab-content#pointContent .friend-referral h3 {
    margin-bottom: 0.3625rem;
  }
  .my.deposit-management .tab-content#pointContent .friend-referral .hook {
    font-size: 0.8rem;
    line-height: 1.4rem;
    margin-bottom: 0.9625rem;
  }
}
.my.deposit-management .load-more {
  display: block;
  width: 100%;
  padding: 1.05rem;
  background-color: #ffffff;
  border: 0.05rem solid #ffae68;
  border-radius: 0.63625rem;
  text-align: center;
  cursor: pointer;
  margin-top: 1.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fa7300;
}
.my.deposit-management .load-more::before {
  content: "";
  display: inline-block;
  width: 0.9rem;
  margin-right: 0.575rem;
  aspect-ratio: 1/1;
  vertical-align: middle;
  background: url("/resources/fo/invest/common/images/icons/ChevronRightOrange.svg") no-repeat center/contain;
  transform: rotate(90deg);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.deposit-management .load-more {
    width: 22.5rem;
    margin: 1.75rem auto;
  }
}
@media (min-width: 1225px) {
  .my.deposit-management .load-more {
    width: 22.5rem;
    margin: 1.75rem auto;
  }
}
.my.deposit-management #pop_withdraw .text-grid {
  margin-top: 1.9625rem;
  display: grid;
  grid-template-columns: max-content 1fr;
  text-align: left;
  gap: 0.725rem 0.9625rem;
  font-size: 0.85rem;
  font-weight: 600;
}
.my.deposit-management #pop_withdraw .text-grid .label {
  color: #373737;
}
.my.deposit-management #pop_withdraw .text-grid .content {
  color: #727171;
}
.my.deposit-management #pop_change_account_individual .input_wrap,
.my.deposit-management #pop_change_account_corporate .input_wrap {
  gap: 0.5rem;
}
.my.deposit-management #pop_change_account_individual .input_wrap select,
.my.deposit-management #pop_change_account_corporate .input_wrap select {
  text-align: left;
}
.my.deposit-management #pop_change_account_individual input.gray,
.my.deposit-management #pop_change_account_corporate input.gray {
  background-color: #f8f8f8;
  border: none;
}
.my.monthly-report .select-input {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.my.monthly-report .select-input .select-wrapper {
  position: relative;
  display: inline-block;
}
.my.monthly-report .select-input .select-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.625rem;
  transform: translateY(-50%);
  pointer-events: none;
  width: 1.2em;
  aspect-ratio: 11.2/7.2;
  background: url("/resources/fo/invest/common/images/icons/icon-triangle-down-black.svg") no-repeat center/cover;
}
.my.monthly-report .select-input label {
  font-size: 0.8rem;
  font-weight: 500;
  color: #4b5463;
  margin-bottom: 0.525rem;
}
.my.monthly-report .select-input select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: "Pretendard";
  outline: none;
  border: none;
  color: #4c4949;
  padding: 0.7375rem 0.375rem;
  font-size: 1rem;
  font-weight: 600;
  border-bottom: 0.125rem solid #fa7300;
}
.my.monthly-report .select-input select::-ms-expand {
  display: none;
}
.my.monthly-report .selected-content {
  display: none;
}
.my.monthly-report .selected-content .general {
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.my.monthly-report .selected-content .general h2 {
  margin-bottom: 1.0125rem;
}
.my.monthly-report .selected-content h2 {
  font-size: 1rem;
  font-weight: 600;
  color: #4b5463;
}
.my.monthly-report .selected-content table {
  border-collapse: separate;
  border-spacing: 1rem;
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 0.625rem;
  line-height: 1;
  table-layout: fixed;
  font-size: 0.95rem;
  font-weight: 600;
}
.my.monthly-report .selected-content table td:first-child {
  color: #7a7a7a;
}
.my.monthly-report .selected-content table td:last-child {
  text-align: right;
  color: #4b5463;
}
.my.monthly-report .selected-content .details .download-button {
  font-size: 0.75rem;
  line-height: 1.275rem;
  font-weight: 600;
  color: #6a6a6a;
  border: 0.05rem solid #cacaca;
  border-radius: 0.75rem;
  cursor: pointer;
}
.my.monthly-report .selected-content .details .detail-item {
  display: grid;
  grid-template-areas: "title amount" "schedule fees-list";
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto min-content;
  padding: 1.5rem 0;
}
.my.monthly-report .selected-content .details .detail-item:not(:last-child) {
  border-bottom: 0.05rem solid #d8d8d8;
}
.my.monthly-report .selected-content .details .detail-item .title {
  grid-area: title;
  font-size: 1rem;
  font-weight: 600;
  color: #373737;
  margin-bottom: 0.5rem;
  max-width: 12.5rem;
}
.my.monthly-report .selected-content .details .detail-item .schedule {
  grid-area: schedule;
}
.my.monthly-report .selected-content .details .detail-item .schedule .date {
  font-size: 0.75rem;
  font-weight: 600;
  color: #8b8b8b;
}
.my.monthly-report .selected-content .details .detail-item .schedule .kind {
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1;
  color: #727171;
  background-color: #f5f5f5;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  padding: 0.1625rem 0.425rem;
  border-radius: 0.75rem;
  margin-left: 0.225rem;
}
.my.monthly-report .selected-content .details .detail-item .schedule .repayment {
  font-size: 0.75rem;
  font-weight: 600;
  color: #8b8b8b;
}
.my.monthly-report .selected-content .details .detail-item .amount {
  grid-area: amount;
  font-size: 1rem;
  font-weight: 600;
  text-align: right;
  color: #fa7300;
  margin-bottom: 0.3125rem;
}
.my.monthly-report .selected-content .details .detail-item .fees-list {
  grid-area: fees-list;
  text-align: right;
  font-size: 0.75rem;
  line-height: 1.1rem;
  color: #b9b9b9;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.monthly-report .selected-content .general {
    margin-bottom: 2.3625rem;
    flex-direction: row;
    gap: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .my.monthly-report .selected-content .general {
    margin-bottom: 2.3625rem;
    flex-direction: row;
    gap: 1.25rem;
  }
}
.my.form-submit label {
  display: block;
  font-size: 0.8rem;
  font-weight: 500;
  color: #4b5463;
  margin-bottom: 0.525rem;
}
.my.form-submit input[type=select],
.my.form-submit input[type=text] {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: "Pretendard";
  outline: none;
  border: none;
  color: #4c4949;
  padding: 0.7375rem 0.375rem;
  font-size: 1rem;
  font-weight: 600;
  border-bottom: 0.125rem solid #b9b9b9;
}
.my.form-submit input[type=select]:focus,
.my.form-submit input[type=text]:focus {
  border-color: #fa7300;
}
.my.form-submit input[type=select]::-moz-placeholder, .my.form-submit input[type=text]::-moz-placeholder {
  color: #bebebe;
}
.my.form-submit input[type=select]::placeholder,
.my.form-submit input[type=text]::placeholder {
  color: #bebebe;
}
.my.form-submit input[type=select] option[disabled],
.my.form-submit input[type=text] option[disabled] {
  color: #bebebe;
}
.my.form-submit textarea {
  width: 100%;
  padding: 1rem;
  font-size: 1rem;
  font-weight: 600;
  font-family: "Pretendard";
  border-radius: 0.625rem;
  border: 0.125rem solid #b9b9b9;
  min-height: 12.5rem;
}
.my.form-submit textarea::-moz-placeholder {
  color: #bebebe;
}
.my.form-submit textarea::placeholder {
  color: #bebebe;
}
.my.form-submit .input-wrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
.my.form-submit .select-wrapper {
  position: relative;
  display: inline-block;
}
.my.form-submit .select-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.625rem;
  transform: translateY(-50%);
  pointer-events: none;
  width: 1.2em;
  aspect-ratio: 11.2/7.2;
  background: url("/resources/fo/invest/common/images/icons/icon-triangle-down-black.svg") no-repeat center/cover;
}
.my.form-submit .select-wrapper select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: "Pretendard";
  outline: none;
  border: none;
  color: #4c4949;
  padding: 0.7375rem 0.375rem;
  font-size: 1rem;
  font-weight: 600;
  border-bottom: 0.125rem solid #b9b9b9;
}
.my.form-submit .select-wrapper select:focus {
  border-color: #fa7300;
}
.my.form-submit .select-wrapper select::-ms-expand {
  display: none;
}
.my.form-submit .file-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.125rem solid #b9b9b9;
  gap: 0.45rem;
  padding: 0.5rem 0;
}
.my.form-submit .file-wrapper input[type=file] {
  display: none;
}
.my.form-submit .file-wrapper label {
  background-color: #fa7300;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  color: #ffffff;
  padding: 0.5625rem 0.9875rem;
  border-radius: 0.625rem;
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0;
}
.my.form-submit .file-wrapper .attached-file-info {
  display: none;
  /*         display: flex; */
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  overflow: hidden;
}
.my.form-submit .file-wrapper .attached-file-info .file-name {
  text-align: right;
  font-size: 0.95rem;
  font-weight: 500;
  color: #595959;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my.form-submit .file-wrapper .attached-file-info #deleteFile {
  display: block;
  width: 1.5rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  cursor: pointer;
  background: #e5e5e5 url("/resources/fo/invest/common/images/icons/icon_x_white.png") no-repeat center/80%;
}
.my.form-submit .file-wrapper + small {
  display: inline-block;
  font-size: 0.8rem;
  line-height: 1;
  font-weight: 600;
  color: #8b8b8b;
  margin-top: 0.5rem;
}
.my.form-submit .check-wrapper {
  margin: 0.75rem 0 1.625rem;
}
.my.form-submit .check-wrapper input {
  display: none;
}
.my.form-submit .check-wrapper label {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #000;
}
.my.form-submit .check-wrapper label::before {
  content: "";
  display: inline-block;
  width: 1.075rem;
  vertical-align: middle;
  margin-right: 0.5rem;
  aspect-ratio: 1/1;
  background: url("/resources/fo/invest/common/images/icons/orange_check.svg") no-repeat center/contain;
  filter: grayscale(100%);
}
.my.form-submit .check-wrapper input:checked + label::before {
  filter: grayscale(0%);
}
.my.form-submit .notice {
  margin-top: 1.975rem;
}
.my.form-submit .notice p {
  font-size: 0.8rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #717171;
}
.my.form-submit .notice p strong {
  font-weight: 700;
}
.my.form-submit .notice p::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
  width: 1.05rem;
  aspect-ratio: 1/1;
  background: url("/resources/fo/invest/common/images/icons/exclamation_orange.svg") no-repeat center/contain;
}
.my.form-submit .submit-btn {
  width: 100%;
  border-radius: 0.625rem;
  display: block;
  font-size: 1.1rem;
  padding: 0.9875rem;
  margin: 2rem 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.form-submit .submit-btn {
    width: 20rem;
    margin: 3.7375rem auto;
  }
}
@media (min-width: 1225px) {
  .my.form-submit .submit-btn {
    width: 20rem;
    margin: 3.7375rem auto;
  }
}
.my.edit-information .info-section {
  display: flex;
  flex-direction: column;
  gap: 1.5125rem;
  padding-bottom: 1.7625rem;
  border-bottom: 0.025rem solid #dddee1;
}
.my.edit-information .info-section h2 {
  font-size: 1rem;
  font-weight: 600;
  color: #4b5463;
}
.my.edit-information .info-section .chevron-link {
  font-size: 0.9rem;
  margin-left: auto;
}
.my.edit-information .info-section .info-item {
  display: flex;
  flex-direction: column;
  gap: 0.7125rem;
}
.my.edit-information .info-section .info-item .info-label {
  font-size: 0.8rem;
  font-weight: 500;
  color: #4b5463;
}
.my.edit-information .info-section .info-item .info-value {
  font-size: 1rem;
  font-weight: 600;
  color: #4c4949;
  display: flex;
}
.my.edit-information .info-section .info-item .change-link {
  color: #fa7300;
  text-decoration: underline;
  margin-left: 0.4875rem;
}
.my.edit-information .marketing-section {
  margin-top: 2.125rem;
}
.my.edit-information .marketing-section .check-wrapper input {
  display: none;
}
.my.edit-information .marketing-section .check-wrapper label {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #000;
}
.my.edit-information .marketing-section .check-wrapper label::before {
  content: "";
  display: inline-block;
  width: 1.075rem;
  vertical-align: middle;
  margin-right: 0.5rem;
  aspect-ratio: 1/1;
  background: url("/resources/fo/invest/common/images/icons/orange_check.svg") no-repeat center/contain;
  filter: grayscale(100%);
}
.my.edit-information .marketing-section .check-wrapper input:checked + label::before {
  filter: grayscale(0%);
}
.my.edit-information .marketing-section h2 {
  display: inline;
  font-size: 0.95rem;
  font-weight: 600;
  color: #000;
}
.my.edit-information .marketing-section .detail-link {
  font-size: 0.7rem;
  font-weight: 600;
  text-decoration: underline;
  color: #a2a2a2;
  vertical-align: middle;
  margin-left: 0.3625rem;
}
.my.edit-information .marketing-section .marketing-description {
  font-size: 0.75rem;
  font-weight: 600;
  color: #7a7a7a;
  margin: 0.5rem 0 1.075rem;
}
.my.edit-information .marketing-section .individual-checkboxes {
  display: flex;
  gap: 1.25rem;
}
.my.edit-information .marketing-section .individual-checkboxes label {
  font-size: 0.8rem;
  color: #7a7a7a;
}
.my.edit-information .marketing-section .individual-checkboxes label::before {
  width: 0.95rem;
  margin-right: 0.125rem;
}
.my.edit-information .delete-account {
  display: block;
  font-size: 0.75rem;
  text-decoration: underline;
  color: #999999;
  cursor: pointer;
  margin: 3rem auto 0;
}
.my.edit-information .submit-button {
  width: 100%;
  display: block;
  margin-top: 1.9625rem;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 0.9875rem;
  border-radius: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.edit-information .submit-button {
    width: 20rem;
    margin: 2.5rem auto;
  }
}
@media (min-width: 1225px) {
  .my.edit-information .submit-button {
    width: 20rem;
    margin: 2.5rem auto;
  }
}
.my.edit-information .modal#pop_marketing_consent {
  overflow: hidden;
}
.my.edit-information .modal#pop_marketing_consent .modal_wrap {
  padding: 0;
}
.my.edit-information .modal#pop_marketing_consent .modal_tit {
  background-color: #fa7300;
  padding: 0.9rem;
}
.my.edit-information .modal#pop_marketing_consent .modal_tit .tit {
  font-size: 0.95rem;
  color: #ffffff;
  font-weight: 700;
}
.my.edit-information .modal#pop_marketing_consent .modal_cont {
  margin-top: 0;
  padding: 1.5rem 1rem 2rem !important;
}
.my.edit-information .modal#pop_marketing_consent .modal_cont h3 {
  font-size: 0.8rem;
  font-weight: 500;
  color: #4b5463;
  margin-bottom: 0.98125rem;
}
.my.edit-information .modal#pop_marketing_consent .modal_cont .area-text {
  font-size: 0.7rem;
  font-weight: 500;
  color: #5f656e;
  text-align: left;
}
.my.edit-information .modal#pop_marketing_consent .modal_cont table {
  margin: 0.6rem 0;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.my.edit-information .modal#pop_marketing_consent .modal_cont table td,
.my.edit-information .modal#pop_marketing_consent .modal_cont table th {
  border: 0.025rem solid #b9b9b9;
  padding: 0.625rem;
  font-weight: 500;
  color: #727171;
}
.my.edit-information .modal#pop_marketing_consent .modal_cont table th {
  background-color: #fff6ee;
  font-size: 0.7rem;
}
.my.edit-information .modal#pop_marketing_consent .modal_cont table td {
  text-align: left;
  font-size: 0.65rem;
  word-break: break-all;
}
.my.detail .product-information .btn {
  font-size: 0.75rem;
  line-height: 1.275rem;
  font-weight: 600;
  color: #6a6a6a;
  background: #ffffff;
  border: 0.05rem solid #cacaca;
  border-radius: 1rem;
  cursor: pointer;
  padding: 0.3rem 0.7rem;
}
.my.detail .product-information .btn.download::before {
  content: "";
  display: inline-block;
  aspect-ratio: 1/1;
  width: 1em;
  vertical-align: middle;
  margin-right: 0.25rem;
  background: url("/resources/fo/invest/common/images/icons/download-lightGray.svg") no-repeat center/contain;
}
.my.detail .product-information .intro {
  background-color: #fff6ee;
  padding: 1.25rem;
  position: relative;
}
@media (max-width: 767px) {
  .my.detail .product-information .intro::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background-color: #fff6ee;
    z-index: -1;
  }
}
.my.detail .product-information .intro .product-name {
  font-size: 1.3rem;
  line-height: auto;
  font-weight: 700;
  color: #161616;
  letter-spacing: 0;
}
.my.detail .product-information .intro .links {
  margin-top: 0.8875rem;
  display: flex;
  gap: 0.6875rem;
}
.my.detail .product-information .general {
  margin-top: 2rem;
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.my.detail .product-information .general h2 {
  margin-bottom: 1.0125rem;
}
.my.detail .product-information h2 {
  font-size: 1rem;
  font-weight: 600;
  color: #4b5463;
}
.my.detail .product-information table {
  border-collapse: separate;
  border-spacing: 1rem;
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 0.625rem;
  line-height: 1;
  table-layout: fixed;
  font-size: 0.95rem;
  font-weight: 600;
}
.my.detail .product-information table td:first-child {
  color: #7a7a7a;
}
.my.detail .product-information table td:last-child {
  text-align: right;
  color: #4b5463;
}
.my.detail .product-information .details .download-button {
  font-size: 0.75rem;
  line-height: 1.275rem;
  font-weight: 600;
  color: #6a6a6a;
  border: 0.05rem solid #cacaca;
  border-radius: 1rem;
  cursor: pointer;
  padding: 0.3rem 0.7rem;
}
.my.detail .product-information .details .detail-item {
  display: grid;
  grid-template-areas: "title amount" "schedule fees-list" "remainder remainder";
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto min-content min-content;
  padding: 1.5rem 0;
}
.my.detail .product-information .details .detail-item:not(:last-child) {
  border-bottom: 0.05rem solid #d8d8d8;
}
.my.detail .product-information .details .detail-item .title {
  grid-area: title;
  font-size: 1rem;
  font-weight: 600;
  color: #373737;
  margin-bottom: 0.5rem;
  max-width: 12.5rem;
}
.my.detail .product-information .details .detail-item .title .status {
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  padding: 0.1625rem 0.425rem;
  border-radius: 0.75rem;
  margin-left: 0.225rem;
}
.my.detail .product-information .details .detail-item .title .status.repayed {
  color: #727171;
  background-color: #f5f5f5;
}
.my.detail .product-information .details .detail-item .title .status.repaying {
  color: #fa7300;
  background-color: #fff6ee;
}
.my.detail .product-information .details .detail-item .schedule {
  grid-area: schedule;
  display: flex;
  flex-direction: column;
}
.my.detail .product-information .details .detail-item .schedule li {
  font-size: 0.75rem;
  font-weight: 600;
  color: #8b8b8b;
}
.my.detail .product-information .details .detail-item .amount {
  grid-area: amount;
  font-size: 1rem;
  font-weight: 600;
  text-align: right;
  color: #727171;
  margin-bottom: 0.3125rem;
}
.my.detail .product-information .details .detail-item .fees-list {
  grid-area: fees-list;
  text-align: right;
  font-size: 0.75rem;
  line-height: 1.1rem;
  color: #b9b9b9;
  font-weight: 600;
}
.my.detail .product-information .details .detail-item .remainder {
  grid-area: remainder;
  text-align: right;
  font-size: 0.85rem;
  line-height: 1.1rem;
  font-weight: 600;
  color: #8b8b8b;
  margin-top: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .my.detail .product-information .general {
    margin-bottom: 2.3625rem;
    flex-direction: row;
    gap: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .my.detail .product-information .general {
    margin-bottom: 2.3625rem;
    flex-direction: row;
    gap: 1.25rem;
  }
}
.my.detail .modal#pop_bond_status .modal_tit {
  margin-bottom: 1.15rem;
}
.my.detail .modal#pop_bond_status .btn_wrap {
  margin-top: 2rem;
}
.my.detail .modal#pop_bond_status .btn_wrap .btn {
  max-width: 12.375rem;
  margin: auto;
}
.my.detail .modal#pop_bond_status .accordion .accordion-item {
  border-top: 0.066875rem solid #d9d9d9;
}
.my.detail .modal#pop_bond_status .accordion .accordion-item:last-child {
  border-bottom: 0.066875rem solid #d9d9d9;
}
.my.detail .modal#pop_bond_status .accordion .accordion-item .accordion-header {
  padding: 0.9rem 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  font-weight: 600;
  color: #373737;
}
.my.detail .modal#pop_bond_status .accordion .accordion-item .accordion-header .accordion-arrow::before {
  content: "";
  display: block;
  width: 0.775rem;
  aspect-ratio: 1/1;
  background: url("/resources/fo/invest/common/images/icons/ChevronRightOrange.svg") no-repeat center/contain;
  transform: rotate(90deg);
}
.my.detail .modal#pop_bond_status .accordion .accordion-item .accordion-header .accordion-arrow {
  transition: transform 0.3s ease-out;
}
.my.detail .modal#pop_bond_status .accordion .accordion-item .accordion-content {
  padding-bottom: 0;
  opacity: 0;
  max-height: 0px;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
  font-size: 0.75rem;
  font-weight: 500;
  color: #727171;
  text-align: left;
}
.my.detail .modal#pop_bond_status .accordion .accordion-item.active .accordion-arrow {
  transform: rotate(180deg);
}
.my.detail .modal#pop_bond_status .accordion .accordion-item.active .accordion-content {
  opacity: 1;
  max-height: 1000px;
  padding-bottom: 0.9rem;
}

.membership {
  padding: 3.125rem 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership {
    padding: 5rem 0;
  }
}
@media (min-width: 1225px) {
  .membership {
    padding: 5rem 0;
  }
}
@media (max-width: 767px) {
  .membership .content-wrap {
    padding: 0 1.25rem;
  }
}
.membership .content-wrap {
  display: flex;
  flex-direction: column;
  max-width: 38.75rem;
  margin: auto;
}
.membership h2 {
  font-size: 1.3rem;
  font-weight: 700;
}
.membership h2 {
  color: #3c4045;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .membership h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}
.membership h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #373737;
}
.membership img {
  pointer-events: none;
}
.membership .page-title {
  font-size: 1.3rem;
  gap: 0.6rem;
  margin-bottom: 2.0125rem;
}
.membership .page-title .custom-font-icon {
  max-height: 0.8em;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership .page-title {
    font-size: 1.875rem;
    margin-bottom: 2.25rem;
  }
}
@media (min-width: 1225px) {
  .membership .page-title {
    font-size: 1.875rem;
    margin-bottom: 2.25rem;
  }
}
.membership .custom-font-icon {
  display: inline-block;
  height: 1em;
  overflow: hidden;
}
.membership .custom-font-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.membership .custom-font-icon.margin-left {
  margin-left: 0.4em;
}
.membership .custom-font-icon.margin-right {
  margin-right: 0.4em;
}
.membership .basic {
  color: #999999;
}
.membership .silver {
  color: #98a3cc;
}
.membership .gold {
  color: #f3a500;
}
.membership .platinum {
  color: #838ba8;
}
.membership .modal.renewed {
  font-weight: 600;
}
.membership .modal.renewed .modal_wrap .modal_cont {
  background-color: unset;
  padding: 0;
  margin-top: 0.65rem;
}
.membership .modal.renewed .modal_wrap .modal_cont .area_text {
  font-size: 0.85rem;
  color: #7a7a7a;
  margin-top: 0;
}
.membership .modal.renewed .modal_wrap .modal_cont .form_wrap {
  margin-top: 1.4625rem;
}
.membership .modal.renewed .modal_wrap .modal_cont label {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0.6625rem;
  font-size: 0.8rem;
  color: #7a7a7a;
}
.membership .modal.renewed .modal_wrap .modal_cont input {
  font-size: 1rem;
  color: #bebebe;
}
.membership .modal.renewed .modal_wrap .modal_cont .txt_validate {
  margin: 0;
  font-size: 0.8rem;
  color: #fa7300;
}
.membership .modal.renewed .modal_wrap .modal_cont .modal_btn_wrap {
  font-size: 1.1rem;
  color: #ffffff;
  margin-top: 1.5rem;
  display: flex;
  flex-direction: row;
  gap: 0.55rem;
}
.membership .modal.renewed .modal_wrap .modal_cont .modal_btn_wrap .btn_md {
  margin: unset;
  min-width: unset;
  flex: 1;
}
.membership .modal.renewed .modal_tit .tit {
  font-size: 1rem;
  color: #373737;
}
.membership.index {
  padding: 0;
}
.membership.index .content-wrap {
  padding: 4rem 1.25rem;
  max-width: 42.5rem;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.index .content-wrap {
    padding: 5rem 0;
  }
}
@media (min-width: 1225px) {
  .membership.index .content-wrap {
    padding: 5rem 0;
  }
}
.membership.index h1 {
  font-size: 1.9rem;
  font-weight: 800;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.index h1 {
    font-size: 2.125rem;
  }
}
@media (min-width: 1225px) {
  .membership.index h1 {
    font-size: 2.125rem;
  }
}
.membership.index h2 {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.index h2 {
    font-size: 1.625rem;
  }
}
@media (min-width: 1225px) {
  .membership.index h2 {
    font-size: 1.625rem;
  }
}
.membership.index h3 {
  font-size: 1.2rem;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.index h3 {
    font-size: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .membership.index h3 {
    font-size: 1.25rem;
  }
}
.membership.index h1 + p,
.membership.index h2 + p {
  font-size: 0.9rem;
  line-height: 1.5125rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.index h1 + p,
  .membership.index h2 + p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
@media (min-width: 1225px) {
  .membership.index h1 + p,
  .membership.index h2 + p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
.membership.index .darker {
  color: #0c0228;
}
.membership.index .dark {
  color: #1a1f27;
}
.membership.index .light {
  color: #727171;
}
.membership.index .lighter {
  color: #888c92;
}
.membership.index img {
  width: 100%;
}
.membership.index .hero {
  background-color: #fff6ee;
}
.membership.index .hero h1 {
  margin-bottom: 1.5rem;
}
.membership.index .hero p {
  margin-bottom: 3.9625rem;
}
.membership.index .hero img {
  width: 100%;
  max-width: 25rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.index .hero h1 {
    margin-bottom: 1.25rem;
  }
  .membership.index .hero p {
    margin-bottom: 2.25rem;
  }
  .membership.index .hero img {
    max-width: 32rem;
  }
}
@media (min-width: 1225px) {
  .membership.index .hero h1 {
    margin-bottom: 1.25rem;
  }
  .membership.index .hero p {
    margin-bottom: 2.25rem;
  }
  .membership.index .hero img {
    max-width: 32rem;
  }
}
.membership.index .intro h2 {
  margin-bottom: 0.95rem;
}
.membership.index .intro .content-wrap > p {
  margin-bottom: 1.4625rem;
}
.membership.index .intro .membership-slider {
  width: 100%;
}
.membership.index .intro .membership-slider .slick-slide {
  margin: 0 0.625rem;
}
.membership.index .intro .membership-slider .slick-list {
  margin: 0 -0.625rem;
}
.membership.index .intro .membership-slider .membership-item {
  background-color: #f7f7f7;
  border-radius: 1.2rem;
  padding: 1.2rem;
  width: 12.84rem;
  height: 15.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-wrap: pretty;
  font-size: 0.8rem;
  font-weight: 500;
  color: #4b5463;
}
.membership.index .intro .membership-slider .membership-item .img-wrap {
  width: 100%;
  height: 7.925rem;
  display: grid;
  place-items: center;
}
.membership.index .intro .membership-slider .membership-item .img-wrap img {
  max-width: 5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.index .intro h2 {
    margin-bottom: 1.25rem;
  }
  .membership.index .intro > p {
    margin-bottom: 1.875rem;
  }
  .membership.index .intro .membership-slider .membership-item {
    border-radius: 1.25rem;
    padding: 1.25rem;
    width: 13.375rem;
    height: 16.25rem;
    font-size: 0.875rem;
  }
  .membership.index .intro .membership-slider .membership-item .img-wrap {
    height: 8.25rem;
  }
  .membership.index .intro .membership-slider .membership-item .img-wrap img {
    max-width: 5.625rem;
  }
  .membership.index .intro .membership-slider .membership-item p {
    width: 100%;
  }
}
@media (min-width: 1225px) {
  .membership.index .intro h2 {
    margin-bottom: 1.25rem;
  }
  .membership.index .intro > p {
    margin-bottom: 1.875rem;
  }
  .membership.index .intro .membership-slider .membership-item {
    border-radius: 1.25rem;
    padding: 1.25rem;
    width: 13.375rem;
    height: 16.25rem;
    font-size: 0.875rem;
  }
  .membership.index .intro .membership-slider .membership-item .img-wrap {
    height: 8.25rem;
  }
  .membership.index .intro .membership-slider .membership-item .img-wrap img {
    max-width: 5.625rem;
  }
  .membership.index .intro .membership-slider .membership-item p {
    width: 100%;
  }
}
.membership.index .sign-up {
  background-color: #f9f9f9;
}
.membership.index .sign-up h2 {
  margin-bottom: 1.45rem;
}
.membership.index .sign-up .steps-slider {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
.membership.index .sign-up .steps-slider li .img-wrap {
  width: 6rem;
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin-bottom: 1.2rem;
}
.membership.index .sign-up .steps-slider li .img-wrap img {
  display: block;
  aspect-ratio: 1/1;
  max-width: 60%;
}
.membership.index .sign-up .steps-slider p.darker {
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.membership.index .sign-up .steps-slider p.lighter {
  margin-top: 0.66rem;
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.3rem;
}
.membership.index .sign-up .steps-slider .badge + p.lighter {
  margin-top: 0.235rem;
}
.membership.index .sign-up .steps-slider .badge {
  margin-top: 0.35rem;
  font-size: 0.67125rem;
  font-weight: 500;
  display: grid;
  place-content: center;
  color: #ffffff;
  padding: 0.25rem 1.05rem;
  background-color: #fa7300;
  border-radius: 0.255rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.index .sign-up h2 {
    margin-bottom: 1.875rem;
  }
  .membership.index .sign-up .steps-slider {
    flex-direction: row;
    gap: 3.125rem;
  }
  .membership.index .sign-up .steps-slider li .img-wrap {
    width: 6.25rem;
    margin-bottom: 1.25rem;
  }
  .membership.index .sign-up .steps-slider p.darker {
    font-size: 1rem;
    line-height: 1.75rem;
  }
  .membership.index .sign-up .steps-slider p.lighter {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .membership.index .sign-up .steps-slider .badge + p.lighter {
    margin-top: 0.1875rem;
  }
  .membership.index .sign-up .steps-slider .badge {
    margin-top: 0.6875rem;
    font-size: 0.625rem;
    border-radius: 0.2375rem;
  }
}
@media (min-width: 1225px) {
  .membership.index .sign-up h2 {
    margin-bottom: 1.875rem;
  }
  .membership.index .sign-up .steps-slider {
    flex-direction: row;
    gap: 3.125rem;
  }
  .membership.index .sign-up .steps-slider li .img-wrap {
    width: 6.25rem;
    margin-bottom: 1.25rem;
  }
  .membership.index .sign-up .steps-slider p.darker {
    font-size: 1rem;
    line-height: 1.75rem;
  }
  .membership.index .sign-up .steps-slider p.lighter {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .membership.index .sign-up .steps-slider .badge + p.lighter {
    margin-top: 0.1875rem;
  }
  .membership.index .sign-up .steps-slider .badge {
    margin-top: 0.6875rem;
    font-size: 0.625rem;
    border-radius: 0.2375rem;
  }
}
.membership.index .mileage {
  background-color: #fff6ee;
}
.membership.index .mileage h2 {
  margin-bottom: 2.35rem;
}
.membership.index .mileage .badge {
  font-size: 0.7rem;
  color: #ffffff;
  padding: 0.25rem 0.375rem;
  border-radius: 0.3rem;
  background-color: gray;
  font-weight: 600;
}
.membership.index .mileage .badge.repaying {
  background-color: #f9b422;
}
.membership.index .mileage .badge.funding {
  background-color: #5297f2;
}
.membership.index .mileage .badge.funded {
  background-color: #fa7300;
}
.membership.index .mileage .content-wrap > div {
  width: 100%;
}
.membership.index .mileage .content-wrap > div:not(:last-child) {
  margin-bottom: 1.6375rem;
}
.membership.index .mileage .content-wrap > div .title {
  font-size: 0.95rem;
  padding: 1.2rem;
  border-radius: 1.2rem;
  background-color: #ffffff;
  align-items: center;
  gap: 0.3rem;
  margin-bottom: 0.9rem;
}
.membership.index .mileage .content-wrap > div .title .icon {
  width: 1.32rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: relative;
}
.membership.index .mileage .content-wrap > div .title .icon.plus::before, .membership.index .mileage .content-wrap > div .title .icon.plus::after {
  content: "";
  position: absolute;
  background-color: #000;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
}
.membership.index .mileage .content-wrap > div .title .icon.plus::before {
  width: 0.12rem;
  height: 0.72rem;
}
.membership.index .mileage .content-wrap > div .title .icon.plus::after {
  width: 0.72rem;
  height: 0.12rem;
}
.membership.index .mileage .content-wrap > div .title .icon.minus::before {
  content: "";
  position: absolute;
  background-color: #000;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
  width: 0.72rem;
  height: 0.12rem;
}
.membership.index .mileage .content-wrap > div .gray-container {
  background-color: #f3f3f3;
  padding: 0.6rem 1.2rem;
  border-radius: 0.6rem;
}
.membership.index .mileage .content-wrap > div .badges {
  gap: 1.3325rem;
}
.membership.index .mileage .content-wrap > div .badges li:not(:last-child) {
  position: relative;
}
.membership.index .mileage .content-wrap > div .badges li:not(:last-child)::after {
  position: absolute;
  display: block;
  content: "";
  right: -0.66625rem;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  width: 0.3rem;
  height: 0.72rem;
  background: url("/resources/fo/loanone/common/images/icons/chevron_right_dark.svg") no-repeat center;
  background-size: contain;
}
.membership.index .mileage .content-wrap > div > ul {
  display: flex;
  flex-direction: column;
  margin: 0 1.2rem;
}
.membership.index .mileage .content-wrap > div > ul li {
  font-size: 0.8rem;
}
.membership.index .mileage .content-wrap > div .dotted {
  position: relative;
}
.membership.index .mileage .content-wrap > div .dotted::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 0.1875rem;
  aspect-ratio: 1/1;
  background-color: #4b5463;
  border-radius: 50%;
  vertical-align: middle;
  top: 50%;
  transform: translateY(-50%);
  left: -0.625rem;
}
.membership.index .mileage .content-wrap > div.credit .title {
  color: #fa7300;
}
.membership.index .mileage .content-wrap > div.credit .title .icon {
  background-color: rgba(255, 92, 0, 0.1);
}
.membership.index .mileage .content-wrap > div.credit .title .icon::before, .membership.index .mileage .content-wrap > div.credit .title .icon::after {
  background-color: #fa7300;
}
.membership.index .mileage .content-wrap > div.credit > ul {
  gap: 0.6rem;
}
.membership.index .mileage .content-wrap > div.credit .gray-container {
  margin-top: 0.75rem;
}
.membership.index .mileage .content-wrap > div.credit .gray-container span.bold {
  margin-right: 0.48rem;
}
.membership.index .mileage .content-wrap > div.expiration .title {
  color: #5297f2;
}
.membership.index .mileage .content-wrap > div.expiration .title .icon {
  background-color: rgba(82, 151, 242, 0.1);
}
.membership.index .mileage .content-wrap > div.expiration .title .icon::before, .membership.index .mileage .content-wrap > div.expiration .title .icon::after {
  background-color: #5297f2;
}
.membership.index .mileage .content-wrap > div.expiration .gray-container {
  margin-top: 1.0375rem;
}
.membership.index .mileage .content-wrap > div.expiration .gray-container p {
  margin-bottom: 0.2rem;
}
.membership.index .mileage .content-wrap > div.expiration .gray-container ul {
  gap: 0.325rem;
}
.membership.index .mileage .content-wrap > div.expiration .gray-container ul li {
  display: flex;
  align-items: center;
}
.membership.index .mileage .content-wrap > div.expiration .gray-container ul li .date {
  width: 2.1875rem;
  margin-right: 1.25rem;
}
.membership.index .mileage .content-wrap > div.family .title {
  color: #8b8b8b;
}
.membership.index .mileage .content-wrap > div.family .title .icon {
  background-color: rgba(168, 168, 168, 0.1);
}
.membership.index .mileage .content-wrap > div.family .title .icon::before, .membership.index .mileage .content-wrap > div.family .title .icon::after {
  background-color: #8b8b8b;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.index .mileage h2 {
    margin-bottom: 1.875rem;
  }
  .membership.index .mileage .badge {
    font-size: 0.875rem;
    line-height: 1.375rem;
    border-radius: 0.3125rem;
  }
  .membership.index .mileage > div:not(:last-child) {
    margin-bottom: 1.875rem;
  }
  .membership.index .mileage > div .title {
    font-size: 1rem;
    padding: 1.25rem;
    border-radius: 1.25rem;
    gap: 0.3125rem;
    margin-bottom: 0.9375rem;
  }
  .membership.index .mileage > div .title .icon {
    width: 1.375rem;
  }
  .membership.index .mileage > div .title .icon.plus::before {
    width: 0.125rem;
    height: 0.75rem;
  }
  .membership.index .mileage > div .title .icon.plus::after {
    width: 0.75rem;
    height: 0.125rem;
  }
  .membership.index .mileage > div .title .icon.minus::before {
    width: 0.75rem;
    height: 0.125rem;
  }
  .membership.index .mileage > div .gray-container {
    padding: 0.625rem 1.25rem;
    border-radius: 0.625rem;
  }
  .membership.index .mileage > div > ul {
    display: flex;
    flex-direction: column;
    margin: 0 1.25rem;
  }
  .membership.index .mileage > div > ul li {
    font-size: 0.875rem;
  }
}
@media (min-width: 1225px) {
  .membership.index .mileage h2 {
    margin-bottom: 1.875rem;
  }
  .membership.index .mileage .badge {
    font-size: 0.875rem;
    line-height: 1.375rem;
    border-radius: 0.3125rem;
  }
  .membership.index .mileage > div:not(:last-child) {
    margin-bottom: 1.875rem;
  }
  .membership.index .mileage > div .title {
    font-size: 1rem;
    padding: 1.25rem;
    border-radius: 1.25rem;
    gap: 0.3125rem;
    margin-bottom: 0.9375rem;
  }
  .membership.index .mileage > div .title .icon {
    width: 1.375rem;
  }
  .membership.index .mileage > div .title .icon.plus::before {
    width: 0.125rem;
    height: 0.75rem;
  }
  .membership.index .mileage > div .title .icon.plus::after {
    width: 0.75rem;
    height: 0.125rem;
  }
  .membership.index .mileage > div .title .icon.minus::before {
    width: 0.75rem;
    height: 0.125rem;
  }
  .membership.index .mileage > div .gray-container {
    padding: 0.625rem 1.25rem;
    border-radius: 0.625rem;
  }
  .membership.index .mileage > div > ul {
    display: flex;
    flex-direction: column;
    margin: 0 1.25rem;
  }
  .membership.index .mileage > div > ul li {
    font-size: 0.875rem;
  }
}
.membership.index .merits h2 {
  margin-bottom: 1.45rem;
}
.membership.index .merits .img-container {
  width: 100%;
  aspect-ratio: 361.4/402.8;
  background: url("/resources/fo/invest/common/images/membership-table-mobile.png") no-repeat center;
  background-size: contain;
  margin-bottom: 1.25rem;
}
.membership.index .merits ul {
  text-align: left;
  font-size: 0.8rem;
  line-height: 1.3rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.index .merits h2 {
    margin-bottom: 1.875rem;
  }
  .membership.index .merits .img-container {
    aspect-ratio: 227/143;
    background: url("/resources/fo/invest/common/images/membership-table-desktop.png") no-repeat center;
    margin-bottom: 0.9375rem;
    background-size: contain;
  }
  .membership.index .merits ul {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .membership.index .merits h2 {
    margin-bottom: 1.875rem;
  }
  .membership.index .merits .img-container {
    aspect-ratio: 227/143;
    background: url("/resources/fo/invest/common/images/membership-table-desktop.png") no-repeat center;
    margin-bottom: 0.9375rem;
    background-size: contain;
  }
  .membership.index .merits ul {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.membership.index .stats {
  background-color: #f9f9f9;
}
.membership.index .stats h2 {
  margin-bottom: 1.4625rem;
}
.membership.index .stats .stat-grid {
  /*           width: 100%; */
  max-width: 30.625rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 1.875rem;
}
.membership.index .stats .stat-grid .stat-item {
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
  gap: 0.5rem;
}
.membership.index .stats .stat-grid .stat-item .small {
  font-size: 0.9rem;
}
.membership.index .stats .stat-grid .stat-item .large {
  font-size: 1.2rem;
}
.membership.index .stats .stat-grid .stat-item .x-large {
  font-size: 2.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.index .stats h2 {
    margin-bottom: 2.4375rem;
  }
  .membership.index .stats .stat-grid {
    gap: 1.875rem 9.5rem;
  }
  .membership.index .stats .stat-grid .stat-item .small {
    font-size: 1rem;
  }
  .membership.index .stats .stat-grid .stat-item .large {
    font-size: 1.5rem;
  }
  .membership.index .stats .stat-grid .stat-item .x-large {
    font-size: 3rem;
  }
}
@media (min-width: 1225px) {
  .membership.index .stats h2 {
    margin-bottom: 2.4375rem;
  }
  .membership.index .stats .stat-grid {
    gap: 1.875rem 9.5rem;
  }
  .membership.index .stats .stat-grid .stat-item .small {
    font-size: 1rem;
  }
  .membership.index .stats .stat-grid .stat-item .large {
    font-size: 1.5rem;
  }
  .membership.index .stats .stat-grid .stat-item .x-large {
    font-size: 3rem;
  }
}
.membership.index .faq h3 {
  margin-bottom: 0.9875rem;
}
.membership.index .faq .accordion-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.725rem;
}
.membership.index .faq .accordion-wrap .accordion-button {
  cursor: pointer;
  background-color: #f6f6f6;
  border-radius: 0.6rem;
  padding: 0.9rem 2.125rem;
  color: #0c0228;
  font-size: 0.96rem;
  width: 100%;
  font-weight: 500;
  text-align: left;
  outline: none;
  transition: all 0s ease-in-out 0.4s;
  position: relative;
}
.membership.index .faq .accordion-wrap .accordion-button::before {
  content: "Q";
  color: #fa7300;
  font-weight: 700;
  position: absolute;
  left: calc(2.125rem - 1em);
}
.membership.index .faq .accordion-wrap .accordion-button.active {
  border-radius: 0.6rem 0.6rem 0 0;
  transition: all 0s ease 0s;
}
.membership.index .faq .accordion-wrap .accordion-content {
  background-color: #f6f6f6;
  border-radius: 0 0 0.6rem 0.6rem;
  padding: 0 2.125rem;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  font-size: 0.96rem;
  font-weight: 500;
  color: #0c0228;
  position: relative;
}
.membership.index .faq .accordion-wrap .accordion-content::before {
  content: "A";
  font-weight: 700;
  color: #999999;
  position: absolute;
  left: calc(2.125rem - 1em);
}
.membership.index .faq .accordion-wrap .accordion-button.active + .accordion-content {
  max-height: 62.5rem;
  padding-bottom: 0.9rem;
}
.membership.index .faq .accordion-wrap {
  margin-bottom: 2rem;
}
.membership.index .faq .fixed-button-container {
  position: relative;
}
.membership.index .faq #fixedButton {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  font-size: 0.95rem;
  font-weight: 700;
  padding: 0.9rem;
  width: 18rem;
  margin: auto;
  border-radius: 0.6rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.index .faq h3 {
    margin-bottom: 1.25rem;
  }
  .membership.index .faq .accordion-wrap {
    gap: 0.625rem;
  }
  .membership.index .faq .accordion-wrap .accordion-button {
    border-radius: 0.625rem;
    padding: 0.9375rem 2.125rem;
    font-size: 1rem;
    transition: all 0s ease-in-out 0.4s;
    position: relative;
  }
  .membership.index .faq .accordion-wrap .accordion-button::before {
    left: calc(2.125rem - 1em);
  }
  .membership.index .faq .accordion-wrap .accordion-button.active {
    border-radius: 0.625rem 0.625rem 0 0;
    transition: all 0s ease 0s;
  }
  .membership.index .faq .accordion-wrap .accordion-content {
    font-size: 1rem;
  }
  .membership.index .faq .accordion-wrap .accordion-content::before {
    left: calc(2.125rem - 1em);
  }
  .membership.index .faq .btn {
    font-size: 1rem;
    padding: 0.9375rem;
    width: 18.75rem;
    margin-top: 2.5rem;
    border-radius: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .membership.index .faq h3 {
    margin-bottom: 1.25rem;
  }
  .membership.index .faq .accordion-wrap {
    gap: 0.625rem;
  }
  .membership.index .faq .accordion-wrap .accordion-button {
    border-radius: 0.625rem;
    padding: 0.9375rem 2.125rem;
    font-size: 1rem;
    transition: all 0s ease-in-out 0.4s;
    position: relative;
  }
  .membership.index .faq .accordion-wrap .accordion-button::before {
    left: calc(2.125rem - 1em);
  }
  .membership.index .faq .accordion-wrap .accordion-button.active {
    border-radius: 0.625rem 0.625rem 0 0;
    transition: all 0s ease 0s;
  }
  .membership.index .faq .accordion-wrap .accordion-content {
    font-size: 1rem;
  }
  .membership.index .faq .accordion-wrap .accordion-content::before {
    left: calc(2.125rem - 1em);
  }
  .membership.index .faq .btn {
    font-size: 1rem;
    padding: 0.9375rem;
    width: 18.75rem;
    margin-top: 2.5rem;
    border-radius: 0.625rem;
  }
}
.membership.agreement {
  background-color: #f9f9f9;
}
.membership.agreement .agreement-wrap {
  border-radius: 0.6rem;
  overflow: hidden;
}
.membership.agreement .agreement-wrap .agreement-title {
  background-color: #fa7300;
  padding: 1.2rem 1.65rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: #ffffff;
}
.membership.agreement .agreement-wrap .agreement-content {
  padding: 1rem;
  background-color: #ffffff;
  font-size: 0.84rem;
  line-height: 1.4375rem;
  color: #4b5463;
  font-weight: 500;
}
.membership.agreement .input_wrap {
  margin: 2.4875rem auto 1.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #000;
}
.membership.agreement .btn {
  font-size: 0.95rem;
  font-weight: 700;
  padding: 0.9rem;
  width: 18rem;
  border-radius: 0.6rem;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.agreement .agreement-wrap {
    border-radius: 0.625rem;
  }
  .membership.agreement .agreement-wrap .agreement-title {
    padding: 1.25rem 2rem;
    font-size: 1rem;
  }
  .membership.agreement .agreement-wrap .agreement-content {
    padding: 1.5625rem 1.25rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .membership.agreement .input_wrap {
    margin: 2.5rem auto 1.875rem;
    font-size: 1rem;
  }
  .membership.agreement .btn {
    font-size: 1rem;
    padding: 0.9375rem;
    width: 18.75rem;
    border-radius: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .membership.agreement .agreement-wrap {
    border-radius: 0.625rem;
  }
  .membership.agreement .agreement-wrap .agreement-title {
    padding: 1.25rem 2rem;
    font-size: 1rem;
  }
  .membership.agreement .agreement-wrap .agreement-content {
    padding: 1.5625rem 1.25rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .membership.agreement .input_wrap {
    margin: 2.5rem auto 1.875rem;
    font-size: 1rem;
  }
  .membership.agreement .btn {
    font-size: 1rem;
    padding: 0.9375rem;
    width: 18.75rem;
    border-radius: 0.625rem;
  }
}
.membership.lounge .tier .smaller {
  font-size: 0.75rem;
}
.membership.lounge .tier .small {
  font-size: 0.85rem;
}
.membership.lounge .tier .large {
  font-size: 1.5rem;
}
.membership.lounge .tier .dark {
  color: #3c4045;
}
.membership.lounge .tier .light {
  color: #999999;
}
.membership.lounge .tier .gray-container {
  background-color: #f3f5f9;
  background-image: url("/resources/fo/invest/common/images/Winkstone.svg");
  background-repeat: no-repeat;
  background-size: 5.7rem;
  background-position-x: calc(100% - 1.2rem);
  background-position-y: 1.2rem;
  border-radius: 0.63625rem;
  padding: 2.5375rem;
}
.membership.lounge .tier .img-wrap {
  border-radius: 50%;
  background-color: #ffffff;
  width: 3.7rem;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  margin-bottom: 0.95rem;
}
.membership.lounge .tier .img-wrap img {
  width: 70%;
}
.membership.lounge .tier .large {
  margin-bottom: 1rem;
}
.membership.lounge .tier .badge {
  background-color: #ffffff;
  padding: 0.125rem 0.75rem;
  border-radius: 0.75rem;
  margin-bottom: 1.6rem;
}
.membership.lounge .tier-history {
  margin-top: 2rem;
}
.membership.lounge .tier-history .small {
  font-size: 0.75rem;
}
.membership.lounge .tier-history .large {
  font-size: 0.95rem;
}
.membership.lounge .tier-history .larger {
  font-size: 1rem;
}
.membership.lounge .tier-history .dark {
  color: #373737;
}
.membership.lounge .tier-history .light {
  color: #7a7a7a;
}
.membership.lounge .tier-history .lighter {
  color: #8b8b8b;
}
.membership.lounge .tier-history .history-list {
  margin-top: 0.5rem;
}
.membership.lounge .tier-history .history-list .history-item {
  padding: 1.25rem 0;
}
.membership.lounge .tier-history .history-list .history-item:not(:last-child) {
  border-bottom: 0.05rem solid #d8d8d8;
}
.membership.lounge .tier-history .history-list .history-item .tier {
  margin-right: 0.5rem;
}
.membership.lounge .tier-history .btn.load-more {
  margin-top: 0.175rem;
  padding: 1.0625rem;
  border-radius: 0.63625rem;
}
.membership.lounge .tier-history .btn.load-more .custom-font-icon {
  margin-right: 0.575rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.lounge .tier-history .btn.load-more {
    margin: auto;
    width: 22.5rem;
    margin-top: 0.175rem;
    border-radius: 0.625rem;
  }
  .membership.lounge .tier-history .btn.load-more .custom-font-icon {
    margin-right: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .membership.lounge .tier-history .btn.load-more {
    margin: auto;
    width: 22.5rem;
    margin-top: 0.175rem;
    border-radius: 0.625rem;
  }
  .membership.lounge .tier-history .btn.load-more .custom-font-icon {
    margin-right: 0.625rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.lounge .tier-history {
    margin-top: 2.5rem;
  }
  .membership.lounge .tier-history .large {
    font-size: 0.9375rem;
  }
  .membership.lounge .tier-history .history-list {
    margin-top: 0.35rem;
  }
  .membership.lounge .tier-history .history-list .history-item {
    padding: 1.2rem 0;
  }
  .membership.lounge .tier-history .history-list .history-item .tier {
    margin-right: 0.475rem;
  }
}
@media (min-width: 1225px) {
  .membership.lounge .tier-history {
    margin-top: 2.5rem;
  }
  .membership.lounge .tier-history .large {
    font-size: 0.9375rem;
  }
  .membership.lounge .tier-history .history-list {
    margin-top: 0.35rem;
  }
  .membership.lounge .tier-history .history-list .history-item {
    padding: 1.2rem 0;
  }
  .membership.lounge .tier-history .history-list .history-item .tier {
    margin-right: 0.475rem;
  }
}
.membership.lounge .quaterly-history {
  margin-top: 1.5rem;
  background-color: #fff6ee;
}
.membership.lounge .quaterly-history .content-wrap {
  padding: 1.25rem 1.25rem 1.75rem;
}
.membership.lounge .quaterly-history .smallest {
  font-size: 0.65rem;
}
.membership.lounge .quaterly-history .smaller {
  font-size: 0.7rem;
}
.membership.lounge .quaterly-history .small {
  font-size: 0.8rem;
}
.membership.lounge .quaterly-history .large {
  font-size: 0.95rem;
}
.membership.lounge .quaterly-history .dark {
  color: #6a6a6a;
}
.membership.lounge .quaterly-history .light {
  color: #7a7a7a;
}
.membership.lounge .quaterly-history .lighter {
  color: #999999;
}
.membership.lounge .quaterly-history .title {
  margin-bottom: 2rem;
}
.membership.lounge .quaterly-history .text-bubble {
  background-color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-bottom: 2.35rem;
  border-radius: 0.5rem;
  padding: 0.4375rem 1.45rem;
  position: relative;
}
.membership.lounge .quaterly-history .text-bubble::after {
  content: "";
  position: absolute;
  bottom: -10px; /* Adjust the position of the tail */
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 0.625rem solid transparent;
  border-right: 0.625rem solid transparent;
  border-top: 0.625rem solid #fff; /* Same color as the bubble background */
}
.membership.lounge .quaterly-history .gauge-wrap {
  margin-bottom: 2.6rem;
  display: flex;
  position: relative;
  flex-direction: row;
  width: 100%;
  height: 0.6rem;
  background-color: #ffffff;
}
.membership.lounge .quaterly-history .gauge-wrap .gauge-section {
  position: relative;
  flex: 1;
}
.membership.lounge .quaterly-history .gauge-wrap .gauge-section:not(:last-of-type) {
  border-right: 0.05rem solid #ffe1c7;
}
.membership.lounge .quaterly-history .gauge-wrap .gauge-section:first-of-type .gauge-container {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.membership.lounge .quaterly-history .gauge-wrap .gauge-section:last-of-type .gauge-container {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.membership.lounge .quaterly-history .gauge-wrap .gauge-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.membership.lounge .quaterly-history .gauge-wrap .gauge-container .gauge-fill {
  background-color: #fa7300;
  width: 0%;
  height: 100%;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.membership.lounge .quaterly-history .gauge-wrap .id,
.membership.lounge .quaterly-history .gauge-wrap .maxNum {
  position: absolute;
  line-height: 1;
}
.membership.lounge .quaterly-history .gauge-wrap .id {
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  bottom: -0.5rem;
}
.membership.lounge .quaterly-history .gauge-wrap .maxNum {
  transform: translateY(-100%);
  left: 100%;
  top: -0.4125rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.lounge .quaterly-history {
    margin-top: 2.5rem;
    background-color: unset;
  }
  .membership.lounge .quaterly-history .content-wrap {
    background-color: #fff6ee;
    padding: 1.25rem 1.25rem 1.5625rem;
  }
  .membership.lounge .quaterly-history .smallest {
    font-size: 0.625rem;
  }
  .membership.lounge .quaterly-history .smaller {
    font-size: 0.75rem;
  }
  .membership.lounge .quaterly-history .small {
    font-size: 0.8125rem;
  }
  .membership.lounge .quaterly-history .large {
    font-size: 0.9375rem;
  }
  .membership.lounge .quaterly-history .title {
    margin-bottom: 1.5rem;
  }
  .membership.lounge .quaterly-history .text-bubble {
    margin-bottom: 2.3125rem;
    padding: 0.4375rem 1.45rem;
    position: relative;
  }
  .membership.lounge .quaterly-history .text-bubble::after {
    content: "";
    position: absolute;
    bottom: -0.5rem; /* Adjust the position of the tail */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 0.625rem solid transparent;
    border-right: 0.625rem solid transparent;
    border-top: 0.625rem solid #fff; /* Same color as the bubble background */
  }
  .membership.lounge .quaterly-history .gauge-wrap {
    margin-bottom: 2.625rem;
    height: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .membership.lounge .quaterly-history {
    margin-top: 2.5rem;
    background-color: unset;
  }
  .membership.lounge .quaterly-history .content-wrap {
    background-color: #fff6ee;
    padding: 1.25rem 1.25rem 1.5625rem;
  }
  .membership.lounge .quaterly-history .smallest {
    font-size: 0.625rem;
  }
  .membership.lounge .quaterly-history .smaller {
    font-size: 0.75rem;
  }
  .membership.lounge .quaterly-history .small {
    font-size: 0.8125rem;
  }
  .membership.lounge .quaterly-history .large {
    font-size: 0.9375rem;
  }
  .membership.lounge .quaterly-history .title {
    margin-bottom: 1.5rem;
  }
  .membership.lounge .quaterly-history .text-bubble {
    margin-bottom: 2.3125rem;
    padding: 0.4375rem 1.45rem;
    position: relative;
  }
  .membership.lounge .quaterly-history .text-bubble::after {
    content: "";
    position: absolute;
    bottom: -0.5rem; /* Adjust the position of the tail */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 0.625rem solid transparent;
    border-right: 0.625rem solid transparent;
    border-top: 0.625rem solid #fff; /* Same color as the bubble background */
  }
  .membership.lounge .quaterly-history .gauge-wrap {
    margin-bottom: 2.625rem;
    height: 0.625rem;
  }
}
.membership.lounge .download-history {
  margin-top: 2rem;
}
.membership.lounge .download-history .select_input_wrap {
  gap: 0.5rem;
  margin-top: 0.4875rem;
  margin-right: 0.45rem;
}
.membership.lounge .download-history .select_input_wrap .select_wrap {
  position: relative;
  display: inline-block;
  width: unset;
}
.membership.lounge .download-history .select_input_wrap .select_wrap::after {
  content: "";
  position: absolute;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-top: 0.3125rem solid #000;
  pointer-events: none;
}
.membership.lounge .download-history .select_input_wrap .select_wrap select {
  all: initial;
  height: unset;
  min-height: unset;
  line-height: 1.1;
  box-sizing: border-box;
  font-family: "Pretendard";
  border: none;
  outline: none;
  margin: 0;
  padding: 1rem 0.3125rem;
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: 0;
  border-bottom: 0.125rem solid #b9b9b9;
  padding-right: 1.5625rem;
}
.membership.lounge .download-history .select_input_wrap .select_wrap select::-moz-placeholder {
  color: #bebebe;
}
.membership.lounge .download-history .select_input_wrap .select_wrap select::placeholder {
  color: #bebebe;
}
.membership.lounge .download-history .select_input_wrap .select_wrap select:focus {
  border-bottom-color: #fa7300;
}
.membership.lounge .download-history .btn.download-file {
  padding: 0.5625rem 1.15rem;
  border-radius: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.lounge .download-history {
    margin-top: 1.875rem;
  }
  .membership.lounge .download-history .select_input_wrap {
    margin-top: 1.125rem;
    margin-right: 0.75rem;
  }
  .membership.lounge .download-history .btn.download-file {
    width: 10rem;
    padding: 0.5625rem 1.15rem;
    border-radius: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .membership.lounge .download-history {
    margin-top: 1.875rem;
  }
  .membership.lounge .download-history .select_input_wrap {
    margin-top: 1.125rem;
    margin-right: 0.75rem;
  }
  .membership.lounge .download-history .btn.download-file {
    width: 10rem;
    padding: 0.5625rem 1.15rem;
    border-radius: 0.625rem;
  }
}
.membership.lounge .membership-service {
  margin-top: 2rem;
}
.membership.lounge .membership-service .large {
  font-size: 0.95rem;
}
.membership.lounge .membership-service .dark {
  color: #3c4045;
}
.membership.lounge .membership-service .light {
  color: #7a7a7a;
}
.membership.lounge .membership-service .gray-container {
  margin-top: 1.0125rem;
  background-color: #f5f5f5;
  padding: 1rem;
  border-radius: 0.625rem;
  line-height: 1.9rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.lounge .membership-service {
    margin-top: 2.1625rem;
  }
  .membership.lounge .membership-service .gray-container {
    margin-top: 1.025rem;
  }
}
@media (min-width: 1225px) {
  .membership.lounge .membership-service {
    margin-top: 2.1625rem;
  }
  .membership.lounge .membership-service .gray-container {
    margin-top: 1.025rem;
  }
}
.membership.lounge .modal#pop_point_system .small_text {
  margin-top: 0.9625rem;
  font-size: 0.7rem;
  color: #5f656e;
  font-weight: 600;
}
.membership.lounge .modal#pop_point_system table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1.625rem;
}
.membership.lounge .modal#pop_point_system th,
.membership.lounge .modal#pop_point_system td {
  text-align: left;
  padding: 0.5rem 0.375rem;
  font-size: 0.7rem;
}
.membership.lounge .modal#pop_point_system tr:not(:last-child) {
  border-bottom: 0.06rem solid #efefef;
}
.membership.lounge .modal#pop_point_system th {
  background-color: transparent;
  color: #5f656e;
  font-weight: 600;
  border-bottom: 0.06rem solid #b9b9b9;
}
.membership.lounge .modal#pop_point_system .history {
  font-weight: 500;
  font-size: 0.65rem;
  color: #999999;
}
.membership.lounge .modal#pop_point_system .history strong {
  font-weight: 700;
  font-size: 0.7rem;
  color: #5f656e;
}
.membership.lounge .modal#pop_point_system .reward {
  font-weight: 700;
  color: #fa7300;
}
.membership.family h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #3c4045;
}
.membership.family .hero {
  background-color: #fff6d6;
}
.membership.family .hero .content-wrap {
  padding-top: 4rem;
  padding-bottom: 4.375rem;
}
.membership.family .hero .small {
  font-size: 0.9rem;
}
.membership.family .hero .large {
  font-size: 1.8rem;
}
.membership.family .hero .dark {
  color: #373737;
}
.membership.family .hero .light {
  color: #727171;
}
.membership.family .hero h1 {
  margin-top: 1.4625rem;
}
.membership.family .hero .img {
  margin-top: 3.05rem;
  width: 7.75rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.family .hero {
    background-color: unset;
  }
  .membership.family .hero .content-wrap {
    background-color: #fff6d6;
    padding-top: 3.75rem;
    padding-bottom: 3.8125rem;
  }
  .membership.family .hero .small {
    font-size: 0.875rem;
  }
  .membership.family .hero .large {
    font-size: 1.75rem;
  }
  .membership.family .hero h1 {
    margin-top: 1.25rem;
  }
  .membership.family .hero .img {
    margin-top: 2.5rem;
    width: 8rem;
  }
}
@media (min-width: 1225px) {
  .membership.family .hero {
    background-color: unset;
  }
  .membership.family .hero .content-wrap {
    background-color: #fff6d6;
    padding-top: 3.75rem;
    padding-bottom: 3.8125rem;
  }
  .membership.family .hero .small {
    font-size: 0.875rem;
  }
  .membership.family .hero .large {
    font-size: 1.75rem;
  }
  .membership.family .hero h1 {
    margin-top: 1.25rem;
  }
  .membership.family .hero .img {
    margin-top: 2.5rem;
    width: 8rem;
  }
}
.membership.family .merits {
  margin-top: 2.5rem;
}
.membership.family .merits .large {
  font-size: 0.9rem;
  line-height: 2rem;
}
.membership.family .merits .light {
  color: #7a7a7a;
}
.membership.family .merits h3 {
  margin-bottom: 1.475rem;
}
.membership.family .merits .img-wrap {
  border-radius: 50%;
  background-color: #fff6ee;
  width: 1.5rem;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  margin-right: 0.3rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.family .merits .large {
    font-size: 0.875rem;
  }
  .membership.family .merits h3 {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .membership.family .merits .large {
    font-size: 0.875rem;
  }
  .membership.family .merits h3 {
    margin-bottom: 1.5rem;
  }
}
.membership.family .guide {
  margin-top: 4rem;
}
.membership.family .guide .smaller {
  font-size: 0.8rem;
  line-height: 1.5rem;
}
.membership.family .guide .small {
  font-size: 0.85rem;
  line-height: 1.25rem;
}
.membership.family .guide .large {
  font-size: 0.95rem;
  line-height: 1.875rem;
  margin-bottom: 0.375rem;
}
.membership.family .guide .dark {
  color: #3c4045;
}
.membership.family .guide .light {
  color: #6e6e6e;
}
.membership.family .guide .lighter {
  color: #6a6a6a;
}
.membership.family .guide h3 {
  margin-bottom: 0.7625rem;
}
.membership.family .guide .img-wrap {
  width: 7.5rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.membership.family .guide .gray-container {
  margin-top: 1.4625rem;
  background-color: #f5f5f5;
  padding: 0.9rem 1rem;
  border-radius: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.family .guide {
    margin-top: 1.875rem;
  }
  .membership.family .guide .smaller {
    font-size: 0.8125rem;
  }
  .membership.family .guide .small {
    font-size: 0.875rem;
  }
  .membership.family .guide .large {
    font-size: 0.9375rem;
  }
  .membership.family .guide h3 {
    margin-bottom: 0.625rem;
  }
  .membership.family .guide .gray-container {
    margin-top: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .membership.family .guide {
    margin-top: 1.875rem;
  }
  .membership.family .guide .smaller {
    font-size: 0.8125rem;
  }
  .membership.family .guide .small {
    font-size: 0.875rem;
  }
  .membership.family .guide .large {
    font-size: 0.9375rem;
  }
  .membership.family .guide h3 {
    margin-bottom: 0.625rem;
  }
  .membership.family .guide .gray-container {
    margin-top: 1.25rem;
  }
}
.membership.family .policy {
  letter-spacing: 0em;
  margin-top: 4.1rem;
}
.membership.family .policy .smallest {
  font-size: 0.75rem;
}
.membership.family .policy .smaller {
  font-size: 0.8rem;
}
.membership.family .policy .small {
  font-size: 0.85rem;
  line-height: 1.4rem;
}
.membership.family .policy .large {
  font-size: 0.875rem;
}
.membership.family .policy .larger {
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.membership.family .policy .light {
  color: #6e6e6e;
}
.membership.family .policy .lighter {
  color: #6a6a6a;
}
.membership.family .policy h3 {
  margin-bottom: 0.4875rem;
}
.membership.family .policy .content-wrap > .flex-col > p {
  margin-bottom: 1.4875rem;
}
.membership.family .policy .content-wrap > .flex-col > ul li {
  margin-left: 1em;
  position: relative;
}
.membership.family .policy .content-wrap > .flex-col > ul li::before {
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
  width: 0.1875rem;
  aspect-ratio: 1/1;
  background-color: #4b5463;
  top: 0.5em;
  left: -0.5em;
  transform: translateY(50%) translateX(-50%);
}
.membership.family .policy .content-wrap > .flex-col > .gray-container {
  background-color: #f3f3f3;
  padding: 0.75rem;
  border-radius: 0.625rem;
  margin-top: 1.5rem;
}
.membership.family .policy .content-wrap > .flex-col > .gray-container p {
  margin-bottom: 0.375rem;
}
.membership.family .policy .content-wrap > .flex-col > .gray-container li:not(.gray-item) {
  margin-left: 1em;
  position: relative;
  line-height: 1.3rem;
}
.membership.family .policy .content-wrap > .flex-col > .gray-container li:not(.gray-item)::before {
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
  width: 0.1875rem;
  aspect-ratio: 1/1;
  background-color: #6a6a6a;
  top: 0.5em;
  left: -0.5em;
  transform: translateY(50%) translateX(-50%);
}
.membership.family .policy .content-wrap > .flex-col > .gray-container li.gray-item {
  margin: 0.75rem 0;
  background-color: #e4e4e4;
  padding: 0.625rem 0.775rem;
  border-radius: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.family .policy {
    margin-top: 2.5125rem;
  }
  .membership.family .policy .smaller {
    font-size: 0.75rem;
  }
  .membership.family .policy .small {
    font-size: 0.875rem;
  }
  .membership.family .policy h3 {
    margin-bottom: 0.625rem;
  }
  .membership.family .policy .content-wrap > .flex-col > p {
    margin-bottom: 1.25rem;
  }
  .membership.family .policy .content-wrap > .flex-col > .gray-container {
    margin-top: 1.25rem;
  }
  .membership.family .policy .content-wrap > .flex-col > .gray-container li.gray-item {
    margin: 0.75rem 0;
    background-color: #e4e4e4;
    padding: 0.625rem 0.775rem;
    border-radius: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .membership.family .policy {
    margin-top: 2.5125rem;
  }
  .membership.family .policy .smaller {
    font-size: 0.75rem;
  }
  .membership.family .policy .small {
    font-size: 0.875rem;
  }
  .membership.family .policy h3 {
    margin-bottom: 0.625rem;
  }
  .membership.family .policy .content-wrap > .flex-col > p {
    margin-bottom: 1.25rem;
  }
  .membership.family .policy .content-wrap > .flex-col > .gray-container {
    margin-top: 1.25rem;
  }
  .membership.family .policy .content-wrap > .flex-col > .gray-container li.gray-item {
    margin: 0.75rem 0;
    background-color: #e4e4e4;
    padding: 0.625rem 0.775rem;
    border-radius: 0.625rem;
  }
}
.membership.family .application {
  margin-top: 3.9625rem;
}
.membership.family .application .smaller {
  font-size: 0.8rem;
}
.membership.family .application .small {
  font-size: 0.9rem;
}
.membership.family .application .large {
  font-size: 1.05rem;
}
.membership.family .application .dark {
  color: #3c4045;
}
.membership.family .application .light {
  color: #6a6a6a;
}
.membership.family .application h3 {
  margin-bottom: 1.45rem;
}
.membership.family .application .numbered {
  position: relative;
  gap: 1.5rem;
}
.membership.family .application .numbered li {
  margin-left: 2rem;
  position: relative;
}
.membership.family .application .numbered li .num {
  position: absolute;
  display: block;
  width: 1.5rem;
  left: -0.5rem;
  top: 0%;
  transform: translateX(-100%);
  aspect-ratio: 1/1;
  text-align: center;
  border-radius: 50%;
  background-color: #ffe2ca;
  color: #fa7300;
  font-weight: 700;
}
.membership.family .application .numbered::before {
  content: "";
  position: absolute;
  display: block;
  left: 0.75rem;
  width: 0.0625rem;
  transform: translateX(-50%);
  height: 100%;
  background-color: #ffe2ca;
}
.membership.family .application .gray-container {
  margin-top: 1.5rem;
  border-radius: 0.625rem;
  background-color: #f5f5f5;
  padding: 1rem;
  line-height: 1.5rem;
}
.membership.family .application .btn.apply {
  padding: 1rem;
  border-radius: 0.630625rem;
  margin-top: 2.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.family .application {
    margin-top: 3.9625rem;
  }
  .membership.family .application .smaller {
    font-size: 0.75rem;
  }
  .membership.family .application .small {
    font-size: 0.875rem;
  }
  .membership.family .application h3 {
    margin-bottom: 1.25rem;
  }
  .membership.family .application .gray-container {
    margin-top: 1.25rem;
    line-height: 1.375rem;
  }
  .membership.family .application .btn.apply {
    width: 20rem;
    margin: auto;
    margin-top: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .membership.family .application {
    margin-top: 3.9625rem;
  }
  .membership.family .application .smaller {
    font-size: 0.75rem;
  }
  .membership.family .application .small {
    font-size: 0.875rem;
  }
  .membership.family .application h3 {
    margin-bottom: 1.25rem;
  }
  .membership.family .application .gray-container {
    margin-top: 1.25rem;
    line-height: 1.375rem;
  }
  .membership.family .application .btn.apply {
    width: 20rem;
    margin: auto;
    margin-top: 2.5rem;
  }
}
.membership.family .family-info {
  margin-top: 4rem;
}
.membership.family .family-info .smaller {
  font-size: 0.7rem;
}
.membership.family .family-info .small {
  font-size: 0.75rem;
}
.membership.family .family-info .large {
  font-size: 1rem;
}
.membership.family .family-info .dark {
  color: #373737;
}
.membership.family .family-info .light {
  color: #727171;
}
.membership.family .family-info .lighter {
  color: #8b8b8b;
}
.membership.family .family-info h3 {
  font-size: 1rem;
  font-size: 600;
  color: #4b5463;
}
.membership.family .family-info ul {
  margin-top: 0.5375rem;
}
.membership.family .family-info li {
  padding: 1.25rem 0;
  gap: 0.4625rem;
}
.membership.family .family-info li .name {
  margin-right: 0.4375rem;
}
.membership.family .family-info li .badge {
  background-color: #ececec;
  color: #727171;
  padding: 0.125rem 0.45rem;
  border-radius: 0.75rem;
}
.membership.family .family-info li .badge.orange {
  background-color: #fff6ee;
}
.membership.family .family-info li:not(:last-of-type) {
  border-bottom: 0.05rem solid #d8d8d8;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.family .family-info {
    margin-top: 2.5rem;
  }
  .membership.family .family-info ul {
    margin-top: 0.625rem;
  }
  .membership.family .family-info li .name {
    margin-right: 0.45rem;
  }
  .membership.family .family-info li:not(:last-of-type) {
    border-bottom: 0.0625rem solid #d8d8d8;
  }
}
@media (min-width: 1225px) {
  .membership.family .family-info {
    margin-top: 2.5rem;
  }
  .membership.family .family-info ul {
    margin-top: 0.625rem;
  }
  .membership.family .family-info li .name {
    margin-right: 0.45rem;
  }
  .membership.family .family-info li:not(:last-of-type) {
    border-bottom: 0.0625rem solid #d8d8d8;
  }
}
.membership.application .hero .small {
  font-size: 0.75rem;
}
.membership.application .hero .large {
  font-size: 1rem;
}
.membership.application .hero .larger {
  font-size: 1.5rem;
}
.membership.application .hero .darkest {
  color: #000;
}
.membership.application .hero .dark {
  color: #3c4045;
}
.membership.application .hero .title {
  gap: 1.25rem;
  margin-bottom: 2rem;
}
.membership.application .hero .title img {
  width: 4.675rem;
}
.membership.application .hero .check {
  gap: 0.6rem;
}
.membership.application .hero .check label::before {
  border-radius: 50%;
  width: 1.375rem;
  height: 1.375rem;
  background-size: 80%;
  background-position-y: 40%;
}
.membership.application .hero .check .custom-font-icon {
  height: 1.2em;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.application .hero .title {
    gap: 0.9875rem;
    margin-bottom: 1.825rem;
  }
  .membership.application .hero .title img {
    width: 4.675rem;
  }
  .membership.application .hero .check {
    gap: 1rem;
  }
}
@media (min-width: 1225px) {
  .membership.application .hero .title {
    gap: 0.9875rem;
    margin-bottom: 1.825rem;
  }
  .membership.application .hero .title img {
    width: 4.675rem;
  }
  .membership.application .hero .check {
    gap: 1rem;
  }
}
.membership.application .add-family .smallest {
  font-size: 0.8rem;
}
.membership.application .add-family .smaller {
  font-size: 0.8125rem;
}
.membership.application .add-family .small {
  font-size: 0.9rem;
}
.membership.application .add-family .large {
  font-size: 0.9375rem;
}
.membership.application .add-family .larger {
  font-size: 0.95rem;
}
.membership.application .add-family .largest {
  font-size: 1rem;
}
.membership.application .add-family .darkest {
  color: #373737;
}
.membership.application .add-family .darker {
  color: #595959;
}
.membership.application .add-family .dark {
  color: #6a6a6a;
}
.membership.application .add-family .light {
  color: #7a7a7a;
}
.membership.application .add-family .lighter {
  color: #8b8b8b;
}
.membership.application .add-family .lightest {
  color: #bebebe;
}
.membership.application .add-family {
  margin-top: 5rem;
}
.membership.application .add-family h2 {
  margin-bottom: 1.5rem;
}
.membership.application .add-family h2 + p {
  margin-bottom: 2.5rem;
}
.membership.application .add-family h3 {
  margin-bottom: 0.25rem;
}
.membership.application .add-family .family-list li {
  padding: 1.2625rem 0;
}
.membership.application .add-family .family-list li .name {
  margin-right: 0.45rem;
}
.membership.application .add-family .family-list li .mobile {
  margin-right: 0.5rem;
}
.membership.application .add-family .family-list li .custom-font-icon {
  height: 1.4em;
}
.membership.application .add-family .family-list li:not(:last-child) {
  border-bottom: 0.05rem solid #d8d8d8;
}
.membership.application .add-family .gray-container {
  background-color: #f5f5f5;
  border-radius: 0.625rem;
  padding: 1.2rem;
}
.membership.application .add-family .add-member {
  margin-top: 0.25rem;
  gap: 1.5rem;
}
.membership.application .add-family .add-member .input_wrap,
.membership.application .add-family .add-member .form_wrap {
  margin-top: 0;
}
.membership.application .add-family .add-member label {
  margin-bottom: 0;
  margin-left: 0.15rem;
}
.membership.application .add-family .add-member input {
  width: 100%;
  font-weight: 600;
  background-color: transparent;
  border: none;
  outline: none;
  border-radius: 0;
  border-bottom: 0.125rem solid #b9b9b9;
  padding: 1rem 0.5rem;
}
.membership.application .add-family .add-member input:focus {
  border-bottom-color: #fa7300;
}
.membership.application .add-family .add-member .btn.add {
  opacity: 1;
  color: #ffffff;
  padding: 1.0625rem;
  border-radius: 0.63625rem;
}
.membership.application .add-family .add-member .btn.add:disabled {
  border-color: #cfcfcf;
  background-color: #cfcfcf;
}
.membership.application .add-family .form_wrap.file {
  margin-top: 2rem;
}
.membership.application .add-family .form_wrap.file .input_wrap {
  gap: 0.625rem;
  align-items: unset;
}
.membership.application .add-family .form_wrap.file .input_wrap .txt_input {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  flex: 1;
  padding: 0.5rem;
  border-bottom: 0.0625rem solid #d8d8d8;
}
.membership.application .add-family .form_wrap.file .input_wrap label {
  flex: 1;
  color: #ffffff;
  padding: 0.5rem 1rem;
  border-radius: 0.625rem;
  margin-bottom: 0;
}
.membership.application .add-family .notice {
  margin-top: 2.725rem;
  line-height: 1.5rem;
}
.membership.application .add-family .btn.submit {
  font-size: 1.05rem;
  padding: 1rem;
  border-radius: 0.630625rem;
  margin-top: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.application .add-family h2 + p {
    margin-bottom: 1.875rem;
  }
  .membership.application .add-family h3 {
    margin-bottom: 0.0875rem;
  }
  .membership.application .add-family .family-list li {
    padding: 1.425rem 0;
  }
  .membership.application .add-family .family-list li:not(:last-child) {
    border-bottom: 0.0625rem solid #d8d8d8;
  }
  .membership.application .add-family .gray-container {
    padding: 1.25rem;
  }
  .membership.application .add-family .add-member {
    margin-top: 0.275rem;
    gap: 1.475rem;
  }
  .membership.application .add-family .add-member label {
    margin-left: 0.5rem;
  }
  .membership.application .add-family .add-member input {
    padding: 1.025rem 0.5rem;
  }
  .membership.application .add-family .add-member .btn.add {
    width: 20rem;
    margin: auto;
    padding: 1.075rem;
    border-radius: 0.625rem;
  }
  .membership.application .add-family .form_wrap.file {
    margin-top: 1.875rem;
  }
  .membership.application .add-family .form_wrap.file .input_wrap {
    gap: 0.625rem;
    align-items: unset;
  }
  .membership.application .add-family .form_wrap.file .input_wrap label {
    width: 10rem;
  }
  .membership.application .add-family .notice {
    margin-top: 2.5rem;
    line-height: 1.375rem;
  }
  .membership.application .add-family .btn.submit {
    width: 20rem;
    margin: auto;
    margin-top: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .membership.application .add-family h2 + p {
    margin-bottom: 1.875rem;
  }
  .membership.application .add-family h3 {
    margin-bottom: 0.0875rem;
  }
  .membership.application .add-family .family-list li {
    padding: 1.425rem 0;
  }
  .membership.application .add-family .family-list li:not(:last-child) {
    border-bottom: 0.0625rem solid #d8d8d8;
  }
  .membership.application .add-family .gray-container {
    padding: 1.25rem;
  }
  .membership.application .add-family .add-member {
    margin-top: 0.275rem;
    gap: 1.475rem;
  }
  .membership.application .add-family .add-member label {
    margin-left: 0.5rem;
  }
  .membership.application .add-family .add-member input {
    padding: 1.025rem 0.5rem;
  }
  .membership.application .add-family .add-member .btn.add {
    width: 20rem;
    margin: auto;
    padding: 1.075rem;
    border-radius: 0.625rem;
  }
  .membership.application .add-family .form_wrap.file {
    margin-top: 1.875rem;
  }
  .membership.application .add-family .form_wrap.file .input_wrap {
    gap: 0.625rem;
    align-items: unset;
  }
  .membership.application .add-family .form_wrap.file .input_wrap label {
    width: 10rem;
  }
  .membership.application .add-family .notice {
    margin-top: 2.5rem;
    line-height: 1.375rem;
  }
  .membership.application .add-family .btn.submit {
    width: 20rem;
    margin: auto;
    margin-top: 1.875rem;
  }
}
.membership.notification .hero {
  background-color: #5297f2;
  color: #ffffff;
}
.membership.notification .hero .small {
  font-size: 0.9rem;
}
.membership.notification .hero .largest {
  font-size: 1.8rem;
}
.membership.notification .hero .content-wrap {
  padding-top: 4rem;
  padding-bottom: 2rem;
}
.membership.notification .hero .content-wrap h1 {
  margin-top: 1.4625rem;
  margin-bottom: 0.725rem;
}
.membership.notification .hero .content-wrap img {
  width: 12.75rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.notification .hero {
    background-color: unset;
  }
  .membership.notification .hero .small {
    font-size: 0.875rem;
  }
  .membership.notification .hero .largest {
    font-size: 1.75rem;
  }
  .membership.notification .hero .content-wrap {
    background-color: #5297f2;
    padding-top: 3.75rem;
    padding-bottom: 1.8125rem;
  }
  .membership.notification .hero .content-wrap h1 {
    margin-top: 1.25rem;
    margin-bottom: 0.3125rem;
  }
  .membership.notification .hero .content-wrap img {
    width: 12.5rem;
  }
}
@media (min-width: 1225px) {
  .membership.notification .hero {
    background-color: unset;
  }
  .membership.notification .hero .small {
    font-size: 0.875rem;
  }
  .membership.notification .hero .largest {
    font-size: 1.75rem;
  }
  .membership.notification .hero .content-wrap {
    background-color: #5297f2;
    padding-top: 3.75rem;
    padding-bottom: 1.8125rem;
  }
  .membership.notification .hero .content-wrap h1 {
    margin-top: 1.25rem;
    margin-bottom: 0.3125rem;
  }
  .membership.notification .hero .content-wrap img {
    width: 12.5rem;
  }
}
.membership.notification .prefered-items {
  margin-top: 2.5rem;
}
.membership.notification .prefered-items .smaller {
  font-size: 0.8rem;
}
.membership.notification .prefered-items .small {
  font-size: 0.9rem;
}
.membership.notification .prefered-items .dark {
  color: #6a6a6a;
}
.membership.notification .prefered-items .light {
  color: #7a7a7a;
}
.membership.notification .prefered-items h2 {
  margin-bottom: 1.475rem;
  font-size: 1.5rem;
}
.membership.notification .prefered-items .img-wrap {
  border-radius: 50%;
  background-color: #fff6ee;
  width: 1.5rem;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  margin-right: 0.3rem;
}
.membership.notification .prefered-items .gray-container {
  background-color: #f5f5f5;
  border-radius: 0.625rem;
  padding: 0.9rem;
  margin-top: 2.1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.notification .prefered-items h2 {
    margin-bottom: 1.5rem;
  }
  .membership.notification .prefered-items .gray-container {
    padding: 0.9rem 1rem;
    margin-top: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .membership.notification .prefered-items h2 {
    margin-bottom: 1.5rem;
  }
  .membership.notification .prefered-items .gray-container {
    padding: 0.9rem 1rem;
    margin-top: 1.5rem;
  }
}
.membership.notification .agreement .smallest {
  font-size: 0.7rem;
}
.membership.notification .agreement .smaller {
  font-size: 0.75rem;
}
.membership.notification .agreement .small {
  font-size: 0.85rem;
}
.membership.notification .agreement .large {
  font-size: 0.9rem;
}
.membership.notification .agreement .darkest {
  color: #3c4045;
}
.membership.notification .agreement .light {
  color: #7a7a7a;
}
.membership.notification .agreement .lighter {
  color: #b9b9b9;
}
.membership.notification .agreement .lightest {
  color: #999999;
}
.membership.notification .agreement {
  margin-top: 4rem;
  background-color: #fff6ee;
}
.membership.notification .agreement .content-wrap {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.membership.notification .agreement .round-check-input {
  display: none;
}
.membership.notification .agreement .round-check-input + label {
  margin-left: 1.875rem;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  line-height: 1.5rem;
}
.membership.notification .agreement .round-check-input + label::before {
  content: "";
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  left: -0.375rem;
  transform: translateY(-50%) translateX(-100%);
  width: 1.5rem;
  aspect-ratio: 1/1;
  background-color: #d9d9d9;
  border-radius: 50%;
  background: #d9d9d9 url("/resources/fo/invest/common/images/icons/white_check.svg") no-repeat center 50%/70%;
  transition: background-color 0.1s ease-in;
}
.membership.notification .agreement .round-check-input:checked + label::before {
  background-color: #fa7300;
}
.membership.notification .agreement .line-check-input {
  display: none;
}
.membership.notification .agreement .line-check-input + label {
  margin-left: 1.875rem;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  line-height: 1.5rem;
}
.membership.notification .agreement .line-check-input + label::before {
  content: "";
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  left: -0.375rem;
  transform: translateY(-50%) translateX(-100%);
  width: 1.5rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: url("/resources/fo/invest/common/images/icons/white_check.svg") no-repeat center 50%/70%;
  filter: brightness(0) saturate(100%) invert(86%) sepia(3%) saturate(16%) hue-rotate(317deg) brightness(90%) contrast(80%);
  transition: filter 0.1s ease-in;
  border: none;
}
.membership.notification .agreement .line-check-input:checked + label::before {
  filter: brightness(0) saturate(100%) invert(50%) sepia(36%) saturate(5526%) hue-rotate(4deg) brightness(106%) contrast(100%);
}
.membership.notification .agreement .tooltip-wrap {
  z-index: 100;
  top: 50%;
  right: -0.225rem;
  transform: translateY(-50%) translateX(100%);
  position: absolute;
  color: #b9b9b9;
  display: grid;
  place-items: center;
  width: 0.9rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 0.075rem solid #b9b9b9;
}
.membership.notification .agreement .tooltip-wrap .hover-target {
  display: block;
  font-size: 0.75rem;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  line-height: 0;
}
.membership.notification .agreement .tooltip-wrap .hover-target:hover + .tooltip {
  opacity: 1;
}
.membership.notification .agreement .tooltip-wrap .tooltip {
  opacity: 0;
  position: absolute;
  top: calc(100% + 0.675rem);
  left: 50%;
  transform: translateX(-50%);
  width: 13.125rem;
  background-color: #5297f2;
  border-radius: 0.5rem;
  padding: 0.375rem 0.75rem;
  color: #ffffff;
  transition: opacity 0.1s ease-in;
}
.membership.notification .agreement .tooltip-wrap .tooltip::before {
  content: "";
  position: absolute;
  bottom: 100%; /* Position it below the tooltip */
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
  border-width: 0.475rem;
  border-style: solid;
  border-color: #5297f2 transparent transparent transparent;
}
.membership.notification .agreement .data-usage p {
  margin-left: 1.875rem;
}
.membership.notification .agreement .data-usage > *:nth-child(1) {
  margin-bottom: 0.525rem;
}
.membership.notification .agreement .data-usage > *:nth-child(2) {
  margin-bottom: 0.75rem;
}
.membership.notification .agreement .data-usage > *:nth-child(3) {
  margin-bottom: 1.5rem;
}
.membership.notification .agreement .text-timing,
.membership.notification .agreement .select-product {
  margin-bottom: 1.625rem;
}
.membership.notification .agreement .text-timing h4,
.membership.notification .agreement .select-product h4 {
  margin-bottom: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.membership.notification .agreement .text-timing h4 .num,
.membership.notification .agreement .select-product h4 .num {
  display: inline-block;
  background-color: #ffe2ca;
  width: 1.5rem;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  border-radius: 50%;
}
.membership.notification .agreement .text-timing .flex-col,
.membership.notification .agreement .select-product .flex-col {
  gap: 0.5rem;
  margin-left: 1.875rem;
}
.membership.notification .agreement .btn.edit {
  width: 100%;
  max-width: 20rem;
  margin: auto;
  font-size: 1.05rem;
  padding: 1rem;
  border-radius: 0.630625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.notification .agreement {
    background-color: unset;
  }
  .membership.notification .agreement .smallest {
    font-size: 0.75rem;
  }
  .membership.notification .agreement .smaller {
    font-size: 0.875rem;
  }
  .membership.notification .agreement .small {
    font-size: 0.875rem;
  }
  .membership.notification .agreement .large {
    font-size: 1rem;
  }
  .membership.notification .agreement {
    margin-top: 2.5125rem;
  }
  .membership.notification .agreement .content-wrap {
    background-color: #fff6ee;
    padding: 1.5rem;
  }
  .membership.notification .agreement .round-check-input {
    display: none;
  }
  .membership.notification .agreement .round-check-input + label {
    margin-left: 1.9rem;
    line-height: 1.5rem;
  }
  .membership.notification .agreement .round-check-input + label::before {
    left: -0.4rem;
    width: 1.5rem;
  }
  .membership.notification .agreement .line-check-input + label {
    margin-left: 1.9rem;
    line-height: 1.5rem;
  }
  .membership.notification .agreement .line-check-input + label::before {
    left: -0.4rem;
    width: 1.5rem;
  }
  .membership.notification .agreement .tooltip-wrap {
    right: -0.2875rem;
    width: 1rem;
    border-width: 0.1125rem;
  }
  .membership.notification .agreement .tooltip-wrap .tooltip {
    top: calc(100% + 0.675rem);
    left: 50%;
    transform: translateX(-50%);
    width: 14.5625rem;
    padding: 0.25rem 0.75rem;
  }
  .membership.notification .agreement .data-usage p {
    margin-left: 1.9rem;
  }
  .membership.notification .agreement .data-usage > *:nth-child(1) {
    margin-bottom: 0.625rem;
  }
  .membership.notification .agreement .data-usage > *:nth-child(2) {
    margin-bottom: 1.225rem;
  }
}
@media (min-width: 1225px) {
  .membership.notification .agreement {
    background-color: unset;
  }
  .membership.notification .agreement .smallest {
    font-size: 0.75rem;
  }
  .membership.notification .agreement .smaller {
    font-size: 0.875rem;
  }
  .membership.notification .agreement .small {
    font-size: 0.875rem;
  }
  .membership.notification .agreement .large {
    font-size: 1rem;
  }
  .membership.notification .agreement {
    margin-top: 2.5125rem;
  }
  .membership.notification .agreement .content-wrap {
    background-color: #fff6ee;
    padding: 1.5rem;
  }
  .membership.notification .agreement .round-check-input {
    display: none;
  }
  .membership.notification .agreement .round-check-input + label {
    margin-left: 1.9rem;
    line-height: 1.5rem;
  }
  .membership.notification .agreement .round-check-input + label::before {
    left: -0.4rem;
    width: 1.5rem;
  }
  .membership.notification .agreement .line-check-input + label {
    margin-left: 1.9rem;
    line-height: 1.5rem;
  }
  .membership.notification .agreement .line-check-input + label::before {
    left: -0.4rem;
    width: 1.5rem;
  }
  .membership.notification .agreement .tooltip-wrap {
    right: -0.2875rem;
    width: 1rem;
    border-width: 0.1125rem;
  }
  .membership.notification .agreement .tooltip-wrap .tooltip {
    top: calc(100% + 0.675rem);
    left: 50%;
    transform: translateX(-50%);
    width: 14.5625rem;
    padding: 0.25rem 0.75rem;
  }
  .membership.notification .agreement .data-usage p {
    margin-left: 1.9rem;
  }
  .membership.notification .agreement .data-usage > *:nth-child(1) {
    margin-bottom: 0.625rem;
  }
  .membership.notification .agreement .data-usage > *:nth-child(2) {
    margin-bottom: 1.225rem;
  }
}
.membership.notification .text-guide {
  margin-top: 2rem;
}
.membership.notification .text-guide .gray-container {
  background-color: #f5f5f5;
  border-radius: 0.625rem;
  padding: 1rem;
  font-size: 0.8rem;
  line-height: 1.5rem;
  color: #6a6a6a;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .membership.notification .text-guide {
    margin-top: 1.875rem;
  }
  .membership.notification .text-guide .gray-container {
    font-size: 0.75rem;
    line-height: 1.375rem;
    padding: 1rem;
  }
}
@media (min-width: 1225px) {
  .membership.notification .text-guide {
    margin-top: 1.875rem;
  }
  .membership.notification .text-guide .gray-container {
    font-size: 0.75rem;
    line-height: 1.375rem;
    padding: 1rem;
  }
}
.membership.notification .modal#pop_agreement {
  width: 19.5rem;
  overflow: hidden;
}
.membership.notification .modal#pop_agreement .tit {
  margin: 0;
  background: #fa7300;
  color: #ffffff;
  font-size: 0.95rem;
  padding: 0.875rem;
  line-height: 1;
  font-weight: 700;
  position: absolute;
  width: 100%;
  inset: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.membership.notification .modal#pop_agreement .area_text {
  margin-top: 1.5rem;
  font-size: 0.8rem;
}
.membership.notification .modal#pop_agreement .small_text {
  font-size: 0.7rem;
  font-weight: 500;
  color: #5f656e;
  text-align: left;
  margin-top: 0.9875rem;
}
.membership.notification .modal#pop_agreement table {
  width: 100%;
  margin-top: 0.95rem;
  border-collapse: collapse;
  font-weight: 500;
  table-layout: fixed;
}
.membership.notification .modal#pop_agreement th,
.membership.notification .modal#pop_agreement td {
  border: 1px solid #dddddd;
  text-align: center;
  padding: 0.625rem;
}
.membership.notification .modal#pop_agreement th {
  background-color: #fff6ee;
  font-size: 0.7rem;
}
.membership.notification .modal#pop_agreement td {
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  font-size: 0.65rem;
}

.event .modal.renewed .modal_wrap .modal_tit .tit {
  font-size: 1rem;
  color: #373737;
}
.event .modal.renewed .modal_wrap .modal_cont {
  background-color: unset;
  padding: 0;
  margin-top: 0.65rem;
}
.event .modal.renewed .modal_wrap .modal_cont .area_text {
  font-size: 0.85rem;
  color: #7a7a7a;
  margin-top: 0;
}
.event .modal.renewed .modal_wrap .modal_cont .form_wrap {
  margin-top: 1.4625rem;
}
.event .modal.renewed .modal_wrap .modal_cont label {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0.6625rem;
  font-size: 0.8rem;
  color: #7a7a7a;
}
.event .modal.renewed .modal_wrap .modal_cont input {
  font-size: 1rem;
  color: #bebebe;
}
.event .modal.renewed .modal_wrap .modal_cont .txt_validate {
  margin: 0;
  font-size: 0.8rem;
  color: #fa7300;
}
.event .modal.renewed .modal_wrap .modal_cont .modal_btn_wrap {
  font-size: 1.1rem;
  color: #ffffff;
  margin-top: 1.5rem;
  display: flex;
  flex-direction: row;
  gap: 0.55rem;
}
.event .modal.renewed .modal_wrap .modal_cont .modal_btn_wrap .btn_md {
  margin: unset;
  min-width: unset;
  flex: 1;
}
.event .modal.renewed {
  font-weight: 600;
}
.event.stamp {
  overflow: hidden;
  padding: 1.5rem 0;
  background: #cde4fb;
  background: linear-gradient(180deg, #cde4fb 0%, #f1f7ff 19.5%);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .event.stamp {
    padding: 7.5rem 0;
  }
}
@media (min-width: 1225px) {
  .event.stamp {
    padding: 7.5rem 0;
  }
}
.event.stamp .orange {
  color: #ff5c00 !important;
}
.event.stamp .blue {
  color: #0081ec !important;
}
.event.stamp section {
  max-width: 56.25rem;
  margin: 0 1.25rem;
  padding: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .event.stamp section {
    margin: auto;
    padding: 3.75rem;
  }
}
@media (min-width: 1225px) {
  .event.stamp section {
    margin: auto;
    padding: 3.75rem;
  }
}
.event.stamp .page-title {
  padding-left: 0;
  padding-right: 0;
}
.event.stamp .page-title .subtitle {
  font-weight: 600;
  color: #090909;
  font-size: 0.875rem;
  margin-bottom: 1.125rem;
}
.event.stamp .page-title {
  margin-bottom: 1rem;
}
.event.stamp .page-title h1 {
  width: 100%;
}
.event.stamp .page-title h1 .img-container {
  margin: auto;
  position: relative;
  width: 65%;
  max-width: 29.875rem;
  aspect-ratio: 478/180;
}
.event.stamp .page-title h1 .img-container img {
  width: 100%;
  position: relative;
  z-index: 10;
}
.event.stamp .page-title h1 .img-container::before {
  content: "";
  width: 190%;
  display: block;
  position: absolute;
  aspect-ratio: 706/310;
  left: 55%;
  top: 30%;
  background: url("/resources/fo/invest/common/images/stamp_background_before.svg") no-repeat center/contain;
  transform: translateX(-48%) translateY(-45%);
  max-width: 62.5rem;
}
.event.stamp .page-title h1 {
  margin-bottom: 3.75rem;
}
.event.stamp .page-title > .flex-row {
  color: #090909;
  padding: 0.425rem;
  border-bottom: 0.025rem solid #090909;
}
.event.stamp .page-title > .flex-row img {
  width: 1rem;
  aspect-ratio: 1/1;
  margin-right: 0.3rem;
}
.event.stamp .page-title > .flex-row p.left {
  font-size: 0.8rem;
}
.event.stamp .page-title > .flex-row p.right {
  font-size: 0.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .event.stamp .page-title {
    margin-bottom: 2.5rem;
  }
  .event.stamp .page-title .subtitle {
    font-size: 1.75rem;
    margin-bottom: 1.25rem;
  }
  .event.stamp .page-title h1 {
    margin-bottom: 8.75rem;
  }
  .event.stamp .page-title > .flex-row {
    padding: 0.875rem;
  }
  .event.stamp .page-title > .flex-row img {
    width: 2.75rem;
    margin-right: 0.75rem;
  }
  .event.stamp .page-title > .flex-row p.left {
    font-size: 2rem;
  }
  .event.stamp .page-title > .flex-row p.right {
    font-size: 1.75rem;
  }
}
@media (min-width: 1225px) {
  .event.stamp .page-title {
    margin-bottom: 2.5rem;
  }
  .event.stamp .page-title .subtitle {
    font-size: 1.75rem;
    margin-bottom: 1.25rem;
  }
  .event.stamp .page-title h1 {
    margin-bottom: 8.75rem;
  }
  .event.stamp .page-title > .flex-row {
    padding: 0.875rem;
  }
  .event.stamp .page-title > .flex-row img {
    width: 2.75rem;
    margin-right: 0.75rem;
  }
  .event.stamp .page-title > .flex-row p.left {
    font-size: 2rem;
  }
  .event.stamp .page-title > .flex-row p.right {
    font-size: 1.75rem;
  }
}
.event.stamp .stamps-grid {
  background-color: #ffffff;
  border-radius: 0.5rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 2.5rem;
}
.event.stamp .stamps-grid h3 {
  font-size: 0.6rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 0.225rem;
}
.event.stamp .stamps-grid h2 {
  font-size: 1.2rem;
  font-weight: 900;
  margin-bottom: 1.4rem;
  color: #373737;
}
.event.stamp .stamps-grid .stamp-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.5rem 0.975rem;
  margin-bottom: 2.625rem;
  width: 100%;
}
.event.stamp .stamps-grid .stamp-list .stamp {
  position: relative;
  aspect-ratio: 1/1;
  display: block;
  z-index: 2;
}
.event.stamp .stamps-grid .stamp-list .stamp::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/resources/fo/invest/common/images/stamp_background.svg");
}
.event.stamp .stamps-grid .stamp-list .stamp.active::before {
  background-image: url("/resources/fo/invest/common/images/stamp_background_blue.svg");
}
.event.stamp .stamps-grid .stamp-list .stamp::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 99%;
  height: 99%;
  z-index: 1;
  border-radius: 50%;
  overflow: hidden;
  filter: grayscale(100%);
}
.event.stamp .stamps-grid .stamp-list .stamp.active::after {
  filter: none;
}
.event.stamp .stamps-grid .stamp-list .stamp:nth-of-type(1)::after {
  background: url("/resources/fo/invest/common/images/stamp_gift_americano.png") no-repeat center 150%/60%;
}
.event.stamp .stamps-grid .stamp-list .stamp:nth-of-type(3)::after {
  background: url("/resources/fo/invest/common/images/stamp_gift_latte.png") no-repeat 100% 100%/90%;
}
.event.stamp .stamps-grid .stamp-list .stamp:nth-of-type(5)::after {
  background: url("/resources/fo/invest/common/images/stamp_gift_portable_charger.png") no-repeat center/90%;
}
.event.stamp .stamps-grid .stamp-list .stamp:nth-of-type(10)::after {
  background: url("/resources/fo/invest/common/images/stamp_gift_chicken.png") no-repeat center 100%/100%;
}
.event.stamp .stamps-grid .stamp-list .stamp:nth-of-type(20)::after {
  background: url("/resources/fo/invest/common/images/stamp_gift_cookies.png") no-repeat center 100%/100%;
}
.event.stamp .stamps-grid .stamp-list .stamp:nth-of-type(1)::before, .event.stamp .stamps-grid .stamp-list .stamp:nth-of-type(3)::before, .event.stamp .stamps-grid .stamp-list .stamp:nth-of-type(5)::before, .event.stamp .stamps-grid .stamp-list .stamp:nth-of-type(10)::before, .event.stamp .stamps-grid .stamp-list .stamp:nth-of-type(20)::before {
  background-image: url("/resources/fo/invest/common/images/stamp_background_gray_circle.svg");
}
.event.stamp .stamps-grid .stamp-list .stamp:nth-of-type(1).active::before, .event.stamp .stamps-grid .stamp-list .stamp:nth-of-type(3).active::before, .event.stamp .stamps-grid .stamp-list .stamp:nth-of-type(5).active::before, .event.stamp .stamps-grid .stamp-list .stamp:nth-of-type(10).active::before, .event.stamp .stamps-grid .stamp-list .stamp:nth-of-type(20).active::before {
  background-image: url("/resources/fo/invest/common/images/stamp_background_blue_circle.svg");
}
.event.stamp .stamps-grid .stamp-list .stamp .badge {
  position: absolute;
  font-size: 0.6rem;
  background-color: #e1fd82;
  color: #090909;
  line-height: 1;
  border-radius: 0.25rem;
  padding: 0.16rem 0.410625rem;
  bottom: -0.375rem;
  right: -0.7rem;
  transform: rotate(-8.75deg);
  z-index: 2;
}
.event.stamp .stamps-grid .stamp-list .stamp .limits {
  position: absolute;
  font-size: 0.5rem;
  color: #a8a8a8;
  font-weight: 600;
  left: 50%;
  top: -0.25rem;
  white-space: nowrap;
  z-index: 100;
  transform: translateX(-50%) translateY(-100%);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .event.stamp .stamps-grid .stamp-list .stamp .limits {
    font-size: 1.125rem;
    top: -0.925rem;
  }
}
@media (min-width: 1225px) {
  .event.stamp .stamps-grid .stamp-list .stamp .limits {
    font-size: 1.125rem;
    top: -0.925rem;
  }
}
.event.stamp .stamps-grid .notice {
  position: absolute;
  bottom: 0;
  height: 2.125rem;
  width: 100%;
  display: grid;
  place-items: center;
  background: #fa7300;
  color: #ffffff;
  font-size: 0.6rem;
  font-weight: 500;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .event.stamp .stamps-grid {
    border-radius: 1.25rem;
    margin-bottom: 6.25rem;
  }
  .event.stamp .stamps-grid h3 {
    font-size: 1.5rem;
    margin-bottom: 0.625rem;
  }
  .event.stamp .stamps-grid h2 {
    font-size: 3rem;
    margin-bottom: 3.5rem;
  }
  .event.stamp .stamps-grid .stamp-list {
    gap: 3.75rem 2.5rem;
    margin-bottom: 6.5625rem;
  }
  .event.stamp .stamps-grid .stamp-list .stamp .badge {
    font-size: 1.5rem;
    border-radius: 0.625rem;
    padding: 0.4rem 1rem;
    bottom: -0.625rem;
    right: -1.5rem;
  }
  .event.stamp .stamps-grid .notice {
    height: 5.3125rem;
    font-size: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .event.stamp .stamps-grid {
    border-radius: 1.25rem;
    margin-bottom: 6.25rem;
  }
  .event.stamp .stamps-grid h3 {
    font-size: 1.5rem;
    margin-bottom: 0.625rem;
  }
  .event.stamp .stamps-grid h2 {
    font-size: 3rem;
    margin-bottom: 3.5rem;
  }
  .event.stamp .stamps-grid .stamp-list {
    gap: 3.75rem 2.5rem;
    margin-bottom: 6.5625rem;
  }
  .event.stamp .stamps-grid .stamp-list .stamp .badge {
    font-size: 1.5rem;
    border-radius: 0.625rem;
    padding: 0.4rem 1rem;
    bottom: -0.625rem;
    right: -1.5rem;
  }
  .event.stamp .stamps-grid .notice {
    height: 5.3125rem;
    font-size: 1.5rem;
  }
}
.event.stamp .details {
  padding: 0;
  color: #090909;
}
.event.stamp .details .text .badge {
  color: inherit;
}
.event.stamp .details .badge {
  font-size: 0.7rem;
  color: #ffffff;
  font-weight: 600;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
}
.event.stamp .details .badge.funding {
  background-color: #5297f2;
}
.event.stamp .details .badge.funded {
  background-color: #fa7600;
}
.event.stamp .details .badge.repaying {
  background-color: #f9b422;
}
.event.stamp .details > .flex-row {
  gap: 0.95rem;
}
.event.stamp .details > .flex-row h3 {
  font-size: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
}
.event.stamp .details > .flex-row p.medium {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.7rem;
}
.event.stamp .details > .flex-row p.medium .badge {
  margin: 0 0.25rem;
}
.event.stamp .details > .flex-row .status {
  color: #000;
  font-size: 0.7rem;
  background-color: #ffffff;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.45625rem;
}
.event.stamp .details > .flex-row .status .badges {
  margin-left: 0.4rem;
}
.event.stamp .details > .flex-row .status .badges .custom-font-icon {
  height: 1em;
  margin: 0 0.125rem;
}
.event.stamp .details > .flex-row .status .badges .custom-font-icon svg {
  display: block;
  height: 100%;
}
.event.stamp .details table {
  width: 100%;
  text-align: left;
  margin-top: 2.375rem;
  color: #090909;
}
.event.stamp .details table tr:not(:first-of-type) {
  border-bottom: 0.025rem solid #090909;
}
.event.stamp .details table tr th {
  font-weight: 900;
  font-size: 0.8rem;
}
.event.stamp .details table tr td {
  font-size: 0.7rem;
  font-weight: 500;
}
.event.stamp .details table tr td,
.event.stamp .details table tr th {
  padding: 0.5rem 0;
}
.event.stamp .details table tr .coin {
  display: inline-block;
  width: 1.15rem;
  aspect-ratio: 1/1;
  vertical-align: sub;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/resources/fo/invest/common/images/stamp_background_blue.svg");
}
@media (min-width: 768px) and (max-width: 1224px) {
  .event.stamp .details .badge {
    font-size: 1.75rem;
    padding: 0.25rem 0.625rem;
    border-radius: 0.625rem;
  }
  .event.stamp .details > .flex-row {
    gap: 2.5rem;
  }
  .event.stamp .details > .flex-row h3 {
    font-size: 2rem;
  }
  .event.stamp .details > .flex-row p.medium {
    font-size: 1.75rem;
  }
  .event.stamp .details > .flex-row p.medium .badge {
    margin: 0 0.875rem;
  }
  .event.stamp .details > .flex-row .status {
    font-size: 1.75rem;
    border-radius: 1.25rem;
    padding: 1.375rem 2.5rem;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 1.25rem;
  }
  .event.stamp .details > .flex-row .status .badges {
    margin-left: 1rem;
  }
  .event.stamp .details > .flex-row .status .badges .custom-font-icon {
    height: 1em;
    margin: 0 0.875rem;
  }
  .event.stamp .details table {
    margin-top: 5.875rem;
  }
  .event.stamp .details table tr th {
    font-size: 2rem;
  }
  .event.stamp .details table tr td {
    font-size: 1.75rem;
  }
  .event.stamp .details table tr td,
  .event.stamp .details table tr th {
    padding: 0.75rem 0.4625rem;
  }
  .event.stamp .details table tr .coin {
    width: 2.875rem;
  }
}
@media (min-width: 1225px) {
  .event.stamp .details .badge {
    font-size: 1.75rem;
    padding: 0.25rem 0.625rem;
    border-radius: 0.625rem;
  }
  .event.stamp .details > .flex-row {
    gap: 2.5rem;
  }
  .event.stamp .details > .flex-row h3 {
    font-size: 2rem;
  }
  .event.stamp .details > .flex-row p.medium {
    font-size: 1.75rem;
  }
  .event.stamp .details > .flex-row p.medium .badge {
    margin: 0 0.875rem;
  }
  .event.stamp .details > .flex-row .status {
    font-size: 1.75rem;
    border-radius: 1.25rem;
    padding: 1.375rem 2.5rem;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 1.25rem;
  }
  .event.stamp .details > .flex-row .status .badges {
    margin-left: 1rem;
  }
  .event.stamp .details > .flex-row .status .badges .custom-font-icon {
    height: 1em;
    margin: 0 0.875rem;
  }
  .event.stamp .details table {
    margin-top: 5.875rem;
  }
  .event.stamp .details table tr th {
    font-size: 2rem;
  }
  .event.stamp .details table tr td {
    font-size: 1.75rem;
  }
  .event.stamp .details table tr td,
  .event.stamp .details table tr th {
    padding: 0.75rem 0.4625rem;
  }
  .event.stamp .details table tr .coin {
    width: 2.875rem;
  }
}
.event.stamp .call-to-action .btn {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  margin: auto;
  margin-top: 1.875rem;
  padding: 0.625rem 2.2875rem;
  background-color: #0081ec;
  color: #ffffff;
  border: none;
  outline: none;
  border-radius: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .event.stamp .call-to-action .btn {
    font-size: 2.125rem;
    padding: 1.5rem 5.625rem;
    border-radius: 1.25rem;
    margin-top: 4.375rem;
  }
}
@media (min-width: 1225px) {
  .event.stamp .call-to-action .btn {
    font-size: 2.125rem;
    padding: 1.5rem 5.625rem;
    border-radius: 1.25rem;
    margin-top: 4.375rem;
  }
}

.product {
  padding: 1.5rem 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product {
    padding: 6.25rem 0;
  }
}
@media (min-width: 1225px) {
  .product {
    padding: 6.25rem 0;
  }
}
.product .page-title {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: #3c4045;
  gap: 0.3125rem;
  margin-bottom: 1.75rem;
}
.product .page-title .link-before {
  font-size: inherit;
  width: 1em;
  aspect-ratio: 1/1;
  background: url("/resources/fo/invest/common/images/icons/ChevronLeftDark.svg") no-repeat center/contain;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product .page-title {
    margin-bottom: 2.5rem;
    font-size: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .product .page-title {
    margin-bottom: 2.5rem;
    font-size: 1.875rem;
  }
}
.product .content-wrap {
  max-width: 38.75rem;
  margin: auto;
}
@media (max-width: 767px) {
  .product .content-wrap {
    max-width: calc(100% - 2.5rem);
  }
}
.product.detail h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #4b5463;
  margin-bottom: 0.9125rem;
}
.product.detail .content-wrap {
  max-width: 57.5rem;
  padding: 4rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.detail .content-wrap {
    padding: 5rem 2.5rem;
  }
}
@media (min-width: 1225px) {
  .product.detail .content-wrap {
    padding: 6.25rem 0;
    display: grid;
    grid-template-columns: auto 17.5rem;
    grid-template-areas: "title title" "investment cta" "detail cta" "faq .";
    gap: 1.25rem;
  }
}
.product.detail .title-wrap {
  grid-area: title;
  margin-bottom: 0.475rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.detail .title-wrap {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .product.detail .title-wrap {
    margin-bottom: 1.875rem;
  }
}
.product.detail .title-wrap .badges-wrap {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.detail .title-wrap .badges-wrap {
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .product.detail .title-wrap .badges-wrap {
    margin-bottom: 0.625rem;
  }
}
.product.detail .title-wrap .badges-wrap .type-badge {
  font-size: 0.7rem;
  line-height: 1.25rem;
  border: 0.05rem solid #fa7300;
  padding: 0 0.625rem;
  border-radius: 0.75rem;
  font-weight: 600;
  color: #535353;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.detail .title-wrap .badges-wrap .type-badge {
    border-radius: 0.5rem;
  }
}
@media (min-width: 1225px) {
  .product.detail .title-wrap .badges-wrap .type-badge {
    border-radius: 0.5rem;
  }
}
.product.detail .title-wrap .badges-wrap .type-badge {
  /*       &::before {
    content: '';
    width: 1em;
    aspect-ratio: 1/1;
    display: inline-block;
    vertical-align: middle;
    margin-right: ptr(3.6);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  &#corporateCredit::before {
    background-image: url('/resources/fo/invest/common/images/icons/icon_corp-credit.svg');
  }
  &#individualCredit::before {
    background-image: url('/resources/fo/invest/common/images/icons/icon_individual-credit.svg');
  }
  &#individualBusiness::before {
    background-image: url('/resources/fo/invest/common/images/icons/icon_individual-business.svg');
  }
  &#pf::before {
    background-image: url('/resources/fo/invest/common/images/icons/icon_PF.svg');
  }
  &#realty::before {
    background-image: url('/resources/fo/invest/common/images/icons/icon_realty.svg');
  }
  &#scf::before {
    background-image: url('/resources/fo/invest/common/images/icons/icon_SCF.svg');
  } */
}
.product.detail .title-wrap .product-title {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 700;
  color: #161616;
}
.product.detail .investment-wrap {
  grid-area: investment;
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.detail .investment-wrap {
    flex-direction: column;
    gap: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .product.detail .investment-wrap {
    flex-direction: column;
    gap: 1.25rem;
  }
}
.product.detail .investment-wrap .investment-card {
  background-color: #ffffff;
  padding: 1rem 1rem 1.6rem;
  border-radius: 0.5rem;
  border: 0.0375rem solid #ececec;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.detail .investment-wrap .investment-card {
    padding: 1.25rem;
    border-radius: 0.625rem;
    border-width: 0.0625rem;
  }
}
@media (min-width: 1225px) {
  .product.detail .investment-wrap .investment-card {
    padding: 1.25rem;
    border-radius: 0.625rem;
    border-width: 0.0625rem;
  }
}
.product.detail .investment-wrap .investment-card .status-grid {
  display: grid;
  grid-template-areas: "badge amount" "rate rate";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 0.9625rem 0;
  margin-bottom: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.detail .investment-wrap .investment-card .status-grid {
    grid-template-areas: "badge ." "amount rate";
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .product.detail .investment-wrap .investment-card .status-grid {
    grid-template-areas: "badge ." "amount rate";
    margin-bottom: 1.25rem;
  }
}
.product.detail .investment-wrap .investment-card .status-grid .status-badge {
  grid-area: badge;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.7rem;
  line-height: 1.08125rem;
  font-weight: 600;
  color: #ffffff;
  background-color: gray;
  padding: 0 0.2rem;
  border-radius: 0.27rem;
}
.product.detail .investment-wrap .investment-card .status-grid .status-badge#repaying {
  background-color: #f9b422;
}
.product.detail .investment-wrap .investment-card .status-grid .status-badge#funded {
  background-color: #fa7300;
}
.product.detail .investment-wrap .investment-card .status-grid .status-badge#funding {
  background-color: #5297f2;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.detail .investment-wrap .investment-card .status-grid .status-badge {
    font-size: 0.75rem;
    line-height: 1;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
  }
}
@media (min-width: 1225px) {
  .product.detail .investment-wrap .investment-card .status-grid .status-badge {
    font-size: 0.75rem;
    line-height: 1;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
  }
}
.product.detail .investment-wrap .investment-card .status-grid .funding-amount {
  grid-area: amount;
  font-size: 0.7rem;
  font-weight: 600;
  color: #6e6e6e;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.product.detail .investment-wrap .investment-card .status-grid .funding-amount strong {
  color: #000;
  font-weight: 600;
  font-size: 0.95rem;
  margin-right: 0.475rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.detail .investment-wrap .investment-card .status-grid .funding-amount {
    justify-content: flex-start;
    font-size: 0.75rem;
  }
  .product.detail .investment-wrap .investment-card .status-grid .funding-amount strong {
    font-size: 1.125rem;
    margin-right: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .product.detail .investment-wrap .investment-card .status-grid .funding-amount {
    justify-content: flex-start;
    font-size: 0.75rem;
  }
  .product.detail .investment-wrap .investment-card .status-grid .funding-amount strong {
    font-size: 1.125rem;
    margin-right: 0.625rem;
  }
}
.product.detail .investment-wrap .investment-card .status-grid .funding-rate {
  grid-area: rate;
  display: flex;
  align-items: center;
  background-color: #f5f6f7;
  border-radius: 0.5rem;
  position: relative;
}
.product.detail .investment-wrap .investment-card .status-grid .funding-rate::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.025rem;
  height: 1.5rem;
  background-color: #b9b9b9;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.detail .investment-wrap .investment-card .status-grid .funding-rate {
    background-color: unset;
    border: none;
    justify-content: flex-end;
    gap: 0.9rem;
  }
  .product.detail .investment-wrap .investment-card .status-grid .funding-rate::before {
    display: none;
  }
}
@media (min-width: 1225px) {
  .product.detail .investment-wrap .investment-card .status-grid .funding-rate {
    background-color: unset;
    border: none;
    justify-content: flex-end;
    gap: 0.9rem;
  }
  .product.detail .investment-wrap .investment-card .status-grid .funding-rate::before {
    display: none;
  }
}
.product.detail .investment-wrap .investment-card .status-grid .funding-rate p {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  text-align: center;
  padding: 0.5rem;
  font-size: 0.7rem;
  font-weight: 600;
  color: #6e6e6e;
}
.product.detail .investment-wrap .investment-card .status-grid .funding-rate p strong {
  font-size: 1rem;
  font-weight: 800;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.detail .investment-wrap .investment-card .status-grid .funding-rate p {
    justify-content: flex-end;
    padding: unset;
    flex: unset;
    font-size: 0.75rem;
  }
  .product.detail .investment-wrap .investment-card .status-grid .funding-rate p strong {
    font-size: 1.125rem;
  }
}
@media (min-width: 1225px) {
  .product.detail .investment-wrap .investment-card .status-grid .funding-rate p {
    justify-content: flex-end;
    padding: unset;
    flex: unset;
    font-size: 0.75rem;
  }
  .product.detail .investment-wrap .investment-card .status-grid .funding-rate p strong {
    font-size: 1.125rem;
  }
}
.product.detail .investment-wrap .investment-card .progress-wrap {
  display: flex;
  gap: 0.9rem;
  align-items: center;
}
.product.detail .investment-wrap .investment-card .progress-wrap .progress-bar {
  height: 0.3rem;
  width: 100%;
  border-radius: 50px;
  background-color: #ececec;
}
.product.detail .investment-wrap .investment-card .progress-wrap .progress-bar .progress {
  border-radius: inherit;
  width: 0%;
  height: 100%;
  background-color: #ff5c00;
  transition: width 1s ease-in-out;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.detail .investment-wrap .investment-card .progress-wrap .progress-bar {
    height: 0.375rem;
  }
}
@media (min-width: 1225px) {
  .product.detail .investment-wrap .investment-card .progress-wrap .progress-bar {
    height: 0.375rem;
  }
}
.product.detail .investment-wrap .investment-card .progress-wrap .progress-text {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 0.7rem;
  font-weight: 600;
  color: #6e6e6e;
  letter-spacing: 0;
}
.product.detail .investment-wrap .investment-card .progress-wrap .progress-text strong {
  color: #000;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.detail .investment-wrap .investment-card .progress-wrap .progress-text {
    font-size: 0.75rem;
  }
}
@media (min-width: 1225px) {
  .product.detail .investment-wrap .investment-card .progress-wrap .progress-text {
    font-size: 0.75rem;
  }
}
.product.detail .investment-wrap .investment-card {
  /*   #detailsButton {
    line-height: 1;
    font-size: ptr(15.2);
    font-weight: 600;
    width: 100%;
    padding: ptr(15.2);
    border-radius: ptr(10);
    margin-top: ptr(22.8);
  } */
}
.product.detail .investment-wrap .share-btn {
  display: flex;
  margin-left: auto;
  border-radius: 50%;
  background-color: #f5f5f5;
  aspect-ratio: 1/1;
  width: 2rem;
  background: #f5f5f5 url("/resources/fo/invest/common/images/icons/share-gray.svg") no-repeat 40%/40%;
  cursor: pointer;
}
.product.detail .cta-wrap {
  grid-area: cta;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3.75rem;
}
@media (min-width: 1225px) {
  .product.detail .cta-wrap {
    margin-bottom: 0;
  }
}
.product.detail .cta-wrap .investment-calculator {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  padding: 1rem;
  border-radius: 0.5rem;
  border: 0.0375rem solid #ececec;
  margin-bottom: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.detail .cta-wrap .investment-calculator {
    padding: 1.25rem;
    border-radius: 0.625rem;
    border-width: 0.0625rem;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .product.detail .cta-wrap .investment-calculator {
    padding: 1.25rem;
    border-radius: 0.625rem;
    border-width: 0.0625rem;
    margin-bottom: 1.25rem;
  }
}
.product.detail .cta-wrap .investment-calculator .calculator-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: #000;
  align-self: flex-start;
  margin-bottom: 1.025rem;
}
@media (min-width: 1225px) {
  .product.detail .cta-wrap .investment-calculator .calculator-title {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
  }
}
.product.detail .cta-wrap .investment-calculator .calculator-amount-buttons {
  display: none;
}
@media (min-width: 1225px) {
  .product.detail .cta-wrap .investment-calculator .calculator-amount-buttons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
  }
  .product.detail .cta-wrap .investment-calculator .calculator-amount-buttons .amount-btn {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6e6e6e;
    padding: 0.35rem 0.7rem;
    border-radius: 0.25rem;
    background-color: #f5f6f7;
    cursor: pointer;
  }
}
.product.detail .cta-wrap .investment-calculator .calculator-input-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.4em;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  padding: 0.7rem;
  background-color: #ffffff;
  border: 0.0625rem solid #ececec;
  border-radius: 0.3125rem;
}
.product.detail .cta-wrap .investment-calculator .calculator-input-wrap .calculator-input {
  width: 100%;
  text-align: right;
  font-weight: 600;
  outline: none;
  font-size: 1rem;
  outline: none;
  border: none;
  font-family: "Pretendard";
  color: #161616;
}
@media (min-width: 1225px) {
  .product.detail .cta-wrap .investment-calculator .calculator-input-wrap .calculator-input {
    font-size: 1.125rem;
  }
}
.product.detail .cta-wrap .investment-calculator .calculator-input-wrap .calculator-unit {
  font-size: 0.7rem;
  color: #6e6e6e;
}
@media (min-width: 1225px) {
  .product.detail .cta-wrap .investment-calculator .calculator-input-wrap .calculator-unit {
    font-size: 0.75rem;
  }
}
.product.detail .cta-wrap .investment-calculator .calculator-profit {
  align-self: flex-end;
  margin-bottom: 1.34375rem;
}
@media (min-width: 1225px) {
  .product.detail .cta-wrap .investment-calculator .calculator-profit {
    font-size: 0.75rem;
    margin-bottom: 2.5rem;
  }
}
.product.detail .cta-wrap .investment-calculator .calculator-profit .profit-label {
  font-size: 0.7rem;
  font-weight: 500;
  color: #6e6e6e;
  margin-right: 0.4625rem;
}
@media (min-width: 1225px) {
  .product.detail .cta-wrap .investment-calculator .calculator-profit .profit-label {
    font-size: 0.75rem;
    margin-right: 0.5rem;
  }
}
.product.detail .cta-wrap .investment-calculator .calculator-profit .profit-amount {
  color: #fa7300;
  font-size: 1rem;
  font-weight: 600;
}
.product.detail .cta-wrap .cta-btn {
  line-height: 1;
  font-size: 0.9rem;
  font-weight: 700;
  width: 100%;
  padding: 1rem;
  border-radius: 0.5rem;
}
@media (min-width: 1225px) {
  .product.detail .cta-wrap .cta-btn {
    max-width: 15rem;
    padding: 0.9375rem;
    border-radius: 0.625rem;
    font-size: 0.95rem;
    font-weight: 600;
  }
}
.product.detail .cta-wrap .cta-btn#detailsButton {
  max-width: calc(100% - 2rem);
}
.product.detail .cta-wrap .cta-btn.btn_blue {
  color: #ffffff;
  background-color: #2b7ee8;
  border: none;
  outline: none;
}
.product.detail .detail-wrap {
  grid-area: detail;
}
.product.detail .detail-wrap .tab-buttons {
  display: flex;
}
.product.detail .detail-wrap .tab-buttons .tab-btn {
  flex: 1;
  cursor: pointer;
  color: #b9b9b9;
  border-bottom: 0.125rem solid #b9b9b9;
  padding: 0.425rem;
  font-size: 0.95rem;
  font-weight: 600;
}
.product.detail .detail-wrap .tab-buttons .tab-btn.active {
  color: #fa7300;
  border-color: #fa7300;
}
.product.detail .detail-wrap .tab-content {
  margin: 2.3375rem 0;
  display: none;
}
.product.detail .detail-wrap .tab-content.active {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product.detail .detail-wrap .attachments .download-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 0.475rem;
}
.product.detail .detail-wrap .attachments .download-btns .download-btn {
  font-size: 0.75rem;
  line-height: 1.275rem;
  font-weight: 600;
  border: 0.05rem solid #cacaca;
  border-radius: 0.75rem;
  padding: 0.05rem 0.5rem;
  color: #6a6a6a;
  cursor: pointer;
}
.product.detail .detail-wrap .attachments .download-btns .download-btn::before {
  content: "";
  display: inline-block;
  width: 0.6rem;
  aspect-ratio: 1/1;
  vertical-align: middle;
  margin-right: 0.25rem;
  background: url("/resources/fo/invest/common/images/icons/download-lightgray.svg") no-repeat center/cover;
}
.product.detail .faq-wrap {
  grid-area: faq;
}
.product.detail .faq-wrap .accordion .accordion-item {
  border-top: 0.066875rem solid #d9d9d9;
}
.product.detail .faq-wrap .accordion .accordion-item:last-child {
  border-bottom: 0.066875rem solid #d9d9d9;
}
.product.detail .faq-wrap .accordion .accordion-item .accordion-header {
  padding: 0.9rem 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  font-weight: 600;
  color: #373737;
}
.product.detail .faq-wrap .accordion .accordion-item .accordion-header .accordion-arrow::before {
  content: "";
  display: block;
  width: 0.775rem;
  aspect-ratio: 1/1;
  background: url("/resources/fo/invest/common/images/icons/ChevronRightOrange.svg") no-repeat center/contain;
  transform: rotate(90deg);
}
.product.detail .faq-wrap .accordion .accordion-item .accordion-header .accordion-arrow {
  transition: transform 0.3s ease-out;
}
.product.detail .faq-wrap .accordion .accordion-item .accordion-content {
  padding-bottom: 0;
  opacity: 0;
  max-height: 0px;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
  font-size: 0.75rem;
  font-weight: 500;
  color: #727171;
  text-align: left;
}
.product.detail .faq-wrap .accordion .accordion-item.active .accordion-arrow {
  transform: rotate(180deg);
}
.product.detail .faq-wrap .accordion .accordion-item.active .accordion-content {
  opacity: 1;
  max-height: 1000px;
  padding-bottom: 0.9rem;
}
.product.detail .faq-wrap .load-more {
  display: block;
  width: 100%;
  padding: 1.05rem;
  background-color: #ffffff;
  border: 0.05rem solid #ffae68;
  border-radius: 0.63625rem;
  text-align: center;
  cursor: pointer;
  margin-top: 1.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fa7300;
}
.product.detail .faq-wrap .load-more::before {
  content: "";
  display: inline-block;
  width: 0.9rem;
  margin-right: 0.575rem;
  aspect-ratio: 1/1;
  vertical-align: middle;
  background: url("/resources/fo/invest/common/images/icons/ChevronRightOrange.svg") no-repeat center/contain;
  transform: rotate(90deg);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.detail .faq-wrap .load-more {
    width: 22.5rem;
    margin: 1.75rem auto;
  }
}
@media (min-width: 1225px) {
  .product.detail .faq-wrap .load-more {
    width: 22.5rem;
    margin: 1.75rem auto;
  }
}
.product.detail .modal#pop_bond_status .modal_tit {
  margin-bottom: 1.15rem;
}
.product.detail .modal#pop_bond_status .btn_wrap {
  margin-top: 2rem;
}
.product.detail .modal#pop_bond_status .btn_wrap .btn {
  max-width: 12.375rem;
  margin: auto;
}

.main-new {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #fafafc;
  text-align: center;
}
.main-new .orange {
  color: #ff5c00 !important;
}
.main-new section {
  padding: 4rem 1.25rem;
}
@media (min-width: 1225px) {
  .main-new section {
    padding: 6.25rem 0;
  }
}
.main-new section .section-title {
  font-size: 1.5rem;
  line-height: 1.95rem;
  font-weight: 700;
  color: #1a1f27;
}
@media (min-width: 1225px) {
  .main-new section .section-title {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
.main-new .content-wrap {
  margin: auto;
  max-width: 60rem;
}
@keyframes float-slow {
  0%, 100% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-8%);
  }
}
.main-new .hero {
  padding: unset;
  background-color: #59b0ff;
  background: linear-gradient(to bottom, #59b0ff, #7bc6fd);
  overflow: hidden;
  position: relative;
}
.main-new .hero .image-wrap {
  width: 100%;
  /*    max-width: ptr(1080); */
  transform: translateX(-50%);
  left: 50%;
  height: 100%;
  position: absolute;
  /*border: 1px solid blue;*/
}
.main-new .hero .image-wrap .floating-element {
  position: absolute;
}
.main-new .hero .image-wrap .floating-element#logo {
  width: 15.925rem;
  filter: brightness(200%) opacity(0.8);
  rotate: -10deg;
  top: 44%;
  left: 39%;
  animation: float-slow 6s ease-in-out infinite;
}
@media (min-width: 1225px) {
  .main-new .hero .image-wrap .floating-element#logo {
    width: 35.875rem;
    top: 13%;
    left: 59%;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .hero .image-wrap .floating-element#logo {
    width: 35.875rem;
    top: 13%;
    left: 59%;
  }
}
.main-new .hero .image-wrap .floating-element#firstCoin {
  width: 3.875rem;
  left: 3%;
  top: 78%;
  animation: float-slow 3s ease-in-out infinite;
}
@media (min-width: 1225px) {
  .main-new .hero .image-wrap .floating-element#firstCoin {
    width: 9.625rem;
    top: 72%;
    left: 26%;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .hero .image-wrap .floating-element#firstCoin {
    width: 9.625rem;
    top: 72%;
    left: 26%;
  }
}
.main-new .hero .image-wrap .floating-element#secondCoin {
  width: 4.375rem;
  left: 15.4%;
  top: 67.6%;
  animation: float-slow 7s ease-in-out infinite;
}
@media (min-width: 1225px) {
  .main-new .hero .image-wrap .floating-element#secondCoin {
    width: 10.875rem;
    top: 51%;
    left: 36%;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .hero .image-wrap .floating-element#secondCoin {
    width: 10.875rem;
    top: 51%;
    left: 36%;
  }
}
.main-new .hero .image-wrap .floating-element#thirdCoin {
  width: 7.5rem;
  left: 31.4%;
  top: 68.6%;
  animation: float-slow 4s ease-in-out infinite;
}
@media (min-width: 1225px) {
  .main-new .hero .image-wrap .floating-element#thirdCoin {
    width: 18.5rem;
    left: 48.4%;
    top: 55.6%;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .hero .image-wrap .floating-element#thirdCoin {
    width: 18.5rem;
    left: 48.4%;
    top: 55.6%;
  }
}
.main-new .hero .image-wrap .floating-element#fourthCoin {
  width: 4.25rem;
  right: 0;
  top: 74.6%;
  animation: float-slow 4s ease-in-out infinite;
}
@media (min-width: 1225px) {
  .main-new .hero .image-wrap .floating-element#fourthCoin {
    width: 10.5rem;
    top: 70%;
    right: 0%;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .hero .image-wrap .floating-element#fourthCoin {
    width: 10.5rem;
    top: 70%;
    right: 0%;
  }
}
.main-new .hero .content-wrap {
  max-width: 67.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4rem 2rem;
}
@media (min-width: 1225px) {
  .main-new .hero .content-wrap {
    padding: 6.25rem 0;
  }
}
.main-new .hero .content-wrap .text-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 100;
  margin: 4.25rem auto 16.25rem;
}
@media (min-width: 1225px) {
  .main-new .hero .content-wrap .text-wrap {
    margin: 6.25rem auto 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .hero .content-wrap .text-wrap {
    margin: 6.25rem auto 2.5rem;
  }
}
.main-new .hero .content-wrap .text-wrap .section-subtitle {
  font-size: 1rem;
  line-height: 1.41875rem;
  font-weight: 600;
  margin-bottom: 1.625rem;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0;
}
@media (min-width: 1225px) {
  .main-new .hero .content-wrap .text-wrap .section-subtitle {
    font-size: 1.5rem;
    line-height: 2.125rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .hero .content-wrap .text-wrap .section-subtitle {
    font-size: 1.5rem;
    line-height: 2.125rem;
    margin-bottom: 2.5rem;
  }
}
.main-new .hero .content-wrap .text-wrap .section-title {
  font-size: 2rem;
  font-weight: 800;
  line-height: 2.5rem;
  color: #ffffff;
}
@media (min-width: 1225px) {
  .main-new .hero .content-wrap .text-wrap .section-title {
    font-size: 3rem;
    line-height: 3.75rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .hero .content-wrap .text-wrap .section-title {
    font-size: 3rem;
    line-height: 3.75rem;
  }
}
.main-new .hero .content-wrap .cta-btn {
  z-index: 100;
  display: block;
  margin-bottom: 2.5rem;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1rem;
  padding: 0.75rem 2.625rem;
  border-radius: 0.5rem;
  background-color: #fa7300;
  outline: none;
  border: none;
  color: #ffffff;
  cursor: pointer;
  margin-bottom: 2.5rem;
}
@media (min-width: 1225px) {
  .main-new .hero .content-wrap .cta-btn {
    border-radius: 0.72rem;
    margin-right: auto;
    margin-bottom: 11rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 1rem 5.75rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .hero .content-wrap .cta-btn {
    border-radius: 0.72rem;
    margin-right: auto;
    margin-bottom: 11rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 1rem 5.75rem;
  }
}
.main-new .call-to-action {
  background-color: #fffde6;
}
.main-new .call-to-action .content-wrap {
  display: grid;
  grid-template-areas: "image" "text" "button";
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap {
    position: relative;
    grid-template-areas: "text" "button";
    gap: 0 6.25rem;
    padding-right: 26.125rem;
  }
}
.main-new .call-to-action .content-wrap .text-container {
  grid-area: text;
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap .text-container {
    text-align: right;
    flex: 1;
  }
}
.main-new .call-to-action .content-wrap .text-container .section-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: #1a1f27;
  margin-bottom: 1.25rem;
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap .text-container .section-title {
    font-size: 2.5rem;
    line-height: 3.125rem;
    margin-bottom: 2.5rem;
  }
}
.main-new .call-to-action .content-wrap .image-container {
  grid-area: image;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  margin-bottom: 2.1875rem;
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap .image-container {
    margin-bottom: unset;
    position: absolute;
    width: 19.875rem;
    right: 0;
    bottom: -3.75rem;
  }
}
.main-new .call-to-action .content-wrap .image-container .mobile-background {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 10rem;
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-background {
    max-width: 15rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-background {
    max-width: 15rem;
  }
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal {
  background-color: #f5f6f7;
  padding: 0.765625rem;
  border-radius: 0.765625rem;
  filter: drop-shadow(0.139375rem 0 0.6875rem rgba(0, 0, 0, 0.2));
  width: 100%;
  max-width: 13.25rem;
  position: absolute;
  left: 50%;
  top: 80%;
  opacity: 0.2;
  transform: translateX(-50%) translateY(-50%);
  padding-bottom: 0;
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal.visible {
  opacity: 1;
  top: 50%;
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal::after {
  content: "";
  display: block;
  position: absolute;
  width: 4rem;
  aspect-ratio: 1/1;
  right: -3%;
  bottom: 30%;
  background: url("/resources/fo/invest/common/images/glass-person-blue.png") no-repeat 100% 100%;
  background-size: contain;
  filter: grayscale(56.1%) hue-rotate(18deg) brightness(113.4%);
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal {
    max-width: 19.875rem;
    border-radius: 1.15rem;
    padding: 1.15rem;
  }
  .main-new .call-to-action .content-wrap .image-container .mobile-modal::after {
    width: 6rem;
    right: -7%;
    bottom: 27%;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal {
    max-width: 19.875rem;
    border-radius: 1.15rem;
    padding: 1.15rem;
  }
  .main-new .call-to-action .content-wrap .image-container .mobile-modal::after {
    width: 6rem;
    right: -7%;
    bottom: 27%;
  }
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid {
  background-color: #ffffff;
  padding: 0.75rem;
  border-radius: 0.375rem;
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid {
    border-radius: 0.625rem;
    padding: 1.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid {
    border-radius: 0.625rem;
    padding: 1.25rem;
  }
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .badges {
  justify-content: space-between;
  font-size: 0.675rem;
  line-height: 1.0125rem;
  font-weight: 600;
  vertical-align: middle;
  margin-bottom: 0.7rem;
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .badges {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .badges {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    margin-bottom: 1.25rem;
  }
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .badges > span {
  padding: 0 0.25rem;
  border-radius: 0.25rem;
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .badges > span {
    padding: 0 0.421875rem;
    border-radius: 6.75;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .badges > span {
    padding: 0 0.421875rem;
    border-radius: 6.75;
  }
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .badges .type {
  color: #fa7300;
  border: 1px solid #fa7300;
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .badges .status {
  color: #ffffff;
  background-color: #5297f2;
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .title {
  text-align: left;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2rem;
  color: #000;
  margin-bottom: 0.5875rem;
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .rates {
  justify-content: space-between;
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .rates > div {
  flex: 1;
  text-align: left;
  color: #6e6e6e;
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .rates > div > :first-child {
  font-size: 0.675rem;
  font-weight: 600;
  line-height: 0.975rem;
  color: #6e6e6e;
  margin-bottom: 0.1875rem;
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .rates > div > :first-child {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-bottom: 0.355rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .rates > div > :first-child {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-bottom: 0.355rem;
  }
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .rates > div > :last-child {
  font-size: 0.9rem;
  font-weight: 800;
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .rates > div > :last-child {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .content-grid .rates > div > :last-child {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal .progress-bar {
  margin: 1.5rem 0 1.475rem;
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .progress-bar {
    margin: 2.25rem 0;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .progress-bar {
    margin: 2.25rem 0;
  }
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal .progress-bar .bar-container {
  height: 0.1875rem;
  border-radius: 50px;
  background-color: #ffffff;
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .progress-bar .bar-container {
    height: 0.3125rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .progress-bar .bar-container {
    height: 0.3125rem;
  }
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal .progress-bar .bar-container .bar-fill {
  height: inherit;
  border-radius: inherit;
  background-color: #ff5c00;
  width: 0%;
  transition: all 0.6s ease-out;
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal .progress-bar .bar-container .bar-fill.visible {
  width: 65%;
}
.main-new .call-to-action .content-wrap .image-container .mobile-modal .progress-bar .bar-label {
  margin-top: 0.375rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 0.675rem;
  line-height: 0.975rem;
  font-weight: 500;
  color: #6e6e6e;
  letter-spacing: 0;
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .progress-bar .bar-label {
    margin-top: 0.625rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .call-to-action .content-wrap .image-container .mobile-modal .progress-bar .bar-label {
    margin-top: 0.625rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
.main-new .call-to-action .content-wrap .cta-btn {
  grid-area: button;
  display: block;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.75rem 1.875rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  line-height: 1.0125rem;
  font-weight: 700;
}
@media (min-width: 1225px) {
  .main-new .call-to-action .content-wrap .cta-btn {
    padding: 0.9rem;
    border-radius: 0.72rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-top: 0;
    margin-right: 0;
  }
}
.main-new .recruiting-products {
  background-color: #c0e8ff;
}
.main-new .recruiting-products .recruiting-summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 2rem auto 2rem;
  max-width: 60.625rem;
}
@media (min-width: 1225px) {
  .main-new .recruiting-products .recruiting-summary {
    margin: 4.625rem auto 3.75rem;
    gap: 1.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .recruiting-products .recruiting-summary {
    margin: 4.625rem auto 3.75rem;
    gap: 1.25rem;
  }
}
.main-new .recruiting-products .recruiting-summary .recruiting-summary-item {
  flex: 1;
  background-color: #e2f6fd;
  filter: drop-shadow(0, 0, 6.67px, #afe2ff);
  padding: 1.5rem 0.75rem;
  border-radius: 0.833125rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.875rem;
  color: #005c91;
  text-align: left;
}
@media (min-width: 1225px) {
  .main-new .recruiting-products .recruiting-summary .recruiting-summary-item {
    padding: 3.125rem 2.5rem;
    border-radius: 1.25rem;
    gap: 1.875rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .recruiting-products .recruiting-summary .recruiting-summary-item {
    padding: 3.125rem 2.5rem;
    border-radius: 1.25rem;
    gap: 1.875rem;
  }
}
.main-new .recruiting-products .recruiting-summary .recruiting-summary-item .recruiting-summary-label {
  font-size: 0.9rem;
  line-height: 1.0125rem;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .recruiting-products .recruiting-summary .recruiting-summary-item .recruiting-summary-label {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .main-new .recruiting-products .recruiting-summary .recruiting-summary-item .recruiting-summary-label {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
.main-new .recruiting-products .recruiting-summary .recruiting-summary-item .recruiting-summary-value {
  font-size: 2rem;
  line-height: 2.0125rem;
  text-align: left;
  font-weight: 700;
}
.main-new .recruiting-products .recruiting-summary .recruiting-summary-item .recruiting-summary-value .small-text {
  font-size: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .recruiting-products .recruiting-summary .recruiting-summary-item .recruiting-summary-value {
    font-size: 4.5rem;
    line-height: 4.5rem;
  }
  .main-new .recruiting-products .recruiting-summary .recruiting-summary-item .recruiting-summary-value .small-text {
    font-size: 2.75rem;
  }
}
@media (min-width: 1225px) {
  .main-new .recruiting-products .recruiting-summary .recruiting-summary-item .recruiting-summary-value {
    font-size: 4.5rem;
    line-height: 4.5rem;
  }
  .main-new .recruiting-products .recruiting-summary .recruiting-summary-item .recruiting-summary-value .small-text {
    font-size: 2.75rem;
  }
}
.main-new .recruiting-products .recruiting-product-list--mobile.slick-slider .slick-slide {
  margin: 0 0.5625rem;
}
.main-new .recruiting-products .recruiting-product-list--mobile .slick-list {
  margin: 0 -1.25rem;
  padding: 0.25rem 0 0.5rem;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card {
  background-color: #f5f6f7;
  padding: 0.8rem;
  display: block;
  max-width: 13.75rem;
  margin: 0 auto;
  border: none;
  border-radius: 0.8rem;
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-thumb {
  aspect-ratio: 16/10;
  overflow: hidden;
  border-radius: 0.8rem;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body {
  padding: 0;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .text-wrap {
  padding: 0.8rem;
  background-color: #ffffff;
  border-radius: 0.8rem;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .text-wrap .badges {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  font-size: 0.7rem;
  line-height: 1.1rem;
  font-weight: 600;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .text-wrap .badges .type {
  color: #6e6e6e;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .text-wrap .badges .status {
  color: #ffffff;
  padding: 0 0.2375rem;
  border-radius: 0.2725rem;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .text-wrap .badges .status.recruiting {
  background-color: #5297f2;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .text-wrap .badges .status.repaying {
  background-color: #f9b422;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .text-wrap .badges .status.recruited {
  background-color: #fa7600;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .text-wrap .title {
  text-align: left;
  margin-bottom: 0.5875rem;
  font-size: 0.975rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .text-wrap .info-wrap {
  display: flex;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .text-wrap .info-wrap .info-container {
  flex: 1;
  text-align: left;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .text-wrap .info-wrap .info-container .info-title {
  margin: 0 0 0 0.225rem;
  font-size: 0.725rem;
  line-height: 1.05rem;
  font-weight: 600;
  color: #6e6e6e;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .text-wrap .info-wrap .info-container .info-content {
  margin: 0;
  font-size: 0.975rem;
  line-height: 1.1625rem;
  font-weight: 800;
  color: #6e6e6e;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .text-wrap .info-wrap .info-container .info-content.orange {
  color: #ff5c00;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .progress-wrap {
  margin-top: 0.975rem;
  margin-bottom: 0.75rem;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .progress-wrap .progress-bar {
  height: 0.325rem;
  border-radius: 999px;
  background-color: #ffffff;
  overflow: hidden;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .progress-wrap .progress-bar .progress-bar-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: #fa7300;
  width: 0;
  transition: width 0.6s ease-in;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .progress-wrap .progress-label-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 0.6rem;
  font-size: 0.725rem;
  line-height: 0.725rem;
  font-weight: 500;
  letter-spacing: 0;
  color: #707070;
}
.main-new .recruiting-products .recruiting-product-list--mobile .recruiting-product-card .card-body .progress-wrap .progress-label-wrap .progress-label.orange {
  color: #ff5c00;
}
.main-new .recruiting-products .recruiting-product-list--desktop {
  display: none;
}
@media (min-width: 1225px) {
  .main-new .recruiting-products .recruiting-product-list--mobile {
    display: none;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card {
    display: grid;
    grid-template-areas: "badges badges badges badges" "title title rates rates" "bar bar bar bar" "current current current total";
    grid-template-columns: 1fr 1fr auto auto;
    gap: 0 2.5rem;
    align-items: center;
    padding: 2.5rem;
    background-color: #fff;
    border-radius: 1.25rem;
    text-decoration: none;
    color: inherit;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .badges {
    grid-area: badges;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .badges .badge {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 600;
    border-radius: 0.421875rem;
    padding: 0 0.421875rem;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .badges .badge.status {
    color: #fff;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .badges .badge.status.recruiting {
    background-color: #5297f2;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .badges .badge.status.repaying {
    background-color: #f9b422;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .badges .badge.status.recruited {
    background-color: #fa7600;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .badges .badge.type {
    color: #fa7300;
    background-color: #fff;
    border: 0.0625rem solid #fa7300;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .title {
    grid-area: title;
    margin: 0;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    color: #000;
    text-align: left;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .rates {
    grid-area: rates;
    display: flex;
    justify-content: flex-end;
    gap: 2.5rem;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .rates .rate-item {
    display: flex;
    align-items: baseline;
    gap: 0.625rem;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .rates .rate-item .label {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 600;
    color: #6e6e6e;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .rates .rate-item .value {
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 800;
    color: #ff5c00;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .progress-bar {
    grid-area: bar;
    width: 100%;
    height: 0.5rem;
    margin: 1.25rem 0 0.625rem;
    border-radius: 999px;
    background-color: #f5f5f5;
    overflow: hidden;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .progress-bar .progress-bar-fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    background-color: #ff5c00;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .current-status {
    grid-area: current;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 500;
    color: #0f82ff;
    text-align: left;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .total-amount {
    grid-area: total;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 500;
    color: #707070;
    text-align: right;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .recruiting-products .recruiting-product-list--mobile {
    display: none;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card {
    display: grid;
    grid-template-areas: "badges badges badges badges" "title title rates rates" "bar bar bar bar" "current current current total";
    grid-template-columns: 1fr 1fr auto auto;
    gap: 0 2.5rem;
    align-items: center;
    padding: 2.5rem;
    background-color: #fff;
    border-radius: 1.25rem;
    text-decoration: none;
    color: inherit;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .badges {
    grid-area: badges;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .badges .badge {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 600;
    border-radius: 0.421875rem;
    padding: 0 0.421875rem;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .badges .badge.status {
    color: #fff;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .badges .badge.status.recruiting {
    background-color: #5297f2;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .badges .badge.status.repaying {
    background-color: #f9b422;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .badges .badge.status.recruited {
    background-color: #fa7600;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .badges .badge.type {
    color: #fa7300;
    background-color: #fff;
    border: 0.0625rem solid #fa7300;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .title {
    grid-area: title;
    margin: 0;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    color: #000;
    text-align: left;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .rates {
    grid-area: rates;
    display: flex;
    justify-content: flex-end;
    gap: 2.5rem;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .rates .rate-item {
    display: flex;
    align-items: baseline;
    gap: 0.625rem;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .rates .rate-item .label {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 600;
    color: #6e6e6e;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .rates .rate-item .value {
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 800;
    color: #ff5c00;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .progress-bar {
    grid-area: bar;
    width: 100%;
    height: 0.5rem;
    margin: 1.25rem 0 0.625rem;
    border-radius: 999px;
    background-color: #f5f5f5;
    overflow: hidden;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .progress-bar .progress-bar-fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    background-color: #ff5c00;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .current-status {
    grid-area: current;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 500;
    color: #0f82ff;
    text-align: left;
  }
  .main-new .recruiting-products .recruiting-product-list--desktop .recruiting-product-card .total-amount {
    grid-area: total;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 500;
    color: #707070;
    text-align: right;
  }
}
.main-new .public-information {
  background-color: #fffde6;
}
.main-new .public-information .image-wrap {
  aspect-ratio: 315/186;
  max-width: 19.6875rem;
  position: relative;
  margin: 0 auto 2.5rem;
}
.main-new .public-information .image-wrap img {
  max-width: 100%;
  position: absolute;
  display: block;
}
.main-new .public-information .image-wrap img#shoppingCart {
  width: 6.25rem;
  left: 0;
  top: 15%;
  animation: float-slow 3s ease-in-out infinite;
}
.main-new .public-information .image-wrap img#market {
  width: 6.25rem;
  bottom: 0;
  left: 35%;
  animation: float-slow 4s ease-in-out infinite;
}
.main-new .public-information .image-wrap img#piggyBank {
  width: 5rem;
  top: 0;
  right: 0;
  animation: float-slow 2s ease-in-out infinite;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .public-information .image-wrap {
    aspect-ratio: unset;
    width: 100%;
    max-width: unset;
    border: 1px solid transparent;
  }
  .main-new .public-information .image-wrap img#shoppingCart {
    width: 8.75rem;
    left: 11%;
    top: -9.375rem;
  }
  .main-new .public-information .image-wrap img#market {
    width: 9.375rem;
    bottom: -2.5rem;
    left: 35%;
  }
  .main-new .public-information .image-wrap img#piggyBank {
    width: 7.5rem;
    top: -9.625rem;
    right: 25%;
  }
}
@media (min-width: 1225px) {
  .main-new .public-information .image-wrap {
    aspect-ratio: unset;
    width: 100%;
    max-width: unset;
    border: 1px solid transparent;
  }
  .main-new .public-information .image-wrap img#shoppingCart {
    width: 8.75rem;
    left: 11%;
    top: -9.375rem;
  }
  .main-new .public-information .image-wrap img#market {
    width: 9.375rem;
    bottom: -2.5rem;
    left: 35%;
  }
  .main-new .public-information .image-wrap img#piggyBank {
    width: 7.5rem;
    top: -9.625rem;
    right: 25%;
  }
}
.main-new .public-information .stats-list {
  display: flex;
  align-items: center;
  max-width: 21.25rem;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .public-information .stats-list {
    max-width: unset;
    width: 100%;
    margin: 6.25rem 0;
  }
}
@media (min-width: 1225px) {
  .main-new .public-information .stats-list {
    max-width: unset;
    width: 100%;
    margin: 6.25rem 0;
  }
}
.main-new .public-information .stats-list .stats-item {
  flex: auto;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-new .public-information .stats-list .stats-item .stats-title {
  font-size: 0.8625rem;
  font-weight: 700;
  line-height: 1;
  color: #1a1f27;
  margin-bottom: 0.8rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .public-information .stats-list .stats-item .stats-title {
    font-size: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .main-new .public-information .stats-list .stats-item .stats-title {
    font-size: 1.5rem;
    margin-bottom: 1.875rem;
  }
}
.main-new .public-information .stats-list .stats-item .stats-content {
  font-size: 2.0125rem;
  line-height: 1;
  font-weight: 700;
  color: #fa7300;
}
.main-new .public-information .stats-list .stats-item .stats-content .small-text {
  font-size: 1.25rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .public-information .stats-list .stats-item .stats-content {
    font-size: 4.5rem;
  }
  .main-new .public-information .stats-list .stats-item .stats-content .small-text {
    font-size: 2.75rem;
  }
}
@media (min-width: 1225px) {
  .main-new .public-information .stats-list .stats-item .stats-content {
    font-size: 4.5rem;
  }
  .main-new .public-information .stats-list .stats-item .stats-content .small-text {
    font-size: 2.75rem;
  }
}
.main-new .core-values .section-title {
  margin-bottom: 2rem;
}
@media (min-width: 1225px) {
  .main-new .core-values .section-title {
    margin-bottom: 5.375rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .core-values .section-title {
    margin-bottom: 5.375rem;
  }
}
.main-new .core-values .core-values-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 1225px) {
  .main-new .core-values .core-values-list {
    flex-direction: row;
    gap: 1.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .core-values .core-values-list {
    flex-direction: row;
    gap: 1.25rem;
  }
}
.main-new .core-values .core-values-list .core-values-item {
  width: 100%;
  max-width: 12.5rem;
  height: 17.125rem;
}
@media (min-width: 1225px) {
  .main-new .core-values .core-values-list .core-values-item {
    max-width: 19.25rem;
    height: 26.4375rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .core-values .core-values-list .core-values-item {
    max-width: 19.25rem;
    height: 26.4375rem;
  }
}
.main-new .core-values .core-values-list .core-values-item .core-values-card {
  height: 100%;
  width: 100%;
  color: #000;
  position: relative;
  cursor: pointer;
  transition: transform 800ms;
  transform-style: preserve-3d;
}
.main-new .core-values .core-values-list .core-values-item .core-values-card.flipped {
  transform: rotateX(180deg);
}
.main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-front,
.main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-back {
  height: 100%;
  width: 100%;
  border-radius: 0.75rem;
  position: absolute;
  backface-visibility: hidden;
}
@media (min-width: 1225px) {
  .main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-front,
  .main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-back {
    border-radius: 1.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-front,
  .main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-back {
    border-radius: 1.25rem;
  }
}
.main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-front {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-front .front-image {
  display: grid;
  place-items: center;
  width: 6.25rem;
}
@media (min-width: 1225px) {
  .main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-front .front-image {
    width: 8.75rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-front .front-image {
    width: 8.75rem;
  }
}
.main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-front .front-image img {
  display: block;
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-front .front-title {
  font-size: 1.25rem;
  line-height: 1.775rem;
  font-weight: 700;
  color: #000;
  margin: 1.375rem 0 1.25rem;
}
@media (min-width: 1225px) {
  .main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-front .front-title {
    font-size: 2rem;
    line-height: 2.75rem;
    margin: 2.125rem 0 1.875rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-front .front-title {
    font-size: 2rem;
    line-height: 2.75rem;
    margin: 2.125rem 0 1.875rem;
  }
}
.main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-front .arrow {
  font-size: 1rem;
  line-height: 1;
  opacity: 0.3;
}
@media (min-width: 1225px) {
  .main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-front .arrow {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-front .arrow {
    font-size: 1.5rem;
  }
}
.main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-back {
  transform: rotateX(180deg);
  padding: 3rem 1.875rem;
  text-align: left;
}
@media (min-width: 1225px) {
  .main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-back {
    padding: 2.90625rem 2.0375rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-back {
    padding: 2.90625rem 2.0375rem;
  }
}
.main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-back p {
  font-size: 1rem;
  line-height: 2.14375rem;
  font-weight: 700;
}
@media (min-width: 1225px) {
  .main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-back p {
    font-size: 1.125rem;
    line-height: 2.0625rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .core-values .core-values-list .core-values-item .core-values-card .core-values-card-back p {
    font-size: 1.125rem;
    line-height: 2.0625rem;
  }
}
.main-new .core-values .core-values-list .core-values-item:nth-of-type(1) .core-values-card-front,
.main-new .core-values .core-values-list .core-values-item:nth-of-type(1) .core-values-card-back {
  background: #FFFDE6;
}
.main-new .core-values .core-values-list .core-values-item:nth-of-type(2) .core-values-card-front,
.main-new .core-values .core-values-list .core-values-item:nth-of-type(2) .core-values-card-back {
  background: #EEFCFF;
}
.main-new .core-values .core-values-list .core-values-item:nth-of-type(3) .core-values-card-front,
.main-new .core-values .core-values-list .core-values-item:nth-of-type(3) .core-values-card-back {
  background: #F6FDED;
}
.main-new .company-history {
  background: #FFF1E8 url("/resources/fo/invest/common/images/main-history-background.png") no-repeat center/contain;
  overflow: hidden;
  padding-bottom: 0;
}
.main-new .company-history .section-title {
  color: #000;
  margin-bottom: 3.95rem;
}
@media (min-width: 1225px) {
  .main-new .company-history .section-title {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 6.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-history .section-title {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 6.25rem;
  }
}
.main-new .company-history-container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  max-width: 41.25rem;
  margin: auto;
}
@media (min-width: 1225px) {
  .main-new .company-history-container {
    flex-direction: row;
    gap: 5.625rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-history-container {
    flex-direction: row;
    gap: 5.625rem;
  }
}
.main-new .company-history-container .company-history-timeline {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-shrink: 0;
  padding-bottom: 1.7rem;
  position: sticky;
}
@media (min-width: 1225px) {
  .main-new .company-history-container .company-history-timeline {
    margin-bottom: 6.25rem;
    flex-direction: column;
    padding-bottom: 0;
    padding-right: 2.4875rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-history-container .company-history-timeline {
    margin-bottom: 6.25rem;
    flex-direction: column;
    padding-bottom: 0;
    padding-right: 2.4875rem;
  }
}
.main-new .company-history-container .company-history-timeline::before {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: 0.35rem;
  width: var(--timeline-before-width);
  height: 0.1rem;
  background-color: #FFB888;
}
@media (min-width: 1225px) {
  .main-new .company-history-container .company-history-timeline::before {
    height: var(--timeline-before-width);
    width: 0.125rem;
    left: unset;
    right: 0.24375rem;
    top: 50%;
    transform: translateY(-50%) translateX(50%);
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-history-container .company-history-timeline::before {
    height: var(--timeline-before-width);
    width: 0.125rem;
    left: unset;
    right: 0.24375rem;
    top: 50%;
    transform: translateY(-50%) translateX(50%);
  }
}
.main-new .company-history-container .company-history-timeline-item {
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
}
.main-new .company-history-container .company-history-timeline-item::after {
  content: "";
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #CCC1BA;
  transition: all 0.3s ease;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
}
@media (min-width: 1225px) {
  .main-new .company-history-container .company-history-timeline-item::after {
    width: 0.4875rem;
    height: 0.4875rem;
    left: unset;
    right: -2rem;
    top: 50%;
    transform: translateY(-50%) translateX(100%);
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-history-container .company-history-timeline-item::after {
    width: 0.4875rem;
    height: 0.4875rem;
    left: unset;
    right: -2rem;
    top: 50%;
    transform: translateY(-50%) translateX(100%);
  }
}
.main-new .company-history-container .company-history-timeline-item-year {
  font-size: 1rem;
  font-weight: 600;
  color: #CCC1BA;
  transition: color 0.3s ease;
  white-space: nowrap;
}
@media (min-width: 1225px) {
  .main-new .company-history-container .company-history-timeline-item-year {
    font-size: 1.5rem;
    line-height: 3.125rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-history-container .company-history-timeline-item-year {
    font-size: 1.5rem;
    line-height: 3.125rem;
    font-weight: 700;
  }
}
.main-new .company-history-container .company-history-timeline-item.active::after {
  background-color: #ff5c00;
}
.main-new .company-history-container .company-history-timeline-item.active .company-history-timeline-item-year {
  color: #000;
}
.main-new .company-history-container .company-history-list {
  /*          flex: 1; */
  /*       overflow: visible; */
  max-height: 21.25rem;
  overflow-y: auto;
  width: var(--timeline-before-width);
  margin: auto;
}
.main-new .company-history-container .company-history-list::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1225px) {
  .main-new .company-history-container .company-history-list {
    max-height: 31.875rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-history-container .company-history-list {
    max-height: 31.875rem;
  }
}
.main-new .company-history-container .company-history-list .company-history-year-section {
  width: 100%;
  margin-bottom: 3rem;
  scroll-margin-top: 1rem;
  min-height: 51%;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.main-new .company-history-container .company-history-list .company-history-year-section:last-child {
  margin-bottom: 0;
}
@media (min-width: 1225px) {
  .main-new .company-history-container .company-history-list .company-history-year-section {
    gap: 1.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-history-container .company-history-list .company-history-year-section {
    gap: 1.25rem;
  }
}
.main-new .company-history-container .company-history-list .company-history-year-section .company-history-month-group {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.main-new .company-history-container .company-history-list .company-history-year-section .company-history-month-group .company-history-month-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #FF5C00;
  margin-bottom: 1rem;
}
@media (min-width: 1225px) {
  .main-new .company-history-container .company-history-list .company-history-year-section .company-history-month-group .company-history-month-title {
    font-size: 1.5rem;
    line-height: 3.75rem;
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-history-container .company-history-list .company-history-year-section .company-history-month-group .company-history-month-title {
    font-size: 1.5rem;
    line-height: 3.75rem;
    margin-bottom: 0.625rem;
  }
}
.main-new .company-history-container .company-history-list .company-history-year-section .company-history-month-group .company-history-event {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #000;
}
@media (min-width: 1225px) {
  .main-new .company-history-container .company-history-list .company-history-year-section .company-history-month-group .company-history-event {
    font-size: 1.625rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-history-container .company-history-list .company-history-year-section .company-history-month-group .company-history-event {
    font-size: 1.625rem;
    line-height: 2.5rem;
  }
}
.main-new .company-news .section-top {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 2.45rem;
}
.main-new .company-news .section-top .company-news-more {
  font-size: 0.7rem;
  line-height: 0.8375rem;
  font-weight: 600;
  display: inline-flex;
}
@media (min-width: 1225px) {
  .main-new .company-news .section-top .company-news-more {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-news .section-top .company-news-more {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.main-new .company-news .section-top .company-news-more {
  /*   &::after {
      content: '';
      display: block;
      margin-left: 0.2em;
      width: 0.7em;
      aspect-ratio: 1/1;
      background: url('/resources/fo/invest/common/images/icons/diagonal-arrow-black.svg')
        no-repeat center / contain;
    } */
}
.main-new .company-news-item {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1225px) {
  .main-new .company-news-item {
    flex-direction: row;
    gap: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-news-item {
    flex-direction: row;
    gap: 2.5rem;
  }
}
.main-new .company-news-img {
  display: block;
  width: 100%;
  border-radius: 0.7rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
  aspect-ratio: 320/198;
}
.main-new .company-news-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 1225px) {
  .main-new .company-news-img {
    aspect-ratio: 580/358;
    max-width: 36.25rem;
    margin-bottom: 0;
    border-radius: 1.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-news-img {
    aspect-ratio: 580/358;
    max-width: 36.25rem;
    margin-bottom: 0;
    border-radius: 1.25rem;
  }
}
.main-new .company-news-content {
  display: grid;
  grid-template-areas: "type date" "title title";
  gap: 0.95rem 0;
}
@media (min-width: 1225px) {
  .main-new .company-news-content {
    grid-template-areas: "type type" "title title" "date date";
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-news-content {
    grid-template-areas: "type type" "title title" "date date";
  }
}
.main-new .company-news-type {
  grid-area: type;
  text-align: left;
  color: #ff5c00;
  font-weight: 600;
  font-size: 0.7rem;
  line-height: 0.7rem;
}
@media (min-width: 1225px) {
  .main-new .company-news-type {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-news-type {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.main-new .company-news-title {
  grid-area: title;
  text-align: left;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #000;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (min-width: 1225px) {
  .main-new .company-news-title {
    font-size: 2.5rem;
    line-height: 3.75rem;
    height: 11.25rem;
    width: 21.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-news-title {
    font-size: 2.5rem;
    line-height: 3.75rem;
    height: 11.25rem;
    width: 21.5rem;
  }
}
.main-new .company-news-date {
  grid-area: date;
  text-align: right;
  color: #000;
  font-weight: 500;
  font-size: 0.7rem;
  line-height: 0.7rem;
}
@media (min-width: 1225px) {
  .main-new .company-news-date {
    font-size: 1.125rem;
    line-height: 1.75rem;
    text-align: left;
    margin-bottom: 2.625rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-news-date {
    font-size: 1.125rem;
    line-height: 1.75rem;
    text-align: left;
    margin-bottom: 2.625rem;
  }
}
.main-new .company-news .list-wrap {
  position: relative;
}
.main-new .company-news .arrow-slider {
  display: flex;
  gap: 0.875rem;
  position: absolute;
  z-index: 1000;
  bottom: 0;
  right: 0;
}
.main-new .company-news .arrow-slider .slick-arrow {
  display: none;
}
@media (min-width: 1225px) {
  .main-new .company-news .arrow-slider .slick-arrow {
    display: block;
    position: initial;
    border-radius: 50%;
    width: 3.125rem;
    aspect-ratio: 1/1;
    z-index: 100;
    font-size: 0px;
    cursor: pointer;
    background: #FFF2E9 url("/resources/fo/invest/common/images/orange-chev.svg") no-repeat center;
  }
  .main-new .company-news .arrow-slider .slick-arrow.next {
    transform: rotate(180deg);
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-news .arrow-slider .slick-arrow {
    display: block;
    position: initial;
    border-radius: 50%;
    width: 3.125rem;
    aspect-ratio: 1/1;
    z-index: 100;
    font-size: 0px;
    cursor: pointer;
    background: #FFF2E9 url("/resources/fo/invest/common/images/orange-chev.svg") no-repeat center;
  }
  .main-new .company-news .arrow-slider .slick-arrow.next {
    transform: rotate(180deg);
  }
}
.main-new .company-news .slick-slider {
  position: relative;
}
.main-new .company-news .slick-slider .slick-dots {
  position: unset;
  transform: unset;
  margin-top: 2rem;
}
.main-new .company-news .slick-slider .slick-dots li button::before {
  background: #d9d9d9;
}
.main-new .company-news .slick-slider .slick-dots li.slick-active button::before {
  background: #4c4c4c;
}
@media (min-width: 1225px) {
  .main-new .company-news .slick-dots {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .company-news .slick-dots {
    display: none !important;
  }
}
.main-new .customer-service {
  background: #FFFDE6 url("/resources/fo/invest/common/images/main-inquiry-background.png") no-repeat 100% 0%/30%;
  color: #ffffff;
}
@media (min-width: 1225px) {
  .main-new .customer-service {
    background: #FFFDE6 url("/resources/fo/invest/common/images/main-inquiry-background.png") no-repeat 100% 0%/400px;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .customer-service {
    background: #FFFDE6 url("/resources/fo/invest/common/images/main-inquiry-background.png") no-repeat 100% 0%/400px;
  }
}
.main-new .customer-service .section-title {
  color: #000;
  font-size: 1.44rem;
  line-height: 1.91875rem;
  margin-bottom: 4.975rem;
}
@media (min-width: 1225px) {
  .main-new .customer-service .section-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.25rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .customer-service .section-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.25rem;
    margin-bottom: 2.5rem;
  }
}
.main-new .customer-service .customer-inquiry-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.main-new .customer-service .customer-inquiry-list .customer-inquiry-item:first-of-type .customer-inquiry-item-link {
  background-color: transparent;
  color: #FA7300;
  border: 1px solid #FA7300;
}
.main-new .customer-service .customer-inquiry-list .customer-inquiry-item:last-of-type .customer-inquiry-item-link::before {
  content: "";
  display: block;
  margin-right: 0.25rem;
  width: 1.625rem;
  aspect-ratio: 1/1;
  background: url("/resources/fo/invest/common/images/icons/kakaochat.png") no-repeat center/contain;
}
.main-new .customer-service .customer-inquiry-list .customer-inquiry-item-link {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  width: 100%;
  max-width: 30rem;
  height: 3.3rem;
  padding: 1.025rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
  background-color: #FA7300;
}
@media (min-width: 1225px) {
  .main-new .customer-service .customer-inquiry-list .customer-inquiry-item-link {
    border-radius: 0.75rem;
    height: 4.50625rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .customer-service .customer-inquiry-list .customer-inquiry-item-link {
    border-radius: 0.75rem;
    height: 4.50625rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
.main-new .dark-padding {
  background-color: #000;
}
.main-new .investment-product {
  padding-left: 0;
  padding-right: 0;
}
.main-new .investment-product .section-title {
  margin-bottom: 3.95rem;
}
@media (min-width: 1225px) {
  .main-new .investment-product .section-title {
    margin-bottom: 6.25rem;
  }
}
.main-new .investment-product .product-list {
  display: flex;
  justify-content: center;
  /* .slick-slide {
    margin-right: ptr(10);
    @include for-size(desktop) {
      margin-right: ptr(20);
    }
  } */
}
.main-new .investment-product .product-list .slick-list {
  padding: 0; /* Remove any default padding */
}
.main-new .investment-product .product-list .slick-track {
  display: flex;
  gap: 0.625rem;
}
@media (min-width: 1225px) {
  .main-new .investment-product .product-list .slick-track {
    gap: 1.25rem;
  }
}
.main-new .investment-product .product-list .product-card {
  user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  background-color: #ffffff;
  width: 14rem;
  padding: 1rem;
  border-radius: 0.865625rem;
}
.main-new .investment-product .product-list .product-card .badges {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.15rem;
}
.main-new .investment-product .product-list .product-card .badges .badge {
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.16875rem;
  background-color: gray;
  padding: 0 0.291875rem;
  border-radius: 0.291875rem;
}
.main-new .investment-product .product-list .product-card .badges .badge.type {
  background-color: #ffffff;
  color: #fa7300;
  border: 0.04375rem solid #fa7300;
}
.main-new .investment-product .product-list .product-card .badges .badge.status {
  color: #ffffff;
}
.main-new .investment-product .product-list .product-card .badges .badge.status.planned {
  background-color: #5297f2;
}
.main-new .investment-product .product-list .product-card .badges .badge.status.funding {
  background-color: #f9b422;
}
.main-new .investment-product .product-list .product-card .badges .badge.status.funded {
  background-color: #fa7600;
}
.main-new .investment-product .product-list .product-card .product-title {
  font-size: 1rem;
  line-height: 1.3875rem;
  font-weight: 700;
  color: #000;
  text-align: left;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  margin-bottom: 0.825rem;
}
.main-new .investment-product .product-list .product-card .information {
  display: flex;
  gap: 0.975rem;
  margin-bottom: 1rem;
}
.main-new .investment-product .product-list .product-card .information .info-item {
  text-align: left;
}
.main-new .investment-product .product-list .product-card .information .info-item .info-title {
  font-size: 0.7rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: #6e6e6e;
  margin-bottom: 0.25rem;
}
.main-new .investment-product .product-list .product-card .information .info-item .info-content {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 800;
  color: #ff5c00;
}
.main-new .investment-product .product-list .product-card .progress-wrap .progress-bar {
  width: 100%;
  height: 0.34625rem;
  border-radius: 999px;
  background-color: #f5f5f5;
  overflow: hidden;
}
.main-new .investment-product .product-list .product-card .progress-wrap .progress-bar .progress-bar-fill {
  display: block;
  height: inherit;
  background-color: #0f82ff;
  border-radius: 999px;
}
.main-new .investment-product .product-list .product-card .progress-wrap .progress-text {
  margin-top: 0.5rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 1.125rem;
}
.main-new .investment-product .product-list .product-card .progress-wrap .progress-text .current-amount {
  color: #0f82ff;
}
.main-new .investment-product .product-list .product-card .progress-wrap .progress-text .goal-amount {
  color: #707070;
}
@media (min-width: 1225px) {
  .main-new .investment-product .product-list .product-card {
    width: 21.625rem;
    padding: 2.945rem 2.5rem 2.5125rem;
    border-radius: 1.25rem;
  }
  .main-new .investment-product .product-list .product-card .badges {
    margin-bottom: 1.6875rem;
  }
  .main-new .investment-product .product-list .product-card .badges .badge {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    padding: 0 0.421875rem;
    border-radius: 0.421875rem;
  }
  .main-new .investment-product .product-list .product-card .badges .badge.type {
    border: 0.0625rem solid #fa7300;
  }
  .main-new .investment-product .product-list .product-card .product-title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.25rem;
  }
  .main-new .investment-product .product-list .product-card .information {
    gap: unset;
    margin-bottom: 2.5rem;
  }
  .main-new .investment-product .product-list .product-card .information .info-item {
    flex: 1;
  }
  .main-new .investment-product .product-list .product-card .information .info-item .info-title {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-bottom: 0.355rem;
  }
  .main-new .investment-product .product-list .product-card .information .info-item .info-content {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  .main-new .investment-product .product-list .product-card .information .info-item .info-content .bold {
    font-size: 1.25rem;
  }
  .main-new .investment-product .product-list .product-card .progress-wrap .progress-bar {
    height: 0.5rem;
  }
  .main-new .investment-product .product-list .product-card .progress-wrap .progress-text {
    margin-top: 1.25rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
.main-new .partnerships .partners-img {
  display: block;
  width: 100%;
  margin-top: 2.45rem;
}
@media (min-width: 1225px) {
  .main-new .partnerships .partners-img {
    margin-top: 5rem;
  }
}
.main-new .merits .section-title {
  margin-bottom: 3.9625rem;
}
.main-new .merits .merits-list {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.main-new .merits .merits-list .merits-card {
  display: flex;
  flex-direction: column;
}
.main-new .merits .merits-list .merits-card .merits-text {
  text-align: left;
  margin-bottom: 0.7rem;
}
.main-new .merits .merits-list .merits-card .merits-text .merits-title {
  font-size: 1.26rem;
  line-height: 1.68125rem;
  font-weight: 700;
  color: #0a0a0a;
  margin-bottom: 0.7625rem;
}
.main-new .merits .merits-list .merits-card .merits-text .merits-content {
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 1.1rem;
  color: #707070;
}
.main-new .merits .merits-list .merits-card .merits-img-container {
  border-radius: 0.7rem;
  display: grid;
  place-items: center;
  padding: 2.3125rem;
}
.main-new .merits .merits-list .merits-card .merits-img-container img {
  width: 60%;
  max-width: 9.375rem;
}
.main-new .merits .merits-list .merits-item:nth-child(1) .merits-img-container {
  background-color: #fff6ee;
}
.main-new .merits .merits-list .merits-item:nth-child(2) .merits-img-container {
  background-color: #ececec;
}
.main-new .merits .merits-list .merits-item:nth-child(3) .merits-img-container {
  background-color: #d6d6d6;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .merits .section-title {
    margin-bottom: 6.25rem;
  }
  .main-new .merits .merits-list {
    gap: 6.25rem;
  }
  .main-new .merits .merits-list .merits-item:nth-of-type(even) .merits-card {
    flex-direction: row-reverse;
  }
  .main-new .merits .merits-list .merits-card {
    flex-direction: row;
    gap: 5rem;
  }
  .main-new .merits .merits-list .merits-card .merits-text {
    flex: 1;
    margin-bottom: unset;
  }
  .main-new .merits .merits-list .merits-card .merits-text .merits-title {
    font-size: 2.25rem;
    line-height: 3rem;
    margin-bottom: 1.25rem;
  }
  .main-new .merits .merits-list .merits-card .merits-text .merits-content {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .main-new .merits .merits-list .merits-card .merits-img-container {
    flex: 0.8;
    aspect-ratio: 40/26;
    max-width: 25rem;
    border-radius: 0.7rem;
    display: grid;
    place-items: center;
    padding: 2.34375rem;
  }
}
@media (min-width: 1225px) {
  .main-new .merits .section-title {
    margin-bottom: 6.25rem;
  }
  .main-new .merits .merits-list {
    gap: 6.25rem;
  }
  .main-new .merits .merits-list .merits-item:nth-of-type(even) .merits-card {
    flex-direction: row-reverse;
  }
  .main-new .merits .merits-list .merits-card {
    flex-direction: row;
    gap: 5rem;
  }
  .main-new .merits .merits-list .merits-card .merits-text {
    flex: 1;
    margin-bottom: unset;
  }
  .main-new .merits .merits-list .merits-card .merits-text .merits-title {
    font-size: 2.25rem;
    line-height: 3rem;
    margin-bottom: 1.25rem;
  }
  .main-new .merits .merits-list .merits-card .merits-text .merits-content {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .main-new .merits .merits-list .merits-card .merits-img-container {
    flex: 0.8;
    aspect-ratio: 40/26;
    max-width: 25rem;
    border-radius: 0.7rem;
    display: grid;
    place-items: center;
    padding: 2.34375rem;
  }
}
.main-new .faq {
  background-color: #070707;
}
.main-new .faq .section-title {
  color: #fafafc;
  margin-bottom: 2.45rem;
}
.main-new .faq .accordion {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5875rem;
  margin-bottom: 6.230625rem;
}
.main-new .faq .accordion .accordion-item {
  background-color: #343434;
  border-radius: 0.525rem;
  overflow: hidden;
  font-size: 0.7rem;
  line-height: 1.2625rem;
  letter-spacing: 0;
}
.main-new .faq .accordion .accordion-item .accordion-button {
  width: 100%;
  padding: 0.84rem;
  background-color: transparent;
  border: none;
  text-align: left;
  color: #969696;
  font-size: inherit;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.main-new .faq .accordion .accordion-item .accordion-button strong {
  color: #ffffff;
}
.main-new .faq .accordion .accordion-item .accordion-button::after {
  content: "";
  width: 0.5rem;
  aspect-ratio: 1/1;
  background: url("/resources/fo/invest/common/images/icons/cherRightRounded.svg") no-repeat center/contain;
  margin-left: auto;
  transition: transform 0.3s ease;
  font-size: 20px;
}
.main-new .faq .accordion .accordion-item .accordion-button.active::after {
  transform: rotate(180deg);
}
.main-new .faq .accordion .accordion-item .accordion-content {
  max-height: 0;
  overflow: hidden;
  text-align: left;
  transition: all 0.3s ease-out;
  padding: 0 0.84rem 0;
  color: #cccccc;
}
.main-new .faq .accordion .accordion-item .accordion-content.active {
  max-height: 1000px;
  padding-top: 0;
  padding-bottom: 1rem;
}
@media (min-width: 1225px) {
  .main-new .faq .section-title {
    margin-top: calc(200px - 6.25rem);
    margin-bottom: 6.84375rem;
  }
  .main-new .faq .accordion {
    gap: 1.625rem;
    margin-bottom: 11.09375rem;
  }
  .main-new .faq .accordion .accordion-item {
    border-radius: 0.9375rem;
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  .main-new .faq .accordion .accordion-item .accordion-button {
    padding: 1.25rem 1.5rem;
  }
  .main-new .faq .accordion .accordion-item .accordion-button::after {
    width: 1.25rem;
  }
  .main-new .faq .accordion .accordion-item .accordion-content {
    padding: 0 1.5rem 0;
  }
  .main-new .faq .accordion .accordion-item .accordion-content.active {
    max-height: 1000px;
    padding-top: 0;
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .main-new .faq .section-title {
    margin-top: calc(200px - 6.25rem);
    margin-bottom: 6.84375rem;
  }
  .main-new .faq .accordion {
    gap: 1.625rem;
    margin-bottom: 11.09375rem;
  }
  .main-new .faq .accordion .accordion-item {
    border-radius: 0.9375rem;
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  .main-new .faq .accordion .accordion-item .accordion-button {
    padding: 1.25rem 1.5rem;
  }
  .main-new .faq .accordion .accordion-item .accordion-button::after {
    width: 1.25rem;
  }
  .main-new .faq .accordion .accordion-item .accordion-content {
    padding: 0 1.5rem 0;
  }
  .main-new .faq .accordion .accordion-item .accordion-content.active {
    max-height: 1000px;
    padding-top: 0;
    padding-bottom: 1.5rem;
  }
}
.main-new .banner {
  background-color: #000;
  padding-left: 0;
  padding-right: 0;
}
.main-new .banner .banner-background {
  background: #1e222e url("/resources/fo/invest/common/images/main-banner-background-mobile.svg") no-repeat center/34.66625rem;
}
.main-new .banner .banner-background .content-wrap {
  padding-top: 6.15rem;
  padding-bottom: 3.25rem;
  display: flex;
  flex-direction: column;
  gap: 4.225rem;
  justify-content: center;
  align-items: center;
}
.main-new .banner .banner-background .content-wrap .banner-text {
  color: #ffffff;
  font-size: 1.44rem;
  line-height: 1.91875rem;
}
.main-new .banner .banner-background .content-wrap .banner-anchor {
  background-color: #2b7ee8;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
  border-radius: 0.625rem;
  border: none;
  padding: 0.625rem;
  width: 12.5rem;
  cursor: pointer;
}
@media (min-width: 1225px) {
  .main-new .banner {
    background-color: #000;
    padding-left: 0;
    padding-right: 0;
  }
  .main-new .banner .banner-background {
    background: #1e222e url("/resources/fo/invest/common/images/main-banner-background-desktop.svg") no-repeat 39.5625rem -0.1094677435;
  }
  .main-new .banner .banner-background .content-wrap {
    padding-top: 4.1875rem;
    padding-bottom: 4.125rem;
    gap: 1.4375rem;
    justify-content: center;
    align-items: flex-start;
  }
  .main-new .banner .banner-background .content-wrap .banner-text {
    font-size: 1.625rem;
    line-height: 2.25rem;
    text-align: left;
  }
  .main-new .banner .banner-background .content-wrap .banner-anchor {
    font-size: 1.25rem;
    line-height: 1.5rem;
    border-radius: 0.625rem;
    border: none;
    padding: 0.875rem;
    width: 15rem;
  }
}

.product.legacy {
  padding: unset;
}
.product.legacy section {
  padding: 4rem 1.25rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy section {
    padding: 6.75rem 0;
  }
}
@media (min-width: 1225px) {
  .product.legacy section {
    padding: 6.75rem 0;
  }
}
.product.legacy .section-title {
  font-size: 1.5rem;
  line-height: 1.95rem;
  font-weight: 700;
  color: #1a1f27;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .section-title {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .section-title {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }
}
.product.legacy .hero {
  background-color: #fafafc;
}
.product.legacy .hero .section-subtitle {
  font-size: 0.9rem;
  line-height: 1.3rem;
  font-weight: 700;
  margin-bottom: 0.4875rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .hero .section-subtitle {
    font-size: 1.25rem;
    line-height: 2.5rem;
    font-weight: 600;
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .hero .section-subtitle {
    font-size: 1.25rem;
    line-height: 2.5rem;
    font-weight: 600;
    margin-bottom: 0.625rem;
  }
}
.product.legacy .hero .section-title {
  font-size: 1.5rem;
  line-height: 1.95rem;
  font-weight: 700;
  color: #1a1f27;
  margin-bottom: 0.95rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .hero .section-title {
    font-size: 2.75rem;
    line-height: 3rem;
    margin-bottom: 2.125rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .hero .section-title {
    font-size: 2.75rem;
    line-height: 3rem;
    margin-bottom: 2.125rem;
  }
}
.product.legacy .hero .section-description {
  font-size: 0.85rem;
  line-height: 1.3rem;
  font-weight: 600;
  color: #727171;
  margin-bottom: 5.375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .hero .section-description {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #707070;
    margin-bottom: 3.375rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .hero .section-description {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #707070;
    margin-bottom: 3.375rem;
  }
}
.product.legacy .hero .img-wrap {
  aspect-ratio: 1/1;
  width: 13.375rem;
  margin-bottom: 2.625rem;
}
.product.legacy .hero .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .hero .img-wrap {
    width: 13.5rem;
    margin-bottom: unset;
  }
}
@media (min-width: 1225px) {
  .product.legacy .hero .img-wrap {
    width: 13.5rem;
    margin-bottom: unset;
  }
}
.product.legacy .investment-slider .content-wrap {
  max-width: 60rem;
}
.product.legacy .investment-slider .section-title {
  text-align: center;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .investment-slider .section-title {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .investment-slider .section-title {
    margin-bottom: 5rem;
  }
}
.product.legacy .investment-slider .no-products-text {
  text-align: center;
  font-size: 0.7rem;
  line-height: 1.1rem;
  font-weight: 500;
  color: #707070;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .investment-slider .no-products-text {
    font-size: 1.5rem;
    line-height: 3.25rem;
    font-size: 700;
    color: #6e6e6e;
  }
}
@media (min-width: 1225px) {
  .product.legacy .investment-slider .no-products-text {
    font-size: 1.5rem;
    line-height: 3.25rem;
    font-size: 700;
    color: #6e6e6e;
  }
}
.product.legacy .investment-slider .slick-slide {
  margin: 0 0.896875rem;
}
.product.legacy .investment-slider .slick-slide .slick-list {
  margin: -0.896875rem;
}
.product.legacy .investment-slider .slick-dots {
  display: none !important;
  position: relative;
  bottom: unset;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .investment-slider .slick-dots {
    display: block !important;
    margin-top: 6.875rem;
  }
  .product.legacy .investment-slider .slick-dots li {
    margin: 0 0.625rem;
  }
  .product.legacy .investment-slider .slick-dots .slick-active button::before {
    background: #0f82ff;
  }
}
@media (min-width: 1225px) {
  .product.legacy .investment-slider .slick-dots {
    display: block !important;
    margin-top: 6.875rem;
  }
  .product.legacy .investment-slider .slick-dots li {
    margin: 0 0.625rem;
  }
  .product.legacy .investment-slider .slick-dots .slick-active button::before {
    background: #0f82ff;
  }
}
.product.legacy .investment-slider .product-card {
  display: block;
  background-color: #f5f6f7;
  border: 0.045rem solid #ececec;
  padding: 0.671875rem;
  border-radius: 0.896875rem;
  max-width: 13.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .investment-slider .product-card {
    max-width: 18.75rem;
    padding: 0.9375rem 0.9375rem 2.5rem;
    border-radius: 1.25rem;
    border: 0.0625rem solid #ececec;
  }
}
@media (min-width: 1225px) {
  .product.legacy .investment-slider .product-card {
    max-width: 18.75rem;
    padding: 0.9375rem 0.9375rem 2.5rem;
    border-radius: 1.25rem;
    border: 0.0625rem solid #ececec;
  }
}
.product.legacy .investment-slider .product-card .text-wrap {
  background-color: #ffffff;
  padding: 0.5875rem 0.625rem 0.95rem;
  border-radius: 0.44875rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .investment-slider .product-card .text-wrap {
    padding: 0.875rem 0.875rem 1.25rem;
    border-radius: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .investment-slider .product-card .text-wrap {
    padding: 0.875rem 0.875rem 1.25rem;
    border-radius: 0.625rem;
  }
}
.product.legacy .investment-slider .product-card .text-wrap .badges {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.7175rem;
  line-height: 1.2125rem;
  font-weight: 600;
  margin-bottom: 0.8875rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .investment-slider .product-card .text-wrap .badges {
    font-size: 1rem;
    line-height: 1.6875rem;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .investment-slider .product-card .text-wrap .badges {
    font-size: 1rem;
    line-height: 1.6875rem;
    margin-bottom: 1.25rem;
  }
}
.product.legacy .investment-slider .product-card .text-wrap .badges .type {
  color: #727171;
}
.product.legacy .investment-slider .product-card .text-wrap .badges .status {
  color: #ffffff;
  background-color: gray;
  padding: 0 0.26875rem;
  border-radius: 0.3025rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .investment-slider .product-card .text-wrap .badges .status {
    padding: 0 0.375rem;
    border-radius: 0.421875rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .investment-slider .product-card .text-wrap .badges .status {
    padding: 0 0.375rem;
    border-radius: 0.421875rem;
  }
}
.product.legacy .investment-slider .product-card .text-wrap .badges .status.recruiting {
  background-color: #5297f2;
}
.product.legacy .investment-slider .product-card .text-wrap .badges .status.recruited {
  background-color: #fa7300;
}
.product.legacy .investment-slider .product-card .text-wrap .badges .status.repaying {
  background-color: #f9b422;
}
.product.legacy .investment-slider .product-card .text-wrap .title {
  font-size: 1.07625rem;
  line-height: 1.4375rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 0.71625rem;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .investment-slider .product-card .text-wrap .title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .investment-slider .product-card .text-wrap .title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }
}
.product.legacy .investment-slider .product-card .text-wrap .info-wrap {
  display: flex;
  width: 100%;
}
.product.legacy .investment-slider .product-card .text-wrap .info-wrap .info-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.175rem;
  color: #6e6e6e;
}
.product.legacy .investment-slider .product-card .text-wrap .info-wrap .info-container .info-title {
  font-size: 0.7175rem;
  line-height: 1.1625rem;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .investment-slider .product-card .text-wrap .info-wrap .info-container .info-title {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .investment-slider .product-card .text-wrap .info-wrap .info-container .info-title {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}
.product.legacy .investment-slider .product-card .text-wrap .info-wrap .info-container .info-content {
  font-size: 1.07625rem;
  line-height: 1.29375rem;
  font-weight: 800;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .investment-slider .product-card .text-wrap .info-wrap .info-container .info-content {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .investment-slider .product-card .text-wrap .info-wrap .info-container .info-content {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
}
.product.legacy .investment-slider .product-card .progress-wrap {
  margin-top: 1.125rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .investment-slider .product-card .progress-wrap {
    margin-top: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .investment-slider .product-card .progress-wrap {
    margin-top: 1.5rem;
  }
}
.product.legacy .investment-slider .product-card .progress-wrap .progress-bar {
  height: 0.25rem;
  background-color: #ececec;
  border-radius: 50px;
  margin-bottom: 0.45rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .investment-slider .product-card .progress-wrap .progress-bar {
    height: 0.3125rem;
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .investment-slider .product-card .progress-wrap .progress-bar {
    height: 0.3125rem;
    margin-bottom: 0.625rem;
  }
}
.product.legacy .investment-slider .product-card .progress-wrap .progress-bar .progress-bar-fill {
  height: inherit;
  border-radius: inherit;
  background-color: #ff5c00;
}
.product.legacy .investment-slider .product-card .progress-wrap .progress-label-wrap {
  display: flex;
  justify-content: space-between;
  font-size: 0.8075rem;
  line-height: 1.1625rem;
  font-weight: 500;
  color: #6e6e6e;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .investment-slider .product-card .progress-wrap .progress-label-wrap {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .investment-slider .product-card .progress-wrap .progress-label-wrap {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
.product.legacy .investment-slider.upcoming {
  background-color: #fafafc;
}
.product.legacy .all-investment-list .content-wrap {
  max-width: 67.5rem;
}
.product.legacy .all-investment-list .section-title {
  margin-bottom: 1.95rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .section-title {
    margin-bottom: 7.375rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .section-title {
    margin-bottom: 7.375rem;
  }
}
.product.legacy .all-investment-list .search-bar {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  justify-content: flex-end;
  margin-bottom: 0.975rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .search-bar {
    gap: 1.064375rem;
    margin-bottom: 1.95rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .search-bar {
    gap: 1.064375rem;
    margin-bottom: 1.95rem;
  }
}
.product.legacy .all-investment-list .search-bar .search-dropdown {
  position: relative;
}
.product.legacy .all-investment-list .search-bar .search-dropdown .hidden-select {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
.product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-wrapper.open .custom-select-arrow {
  transform: rotate(180deg);
}
.product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-wrapper.open .custom-select-options {
  display: block;
}
.product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  width: 100%;
  padding: 0.4rem;
  background-color: #f5f5f5;
  border: none;
  border-radius: 0.27rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
  gap: 1.6rem;
}
.product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-trigger:hover {
  background-color: #eeeeee;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-trigger {
    padding: 0.6rem;
    gap: 2.4rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-trigger {
    padding: 0.6rem;
    gap: 2.4rem;
  }
}
.product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-text {
  font-size: 0.96rem;
  line-height: 1.08125rem;
  color: #373737;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-text {
    font-size: 1.44rem;
    line-height: 1.61875rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-text {
    font-size: 1.44rem;
    line-height: 1.61875rem;
  }
}
.product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.5rem;
  transition: transform 0.2s ease;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-arrow {
    width: 0.625rem;
    height: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-arrow {
    width: 0.625rem;
    height: 0.625rem;
  }
}
.product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-arrow img,
.product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-arrow svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-options {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  right: 0;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  z-index: 1000;
  display: none;
  overflow: hidden;
}
.product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-option {
  text-align: left;
  padding: 0.4rem;
  font-size: 0.96rem;
  font-weight: 400;
  color: #373737;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-option:hover, .product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-option:focus {
  background-color: #f5f5f5;
  outline: none;
}
.product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-option[aria-selected=true] {
  background-color: #f0f0f0;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-option {
    padding: 0.6rem;
    font-size: 1.44rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .search-bar .search-dropdown .custom-select-option {
    padding: 0.6rem;
    font-size: 1.44rem;
  }
}
.product.legacy .all-investment-list .search-bar .search-filter-btn {
  display: block;
  outline: none;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  padding: 0.4rem;
  border-radius: 0.27rem;
  font-size: 0.96rem;
  color: #373737;
  font-weight: 600;
  line-height: 1.08125rem;
  gap: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .search-bar .search-filter-btn {
    padding: 0.6rem;
    border-radius: 0.405rem;
    font-size: 1.44rem;
    line-height: 1.61875rem;
    gap: 0.75rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .search-bar .search-filter-btn {
    padding: 0.6rem;
    border-radius: 0.405rem;
    font-size: 1.44rem;
    line-height: 1.61875rem;
    gap: 0.75rem;
  }
}
.product.legacy .all-investment-list .search-bar .search-filter-btn .filter-icon {
  display: grid;
  place-items: center;
  width: 0.975rem;
}
.product.legacy .all-investment-list .search-bar .search-filter-btn .filter-icon svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .search-bar .search-filter-btn .filter-icon {
    width: 1.4875rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .search-bar .search-filter-btn .filter-icon {
    width: 1.4875rem;
  }
}
.product.legacy .all-investment-list .investment-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.6rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .investment-list {
    gap: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .investment-list {
    gap: 1.25rem;
  }
}
.product.legacy .all-investment-list .investment-list .investment-card {
  width: 100%;
  display: grid;
  padding: 1.125rem;
  border-radius: 0.8rem;
  background-color: #ffffff;
  border: 0.04rem solid #ececec;
  grid-template-areas: "badges current percentage bar" "title title title title" "rates rates rates rates";
  grid-template-columns: 1fr 1fr auto auto;
  grid-template-rows: auto auto auto;
  gap: 0.75rem 0.425rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .investment-list .investment-card {
    padding: 2.5rem;
    border-radius: 1.25rem;
    border: 0.0625rem solid #ececec;
    grid-template-areas: "badges . . ." "title title rates rates" "bar bar bar bar" "current . total percentage";
    grid-template-columns: 1fr 1fr 1fr auto;
    gap: unset;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .investment-list .investment-card {
    padding: 2.5rem;
    border-radius: 1.25rem;
    border: 0.0625rem solid #ececec;
    grid-template-areas: "badges . . ." "title title rates rates" "bar bar bar bar" "current . total percentage";
    grid-template-columns: 1fr 1fr 1fr auto;
    gap: unset;
  }
}
.product.legacy .all-investment-list .investment-list .investment-card .badges {
  grid-area: badges;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.775rem;
  font-size: 0.64rem;
  line-height: 1.08125rem;
  font-weight: 600;
  color: #727171;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .investment-list .investment-card .badges {
    font-size: 1rem;
    line-height: 1.6875rem;
    gap: 0.875rem;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .investment-list .investment-card .badges {
    font-size: 1rem;
    line-height: 1.6875rem;
    gap: 0.875rem;
    margin-bottom: 1.25rem;
  }
}
.product.legacy .all-investment-list .investment-list .investment-card .badges .status {
  display: block;
  color: #ffffff;
  background-color: gray;
  padding: 0 0.28rem;
  border-radius: 0.27rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .investment-list .investment-card .badges .status {
    padding: 0 0.4375rem;
    border-radius: 0.421875rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .investment-list .investment-card .badges .status {
    padding: 0 0.4375rem;
    border-radius: 0.421875rem;
  }
}
.product.legacy .all-investment-list .investment-list .investment-card .badges .status.recruiting {
  background-color: #5297f2;
}
.product.legacy .all-investment-list .investment-list .investment-card .badges .status.recruited {
  background-color: #fa7300;
}
.product.legacy .all-investment-list .investment-list .investment-card .badges .status.repaying {
  background-color: #f9b422;
}
.product.legacy .all-investment-list .investment-list .investment-card .title {
  grid-area: title;
  text-align: left;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  font-size: 0.96rem;
  line-height: 1.28125rem;
  font-weight: 600;
  color: #000;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .investment-list .investment-card .title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .investment-list .investment-card .title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.product.legacy .all-investment-list .investment-list .investment-card .rates {
  grid-area: rates;
  display: flex;
  background-color: #f5f6f7;
  padding: 0.5625rem;
  border-radius: 0.8rem;
  position: relative;
}
.product.legacy .all-investment-list .investment-list .investment-card .rates::after {
  content: "";
  position: absolute;
  display: block;
  width: 0.025rem;
  height: 1.5rem;
  background-color: #b9b9b9;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .investment-list .investment-card .rates {
    padding: unset;
    background-color: unset;
    border-radius: unset;
    gap: 2.5rem;
    justify-content: flex-end;
  }
  .product.legacy .all-investment-list .investment-list .investment-card .rates::after {
    display: none;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .investment-list .investment-card .rates {
    padding: unset;
    background-color: unset;
    border-radius: unset;
    gap: 2.5rem;
    justify-content: flex-end;
  }
  .product.legacy .all-investment-list .investment-list .investment-card .rates::after {
    display: none;
  }
}
.product.legacy .all-investment-list .investment-list .investment-card .rates .rate-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .investment-list .investment-card .rates .rate-item {
    flex: unset;
    gap: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .investment-list .investment-card .rates .rate-item {
    flex: unset;
    gap: 0.625rem;
  }
}
.product.legacy .all-investment-list .investment-list .investment-card .rates .rate-item .label {
  font-size: 0.72rem;
  font-weight: 600;
  color: #6e6e6e;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .investment-list .investment-card .rates .rate-item .label {
    font-size: 1.125rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .investment-list .investment-card .rates .rate-item .label {
    font-size: 1.125rem;
  }
}
.product.legacy .all-investment-list .investment-list .investment-card .rates .rate-item .value {
  font-size: 0.96rem;
  font-weight: 800;
  color: #6e6e6e;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .investment-list .investment-card .rates .rate-item .value {
    font-size: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .investment-list .investment-card .rates .rate-item .value {
    font-size: 1.5rem;
  }
}
.product.legacy .all-investment-list .investment-list .investment-card .progress-bar {
  grid-area: bar;
  width: 5rem;
  height: 0.3rem;
  background-color: #ececec;
  border-radius: 50px;
  overflow: hidden;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .investment-list .investment-card .progress-bar {
    width: 100%;
    height: 0.5rem;
    margin: 1.25rem 0 0.625rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .investment-list .investment-card .progress-bar {
    width: 100%;
    height: 0.5rem;
    margin: 1.25rem 0 0.625rem;
  }
}
.product.legacy .all-investment-list .investment-list .investment-card .progress-bar .progress-bar-fill {
  height: inherit;
  border-radius: inherit;
  background-color: #ff5c00;
}
.product.legacy .all-investment-list .investment-list .investment-card .current-status {
  grid-area: current;
  font-size: 0.7rem;
  line-height: 1.0375rem;
  font-weight: 600;
  color: #ff5c00;
  text-align: right;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .investment-list .investment-card .current-status {
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-align: left;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .investment-list .investment-card .current-status {
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-align: left;
  }
}
.product.legacy .all-investment-list .investment-list .investment-card .total-amount {
  grid-area: total;
  display: none;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .investment-list .investment-card .total-amount {
    display: inline-block;
    text-align: right;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 500;
    color: #6e6e6e;
    margin-right: 0.125rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .investment-list .investment-card .total-amount {
    display: inline-block;
    text-align: right;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 500;
    color: #6e6e6e;
    margin-right: 0.125rem;
  }
}
.product.legacy .all-investment-list .investment-list .investment-card .percentage {
  grid-area: percentage;
  font-size: 0.7rem;
  line-height: 1.0375rem;
  font-weight: 600;
  color: #ff5c00;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .all-investment-list .investment-list .investment-card .percentage {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 500;
    color: #6e6e6e;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 1225px) {
  .product.legacy .all-investment-list .investment-list .investment-card .percentage {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 500;
    color: #6e6e6e;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.product.legacy .pagination {
  margin: 2rem auto;
  display: flex;
  gap: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .pagination {
    margin: 6.25rem auto;
    gap: 0.875rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .pagination {
    margin: 6.25rem auto;
    gap: 0.875rem;
  }
}
.product.legacy .pagination .pagination-btn {
  height: 0.825rem;
}
.product.legacy .pagination .pagination-btn img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .pagination .pagination-btn {
    height: 1.125rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .pagination .pagination-btn {
    height: 1.125rem;
  }
}
.product.legacy .pagination .pagination-numbers {
  display: flex;
  gap: 0.95rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .pagination .pagination-numbers {
    gap: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .pagination .pagination-numbers {
    gap: 2.5rem;
  }
}
.product.legacy .pagination .pagination-numbers .pagination-number {
  font-size: 0.7rem;
  line-height: 0.675rem;
  font-weight: 600;
  color: #b9b9b9;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .pagination .pagination-numbers .pagination-number {
    font-size: 1.5rem;
    line-height: 1.6875rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .pagination .pagination-numbers .pagination-number {
    font-size: 1.5rem;
    line-height: 1.6875rem;
  }
}
.product.legacy .pagination .pagination-numbers .pagination-number.active {
  color: #ff5c00;
}
.product.legacy .search-modal {
  padding: 2.25rem 1.5rem;
  background-color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.75rem;
  min-width: 17.75rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal {
    padding: 3.75rem 2.5rem;
    border-radius: 1.25rem;
    min-width: 29.625rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal {
    padding: 3.75rem 2.5rem;
    border-radius: 1.25rem;
    min-width: 29.625rem;
  }
}
.product.legacy .search-modal .modal-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #000;
  text-align: left;
  margin-bottom: 1.0125rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .modal-title {
    font-size: 2.5rem;
    margin-bottom: 1.3125rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .modal-title {
    font-size: 2.5rem;
    margin-bottom: 1.3125rem;
  }
}
.product.legacy .search-modal .search-input {
  width: 100%;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .search-input {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .search-input {
    margin-bottom: 2.5rem;
  }
}
.product.legacy .search-modal .search-input input {
  width: 100%;
  font-size: 1.05rem;
  line-height: 1;
  font-weight: 500;
  padding: 0.4625rem 0.15rem;
  outline: none;
  border: none;
  border-bottom: 0.0375rem solid #b9b9b9;
  color: #000;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .search-input input {
    font-size: 1.75rem;
    line-height: 1;
    padding: 1.25rem 0.375rem;
    border-bottom-width: 0.0625rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .search-input input {
    font-size: 1.75rem;
    line-height: 1;
    padding: 1.25rem 0.375rem;
    border-bottom-width: 0.0625rem;
  }
}
.product.legacy .search-modal .search-input input::-moz-placeholder {
  color: #b9b9b9;
}
.product.legacy .search-modal .search-input input::placeholder {
  color: #b9b9b9;
}
.product.legacy .search-modal .slider-wrap {
  display: flex;
  flex-direction: column;
  gap: 2.225rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .slider-wrap {
    gap: 3.75rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .slider-wrap {
    gap: 3.75rem;
  }
}
.product.legacy .search-modal .slider-wrap .slider-item .slider-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.025rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-header {
    margin-bottom: 1.75rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-header {
    margin-bottom: 1.75rem;
  }
}
.product.legacy .search-modal .slider-wrap .slider-item .slider-header .slider-label {
  display: block;
  font-size: 1.05rem;
  line-height: 0.75rem;
  font-weight: 500;
  color: #000;
  text-align: left;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-header .slider-label {
    font-size: 1.75rem;
    line-height: 1.2625rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-header .slider-label {
    font-size: 1.75rem;
    line-height: 1.2625rem;
  }
}
.product.legacy .search-modal .slider-wrap .slider-item .slider-header .slider-range {
  letter-spacing: 0;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 500;
  color: #ff5c00;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-header .slider-range {
    font-size: 1.25rem;
    line-height: 1;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-header .slider-range {
    font-size: 1.25rem;
    line-height: 1;
  }
}
.product.legacy .search-modal .slider-wrap .slider-item .slider-input {
  position: relative;
}
.product.legacy .search-modal .slider-wrap .slider-item .slider-input input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 0.3rem;
  background-color: #ececec;
  border-radius: 50px;
  outline: none;
  cursor: pointer;
  background: linear-gradient(to right, #ff5c00 var(--percentage), #f5f5f5 var(--percentage));
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-input input[type=range] {
    height: 0.5rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-input input[type=range] {
    height: 0.5rem;
  }
}
.product.legacy .search-modal .slider-wrap .slider-item .slider-input input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #f5f5f5;
  border-radius: 50%;
  border: 0.0125rem solid #0f82ff;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-input input[type=range]::-webkit-slider-thumb {
    width: 2.32625rem;
    height: 2.32625rem;
    border-width: 0.03125rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-input input[type=range]::-webkit-slider-thumb {
    width: 2.32625rem;
    height: 2.32625rem;
    border-width: 0.03125rem;
  }
}
.product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual {
  position: relative;
  width: 100%;
  height: 0.3rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual {
    height: 0.5rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual {
    height: 0.5rem;
  }
}
.product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  background: transparent !important;
  pointer-events: none;
}
.product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 2;
}
.product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 2;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #f5f5f5;
  border-radius: 50%;
  border: 0.0125rem solid #0f82ff;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input::-moz-range-thumb {
    width: 2.32625rem;
    height: 2.32625rem;
    border-width: 0.03125rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input::-moz-range-thumb {
    width: 2.32625rem;
    height: 2.32625rem;
    border-width: 0.03125rem;
  }
}
.product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input::-moz-range-track {
  background: transparent;
  height: 0.3rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input::-moz-range-track {
    height: 0.5rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input::-moz-range-track {
    height: 0.5rem;
  }
}
.product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input-min {
  z-index: 1;
}
.product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input-max {
  z-index: 2;
}
.product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 0.3rem;
  transform: translateY(-50%);
  background: linear-gradient(to right, #f5f5f5 var(--min-percentage, 0%), #ff5c00 var(--min-percentage, 0%) var(--max-percentage, 100%), #f5f5f5 var(--max-percentage, 100%));
  border-radius: 50px;
  pointer-events: none;
  z-index: 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual::before {
    height: 0.5rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual::before {
    height: 0.5rem;
  }
}
.product.legacy .search-modal .slider-wrap .slider-item .slider-range-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.75rem;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 500;
  color: #000;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-range-value {
    margin-top: 1.25rem;
    font-size: 1.25rem;
    line-height: 1;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .slider-wrap .slider-item .slider-range-value {
    margin-top: 1.25rem;
    font-size: 1.25rem;
    line-height: 1;
  }
}
.product.legacy .search-modal .product-type-toggle .toggle-header {
  display: flex;
  align-items: center;
  font-size: 1.05rem;
  font-weight: 500;
  color: #000;
  line-height: 0.75rem;
  margin-top: 2.225rem;
  margin-bottom: 1.05rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .product-type-toggle .toggle-header {
    font-size: 1.75rem;
    line-height: 1.2625rem;
    margin-top: 3.75rem;
    margin-bottom: 1.785rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .product-type-toggle .toggle-header {
    font-size: 1.75rem;
    line-height: 1.2625rem;
    margin-top: 3.75rem;
    margin-bottom: 1.785rem;
  }
}
.product.legacy .search-modal .product-type-toggle .toggle-wrap {
  display: flex;
  gap: 0.525rem;
  flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .product-type-toggle .toggle-wrap {
    gap: 0.85rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .product-type-toggle .toggle-wrap {
    gap: 0.85rem;
  }
}
.product.legacy .search-modal .product-type-toggle .toggle-wrap .toggle-item {
  position: relative;
  flex: 0 0 auto;
}
.product.legacy .search-modal .product-type-toggle .toggle-wrap .toggle-item .toggle-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.product.legacy .search-modal .product-type-toggle .toggle-wrap .toggle-item .toggle-checkbox:checked + .toggle-label {
  border-color: #fa7300;
  color: #fa7300;
  background-color: #ffffff;
}
.product.legacy .search-modal .product-type-toggle .toggle-wrap .toggle-item .toggle-checkbox:focus + .toggle-label {
  outline-offset: 2px;
}
.product.legacy .search-modal .product-type-toggle .toggle-wrap .toggle-item .toggle-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0rem 0.25rem;
  border: 1px solid #b9b9b9;
  border-radius: 0.253125rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: #b9b9b9;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.product.legacy .search-modal .product-type-toggle .toggle-wrap .toggle-item .toggle-label:hover {
  border-color: #b4b4b4;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .product-type-toggle .toggle-wrap .toggle-item .toggle-label {
    padding: 0rem 0.421875rem;
    font-size: 1.5rem;
    border-radius: 0.421875rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .product-type-toggle .toggle-wrap .toggle-item .toggle-label {
    padding: 0rem 0.421875rem;
    font-size: 1.5rem;
    border-radius: 0.421875rem;
  }
}
.product.legacy .search-modal .search-modal-btn-wrap {
  display: flex;
  gap: 0.825rem;
  margin-top: 3.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .search-modal-btn-wrap {
    gap: 1.375rem;
    margin-top: 6.25rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .search-modal-btn-wrap {
    gap: 1.375rem;
    margin-top: 6.25rem;
  }
}
.product.legacy .search-modal .search-modal-btn-wrap .btn {
  flex: 1;
  border: none;
  cursor: pointer;
  text-align: center;
  font-weight: 500;
  padding: 0.625rem 0;
  font-size: 1.05rem;
  border-radius: 0.375rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.legacy .search-modal .search-modal-btn-wrap .btn {
    padding: 1rem 0;
    font-size: 1.75rem;
    border-radius: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .product.legacy .search-modal .search-modal-btn-wrap .btn {
    padding: 1rem 0;
    font-size: 1.75rem;
    border-radius: 0.625rem;
  }
}
.product.legacy .search-modal .search-modal-btn-wrap .btn.btn-close {
  background-color: #f5f5f5;
  color: #727171;
}
.product.legacy .search-modal .search-modal-btn-wrap .btn.btn-close:hover {
  color: #ff5c00;
}
.product.legacy .search-modal .search-modal-btn-wrap .btn.btn-search {
  background-color: #d9d9d9;
  color: #ffffff;
}
.product.legacy .search-modal .search-modal-btn-wrap .btn.btn-search:hover {
  background-color: #ff5c00;
}

.product.renewed {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: unset;
}
.product.renewed section {
  padding: 4rem 1.25rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed section {
    padding: 6.75rem 1.25rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed section {
    padding: 6.75rem 1.25rem;
  }
}
.product.renewed .section-title {
  font-size: 1.5rem;
  line-height: 1.95rem;
  font-weight: 700;
  color: #1a1f27;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .section-title {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .section-title {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }
}
.product.renewed .hero {
  background-color: #EEF5FC;
  overflow: hidden;
}
.product.renewed .hero .content-wrap {
  max-width: 67.5rem;
  width: 100%;
  display: grid;
  place-content: center;
  grid-template-areas: "text" "values" "product";
}
@media (min-width: 1225px) {
  .product.renewed .hero .content-wrap {
    grid-template-areas: "text product" "values product";
    grid-template-columns: 1fr 1fr;
    position: relative;
    place-content: flex-start;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .content-wrap {
    grid-template-areas: "text product" "values product";
    grid-template-columns: 1fr 1fr;
    position: relative;
    place-content: flex-start;
  }
}
.product.renewed .hero .text-wrap {
  grid-area: text;
}
.product.renewed .hero .text-wrap .section-title {
  font-size: 2.125rem;
  line-height: 2.75rem;
  font-weight: 800;
  color: #000;
  margin-bottom: 0.9875rem;
  text-align: left;
  letter-spacing: 0;
}
.product.renewed .hero .text-wrap .section-title .highlight {
  color: #3DA3FF;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .text-wrap .section-title {
    font-size: 3rem;
    line-height: 3.75rem;
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .text-wrap .section-title {
    font-size: 3rem;
    line-height: 3.75rem;
    margin-bottom: 1.875rem;
  }
}
.product.renewed .hero .text-wrap .section-subtitle {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin-bottom: 2rem;
  color: #6E6E6E;
  text-align: left;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .text-wrap .section-subtitle {
    font-size: 1.5rem;
    line-height: 2.125rem;
    margin-bottom: 4.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .text-wrap .section-subtitle {
    font-size: 1.5rem;
    line-height: 2.125rem;
    margin-bottom: 4.5rem;
  }
}
.product.renewed .hero .core-values-wrap {
  grid-area: values;
  display: flex;
  background-color: #E2EEFB;
  width: 100%;
  max-width: 22.5rem;
  padding: 0.9rem 1.2rem;
  border-radius: 0.8625rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 1225px) {
  .product.renewed .hero .core-values-wrap {
    padding: 2rem;
    margin-bottom: 2.3125rem;
    max-width: 36.625rem;
    border-radius: 1.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .core-values-wrap {
    padding: 2rem;
    margin-bottom: 2.3125rem;
    max-width: 36.625rem;
    border-radius: 1.25rem;
  }
}
.product.renewed .hero .core-values-wrap .core-value-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.product.renewed .hero .core-values-wrap .core-value-item:not(.product.renewed .hero .core-values-wrap .core-value-item:last-of-type)::after {
  position: absolute;
  content: "";
  width: 0.04375rem;
  height: 70%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #DADADA;
}
.product.renewed .hero .core-values-wrap .core-value-item .value-icon {
  width: 2.05rem;
  margin-bottom: 0.8625rem;
}
.product.renewed .hero .core-values-wrap .core-value-item .value-icon img {
  display: block;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  aspect-ratio: 1/1;
}
@media (min-width: 1225px) {
  .product.renewed .hero .core-values-wrap .core-value-item .value-icon {
    width: 3rem;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .core-values-wrap .core-value-item .value-icon {
    width: 3rem;
    margin-bottom: 1.25rem;
  }
}
.product.renewed .hero .core-values-wrap .core-value-item .value-title {
  font-size: 0.775rem;
  line-height: 1;
  font-weight: 700;
  color: #1A1F27;
  margin-bottom: 0.25rem;
}
@media (min-width: 1225px) {
  .product.renewed .hero .core-values-wrap .core-value-item .value-title {
    font-size: 1.125rem;
    margin-bottom: 0.375rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .core-values-wrap .core-value-item .value-title {
    font-size: 1.125rem;
    margin-bottom: 0.375rem;
  }
}
.product.renewed .hero .core-values-wrap .core-value-item .value-desc {
  font-size: 0.6875rem;
  line-height: 1.03125rem;
  font-weight: 600;
  color: #727272;
}
@media (min-width: 1225px) {
  .product.renewed .hero .core-values-wrap .core-value-item .value-desc {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .core-values-wrap .core-value-item .value-desc {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.product.renewed .hero .investment-product-wrap {
  grid-area: product;
  width: 100%;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .investment-product-wrap {
    height: 100%;
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .investment-product-wrap {
    height: 100%;
  }
}
.product.renewed .hero .investment-product-wrap .investment-product-card {
  width: 100%;
  max-width: 22.65rem;
  background-color: #ffffff;
  border-radius: 0.709375rem;
  padding: 1.25rem;
  box-shadow: 0 0 1.0625rem rgba(0, 128, 255, 0.15);
  text-align: left;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card {
    padding: 2.1875rem;
    border-radius: 1.25rem;
    position: absolute;
    width: 42.1875rem;
    max-width: unset;
    top: 50%;
    left: 3.75rem;
    transform: translateY(-50%);
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card {
    padding: 2.1875rem;
    border-radius: 1.25rem;
    position: absolute;
    width: 42.1875rem;
    max-width: unset;
    top: 50%;
    left: 3.75rem;
    transform: translateY(-50%);
  }
}
.product.renewed .hero .investment-product-wrap .investment-product-card .card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .card-header {
    gap: 4.0625rem;
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .card-header {
    gap: 4.0625rem;
    margin-bottom: 1.875rem;
  }
}
.product.renewed .hero .investment-product-wrap .investment-product-card .card-header .card-header-text {
  flex: 1;
  min-width: 0;
}
.product.renewed .hero .investment-product-wrap .investment-product-card .card-header .badge {
  display: inline-block;
  font-size: 0.5625rem;
  line-height: 1;
  font-weight: 600;
  padding: 0.125rem 0.35rem;
  border-radius: 0.2375rem;
  margin-bottom: 0.8375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .card-header .badge {
    font-size: 1rem;
    padding: 0.25rem 0.625rem;
    border-radius: 0.421875rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .card-header .badge {
    font-size: 1rem;
    padding: 0.25rem 0.625rem;
    border-radius: 0.421875rem;
    margin-bottom: 1.5rem;
  }
}
.product.renewed .hero .investment-product-wrap .investment-product-card .card-header .badge.status {
  color: #ffffff;
}
.product.renewed .hero .investment-product-wrap .investment-product-card .card-header .badge.status.recruiting {
  background-color: #5297f2;
}
.product.renewed .hero .investment-product-wrap .investment-product-card .card-header .card-title {
  margin: 0;
  font-size: 1.1375rem;
  line-height: 1.425rem;
  font-weight: 700;
  color: #000;
  word-break: keep-all;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .card-header .card-title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .card-header .card-title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.product.renewed .hero .investment-product-wrap .investment-product-card .card-header .card-thumb {
  flex-shrink: 0;
  width: 9.375rem;
  aspect-ratio: 4/3;
  border-radius: 0.35rem;
  overflow: hidden;
  background-color: #ececec;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .card-header .card-thumb {
    width: 16.75rem;
    border-radius: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .card-header .card-thumb {
    width: 16.75rem;
    border-radius: 0.625rem;
  }
}
.product.renewed .hero .investment-product-wrap .investment-product-card .card-header .card-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.product.renewed .hero .investment-product-wrap .investment-product-card .progress-wrap {
  background-color: #F5F6F7;
  border-radius: 0.709375rem;
  padding: 1rem 0.875rem;
  margin-bottom: 1.375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .progress-wrap {
    padding: 1.875rem 1.5rem;
    border-radius: 1.25rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .progress-wrap {
    padding: 1.875rem 1.5rem;
    border-radius: 1.25rem;
    margin-bottom: 2.5rem;
  }
}
.product.renewed .hero .investment-product-wrap .investment-product-card .progress-wrap .progress-bar {
  height: 0.28375rem;
  background-color: #ffffff;
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 0.525rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .progress-wrap .progress-bar {
    height: 0.5rem;
    margin-bottom: 1.05rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .progress-wrap .progress-bar {
    height: 0.5rem;
    margin-bottom: 1.05rem;
  }
}
.product.renewed .hero .investment-product-wrap .investment-product-card .progress-wrap .progress-bar .progress-bar-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: #fa7300;
}
.product.renewed .hero .investment-product-wrap .investment-product-card .progress-wrap .progress-label-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.5625rem;
  line-height: 1;
  font-weight: 600;
  color: #707070;
  letter-spacing: 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .progress-wrap .progress-label-wrap {
    font-size: 1rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .progress-wrap .progress-label-wrap {
    font-size: 1rem;
  }
}
.product.renewed .hero .investment-product-wrap .investment-product-card .progress-wrap .progress-label-wrap .progress-label.orange {
  color: #fa7300;
}
.product.renewed .hero .investment-product-wrap .investment-product-card .info-wrap {
  display: flex;
  margin-bottom: 1.75rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .info-wrap {
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .info-wrap {
    margin-bottom: 3.125rem;
  }
}
.product.renewed .hero .investment-product-wrap .investment-product-card .info-wrap .info-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .info-wrap .info-container {
    gap: 0.875rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .info-wrap .info-container {
    gap: 0.875rem;
  }
}
.product.renewed .hero .investment-product-wrap .investment-product-card .info-wrap .info-container .info-title {
  margin: 0;
  font-size: 0.7125rem;
  line-height: 1;
  font-weight: 600;
  color: #6e6e6e;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .info-wrap .info-container .info-title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .info-wrap .info-container .info-title {
    font-size: 1.25rem;
  }
}
.product.renewed .hero .investment-product-wrap .investment-product-card .info-wrap .info-container .info-content {
  margin: 0;
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
  color: #6E6E6E;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .info-wrap .info-container .info-content {
    font-size: 1.75rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .info-wrap .info-container .info-content {
    font-size: 1.75rem;
  }
}
.product.renewed .hero .investment-product-wrap .investment-product-card .info-wrap .info-container .info-content.orange {
  color: #FF5C00;
}
.product.renewed .hero .investment-product-wrap .investment-product-card .info-wrap .info-container .info-content .bold {
  font-weight: 800;
}
.product.renewed .hero .investment-product-wrap .investment-product-card .btn-invest {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 9.625rem;
  padding: 0.475rem 1rem;
  border-radius: 0.40875rem;
  background-color: #fa7300;
  color: #ffffff;
  font-size: 0.7125rem;
  line-height: 0.85rem;
  font-weight: 700;
  text-decoration: none;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .btn-invest {
    max-width: 16.875rem;
    padding: 0.875rem 1.25rem;
    border-radius: 0.72rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .hero .investment-product-wrap .investment-product-card .btn-invest {
    max-width: 16.875rem;
    padding: 0.875rem 1.25rem;
    border-radius: 0.72rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
.product.renewed .investment-slider .content-wrap {
  max-width: 60rem;
}
.product.renewed .investment-slider .section-title {
  text-align: center;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .investment-slider .section-title {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .investment-slider .section-title {
    margin-bottom: 5rem;
  }
}
.product.renewed .investment-slider .no-products-text {
  text-align: center;
  font-size: 0.7rem;
  line-height: 1.1rem;
  font-weight: 500;
  color: #707070;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .investment-slider .no-products-text {
    font-size: 1.5rem;
    line-height: 3.25rem;
    font-size: 700;
    color: #6e6e6e;
  }
}
@media (min-width: 1225px) {
  .product.renewed .investment-slider .no-products-text {
    font-size: 1.5rem;
    line-height: 3.25rem;
    font-size: 700;
    color: #6e6e6e;
  }
}
.product.renewed .investment-slider .slick-slide {
  margin: 0 0.896875rem;
}
.product.renewed .investment-slider .slick-slide .slick-list {
  margin: -0.896875rem;
}
.product.renewed .investment-slider .slick-dots {
  display: none !important;
  position: relative;
  bottom: unset;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .investment-slider .slick-dots {
    display: block !important;
    margin-top: 5rem;
  }
  .product.renewed .investment-slider .slick-dots li {
    margin: 0 0.625rem;
  }
  .product.renewed .investment-slider .slick-dots .slick-active button::before {
    background: #0f82ff;
  }
}
@media (min-width: 1225px) {
  .product.renewed .investment-slider .slick-dots {
    display: block !important;
    margin-top: 5rem;
  }
  .product.renewed .investment-slider .slick-dots li {
    margin: 0 0.625rem;
  }
  .product.renewed .investment-slider .slick-dots .slick-active button::before {
    background: #0f82ff;
  }
}
.product.renewed .investment-slider .product-card {
  display: block;
  background-color: #f5f6f7;
  padding: 0.8rem;
  border-radius: 0.8rem;
  max-width: 13.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .investment-slider .product-card {
    max-width: 18.75rem;
    padding: 0.9375rem 0.9375rem 2.5rem;
    border-radius: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .investment-slider .product-card {
    max-width: 18.75rem;
    padding: 0.9375rem 0.9375rem 2.5rem;
    border-radius: 1.25rem;
  }
}
.product.renewed .investment-slider .product-card .image-wrap {
  display: grid;
  place-items: center;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 0.8rem;
  overflow: hidden;
  margin-bottom: 0.4rem;
}
.product.renewed .investment-slider .product-card .image-wrap img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 192/94;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 1225px) {
  .product.renewed .investment-slider .product-card .image-wrap {
    border-radius: 1.25rem;
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .investment-slider .product-card .image-wrap {
    border-radius: 1.25rem;
    margin-bottom: 0.625rem;
  }
}
.product.renewed .investment-slider .product-card .text-wrap {
  background-color: #ffffff;
  padding: 0.5875rem 0.625rem 0.95rem;
  border-radius: 0.8rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .investment-slider .product-card .text-wrap {
    padding: 0.875rem 0.875rem 1.25rem;
    border-radius: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .investment-slider .product-card .text-wrap {
    padding: 0.875rem 0.875rem 1.25rem;
    border-radius: 1.25rem;
  }
}
.product.renewed .investment-slider .product-card .text-wrap .badges {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.7175rem;
  line-height: 1.2125rem;
  font-weight: 600;
  margin-bottom: 0.8875rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .investment-slider .product-card .text-wrap .badges {
    font-size: 1rem;
    line-height: 1.6875rem;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .investment-slider .product-card .text-wrap .badges {
    font-size: 1rem;
    line-height: 1.6875rem;
    margin-bottom: 1.25rem;
  }
}
.product.renewed .investment-slider .product-card .text-wrap .badges .type {
  color: #727171;
}
.product.renewed .investment-slider .product-card .text-wrap .badges .status {
  color: #ffffff;
  background-color: gray;
  padding: 0 0.26875rem;
  border-radius: 0.3025rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .investment-slider .product-card .text-wrap .badges .status {
    padding: 0 0.375rem;
    border-radius: 0.421875rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .investment-slider .product-card .text-wrap .badges .status {
    padding: 0 0.375rem;
    border-radius: 0.421875rem;
  }
}
.product.renewed .investment-slider .product-card .text-wrap .badges .status.recruiting {
  background-color: #5297f2;
}
.product.renewed .investment-slider .product-card .text-wrap .badges .status.recruited {
  background-color: #fa7300;
}
.product.renewed .investment-slider .product-card .text-wrap .badges .status.repaying {
  background-color: #f9b422;
}
.product.renewed .investment-slider .product-card .text-wrap .title {
  font-size: 1.07625rem;
  line-height: 1.4375rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 0.71625rem;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .investment-slider .product-card .text-wrap .title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .investment-slider .product-card .text-wrap .title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }
}
.product.renewed .investment-slider .product-card .text-wrap .info-wrap {
  display: flex;
  width: 100%;
}
.product.renewed .investment-slider .product-card .text-wrap .info-wrap .info-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.175rem;
  color: #6e6e6e;
}
.product.renewed .investment-slider .product-card .text-wrap .info-wrap .info-container .info-title {
  font-size: 0.7175rem;
  line-height: 1.1625rem;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .investment-slider .product-card .text-wrap .info-wrap .info-container .info-title {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .investment-slider .product-card .text-wrap .info-wrap .info-container .info-title {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}
.product.renewed .investment-slider .product-card .text-wrap .info-wrap .info-container .info-content {
  font-size: 1.07625rem;
  line-height: 1.29375rem;
  font-weight: 800;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .investment-slider .product-card .text-wrap .info-wrap .info-container .info-content {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .investment-slider .product-card .text-wrap .info-wrap .info-container .info-content {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
}
.product.renewed .investment-slider .product-card .progress-wrap {
  margin-top: 1.125rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .investment-slider .product-card .progress-wrap {
    margin-top: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .investment-slider .product-card .progress-wrap {
    margin-top: 1.5rem;
  }
}
.product.renewed .investment-slider .product-card .progress-wrap .progress-bar {
  height: 0.32rem;
  background-color: #ffffff;
  border-radius: 50px;
  margin-bottom: 0.45rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .investment-slider .product-card .progress-wrap .progress-bar {
    height: 0.5rem;
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .investment-slider .product-card .progress-wrap .progress-bar {
    height: 0.5rem;
    margin-bottom: 0.625rem;
  }
}
.product.renewed .investment-slider .product-card .progress-wrap .progress-bar .progress-bar-fill {
  height: inherit;
  border-radius: inherit;
  background-color: #fa7300;
}
.product.renewed .investment-slider .product-card .progress-wrap .progress-label-wrap {
  display: flex;
  justify-content: space-between;
  font-size: 0.8075rem;
  line-height: 1.1625rem;
  font-weight: 500;
  color: #707070;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .investment-slider .product-card .progress-wrap .progress-label-wrap {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .investment-slider .product-card .progress-wrap .progress-label-wrap {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
.product.renewed .neighborhood-impact {
  background-color: #fffde6;
  text-align: center;
}
.product.renewed .neighborhood-impact .content-wrap {
  max-width: 60rem;
  padding: 0 1.25rem;
}
.product.renewed .neighborhood-impact .section-title {
  margin-bottom: 2.5rem;
  text-align: center;
  color: #1A1F27;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .neighborhood-impact .section-title {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .neighborhood-impact .section-title {
    margin-bottom: 5rem;
  }
}
.product.renewed .neighborhood-impact .impact-stats-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .neighborhood-impact .impact-stats-list {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: unset;
  }
}
@media (min-width: 1225px) {
  .product.renewed .neighborhood-impact .impact-stats-list {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: unset;
  }
}
.product.renewed .neighborhood-impact .impact-stats-item {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .neighborhood-impact .impact-stats-item {
    flex: 1;
  }
}
@media (min-width: 1225px) {
  .product.renewed .neighborhood-impact .impact-stats-item {
    flex: 1;
  }
}
.product.renewed .neighborhood-impact .impact-stats-card {
  text-align: left;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .neighborhood-impact .impact-stats-card {
    text-align: center;
  }
}
@media (min-width: 1225px) {
  .product.renewed .neighborhood-impact .impact-stats-card {
    text-align: center;
  }
}
.product.renewed .neighborhood-impact .impact-stats-label {
  margin: 0 0 1.125rem;
  font-size: 0.9625rem;
  line-height: 1;
  font-weight: 700;
  color: #1a1f27;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .neighborhood-impact .impact-stats-label {
    margin-bottom: 1.875rem;
    font-size: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .neighborhood-impact .impact-stats-label {
    margin-bottom: 1.875rem;
    font-size: 1.5rem;
  }
}
.product.renewed .neighborhood-impact .impact-stats-value {
  margin: 0 0 1.125rem;
  font-size: 2.875rem;
  line-height: 1;
  font-weight: 700;
  color: #ff5c00;
}
.product.renewed .neighborhood-impact .impact-stats-value .small-text {
  font-size: 1.75rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .neighborhood-impact .impact-stats-value {
    margin-bottom: 1.875rem;
    font-size: 4.5rem;
  }
  .product.renewed .neighborhood-impact .impact-stats-value .small-text {
    font-size: 2.75rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .neighborhood-impact .impact-stats-value {
    margin-bottom: 1.875rem;
    font-size: 4.5rem;
  }
  .product.renewed .neighborhood-impact .impact-stats-value .small-text {
    font-size: 2.75rem;
  }
}
.product.renewed .neighborhood-impact .impact-stats-desc {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.2rem;
  font-weight: 600;
  color: #727272;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .neighborhood-impact .impact-stats-desc {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .neighborhood-impact .impact-stats-desc {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.product.renewed .testimonials {
  background-color: #ffffff;
  text-align: center;
}
.product.renewed .testimonials .content-wrap {
  max-width: unset;
}
.product.renewed .testimonials .content-wrap .testimonials {
  max-width: 67.5rem;
}
.product.renewed .testimonials .content-wrap .section-title {
  margin-bottom: 2.5rem;
  text-align: center;
  color: #1a1f27;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .testimonials .content-wrap .section-title {
    margin-bottom: 8.125rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .testimonials .content-wrap .section-title {
    margin-bottom: 8.125rem;
  }
}
.product.renewed .testimonials .content-wrap .investor-stories-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .testimonials .content-wrap .investor-stories-list {
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    gap: 1.75rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .testimonials .content-wrap .investor-stories-list {
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    gap: 1.75rem;
  }
}
.product.renewed .testimonials .content-wrap .investor-stories-item {
  width: 100%;
  max-width: 17.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .testimonials .content-wrap .investor-stories-item {
    flex: 1;
    max-width: 27.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .testimonials .content-wrap .investor-stories-item {
    flex: 1;
    max-width: 27.5rem;
  }
}
.product.renewed .testimonials .content-wrap .investor-story-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.6rem;
  background-color: #ffffff;
  border-radius: 0.8rem;
  box-shadow: 0 0 1.2rem #FFDBBC;
  text-align: left;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .testimonials .content-wrap .investor-story-card {
    padding: 2.5rem;
    border-radius: 1.25rem;
    box-shadow: 0 0 1.875rem #FFDBBC;
  }
}
@media (min-width: 1225px) {
  .product.renewed .testimonials .content-wrap .investor-story-card {
    padding: 2.5rem;
    border-radius: 1.25rem;
    box-shadow: 0 0 1.875rem #FFDBBC;
  }
}
.product.renewed .testimonials .content-wrap .story-badge {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1.1rem;
  padding: 0.1625rem 0.32rem;
  border-radius: 0.32rem;
  font-size: 0.725rem;
  line-height: 1.0875rem;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .testimonials .content-wrap .story-badge {
    margin-bottom: 1.75rem;
    padding: 0.25rem 0.5rem;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    border-radius: 0.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .testimonials .content-wrap .story-badge {
    margin-bottom: 1.75rem;
    padding: 0.25rem 0.5rem;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    border-radius: 0.5rem;
  }
}
.product.renewed .testimonials .content-wrap .story-badge--orange {
  color: #fa7300;
  background-color: #FFF6EE;
}
.product.renewed .testimonials .content-wrap .story-badge--blue {
  color: #68B6FE;
  background-color: #EEFCFF;
}
.product.renewed .testimonials .content-wrap .story-badge--green {
  color: #3EC44C;
  background-color: #F6FDED;
}
.product.renewed .testimonials .content-wrap .story-quote {
  flex: 1;
  margin: 0 0 2rem;
  font-size: 0.9625rem;
  line-height: 1.3625rem;
  font-weight: 700;
  color: #000;
  word-break: keep-all;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .testimonials .content-wrap .story-quote {
    margin-bottom: 3.125rem;
    font-size: 1.5rem;
    line-height: 2.125rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .testimonials .content-wrap .story-quote {
    margin-bottom: 3.125rem;
    font-size: 1.5rem;
    line-height: 2.125rem;
  }
}
.product.renewed .testimonials .content-wrap .story-profile {
  display: flex;
  align-items: center;
  gap: 0.475rem;
  margin-top: auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .testimonials .content-wrap .story-profile {
    gap: 0.75rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .testimonials .content-wrap .story-profile {
    gap: 0.75rem;
  }
}
.product.renewed .testimonials .content-wrap .story-avatar {
  flex-shrink: 0;
  width: 2.4rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  background-color: #E8F4FF;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .testimonials .content-wrap .story-avatar {
    width: 3.75rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .testimonials .content-wrap .story-avatar {
    width: 3.75rem;
  }
}
.product.renewed .testimonials .content-wrap .story-avatar::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 60%;
  height: 60%;
  background: url("/resources/fo/invest/common/images/testimonial-avatar.png") no-repeat 100% 100%;
  background-size: contain;
}
.product.renewed .testimonials .content-wrap .story-profile-text {
  text-align: left;
}
.product.renewed .testimonials .content-wrap .story-name {
  margin: 0 0 0.4625rem;
  font-size: 0.9625rem;
  line-height: 1;
  font-weight: 700;
  color: #6E6E6E;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .testimonials .content-wrap .story-name {
    font-size: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .testimonials .content-wrap .story-name {
    font-size: 1.5rem;
  }
}
.product.renewed .testimonials .content-wrap .story-desc {
  margin: 0;
  font-size: 0.725rem;
  line-height: 1;
  font-weight: 600;
  color: #6E6E6E;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .testimonials .content-wrap .story-desc {
    font-size: 1.125rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .testimonials .content-wrap .story-desc {
    font-size: 1.125rem;
  }
}
.product.renewed .all-investment-list .content-wrap {
  max-width: 67.5rem;
}
.product.renewed .all-investment-list .section-title {
  margin-bottom: 1.95rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .section-title {
    margin-bottom: 7.375rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .section-title {
    margin-bottom: 7.375rem;
  }
}
.product.renewed .all-investment-list .search-bar {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  justify-content: flex-end;
  margin-bottom: 0.975rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .search-bar {
    gap: 1.064375rem;
    margin-bottom: 1.95rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .search-bar {
    gap: 1.064375rem;
    margin-bottom: 1.95rem;
  }
}
.product.renewed .all-investment-list .search-bar .search-dropdown {
  position: relative;
}
.product.renewed .all-investment-list .search-bar .search-dropdown .hidden-select {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
.product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-wrapper.open .custom-select-arrow {
  transform: rotate(180deg);
}
.product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-wrapper.open .custom-select-options {
  display: block;
}
.product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  width: 100%;
  padding: 0.4rem;
  background-color: #5297F2;
  border: none;
  border-radius: 0.27rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
  gap: 1.6rem;
}
.product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-trigger:hover {
  background-color: #eeeeee;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-trigger {
    padding: 0.6rem;
    gap: 2.4rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-trigger {
    padding: 0.6rem;
    gap: 2.4rem;
  }
}
.product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-text {
  font-size: 0.96rem;
  line-height: 1.08125rem;
  color: #ffffff;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-text {
    font-size: 1.44rem;
    line-height: 1.61875rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-text {
    font-size: 1.44rem;
    line-height: 1.61875rem;
  }
}
.product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.5rem;
  transition: transform 0.2s ease;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-arrow {
    width: 0.625rem;
    height: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-arrow {
    width: 0.625rem;
    height: 0.625rem;
  }
}
.product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-arrow img,
.product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-arrow svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-options {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  right: 0;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  z-index: 1000;
  display: none;
  overflow: hidden;
}
.product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-option {
  text-align: left;
  padding: 0.4rem;
  font-size: 0.96rem;
  font-weight: 400;
  color: #373737;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-option:hover, .product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-option:focus {
  background-color: #5297F2;
  outline: none;
}
.product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-option[aria-selected=true] {
  background-color: #f0f0f0;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-option {
    padding: 0.6rem;
    font-size: 1.44rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .search-bar .search-dropdown .custom-select-option {
    padding: 0.6rem;
    font-size: 1.44rem;
  }
}
.product.renewed .all-investment-list .search-bar .search-filter-btn {
  display: block;
  outline: none;
  background: #5297F2;
  display: flex;
  align-items: center;
  padding: 0.4rem;
  border-radius: 0.27rem;
  font-size: 0.96rem;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.08125rem;
  gap: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .search-bar .search-filter-btn {
    padding: 0.6rem;
    border-radius: 0.405rem;
    font-size: 1.44rem;
    line-height: 1.61875rem;
    gap: 0.75rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .search-bar .search-filter-btn {
    padding: 0.6rem;
    border-radius: 0.405rem;
    font-size: 1.44rem;
    line-height: 1.61875rem;
    gap: 0.75rem;
  }
}
.product.renewed .all-investment-list .search-bar .search-filter-btn .filter-icon {
  display: grid;
  place-items: center;
  width: 0.975rem;
}
.product.renewed .all-investment-list .search-bar .search-filter-btn .filter-icon svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .search-bar .search-filter-btn .filter-icon {
    width: 1.4875rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .search-bar .search-filter-btn .filter-icon {
    width: 1.4875rem;
  }
}
.product.renewed .all-investment-list .investment-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.6rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .investment-list {
    gap: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .investment-list {
    gap: 1.25rem;
  }
}
.product.renewed .all-investment-list .investment-list .investment-card {
  width: 100%;
  display: grid;
  padding: 1.125rem;
  border-radius: 0.8rem;
  background-color: #ffffff;
  border: 0.04rem solid #ececec;
  grid-template-areas: "badges . . ." "title title title title" "rates rates rates rates" "bar bar bar bar" "current . total percentage";
  grid-template-columns: 1fr 1fr auto auto;
  grid-template-rows: auto auto auto;
  gap: 0.75rem 0.425rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .investment-list .investment-card {
    padding: 2.5rem;
    border-radius: 1.25rem;
    border: 0.0625rem solid #ececec;
    grid-template-areas: "badges . . ." "title title rates rates" "bar bar bar bar" "current . total percentage";
    grid-template-columns: 1fr 1fr 1fr auto;
    gap: unset;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .investment-list .investment-card {
    padding: 2.5rem;
    border-radius: 1.25rem;
    border: 0.0625rem solid #ececec;
    grid-template-areas: "badges . . ." "title title rates rates" "bar bar bar bar" "current . total percentage";
    grid-template-columns: 1fr 1fr 1fr auto;
    gap: unset;
  }
}
.product.renewed .all-investment-list .investment-list .investment-card .badges {
  grid-area: badges;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.775rem;
  font-size: 0.64rem;
  line-height: 1.08125rem;
  font-weight: 600;
  color: #727171;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .investment-list .investment-card .badges {
    font-size: 1rem;
    line-height: 1.6875rem;
    gap: 0.875rem;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .investment-list .investment-card .badges {
    font-size: 1rem;
    line-height: 1.6875rem;
    gap: 0.875rem;
    margin-bottom: 1.25rem;
  }
}
.product.renewed .all-investment-list .investment-list .investment-card .badges .type {
  border: 1px solid #fa7300;
  display: block;
  color: #fa7300;
  padding: 0 0.28rem;
  border-radius: 0.27rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .investment-list .investment-card .badges .type {
    padding: 0 0.4375rem;
    border-radius: 0.421875rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .investment-list .investment-card .badges .type {
    padding: 0 0.4375rem;
    border-radius: 0.421875rem;
  }
}
.product.renewed .all-investment-list .investment-list .investment-card .badges .status {
  display: block;
  color: #ffffff;
  background-color: gray;
  padding: 0 0.28rem;
  border-radius: 0.27rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .investment-list .investment-card .badges .status {
    padding: 0 0.4375rem;
    border-radius: 0.421875rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .investment-list .investment-card .badges .status {
    padding: 0 0.4375rem;
    border-radius: 0.421875rem;
  }
}
.product.renewed .all-investment-list .investment-list .investment-card .badges .status.recruiting {
  background-color: #5297f2;
}
.product.renewed .all-investment-list .investment-list .investment-card .badges .status.recruited {
  background-color: #fa7300;
}
.product.renewed .all-investment-list .investment-list .investment-card .badges .status.repaying {
  background-color: #f9b422;
}
.product.renewed .all-investment-list .investment-list .investment-card .title {
  grid-area: title;
  text-align: left;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  font-size: 0.96rem;
  line-height: 1.28125rem;
  font-weight: 600;
  color: #000;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .investment-list .investment-card .title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .investment-list .investment-card .title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.product.renewed .all-investment-list .investment-list .investment-card .rates {
  grid-area: rates;
  display: flex;
  text-align: right;
  width: -moz-fit-content;
  width: fit-content;
  gap: 1rem;
  margin-left: auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .investment-list .investment-card .rates {
    gap: 2.5rem;
    justify-content: flex-end;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .investment-list .investment-card .rates {
    gap: 2.5rem;
    justify-content: flex-end;
  }
}
.product.renewed .all-investment-list .investment-list .investment-card .rates .rate-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .investment-list .investment-card .rates .rate-item {
    flex: unset;
    gap: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .investment-list .investment-card .rates .rate-item {
    flex: unset;
    gap: 0.625rem;
  }
}
.product.renewed .all-investment-list .investment-list .investment-card .rates .rate-item .label {
  font-size: 0.72rem;
  font-weight: 600;
  color: #6e6e6e;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .investment-list .investment-card .rates .rate-item .label {
    font-size: 1.125rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .investment-list .investment-card .rates .rate-item .label {
    font-size: 1.125rem;
  }
}
.product.renewed .all-investment-list .investment-list .investment-card .rates .rate-item .value {
  font-size: 0.96rem;
  font-weight: 800;
  color: #FF5C00;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .investment-list .investment-card .rates .rate-item .value {
    font-size: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .investment-list .investment-card .rates .rate-item .value {
    font-size: 1.5rem;
  }
}
.product.renewed .all-investment-list .investment-list .investment-card .progress-bar {
  grid-area: bar;
  width: 100%;
  height: 0.33625rem;
  background-color: #F5F5F5;
  border-radius: 999px;
  overflow: hidden;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .investment-list .investment-card .progress-bar {
    width: 100%;
    height: 0.5rem;
    margin: 1.25rem 0 0.625rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .investment-list .investment-card .progress-bar {
    width: 100%;
    height: 0.5rem;
    margin: 1.25rem 0 0.625rem;
  }
}
.product.renewed .all-investment-list .investment-list .investment-card .progress-bar .progress-bar-fill {
  height: inherit;
  border-radius: inherit;
  background-color: #0F82FF;
}
.product.renewed .all-investment-list .investment-list .investment-card .current-status {
  grid-area: current;
  font-size: 0.7rem;
  line-height: 1.0375rem;
  font-weight: 600;
  color: #0F82FF;
  text-align: left;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .investment-list .investment-card .current-status {
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-align: left;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .investment-list .investment-card .current-status {
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-align: left;
  }
}
.product.renewed .all-investment-list .investment-list .investment-card .total-amount {
  grid-area: total;
  display: inline-block;
  text-align: right;
  font-size: 0.7rem;
  line-height: 1.0875rem;
  font-weight: 500;
  color: #707070;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .investment-list .investment-card .total-amount {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-right: 0.125rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .investment-list .investment-card .total-amount {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-right: 0.125rem;
  }
}
.product.renewed .all-investment-list .investment-list .investment-card .percentage {
  grid-area: percentage;
  font-size: 0.7rem;
  line-height: 1.0375rem;
  font-weight: 600;
  color: #707070;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .all-investment-list .investment-list .investment-card .percentage {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 500;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 1225px) {
  .product.renewed .all-investment-list .investment-list .investment-card .percentage {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 500;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.product.renewed .pagination {
  margin: 2rem auto;
  display: flex;
  gap: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .pagination {
    margin: 6.25rem auto;
    gap: 0.875rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .pagination {
    margin: 6.25rem auto;
    gap: 0.875rem;
  }
}
.product.renewed .pagination .pagination-btn {
  height: 0.825rem;
}
.product.renewed .pagination .pagination-btn img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .pagination .pagination-btn {
    height: 1.125rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .pagination .pagination-btn {
    height: 1.125rem;
  }
}
.product.renewed .pagination .pagination-numbers {
  display: flex;
  gap: 0.95rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .pagination .pagination-numbers {
    gap: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .pagination .pagination-numbers {
    gap: 2.5rem;
  }
}
.product.renewed .pagination .pagination-numbers .pagination-number {
  font-size: 0.7rem;
  line-height: 0.675rem;
  font-weight: 600;
  color: #b9b9b9;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .pagination .pagination-numbers .pagination-number {
    font-size: 1.5rem;
    line-height: 1.6875rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .pagination .pagination-numbers .pagination-number {
    font-size: 1.5rem;
    line-height: 1.6875rem;
  }
}
.product.renewed .pagination .pagination-numbers .pagination-number.active {
  color: #2B7EE8;
}
.product.renewed .search-modal {
  padding: 2.25rem 1.5rem;
  background-color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.75rem;
  min-width: 17.75rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal {
    padding: 3.75rem 2.5rem;
    border-radius: 1.25rem;
    min-width: 29.625rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal {
    padding: 3.75rem 2.5rem;
    border-radius: 1.25rem;
    min-width: 29.625rem;
  }
}
.product.renewed .search-modal .modal-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #000;
  text-align: left;
  margin-bottom: 1.0125rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .modal-title {
    font-size: 2.5rem;
    margin-bottom: 1.3125rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .modal-title {
    font-size: 2.5rem;
    margin-bottom: 1.3125rem;
  }
}
.product.renewed .search-modal .search-input {
  width: 100%;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .search-input {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .search-input {
    margin-bottom: 2.5rem;
  }
}
.product.renewed .search-modal .search-input input {
  width: 100%;
  font-size: 1.05rem;
  line-height: 1;
  font-weight: 500;
  padding: 0.4625rem 0.15rem;
  outline: none;
  border: none;
  border-bottom: 0.0375rem solid #b9b9b9;
  color: #000;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .search-input input {
    font-size: 1.75rem;
    line-height: 1;
    padding: 1.25rem 0.375rem;
    border-bottom-width: 0.0625rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .search-input input {
    font-size: 1.75rem;
    line-height: 1;
    padding: 1.25rem 0.375rem;
    border-bottom-width: 0.0625rem;
  }
}
.product.renewed .search-modal .search-input input::-moz-placeholder {
  color: #b9b9b9;
}
.product.renewed .search-modal .search-input input::placeholder {
  color: #b9b9b9;
}
.product.renewed .search-modal .slider-wrap {
  display: flex;
  flex-direction: column;
  gap: 2.225rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .slider-wrap {
    gap: 3.75rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .slider-wrap {
    gap: 3.75rem;
  }
}
.product.renewed .search-modal .slider-wrap .slider-item .slider-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.025rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-header {
    margin-bottom: 1.75rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-header {
    margin-bottom: 1.75rem;
  }
}
.product.renewed .search-modal .slider-wrap .slider-item .slider-header .slider-label {
  display: block;
  font-size: 1.05rem;
  line-height: 0.75rem;
  font-weight: 500;
  color: #000;
  text-align: left;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-header .slider-label {
    font-size: 1.75rem;
    line-height: 1.2625rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-header .slider-label {
    font-size: 1.75rem;
    line-height: 1.2625rem;
  }
}
.product.renewed .search-modal .slider-wrap .slider-item .slider-header .slider-range {
  letter-spacing: 0;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 500;
  color: #ff5c00;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-header .slider-range {
    font-size: 1.25rem;
    line-height: 1;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-header .slider-range {
    font-size: 1.25rem;
    line-height: 1;
  }
}
.product.renewed .search-modal .slider-wrap .slider-item .slider-input {
  position: relative;
}
.product.renewed .search-modal .slider-wrap .slider-item .slider-input input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 0.3rem;
  background-color: #ececec;
  border-radius: 50px;
  outline: none;
  cursor: pointer;
  background: linear-gradient(to right, #ff5c00 var(--percentage), #f5f5f5 var(--percentage));
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-input input[type=range] {
    height: 0.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-input input[type=range] {
    height: 0.5rem;
  }
}
.product.renewed .search-modal .slider-wrap .slider-item .slider-input input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #f5f5f5;
  border-radius: 50%;
  border: 0.0125rem solid #0f82ff;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-input input[type=range]::-webkit-slider-thumb {
    width: 2.32625rem;
    height: 2.32625rem;
    border-width: 0.03125rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-input input[type=range]::-webkit-slider-thumb {
    width: 2.32625rem;
    height: 2.32625rem;
    border-width: 0.03125rem;
  }
}
.product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual {
  position: relative;
  width: 100%;
  height: 0.3rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual {
    height: 0.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual {
    height: 0.5rem;
  }
}
.product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  background: transparent !important;
  pointer-events: none;
}
.product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 2;
}
.product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 2;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #f5f5f5;
  border-radius: 50%;
  border: 0.0125rem solid #0f82ff;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input::-moz-range-thumb {
    width: 2.32625rem;
    height: 2.32625rem;
    border-width: 0.03125rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input::-moz-range-thumb {
    width: 2.32625rem;
    height: 2.32625rem;
    border-width: 0.03125rem;
  }
}
.product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input::-moz-range-track {
  background: transparent;
  height: 0.3rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input::-moz-range-track {
    height: 0.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input::-moz-range-track {
    height: 0.5rem;
  }
}
.product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input-min {
  z-index: 1;
}
.product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual .range-input-max {
  z-index: 2;
}
.product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 0.3rem;
  transform: translateY(-50%);
  background: linear-gradient(to right, #f5f5f5 var(--min-percentage, 0%), #ff5c00 var(--min-percentage, 0%) var(--max-percentage, 100%), #f5f5f5 var(--max-percentage, 100%));
  border-radius: 50px;
  pointer-events: none;
  z-index: 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual::before {
    height: 0.5rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-input.slider-input-dual::before {
    height: 0.5rem;
  }
}
.product.renewed .search-modal .slider-wrap .slider-item .slider-range-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.75rem;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 500;
  color: #000;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-range-value {
    margin-top: 1.25rem;
    font-size: 1.25rem;
    line-height: 1;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .slider-wrap .slider-item .slider-range-value {
    margin-top: 1.25rem;
    font-size: 1.25rem;
    line-height: 1;
  }
}
.product.renewed .search-modal .product-type-toggle .toggle-header {
  display: flex;
  align-items: center;
  font-size: 1.05rem;
  font-weight: 500;
  color: #000;
  line-height: 0.75rem;
  margin-top: 2.225rem;
  margin-bottom: 1.05rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .product-type-toggle .toggle-header {
    font-size: 1.75rem;
    line-height: 1.2625rem;
    margin-top: 3.75rem;
    margin-bottom: 1.785rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .product-type-toggle .toggle-header {
    font-size: 1.75rem;
    line-height: 1.2625rem;
    margin-top: 3.75rem;
    margin-bottom: 1.785rem;
  }
}
.product.renewed .search-modal .product-type-toggle .toggle-wrap {
  display: flex;
  gap: 0.525rem;
  flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .product-type-toggle .toggle-wrap {
    gap: 0.85rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .product-type-toggle .toggle-wrap {
    gap: 0.85rem;
  }
}
.product.renewed .search-modal .product-type-toggle .toggle-wrap .toggle-item {
  position: relative;
  flex: 0 0 auto;
}
.product.renewed .search-modal .product-type-toggle .toggle-wrap .toggle-item .toggle-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.product.renewed .search-modal .product-type-toggle .toggle-wrap .toggle-item .toggle-checkbox:checked + .toggle-label {
  border-color: #fa7300;
  color: #fa7300;
  background-color: #ffffff;
}
.product.renewed .search-modal .product-type-toggle .toggle-wrap .toggle-item .toggle-checkbox:focus + .toggle-label {
  outline-offset: 2px;
}
.product.renewed .search-modal .product-type-toggle .toggle-wrap .toggle-item .toggle-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0rem 0.25rem;
  border: 1px solid #b9b9b9;
  border-radius: 0.253125rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: #b9b9b9;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.product.renewed .search-modal .product-type-toggle .toggle-wrap .toggle-item .toggle-label:hover {
  border-color: #b4b4b4;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .product-type-toggle .toggle-wrap .toggle-item .toggle-label {
    padding: 0rem 0.421875rem;
    font-size: 1.5rem;
    border-radius: 0.421875rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .product-type-toggle .toggle-wrap .toggle-item .toggle-label {
    padding: 0rem 0.421875rem;
    font-size: 1.5rem;
    border-radius: 0.421875rem;
  }
}
.product.renewed .search-modal .search-modal-btn-wrap {
  display: flex;
  gap: 0.825rem;
  margin-top: 3.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .search-modal-btn-wrap {
    gap: 1.375rem;
    margin-top: 6.25rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .search-modal-btn-wrap {
    gap: 1.375rem;
    margin-top: 6.25rem;
  }
}
.product.renewed .search-modal .search-modal-btn-wrap .btn {
  flex: 1;
  border: none;
  cursor: pointer;
  text-align: center;
  font-weight: 500;
  padding: 0.625rem 0;
  font-size: 1.05rem;
  border-radius: 0.375rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .product.renewed .search-modal .search-modal-btn-wrap .btn {
    padding: 1rem 0;
    font-size: 1.75rem;
    border-radius: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .product.renewed .search-modal .search-modal-btn-wrap .btn {
    padding: 1rem 0;
    font-size: 1.75rem;
    border-radius: 0.625rem;
  }
}
.product.renewed .search-modal .search-modal-btn-wrap .btn.btn-close {
  background-color: #f5f5f5;
  color: #727171;
}
.product.renewed .search-modal .search-modal-btn-wrap .btn.btn-close:hover {
  color: #ff5c00;
}
.product.renewed .search-modal .search-modal-btn-wrap .btn.btn-search {
  background-color: #d9d9d9;
  color: #ffffff;
}
.product.renewed .search-modal .search-modal-btn-wrap .btn.btn-search:hover {
  background-color: #ff5c00;
}

.help.corporate .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 60rem;
  margin: auto;
  padding: 4rem 1.25rem;
}
@media (min-width: 1225px) {
  .help.corporate .content-wrap {
    padding: 6.25rem 0rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .content-wrap {
    padding: 5rem 2.5rem;
  }
}
.help.corporate .section-title {
  font-size: 1.5rem;
  line-height: 1.95rem;
  font-weight: 700;
  color: #1a1f27;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .section-title {
    font-size: 2.75rem;
    line-height: 3rem;
    color: #070707;
  }
}
@media (min-width: 1225px) {
  .help.corporate .section-title {
    font-size: 2.75rem;
    line-height: 3rem;
    color: #070707;
  }
}
.help.corporate .blue {
  color: #2b7ee8;
}
.help.corporate .hero {
  background-color: #f8f8f8;
  position: relative;
  overflow: hidden;
}
.help.corporate .hero .floating-element {
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.help.corporate .hero .floating-element#grayLogo {
  width: 52.5%;
  left: 14.3%;
  top: 13%;
}
.help.corporate .hero .floating-element#bluePlus {
  width: 16%;
  left: 47%;
  top: 7%;
}
.help.corporate .hero .floating-element#blueArrow {
  width: 126%;
  left: 40%;
  top: 71%;
}
@media (min-width: 1225px) {
  .help.corporate .hero .floating-element#grayLogo {
    width: 42%;
    left: 81.3%;
    top: 37%;
    rotate: -3deg;
  }
  .help.corporate .hero .floating-element#bluePlus {
    width: 16%;
    left: 57%;
    top: 19%;
    transform: translate(-50%, -50%) scaleX(-1);
  }
  .help.corporate .hero .floating-element#blueArrow {
    width: 64%;
    left: 72%;
    top: 73%;
    rotate: -5deg;
  }
}
.help.corporate .hero .text-wrap {
  z-index: 10;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .hero .text-wrap {
    padding: 5rem 0;
  }
}
@media (min-width: 1225px) {
  .help.corporate .hero .text-wrap {
    padding: 5rem 0;
  }
}
.help.corporate .hero .text-wrap .section-title {
  margin-top: 8.125rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .hero .text-wrap .section-title {
    margin-top: unset;
  }
  .help.corporate .hero .text-wrap .section-title br {
    display: none;
  }
}
@media (min-width: 1225px) {
  .help.corporate .hero .text-wrap .section-title {
    margin-top: unset;
  }
  .help.corporate .hero .text-wrap .section-title br {
    display: none;
  }
}
@media (min-width: 1225px) {
  .help.corporate .hero .text-wrap .section-title {
    text-align: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .hero .text-wrap .section-title {
    width: 70%;
    margin: auto;
  }
}
.help.corporate .hero .text-wrap .section-title .small-text {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #1a1f27;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .hero .text-wrap .section-title .small-text {
    font-size: 2.75rem;
    line-height: 3.75rem;
    font-weight: 700;
    margin-bottom: unset;
  }
}
@media (min-width: 1225px) {
  .help.corporate .hero .text-wrap .section-title .small-text {
    font-size: 2.75rem;
    line-height: 3.75rem;
    font-weight: 700;
    margin-bottom: unset;
  }
}
.help.corporate .hero .text-wrap .section-title .large-text {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 800;
  margin-bottom: 13.75rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .hero .text-wrap .section-title .large-text {
    font-size: 3rem;
    line-height: 3.75rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .hero .text-wrap .section-title .large-text {
    font-size: 3rem;
    line-height: 3.75rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
  }
}
.help.corporate .hero .text-wrap .section-subtitle {
  display: none;
}
@media (min-width: 1225px) {
  .help.corporate .hero .text-wrap .section-subtitle {
    display: block;
    text-align: left;
    color: #727171;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-bottom: 2.5rem;
  }
}
.help.corporate .hero .text-wrap .cta-btn {
  display: block;
  background-color: #2b7ee8;
  margin: auto;
  color: #ffffff;
  padding: 0.75rem;
  width: 100%;
  outline: none;
  border: none;
  max-width: 10rem;
  font-size: 0.9rem;
  line-height: 1rem;
  font-weight: 700;
  border-radius: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .hero .text-wrap .cta-btn {
    max-width: 14.75rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 0.9rem;
    border-radius: 0.72rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .hero .text-wrap .cta-btn {
    max-width: 14.75rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 0.9rem;
    border-radius: 0.72rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .hero .text-wrap .cta-btn {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .hero .text-wrap .cta-btn {
    margin-top: 3.75rem;
  }
}
.help.corporate .merits .section-title {
  margin-bottom: 3.9625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .merits .section-title br {
    display: none;
  }
  .help.corporate .merits .section-title {
    margin-bottom: 6.25rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .merits .section-title br {
    display: none;
  }
  .help.corporate .merits .section-title {
    margin-bottom: 6.25rem;
  }
}
.help.corporate .merits .merit-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 2.5rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .merits .merit-list {
    gap: 6.25rem;
    margin-bottom: 6.25rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .merits .merit-list {
    gap: 6.25rem;
    margin-bottom: 6.25rem;
  }
}
.help.corporate .merits .merit-list .merit-item {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .merits .merit-list .merit-item {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 5rem;
  }
  .help.corporate .merits .merit-list .merit-item:nth-child(even) {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1225px) {
  .help.corporate .merits .merit-list .merit-item {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 5rem;
  }
  .help.corporate .merits .merit-list .merit-item:nth-child(even) {
    flex-direction: row-reverse;
  }
}
.help.corporate .merits .merit-list .merit-item .text-container {
  display: flex;
  flex-direction: column;
  gap: 0.7625rem;
  width: 100%;
  margin-bottom: 0.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .merits .merit-list .merit-item .text-container {
    margin-bottom: unset;
    gap: 1.25rem;
    flex: 1;
  }
}
@media (min-width: 1225px) {
  .help.corporate .merits .merit-list .merit-item .text-container {
    margin-bottom: unset;
    gap: 1.25rem;
    flex: 1;
  }
}
.help.corporate .merits .merit-list .merit-item .text-container .merit-title {
  font-size: 1.26rem;
  font-weight: 700;
  line-height: 1.6875rem;
  color: #0a0a0a;
}
.help.corporate .merits .merit-list .merit-item .text-container .merit-title br {
  display: none;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .merits .merit-list .merit-item .text-container .merit-title br {
    display: inline;
  }
  .help.corporate .merits .merit-list .merit-item .text-container .merit-title {
    font-size: 2.25rem;
    line-height: 3rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .merits .merit-list .merit-item .text-container .merit-title br {
    display: inline;
  }
  .help.corporate .merits .merit-list .merit-item .text-container .merit-title {
    font-size: 2.25rem;
    line-height: 3rem;
  }
}
.help.corporate .merits .merit-list .merit-item .text-container .merit-content {
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 1.1rem;
  color: #707070;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .merits .merit-list .merit-item .text-container .merit-content {
    font-size: 1.1875rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .merits .merit-list .merit-item .text-container .merit-content {
    font-size: 1.1875rem;
    line-height: 1.75rem;
  }
}
.help.corporate .merits .merit-list .merit-item .img-container {
  display: grid;
  place-items: center;
  width: 100%;
  max-width: 22.5rem;
  aspect-ratio: 360/234;
  border-radius: 0.7rem;
  overflow: hidden;
  background-color: #f0f0f0;
}
.help.corporate .merits .merit-list .merit-item .img-container img {
  width: 40%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .merits .merit-list .merit-item .img-container {
    width: 25rem;
    aspect-ratio: 400/260;
  }
}
@media (min-width: 1225px) {
  .help.corporate .merits .merit-list .merit-item .img-container {
    width: 25rem;
    aspect-ratio: 400/260;
  }
}
.help.corporate .merits .btn-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.75rem;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .merits .btn-wrap {
    flex-direction: row;
    justify-content: center;
    gap: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .merits .btn-wrap {
    flex-direction: row;
    justify-content: center;
    gap: 2.5rem;
  }
}
.help.corporate .merits .btn-wrap .btn {
  display: block;
  outline: none;
  border: none;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 1.025rem;
  width: 100%;
  max-width: 20rem;
  border-radius: 0.5rem;
  color: #ffffff;
  cursor: pointer;
}
.help.corporate .merits .btn-wrap .btn.btn-gray {
  background-color: #343434;
}
.help.corporate .merits .btn-wrap .btn.btn-orange {
  background-color: #fa7600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .merits .btn-wrap .btn {
    max-width: 14.75rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 0.9375rem;
    border-radius: 0.72rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .merits .btn-wrap .btn {
    max-width: 14.75rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 0.9375rem;
    border-radius: 0.72rem;
  }
}
.help.corporate .document-guide {
  background-color: #070707;
  color: #ffffff;
}
.help.corporate .document-guide .section-title {
  color: #ffffff;
  margin-bottom: 0.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .document-guide .section-title {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .document-guide .section-title {
    margin-bottom: 1.25rem;
  }
}
.help.corporate .document-guide .section-subtitle {
  color: #ececec;
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 1.1rem;
  margin-bottom: 3.975rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .document-guide .section-subtitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 6.25rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .document-guide .section-subtitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 6.25rem;
  }
}
.help.corporate .document-guide .document-boxes {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.775rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .document-guide .document-boxes {
    gap: 2.5rem;
    width: 100%;
  }
}
@media (min-width: 1225px) {
  .help.corporate .document-guide .document-boxes {
    gap: 2.5rem;
    width: 100%;
  }
}
.help.corporate .document-guide .document-boxes .document-box {
  background-color: #343434;
  border-radius: 0.7rem;
  padding: 2.5rem 1.625rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .document-guide .document-boxes .document-box {
    flex-direction: row;
    padding: 4rem 6rem;
    align-items: stretch;
    justify-content: space-between;
    gap: 6rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .document-guide .document-boxes .document-box {
    flex-direction: row;
    padding: 4rem 6rem;
    align-items: stretch;
    justify-content: space-between;
    gap: 6rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .document-guide .document-boxes .document-box .document-box-header {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
    gap: 0.75rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .document-guide .document-boxes .document-box .document-box-header {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
    gap: 0.75rem;
  }
}
.help.corporate .document-guide .document-boxes .document-box .document-box-header .document-box-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 0.7rem;
  margin-bottom: 2.375rem;
}
.help.corporate .document-guide .document-boxes .document-box .document-box-header .document-box-title br {
  display: none;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .document-guide .document-boxes .document-box .document-box-header .document-box-title {
    margin-bottom: unset;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: unset;
  }
  .help.corporate .document-guide .document-boxes .document-box .document-box-header .document-box-title br {
    display: inline;
  }
}
@media (min-width: 1225px) {
  .help.corporate .document-guide .document-boxes .document-box .document-box-header .document-box-title {
    margin-bottom: unset;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: unset;
  }
  .help.corporate .document-guide .document-boxes .document-box .document-box-header .document-box-title br {
    display: inline;
  }
}
.help.corporate .document-guide .document-boxes .document-box .document-box-header .document-box-icon {
  width: 5.625rem;
  margin-bottom: 2.5rem;
}
.help.corporate .document-guide .document-boxes .document-box .document-box-header .document-box-icon img {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .document-guide .document-boxes .document-box .document-box-header .document-box-icon {
    width: 8.5rem;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .document-guide .document-boxes .document-box .document-box-header .document-box-icon {
    width: 8.5rem;
    margin-bottom: 1.25rem;
  }
}
.help.corporate .document-guide .document-boxes .document-box .document-box-content {
  width: 100%;
  flex: 1;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .document-guide .document-boxes .document-box .document-box-content {
    width: unset;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (min-width: 1225px) {
  .help.corporate .document-guide .document-boxes .document-box .document-box-content {
    width: unset;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.help.corporate .document-guide .document-boxes .document-box .document-box-content .document-list {
  width: 100%;
  text-align: left;
  list-style: disc;
  list-style-position: inside;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.help.corporate .document-guide .document-boxes .document-box .document-box-content .document-list li {
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 1.1rem;
  letter-spacing: 0;
  color: #f9f9f9;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .document-guide .document-boxes .document-box .document-box-content .document-list {
    gap: 0.25rem;
  }
  .help.corporate .document-guide .document-boxes .document-box .document-box-content .document-list li {
    font-size: 1.125rem;
    line-height: 2rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .document-guide .document-boxes .document-box .document-box-content .document-list {
    gap: 0.25rem;
  }
  .help.corporate .document-guide .document-boxes .document-box .document-box-content .document-list li {
    font-size: 1.125rem;
    line-height: 2rem;
  }
}
.help.corporate .document-guide .document-boxes .document-box .document-box-content .document-download {
  width: 100%;
  margin-top: 1.125rem;
  display: flex;
  justify-content: center;
}
.help.corporate .document-guide .document-boxes .document-box .document-box-content .document-download .btn-download {
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1rem;
  padding: 0.75rem;
  width: 100%;
  max-width: 18.6rem;
  border-radius: 0.5rem;
  outline: none;
  border: none;
  background-color: #2b7ee8;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .document-guide .document-boxes .document-box .document-box-content .document-download {
    margin-top: unset;
    justify-content: flex-start;
  }
  .help.corporate .document-guide .document-boxes .document-box .document-box-content .document-download .btn-download {
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 0.9375rem;
    max-width: 14.75rem;
    border-radius: 0.72rem;
  }
}
@media (min-width: 1225px) {
  .help.corporate .document-guide .document-boxes .document-box .document-box-content .document-download {
    margin-top: unset;
    justify-content: flex-start;
  }
  .help.corporate .document-guide .document-boxes .document-box .document-box-content .document-download .btn-download {
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 0.9375rem;
    max-width: 14.75rem;
    border-radius: 0.72rem;
  }
}
.help.corporate .customer-service {
  background: #25282f url("/resources/fo/invest/common/images/main-inquiry-background.png") no-repeat 100% 0%/30%;
  color: #ffffff;
}
@media (min-width: 1225px) {
  .help.corporate .customer-service {
    background: #25282f url("/resources/fo/invest/common/images/main-inquiry-background.png") no-repeat 100% 0%/400px;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .customer-service {
    background: #25282f url("/resources/fo/invest/common/images/main-inquiry-background.png") no-repeat 100% 0%/400px;
  }
}
.help.corporate .customer-service .section-title {
  color: #ffffff;
  font-size: 1.44rem;
  line-height: 1.91875rem;
  margin-bottom: 4.975rem;
}
@media (min-width: 1225px) {
  .help.corporate .customer-service .section-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.25rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .customer-service .section-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.25rem;
    margin-bottom: 2.5rem;
  }
}
.help.corporate .customer-service .customer-inquiry-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.help.corporate .customer-service .customer-inquiry-list .customer-inquiry-item:first-of-type .customer-inquiry-item-link {
  background-color: transparent;
  border: 1px solid #ffffff;
}
.help.corporate .customer-service .customer-inquiry-list .customer-inquiry-item:last-of-type .customer-inquiry-item-link::before {
  content: "";
  display: block;
  margin-right: 0.25rem;
  width: 1.625rem;
  aspect-ratio: 1/1;
  background: url("/resources/fo/invest/common/images/icons/kakaochat.png") no-repeat center/contain;
}
.help.corporate .customer-service .customer-inquiry-list .customer-inquiry-item-link {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  width: 100%;
  max-width: 30rem;
  height: 3.3rem;
  padding: 1.025rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
  background-color: #2b7ee8;
}
@media (min-width: 1225px) {
  .help.corporate .customer-service .customer-inquiry-list .customer-inquiry-item-link {
    border-radius: 0.75rem;
    height: 4.50625rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.corporate .customer-service .customer-inquiry-list .customer-inquiry-item-link {
    border-radius: 0.75rem;
    height: 4.50625rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.help.increase-limit {
  background-color: #fafafc;
}
.help.increase-limit .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 61.25rem;
  margin: auto;
  padding: 4rem 2.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .content-wrap {
    padding: 6.25rem 0;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .content-wrap {
    padding: 6.25rem 0;
  }
}
.help.increase-limit .section-title {
  font-size: 1.5rem;
  line-height: 1.95rem;
  font-weight: 700;
  color: #1a1f27;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .section-title {
    font-size: 2.75rem;
    line-height: 3rem;
    color: #070707;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .section-title {
    font-size: 2.75rem;
    line-height: 3rem;
    color: #070707;
  }
}
.help.increase-limit .hero .section-subtitle {
  font-size: 0.9rem;
  line-height: 1.3rem;
  font-weight: 700;
  color: #fa7300;
  margin-bottom: 0.4875rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .hero .section-subtitle {
    font-size: 1.25rem;
    line-height: 2.5rem;
    font-weight: 600;
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .hero .section-subtitle {
    font-size: 1.25rem;
    line-height: 2.5rem;
    font-weight: 600;
    margin-bottom: 0.625rem;
  }
}
.help.increase-limit .hero .section-title {
  margin-bottom: 0.95rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .hero .section-title {
    margin-bottom: 2.125rem;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .hero .section-title {
    margin-bottom: 2.125rem;
  }
}
.help.increase-limit .hero .section-description {
  font-size: 0.85rem;
  line-height: 1.3rem;
  font-weight: 600;
  color: #727171;
  margin-bottom: 4.25rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .hero .section-description {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 1.5rem;
    color: #707070;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .hero .section-description {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 1.5rem;
    color: #707070;
  }
}
.help.increase-limit .hero .hero-img {
  width: 15.175rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .hero .hero-img {
    width: 19.25rem;
    margin-bottom: unset;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .hero .hero-img {
    width: 19.25rem;
    margin-bottom: unset;
  }
}
.help.increase-limit .conversion-process {
  background-color: #ffffff;
}
.help.increase-limit .conversion-process .section-title {
  margin-bottom: 3.95rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .conversion-process .section-title {
    margin-bottom: 6.25rem;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .conversion-process .section-title {
    margin-bottom: 6.25rem;
  }
}
.help.increase-limit .conversion-process .process-steps {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .conversion-process .process-steps {
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .conversion-process .process-steps {
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between;
  }
}
.help.increase-limit .conversion-process .process-steps .process-step {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .conversion-process .process-steps .process-step {
    gap: 2.5rem;
    flex-direction: column;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .conversion-process .process-steps .process-step {
    gap: 2.5rem;
    flex-direction: column;
  }
}
.help.increase-limit .conversion-process .process-steps .process-step .process-step-icon-wrapper {
  border-radius: 50%;
  background-color: #fafafc;
  width: 7.5rem;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .conversion-process .process-steps .process-step .process-step-icon-wrapper {
    width: 12rem;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .conversion-process .process-steps .process-step .process-step-icon-wrapper {
    width: 12rem;
  }
}
.help.increase-limit .conversion-process .process-steps .process-step .process-step-icon-wrapper .process-step-icon {
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
}
.help.increase-limit .conversion-process .process-steps .process-step .process-step-icon-wrapper .process-step-icon img {
  width: 50%;
}
.help.increase-limit .conversion-process .process-steps .process-step .process-step-content {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 0.25rem;
}
.help.increase-limit .conversion-process .process-steps .process-step .process-step-content .process-step-number {
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.75rem;
  color: #707070;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .conversion-process .process-steps .process-step .process-step-content .process-step-number {
    display: none;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .conversion-process .process-steps .process-step .process-step-content .process-step-number {
    display: none;
  }
}
.help.increase-limit .conversion-process .process-steps .process-step .process-step-content .process-step-title {
  font-size: 1.26rem;
  line-height: 1.375rem;
  font-weight: 500;
  color: #0a0a0a;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .conversion-process .process-steps .process-step .process-step-content .process-step-title {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 500;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .conversion-process .process-steps .process-step .process-step-content .process-step-title {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 500;
  }
}
.help.increase-limit .conversion-process .process-steps .process-step-arrow {
  display: none;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .conversion-process .process-steps .process-step-arrow {
    display: block;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .conversion-process .process-steps .process-step-arrow {
    display: block;
  }
}
.help.increase-limit .investor-types .section-title {
  margin-bottom: 3.95rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .investor-types .section-title {
    margin-bottom: 6.25rem;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .investor-types .section-title {
    margin-bottom: 6.25rem;
  }
}
.help.increase-limit .investor-types .investor-type-cards {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .investor-types .investor-type-cards {
    flex-direction: row;
    gap: 3.75rem;
    align-items: flex-start;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .investor-types .investor-type-cards {
    flex-direction: row;
    gap: 3.75rem;
    align-items: flex-start;
  }
}
.help.increase-limit .investor-types .investor-type-cards .investor-type-card {
  background-color: #ffffff;
  padding: 2.5rem 2rem;
  border-radius: 0.978125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .investor-types .investor-type-cards .investor-type-card {
    border-radius: 1.25rem;
    padding: 3.4375rem 2.5rem;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .investor-types .investor-type-cards .investor-type-card {
    border-radius: 1.25rem;
    padding: 3.4375rem 2.5rem;
  }
}
.help.increase-limit .investor-types .investor-type-cards .investor-type-card .investor-type-icon {
  width: 4rem;
  aspect-ratio: 1/1;
  margin-bottom: 2.5rem;
}
.help.increase-limit .investor-types .investor-type-cards .investor-type-card .investor-type-icon img {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .investor-types .investor-type-cards .investor-type-card .investor-type-icon {
    width: 5rem;
    margin-bottom: 2.625rem;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .investor-types .investor-type-cards .investor-type-card .investor-type-icon {
    width: 5rem;
    margin-bottom: 2.625rem;
  }
}
.help.increase-limit .investor-types .investor-type-cards .investor-type-card .investor-type-title {
  font-size: 1.26rem;
  line-height: 1.5625rem;
  color: #0a0a0a;
  font-weight: 700;
  margin-bottom: 1.95rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .investor-types .investor-type-cards .investor-type-card .investor-type-title {
    font-size: 2.25rem;
    line-height: 2rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .investor-types .investor-type-cards .investor-type-card .investor-type-title {
    font-size: 2.25rem;
    line-height: 2rem;
    margin-bottom: 2.5rem;
  }
}
.help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section {
  width: 100%;
  text-align: left;
}
.help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section:not(:last-child) {
  margin-bottom: 1.95rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
.help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section .criteria-label {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.3125rem;
  font-weight: 600;
  color: #ffffff;
  padding: 0 0.3rem;
  border-radius: 0.33rem;
  color: #ffffff;
  background-color: #707070;
  margin-bottom: 0.7rem;
}
.help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section .criteria-label-orange {
  background-color: #ff5c00;
}
.help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section .criteria-label-blue {
  background-color: #0f82ff;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section .criteria-label {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    line-height: 1.6875rem;
    padding: 0 0.375rem;
    border-radius: 0.421875rem;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section .criteria-label {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    line-height: 1.6875rem;
    padding: 0 0.375rem;
    border-radius: 0.421875rem;
  }
}
.help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section .criteria-list {
  font-size: 0.7rem;
  line-height: 1.175rem;
  color: #0a0a0a;
  font-weight: 500;
  margin-bottom: 0.725rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section .criteria-list {
    font-size: 1.125rem;
    line-height: 1.1;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section .criteria-list {
    font-size: 1.125rem;
    line-height: 1.1;
    margin-bottom: 1.25rem;
  }
}
.help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section .criteria-list .highlight {
  font-weight: 700;
}
.help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section .criteria-list li:before {
  content: "·";
  font-size: 1.8em;
  margin-right: 0.2em;
  vertical-align: sub;
}
.help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section .criteria-note {
  font-size: 0.7rem;
  line-height: 1.5625rem;
  font-weight: 500;
  color: #707070;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section .criteria-note {
    font-size: 1rem;
    line-height: 2rem;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .investor-types .investor-type-cards .investor-type-card .criteria-section .criteria-note {
    font-size: 1rem;
    line-height: 2rem;
  }
}
.help.increase-limit .investor-types .investor-conversion-button {
  margin-top: 2.5rem;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .investor-types .investor-conversion-button {
    margin-top: 5rem;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .investor-types .investor-conversion-button {
    margin-top: 5rem;
  }
}
.help.increase-limit .investor-types .investor-conversion-button .btn {
  width: 100%;
  max-width: 20rem;
  color: #ffffff;
  padding: 1.025rem;
  background-color: #0f82ff;
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .investor-types .investor-conversion-button .btn {
    max-width: 22.5rem;
    border-radius: 0.625rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .help.increase-limit .investor-types .investor-conversion-button .btn {
    max-width: 22.5rem;
    border-radius: 0.625rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
.help.increase-limit .customer-service {
  background: #25282f url("/resources/fo/invest/common/images/main-inquiry-background.png") no-repeat 100% 0%/30%;
  color: #ffffff;
}
@media (min-width: 1225px) {
  .help.increase-limit .customer-service {
    background: #25282f url("/resources/fo/invest/common/images/main-inquiry-background.png") no-repeat 100% 0%/400px;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .customer-service {
    background: #25282f url("/resources/fo/invest/common/images/main-inquiry-background.png") no-repeat 100% 0%/400px;
  }
}
.help.increase-limit .customer-service .section-title {
  color: #ffffff;
  font-size: 1.44rem;
  line-height: 1.91875rem;
  margin-bottom: 4.975rem;
}
@media (min-width: 1225px) {
  .help.increase-limit .customer-service .section-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.25rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .customer-service .section-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.25rem;
    margin-bottom: 2.5rem;
  }
}
.help.increase-limit .customer-service .customer-inquiry-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.help.increase-limit .customer-service .customer-inquiry-list .customer-inquiry-item:first-of-type .customer-inquiry-item-link {
  background-color: transparent;
  border: 1px solid #ffffff;
}
.help.increase-limit .customer-service .customer-inquiry-list .customer-inquiry-item:last-of-type .customer-inquiry-item-link::before {
  content: "";
  display: block;
  margin-right: 0.25rem;
  width: 1.625rem;
  aspect-ratio: 1/1;
  background: url("/resources/fo/invest/common/images/icons/kakaochat.png") no-repeat center/contain;
}
.help.increase-limit .customer-service .customer-inquiry-list .customer-inquiry-item-link {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  width: 100%;
  max-width: 30rem;
  height: 3.3rem;
  padding: 1.025rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
  background-color: #2b7ee8;
}
@media (min-width: 1225px) {
  .help.increase-limit .customer-service .customer-inquiry-list .customer-inquiry-item-link {
    border-radius: 0.75rem;
    height: 4.50625rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.increase-limit .customer-service .customer-inquiry-list .customer-inquiry-item-link {
    border-radius: 0.75rem;
    height: 4.50625rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.help.faq {
  background-color: #ffffff;
}
.help.faq .content-wrap {
  padding: 4rem 1.25rem;
  max-width: 60rem;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .content-wrap {
    padding: 5rem 2.5rem;
  }
}
@media (min-width: 1225px) {
  .help.faq .content-wrap {
    padding: 6.25rem 0rem;
  }
}
.help.faq .faq-hero {
  text-align: center;
  background-color: #fafafc;
}
.help.faq .faq-hero .faq-hero-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.95rem;
  color: #1a1f27;
  margin-bottom: 2.425rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .faq-hero .faq-hero-title {
    font-size: 2.75rem;
    line-height: 3rem;
    color: #070707;
    margin-bottom: 0;
  }
}
@media (min-width: 1225px) {
  .help.faq .faq-hero .faq-hero-title {
    font-size: 2.75rem;
    line-height: 3rem;
    color: #070707;
    margin-bottom: 0;
  }
}
.help.faq .faq-hero .faq-hero-graphic {
  margin-bottom: 2.5rem;
  display: grid;
  place-items: center;
  aspect-ratio: 1/1;
  width: 17.3rem;
}
.help.faq .faq-hero .faq-hero-graphic img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .faq-hero .faq-hero-graphic {
    width: 18.75rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1225px) {
  .help.faq .faq-hero .faq-hero-graphic {
    width: 18.75rem;
    margin-bottom: 0;
  }
}
.help.faq .faq-hero .faq-search-wrapper {
  width: 100%;
  max-width: 20rem;
  margin: 0 auto;
  position: relative;
  font-size: 1rem;
}
.help.faq .faq-hero .faq-search-wrapper::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url("/resources/fo/invest/common/images/search-light-gray.svg") no-repeat center/contain;
  position: absolute;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .faq-hero .faq-search-wrapper {
    max-width: 46.125rem;
    font-size: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .help.faq .faq-hero .faq-search-wrapper {
    max-width: 46.125rem;
    font-size: 1.5rem;
  }
}
.help.faq .faq-hero .faq-search-input {
  display: block;
  width: 100%;
  padding: 0.6rem 1.5rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  border: 0.0525rem solid #bdbdbd;
  border-radius: 0.52625rem;
  line-height: 1.475rem;
  font-weight: 500;
  color: #070707;
  font-size: inherit;
  background-color: #ffffff;
}
.help.faq .faq-hero .faq-search-input::-webkit-search-cancel-button {
  display: none;
}
.help.faq .faq-hero .faq-search-input::-webkit-search-decoration {
  display: none;
}
.help.faq .faq-hero .faq-search-input::-webkit-search-results-button {
  display: none;
}
.help.faq .faq-hero .faq-search-input::-webkit-search-results-decoration {
  display: none;
}
.help.faq .faq-hero .faq-search-input::-ms-clear {
  display: none;
}
.help.faq .faq-hero .faq-search-input::-ms-reveal {
  display: none;
}
.help.faq .faq-hero .faq-search-input::-moz-placeholder {
  color: #bdbdbd;
}
.help.faq .faq-hero .faq-search-input::placeholder {
  color: #bdbdbd;
}
.help.faq .faq-hero .faq-search-input:focus {
  outline: none;
  border-color: #fa7300;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .faq-hero .faq-search-input {
    line-height: 1.75rem;
    padding: 1.375rem 1.875rem;
    padding-left: 4.1875rem;
    padding-right: 4.1875rem;
    border-radius: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .help.faq .faq-hero .faq-search-input {
    line-height: 1.75rem;
    padding: 1.375rem 1.875rem;
    padding-left: 4.1875rem;
    padding-right: 4.1875rem;
    border-radius: 0.625rem;
  }
}
.help.faq .faq-hero .faq-search-clear {
  display: none;
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  border: none;
  background: url("/resources/fo/invest/common/images/icons/close_gray.svg") no-repeat center/contain;
  cursor: pointer;
  padding: 0;
  opacity: 0.6;
  transition: opacity 0.2s ease;
  z-index: 2;
}
.help.faq .faq-hero .faq-search-clear:hover {
  opacity: 1;
}
.help.faq .faq-hero .faq-search-clear.show {
  display: block;
}
.help.faq .faq-section {
  background-color: #ffffff;
}
.help.faq .faq-section .section-title {
  text-align: center;
  margin-bottom: 2.45rem;
  font-size: 1.5rem;
  line-height: 1.95rem;
  font-weight: 700;
  color: #1a1f27;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .faq-section .section-title {
    margin-bottom: 6.25rem;
    font-size: 2.5rem;
    line-height: 3.25rem;
    color: #0a0a0a;
  }
}
@media (min-width: 1225px) {
  .help.faq .faq-section .section-title {
    margin-bottom: 6.25rem;
    font-size: 2.5rem;
    line-height: 3.25rem;
    color: #0a0a0a;
  }
}
.help.faq .faq-section .faq-tabs {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0.725rem;
  margin-bottom: 4rem;
  border-bottom: none;
  list-style: none;
  padding: 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .faq-section .faq-tabs {
    gap: 6rem;
    margin-bottom: 6.25rem;
  }
}
@media (min-width: 1225px) {
  .help.faq .faq-section .faq-tabs {
    gap: 6rem;
    margin-bottom: 6.25rem;
  }
}
.help.faq .faq-section .faq-tabs li {
  margin: 0;
}
.help.faq .faq-section .faq-tab {
  background: none;
  border: none;
  border-bottom: 0.05rem solid transparent;
  padding: 0.5875rem 0.3875rem;
  font-size: 0.85rem;
  line-height: 0.675rem;
  font-weight: 600;
  color: #727171;
  cursor: pointer;
  transition: color 0.3s ease, border-color 0.3s ease;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .faq-section .faq-tab {
    font-size: 1.5rem;
    line-height: 1.6875rem;
    padding: 0.625rem 0.75rem;
    border-bottom-width: 0.125rem;
  }
}
@media (min-width: 1225px) {
  .help.faq .faq-section .faq-tab {
    font-size: 1.5rem;
    line-height: 1.6875rem;
    padding: 0.625rem 0.75rem;
    border-bottom-width: 0.125rem;
  }
}
.help.faq .faq-section .faq-tab:hover {
  color: #515151;
}
.help.faq .faq-section .faq-tab.active {
  color: #ff5c00;
  border-bottom-color: #ff5c00;
}
.help.faq .faq-section .faq-list-wrapper {
  width: 100%;
  margin: 0 auto;
}
.help.faq .faq-section .faq-list-wrapper .faq-div {
  margin-bottom: 3.9875rem;
  display: flex;
  flex-direction: column;
  gap: 0.7375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .faq-section .faq-list-wrapper .faq-div {
    gap: 1.25rem;
    margin-bottom: 6.25rem;
  }
}
@media (min-width: 1225px) {
  .help.faq .faq-section .faq-list-wrapper .faq-div {
    gap: 1.25rem;
    margin-bottom: 6.25rem;
  }
}
.help.faq .faq-section .faq-list-wrapper .faq-list {
  font-size: 0.85rem;
  line-height: 0.9rem;
  border-radius: 0.375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .faq-section .faq-list-wrapper .faq-list {
    font-size: 1.5rem;
    line-height: 2.25rem;
    border-radius: 0.9375rem;
  }
}
@media (min-width: 1225px) {
  .help.faq .faq-section .faq-list-wrapper .faq-list {
    font-size: 1.5rem;
    line-height: 2.25rem;
    border-radius: 0.9375rem;
  }
}
.help.faq .faq-section .faq-list-wrapper .faq-list .faq-tit {
  border-radius: inherit;
  border: none;
  outline: none;
  overflow: hidden;
  transition: all 0.1s ease;
}
.help.faq .faq-section .faq-list-wrapper .faq-list .faq-tit a {
  background-color: #fafafc;
  display: flex;
  align-items: center;
  padding: 0.6rem 0.75rem;
  text-decoration: none;
  color: #070707;
  font-weight: 500;
  cursor: pointer;
  gap: 0.35rem;
  border: none;
  outline: none;
  font-size: inherit;
  line-height: inherit;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .faq-section .faq-list-wrapper .faq-list .faq-tit a {
    padding: 1.5rem 1.875rem;
    gap: 0.875rem;
  }
}
@media (min-width: 1225px) {
  .help.faq .faq-section .faq-list-wrapper .faq-list .faq-tit a {
    padding: 1.5rem 1.875rem;
    gap: 0.875rem;
  }
}
.help.faq .faq-section .faq-list-wrapper .faq-list .faq-tit .tit {
  flex: 1;
  text-align: left;
  font-size: inherit;
  line-height: inherit;
}
.help.faq .faq-section .faq-list-wrapper .faq-list .faq-tit.active {
  border-bottom-left-radius: 0.0625rem;
  border-bottom-right-radius: 0;
}
.help.faq .faq-section .faq-list-wrapper .faq-list .faq-tit.active .faq-chevron {
  transform: rotate(180deg);
}
.help.faq .faq-section .faq-list-wrapper .faq-list .faq_cont {
  display: block !important;
  max-height: 0;
  overflow: hidden;
  background-color: #f6f6f6;
  border-radius: inherit;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 0 2em;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding-top 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding-bottom 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  color: #727171;
  font-size: inherit;
  line-height: 1.4;
  font-weight: 600;
}
.help.faq .faq-section .faq-list-wrapper .faq-list .faq_cont.active {
  display: block !important;
  max-height: 1000px;
  padding-top: 1.8em;
  padding-bottom: 1.8em;
}
.help.faq .faq-section .faq-list-wrapper .faq-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.25rem;
  border-radius: inherit;
  font-size: 0.6rem;
  line-height: 1.05rem;
  font-weight: 600;
  flex-shrink: 0;
  white-space: nowrap;
}
.help.faq .faq-section .faq-list-wrapper .faq-tag.faq-tag-orange {
  background-color: #ff5c00;
  color: #ffffff;
}
.help.faq .faq-section .faq-list-wrapper .faq-tag.faq-tag-blue {
  background-color: #0f82ff;
  color: #ffffff;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .faq-section .faq-list-wrapper .faq-tag {
    padding: 0 0.625rem;
    border-radius: 0.625rem;
    font-size: 1.125rem;
    line-height: 2.625rem;
  }
}
@media (min-width: 1225px) {
  .help.faq .faq-section .faq-list-wrapper .faq-tag {
    padding: 0 0.625rem;
    border-radius: 0.625rem;
    font-size: 1.125rem;
    line-height: 2.625rem;
  }
}
.help.faq .faq-section .faq-list-wrapper .faq-chevron {
  width: 0.8em;
  height: 0.8em;
  background: url("/resources/fo/invest/common/images/icons/chevron-gray-rounded.svg") no-repeat center/contain;
  flex-shrink: 0;
  opacity: 0.5;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.help.faq .faq-section .faq-list-wrapper .faq-more-wrapper {
  text-align: center;
}
.help.faq .faq-section .faq-list-wrapper .faq-more-wrapper .btn-more {
  background-color: #0081ec;
  color: #ffffff;
  width: 100%;
  max-width: 20rem;
  border: none;
  border-radius: 0.5rem;
  padding: 1.025rem;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .faq-section .faq-list-wrapper .faq-more-wrapper .btn-more {
    padding: 0.9375rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    border-radius: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .help.faq .faq-section .faq-list-wrapper .faq-more-wrapper .btn-more {
    padding: 0.9375rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    border-radius: 0.625rem;
  }
}
.help.faq .customer-service {
  background: #25282f url("/resources/fo/invest/common/images/main-inquiry-background.png") no-repeat 100% 0%/30%;
  color: #ffffff;
}
@media (min-width: 1225px) {
  .help.faq .customer-service {
    background: #25282f url("/resources/fo/invest/common/images/main-inquiry-background.png") no-repeat 100% 0%/400px;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .customer-service {
    background: #25282f url("/resources/fo/invest/common/images/main-inquiry-background.png") no-repeat 100% 0%/400px;
  }
}
.help.faq .customer-service .section-title {
  color: #ffffff;
  font-size: 1.44rem;
  line-height: 1.91875rem;
  margin-bottom: 4.975rem;
}
@media (min-width: 1225px) {
  .help.faq .customer-service .section-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.25rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .customer-service .section-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.25rem;
    margin-bottom: 2.5rem;
  }
}
.help.faq .customer-service .customer-inquiry-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.help.faq .customer-service .customer-inquiry-list .customer-inquiry-item:first-of-type .customer-inquiry-item-link {
  background-color: transparent;
  border: 1px solid #ffffff;
}
.help.faq .customer-service .customer-inquiry-list .customer-inquiry-item:last-of-type .customer-inquiry-item-link::before {
  content: "";
  display: block;
  margin-right: 0.25rem;
  width: 1.625rem;
  aspect-ratio: 1/1;
  background: url("/resources/fo/invest/common/images/icons/kakaochat.png") no-repeat center/contain;
}
.help.faq .customer-service .customer-inquiry-list .customer-inquiry-item-link {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  width: 100%;
  max-width: 30rem;
  height: 3.3rem;
  padding: 1.025rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
  background-color: #2b7ee8;
}
@media (min-width: 1225px) {
  .help.faq .customer-service .customer-inquiry-list .customer-inquiry-item-link {
    border-radius: 0.75rem;
    height: 4.50625rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .help.faq .customer-service .customer-inquiry-list .customer-inquiry-item-link {
    border-radius: 0.75rem;
    height: 4.50625rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}