@charset "UTF-8";
@import url(commons.css);
@import url(custom-style_scss_ver.css);
@import url(default-element_scss_ver.css);
@import url(button.css);
@import url(shadow_scss.css);
@import url(user-define.css);
@import url(HeaderFooter.css);
.interval-border-box {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--gray-300);
}

/* body/프리 본문 텍스트 */
/* heading6/프리 헤딩6 텍스트 */
/* //heading6/프리 헤딩6 텍스트 */
/* heading6/프리 헤딩5 텍스트 */
/* heading4/프리 헤딩4 텍스트 */
/* heading4/프리 헤딩3 텍스트 */
/*스위트 디스 스몰 텍스트*/
/* //heading6/프리 헤딩5 텍스트 */
.FreeHeading3Txt {
  font-size: 24px;
  line-height: 1;
  font-weight: 300;
}
.SeniorMode .FreeHeading3Txt {
  font-size: 26px;
  line-height: 1.1;
}
@media (min-width: 1280px) {
  .FreeHeading3Txt {
    font-size: 28px;
    line-height: 1;
  }
  .SeniorMode .FreeHeading3Txt {
    font-size: 30px;
    line-height: 1;
  }
}

.FreeHeading4Txt {
  font-size: 22px;
  line-height: 1.31;
  font-weight: 300;
}
.SeniorMode .FreeHeading4Txt {
  font-size: 24px;
  line-height: 1.41;
}
@media (min-width: 1280px) {
  .FreeHeading4Txt {
    font-size: 24px;
    line-height: 1.34;
  }
  .SeniorMode .FreeHeading4Txt {
    font-size: 26px;
    line-height: 1.46;
  }
}

.FreeHeading6Txt {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
}
.SeniorMode .FreeHeading6Txt {
  font-size: 20px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .FreeHeading6Txt {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .FreeHeading6Txt {
    font-size: 20px;
    line-height: 1.5;
  }
}
.dark-mode .FreeHeading6Txt {
  color: #F4F5F6;
}

.FreeHeading5Txt {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
}
.SeniorMode .FreeHeading5Txt {
  font-size: 22px;
  line-height: 1.4;
}
@media (min-width: 1280px) {
  .FreeHeading5Txt {
    font-size: 20px;
    line-height: 1.45;
  }
  .SeniorMode .FreeHeading5Txt {
    font-size: 22px;
    line-height: 1.45;
  }
}

.MontserratHeading4Txt {
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
  font-family: "Montserrat";
}
@media (min-width: 1280px) {
  .MontserratHeading4Txt {
    font-size: 24px;
  }
}

.FreeBodyTxt {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
}
.SeniorMode .FreeBodyTxt {
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .FreeBodyTxt {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .FreeBodyTxt {
    font-size: 20px;
    line-height: 1.5;
  }
}

.SuiteHeading3Txt {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 800;
  font-family: "SUITE";
}
@media (min-width: 1280px) {
  .SuiteHeading3Txt {
    font-size: 28px;
  }
}

.SuiteHeading4Txt {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  font-family: "SUITE";
}
@media (min-width: 1280px) {
  .SuiteHeading4Txt {
    font-size: 24px;
  }
  .SeniorMode .SuiteHeading4Txt {
    font-size: 26px;
  }
}
.dark-mode .SuiteHeading4Txt {
  color: #FCFCFD;
}

.SuiteHeading5Txt {
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  font-family: "SUITE";
}
.MontserratHeading5Txt {
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  font-family: "Montserrat";
}
.SeniorMode .MontserratHeading5Txt {
  font-size: 22px;
}
@media (min-width: 1280px) {
  .MontserratHeading5Txt {
    font-size: 20px;
  }
}

.dark-mode * {
  color: #FCFCFD;
}

html {
  font-size: 1px;
}

.simplebar-scrollbar {
  width: 8px;
}
.simplebar-scrollbar:before {
  background: var(--secondary-500);
}

.simplebar-track.simplebar-vertical {
  width: 8px;
  background-color: rgba(238, 238, 238, 0);
}

.wrap {
  min-height: 100vh;
  background: #F2F6FA;
}
.wrap.sub {
  background: #fff;
}
.dark-mode .wrap {
  background: var(--gray-900);
}

[class^=sub-banner-] {
  padding: 40px 0;
  margin-top: 80px;
  position: relative;
  /* navigation */
}
[class^=sub-banner-] .bg {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  left: 50%;
  z-index: 1;
  filter: blur(96.30519104px);
}
[class^=sub-banner-] .txtbox {
  text-align: center;
}
[class^=sub-banner-] .txtbox .txt1 {
  font-family: "SUITE";
  font-size: 32rem;
  display: inline-flex;
  align-items: center;
  font-weight: 800;
  line-height: 1;
}
[class^=sub-banner-] .txtbox .txt1 + .navigation {
  margin-top: 24rem;
}
.dark-mode [class^=sub-banner-] .txtbox .txt1 {
  color: #FCFCFD;
}
[class^=sub-banner-] .txtbox .txt1 > i {
  font-size: 32px;
  color: var(--secondary-500);
  margin-right: 12px;
}
[class^=sub-banner-] .txtbox .txt2 {
  font-size: 20rem;
  font-weight: 300;
  display: block;
  line-height: 145%;
  margin: 24px 0;
}
.dark-mode [class^=sub-banner-] .txtbox .txt2 {
  color: var(--gray-400);
}
[class^=sub-banner-] .navigation > .row {
  justify-content: center;
}
[class^=sub-banner-] .navigation > .row > div.now {
  color: var(--primary-500);
  font-weight: 600;
}
.dark-mode [class^=sub-banner-] .navigation > .row > div.now {
  color: var(--primary-300);
}
.dark-mode [class^=sub-banner-] .navigation > .row > div.home a > * {
  color: var(--gray-400);
}
.dark-mode [class^=sub-banner-] .navigation > .row > div.home a > i {
  color: var(--gray-400);
}

.subpage .sub-banner-1.bb-in {
  padding-bottom: 32px;
}
.subpage .sub-banner-1.bb-in .datum-point {
  margin: 0 24rem;
  padding-bottom: 40rem;
  border-bottom: 1px solid #6C7680;
}
.subpage .sub-banner-2 {
  padding-bottom: 32px;
}
.subpage .sub-banner-2 .datum-point {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0 24rem;
  padding-bottom: 40rem;
  border-bottom: 2px solid #6C7680;
}
.subpage .sub-banner-2 .datum-point .txtbox {
  text-align: center;
  margin-bottom: 32px;
}
.subpage .sub-banner-2 .datum-point .txtbox .navigation .row {
  justify-content: center;
}
.subpage .sub-banner-2 .datum-point .userinfo {
  border-radius: 16px;
  border: 1px solid var(--gray-300);
  background: var(--gradient-1);
  position: relative;
  box-shadow: var(--ShadowBottom-lev2);
  padding: 24px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 768px;
  margin: auto;
}
.subpage .sub-banner-2 .datum-point .userinfo > * {
  position: relative;
  z-index: 1;
}
.subpage .sub-banner-2 .datum-point .userinfo::before {
  content: "";
  border-radius: 16px;
  position: absolute;
  inset: 0;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
.dark-mode .subpage .sub-banner-2 .datum-point .userinfo {
  background: var(--dark-gradient-1);
}
.dark-mode .subpage .sub-banner-2 .datum-point .userinfo {
  border-color: var(--gray-700);
}
.subpage .sub-banner-2 .datum-point .userinfo > img {
  height: 119px;
  margin-right: 32px;
  display: none;
}
.subpage .sub-banner-2 .datum-point .userinfo .txtbox {
  margin-bottom: 0;
}
.subpage .sub-banner-2 .datum-point .userinfo .txtbox .txt1 {
  font-size: 24rem;
  font-weight: 700;
  font-family: "SUITE";
  margin-bottom: 4px;
}
.dark-mode .subpage .sub-banner-2 .datum-point .userinfo .txtbox .txt1 {
  color: #FCFCFD;
}
.subpage .sub-banner-2 .datum-point .userinfo .txtbox .txt2 {
  font-weight: 300;
  margin: 0;
  line-height: 1;
  font-size: 18rem;
  margin-bottom: 8px;
}
.dark-mode .subpage .sub-banner-2 .datum-point .userinfo .txtbox .txt2 {
  color: #FCFCFD;
}
.subpage .sub-banner-2 .datum-point .userinfo .txtbox [class*=btn-] {
  display: flex;
  width: 137px;
  width: 100%;
  margin-bottom: 8px;
  justify-content: center;
}
.subpage .sub-banner-2 .datum-point .userinfo .txtbox [class*=btn-]:last-child {
  margin-bottom: 0;
}

.subpage {
  overflow: hidden;
}
.subpage .datum-point {
  max-width: 1216px;
  margin: auto;
  position: relative;
  z-index: 1;
  padding: 0 24px;
}

.submenu {
  border-radius: 16px;
  border: 1px solid var(--gray-300);
  background: var(--gradient-1);
  position: relative;
  box-shadow: var(--ShadowBottom-lev3);
  padding: 0 24px;
  position: relative;
  z-index: 1;
  border-radius: 0;
  margin: 0 -24px;
}
.submenu > * {
  position: relative;
  z-index: 1;
}
.submenu::before {
  content: "";
  border-radius: 16px;
  position: absolute;
  inset: 0;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
.dark-mode .submenu {
  background: linear-gradient(180deg, rgba(244, 245, 246, 0.15) 0%, rgba(244, 245, 246, 0.07) 100%);
}
.dark-mode .submenu {
  border-color: var(--gray-700);
}
.submenu .wrapper {
  justify-content: space-between;
  height: 48px;
}
.SeniorMode .submenu .wrapper {
  height: 56px;
}
.submenu .wrapper .slide {
  flex: 1 0 0%;
  flex-grow: 0;
  white-space: nowrap;
  text-align: center;
}
.submenu .wrapper .slide.over-slide {
  flex: none;
  width: auto !important;
}
.submenu .wrapper .slide a {
  height: 100%;
  display: inline-flex;
  align-items: center;
  border-bottom: 2px solid #fff;
  color: #6C7680;
  justify-content: center;
  font-size: 16rem;
}
.dark-mode .submenu .wrapper .slide a {
  color: var(--gray-400);
}
.dark-mode .submenu .wrapper .slide a {
  border-color: rgba(255, 255, 255, 0);
}
.submenu .wrapper .slide a.active {
  font-weight: 600;
  color: var(--primary-500);
  border-color: var(--primary-500);
}
.dark-mode .submenu .wrapper .slide a.active {
  color: var(--primary-300);
}
.dark-mode .submenu .wrapper .slide a.active {
  border-color: var(--primary-300);
}
.submenu .wrapper .slide a:hover {
  font-weight: 400;
  color: var(--primary-500);
}
.dark-mode .submenu .wrapper .slide a:hover {
  color: var(--primary-300);
}

.Depth3 .depth3-box {
  margin: 0 -24px;
  padding: 0 24px;
  border-bottom: 1px solid var(--gray-300);
  background: linear-gradient(180deg, rgba(155, 164, 171, 0.1) 0%, rgba(155, 164, 171, 0.03) 100%);
}
.Depth3 .depth3-box .wrapper .slide {
  width: auto;
}
.Depth3 .depth3-box .wrapper .slide a {
  color: #6C7680;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  height: 48px;
  justify-content: center;
}
.Depth3 .depth3-box .wrapper .slide a.active {
  color: var(--primary-500);
}
.dark-mode .Depth3 .depth3-box .wrapper .slide a.active {
  color: var(--primary-300);
}

.subContent {
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
}
[class^=sub-banner-] + .datum-point + .subContent {
  padding-top: 40px;
}

.file-download-1 ul .list {
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--gray-300);
}
.file-download-1 ul .list:first-child {
  border-top: 1px solid var(--black-500);
}
.dark-mode .file-download-1 ul .list:first-child {
  border-color: var(--gray-700);
}
.file-download-1 ul .list:last-child {
  border-bottom-color: var(--black-500);
}
.dark-mode .file-download-1 ul .list:last-child {
  border-color: var(--gray-700);
}
.dark-mode .file-download-1 ul .list {
  border-color: var(--gray-700);
}
.file-download-1 ul .list .num {
  font-family: "Montserrat";
  font-size: 32rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 8px;
}
.dark-mode .file-download-1 ul .list .num {
  color: #FCFCFD;
}
.file-download-1 ul .list .txt {
  flex: 1 0 0%;
  max-width: 900px;
  margin-bottom: 24px;
}
.file-download-1 ul .list .txt .txt1 {
  line-height: 1;
  font-weight: 600;
  font-size: 20rem;
  margin-bottom: 8px;
}
.dark-mode .file-download-1 ul .list .txt .txt1 {
  color: #FCFCFD;
}
.file-download-1 ul .list .txt .txt2 {
  font-size: 15rem;
}
.dark-mode .file-download-1 ul .list .txt .txt2 {
  color: var(--gray-50);
}

.bottom-box {
  padding-top: 40px;
}
.bottom-box > .row {
  align-items: center;
  margin: -16px;
}
.bottom-box > .row > div {
  padding: 16px;
  text-align: center;
}
.bottom-box [class*=btn-] {
  width: 100%;
  justify-content: center;
}

.detail-box {
  border-top: 1px solid var(--black-500);
}
.dark-mode .detail-box {
  border-color: var(--gray-700);
}
.detail-box .top {
  padding: 32px 0;
}
.detail-box .top .title {
  font-weight: 800;
  font-size: 32rem;
  line-height: 1.2;
  word-wrap: break-word;
  margin-bottom: 12px;
}
.dark-mode .detail-box .top .title {
  color: #FCFCFD;
}
.detail-box .top .info-list {
  margin: -4px;
}
.detail-box .top .info-list li {
  padding: 4px;
}
.detail-box .body {
  padding: 32px 0;
  border-top: 1px solid var(--gray-300);
  border-bottom: 1px solid var(--gray-300);
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
}
.detail-box .body.white-space-pre-wrap {
  white-space: pre-wrap;
}
.SeniorMode .detail-box .body {
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .detail-box .body {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .detail-box .body {
    font-size: 20px;
    line-height: 1.5;
  }
}
.dark-mode .detail-box .body {
  color: #FCFCFD;
}
.detail-box .sub-list {
  padding: 24px 0;
}
.detail-box .sub-list li {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.dark-mode .detail-box .sub-list li {
  color: #F4F5F6;
}
.detail-box .sub-list li p {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  color: inherit;
}
.detail-box .sub-list li p i {
  font-size: 20rem;
  margin-right: 8px;
  color: inherit;
}
.detail-box .sub-list li p em {
  color: #6C7680;
  font-size: 16rem;
  font-weight: 600;
  line-height: 1; /* 100% */
}
.dark-mode .detail-box .sub-list li p em {
  color: #AFB6BB;
}
.detail-box .sub-list li span {
  font-size: 16rem;
  line-height: 1; /* 100% */
  color: inherit;
}
.detail-box .sub-list li span a {
  color: var(--indigo-500);
  font-weight: 500;
  margin: 4px;
  font-size: inherit;
  display: inline-block;
  line-height: 1;
}
.detail-box .sub-list li span a > * {
  color: inherit;
  font-size: inherit;
}
.detail-box .bottom {
  border-top: 2px solid #6C7680;
  border-bottom: 2px solid #6C7680;
}
.detail-box .bottom ul li {
  border-bottom: 1px solid var(--gray-300);
  padding: 24px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.detail-box .bottom ul li:last-child {
  border-bottom: 0;
}
.detail-box .bottom ul li i {
  margin-right: 8px;
  font-size: 16rem;
}
.dark-mode .detail-box .bottom ul li i {
  color: #F4F5F6;
}
.detail-box .bottom ul li em {
  font-size: 16rem;
  color: var(--primary-500);
  margin-right: 8px;
  line-height: 1;
}
.detail-box .bottom ul li a {
  font-size: 16rem;
  flex-basis: 100%;
  max-width: 100%;
  padding: 8px 0;
}
.dark-mode .detail-box .bottom ul li a {
  color: #F4F5F6;
}
.detail-box .bottom ul li a > span {
  line-height: 1;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
  text-align: left;
}
.detail-box .bottom ul li span {
  font-size: 16rem;
  flex-basis: 100%;
  max-width: 100%;
  display: block;
  text-align: right;
}
.dark-mode .detail-box .bottom ul li span {
  color: #F4F5F6;
}

.info-list {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  margin: -16px;
}
.info-list li {
  display: flex;
  padding: 16px;
  line-height: 1;
  font-size: 16rem;
  align-items: center;
  padding-bottom: 16rem;
  line-height: 1;
}
.dark-mode .info-list li {
  color: #F4F5F6;
}
.info-list li i {
  font-size: 20rem;
  color: inherit;
  line-height: inherit;
  margin-right: 3rem;
}
.info-list li em {
  font-weight: 600;
  font-size: inherit;
  color: #6C7680;
  line-height: inherit;
  margin-right: 3rem;
}
.dark-mode .info-list li em {
  color: #AFB6BB;
}
.info-list li span {
  font-weight: 400;
  color: inherit;
  line-height: inherit;
  font-size: inherit;
}

.FormAreaBox-1 {
  max-width: 740px;
  margin: auto;
}
.SeniorMode .FormAreaBox-1 {
  max-width: 940px;
}
.FormAreaBox-2 {
  max-width: 940px;
  margin: auto;
}
.SeniorMode .FormAreaBox-2 {
  max-width: 1280px;
}
.FormAreaBox-3 {
  max-width: 480px;
  margin: auto;
}
.SeniorMode .FormAreaBox-3 {
  max-width: 740px;
}
.FormAreaBox-4 {
  max-width: 100%;
  margin: auto;
}
.FormAreaBox .top-tit-1.bb-in {
  padding-bottom: 32rem;
  margin-bottom: 32rem;
}

.top-tit-1 {
  overflow: hidden;
  padding-bottom: 24px;
}
.top-tit-1.bb-in {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1rem solid #6C7680;
}
.dark-mode .top-tit-1.bb-in {
  border-color: var(--gray-400);
}
.top-tit-1.bt-in {
  padding-top: 24px;
  border-top: 2rem solid #6C7680;
}
.dark-mode .top-tit-1.bt-in {
  border-color: var(--gray-400);
}
.top-tit-1 > .row {
  justify-content: space-between;
  margin: -4rem;
}
.top-tit-1 > .row > div {
  flex-grow: 0;
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding: 4rem;
}
.top-tit-1 .txt1 {
  font-size: 28px;
  line-height: 1;
  font-weight: 800;
  font-family: "SUITE";
}
@media (min-width: 1280px) {
  .top-tit-1 .txt1 {
    font-size: 32px;
  }
}
.dark-mode .top-tit-1 .txt1 {
  color: #FCFCFD;
}
.top-tit-1 .txt1.d-flex-ver {
  display: flex;
  align-items: end;
}
.top-tit-1 .txt1.d-flex-ver em {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  font-weight: 300;
  margin-left: 8rem;
}
.SeniorMode .top-tit-1 .txt1.d-flex-ver em {
  font-size: 20px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .top-tit-1 .txt1.d-flex-ver em {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .top-tit-1 .txt1.d-flex-ver em {
    font-size: 20px;
    line-height: 1.5;
  }
}
.top-tit-1 .txt1 i {
  font-size: calc(100% + 8rem);
  margin-right: 8rem;
}
.top-tit-1 .txt1 span {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.top-tit-1 .txt2 {
  display: flex;
  font-size: 15rem;
  align-items: start;
  line-height: 1;
}
.dark-mode .top-tit-1 .txt2 {
  color: #FCFCFD;
}
.top-tit-1 .txt2 .star {
  line-height: 1;
  margin-right: 4px;
  display: inline-flex;
  align-items: start;
}
.top-tit-1 .txt2 span {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.top-tit-1 .txt3 {
  font-size: 15rem;
  font-weight: 400;
  line-height: 133%;
}
.top-tit-1 .txt3 > * {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.top-tit-2.bb-in {
  border-bottom: 1px solid var(--black-500);
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.dark-mode .top-tit-2.bb-in {
  border-color: #FCFCFD;
}
.top-tit-2 .txt1 {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  font-family: "SUITE";
}
@media (min-width: 1280px) {
  .top-tit-2 .txt1 {
    font-size: 24px;
  }
  .SeniorMode .top-tit-2 .txt1 {
    font-size: 26px;
  }
}
.top-tit-2 .txt1 > span {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.top-tit-2 .txt2 {
  display: flex;
  font-size: 12rem;
  align-items: start;
  color: #6C7680;
  line-height: 1;
}
.dark-mode .top-tit-2 .txt2 {
  color: #FCFCFD;
}
.top-tit-2 .txt2 .star {
  line-height: 1;
  margin-right: 3px;
  display: inline-flex;
  align-items: start;
}
.top-tit-2 .txt2 span {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.top-tit-3 .txt1 span {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.text-box-1 .txt1 {
  font-weight: 600;
  font-size: 20rem;
  line-height: 145%;
}
.text-box-1 .txt2 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
}
.SeniorMode .text-box-1 .txt2 {
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .text-box-1 .txt2 {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .text-box-1 .txt2 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.dark-mode .text-box-1 .txt2 {
  color: #FCFCFD;
}
.text-box-1 .txt2 > * {
  font-size: inherit;
}
.text-box-1 .txt2.num {
  counter-reset: list;
}
.text-box-1 .txt2.num li {
  counter-increment: list;
  position: relative;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.text-box-1 .txt2.num li::before {
  content: counter(list);
}
.text-box-lev .area {
  margin-bottom: 40px;
}
.text-box-lev .area:last-child {
  margin-bottom: 0;
}
.text-box-lev .area > * {
  margin-bottom: 8px;
}
.text-box-lev .area > *:last-child {
  margin-bottom: 0;
}
.text-box-lev .area .area {
  margin-bottom: 32px;
}
.text-box-lev .area .area:last-child {
  margin-bottom: 0;
}
.text-box-lev .graybox-1 {
  background: var(--gray-t-10per);
  padding: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
}
.text-box-lev .graybox-1 .txt2 {
  margin-bottom: 16px;
}
.text-box-lev .txt1 {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--gray-300);
  font-family: "SUITE";
  font-size: 22px;
  font-weight: 700;
}
.dark-mode .text-box-lev .txt1 {
  color: #FCFCFD;
}
.dark-mode .text-box-lev .txt1 {
  border-color: var(--gray-700);
}
.text-box-lev .txt1-1 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
}
.SeniorMode .text-box-lev .txt1-1 {
  font-size: 22px;
  line-height: 1.4;
}
@media (min-width: 1280px) {
  .text-box-lev .txt1-1 {
    font-size: 20px;
    line-height: 1.45;
  }
  .SeniorMode .text-box-lev .txt1-1 {
    font-size: 22px;
    line-height: 1.45;
  }
}
.dark-mode .text-box-lev .txt1-1 {
  color: #FCFCFD;
}
.text-box-lev .txt2 {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 8px;
}
.SeniorMode .text-box-lev .txt2 {
  font-size: 20px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .text-box-lev .txt2 {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .text-box-lev .txt2 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.dark-mode .text-box-lev .txt2 {
  color: #FCFCFD;
}
.text-box-lev .txt2.bb-in {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--gray-300);
}
.dark-mode .text-box-lev .txt2.bb-in {
  border-color: var(--gray-700);
}
.text-box-lev .txt3 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
}
.SeniorMode .text-box-lev .txt3 {
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .text-box-lev .txt3 {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .text-box-lev .txt3 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.dark-mode .text-box-lev .txt3 {
  color: #FCFCFD;
}
.text-box-lev .txt4 {
  font-size: 18px;
  font-weight: 300;
  line-height: 144.444%;
}
.dark-mode .text-box-lev .txt4 {
  color: #FCFCFD;
}
.text-box-lev .txtbox {
  padding-left: 8px;
  margin-bottom: 16px;
}
.text-box-lev .txtbox:last-child {
  margin-bottom: 0;
}
.text-box-lev .txtbox .bullet-txt {
  margin-bottom: 8px;
}
.text-box-lev .txtbox .bullet-txt:last-child {
  margin-bottom: 0;
}
.text-box-lev .bullet-txt li {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
}
.SeniorMode .text-box-lev .bullet-txt li {
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .text-box-lev .bullet-txt li {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .text-box-lev .bullet-txt li {
    font-size: 20px;
    line-height: 1.5;
  }
}
.text-box-lev .bullet-txt li.title {
  font-weight: 600;
  line-height: 1;
  margin-bottom: 8px;
}
.dark-mode .text-box-lev .bullet-txt li.title {
  color: #FCFCFD;
}
.text-box-lev .bullet-txt li.title ~ li {
  margin-left: 8px;
}
.text-box-lev .bullet-txt li.title::before {
  content: "-";
  font-weight: 600;
  padding: 0;
  border-radius: 0;
  background: none;
  top: -2px;
  margin-right: 4px;
}
.dark-mode .text-box-lev .bullet-txt li.title::before {
  color: #FCFCFD;
}
.dark-mode .text-box-lev .bullet-txt li::before {
  background: #FCFCFD;
}
.text-box-lev .bullet-txt li.content-none::before {
  display: none;
}

.ft-free-body {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
}
.SeniorMode .ft-free-body {
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .ft-free-body {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .ft-free-body {
    font-size: 20px;
    line-height: 1.5;
  }
}
.dark-mode .ft-free-body {
  color: #FCFCFD;
}

.grid-1 > .row {
  margin: -8px;
}
.grid-1 > .row > div {
  padding: 8px;
}
.FormAreaBox {
  margin: auto;
}

[class*=table-box-] .nums {
  display: flex;
  align-items: flex-end;
  font-size: 20rem !important;
  font-weight: 600 !important;
  line-height: 1;
}
[class*=table-box-] .nums em {
  font-weight: 300 !important;
  font-size: 12rem !important;
  margin-left: 2px;
}

.table-box-special-1 .bg-box-1 {
  background: rgba(155, 164, 171, 0.07);
}
.table-box-special-1 .bg-box-1 * {
  font-weight: 600;
}
.dark-mode .table-box-special-1 .bg-box-1 * {
  color: #FCFCFD;
}
.table-box-special-1 .txt-1 {
  flex-direction: column;
  align-items: start;
}
.table-box-special-1 .text-start > * {
  justify-content: start;
}
.dark-mode .table-box-special-1 table thead tr th {
  border-color: var(--primary-300);
}
.dark-mode .table-box-special-1 table thead tr th::before {
  background: var(--gray-t-35per);
}
.table-box-special-1 table thead tr th > * {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
}
.SeniorMode .table-box-special-1 table thead tr th > * {
  font-size: 20px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .table-box-special-1 table thead tr th > * {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .table-box-special-1 table thead tr th > * {
    font-size: 20px;
    line-height: 1.5;
  }
}
.dark-mode .table-box-special-1 table thead tr th > * {
  color: #FCFCFD;
}
.dark-mode .table-box-special-1 table tbody tr td {
  border-color: var(--gray-t-35per);
}
.table-box-special-1 table tbody tr td.bg-box-1 {
  background: rgba(155, 164, 171, 0.07);
}
.dark-mode .table-box-special-1 table tbody tr td.bg-box-1 {
  background: var(--gray-t-15per);
}
.table-box-special-1 table tbody tr td.bg-box-1 * {
  font-weight: 600;
}
.dark-mode .table-box-special-1 table tbody tr td.bg-box-1 * {
  color: #FCFCFD;
}
.dark-mode .table-box-special-1 table tbody tr td::before {
  background: var(--gray-t-35per);
}
.table-box-special-1 table tbody tr td > * {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
}
.SeniorMode .table-box-special-1 table tbody tr td > * {
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .table-box-special-1 table tbody tr td > * {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .table-box-special-1 table tbody tr td > * {
    font-size: 20px;
    line-height: 1.5;
  }
}
.dark-mode .table-box-special-1 table tbody tr td > * {
  color: #FCFCFD;
}
.table-box-special-1 table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0);
}
.dark-mode .table-box-special-1 table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0);
}
.table-box-special-1 table tbody tr:nth-child(even) td.bg-box-1 {
  background: rgba(155, 164, 171, 0.07);
}
.dark-mode .table-box-special-1 table tbody tr:nth-child(even) td.bg-box-1 {
  background: var(--gray-t-15per);
}
.table-box-special-1 table tbody tr:nth-child(even) td.bg-box-1 * {
  font-weight: 600;
}
.dark-mode .table-box-special-1 table tbody tr:nth-child(even) td.bg-box-1 * {
  color: #FCFCFD;
}

.star::before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: var(--red-500);
  border-radius: 5px;
  display: inline-block;
}

.bullet-txt li {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
  display: flex;
  align-items: flex-start;
}
.SeniorMode .bullet-txt li {
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .bullet-txt li {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .bullet-txt li {
    font-size: 20px;
    line-height: 1.5;
  }
}
.dark-mode .bullet-txt li {
  color: #FCFCFD;
}
.bullet-txt li::before {
  display: flex;
  content: "";
  padding: 1.5px;
  border-radius: 999px;
  overflow: hidden;
  margin: 2px;
  margin-right: 8px;
  position: relative;
  top: 6px;
  background-color: var(--black-500);
}
.dark-mode .bullet-txt li::before {
  background: #FCFCFD;
}
.bullet-txt li.text-red-500::before {
  background-color: var(--red-500);
}

.card-1 {
  border-radius: 16px;
  border: 1px solid var(--gray-300);
  background: var(--gradient-1);
  position: relative;
  box-shadow: var(--ShadowBottom-lev2);
  padding: 16px 16px;
}
.card-1 > * {
  position: relative;
  z-index: 1;
}
.card-1::before {
  content: "";
  border-radius: 16px;
  position: absolute;
  inset: 0;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
.dark-mode .card-1 {
  background: var(--dark-gradient-1);
}
.card-nomal {
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid var(--gray-300);
}
.dark-mode .card-nomal {
  background: var(--gray-900);
}
.dark-mode .card-nomal {
  border-color: var(--gray-700);
}

.greeting-box .row {
  margin-top: -16rem;
  margin-bottom: -16rem;
  margin-left: -16rem;
  margin-right: -16rem;
}
.greeting-box .row > div {
  padding: 16rem 16rem;
}
.greeting-box .body {
  padding-bottom: 40rem;
  margin-bottom: 80rem;
  border-bottom: 1px solid #6C7680;
}
.greeting-box .body .imgbox {
  border-radius: 16rem;
  overflow: hidden;
  height: 280rem;
  text-align: center;
}
.greeting-box .body .imgbox img {
  max-width: 100%;
  height: 100%;
}
.greeting-box .body .txtbox .txt1 {
  font-family: "SUITE";
  font-size: 20rem;
  font-weight: 700;
  line-height: 145%;
  margin-bottom: 8rem;
}
.dark-mode .greeting-box .body .txtbox .txt1 {
  color: #FCFCFD;
}
.greeting-box .body .txtbox .txt2 {
  font-size: 15rem;
  line-height: 150%;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
}
.SeniorMode .greeting-box .body .txtbox .txt2 {
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .greeting-box .body .txtbox .txt2 {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .greeting-box .body .txtbox .txt2 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.dark-mode .greeting-box .body .txtbox .txt2 {
  color: #FCFCFD;
}
.greeting-box .bottom {
  text-align: right;
}
.greeting-box .bottom .txt1 {
  font-size: 24rem;
  font-family: "SUITE";
  font-weight: 800;
  line-height: 1;
  display: flex;
  align-items: end;
  justify-content: end;
  margin-bottom: 32rem;
}
.dark-mode .greeting-box .bottom .txt1 {
  color: #fff;
}
.greeting-box .bottom .txt1 em {
  margin-left: 8rem;
  font-size: 15rem;
  line-height: 1;
}
.dark-mode .greeting-box .bottom .txt1 em {
  color: #fff;
}
.dark-mode .greeting-box .bottom svg path {
  fill: #fff;
}

.fluid-interval-1 {
  margin-bottom: 40px;
}
.fluid-interval-1:last-child {
  margin-bottom: 0;
}

.gray-box-1 {
  border-radius: 12rem;
  background-color: var(--gray-t-10per);
  display: flex;
  padding: 24px;
  align-items: start;
}
.gray-box-1 img {
  height: 53rem;
}
.SeniorMode .gray-box-1 img {
  height: 57rem;
}
.gray-box-1 .txtbox {
  padding-left: 8rem;
}
.gray-box-1 .txt1 {
  font-size: 20rem;
  font-family: "SUITE";
  font-weight: 700;
  line-height: 1;
  margin-bottom: 12rem;
}
.dark-mode .gray-box-1 .txt1 {
  color: #FCFCFD;
}
.SeniorMode .gray-box-1 .txt1 {
  font-size: 28rem;
}
.gray-box-1 .txt2 {
  color: var(--gray-700);
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
}
.SeniorMode .gray-box-1 .txt2 {
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .gray-box-1 .txt2 {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .gray-box-1 .txt2 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.dark-mode .gray-box-1 .txt2 {
  color: var(--gray-400);
}

.list-desing-1 li.arrow {
  margin: 8px 0;
  text-align: center;
  font-size: 0;
  line-height: 1;
  height: 21px;
  position: relative;
}
.list-desing-1 li.arrow img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.list-desing-1 .box {
  border-radius: 12px;
  padding: 24px;
  border: 1px solid var(--gray-300);
  background: var(--gradient-1);
  text-align: center;
}
.dark-mode .list-desing-1 .box {
  background: var(--dark-gradient-1);
}
.dark-mode .list-desing-1 .box {
  border-color: var(--gray-700);
}
.list-desing-1 .box > * {
  margin-bottom: 6px;
}
.list-desing-1 .box > *:last-child {
  margin-bottom: 0;
}
.list-desing-1 .box img {
  height: 80px;
}
.list-desing-1 .box .txt1 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  font-weight: 700;
}
.SeniorMode .list-desing-1 .box .txt1 {
  font-size: 22px;
  line-height: 1.4;
}
@media (min-width: 1280px) {
  .list-desing-1 .box .txt1 {
    font-size: 20px;
    line-height: 1.45;
  }
  .SeniorMode .list-desing-1 .box .txt1 {
    font-size: 22px;
    line-height: 1.45;
  }
}
.dark-mode .list-desing-1 .box .txt1 {
  color: #FCFCFD;
}
.list-desing-1 .box .txt2 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
}
.SeniorMode .list-desing-1 .box .txt2 {
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .list-desing-1 .box .txt2 {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .list-desing-1 .box .txt2 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.dark-mode .list-desing-1 .box .txt2 {
  color: #FCFCFD;
}
.list-desing-2 {
  margin: -8px;
  margin-bottom: 24px;
}
.list-desing-2 li {
  padding: 8px;
}
.list-desing-2 .box {
  border-radius: 12px;
  padding: 24px;
  border: 1px solid var(--gray-300);
  background: var(--gradient-1);
  text-align: center;
}
.dark-mode .list-desing-2 .box {
  background: var(--dark-gradient-1);
}
.dark-mode .list-desing-2 .box {
  border-color: var(--gray-700);
}
.list-desing-2 .box > div > * {
  margin-bottom: 6px;
}
.list-desing-2 .box > div > *:last-child {
  margin-bottom: 0;
}
.list-desing-2 .box .txt1 {
  font-family: "SUITE";
  font-size: 20rem;
  font-weight: 700;
  line-height: 130%;
}
.dark-mode .list-desing-2 .box .txt1 {
  color: #FCFCFD;
}
.list-desing-2 .box .txt2 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
}
.SeniorMode .list-desing-2 .box .txt2 {
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .list-desing-2 .box .txt2 {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .list-desing-2 .box .txt2 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.dark-mode .list-desing-2 .box .txt2 {
  color: #FCFCFD;
}
.list-desing-2 .box [class*=btn-]:not(label) {
  margin-top: 24rem;
  width: 100%;
  justify-content: center;
}
.list-desing-3 {
  display: flex;
}
.list-desing-3 li {
  flex: 1 0 0%;
}
.list-desing-3 li.arrow {
  flex-grow: 0;
  white-space: nowrap;
  margin: 0 8px;
  font-size: 0;
  display: flex;
  align-items: center;
  line-height: 1;
}
.list-desing-3 li.arrow img {
  height: 32px;
}
.list-desing-3 .box {
  text-align: center;
  height: 98px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 12px;
  background: var(--gray-t-10per);
}
.list-desing-3 .box > * {
  margin-bottom: 8px;
}
.list-desing-3 .box > *:last-child {
  margin-bottom: 0;
}
.list-desing-3 .box img {
  height: 32px;
}
.list-desing-3 .box .txt1 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
}
.SeniorMode .list-desing-3 .box .txt1 {
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .list-desing-3 .box .txt1 {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .list-desing-3 .box .txt1 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.dark-mode .list-desing-3 .box .txt1 {
  color: #FCFCFD;
}
.list-desing-3 .box.active {
  background: var(--primary-500);
}
.list-desing-3 .box.active .txt1 {
  color: #fff;
}

.fake-table-list-1 > ul > li {
  padding: 24rem 0;
  border-bottom: 1rem solid #6C7680;
}
.fake-table-list-1 > ul > li:first-child {
  border-top: 2rem solid #6C7680;
}
.fake-table-list-1 > ul > li:last-child {
  border-bottom: 2rem solid #6C7680;
}
.fake-table-list-1 > ul > li.answer {
  padding-left: 16rem;
}
.fake-table-list-1 .box .txt1 {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 16rem;
  display: flex;
  align-items: center;
}
.SeniorMode .fake-table-list-1 .box .txt1 {
  font-size: 20px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .fake-table-list-1 .box .txt1 {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .fake-table-list-1 .box .txt1 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.fake-table-list-1 .box .txt1 > * {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.fake-table-list-1 .box .txt1 > i {
  font-size: 18px;
}
.fake-table-list-1 .info-list {
  margin: 0;
}
.fake-table-list-1 .info-list li {
  padding: 0;
  margin-right: 8rem;
  color: #6C7680;
}
.fake-table-list-1 .info-list li:last-child {
  margin-right: 0;
}
.fake-table-list-1 .info-list li i {
  font-size: 15rem;
  margin-right: 3rem;
  color: inherit;
}
.fake-table-list-1 .info-list li em {
  font-size: 13rem;
  margin-right: 3rem;
  color: inherit;
}
.fake-table-list-1 .info-list li span {
  font-size: 13rem;
  color: inherit;
}
.fake-table-list-2 .list {
  border-radius: 16px;
  border: 1px solid var(--gray-300);
  background: var(--gradient-1);
  position: relative;
  box-shadow: var(--ShadowBottom-lev2);
  padding: 0 0;
}
.fake-table-list-2 .list > * {
  position: relative;
  z-index: 1;
}
.fake-table-list-2 .list::before {
  content: "";
  border-radius: 16px;
  position: absolute;
  inset: 0;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
.dark-mode .fake-table-list-2 .list {
  background: var(--dark-gradient-1);
}
.fake-table-list-2 .list .title {
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.fake-table-list-2 .list .title > p {
  margin-bottom: 12px;
}
.fake-table-list-2 .list .title > p span {
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
  font-size: inherit;
  word-break: break-all;
}
.fake-table-list-2 .list .title > p i {
  margin-right: 12px;
  font-size: 18px;
  color: var(--indigo-500);
}
.fake-table-list-2 .list .answer {
  max-height: 0;
  overflow: hidden;
}
.fake-table-list-2 .list.active .title {
  box-shadow: var(--ShadowBottom-lev3);
  border-bottom: 1px solid var(--gray-300);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.fake-table-list-2 .list.active .answer {
  max-height: 1000px;
  padding: 32px;
  background: var(--gray-t-10per);
}

.accordion-1 ul li {
  margin-bottom: 16rem;
}
.accordion-1 ul li:last-child {
  margin-bottom: 0;
}
.accordion-1 .box {
  border-radius: 12px;
  padding: 24px;
  border: 1px solid var(--gray-300);
  background: var(--gradient-1);
  box-sizing: var(--ShadowBottom-lev3);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
.dark-mode .accordion-1 .box {
  background: var(--dark-gradient-1);
}
.dark-mode .accordion-1 .box {
  border-color: var(--gray-700);
}
.accordion-1 .box .title {
  display: flex;
  justify-content: space-between;
}
.accordion-1 .box .title span {
  font-family: "Montserrat";
  font-size: 22px;
  font-weight: 600;
  line-height: 1; /* 100% */
}
.dark-mode .accordion-1 .box .title span {
  color: #FCFCFD;
}
.accordion-1 .box .title i {
  font-size: 20rem;
  color: var(--primary-500);
}
.accordion-1 .box .list {
  max-height: 0px;
  overflow: hidden;
}
.accordion-1 .box.active .title {
  padding-bottom: 16rem;
  margin-bottom: 16rem;
  border-bottom: 1px solid var(--black-500);
}
.dark-mode .accordion-1 .box.active .title {
  border-color: #fff;
}
.accordion-1 .box.active .title i {
  transform: rotate(90deg);
}
.accordion-1 .box.active .list {
  max-height: 1000px;
  transition: max-height 0.5s;
}

.stepbox-1 {
  padding: 16px;
  background: var(--primary-t-5per);
  border-radius: 8px;
  position: relative;
}
.stepbox-1 .bar {
  height: 4px;
  border-radius: 999px;
  position: absolute;
  top: calc(50% + 3px);
  left: 50%;
  transform: translateY(-50%);
  background: var(--primary-t-30per);
  width: calc(33.3333333333% - 48px - 32px - 6px);
}
.stepbox-1 .bar:nth-child(1) {
  left: 70px;
}
.stepbox-1 .bar:nth-child(2) {
  transform: translate(-50%, -50%);
}
.stepbox-1 .bar:nth-child(3) {
  left: auto;
  right: 70px;
}
.stepbox-1 ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stepbox-1 ul li {
  position: relative;
  flex-grow: 0;
  white-space: nowrap;
  text-align: center;
}
.stepbox-1 ul li .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 123px;
}
.stepbox-1 ul li .box > * {
  margin-bottom: 8px;
}
.stepbox-1 ul li .box > *:last-child {
  margin-bottom: 0;
}
.stepbox-1 ul li .box .txt1 {
  color: var(--primary-500);
  text-align: center;
  font-family: "Montserrat";
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}
.stepbox-1 ul li .box .imgbox {
  padding: 8px 0;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: var(--gray-t-10per);
  display: flex;
  align-items: center;
  justify-content: center;
}
.stepbox-1 ul li .box .imgbox img {
  height: 32px;
}
.stepbox-1 ul li .box .imgbox img.color {
  display: block;
}
.stepbox-1 ul li .box .imgbox img.nocolor {
  display: none;
}
.stepbox-1 ul li .box .txt2 {
  font-size: 13px;
  font-weight: 300;
}
.dark-mode .stepbox-1 ul li .box .txt2 {
  color: #FCFCFD;
}
.SeniorMode .stepbox-1 ul li .box .txt2 {
  font-size: 14px;
}
.stepbox-1.active-1 ul li:nth-child(1) ~ li .box .txt1 {
  color: rgba(255, 255, 255, 0);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--gray-500);
}
.stepbox-1.active-1 ul li:nth-child(1) ~ li .box .imgbox {
  background: var(--gray-t-30per);
}
.stepbox-1.active-1 ul li:nth-child(1) ~ li .box .imgbox img.color {
  display: none;
}
.stepbox-1.active-1 ul li:nth-child(1) ~ li .box .imgbox img.nocolor {
  display: block;
}
.stepbox-1.active-1 ul li:nth-child(1) ~ li .box .txt2 {
  font-weight: 300;
}
.stepbox-1.active-2 ul li:nth-child(2) ~ li .box .txt1 {
  color: rgba(255, 255, 255, 0);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--gray-500);
}
.stepbox-1.active-2 ul li:nth-child(2) ~ li .box .imgbox {
  background: var(--gray-t-30per);
}
.stepbox-1.active-2 ul li:nth-child(2) ~ li .box .imgbox img.color {
  display: none;
}
.stepbox-1.active-2 ul li:nth-child(2) ~ li .box .imgbox img.nocolor {
  display: block;
}
.stepbox-1.active-2 ul li:nth-child(2) ~ li .box .txt2 {
  font-weight: 300;
}
.stepbox-1.active-3 ul li:nth-child(3) ~ li .box .txt1 {
  color: rgba(255, 255, 255, 0);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--gray-500);
}
.stepbox-1.active-3 ul li:nth-child(3) ~ li .box .imgbox {
  background: var(--gray-t-30per);
}
.stepbox-1.active-3 ul li:nth-child(3) ~ li .box .imgbox img.color {
  display: none;
}
.stepbox-1.active-3 ul li:nth-child(3) ~ li .box .imgbox img.nocolor {
  display: block;
}
.stepbox-1.active-3 ul li:nth-child(3) ~ li .box .txt2 {
  font-weight: 300;
}
.stepbox-1.active-4 ul li:nth-child(4) ~ li .box .txt1 {
  color: rgba(255, 255, 255, 0);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--gray-500);
}
.stepbox-1.active-4 ul li:nth-child(4) ~ li .box .imgbox {
  background: var(--gray-t-30per);
}
.stepbox-1.active-4 ul li:nth-child(4) ~ li .box .imgbox img.color {
  display: none;
}
.stepbox-1.active-4 ul li:nth-child(4) ~ li .box .imgbox img.nocolor {
  display: block;
}
.stepbox-1.active-4 ul li:nth-child(4) ~ li .box .txt2 {
  font-weight: 300;
}
.stepbox-1.active-2 .bar:nth-child(1) {
  background: var(--primary-500);
}
.stepbox-1.active-3 .bar:nth-child(1), .stepbox-1.active-3 .bar:nth-child(2) {
  background: var(--primary-500);
}
.stepbox-1.active-4 .bar {
  background: var(--primary-500);
}

.interver-val1 > * {
  margin-bottom: 40px;
}
.interver-val1 > *:last-child {
  margin-bottom: 0;
}

.interver-val2 > * {
  margin-bottom: 16px;
}
.interver-val2 > *:last-child {
  margin-bottom: 0;
}

.interver-val3 > * {
  margin-bottom: 16px;
}
.interver-val3 > *:last-child {
  margin-bottom: 0;
}

.interver-val4 > *, .interver-val4 > .top-tit-1.bb-in {
  margin-bottom: 40px;
}
.interver-val4 > *:last-child, .interver-val4 > .top-tit-1.bb-in:last-child {
  margin-bottom: 0;
}

.checkboxs .card-1 {
  text-align: center;
}
.checkboxs .card-1 > * {
  margin-bottom: 16px;
}
.checkboxs .card-1 > *:last-child {
  margin-bottom: 0;
}
.checkboxs .card-1 .check-radio-box input[type=radio] + label::before {
  color: #6C7680;
}
.checkboxs .card-1 .check-radio-box input[type=radio]:checked + label::before {
  color: var(--primary-500);
}
.checkboxs .card-1 .txtbox > * {
  margin-bottom: 8px;
}
.checkboxs .card-1 .txtbox > *:last-child {
  margin-bottom: 0;
}
.checkboxs .card-1 .txt1 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
}
.SeniorMode .checkboxs .card-1 .txt1 {
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .checkboxs .card-1 .txt1 {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .checkboxs .card-1 .txt1 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.checkboxs .card-1 .txt2 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
}
.SeniorMode .checkboxs .card-1 .txt2 {
  font-size: 22px;
  line-height: 1.4;
}
@media (min-width: 1280px) {
  .checkboxs .card-1 .txt2 {
    font-size: 20px;
    line-height: 1.45;
  }
  .SeniorMode .checkboxs .card-1 .txt2 {
    font-size: 22px;
    line-height: 1.45;
  }
}
.checkboxs .card-1 [class*=btn-] {
  width: 100%;
  justify-content: center;
}

.text-design-1 .box {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--gray-300);
}
.dark-mode .text-design-1 .box {
  border-color: var(--gray-700);
}
.chart-box-1 {
  margin: auto;
  width: 100%;
  overflow: auto;
}
.chart-box-1 > img, .chart-box-1 > svg {
  min-width: 740rem;
  width: 100%;
}
.chart-box-1 > img.dark, .chart-box-1 > svg.dark {
  display: none;
}
.dark-mode .chart-box-1 > img, .dark-mode .chart-box-1 > svg {
  display: none;
}
.dark-mode .chart-box-1 > img.dark, .dark-mode .chart-box-1 > svg.dark {
  display: block;
}

.txt-pay-box-1 .box {
  border-radius: 6px;
  border: 1px solid var(--gray-300);
  background: var(--gradient-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18rem 24rem;
}
.dark-mode .txt-pay-box-1 .box {
  background: rgba(255, 255, 255, 0);
}
.txt-pay-box-1 .box > div {
  display: flex;
  align-items: end;
}
.txt-pay-box-1 .box .txt2 {
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
  margin-left: 4rem;
}
.txt-pay-box-1 .box.total {
  background: rgba(155, 164, 171, 0.07);
}
.txt-pay-box-1 .box.total > p {
  font-weight: 600;
}
.txt-pay-box-1 .box.total .txt1 {
  color: var(--primary-500);
}
.siteMap {
  overflow: hidden;
  padding-top: 40rem;
  border-top: 2px solid var(--black-500);
}
.siteMap p {
  height: 40rem;
  background-color: var(--black-500);
  color: #fff;
  border-radius: 8rem;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  font-family: "SUITE";
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24rem;
}
@media (min-width: 1280px) {
  .siteMap p {
    font-size: 24px;
  }
  .SeniorMode .siteMap p {
    font-size: 26px;
  }
}
.siteMap ul {
  padding: 16rem;
  padding-top: 0;
  padding-bottom: 24rem;
  border-left: 1px solid #6C7680;
  border-right: 1px solid #6C7680;
}
.siteMap ul > li {
  margin-bottom: 8rem;
  display: flex;
  align-items: center;
}
.siteMap ul > li::before {
  content: "";
  padding: 1.5px;
  background-color: var(--black-500);
  border-radius: 999px;
  margin-right: 8px;
}
.siteMap ul > li:last-child {
  margin-bottom: 0;
}
.siteMap ul > li > a {
  font-size: 15rem;
  font-weight: 300;
}
.SeniorMode .siteMap ul > li > a {
  font-size: 16rem;
}

.annuity-box {
  border-top: 2px solid var(--black-500);
}
.annuity-box .box:nth-child(1) ul li p {
  background-color: var(--primary-500);
}
.annuity-box .box:nth-child(2) ul li p {
  background-color: var(--secondary-500);
}
.annuity-box .box:nth-child(3) ul li p {
  background-color: var(--forest-500);
}
.annuity-box .box:nth-child(4) ul li p {
  background-color: var(--navy-500);
}
.annuity-box .top {
  padding-top: 16rem;
  padding-bottom: 24rem;
  border-bottom: 1px solid #6C7680;
  margin-bottom: 24rem;
  display: flex;
  align-items: center;
  line-height: 1;
}
.annuity-box .top img {
  height: 35rem;
}
.annuity-box .top img.dark {
  display: none;
}
.dark-mode .annuity-box .top img {
  display: none;
}
.dark-mode .annuity-box .top img.dark {
  display: block;
}
.annuity-box ul li {
  display: flex;
  flex-direction: column;
  border-radius: 6rem;
  overflow: hidden;
  background-color: var(--gray-t-10per);
}
.annuity-box ul li p {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  padding: 16rem;
  text-align: center;
}
.SeniorMode .annuity-box ul li p {
  font-size: 20px;
  line-height: 1.1;
}
@media (min-width: 1280px) {
  .annuity-box ul li p {
    font-size: 18px;
    line-height: 1.1;
  }
  .SeniorMode .annuity-box ul li p {
    font-size: 20px;
    line-height: 1.1;
  }
}
.annuity-box ul li span {
  display: block;
  padding: 16rem;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
}
.SeniorMode .annuity-box ul li span {
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .annuity-box ul li span {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .annuity-box ul li span {
    font-size: 20px;
    line-height: 1.5;
  }
}

.map-box .rowsbox {
  margin: -4rem;
}
.map-box .rowsbox > div {
  padding: 4rem;
}
.map-box .card-box {
  border-radius: 12px;
  padding: 24px;
  border: 1px solid var(--gray-300);
  background: var(--gradient-1);
  box-shadow: var(--ShadowBottom-lev2);
}
.dark-mode .map-box .card-box {
  background: var(--dark-gradient-1);
}
.dark-mode .map-box .card-box {
  border-color: var(--gray-700);
}
.map-box .card-box .txt1 {
  margin-bottom: 6rem;
}
.remote-box {
  padding-top: 40px;
  border-top: 2px solid var(--black-500);
}
.remote-box .left {
  text-align: center;
}
.remote-box .left .img1 {
  height: 345px;
}
.remote-box > .row {
  margin: -20px;
}
.remote-box > .row > div {
  padding: 20px;
}
.remote-box > .row .txt1 {
  font-size: 24px;
  font-family: "SUITE";
  line-height: 1.5;
  margin-bottom: 6px;
  font-weight: 500;
}
.remote-box > .row .txt2 {
  font-size: 22px;
  line-height: 1.31;
  font-weight: 300;
  margin-bottom: 16px;
}
.SeniorMode .remote-box > .row .txt2 {
  font-size: 24px;
  line-height: 1.41;
}
@media (min-width: 1280px) {
  .remote-box > .row .txt2 {
    font-size: 24px;
    line-height: 1.34;
  }
  .SeniorMode .remote-box > .row .txt2 {
    font-size: 26px;
    line-height: 1.46;
  }
}
.remote-box > .row .bar {
  background-color: var(--gray-300);
  height: 1px;
  width: 100%;
  margin-bottom: 16px;
}
.remote-box > .row ul {
  margin-bottom: 16px;
}
.remote-box > .row ul li {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 8px;
  display: flex;
}
.remote-box > .row ul li:last-child {
  margin-bottom: 0;
}
.remote-box > .row ul li em {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.remote-box > .row ul li span {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.remote-box > .row .txt3 {
  background: var(--gray-t-10per);
  border-radius: 6rem;
  padding: 16px;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 300;
  margin-bottom: 16px;
}
.SeniorMode .remote-box > .row .txt3 {
  font-size: 20px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .remote-box > .row .txt3 {
    font-size: 18px;
    line-height: 1.5;
  }
  .SeniorMode .remote-box > .row .txt3 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.remote-box > .row .btn-indigo {
  width: 100%;
  justify-content: center;
}
.SeniorMode .submenu ul li a {
  font-size: 20rem;
}
.SeniorMode .file-download-1 ul .list .txt .txt1 {
  font-size: 24rem;
}
@media (min-width: 1280px) {
  .SeniorMode .submenu ul li a {
    font-size: 28rem;
  }
}

.white-space-pre-wrap {
  white-space: pre-wrap;
}

.guid-txt {
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  background: var(--orange-t-10per);
  border-radius: 12px;
  border: 1px solid var(--orange-500);
  height: 44px;
  padding: 0 12px;
  color: var(--orange-500);
}
.guid-txt i {
  font-size: calc(100% + 3px);
  color: var(--orange-500);
  margin-right: 8px;
}
.guid-txt span,
.guid-txt span > em {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}
.guid-txt span > em {
  color: var(--red-500);
}/*# sourceMappingURL=lyout.css.map */